Acceptance Criteria

• For use QRCode, need to active:

  • At least one service mode;

  • Add duration for show QRCode in home and recent order screen;

  • At least one Store;

  • At least one product of type item;

• Reviewed by Paula Winter
• Reviewed by Felipe Gonçalves
• Reviewed by Raphael Gomes

Repos that we’ll change

intl-whitelabel-app: https://github.com/rbilabs/intl-whitelabel-app

intl-whitlabel-cms: https://github.com/rbilabs/intl-whitelabel-cms

intl-whitlabel-graphql: https://github.com/rbilabs/intl-whitelabel-graphql

Solution proposal

When the system completes the purchase successfully, it will validate if any of the purchased products provide a drink refill, this validation will occur through information contained in Sanity.

Sanity will return a list of stores and products that provide the drink refill, the whitelabel-app will go through this information from Sanity, validating if it has a product that is compatible, if so, it will send some information to the “GraphQL” backend .

In the backend we will get the information, and we will get the secrets from DynamoDB, this secrets is a key to generate an MD5 and with that we will generate a hash with MD5 encryption, and this hash will be returned to the whitelabel-app to use as QRCode.

Task summary

Intl Whitelabel CMS:

• Task 1 - Add new Fields for add Stores and Items

Intl Whitelabel App:

• Task 1 - Update GraphQL Query to get new data (validate cache)

• Task 2 - Validate if purchased products have a refill

• Task 3 - Create a new request for backend “intl-whitelabel-graphql” - GetRefillDrinkQRCode (Request GraphQL implementation)

• Task 4 - Get and use QRCode of GetRefillDrinkQRCode (Request GraphQL implementation)

• Task 5 - Como verificar agendamento de pedido e cancelamento

Intl Whitelabel GraphQL:

• Task 1 - Create a request for get secrets of MD5

• Task 2 - Create new function GetRefillDrinkQRCode for generate hash (Request Whitelabel implementation)

• Task 3 -

Tasks breakdown

Intl Whitelabel CMS

Task 1 - Add new Fields for add Stores and Items

• Add this new objects in the document of QRCode refill schemas/features/documents/refill-drinks-qrcode.tsx

  • In case have any questions about these files, you can to consult this PR: https://github.com/rbilabs/intl-whitelabel-cms/pull/86/files because here was created this files for QRCode Refill.

• About List of Stores we can use the object src/schemas/menu/documents/restaurant-group.ts of shared schema, we need just to add the code of restaurants in our code of QRCode.

• About the Items List, we can add the same idea of items free, but the component need to have just items, don’t have combo or menu.

• In Figma this activity don’t finished yet, but the main idea is it:

DOD-LIKE

• Show Restaurant List with validate have one.

• Show Items List with validate have one.

  • Just add items of “item” type

• Validate messages and layout with designers

Intl Whitelabel App

Task 1 - Update GraphQL Query to get new data

Add new objects stores and items in src/queries/sanity/feature-qr-code-refill-drinks.graphql query

DOD-LIKE

• Codegen should not be broken and apollo:generate command should work without problem after add the new GraphQL files

Task 2 - Update hook for get new objects of sanity (validate cache)

Update src/hooks/use-feature-qrcode-refill-drinks/use-feature-qrcode-refill-drinks.ts hook for get stores and items of sanity.

Add this new data in cache.

DOD-LIKE

• Get data with success;

• Create or adjust unit tests for this flow;

• Create cache with success

Task 3 - Validate if purchased products have a refill for this store

Validate if the items purchased have a refill drink and if this store gives a refill drink.

Task 3 - Create a new request for backend “intl-whitelabel-graphql” - GetRefillDrinkQRCode (Request GraphQL implementation)

Task 4 - Get and use QRCode of GetRefillDrinkQRCode (Request GraphQL implementation)