Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel6
outlinefalse
stylenone
typelist
printabletrue

Summary

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.

...

Figma

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

...

Development

...

Feature Flag - Temporarily

Suggested Name

support-policy-cover-to-contact

Follow the launch recommendations below:

/wiki/spaces/IN/pages/4735172873

Code Changes

Intl-whitelabel-cms

Expand
titleschemas/support/documents/supportData.tsx

Add the support policy cover in “fields” property

Code Block
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

Expand
titlesrc/queries/sanity/support.graphql

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

Code Block
languagetypescript
supportPolicyCover {
  privacyPolicyDisclaimersCells {
    disclaimerTitle
    disclaimerDescription
    disclaimerContent {
      locale: enRaw
    }
    border
    fontSize
    paddingTop
    paddingRight
    paddingBottom
    paddingLeft
    radius
  }
}
Expand
titlesrc/hooks/use-support-data/use-feature-navigation.ts
Code Block
languagetypescript
{
...
const {
    ...,
    supportPolicyCover,
  } = data?.SupportData ?? {};
  
  const isSupportDataLoading = featureIdsLoading || loading;

  return {
    ...,
    supportPolicyCover,
  };
};
Expand
titlesrc/pages/support-v2/support-v2-form-page/support-v2-form-view.tsx

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.

Code Block
const { supportPolicyCover } = useSupportData();
const privacyPolicyDisclaimersCells =
    supportPolicyCover?.privacyPolicyDisclaimersCells;

<PoliciesContainer>
      {privacyPolicyDisclaimersCells?.map(item => {
        return (
          item?.disclaimerContent?.locale && (
            <PrivacyPolicyDisclaimerBox radius={item?.radius} border={item?.border}>
              <PrivacyPolicyDisclaimer
                fontSize={item?.fontSize}
                paddingTop={item?.paddingTop}
                paddingRight={item?.paddingRight}
                paddingBottom={item?.paddingBottom}
                paddingLeft={item?.paddingLeft}
              >
                <SanityBlockRenderer content={item?.disclaimerContent?.locale} />
              </PrivacyPolicyDisclaimer>
            </PrivacyPolicyDisclaimerBox>
          )
        );
      })}
</PoliciesContainer>

Tests

Scenario

Steps

Result

Open the support form and show the policy cover field

  1. Enable the feature flag

  2. Go to support page

  3. Select the reason for support

  4. 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

  1. Disable the feature flag

  2. Go to support page

  3. Select the reason for support

  4. 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

  1. Enable the feature flag

  2. Change the language

  3. Go to support page

  4. Select the reason for support

  5. 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

  1. Enable the feature flag

  2. Support Policy Cover is empty in Sanity

  3. Go to support page

  4. Select the reason for support

  5. The support form will appear

A policy coverage field should not appear below the “Describe your problem” field.