Questions:

•  N/D

Technical Refinement

Description

When the customer makes a purchase that contains Refill, the Order will return a Hash that must be presented in the form of a QRCode to the user, with this QRCode, the user will be able to point to the soda machine and release the product.

The hash value must be simulated in Storage with the key RBI::ORDER_REFILL_ID, the backend implementation will put this information into Storage.

Path: workspaces/frontend/src/utils/local-storage/constants.ts

Task 1— Create Feature Flag.

• New feature flag for front-end

• New feature flag for back-end

Task 2— Create Sanity settings

• Configuration of service modes

• Duration of bottom sticker - refill drinks

• Duration of recent order - refill drinks

Task 3— Create Bottom Sheet with QRCode in Home Page.

• path: workspaces/frontend/src/components/layout/index.tsx

• Should create a new component to show QRCode with hash value, this hash must get the Storage using a key

• Should use QRCode component in workspaces/frontend/src/components/qrcode/qr-code.tsx

Acceptance Criteria

• Display Bottom Sheet with QR only on home screen

• Expand content on click

• The Start Order button must accompany the Bottom Sheet and cannot be hidden

• Feature flag ENABLE_BOTTOM_SERVICE_MODE must continue to work.

• Should show this QRCode only on mobile devices.

POC

• https://github.com/rbilabs/intl-whitelabel-app/pull/1693

Task 4 — Create componente to show QRCode in Recent Orders.

• path: workspaces/frontend/src/components/layout/index.tsx

• Should create a new card component in Recent Order to show QRCode with hash value, this hash must get the Storage using a key

• Should use QRCode component in workspaces/frontend/src/components/qrcode/qr-code.tsx

Acceptance Criteria

• Show a new component with QRCode information in Recent Orders

• When clicking QRCode icon it should show modal with QRCode with hash value

• Should show this QRCode only on mobile devices.

POC

• https://github.com/rbilabs/intl-whitelabel-app/pull/1682

Task 4 — Validations of durations of QR code - Recent Order

• if hash is expired, should not show on the QRCode card.

• Should not removed hash the LocalStorage.

• The createAt field in the Order must be the calculation basis. (Raphael Ferreira Gomes I need to confirm with you if the field will be createAt)

Task 5 — Validations of durations of QR code - Home Page

• if hash is expired, should not show bottom sheet.

• Should not removed hash the LocalStorage.

• The createAt field in the Order must be the calculation basis.(Raphael Ferreira Gomes I need to confirm with you if the field will be createAt)

Impact Analysis

• Hero component

Dependencies

• N/A

Unit Test

• N/A