feat(checkout-summary): add active promo codes section

Author: lukasz-hycom

packages/blocks/checkout-summary/src/api-harmonization/checkout-summary.model.ts

@@ -25,6 +25,7 @@ export class CheckoutSummaryBlock extends ApiModels.Block.Block {
             shippingLabel: string;
             freeLabel?: string;
             totalLabel: string;
+            activePromoCodesTitle?: string;
             notesTitle?: string;
         };
     };

packages/blocks/checkout-summary/src/frontend/CheckoutSummary.client.stories.tsx

@@ -44,6 +44,7 @@ const baseBlock = {
             taxLabel: 'VAT (23%)',
             shippingLabel: 'Shipping',
             totalLabel: 'Total',
+            activePromoCodesTitle: 'Active discount codes',
         },
         notes: {
             title: 'Notes',

packages/blocks/checkout-summary/src/frontend/CheckoutSummary.client.tsx

@@ -94,6 +94,7 @@ export const CheckoutSummaryPure: React.FC<Readonly<CheckoutSummaryPureProps>> =
             if (result.order?.id) {
                 const redirectUrl = result.paymentRedirectUrl || `${buttons.confirm.path}/${result.order.id}`;
                 window.location.href = redirectUrl;
+                localStorage.removeItem(CART_ID_KEY);
                 return;
             }
         } catch {
@@ -116,7 +117,8 @@ export const CheckoutSummaryPure: React.FC<Readonly<CheckoutSummaryPureProps>> =
     const paymentMethod = summaryData?.paymentMethod;
     const items = summaryData?.cart.items?.data ?? [];
     const totals = summaryData?.totals;
-    const isFreeShipping = summaryData?.cart.promotions?.some((p) => p.type === 'FREE_SHIPPING');
+    const promotions = summaryData?.cart.promotions ?? [];
+    const isFreeShipping = promotions.some((p) => p.type === 'FREE_SHIPPING');
 
     const formatStreetAddress = (addr: { streetName: string; streetNumber?: string; apartment?: string }) => {
         let street = addr.streetName;
@@ -355,6 +357,29 @@ export const CheckoutSummaryPure: React.FC<Readonly<CheckoutSummaryPureProps>> =
                             </div>
                         ) : null}
 
+                        {promotions.length > 0 && sections.summary.activePromoCodesTitle && (
+                            <>
+                                <Separator />
+                                <div className="flex flex-col gap-2">
+                                    <Typography variant="h3">{sections.summary.activePromoCodesTitle}</Typography>
+                                    <div className="flex flex-col gap-2">
+                                        {promotions.map((promo) => (
+                                            <div
+                                                key={promo.code}
+                                                className="flex items-center gap-2 rounded-md bg-green-50 px-3 py-2 dark:bg-green-950/20"
+                                            >
+                                                <DynamicIcon name="Tag" size={14} className="shrink-0 text-green-600" />
+                                                <Typography variant="small" className="text-green-600">
+                                                    {promo.code}
+                                                    {promo.name && ` — ${promo.name}`}
+                                                </Typography>
+                                            </div>
+                                        ))}
+                                    </div>
+                                </div>
+                            </>
+                        )}
+
                         {sections.summary.notesTitle && summaryData?.notes && (
                             <>
                                 <Separator />

packages/framework/src/modules/cms/models/blocks/checkout-summary.model.ts

@@ -32,6 +32,7 @@ export class CheckoutSummaryBlock extends Block.Block {
             shippingLabel: string;
             freeLabel?: string;
             totalLabel: string;
+            activePromoCodesTitle?: string;
             notesTitle?: string;
         };
     };

packages/integrations/mocked/src/modules/cms/mappers/blocks/cms.checkout-summary.mapper.ts

@@ -32,6 +32,7 @@ const MOCK_CHECKOUT_SUMMARY_EN: CMS.Model.CheckoutSummaryBlock.CheckoutSummaryBl
             shippingLabel: 'Shipping',
             freeLabel: 'Free',
             totalLabel: 'Total',
+            activePromoCodesTitle: 'Active discount codes',
             notesTitle: 'Notes',
         },
     },
@@ -92,6 +93,7 @@ const MOCK_CHECKOUT_SUMMARY_DE: CMS.Model.CheckoutSummaryBlock.CheckoutSummaryBl
             shippingLabel: 'Versand',
             freeLabel: 'Kostenlos',
             totalLabel: 'Gesamt',
+            activePromoCodesTitle: 'Aktive Rabattcodes',
             notesTitle: 'Anmerkungen',
         },
     },
@@ -153,6 +155,7 @@ const MOCK_CHECKOUT_SUMMARY_PL: CMS.Model.CheckoutSummaryBlock.CheckoutSummaryBl
             shippingLabel: 'Dostawa',
             freeLabel: 'Gratis',
             totalLabel: 'Razem',
+            activePromoCodesTitle: 'Aktywne kody rabatowe',
             notesTitle: 'Uwagi',
         },
     },