@afosto/checkout-ui 0.0.13 → 0.0.15

package/dist/CheckoutAddressFields/CheckoutAddressFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutAddressFields.d.ts","sourceRoot":"","sources":["../../src/CheckoutAddressFields/CheckoutAddressFields.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,cAAc,EAIpB,MAAM,OAAO,CAAC;AACf,OAAO,EAQL,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,4CAA4C,CAAC;AAYpD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,MAAM,WAAW,0BAA0B;IACzC,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;IAC5C,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EACrC,OAAO,EAAE,aAAa,GAAG,IAAI,KAC1B,IAAI,CAAC;IACV,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDAwetE,CAAC"}
+{"version":3,"file":"CheckoutAddressFields.d.ts","sourceRoot":"","sources":["../../src/CheckoutAddressFields/CheckoutAddressFields.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,cAAc,EAIpB,MAAM,OAAO,CAAC;AACf,OAAO,EAQL,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,4CAA4C,CAAC;AAYpD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,MAAM,WAAW,0BAA0B;IACzC,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;IAC5C,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,qBAAqB,EAAE,MAAM,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EACrC,OAAO,EAAE,aAAa,GAAG,IAAI,KAC1B,IAAI,CAAC;IACV,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDA+etE,CAAC"}

package/dist/CheckoutAddressFields/CheckoutAddressFields.js

@@ -1,6 +1,6 @@
 import { jsxs as p, Fragment as M, jsx as i } from "react/jsx-runtime";
-import { useRef as F, useEffect as k, useCallback as Ce } from "react";
-import { useFormContext as Ae, Fields as r, Grid as d, Typography as Fe, Collapse as B, Box as ge } from "@afosto/components";
+import { useRef as g, useEffect as k, useCallback as Ce } from "react";
+import { useFormContext as Ae, Fields as n, Grid as d, Typography as Fe, Collapse as B, Box as ge } from "@afosto/components";
 import { isDefined as R, capitalize as I, decamelize as G, camelize as j } from "@afosto/utils";
 import { CheckoutAddressCard as Se } from "../CheckoutAddressCard/CheckoutAddressCard.js";
 import { calculateBreakpointsForAddressFields as ye } from "../utils/calculateBreakpointsForAddressFields.js";
@@ -12,36 +12,36 @@ const ke = (U) => {
   const {
     addressCardProps: q = {},
     alwaysShowAddressLineFields: T = !1,
-    availableCountryCodes: g,
+    availableCountryCodes: S,
     fieldLabels: v = {},
     isSalutationRequired: H = !1,
     name: e,
-    onChangeCountry: S,
+    onChangeCountry: y,
     onChangeValidationSchema: Y,
     showOrganisationField: J,
     showSalutationField: L,
     title: Q,
     validationSchema: X
-  } = U, D = F(null), E = F(null), z = F(null), _ = F(null), { getValues: y, reset: Z, setValue: c, watch: f } = Ae(), x = f(e, {}), m = f(`${e}.country`), K = m?.alpha2Code, ee = f(`${e}.postalCode`), te = f(`${e}.premiseNumber`), {
+  } = U, D = g(null), E = g(null), z = g(null), _ = g(null), { getValues: x, reset: Z, setValue: c, watch: f } = Ae(), b = f(e, {}), u = f(`${e}.country`), K = u?.alpha2Code, ee = f(`${e}.postalCode`), te = f(`${e}.premiseNumber`), {
     autocompletedAddress: oe,
     handleAutocompleteAddress: w,
     handleBlurAutocompleteAddressField: h,
     handleShowAddressLines: ie,
     showAddressLineFields: W
   } = be({ alwaysShowAddressLineFields: T, name: e }), {
-    administrativeAreas: b,
+    administrativeAreas: $,
     areFieldsAllowed: C,
     fieldFormats: A,
     fieldTypes: ae,
     isFetchingAddressOptions: O
   } = xe({
     enabled: !0,
-    countryCode: m?.alpha2Code,
+    countryCode: u?.alpha2Code,
     isSalutationRequired: H,
     onChangeValidationSchema: Y,
     salutation: L,
     validationSchema: X
-  }), $ = R(K) && R(ee) && R(te);
+  }), N = R(K) && R(ee) && R(te);
   $e({ fieldFormats: A, name: e }), k(() => {
     const t = document.activeElement;
     [
@@ -49,35 +49,37 @@ const ke = (U) => {
       E.current,
       z.current,
       _.current
-    ].every((n) => n !== t) && $ && w(!0).catch(() => {
+    ].every((r) => r !== t) && N && w(!0).catch(() => {
     });
-  }, [w, $]), k(() => {
-    const t = y(`${e}.administrativeArea`);
+  }, [w, N]), k(() => {
+    const t = x(`${e}.administrativeArea`);
     if (t && typeof t == "string") {
-      const o = b.find(
-        (n) => n.code === t
+      const o = $.find(
+        (r) => r.code === t
       );
       o && c(`${e}.administrativeArea`, o);
     } else !t && typeof t == "string" && c(`${e}.administrativeArea`, null);
-  }, [b, e, y, c]);
-  const re = W && C(["thoroughfare", "locality"]) && !O, ne = Ce(
-    (t) => g.includes("*") || g.includes(t?.alpha2Code),
-    [g]
+  }, [$, e, x, c]);
+  const ne = W && C(["thoroughfare", "locality"]) && !O, re = Ce(
+    (t) => S.includes("*") || S.includes(t?.alpha2Code),
+    [S]
   ), a = (t) => {
     const o = ae[t];
     if (!o)
       return v?.[t] || I(G(t)?.replace(/_/g, " "));
-    const n = j(
+    const r = j(
       o
-    ), N = `${Ne[n] || n}`;
-    return v?.[N] || I(G(o));
+    ), F = `${Ne[r] || r}`;
+    return v?.[F] || I(G(o));
   }, se = (t, o) => {
-    const n = y();
-    S && typeof S == "function" && S(t, o), Z({
-      ...n,
+    const r = x();
+    y && typeof y == "function" && y(t, o);
+    const { avatar: F, ...m } = o || {};
+    Z({
+      ...r,
       [e]: {
-        ...n[e] || {},
-        country: o,
+        ...r[e] || {},
+        country: o ? m : null,
         postalCode: "",
         premiseNumber: "",
         premiseNumberSuffix: "",
@@ -98,7 +100,7 @@ const ke = (U) => {
           xs: 12,
           md: 12
         },
-        component: r.TextField,
+        component: n.TextField,
         props: {
           label: a("organisation"),
           name: `${e}.organisation`,
@@ -113,7 +115,7 @@ const ke = (U) => {
         xs: 12,
         md: 4
       },
-      component: r.TextField,
+      component: n.TextField,
       props: {
         label: a("givenName"),
         name: `${e}.givenName`,
@@ -128,7 +130,7 @@ const ke = (U) => {
         md: 4
       },
       grow: !1,
-      component: r.TextField,
+      component: n.TextField,
       props: {
         label: a("additionalName"),
         name: `${e}.additionalName`,
@@ -142,7 +144,7 @@ const ke = (U) => {
         xs: 12,
         md: 4
       },
-      component: r.TextField,
+      component: n.TextField,
       props: {
         label: a("familyName"),
         name: `${e}.familyName`,
@@ -156,7 +158,7 @@ const ke = (U) => {
         xs: 12,
         md: 6
       },
-      component: r.TextField,
+      component: n.TextField,
       props: {
         label: a("addressLine2"),
         name: `${e}.addressLine2`,
@@ -170,7 +172,7 @@ const ke = (U) => {
         xs: 12,
         md: 4
       },
-      component: r.TextField,
+      component: n.TextField,
       props: {
         label: a("postalCode"),
         name: `${e}.postalCode`,
@@ -188,7 +190,7 @@ const ke = (U) => {
         md: 3
       },
       grow: !1,
-      component: r.TextField,
+      component: n.TextField,
       props: {
         label: a("premiseNumber"),
         name: `${e}.premiseNumber`,
@@ -204,7 +206,7 @@ const ke = (U) => {
         md: 3
       },
       grow: !1,
-      component: r.TextField,
+      component: n.TextField,
       props: {
         label: a("premiseNumberSuffix"),
         name: `${e}.premiseNumberSuffix`,
@@ -219,7 +221,7 @@ const ke = (U) => {
         xs: 12,
         md: 6
       },
-      component: r.TextField,
+      component: n.TextField,
       props: {
         label: a("thoroughfare"),
         name: `${e}.thoroughfare`,
@@ -233,7 +235,7 @@ const ke = (U) => {
         xs: 12,
         md: 6
       },
-      component: r.TextField,
+      component: n.TextField,
       props: {
         label: a("locality"),
         name: `${e}.locality`,
@@ -247,29 +249,29 @@ const ke = (U) => {
         xs: 12,
         md: 6
       },
-      component: r.Autocomplete,
+      component: n.Autocomplete,
       props: {
         label: a("administrativeArea"),
         name: `${e}.administrativeArea`,
         id: `${e}AdministrativeArea`,
-        options: b,
+        options: $,
         fullWidth: !0
       }
     }
   }, de = l.locality.component, me = l.thoroughfare.component, ue = () => {
     const t = ["xs", "md"];
     let o = A.fields || Re;
-    return m?.alpha2Code === "NL" && (o = Te), m?.alpha2Code === "SG" && (o = ve), m?.alpha2Code === "MO" && (o = Le), o.reduce((n, N) => {
-      const u = N.map((s) => j(s)).filter(
+    return u?.alpha2Code === "NL" && (o = Te), u?.alpha2Code === "SG" && (o = ve), u?.alpha2Code === "MO" && (o = Le), o.reduce((r, F) => {
+      const m = F.map((s) => j(s)).filter(
         (s) => !!l[s] && C([s])
       );
-      if (!u.length)
-        return n;
+      if (!m.length)
+        return r;
       const pe = ye(
-        u,
+        m,
         t,
         l
-      ), V = u.map((s) => {
+      ), V = m.map((s) => {
         const ce = l[s].component, fe = t.reduce(
           (he, P) => ({
             ...he,
@@ -279,16 +281,16 @@ const ke = (U) => {
         );
         return /* @__PURE__ */ i(d, { item: !0, ...fe, children: /* @__PURE__ */ i(ce, { ...l[s].props }) }, s);
       });
-      return u.length > 1 ? [
-        ...n,
-        /* @__PURE__ */ i(d, { item: !0, container: !0, spacing: 2, children: V }, u.join("."))
-      ] : [...n, ...V];
+      return m.length > 1 ? [
+        ...r,
+        /* @__PURE__ */ i(d, { item: !0, container: !0, spacing: 2, children: V }, m.join("."))
+      ] : [...r, ...V];
     }, []);
   };
   return /* @__PURE__ */ p(M, { children: [
     /* @__PURE__ */ p(d, { container: !0, spacing: 2, children: [
       /* @__PURE__ */ i(d, { item: !0, xs: 12, children: /* @__PURE__ */ i(
-        r.CountrySelect,
+        n.CountrySelect,
         {
           label: a("country"),
           name: `${e}.country`,
@@ -296,7 +298,7 @@ const ke = (U) => {
           inputRef: D,
           onBlur: h,
           onChange: se,
-          filterCountryOptions: ne,
+          filterCountryOptions: re,
           sortBy: "name",
           fullWidth: !0
         }
@@ -304,15 +306,15 @@ const ke = (U) => {
       L && /* @__PURE__ */ p(d, { item: !0, xs: 12, children: [
         /* @__PURE__ */ i(Fe, { sx: { fontWeight: 500, mb: 0.5 }, children: a("salutation") }),
         /* @__PURE__ */ p(
-          r.RadioGroup,
+          n.RadioGroup,
           {
             id: `${e}Salutation`,
             name: `${e}.salutation`,
             row: !0,
             children: [
-              /* @__PURE__ */ i(r.Radio, { label: a("salutationMr"), value: "mr" }),
+              /* @__PURE__ */ i(n.Radio, { label: a("salutationMr"), value: "mr" }),
               /* @__PURE__ */ i(
-                r.Radio,
+                n.Radio,
                 {
                   label: a("salutationMrs"),
                   value: "mrs"
@@ -324,24 +326,24 @@ const ke = (U) => {
       ] }),
       !O && /* @__PURE__ */ i(M, { children: ue() })
     ] }),
-    m?.alpha2Code === "NL" && /* @__PURE__ */ i(B, { in: re, children: /* @__PURE__ */ p(d, { container: !0, spacing: 2, sx: { pt: 2 }, children: [
+    u?.alpha2Code === "NL" && /* @__PURE__ */ i(B, { in: ne, children: /* @__PURE__ */ p(d, { container: !0, spacing: 2, sx: { pt: 2 }, children: [
       C(["thoroughfare"]) && /* @__PURE__ */ i(d, { item: !0, xs: 12, children: /* @__PURE__ */ i(me, { ...l.thoroughfare.props }) }),
       C(["locality"]) && /* @__PURE__ */ i(d, { item: !0, xs: 12, children: /* @__PURE__ */ i(de, { ...l.locality.props }) })
     ] }) }),
     /* @__PURE__ */ i(
       B,
       {
-        in: !W && $ && !!oe,
+        in: !W && N && !!oe,
         sx: { width: "100%" },
         children: /* @__PURE__ */ i(ge, { mt: 4, children: /* @__PURE__ */ i(
           Se,
           {
             ...q,
             address: {
-              ...x,
-              countryCode: x?.country?.alpha2Code,
+              ...b,
+              countryCode: b?.country?.alpha2Code,
               options: {
-                ...x?.options || {},
+                ...b?.options || {},
                 format: A.address
               }
             },

package/dist/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.d.ts

@@ -1,7 +1,7 @@
 import { CheckoutAgreementOptionConditionType, DeepPartial } from '../types';
 declare const defaultTranslations: {
     payImmediately: string;
-    paymentOnDelivery: string;
+    remainingAmountDueBeforeDelivery: string;
     withinDaysOfTheInvoiceDate: string;
 };
 export interface CheckoutAgreementOptionConditionProps {

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 i } from "react/jsx-runtime";
+import { Box as m, Typography as c } 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 D } from "@afosto/utils";
+import { useCheckout as x } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { formatCurrency as v } from "../utils/formatCurrency.js";
+const w = {
   payImmediately: "Pay immediately",
-  paymentOnDelivery: "Payment on delivery",
+  remainingAmountDueBeforeDelivery: "Remaining amount due before delivery",
   withinDaysOfTheInvoiceDate: "Within {days} days of the invoice date"
-}, j = (l) => {
+}, b = (l) => {
   const {
-    condition: t,
-    currency: m,
-    locale: c,
+    condition: e,
+    currency: a,
+    locale: r,
     translations: y = {}
-  } = l, { summary: p, translations: d } = C(), { total: f = 0 } = p || {}, o = {
-    ...D,
-    ...d.agreementOptionConditions || {},
+  } = l, { settings: u, translations: p } = x(), { currency: d } = u || {}, n = {
+    ...w,
+    ...p.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(
+  }, o = D(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 ? ` (${v(e.amount / 100, r, {
+    currency: a || d
+  })})` : ""}`), 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.remainingAmountDueBeforeDelivery), /* @__PURE__ */ s(
+    m,
     {
       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(m, { sx: { display: "flex", alignItems: "center", gap: 2.5 }, children: [
+          /* @__PURE__ */ i(
             g,
             {
               sx: { color: (h) => h.palette.gray[400], fontSize: 16 }
             }
           ),
-          /* @__PURE__ */ n(s, { children: e })
+          /* @__PURE__ */ i(c, { children: t })
         ] }),
-        /* @__PURE__ */ n(s, { fontWeight: 500, children: /* @__PURE__ */ n(
-          x,
+        /* @__PURE__ */ i(c, { fontWeight: 500, children: /* @__PURE__ */ i(
+          C,
           {
-            currency: m,
-            locale: c,
-            value: u / 100
+            currency: a,
+            locale: r,
+            value: f / 100
           }
         ) })
       ]
@@ -55,5 +58,5 @@ const D = {
   );
 };
 export {
-  j as CheckoutAgreementOptionCondition
+  b 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,17 +1,17 @@
 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 u, TimelineConnector as P, TimelineContent as h, 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";
 import { CheckSolid as x } from "../icons/CheckSolid.js";
 const S = {
   alreadyPaid: "Already paid",
-  cod: "Pay on delivery",
+  cod: "Remaining amount due before delivery",
   downPayment: "Down payment",
   dueLater: "Due later",
   payImmediately: "Pay immediately",
   postPaid: "Pay afterwards"
-}, R = (T) => {
+}, _ = (T) => {
   const {
     agreements: C = [],
     currency: c,
@@ -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,
+          u,
           {
             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(h, { 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,
+              u,
               {
                 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(h, { 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(
+              u,
               {
                 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(h, { 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
                     }
                   ) })
                 ]
@@ -244,5 +244,5 @@ const S = {
   ] }) });
 };
 export {
-  R as CheckoutAgreementsTimeline
+  _ as CheckoutAgreementsTimeline
 };

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"}