@afosto/checkout-ui 0.0.12 → 0.0.14

package/dist/CheckoutAddressSection/CheckoutAddressSection.js

@@ -1,27 +1,33 @@
-import { jsxs as V, jsx as r } from "react/jsx-runtime";
-import { useFormContext as j, Collapse as f } from "@afosto/components";
-import { CheckoutAddressCard as q } from "../CheckoutAddressCard/CheckoutAddressCard.js";
-import { CheckoutSection as D } from "../CheckoutSection/CheckoutSection.js";
-import { CheckoutSectionHeader as H } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
-import { CheckoutAddressFields as O } from "../CheckoutAddressFields/CheckoutAddressFields.js";
-import { string as e, object as p } from "yup";
-import { useState as $, useEffect as z } from "react";
-import { isDefined as B } from "@afosto/utils";
-import { useCheckout as I } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-const Z = {
-  givenName: e().required(),
-  additionalName: e().nullable(),
-  familyName: e().required(),
-  country: p().nullable().required(),
-  postalCode: e(),
-  premiseNumber: e().numbersOnly(),
-  premiseNumberSuffix: e().maxLength(15),
-  addressLine1: e(),
-  addressLine2: e(),
-  administrativeArea: p().nullable(),
-  thoroughfare: e(),
-  locality: e()
-}, G = {
+import { jsxs as B, jsx as t } from "react/jsx-runtime";
+import { useFormContext as H, Collapse as b } from "@afosto/components";
+import { CheckoutAddressCard as O } from "../CheckoutAddressCard/CheckoutAddressCard.js";
+import { CheckoutSection as R } from "../CheckoutSection/CheckoutSection.js";
+import { CheckoutSectionHeader as $ } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { CheckoutAddressFields as z } from "../CheckoutAddressFields/CheckoutAddressFields.js";
+import { string as e, object as y } from "yup";
+import { useState as I, useEffect as Z } from "react";
+import { isDefined as G } from "@afosto/utils";
+import { useCheckout as J } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const K = (r) => {
+  const { isSalutationRequired: o = !1, salutation: i = !1 } = r || {};
+  return {
+    ...i ? {
+      salutation: o ? e().required() : e().nullable()
+    } : {},
+    givenName: e().required(),
+    additionalName: e().nullable(),
+    familyName: e().required(),
+    country: y().nullable().required(),
+    postalCode: e(),
+    premiseNumber: e().numbersOnly(),
+    premiseNumberSuffix: e().maxLength(15),
+    addressLine1: e(),
+    addressLine2: e(),
+    administrativeArea: y().nullable(),
+    thoroughfare: e(),
+    locality: e()
+  };
+}, Q = {
   addressFields: {
     additionalName: "Prefix",
     addressLine2: "Address line 2",
@@ -36,83 +42,88 @@ const Z = {
     premiseNumber: "House number",
     premiseNumberSuffix: "Suffix",
     province: "Province",
+    salutation: "Salutation",
+    salutationMr: "Mr.",
+    salutationMrs: "Ms.",
     state: "State",
     suburb: "Suburb",
     thoroughfare: "Street",
     zip: "ZIP code"
   }
-}, re = (C) => {
+}, de = (r) => {
   const {
-    address: S,
-    addressCardProps: b = {},
-    availableCountryCodes: y = [],
-    canEdit: F = !0,
-    checkFieldsState: g = !1,
-    children: k,
+    address: o,
+    addressCardProps: i = {},
+    availableCountryCodes: F = [],
+    canEdit: g = !0,
+    checkFieldsState: k = !1,
+    children: v,
     name: s,
     onChangeCountry: A,
-    onChangeValidationSchema: v,
-    showAddressCard: o,
+    onChangeValidationSchema: w,
+    showAddressCard: n,
     showOrganisationField: N = !1,
-    title: d,
-    translations: i = {},
-    validationSchema: w = Z,
-    ...x
-  } = C, [n, t] = $(
-    o ?? !1
-  ), { translations: l } = I(), { clearErrors: c, setValue: a, trigger: m, watch: P } = j(), [E] = P([s]), L = S ?? E, u = g && !B(o);
-  z(() => {
-    u ? (async () => {
+    title: l,
+    translations: c = {},
+    validationSchema: x,
+    ...P
+  } = r, [u, a] = I(
+    n ?? !1
+  ), { settings: m, translations: h } = J(), { isSalutationRequired: q = !1, salutation: E = !1 } = m || {}, { clearErrors: f, setValue: d, trigger: p, watch: L } = H(), [T] = L([s]), V = o ?? T, C = k && !G(n), M = !!E, j = x ?? K(m);
+  Z(() => {
+    C ? (async () => {
       try {
-        const h = await m(s);
-        c(s), h || a(`${s}.isDirty`, !0), t(h);
+        const S = await p(s);
+        f(s), S || d(`${s}.isDirty`, !0), a(S);
       } catch {
-        t(!1);
+        a(!1);
       }
-    })() : t(!1);
-  }, [c, s, a, u, m]);
-  const T = {
-    ...l?.addressSection || {},
-    ...i || {},
+    })() : a(!1);
+  }, [f, s, d, C, p]);
+  const D = {
+    ...h?.addressSection || {},
+    ...c || {},
     addressFields: {
-      ...G.addressFields || {},
-      ...l?.addressFields || {},
-      ...i?.addressFields || {}
+      ...Q.addressFields || {},
+      ...h?.addressFields || {},
+      ...c?.addressFields || {}
     }
   };
-  return /* @__PURE__ */ V(D, { ...x, children: [
-    /* @__PURE__ */ r(H, { title: d }),
-    /* @__PURE__ */ r(f, { in: n, children: /* @__PURE__ */ r(
-      q,
+  return /* @__PURE__ */ B(R, { ...P, children: [
+    /* @__PURE__ */ t($, { title: l }),
+    /* @__PURE__ */ t(b, { in: u, children: /* @__PURE__ */ t(
+      O,
       {
-        address: L,
-        canEdit: F,
+        address: V,
+        canEdit: g,
         onEdit: () => {
-          t(!1), a(`${s}.isDirty`, !0);
+          a(!1), d(`${s}.isDirty`, !0);
         }
       }
     ) }),
-    /* @__PURE__ */ r(f, { in: !n, children: /* @__PURE__ */ r(
-      O,
+    /* @__PURE__ */ t(b, { in: !u, children: /* @__PURE__ */ t(
+      z,
       {
         addressCardProps: {
           editComponentType: "link",
-          ...b
+          ...i
         },
         name: s,
-        title: d,
-        availableCountryCodes: y,
-        fieldLabels: T.addressFields,
+        title: l,
+        availableCountryCodes: F,
+        fieldLabels: D.addressFields,
+        isSalutationRequired: q,
         onChangeCountry: A,
-        onChangeValidationSchema: v,
+        onChangeValidationSchema: w,
         showOrganisationField: N,
-        validationSchema: w
+        showSalutationField: M,
+        validationSchema: j
       }
     ) }),
-    k
+    v
   ] });
 };
 export {
-  re as CheckoutAddressSection,
-  Z as baseAddressValidationSchema
+  de as CheckoutAddressSection,
+  K as getBaseAddressValidationSchema
 };

package/dist/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutAgreementOptionCondition.d.ts","sourceRoot":"","sources":["../../src/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oCAAoC,EACpC,WAAW,EACZ,MAAM,UAAU,CAAC;AAMlB,QAAA,MAAM,mBAAmB;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,qCAAqC;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,oCAAoC,CAAC;IAChD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,gCAAgC,GAC3C,OAAO,qCAAqC,qDAiE7C,CAAC"}
+{"version":3,"file":"CheckoutAgreementOptionCondition.d.ts","sourceRoot":"","sources":["../../src/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oCAAoC,EACpC,WAAW,EACZ,MAAM,UAAU,CAAC;AAOlB,QAAA,MAAM,mBAAmB;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,qCAAqC;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,oCAAoC,CAAC;IAChD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,gCAAgC,GAC3C,OAAO,qCAAqC,qDA2E7C,CAAC"}

package/dist/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.js

@@ -1,30 +1,33 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { Box as r, Typography as s } from "@afosto/components";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { Box as c, Typography as m } from "@afosto/components";
 import { TurnDownRightSolid as g } from "../icons/TurnDownRightSolid.js";
-import { CheckoutCurrency as x } from "../CheckoutCurrency/CheckoutCurrency.js";
-import { camelize as v } from "@afosto/utils";
-import { useCheckout as C } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-const D = {
+import { CheckoutCurrency as C } from "../CheckoutCurrency/CheckoutCurrency.js";
+import { camelize as x } from "@afosto/utils";
+import { useCheckout as v } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { formatCurrency as D } from "../utils/formatCurrency.js";
+const w = {
   payImmediately: "Pay immediately",
   paymentOnDelivery: "Payment on delivery",
   withinDaysOfTheInvoiceDate: "Within {days} days of the invoice date"
-}, j = (l) => {
+}, S = (y) => {
   const {
-    condition: t,
-    currency: m,
-    locale: c,
-    translations: y = {}
-  } = l, { summary: p, translations: d } = C(), { total: f = 0 } = p || {}, o = {
-    ...D,
+    condition: e,
+    currency: i,
+    locale: r,
+    translations: l = {}
+  } = y, { settings: p, translations: d } = v(), { currency: u } = p || {}, n = {
+    ...w,
     ...d.agreementOptionConditions || {},
-    ...y || {}
-  }, a = v(t.type?.toLowerCase() || ""), u = f * t.amount / 100;
-  let e = t.type;
-  return a === "downPayment" && (e = `${o.payImmediately}${t.amount > 0 && t.amount < 100 ? ` (${t.amount}%)` : ""}`), a === "postPaid" && (e = o.withinDaysOfTheInvoiceDate.replace(
+    ...l || {}
+  }, o = x(e.type?.toLowerCase() || ""), f = e.outcome?.amount || 0;
+  let t = e.type;
+  return o === "downPayment" && e.isPercentage && (t = `${n.payImmediately}${e.amount > 0 && e.amount < 100 ? ` (${e.amount}%)` : ""}`), o === "downPayment" && !e.isPercentage && (t = `${n.payImmediately}${e.amount > 0 ? ` (${D(e.amount / 100, r, {
+    currency: i || u
+  })})` : ""}`), o === "postPaid" && (t = n.withinDaysOfTheInvoiceDate.replace(
     "{days}",
-    t.pastDueAfter.toString()
-  )), a === "cod" && (e = o.paymentOnDelivery), /* @__PURE__ */ i(
-    r,
+    e.pastDueAfter.toString()
+  )), o === "cod" && (t = n.paymentOnDelivery), /* @__PURE__ */ s(
+    c,
     {
       sx: {
         display: "flex",
@@ -33,21 +36,21 @@ const D = {
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ i(r, { sx: { display: "flex", alignItems: "center", gap: 2.5 }, children: [
-          /* @__PURE__ */ n(
+        /* @__PURE__ */ s(c, { sx: { display: "flex", alignItems: "center", gap: 2.5 }, children: [
+          /* @__PURE__ */ a(
             g,
             {
               sx: { color: (h) => h.palette.gray[400], fontSize: 16 }
             }
           ),
-          /* @__PURE__ */ n(s, { children: e })
+          /* @__PURE__ */ a(m, { children: t })
         ] }),
-        /* @__PURE__ */ n(s, { fontWeight: 500, children: /* @__PURE__ */ n(
-          x,
+        /* @__PURE__ */ a(m, { fontWeight: 500, children: /* @__PURE__ */ a(
+          C,
           {
-            currency: m,
-            locale: c,
-            value: u / 100
+            currency: i,
+            locale: r,
+            value: f / 100
           }
         ) })
       ]
@@ -55,5 +58,5 @@ const D = {
   );
 };
 export {
-  j as CheckoutAgreementOptionCondition
+  S as CheckoutAgreementOptionCondition
 };

package/dist/CheckoutAgreementsTimeline/CheckoutAgreementsTimeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutAgreementsTimeline.d.ts","sourceRoot":"","sources":["../../src/CheckoutAgreementsTimeline/CheckoutAgreementsTimeline.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMtE,QAAA,MAAM,mBAAmB;;;;;;;CAOxB,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,UAAU,EAAE,wBAAwB,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,0BAA0B,GACrC,OAAO,+BAA+B,qDA6PvC,CAAC"}
+{"version":3,"file":"CheckoutAgreementsTimeline.d.ts","sourceRoot":"","sources":["../../src/CheckoutAgreementsTimeline/CheckoutAgreementsTimeline.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMtE,QAAA,MAAM,mBAAmB;;;;;;;CAOxB,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,UAAU,EAAE,wBAAwB,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,0BAA0B,GACrC,OAAO,+BAA+B,qDAiQvC,CAAC"}

package/dist/CheckoutAgreementsTimeline/CheckoutAgreementsTimeline.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Card as j, Timeline as A, TimelineItem as p, TimelineSeparator as h, TimelineDot as m, TimelineConnector as P, TimelineContent as y, Box as u, Typography as i } from "@afosto/components";
+import { Card as j, Timeline as A, TimelineItem as p, TimelineSeparator as m, TimelineDot as h, TimelineConnector as P, TimelineContent as u, Box as y, Typography as i } from "@afosto/components";
 import { camelize as g } from "@afosto/utils";
 import { CheckoutCurrency as f } from "../CheckoutCurrency/CheckoutCurrency.js";
 import { useCheckout as L } from "../CheckoutStateProvider/CheckoutStateProvider.js";
@@ -27,14 +27,14 @@ const S = {
   ), b = (C || []).filter(
     (e) => g(e.type?.toLowerCase() || "") !== "downPayment"
   ), l = w.reduce(
-    (e, o) => e + o.amount,
+    (e, o) => e + (o.outcome?.amount || 0),
     0
   );
   return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ n(A, { sx: { m: 0, p: 2.5 }, children: [
     r > 0 && r < l && /* @__PURE__ */ n(p, { sx: { minHeight: 40 }, children: [
-      /* @__PURE__ */ n(h, { children: [
+      /* @__PURE__ */ n(m, { children: [
         /* @__PURE__ */ t(
-          m,
+          h,
           {
             sx: {
               width: 16,
@@ -59,8 +59,8 @@ const S = {
           }
         )
       ] }),
-      /* @__PURE__ */ t(y, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
-        u,
+      /* @__PURE__ */ t(u, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
+        y,
         {
           sx: {
             display: "flex",
@@ -87,15 +87,15 @@ const S = {
       {
         sx: { minHeight: 64 },
         children: [
-          /* @__PURE__ */ n(h, { children: [
+          /* @__PURE__ */ n(m, { children: [
             /* @__PURE__ */ t(
-              m,
+              h,
               {
                 sx: {
                   width: 16,
                   height: 16,
                   my: 0.5,
-                  ...r < e.amount ? {
+                  ...r < (e.outcome?.amount || 0) ? {
                     backgroundColor: "transparent",
                     borderColor: (o) => o.palette.success[500],
                     position: "relative",
@@ -117,7 +117,7 @@ const S = {
                     backgroundColor: (o) => o.palette.success[500]
                   }
                 },
-                children: r >= e.amount && /* @__PURE__ */ t(x, {})
+                children: r >= (e.outcome?.amount || 0) && /* @__PURE__ */ t(x, {})
               }
             ),
             /* @__PURE__ */ t(
@@ -130,8 +130,8 @@ const S = {
               }
             )
           ] }),
-          /* @__PURE__ */ t(y, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
-            u,
+          /* @__PURE__ */ t(u, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
+            y,
             {
               sx: {
                 display: "flex",
@@ -149,7 +149,7 @@ const S = {
                   {
                     currency: c,
                     locale: d,
-                    value: e.amount / 100
+                    value: (e.outcome?.amount || 0) / 100
                   }
                 ) })
               ]
@@ -168,11 +168,11 @@ const S = {
         {
           sx: { minHeight: b.length - 1 === o ? 48 : 64 },
           children: [
-            /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(
-              m,
+            /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
+              h,
               {
                 sx: {
-                  ...r >= l && r < l + e.amount ? {
+                  ...r >= l && r < l + (e.outcome?.amount || 0) ? {
                     backgroundColor: "transparent",
                     borderColor: (s) => s.palette.success[500],
                     position: "relative",
@@ -190,7 +190,7 @@ const S = {
                       borderRadius: "50%"
                     }
                   } : {},
-                  ...r >= l + e.amount ? {
+                  ...r >= l + (e.outcome?.amount || 0) ? {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
@@ -208,11 +208,11 @@ const S = {
                     my: 1
                   } : {}
                 },
-                children: r >= l + e.amount && /* @__PURE__ */ t(x, {})
+                children: r >= l + (e.outcome?.amount || 0) && /* @__PURE__ */ t(x, {})
               }
             ) }),
-            /* @__PURE__ */ t(y, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
-              u,
+            /* @__PURE__ */ t(u, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
+              y,
               {
                 sx: {
                   display: "flex",
@@ -230,7 +230,7 @@ const S = {
                     {
                       currency: c,
                       locale: d,
-                      value: e.amount / 100
+                      value: (e.outcome?.amount || 0) / 100
                     }
                   ) })
                 ]

package/dist/CheckoutDownPaymentAgreementsSummary/CheckoutDownPaymentAgreementsSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutDownPaymentAgreementsSummary.d.ts","sourceRoot":"","sources":["../../src/CheckoutDownPaymentAgreementsSummary/CheckoutDownPaymentAgreementsSummary.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAItE,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,yCAAyC;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,oCAAoC,GAC/C,OAAO,yCAAyC,4DAoDjD,CAAC"}
+{"version":3,"file":"CheckoutDownPaymentAgreementsSummary.d.ts","sourceRoot":"","sources":["../../src/CheckoutDownPaymentAgreementsSummary/CheckoutDownPaymentAgreementsSummary.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKtE,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,yCAAyC;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,oCAAoC,GAC/C,OAAO,yCAAyC,4DA0DjD,CAAC"}

package/dist/CheckoutDownPaymentAgreementsSummary/CheckoutDownPaymentAgreementsSummary.js

@@ -1,57 +1,60 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { Box as r, Typography as a } from "@afosto/components";
-import { useCheckout as y } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-import { TurnDownRightSolid as u } from "../icons/TurnDownRightSolid.js";
-import { CheckoutCurrency as h } from "../CheckoutCurrency/CheckoutCurrency.js";
-const f = {
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { Box as e, Typography as s } from "@afosto/components";
+import { useCheckout as f } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { TurnDownRightSolid as h } from "../icons/TurnDownRightSolid.js";
+import { CheckoutCurrency as x } from "../CheckoutCurrency/CheckoutCurrency.js";
+import { formatCurrency as g } from "../utils/formatCurrency.js";
+const C = {
   payImmediately: "Pay immediately"
-}, P = (i) => {
+}, b = (c) => {
   const {
-    currency: l,
-    locale: s,
-    downPaymentAgreements: n = [],
-    translations: m = {}
-  } = i || {}, { translations: c } = y(), d = {
-    ...f,
-    ...c?.downPaymentsSummary || {},
-    ...m || {}
+    currency: n,
+    locale: a,
+    downPaymentAgreements: i = [],
+    translations: l = {}
+  } = c || {}, { settings: m, translations: y } = f(), { currency: p } = m || {}, u = {
+    ...C,
+    ...y?.downPaymentsSummary || {},
+    ...l || {}
   };
-  return n.length ? /* @__PURE__ */ t(
-    r,
+  return i.length ? /* @__PURE__ */ o(
+    e,
     {
       sx: {
-        borderBottom: (e) => `1px solid ${e.palette.divider}`,
-        borderTop: (e) => `1px solid ${e.palette.divider}`,
+        borderBottom: (t) => `1px solid ${t.palette.divider}`,
+        borderTop: (t) => `1px solid ${t.palette.divider}`,
         my: 2.5,
         py: 2.5
       },
-      children: n.map((e) => /* @__PURE__ */ o(r, { display: "flex", justifyContent: "space-between", children: [
-        /* @__PURE__ */ o(r, { sx: { display: "flex", alignItems: "center", gap: 2.5 }, children: [
-          /* @__PURE__ */ t(
-            u,
+      children: i.map((t) => /* @__PURE__ */ r(e, { display: "flex", justifyContent: "space-between", children: [
+        /* @__PURE__ */ r(e, { sx: { display: "flex", alignItems: "center", gap: 2.5 }, children: [
+          /* @__PURE__ */ o(
+            h,
             {
-              sx: { color: (p) => p.palette.gray[400], fontSize: 16 }
+              sx: { color: (d) => d.palette.gray[400], fontSize: 16 }
             }
           ),
-          /* @__PURE__ */ o(a, { color: "gray.800", children: [
-            d.payImmediately,
+          /* @__PURE__ */ r(s, { color: "gray.800", children: [
+            u.payImmediately,
             " (",
-            e.originalPercentage,
-            "%)"
+            t.isPercentage ? `${t.amount}%` : g(t.amount / 100, a, {
+              currency: n || p
+            }),
+            ")"
           ] })
         ] }),
-        /* @__PURE__ */ t(a, { color: "gray.800", fontWeight: 500, children: /* @__PURE__ */ t(
-          h,
+        /* @__PURE__ */ o(s, { color: "gray.800", fontWeight: 500, children: /* @__PURE__ */ o(
+          x,
           {
-            currency: l,
-            locale: s,
-            value: e.amount / 100
+            currency: n,
+            locale: a,
+            value: (t.outcome?.amount || 0) / 100
           }
         ) })
-      ] }, e.type))
+      ] }, t.type))
     }
   ) : null;
 };
 export {
-  P as CheckoutDownPaymentAgreementsSummary
+  b as CheckoutDownPaymentAgreementsSummary
 };

package/dist/CheckoutInformationStep/CheckoutInformationStep.d.ts

@@ -4,14 +4,12 @@ import { CheckoutBusinessInformationSectionProps } from '../CheckoutBusinessInfo
 import { CheckoutShippingAddressSectionProps } from '../CheckoutShippingAddressSection/CheckoutShippingAddressSection';
 import { CheckoutBillingAddressSectionProps } from '../CheckoutBillingAddressSection/CheckoutBillingAddressSection';
 import { CheckoutExpressCheckoutSectionProps } from '../CheckoutExpressCheckoutSection/CheckoutExpressCheckoutSection';
-import { CheckoutSalutationSectionProps } from '../CheckoutSalutationSection/CheckoutSalutationSection';
 export interface CheckoutInformationStepProps {
     translations?: {
         billingAddressSection?: CheckoutBillingAddressSectionProps['translations'];
         businessInformationSection?: CheckoutBusinessInformationSectionProps['translations'];
         contactInformationSection?: CheckoutContactInformationSectionProps['translations'];
         expressCheckoutSection?: CheckoutExpressCheckoutSectionProps['translations'];
-        salutationSection?: CheckoutSalutationSectionProps['translations'];
         shippingAddressSection?: CheckoutShippingAddressSectionProps['translations'];
         typeSection?: CheckoutTypeSectionProps['translations'];
     };

package/dist/CheckoutInformationStep/CheckoutInformationStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutInformationStep.d.ts","sourceRoot":"","sources":["../../src/CheckoutInformationStep/CheckoutInformationStep.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,sCAAsC,EAC5C,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAEL,KAAK,uCAAuC,EAC7C,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,kEAAkE,CAAC;AAC1E,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,gEAAgE,CAAC;AACxE,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,kEAAkE,CAAC;AAC1E,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,wDAAwD,CAAC;AAEhE,MAAM,WAAW,4BAA4B;IAC3C,YAAY,CAAC,EAAE;QACb,qBAAqB,CAAC,EAAE,kCAAkC,CAAC,cAAc,CAAC,CAAC;QAC3E,0BAA0B,CAAC,EAAE,uCAAuC,CAAC,cAAc,CAAC,CAAC;QACrF,yBAAyB,CAAC,EAAE,sCAAsC,CAAC,cAAc,CAAC,CAAC;QACnF,sBAAsB,CAAC,EAAE,mCAAmC,CAAC,cAAc,CAAC,CAAC;QAC7E,iBAAiB,CAAC,EAAE,8BAA8B,CAAC,cAAc,CAAC,CAAC;QACnE,sBAAsB,CAAC,EAAE,mCAAmC,CAAC,cAAc,CAAC,CAAC;QAC7E,WAAW,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;KACxD,CAAC;CACH;AAED,eAAO,MAAM,uBAAuB,GAClC,OAAO,4BAA4B,qDAyDpC,CAAC"}
+{"version":3,"file":"CheckoutInformationStep.d.ts","sourceRoot":"","sources":["../../src/CheckoutInformationStep/CheckoutInformationStep.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,sCAAsC,EAC5C,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAEL,KAAK,uCAAuC,EAC7C,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,kEAAkE,CAAC;AAC1E,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,gEAAgE,CAAC;AACxE,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,kEAAkE,CAAC;AAE1E,MAAM,WAAW,4BAA4B;IAC3C,YAAY,CAAC,EAAE;QACb,qBAAqB,CAAC,EAAE,kCAAkC,CAAC,cAAc,CAAC,CAAC;QAC3E,0BAA0B,CAAC,EAAE,uCAAuC,CAAC,cAAc,CAAC,CAAC;QACrF,yBAAyB,CAAC,EAAE,sCAAsC,CAAC,cAAc,CAAC,CAAC;QACnF,sBAAsB,CAAC,EAAE,mCAAmC,CAAC,cAAc,CAAC,CAAC;QAC7E,sBAAsB,CAAC,EAAE,mCAAmC,CAAC,cAAc,CAAC,CAAC;QAC7E,WAAW,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;KACxD,CAAC;CACH;AAED,eAAO,MAAM,uBAAuB,GAClC,OAAO,4BAA4B,qDAmDpC,CAAC"}