@afosto/checkout-ui 0.0.18 → 0.0.20

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;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"}
+{"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,qDA+E7C,CAAC"}

package/dist/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.js

@@ -1,28 +1,32 @@
 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 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 = {
+import { TurnDownRightSolid as C } from "../icons/TurnDownRightSolid.js";
+import { CheckoutCurrency as D } from "../CheckoutCurrency/CheckoutCurrency.js";
+import { camelize as x } from "@afosto/utils";
+import { useCheckout as v } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { formatCurrency as w } from "../utils/formatCurrency.js";
+const I = {
   payImmediately: "Pay immediately",
   remainingAmountDueBeforeDelivery: "Remaining amount due before delivery",
   withinDaysOfTheInvoiceDate: "Within {days} days of the invoice date"
-}, b = (l) => {
+}, j = (l) => {
   const {
     condition: e,
-    currency: a,
-    locale: r,
+    currency: r,
+    locale: a,
     translations: y = {}
-  } = l, { settings: u, translations: p } = x(), { currency: d } = u || {}, n = {
-    ...w,
-    ...p.agreementOptionConditions || {},
+  } = l, {
+    settings: u,
+    summary: p,
+    translations: d
+  } = v(), f = p?.currency || u?.currency, n = {
+    ...I,
+    ...d.agreementOptionConditions || {},
     ...y || {}
-  }, o = D(e.type?.toLowerCase() || ""), f = e.outcome?.amount || 0;
+  }, o = x(e.type?.toLowerCase() || ""), h = 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
+  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 ? ` (${w(e.amount / 100, a, {
+    currency: r || f
   })})` : ""}`), o === "postPaid" && (t = n.withinDaysOfTheInvoiceDate.replace(
     "{days}",
     e.pastDueAfter.toString()
@@ -38,19 +42,19 @@ const w = {
       children: [
         /* @__PURE__ */ s(m, { sx: { display: "flex", alignItems: "center", gap: 2.5 }, children: [
           /* @__PURE__ */ i(
-            g,
+            C,
             {
-              sx: { color: (h) => h.palette.gray[400], fontSize: 16 }
+              sx: { color: (g) => g.palette.gray[400], fontSize: 16 }
             }
           ),
           /* @__PURE__ */ i(c, { children: t })
         ] }),
         /* @__PURE__ */ i(c, { fontWeight: 500, children: /* @__PURE__ */ i(
-          C,
+          D,
           {
-            currency: a,
-            locale: r,
-            value: f / 100
+            currency: r,
+            locale: a,
+            value: h / 100
           }
         ) })
       ]
@@ -58,5 +62,5 @@ const w = {
   );
 };
 export {
-  b as CheckoutAgreementOptionCondition
+  j as CheckoutAgreementOptionCondition
 };

package/dist/CheckoutCurrency/CheckoutCurrency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutCurrency.d.ts","sourceRoot":"","sources":["../../src/CheckoutCurrency/CheckoutCurrency.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,WAoB5D,CAAC"}
+{"version":3,"file":"CheckoutCurrency.d.ts","sourceRoot":"","sources":["../../src/CheckoutCurrency/CheckoutCurrency.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,WAqB5D,CAAC"}

package/dist/CheckoutCurrency/CheckoutCurrency.js

@@ -1,18 +1,18 @@
-import { useCheckout as y } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-const m = (c) => {
+import { useCheckout as m } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const p = (e) => {
   const {
-    currency: e,
-    value: o,
-    locale: r,
+    currency: c,
+    value: r,
+    locale: o,
     options: t
-  } = c, { locale: n, settings: u } = y(), { currency: l } = u || {}, s = {
+  } = e, { locale: n, settings: u, summary: s } = m(), { currency: l } = u || {}, a = {
     style: "currency",
-    currency: e || l || "EUR"
-  }, a = r || n;
-  return new Intl.NumberFormat(a, t || s).format(
-    o
+    currency: c || s?.currency || l || "EUR"
+  }, y = o || n;
+  return new Intl.NumberFormat(y, t || a).format(
+    r
   );
 };
 export {
-  m as CheckoutCurrency
+  p as CheckoutCurrency
 };

package/dist/CheckoutSummary/components/CheckoutSummaryAgreements/CheckoutSummaryAgreements.js

@@ -9,22 +9,22 @@ const P = {
   const {
     agreementTemplate: n,
     agreements: s,
-    currency: t,
+    currency: r,
     disablePadding: u = !0,
     divider: c = !1,
     hideDefaultAgreementOption: i = !0,
-    locale: r,
+    locale: o,
     translations: l = {},
     ...p
   } = m, {
-    settings: d,
-    summary: o,
-    translations: y
-  } = v(), { currency: f } = d || {}, h = {
+    settings: y,
+    summary: t,
+    translations: d
+  } = v(), f = t?.currency || y?.currency, h = {
     ...P,
-    ...y?.summary || {},
+    ...d?.summary || {},
     ...l || {}
-  }, g = n ?? o?.agreementTemplate, k = s || o?.agreements || [];
+  }, g = n ?? t?.agreementTemplate, k = s || t?.agreements || [];
   return i && g?.type?.toLowerCase() === "default" ? null : /* @__PURE__ */ a(
     C,
     {
@@ -34,10 +34,10 @@ const P = {
       children: k.map((e) => /* @__PURE__ */ a(
         T,
         {
-          currency: t,
-          locale: r,
-          description: `${h.payImmediately} (${e.isPercentage ? `${e.amount}%` : A(e.amount / 100, r, {
-            currency: t || f
+          currency: r,
+          locale: o,
+          description: `${h.payImmediately} (${e.isPercentage ? `${e.amount}%` : A(e.amount / 100, o, {
+            currency: r || f
           })})`,
           value: e.outcome?.amount || 0
         },

package/dist/hooks/useCheckoutShippingMethods.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckoutShippingMethods.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckoutShippingMethods.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,WAAW,EAKjB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,0BAA0B,GAAI,6BAGxC;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;;;;yDA0FqB,gCAAgC;;;;;CAkIrD,CAAC"}
+{"version":3,"file":"useCheckoutShippingMethods.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckoutShippingMethods.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,WAAW,EAMjB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,0BAA0B,GAAI,6BAGxC;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;;;;yDA2GqB,gCAAgC;;;;;CA8JrD,CAAC"}

package/dist/hooks/useCheckoutShippingMethods.js

@@ -1,138 +1,159 @@
-import { useState as p, useRef as O, useCallback as w, useEffect as Q } from "react";
-import { useCheckout as T } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-import { useGetLatest as z, useAsyncDebounce as W } from "@afosto/hooks";
-import { isDefined as x } from "@afosto/utils";
-import { useCheckoutFormContext as X } from "./useCheckoutFormContext.js";
-const et = ({
-  countryCode: o,
-  postalCode: u
+import { useState as h, useRef as L, useMemo as et, useCallback as B, useEffect as it } from "react";
+import { useCheckout as st } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { useGetLatest as A, useAsyncDebounce as ot } from "@afosto/hooks";
+import { isDefined as V } from "@afosto/utils";
+import { useCheckoutFormContext as nt } from "./useCheckoutFormContext.js";
+const dt = ({
+  countryCode: i,
+  postalCode: p
 }) => {
-  const [B, f] = p(!1), [L, k] = p(!0), [R, a] = p(!1), [V, n] = p([]), [q, C] = p([]), S = O(0), {
-    activeStep: y,
-    addShippingMethod: A,
-    getPickupPoints: E,
-    getShippingMethods: G,
-    setSubmitButtonDisabled: F
-  } = T(), h = z({
-    activeStep: y,
-    addShippingMethod: A,
-    getPickupPoints: E,
-    getShippingMethods: G,
-    setSubmitButtonDisabled: F
-  }), H = X(), r = z(H), M = w(
+  const [C, m] = h(!1), [E, M] = h(!0), [G, d] = h(!1), [F, u] = h([]), [$, y] = h([]), b = L(0), D = L(0), w = L(null), {
+    activeStep: H,
+    addShippingMethod: J,
+    getPickupPoints: K,
+    getShippingMethods: N,
+    setSubmitButtonDisabled: O,
+    summary: s
+  } = st(), U = et(
+    () => JSON.stringify([
+      s?.subtotal,
+      (s?.items ?? []).map(({ sku: t, quantity: e, total: o }) => [
+        t,
+        e,
+        o
+      ]),
+      (s?.coupons ?? []).map(({ code: t }) => t)
+    ]),
+    [s?.coupons, s?.items, s?.subtotal]
+  ), l = A({
+    activeStep: H,
+    addShippingMethod: J,
+    getPickupPoints: K,
+    getShippingMethods: N,
+    setSubmitButtonDisabled: O
+  }), j = nt(), a = A(j), I = B(
     async ({
-      searchValue: e,
-      clearUnavailablePickupPoint: i = !1
+      searchValue: t,
+      clearUnavailablePickupPoint: e = !1
     } = {}) => {
-      const b = ++S.current, d = () => b === S.current;
+      const o = ++b.current, v = () => o === b.current;
       try {
-        f(!1), a(!0);
-        const { getPickupPoints: P } = h(), g = await P({
-          countryCode: o,
-          postalCode: x(e) ? e : u ?? ""
-        }), { pickupPoints: l } = g || {};
-        if (!d())
+        m(!1), d(!0);
+        const { getPickupPoints: f } = l(), q = await f({
+          countryCode: i,
+          postalCode: V(t) ? t : p ?? ""
+        }), { pickupPoints: P } = q || {};
+        if (!v())
           return;
-        if (i) {
-          const { getValues: s, setValue: c } = r() || {}, { pickupPointId: t } = s() || {};
-          x(t) && !(l ?? []).some(
-            (I) => I.id === t
-          ) && c("pickupPointId", "");
+        if (e) {
+          const { getValues: r, setValue: g } = a() || {}, { pickupPointId: S } = r() || {};
+          V(S) && !(P ?? []).some(
+            (n) => n.id === S
+          ) && g("pickupPointId", "");
         }
-        n(l ?? []), a(!1);
+        u(P ?? []), d(!1);
       } catch {
-        if (!d())
+        if (!v())
           return;
-        f(!0), n([]), a(!1);
+        m(!0), u([]), d(!1);
       }
     },
-    [o, h, r, u]
-  ), m = w(
-    (e) => {
-      if (n([]), e?.isPickupPoint) {
-        M();
+    [i, l, a, p]
+  ), R = B(
+    (t) => {
+      if (u([]), t?.isPickupPoint) {
+        I();
         return;
       }
-      S.current++, f(!1), a(!1);
+      b.current++, m(!1), d(!1);
     },
-    [M]
+    [I]
   );
-  Q(() => {
-    o && (async () => {
+  it(() => {
+    const t = ++D.current, e = () => t === D.current, o = `${i}|${p ?? ""}`;
+    i && (async () => {
       const {
-        activeStep: i,
-        addShippingMethod: b,
-        getShippingMethods: d,
-        setSubmitButtonDisabled: P
-      } = h();
+        activeStep: f,
+        addShippingMethod: q,
+        getShippingMethods: P,
+        setSubmitButtonDisabled: r
+      } = l();
       try {
-        const g = await d({
-          countryCode: o,
-          postalCode: u ?? ""
+        const g = await P({
+          countryCode: i,
+          postalCode: p ?? ""
         }), {
-          currentShippingMethod: l,
-          shippingMethods: s
+          currentShippingMethod: S,
+          shippingMethods: n
         } = g || {};
-        if (C(s), !s.length) {
-          P(!0), k(!1);
+        if (!e())
+          return;
+        if (y(n), !n.length) {
+          r(!0), M(!1);
           return;
         }
-        let c = s.find(
-          (t) => t.id === l?.id
+        let k = n.find(
+          (c) => c.id === S?.id
         );
-        if (!x(c)) {
-          const [t] = s;
+        if (!V(k)) {
+          const [c] = n;
           try {
-            const I = r(), { formProps: j, getValues: J, reset: K } = I || {}, { setData: N } = j || {};
-            await b({ methodId: t.id }), c = t;
-            const D = {
-              methodId: t.id,
-              isPickupPoint: t.isPickupPoint,
+            const X = a(), { formProps: Y, getValues: Z, reset: _ } = X || {}, { setData: tt } = Y || {};
+            await q({ methodId: c.id }), k = c;
+            const z = {
+              methodId: c.id,
+              isPickupPoint: c.isPickupPoint,
               pickupPointId: ""
             };
-            K({
-              ...J(),
-              ...D
-            }), N?.((v) => (v.splice(i, 1, {
-              ...v[i],
-              ...D
-            }), v));
+            _({
+              ...Z(),
+              ...z
+            }), tt?.((x) => (x.splice(f, 1, {
+              ...x[f],
+              ...z
+            }), x));
           } catch {
           }
         }
-        m(c), k(!1);
+        if (!e())
+          return;
+        const { getValues: T } = a() || {}, { methodId: W } = T?.() || {};
+        w.current === o && k?.id === W || R(k), w.current = o, r(!1), M(!1);
       } catch {
-        P(!0), n([]), C([]), k(!1);
+        if (!e())
+          return;
+        r(!0), u([]), y([]), M(!1);
       }
     })();
   }, [
-    o,
-    h,
-    r,
-    m,
-    u
+    U,
+    i,
+    l,
+    a,
+    R,
+    p
   ]);
-  const U = W(
-    async (e) => {
-      const { value: i } = e?.target || {};
-      await M({
-        searchValue: i,
+  const Q = ot(
+    async (t) => {
+      const { value: e } = t?.target || {};
+      await I({
+        searchValue: e,
         clearUnavailablePickupPoint: !0
       });
     },
     250
   );
   return {
-    hasSearchPickupPointsError: B,
-    isInitializingShippingMethods: L,
-    isSearchingPickupPoints: R,
-    loadPickupPointsForShippingMethod: m,
-    pickupPoints: V,
-    searchPickupPoints: U,
-    setPickupPoints: n,
-    shippingMethods: q
+    hasSearchPickupPointsError: C,
+    isInitializingShippingMethods: E,
+    isSearchingPickupPoints: G,
+    loadPickupPointsForShippingMethod: R,
+    pickupPoints: F,
+    searchPickupPoints: Q,
+    setPickupPoints: u,
+    shippingMethods: $
   };
 };
 export {
-  et as useCheckoutShippingMethods
+  dt as useCheckoutShippingMethods
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afosto/checkout-ui",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "Afosto react checkout ui components",
   "author": "Afosto",
   "license": "MIT",