@afosto/checkout-ui 0.0.19 → 0.0.20

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.19",
+  "version": "0.0.20",
   "description": "Afosto react checkout ui components",
   "author": "Afosto",
   "license": "MIT",