component: paragraph--contact_information (Contact information)

[amponce]

Description

A component is needed in the next-build system to render paragraph--contact_information. This component should be able to be used standalone or to render field data for other nodes and paragraphs.

Tasks

Preview Give feedback

1. component: paragraph--email_contact (Email address) #8614
   Accelerated Publishing Needs refining +2
   
2. component: paragraph--phone_number (Phone number) #8619
   Accelerated Publishing Needs refining next-build +3
   
3. component: node--support_service--contact_information (Support Service) #8646
   Accelerated Publishing Needs refining +2
   

Supporting detail

Paragraph/Node: paragraph--contact_information

CMS structure: paragraphs_type/contact_information/fields

API query: jsonapi/paragraph/contact_information

Existing template(s):contact_information.drupal.liquid

Existing/example existing GraphQL:contactInformation.paragraph.graphql.js

Logic notes:

• Check for Additional_Contact
• Check for Contact_Info_Switch to equal either BHC | DC (benifits hub contact or default contact)

Example to render collection of objects:

    const paragraph--contact_information = await getResourceCollectionFromContext(
        'paragraph--contact_information',
        context,
        {} // params 
    );

Example data structure (subject to refinement):

{
    "type": "paragraph--contact_information",
    "id": "ebfce5d0-1bc5-45b9-93e9-669a1c1da645",
    "drupal_internal__id": 13094,
    "drupal_internal__revision_id": 145722,
    "langcode": "en",
    "status": true,
    "created": "2020-10-05T20:32:42+00:00",
    "parent_id": "6950",
    "parent_type": "node",
    "parent_field_name": "field_contact_information",
    "behavior_settings": [],
    "default_langcode": true,
    "revision_translation_affected": true,
    "field_contact_info_switch": "DC",
    "field_markup": null,
    "links": {
        "self": {
            "href": "http://va-gov-cms.ddev.site/jsonapi/paragraph/contact_information/ebfce5d0-1bc5-45b9-93e9-669a1c1da645"
        }
    },
    "paragraph_type": {
        "type": "paragraphs_type--paragraphs_type",
        "id": "4619702e-c2f3-4e29-90c0-a0e2a89c20c4",
        "resourceIdObjMeta": {
            "drupal_internal__target_id": "contact_information"
        }
    },
    "field_additional_contact": {
        "type": "paragraph--email_contact",
        "id": "e5184527-0e7f-4071-bb0b-a99c3eb04839",
        "resourceIdObjMeta": {
            "target_revision_id": 145721,
            "drupal_internal__target_id": 13333
        }
    },
    "field_benefit_hub_contacts": null,
    "field_contact_default": {
        "type": "node--support_service",
        "id": "79938f13-7be8-4ce6-92ea-35671532c645",
        "resourceIdObjMeta": {
            "drupal_internal__target_id": 61
        }
    },
    "relationshipNames": [
        "paragraph_type",
        "field_additional_contact",
        "field_benefit_hub_contacts",
        "field_contact_default"
    ]
}

Further info:paragraphs/contact_information.md