1 Summary
2 Description
3 Figma
4 Development
- 4.1 Feature Flag - Temporarily
- 4.2 Code Changes
  - 4.2.1 Intl-whitelabel-cms
  - 4.2.2 Intl-whitelabel-app
- 4.3 Tests

Summary

Document Status	DRAFT
Deadline	2024-jun-12
Document Owner(s)	@Capovilla, Evandro
Reviewers	@Augusto Romao, Vinicius @Caes, Guilherme @de Sousa Santos, Rodrigo @Pereira, Filipa (Deactivated) @Raffael Ciciliano Rossi @Raphael Ferreira Gomes

Description

Due to the GDPR, the customer must always be aware of how, where and who will have access to the data shared and with this a field will be added to the support forms with a translated text. This text will be filled in by the franchisee in sanity and with the appropriate translation fields, just as it works for the birthday and catering screen.

Birthday and Catering

Figma

https://www.figma.com/design/TXlz4Fm91IstXnwIByTUtJ/Draft---List-Item?node-id=365-33948&t=t3ckclnaCZ8pDpB2-0

Policy Cover field

Development

Feature Flag - Temporarily

Suggested Name

Suggested Name
support-policy-cover-to-contact

Follow the launch recommendations below:

https://rbictg.atlassian.net/wiki/spaces/IN/pages/4735172873

Code Changes

Intl-whitelabel-cms

Add the support policy cover in “fields” property

fields: [
  ...,
  {
    title: 'Support Policy Cover',
    name: 'supportPolicyCover',
    type: 'array',
    of: [
      {
        title: 'Privacy Policy Disclaimers Cell',
        name: 'privacyPolicyDisclaimersCell',
        type: 'privacyPolicyDisclaimersCell',
      },
    ],
    validation: (Rule: RuleType) => Rule.length(1),
  },
  ...,
]

Intl-whitelabel-app

Following the privacyPolicy implementation: src/queries/sanity/feature-birthday-and-catering.graphql

supportPolicyCover {
  privacyPolicyDisclaimersCells {
    disclaimerTitle
    disclaimerDescription
    disclaimerContent {
      locale: enRaw
    }
    border
    fontSize
    paddingTop
    paddingRight
    paddingBottom
    paddingLeft
    radius
  }
}

{
...
const {
    ...,
    supportPolicyCover,
  } = data?.SupportData ?? {};
  
  const isSupportDataLoading = featureIdsLoading || loading;

  return {
    ...,
    supportPolicyCover,
  };
};

Import the component below the form as birthday and catering feature: src/components/catering-birthday/client-information/catering-birthday-client-information.tsx

Optional: Create a SupportPolicyCoverContainer, SupportPolicyCoverDisclaimerBox and SupportPolicyCoverDisclaimerBox.

Tests

Scenario	Steps	Result

Scenario	Steps	Result
Open the support form and show the policy cover field	Enable the feature flag Go to support page Select the reason for support The support form will appear	A policy coverage field should appear below the “Describe your problem” field.
Open the support form and not show the policy cover field	Disable the feature flag Go to support page Select the reason for support The support form will appear	A policy coverage field should not appear below the “Describe your problem” field.
Open the support form and show the policy cover field translated	Enable the feature flag Change the language Go to support page Select the reason for support The support form will appear	A policy coverage field should appear below the “Describe your problem” field with the text translated.
Open the support form, the support policy cover is empty in sanity and not show the policy cover field in support page	Enable the feature flag Support Policy Cover is empty in Sanity Go to support page Select the reason for support The support form will appear	A policy coverage field should not appear below the “Describe your problem” field.

Iberia Collaboration

Tech Discovery - Policy cover to contact