\n \n // Add new method here inside the description\n {method.bizumPaymentMethod && }\n \n // rest of the code\n

\n \n // rest of the code\n );","type":"text"}]},{"type":"paragraph"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Task 5: Adjust account payment method lists to deal with the new method","type":"text"}]},{"type":"paragraph","content":[{"text":" ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":589,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":589,"id":"f1eefe72-0b48-4ab8-ab59-bcd91eabbd29","collection":"contentId-4449861673","type":"file","height":409}},{"type":"caption","content":[{"text":"Adjusting the list to deal with the new method, No it must show the Bizum payment","type":"text"}]}]},{"type":"expand","attrs":{"title":"frontend/src/components/payment-method-flat-list-with-button/payment-method-flat-list-with-button.tsx"},"content":[{"type":"paragraph","content":[{"text":"We’ll exclude the new payment method if it is not actually stored in the user account:","type":"text"}]},{"type":"codeBlock","attrs":{"language":"typescript"},"content":[{"text":"function filterOutUnsupportedPaymentMethods(paymentMethods: IPaymentMethod[]) {\n return paymentMethods.filter(\n n =>\n n.accountIdentifier !== PAYPAL_PAYMENT_METHOD_PLACEHOLDER.accountIdentifier &&\n n.accountIdentifier !== SODEXO_VOUCHER_PAYMENT_METHOD_PLACEHOLDER.accountIdentifier &&\n n.accountIdentifier !== BIZUM_PAYMENT_METHOD_PLACEHOLDER.accountIdentifier &&\n );\n}","type":"text"}]}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Task 6: Adjust the receipt email to show the correct message for the new payment method","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":743,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":743,"alt":"image-20240119-170853.png","id":"36af6e06-66fc-4574-8a64-16fca5b14e55","collection":"contentId-4449861673","type":"file","height":751}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Today, when the commit order is processed, order-service triggers Braze API with the order info, that then sends the confirmation email to the customer.","type":"text"}]},{"type":"paragraph","content":[{"text":"We can create a validation when cardType different CASH and ccLast4 is empty.","type":"text"}]},{"type":"paragraph"},{"type":"expand","attrs":{"title":"packages/emails/src/utils.ts"},"content":[{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"export const transformOrderProperties = ({\n rbiOrder,\n brand,\n fzStore,\n language,\n}: ITransformOrderProperties): Record => {\n ...\n const { cardType, ccLast4, paymentType, paymentMethodBrand }: Partial = payment || {};\n \n let last4 = ccLast4;\n\n if (cardType !== RBIPaymentCard.CASH && !last4?.trim().length) {\n last4 = '****';\n }\n ...\n \n return properties;\n}","type":"text"}]}]},{"type":"paragraph","content":[{"text":"After we change intl-packages/email to send the necessary information to Braze API, we need to update the templates configured, which are split into templates and content blocks (reusable pieces of content). Using PLK-ES as example we can see:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Email template","type":"text","marks":[{"type":"link","attrs":{"href":"https://dashboard-02.braze.eu/engagement/campaigns/6516ad6de0cb200480e37a1f/6512e907cbaad2004eef702a?locale=en&campaignName=Receipt%20Campaign&page=0"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Payment method content block","type":"text","marks":[{"type":"link","attrs":{"href":"https://dashboard-02.braze.eu/engagement/templates_and_media/content_blocks/6512e907cbaad2004eef702a?id=6516a2c8d577ea006e538e49&locale=en"}}]}]}]}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"The example displays a LiquidJS template, which is similar but not equal to Braze templates. Braze access properties using the syntax ","type":"text"},{"text":"{{event_properties.${language}}}","type":"text","marks":[{"type":"code"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":" ","type":"text"},{"text":"POC","type":"text","marks":[{"type":"strong"}]},{"text":": ","type":"text"},{"text":"https://github.com/rbilabs/intl-whitelabel-app/pull/3219/","type":"text","marks":[{"type":"link","attrs":{"href":"https://github.com/rbilabs/intl-whitelabel-app/pull/3219/"}}]}]}],"version":1}

Browser not supported