Versions Compared

Old Version 5

changes.mady.by.user Capovilla, Evandro

Saved on

compared with

New Version 6

changes.mady.by.user Raphael Ferreira Gomes

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
stylenone

Development

Feature Flags

Feature Flag

Description

enable-ticket-restaurant-credit-card-paycomet

This flag will be responsible for activating ticket restaurant payment method using the online payment

enable-ticket-restaurant-voucher-paycomet

This flag will be responsible for activating ticket restaurant payment method using the voucher in person

Code Changes

Note

Not all unit tests that will be performed have been added, but it is implicit that it should cover as many tests as possible for this feature

PaymentMethodBrand

The essential part of this feature is the addition of new values ​​for ticket restaurant to the paymentMethodBrand property, which will be responsible for identifying the payment method made and passing it on to all systems listed below, since the system used behind the scenes is payment via credit card.

ENUM

VALUE

TICKET_RESTAURANT

TICKET_RESTAURANT

TICKET_RESTAURANT_VOUCHER

TICKET_RESTAURANT_VOUCHER

Frontend

Development
Expand
titlepayment-method/index.tsx
Code Block
const SelectedTicketRestaurantOptionItem = (
    <PaymentMethodAddNewItemOption
      text={formatMessage({ id: ticketRestaurantLabel(isGuestOrder) })}
      Icon={styledCardIcon(PaymentMethodBrandType.TICKET_RESTAURANT)}
      onClick={getSelectedMethodClickHandler()}
      selected
    />
  );

...

Info

It is necessary to ensure that the bumps were made to the frontend so that it is possible to find the restaurant ticket values.

Unit Tests
Expand
titlestate/payment/__tests__/use-payment.test.tsx
Code Block
jest.mock('state/launchdarkly', () => ({
  useFlag: jest.fn(),
  useGatewayFlags: jest.fn().mockReturnValue(''),
  LaunchDarklyFlag: {
    ENABLE_TICKET_RESTAURANT_VOUCHER_PAYCOMET: 'ticket-restaurant-string',
}));

...

Info

Update other unit tests to cover these changes.

Graphql

Expand
titlegraphql/schemas/payments.gql

Add the PaymentMethodBrand

Code Block
enum PaymentMethodBrand {
 ...
 TICKET_RESTAURANT
 TICKET_RESTAURANT_VOUCHER
}

https://github.com/rbilabs/intl-whitelabel-graphql/pull/952

Fulfillment

Expand
titlesrc/graphql.ts
Code Block
export enum PaymentMethodBrand {
  ...,
  TICKET_RESTAURANT = "TICKET_RESTAURANT",
  TICKET_RESTAURANT_VOUCHER = "TICKET_RESTAURANT_VOUCHER",
}

...

https://github.com/rbilabs/intl-fulfillment-service/pull/813

Packages

Expand
titleorders/src/types/cart.ts
Code Block
export enum PaymentMethodBrand {
  ...,
  TICKET_RESTAURANT = 'TICKET_RESTAURANT',
  TICKET_RESTAURANT_VOUCHER = 'TICKET_RESTAURANT_VOUCHER',
}

https://github.com/rbilabs/intl-packages/pull/1187

DMP

Expand
title@tests/unit/pages/CashFlow/controllers/delegate.spec.ts
Code Block
const expected = [
  'TICKET_RESTAURANT',
  'TICKET_RESTAURANT_VOUCHER',
];

...

https://github.com/rbilabs/intl-expeditor-tablet/pull/742

DOP

Expand
titledelivery/settings/last-mile-settings-card/LastMileSettingsCard.tsx
Code Block
export const paymentMethodTranslation: Record<PaymentMethod, keyof LocalizedDictionary> = {
  TICKET_RESTAURANT: `${baseTranslationPath}.ticketRestaurant`,
  TICKET_RESTAURANT_VOUCHER: `${baseTranslationPath}.ticketRestaurantVoucher`,
};

export enum PaymentMethod {
  TICKET_RESTAURANT = 'TICKET_RESTAURANT',
  TICKET_RESTAURANT_VOUCHER = 'TICKET_RESTAURANT_VOUCHER',
}

...

https://github.com/rbilabs/ctg-fz-portal/pull/2799

Admin App

Expand
titleorder-details/__tests__/order-details.spec.tsx
Code Block
describe('Payment method', () => {
    it.each`
      case                                     | paymentData                                                                | result
      ${'Ticket restaurant'}                   | ${{ cardType: 'VISA', paymentMethodBrand: 'TICKET_RESTAURANT' }}           | ${'Ticket Restaurant'}
      ${'Ticket restaurant voucher'}           | ${{ cardType: 'CASH', paymentMethodBrand: 'TICKET_RESTAURANT_VOUCHER' }}   | ${'Ticket Restaurant Voucher'}
    `('Should display $case payments accordingly', ({ paymentData, result }) => {
    ....
}

...

https://github.com/rbilabs/intl-admin-app/pull/403

Driver-app ( Voucher )

Expand
titleenums/index.ts
Code Block
export enum PaymentMethod {
  TICKET_RESTAURANT = 'TICKET_RESTAURANT',
  TICKET_RESTAURANT_VOUCHER = 'TICKET_RESTAURANT_VOUCHER',
}

...

https://github.com/rbilabs/intl-driver-app/pull/286

Tests

Scenarios

Scenarios

Description

PaymentMethod

PaymentMethodBrand

The user wants to make a purchase via restaurant ticket

It should display the payment option via ticket restaurant and when clicked, a jet iframe for credit card appears.

CREDIT

TICKET_RESTAURANT

The user wants to make a purchase via restaurant ticket voucher

It should display the payment option via ticket restaurant voucher and when clicked, only a pay button will appear

CASH

TICKET_RESTAURANT_VOUCHER

The user select restaurant ticket and change the payment method

It should be possible to change the payment method when restaurant ticket is selected

CREDIT

TICKET_RESTAURANT

The user select restaurant ticket and change the payment method

It should be possible to change the payment method when restaurant ticket is selected

CASH

TICKET_RESTAURANT_VOUCHER

If the user purchases via restaurant ticket voucher, the payment method must be displayed in the Driver-app.

It should be possible to see which paymentMethodBrand was chosen in the Driver-app.

CASH

TICKET_RESTAURANT_VOUCHER

If the user purchases via restaurant ticket, the payment method must be displayed in the DMP.

It should be possible to see which paymentMethodBrand was chosen in the DMP.

CREDIT or CASH

TICKET_RESTAURANT or TICKET_RESTAURANT_VOUCHER

If the user purchases via restaurant ticket, the payment method must be displayed in the DOP.

It should be possible to see which paymentMethodBrand was chosen in the DOP.

CREDIT or CASH

TICKET_RESTAURANT or TICKET_RESTAURANT_VOUCHER

If the user purchases via restaurant ticket, the payment method must be displayed in the ADMIN APP.

It should be possible to see which paymentMethodBrand was chosen in the ADMIN APP.

CREDIT or CASH

TICKET_RESTAURANT or TICKET_RESTAURANT_VOUCHER

Ticket Restaurant Card

To make payments with the Ticket Restaurant card, we can use the same cards used for credit card payments. This integration with meal voucher cards is activated at restaurant points, together with Paycomet. We just need to validate that the credit card field is displayed to the user and that they can follow the same credit card payment flow and the paymentMethodBrand is filled with “TICKET_RESTAURANT”.

...

Ticket Restaurant Voucher

To make payments with the Ticket Restaurante Voucher, it is necessary to ensure that the process follows the CASH flow and the paymentMethodBrand is filled with “TICKET_RESTAURANT_VOUCHER”, where payment only occurs when the order is delivered to the customer and is made in person.

...

Possible Issues

Ticket Restaurant not accepted in payment request via paycomet

It may occur that a restaurant has payment failure when a payment request is registered via Ticket Restaurant. This problem may be related to the terminal IDs at the restaurant, which must be configured correctly to enable payment via restaurant ticket.