@planetaexo/design-system 0.25.0 → 0.26.0

package/dist/index.cjs

@@ -4473,6 +4473,96 @@ function BookingAdventureCard({
   );
 }
 var DEFAULT_LABELS2 = {
+  heading: "PAYMENT DETAILS"
+};
+function PaymentDetailsBlock({
+  rows,
+  footerBanner,
+  labels,
+  className
+}) {
+  var _a;
+  const l = {
+    heading: (_a = labels == null ? void 0 : labels.heading) != null ? _a : DEFAULT_LABELS2.heading
+  };
+  const hasBanner = !!footerBanner;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        borderRadius: "12px",
+        border: `1px solid ${emailTokens.border}`,
+        overflow: "hidden"
+      },
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              backgroundColor: emailTokens.muted,
+              borderBottom: `1px solid ${emailTokens.border}`
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                style: {
+                  fontSize: "10px",
+                  fontWeight: 700,
+                  color: emailTokens.mutedForeground,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.1em",
+                  margin: 0
+                },
+                children: l.heading
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+          rows.map((row, i) => {
+            const isLast = i === rows.length - 1;
+            const showBorder = !isLast;
+            const valueStyle = {
+              padding: "10px 16px",
+              textAlign: "right",
+              fontWeight: row.emphasis ? 700 : 500,
+              color: row.emphasis ? emailTokens.primary : emailTokens.foreground,
+              whiteSpace: "nowrap"
+            };
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "tr",
+              {
+                style: showBorder ? { borderBottom: `1px solid ${emailTokens.border}` } : {},
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: row.label }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { style: valueStyle, children: row.value })
+                ]
+              },
+              i
+            );
+          }),
+          hasBanner && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              colSpan: 2,
+              style: {
+                padding: "12px 16px",
+                textAlign: "center",
+                fontWeight: 600,
+                color: emailTokens.green,
+                backgroundColor: emailTokens.greenBg
+              },
+              children: footerBanner.text
+            }
+          ) })
+        ] }) })
+      ]
+    }
+  );
+}
+var DEFAULT_LABELS3 = {
   ctaButton: "View booking details",
   logoAlt: "PlanetaEXO",
   greeting: (recipientName) => `Hi ${recipientName},`,
@@ -4524,7 +4614,7 @@ function BookingConfirmation({
   className,
   flow = "auto"
 }) {
-  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS2), labels);
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS3), labels);
   const allTravellers = adventures.flatMap((a) => {
     var _a;
     return (_a = a.travellers) != null ? _a : [];
@@ -4687,24 +4777,32 @@ function BookingConfirmation({
               /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "16px", textAlign: "right", fontWeight: "700", color: emailTokens.primary, fontSize: "20px", whiteSpace: "nowrap" }, children: total })
             ] })
           ] }) }) }),
-          depositInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { borderRadius: "12px", border: `1px solid ${emailTokens.border}`, marginTop: "16px", overflow: "hidden" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "12px 16px", backgroundColor: emailTokens.muted, borderBottom: `1px solid ${emailTokens.border}` }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "10px", fontWeight: "700", color: emailTokens.mutedForeground, textTransform: "uppercase", letterSpacing: "0.1em", margin: 0 }, children: l.paymentDetailsHeading }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", fontSize: "14px", borderCollapse: "collapse" }, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.depositLabel(depositInfo.depositPercent) }),
-                /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: depositInfo.depositAmount })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: depositInfo.isPaidInFull ? {} : { borderBottom: `1px solid ${emailTokens.border}` }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.remainingBalanceLabel }),
-                /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: depositInfo.remainingAmount })
-              ] }),
-              !depositInfo.isPaidInFull && /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", color: emailTokens.mutedForeground }, children: l.balanceDueLabel }),
-                /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "10px 16px", textAlign: "right", fontWeight: "500", color: emailTokens.foreground, whiteSpace: "nowrap" }, children: depositInfo.balanceDueDate })
-              ] }),
-              depositInfo.isPaidInFull && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 2, style: { padding: "12px 16px", textAlign: "center", fontWeight: "600", color: emailTokens.green, backgroundColor: emailTokens.greenBg }, children: l.paidInFullLabel }) })
-            ] }) })
-          ] })
+          depositInfo && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            PaymentDetailsBlock,
+            {
+              labels: { heading: l.paymentDetailsHeading },
+              rows: (() => {
+                const rows = [
+                  {
+                    label: l.depositLabel(depositInfo.depositPercent),
+                    value: depositInfo.depositAmount
+                  },
+                  {
+                    label: l.remainingBalanceLabel,
+                    value: depositInfo.remainingAmount
+                  }
+                ];
+                if (!depositInfo.isPaidInFull) {
+                  rows.push({
+                    label: l.balanceDueLabel,
+                    value: depositInfo.balanceDueDate
+                  });
+                }
+                return rows;
+              })(),
+              footerBanner: depositInfo.isPaidInFull ? { text: l.paidInFullLabel, kind: "success" } : void 0
+            }
+          ) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, margin: "0 32px" } }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: { paddingLeft: "32px", paddingRight: "32px", paddingTop: "32px", paddingBottom: "40px" }, children: isManualFlow ? (
@@ -4721,7 +4819,7 @@ function BookingConfirmation({
     }
   );
 }
-var DEFAULT_LABELS3 = {
+var DEFAULT_LABELS4 = {
   ctaButton: "Add travellers to your booking",
   logoAlt: "PlanetaEXO",
   greeting: (recipientName) => `Hi ${recipientName},`,
@@ -4754,7 +4852,7 @@ function BookingConfirmationEmail({
   nextStepsImportant,
   directBookingLinkLabel
 }) {
-  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS3), labels);
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels);
   const ctaStyle = {
     display: "inline-block",
     backgroundColor: emailTokens.primary,
@@ -4841,7 +4939,7 @@ function BookingConfirmationEmail({
     }
   );
 }
-var DEFAULT_LABELS4 = {
+var DEFAULT_LABELS5 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   receiptHeading: "Payment receipt",
@@ -4880,7 +4978,7 @@ function PaymentReceiptEmail({
   labels,
   className
 }) {
-  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels);
+  const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS5), labels);
   const travellersLine = travellers.filter((s) => s.trim().length > 0).join(", ");
   const interestRow = chargedAmount && chargedAmount !== amount;
   const receiptRows = [
@@ -4976,8 +5074,24 @@ function PaymentReceiptEmail({
     }
   );
 }
-var EMPTY_AGENT_FN = (_agentName) => "";
-var DEFAULT_LABELS5 = {
+var INLINE_LINK_STYLE = {
+  color: emailTokens.primary,
+  textDecoration: "underline"
+};
+function renderWhatsappLink(contact, label) {
+  if (contact.whatsappUrl) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: contact.whatsappUrl, style: INLINE_LINK_STYLE, children: label });
+  }
+  return label;
+}
+function renderEmailLink(contact, label) {
+  if (contact.email) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, style: INLINE_LINK_STYLE, children: label });
+  }
+  return label;
+}
+var EMPTY_CLOSING_ALTERNATIVE = (_agentName, _contact) => null;
+var DEFAULT_LABELS6 = {
   logoAlt: "PlanetaEXO",
   greeting: (name) => `Hi ${name},`,
   intermediateHello: "Hope you're doing well.",
@@ -4985,9 +5099,18 @@ var DEFAULT_LABELS5 = {
   amountAlreadyPaidLabel: "Amount already paid",
   remainingBalanceDueLabel: "Remaining balance due",
   totalBookingAmountLabel: "Total booking amount",
+  paymentDetailsHeading: "PAYMENT DETAILS",
   ctaLabel: "Complete Payment",
   teamSignature: "The PlanetaEXO Team",
-  closingAgent: (agentName) => `If you need any assistance or would like to discuss your payment, feel free to contact your agent ${agentName} via WhatsApp or email.`,
+  closingAgent: (agentName, contact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "If you need any assistance or would like to discuss your payment, feel free to contact your agent ",
+    agentName,
+    " via ",
+    renderWhatsappLink(contact, "WhatsApp"),
+    " or ",
+    renderEmailLink(contact, "email"),
+    "."
+  ] }),
   closingNoAgent: "If you need any assistance or would like to discuss your payment, feel free to contact us via WhatsApp or email.",
   adventureCard: {
     travellersHeading: "TRAVELLERS",
@@ -5004,28 +5127,36 @@ var DEFAULT_LABELS5 = {
       secureLine: "To secure your booking, please complete the payment through your booking page using the button below:",
       closingThanks: "Many thanks, and we look forward to helping you experience your next adventure with us.",
       disregardIfPaid: "",
-      closingAlternative: EMPTY_AGENT_FN
+      closingAlternative: EMPTY_CLOSING_ALTERNATIVE
     },
     dZero: {
       intro: (b, d) => `This is a friendly reminder that the remaining balance for your booking #${b} with PlanetaEXO is due today (${d}).`,
       secureLine: "To keep your booking confirmed, please complete the payment through your booking page using the button below:",
       closingThanks: "Many thanks, and we look forward to welcoming you soon.",
       disregardIfPaid: "",
-      closingAlternative: EMPTY_AGENT_FN
+      closingAlternative: EMPTY_CLOSING_ALTERNATIVE
     },
     dPlus1: {
       intro: (b, d) => `We noticed that the remaining balance for your booking #${b} with PlanetaEXO was due yesterday (${d}) and is still pending.`,
       secureLine: "To avoid any impact on your booking confirmation, we kindly ask you to complete the payment as soon as possible through your booking page:",
       closingThanks: "Thank you, and we hope to welcome you on your upcoming adventure soon.",
       disregardIfPaid: "If you have already completed the payment, please disregard this message.",
-      closingAlternative: EMPTY_AGENT_FN
+      closingAlternative: EMPTY_CLOSING_ALTERNATIVE
     },
     dPlus2: {
       intro: (b, d) => `This is a final reminder regarding the remaining balance for your booking #${b} with PlanetaEXO, which was due on ${d} and is still pending.`,
       secureLine: "To avoid any impact on your booking status or availability, we kindly ask you to complete the payment as soon as possible through your booking page:",
       closingThanks: "Thank you for your attention, and we hope to welcome you on this adventure soon.",
       disregardIfPaid: "If you have already completed the payment, please disregard this message.",
-      closingAlternative: (agentName) => `If you are experiencing any issues with payment or need additional time, please contact your agent ${agentName} via WhatsApp or email. We'll be happy to assist.`
+      closingAlternative: (agentName, contact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        "If you are experiencing any issues with payment or need additional time, please contact your agent ",
+        agentName,
+        " via ",
+        renderWhatsappLink(contact, "WhatsApp"),
+        " or ",
+        renderEmailLink(contact, "email"),
+        ". We'll be happy to assist."
+      ] })
     }
   }
 };
@@ -5040,13 +5171,14 @@ function PaymentReminderEmail({
   totalBookingAmount,
   viewBookingUrl,
   agentName,
+  agentContactLinks,
   logoUrl,
   labels,
   className
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
   const lOverride = labels != null ? labels : {};
-  const variantDefaults = DEFAULT_LABELS5.variants[variant];
+  const variantDefaults = DEFAULT_LABELS6.variants[variant];
   const variantOverride = (_b = (_a = lOverride.variants) == null ? void 0 : _a[variant]) != null ? _b : {};
   const variantLabels = {
     intro: (_c = variantOverride.intro) != null ? _c : variantDefaults.intro,
@@ -5056,18 +5188,19 @@ function PaymentReminderEmail({
     closingAlternative: (_f = variantOverride.closingAlternative) != null ? _f : variantDefaults.closingAlternative
   };
   const l = {
-    logoAlt: (_g = lOverride.logoAlt) != null ? _g : DEFAULT_LABELS5.logoAlt,
-    greeting: (_h = lOverride.greeting) != null ? _h : DEFAULT_LABELS5.greeting,
-    intermediateHello: (_i = lOverride.intermediateHello) != null ? _i : DEFAULT_LABELS5.intermediateHello,
-    bookingSummaryHeader: (_j = lOverride.bookingSummaryHeader) != null ? _j : DEFAULT_LABELS5.bookingSummaryHeader,
-    amountAlreadyPaidLabel: (_k = lOverride.amountAlreadyPaidLabel) != null ? _k : DEFAULT_LABELS5.amountAlreadyPaidLabel,
-    remainingBalanceDueLabel: (_l = lOverride.remainingBalanceDueLabel) != null ? _l : DEFAULT_LABELS5.remainingBalanceDueLabel,
-    totalBookingAmountLabel: (_m = lOverride.totalBookingAmountLabel) != null ? _m : DEFAULT_LABELS5.totalBookingAmountLabel,
-    ctaLabel: (_n = lOverride.ctaLabel) != null ? _n : DEFAULT_LABELS5.ctaLabel,
-    teamSignature: (_o = lOverride.teamSignature) != null ? _o : DEFAULT_LABELS5.teamSignature,
-    closingAgent: (_p = lOverride.closingAgent) != null ? _p : DEFAULT_LABELS5.closingAgent,
-    closingNoAgent: (_q = lOverride.closingNoAgent) != null ? _q : DEFAULT_LABELS5.closingNoAgent,
-    adventureCard: __spreadValues(__spreadValues({}, DEFAULT_LABELS5.adventureCard), (_r = lOverride.adventureCard) != null ? _r : {})
+    logoAlt: (_g = lOverride.logoAlt) != null ? _g : DEFAULT_LABELS6.logoAlt,
+    greeting: (_h = lOverride.greeting) != null ? _h : DEFAULT_LABELS6.greeting,
+    intermediateHello: (_i = lOverride.intermediateHello) != null ? _i : DEFAULT_LABELS6.intermediateHello,
+    bookingSummaryHeader: (_j = lOverride.bookingSummaryHeader) != null ? _j : DEFAULT_LABELS6.bookingSummaryHeader,
+    amountAlreadyPaidLabel: (_k = lOverride.amountAlreadyPaidLabel) != null ? _k : DEFAULT_LABELS6.amountAlreadyPaidLabel,
+    remainingBalanceDueLabel: (_l = lOverride.remainingBalanceDueLabel) != null ? _l : DEFAULT_LABELS6.remainingBalanceDueLabel,
+    totalBookingAmountLabel: (_m = lOverride.totalBookingAmountLabel) != null ? _m : DEFAULT_LABELS6.totalBookingAmountLabel,
+    paymentDetailsHeading: (_n = lOverride.paymentDetailsHeading) != null ? _n : DEFAULT_LABELS6.paymentDetailsHeading,
+    ctaLabel: (_o = lOverride.ctaLabel) != null ? _o : DEFAULT_LABELS6.ctaLabel,
+    teamSignature: (_p = lOverride.teamSignature) != null ? _p : DEFAULT_LABELS6.teamSignature,
+    closingAgent: (_q = lOverride.closingAgent) != null ? _q : DEFAULT_LABELS6.closingAgent,
+    closingNoAgent: (_r = lOverride.closingNoAgent) != null ? _r : DEFAULT_LABELS6.closingNoAgent,
+    adventureCard: __spreadValues(__spreadValues({}, DEFAULT_LABELS6.adventureCard), (_s = lOverride.adventureCard) != null ? _s : {})
   };
   const ctaStyle = {
     display: "inline-block",
@@ -5080,16 +5213,15 @@ function PaymentReminderEmail({
     textDecoration: "none",
     fontFamily: emailTokens.fontFamily
   };
-  const summaryRowStyle = {
-    margin: "0 0 8px",
-    fontSize: "14px",
-    color: emailTokens.foreground
-  };
   const agentNameTrimmed = agentName == null ? void 0 : agentName.trim();
-  const closingMain = agentNameTrimmed ? l.closingAgent(agentNameTrimmed) : l.closingNoAgent;
+  const contact = agentContactLinks != null ? agentContactLinks : {};
+  let closingMainNode;
+  if (variant === "dPlus2") {
+    closingMainNode = agentNameTrimmed ? variantLabels.closingAlternative(agentNameTrimmed, contact) : l.closingNoAgent;
+  } else {
+    closingMainNode = agentNameTrimmed ? l.closingAgent(agentNameTrimmed, contact) : l.closingNoAgent;
+  }
   const showDisregard = typeof variantLabels.disregardIfPaid === "string" && variantLabels.disregardIfPaid.trim().length > 0;
-  const closingAlternativeText = agentNameTrimmed && variantLabels.closingAlternative ? variantLabels.closingAlternative(agentNameTrimmed) : "";
-  const showClosingAlternative = closingAlternativeText.trim().length > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5168,40 +5300,21 @@ function PaymentReminderEmail({
             advIdx
           );
         }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "hr",
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "8px", marginBottom: "24px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          PaymentDetailsBlock,
           {
-            style: {
-              border: "none",
-              borderTop: `1px solid ${emailTokens.border}`,
-              marginBottom: "16px"
-            }
+            labels: { heading: l.paymentDetailsHeading },
+            rows: [
+              { label: l.amountAlreadyPaidLabel, value: amountAlreadyPaid },
+              {
+                label: l.remainingBalanceDueLabel,
+                value: remainingBalanceDue,
+                emphasis: true
+              },
+              { label: l.totalBookingAmountLabel, value: totalBookingAmount }
+            ]
           }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { style: summaryRowStyle, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
-            l.amountAlreadyPaidLabel,
-            ":"
-          ] }),
-          " ",
-          amountAlreadyPaid
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { style: summaryRowStyle, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
-            l.remainingBalanceDueLabel,
-            ":"
-          ] }),
-          " ",
-          remainingBalanceDue
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { style: __spreadProps(__spreadValues({}, summaryRowStyle), { marginBottom: "24px" }), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
-            l.totalBookingAmountLabel,
-            ":"
-          ] }),
-          " ",
-          totalBookingAmount
-        ] }),
+        ) }),
         showDisregard && /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
@@ -5214,8 +5327,7 @@ function PaymentReminderEmail({
             children: variantLabels.disregardIfPaid
           }
         ),
-        showClosingAlternative && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: closingAlternativeText }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: closingMain }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: closingMainNode }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.bodyText }, children: variantLabels.closingThanks }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginTop: 0, marginBottom: 0, fontSize: "14px", color: emailTokens.bodyText }, children: l.teamSignature })
       ]
@@ -5902,7 +6014,7 @@ function BookingForm({
     }
   );
 }
-var DEFAULT_LABELS6 = {
+var DEFAULT_LABELS7 = {
   formSubtitle: "To confirm your participation, please complete this short form. It's required for all travellers and helps us coordinate logistics with our local partners and tailor the experience to you.",
   detailsSectionTitle: "Your details",
   tripInfoSectionTitle: "Trip info",
@@ -6567,7 +6679,7 @@ function RegistrationForm({
 }) {
   var _a;
   const L = React25__namespace.useMemo(
-    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS6), labels != null ? labels : {}),
+    () => __spreadValues(__spreadValues({}, DEFAULT_LABELS7), labels != null ? labels : {}),
     [labels]
   );
   const sortedFields = React25__namespace.useMemo(
@@ -11203,6 +11315,7 @@ exports.OTPCodeInput = OTPCodeInput;
 exports.Offer = Offer;
 exports.OfferAdventureCard = OfferAdventureCard;
 exports.PaymentAmountSelector = PaymentAmountSelector;
+exports.PaymentDetailsBlock = PaymentDetailsBlock;
 exports.PaymentMethodSelector = PaymentMethodSelector;
 exports.PaymentModalShell = PaymentModalShell;
 exports.PaymentReceiptEmail = PaymentReceiptEmail;