@afosto/checkout-ui 0.0.14 → 0.0.15

package/dist/CheckoutShippingMethodsField/CheckoutShippingMethodsField.js

@@ -1,103 +1,104 @@
-import { jsx as b } from "react/jsx-runtime";
-import { useFormContext as j } from "@afosto/components";
-import { CheckoutCardRadioField as D } from "../CheckoutCardRadioField/CheckoutCardRadioField.js";
-import { CheckoutShippingMethodOption as L } from "../CheckoutShippingMethodOption/CheckoutShippingMethodOption.js";
-import { useCheckoutShippingMethods as q } from "../hooks/useCheckoutShippingMethods.js";
-import { useCheckout as A } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-import { getErrorMessage as B } from "../utils/getErrorMessage.js";
-import { capitalize as G } from "@afosto/utils";
-import { CheckoutMethodRadioSkeleton as H } from "../CheckoutMethodRadioSkeleton/CheckoutMethodRadioSkeleton.js";
-const J = {
+import { jsx as j } from "react/jsx-runtime";
+import { useFormContext as D } from "@afosto/components";
+import { CheckoutCardRadioField as L } from "../CheckoutCardRadioField/CheckoutCardRadioField.js";
+import { CheckoutShippingMethodOption as q } from "../CheckoutShippingMethodOption/CheckoutShippingMethodOption.js";
+import { useCheckoutShippingMethods as A } from "../hooks/useCheckoutShippingMethods.js";
+import { useCheckout as B } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { getErrorMessage as G } from "../utils/getErrorMessage.js";
+import { capitalize as H } from "@afosto/utils";
+import { CheckoutMethodRadioSkeleton as J } from "../CheckoutMethodRadioSkeleton/CheckoutMethodRadioSkeleton.js";
+const K = {
   failedToSearchPickupPoints: "Pickup points search failed. Please try again.",
   failedToSelectShippingMethodTitle: "Shipping method not selected",
   failedToSelectShippingMethodDescription: "Something went wrong while selecting the shipping method. Choose another shipping method or try again."
-}, ii = (k) => {
+}, oi = (S) => {
   const {
-    countryCode: S,
-    currency: C,
+    countryCode: f,
+    currency: k,
     locale: M,
-    name: r = "methodId",
-    postalCode: a,
-    translations: T = {}
-  } = k || {}, {
-    activeStep: c,
-    addShippingMethod: w,
-    isProcessing: y,
-    setErrorMessage: d,
+    name: p = "methodId",
+    postalCode: r,
+    translations: C = {}
+  } = S || {}, {
+    activeStep: a,
+    addShippingMethod: T,
+    isProcessing: w,
+    setErrorMessage: c,
     setIsProcessing: n,
-    translations: h
-  } = A(), {
-    hasSearchPickupPointsError: I,
-    isInitializingShippingMethods: v,
-    isSearchingPickupPoints: E,
-    pickupPoints: l,
-    searchPickupPoints: V,
-    setPickupPoints: s,
-    shippingMethods: u
-  } = q({
-    countryCode: S,
-    postalCode: a
-  }), { formProps: x, getValues: F, reset: g, watch: O } = j(), { setData: z } = x || {}, [P] = O([r]), p = {
-    ...J,
-    ...h?.shippingMethodsField || {},
-    ...h?.feedback || {},
-    ...T || {}
+    translations: d
+  } = B(), {
+    hasSearchPickupPointsError: y,
+    isInitializingShippingMethods: I,
+    isSearchingPickupPoints: v,
+    loadPickupPointsForShippingMethod: E,
+    pickupPoints: h,
+    searchPickupPoints: F,
+    setPickupPoints: V,
+    shippingMethods: l
+  } = A({
+    countryCode: f,
+    postalCode: r
+  }), { formProps: x, getValues: O, reset: u, watch: z } = D(), { setData: R } = x || {}, [g] = z([p]), s = {
+    ...K,
+    ...d?.shippingMethodsField || {},
+    ...d?.feedback || {},
+    ...C || {}
   };
-  return /* @__PURE__ */ b(
-    D,
+  return /* @__PURE__ */ j(
+    L,
     {
       id: "field-radio-shipping-method",
-      name: r,
-      isLoading: v,
-      onChange: async (o) => {
-        const m = F(), R = [...l];
+      name: p,
+      isLoading: I,
+      onChange: async (i) => {
+        const P = O(), b = [...h];
         try {
-          d(null), n(!0);
-          const { value: e } = o.target, i = u.find(
-            (t) => t.id === e
+          c(null), n(!0);
+          const { value: o } = i.target, e = l.find(
+            (t) => t.id === o
           );
-          await w({ methodId: e }), i && (i?.pickupPoints || []).length > 0 ? s(i.pickupPoints) : s([]);
-          const f = {
-            methodId: e,
-            isPickupPoint: i?.isPickupPoint,
+          await T({ methodId: o }), E(e);
+          const m = {
+            methodId: o,
+            isPickupPoint: e?.isPickupPoint,
             pickupPointId: ""
           };
-          g({
-            ...m,
-            ...f
-          }), z((t) => (t?.splice(c, 1, {
-            ...t[c],
-            ...f
+          u({
+            ...P,
+            ...m
+          }), R((t) => (t?.splice(a, 1, {
+            ...t[a],
+            ...m
           }), t)), n(!1);
-        } catch (e) {
-          const i = B(e);
-          d({
-            title: p.failedToSelectShippingMethodTitle,
-            description: i ? G(i) : p.failedToSelectShippingMethodDescription
-          }), g(m), s(R), n(!1), window && typeof window < "u" && window.scrollTo(0, 0);
+        } catch (o) {
+          const e = G(o);
+          c({
+            title: s.failedToSelectShippingMethodTitle,
+            description: e ? H(e) : s.failedToSelectShippingMethodDescription
+          }), u(P), V(b), n(!1), window && typeof window < "u" && window.scrollTo(0, 0);
         }
       },
-      OptionComponent: L,
-      OptionSkeletonComponent: H,
-      options: u.map((o) => ({
-        ...o,
-        value: o.id,
-        ...P === o.id ? {
-          pickupPoints: l
+      OptionComponent: q,
+      OptionSkeletonComponent: J,
+      options: l.map((i) => ({
+        ...i,
+        value: i.id,
+        ...g === i.id ? {
+          pickupPoints: h
         } : {}
       })),
       optionProps: {
-        currency: C,
-        defaultPickupPointSearchValue: a,
-        isSearchingPickupPoints: y || E,
+        currency: k,
+        defaultPickupPointSearchValue: r,
+        isSearchingPickupPoints: w || v,
         locale: M,
-        onSearchPickupPoint: V,
-        searchPickupPointsErrorMessage: I ? p.failedToSearchPickupPoints : void 0
+        onSearchPickupPoint: F,
+        searchPickupPointsErrorMessage: y ? s.failedToSearchPickupPoints : void 0
       },
-      value: P
+      value: g
     }
   );
 };
 export {
-  ii as CheckoutShippingMethodsField
+  oi as CheckoutShippingMethodsField
 };

package/dist/constants/paymentMethodIconMapping.d.ts

@@ -47,5 +47,14 @@ export declare const CHECKOUT_PAYMENT_METHOD_ICON_MAPPING: {
     twint: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     walley: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     zip: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    alma: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    bancomatPay: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    bizum: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    blik: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    clickToPay: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    mbWay: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    mobilepay: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    satispay: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    vipps: (props: import('@afosto/components').SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=paymentMethodIconMapping.d.ts.map

package/dist/constants/paymentMethodIconMapping.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paymentMethodIconMapping.d.ts","sourceRoot":"","sources":["../../src/constants/paymentMethodIconMapping.ts"],"names":[],"mappings":"AA6CA,eAAO,MAAM,oCAAoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDhD,CAAC"}
+{"version":3,"file":"paymentMethodIconMapping.d.ts","sourceRoot":"","sources":["../../src/constants/paymentMethodIconMapping.ts"],"names":[],"mappings":"AAsDA,eAAO,MAAM,oCAAoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DhD,CAAC"}

package/dist/constants/paymentMethodIconMapping.js

@@ -7,91 +7,109 @@ import { CashOnDelivery as f } from "../icons/paymentMethods/CashOnDelivery.js";
 import { Spraypay as e } from "../icons/paymentMethods/Spraypay.js";
 import { Klarna as r } from "../icons/paymentMethods/Klarna.js";
 import { PayPal as o } from "../icons/paymentMethods/PayPal.js";
-import { Bancontact as n } from "../icons/paymentMethods/Bancontact.js";
-import { Paysafe as l } from "../icons/paymentMethods/Paysafe.js";
-import { Giropay as c } from "../icons/paymentMethods/Giropay.js";
-import { Postepay as y } from "../icons/paymentMethods/Postepay.js";
+import { Bancontact as l } from "../icons/paymentMethods/Bancontact.js";
+import { Paysafe as n } from "../icons/paymentMethods/Paysafe.js";
+import { Giropay as y } from "../icons/paymentMethods/Giropay.js";
+import { Postepay as c } from "../icons/paymentMethods/Postepay.js";
 import { CarteBleue as s } from "../icons/paymentMethods/CarteBleue.js";
 import { Afterpay as u } from "../icons/paymentMethods/Afterpay.js";
 import { WebshopGiftcard as d } from "../icons/paymentMethods/WebshopGiftcard.js";
-import { Fashioncheque as C } from "../icons/paymentMethods/Fashioncheque.js";
-import { PodiumCadeaukaart as P } from "../icons/paymentMethods/PodiumCadeaukaart.js";
-import { YourGift as k } from "../icons/paymentMethods/YourGift.js";
-import { Giftcard as b } from "../icons/paymentMethods/Giftcard.js";
-import { GivaCard as h } from "../icons/paymentMethods/GivaCard.js";
-import { VVVCadeaukaart as B } from "../icons/paymentMethods/VVVCadeaukaart.js";
+import { Fashioncheque as P } from "../icons/paymentMethods/Fashioncheque.js";
+import { PodiumCadeaukaart as b } from "../icons/paymentMethods/PodiumCadeaukaart.js";
+import { YourGift as C } from "../icons/paymentMethods/YourGift.js";
+import { Giftcard as k } from "../icons/paymentMethods/Giftcard.js";
+import { GivaCard as B } from "../icons/paymentMethods/GivaCard.js";
+import { VVVCadeaukaart as h } from "../icons/paymentMethods/VVVCadeaukaart.js";
 import { WeChat as g } from "../icons/paymentMethods/WeChat.js";
-import { Alipay as w } from "../icons/paymentMethods/Alipay.js";
-import { Payconiq as v } from "../icons/paymentMethods/Payconiq.js";
+import { Alipay as v } from "../icons/paymentMethods/Alipay.js";
+import { Payconiq as w } from "../icons/paymentMethods/Payconiq.js";
 import { Multibanco as G } from "../icons/paymentMethods/Multibanco.js";
-import { EPSUberweisung as A } from "../icons/paymentMethods/EPSUberweisung.js";
-import { Przelewy24 as T } from "../icons/paymentMethods/Przelewy24.js";
+import { EPSUberweisung as T } from "../icons/paymentMethods/EPSUberweisung.js";
+import { Przelewy24 as A } from "../icons/paymentMethods/Przelewy24.js";
 import { Billink as M } from "../icons/paymentMethods/Billink.js";
 import { In3 as O } from "../icons/paymentMethods/In3.js";
-import { Interac as E } from "../icons/paymentMethods/Interac.js";
-import { Cash as I } from "../icons/paymentMethods/Cash.js";
-import { ManualGiftCard as q } from "../icons/paymentMethods/ManualGiftCard.js";
-import { ManualCard as D } from "../icons/paymentMethods/ManualCard.js";
-import { Pin as N } from "../icons/paymentMethods/Pin.js";
-import { ApplePay as W } from "../icons/paymentMethods/ApplePay.js";
-import { GooglePay as _ } from "../icons/paymentMethods/GooglePay.js";
-import { Bank as z } from "../icons/paymentMethods/Bank.js";
-import { Riverty as K } from "../icons/paymentMethods/Riverty.js";
-import { Twint as U } from "../icons/paymentMethods/Twint.js";
-import { Walley as V } from "../icons/paymentMethods/Walley.js";
-import { Zip as x } from "../icons/paymentMethods/Zip.js";
-import { Belfius as H } from "../icons/paymentMethods/Belfius.js";
-import { Kbc as S } from "../icons/paymentMethods/Kbc.js";
-const Nr = {
+import { Interac as W } from "../icons/paymentMethods/Interac.js";
+import { Cash as z } from "../icons/paymentMethods/Cash.js";
+import { ManualGiftCard as E } from "../icons/paymentMethods/ManualGiftCard.js";
+import { ManualCard as I } from "../icons/paymentMethods/ManualCard.js";
+import { Pin as q } from "../icons/paymentMethods/Pin.js";
+import { ApplePay as D } from "../icons/paymentMethods/ApplePay.js";
+import { GooglePay as N } from "../icons/paymentMethods/GooglePay.js";
+import { Bank as V } from "../icons/paymentMethods/Bank.js";
+import { Riverty as _ } from "../icons/paymentMethods/Riverty.js";
+import { Twint as K } from "../icons/paymentMethods/Twint.js";
+import { Walley as S } from "../icons/paymentMethods/Walley.js";
+import { Zip as U } from "../icons/paymentMethods/Zip.js";
+import { Belfius as x } from "../icons/paymentMethods/Belfius.js";
+import { Kbc as H } from "../icons/paymentMethods/Kbc.js";
+import { Alma as Y } from "../icons/paymentMethods/Alma.js";
+import { Bancomat as F } from "../icons/paymentMethods/Bancomat.js";
+import { Bizum as R } from "../icons/paymentMethods/Bizum.js";
+import { Blik as Z } from "../icons/paymentMethods/Blik.js";
+import { ClickToPay as j } from "../icons/paymentMethods/ClickToPay.js";
+import { MBWay as J } from "../icons/paymentMethods/MBWay.js";
+import { MobilePay as L } from "../icons/paymentMethods/MobilePay.js";
+import { Satispay as Q } from "../icons/paymentMethods/Satispay.js";
+import { Vipps as X } from "../icons/paymentMethods/Vipps.js";
+const Xr = {
   ideal: m,
   card: i,
   bacsDirectDebit: a,
   bankTransfer: t,
-  belfius: H,
-  kbc: S,
+  belfius: x,
+  kbc: H,
   onAccount: p,
   cod: f,
   spraypay: e,
   sofort: r,
   paypalExpress: o,
   paypal: o,
-  mistercashBancontact: n,
-  paysafecard: l,
-  giftCard: b,
-  giropay: c,
-  postepay: y,
+  mistercashBancontact: l,
+  paysafecard: n,
+  giftCard: k,
+  giropay: y,
+  postepay: c,
   carteBleue: s,
   afterpay: u,
   webshopgiftcard: d,
-  fashioncheque: C,
-  podiumcadeaukaart: P,
-  yourgift: k,
-  givacard: h,
-  vvvCadeaukaart: B,
+  fashioncheque: P,
+  podiumcadeaukaart: b,
+  yourgift: C,
+  givacard: B,
+  vvvCadeaukaart: h,
   wechatPay: g,
-  alipay: w,
-  payconiq: v,
+  alipay: v,
+  payconiq: w,
   multibanco: G,
-  epsUberweisung: A,
-  przelewy24: T,
+  epsUberweisung: T,
+  przelewy24: A,
   billink: M,
   klarna: r,
   klarnaNow: r,
   klarnaOverTime: r,
   in3: O,
-  interac: E,
-  cash: I,
-  manualGiftCard: q,
-  manualCard: D,
-  pin: N,
-  applePay: W,
-  googleWallet: _,
-  payByBank: z,
-  riverty: K,
-  twint: U,
-  walley: V,
-  zip: x
+  interac: W,
+  cash: z,
+  manualGiftCard: E,
+  manualCard: I,
+  pin: q,
+  applePay: D,
+  googleWallet: N,
+  payByBank: V,
+  riverty: _,
+  twint: K,
+  walley: S,
+  zip: U,
+  alma: Y,
+  bancomatPay: F,
+  bizum: R,
+  blik: Z,
+  clickToPay: j,
+  mbWay: J,
+  mobilepay: L,
+  satispay: Q,
+  vipps: X
 };
 export {
-  Nr as CHECKOUT_PAYMENT_METHOD_ICON_MAPPING
+  Xr as CHECKOUT_PAYMENT_METHOD_ICON_MAPPING
 };

package/dist/hooks/useCheckoutShippingMethods.d.ts

@@ -1,11 +1,12 @@
 import { CheckoutShippingMethodOptionType, CheckoutShippingMethodPickupPoint } from '../types';
 export declare const useCheckoutShippingMethods: ({ countryCode, postalCode }: {
     countryCode: string;
-    postalCode: string;
+    postalCode?: string;
 }) => {
     hasSearchPickupPointsError: boolean;
     isInitializingShippingMethods: boolean;
     isSearchingPickupPoints: boolean;
+    loadPickupPointsForShippingMethod: (shippingMethod?: CheckoutShippingMethodOptionType) => void;
     pickupPoints: CheckoutShippingMethodPickupPoint[];
     searchPickupPoints: (...args: unknown[]) => Promise<void>;
     setPickupPoints: import('react').Dispatch<import('react').SetStateAction<CheckoutShippingMethodPickupPoint[]>>;

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

@@ -1 +1 @@
-{"version":3,"file":"useCheckoutShippingMethods.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckoutShippingMethods.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,0BAA0B,GAAI,6BAGxC;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;;;;;;;;CAgKA,CAAC"}
+{"version":3,"file":"useCheckoutShippingMethods.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckoutShippingMethods.ts"],"names":[],"mappings":"AAYA,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"}

package/dist/hooks/useCheckoutShippingMethods.js

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