@afosto/checkout-ui 0.0.14 → 0.0.16

package/dist/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.js

@@ -1,33 +1,33 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { Box as c, Typography as m } 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 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";
+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"
-}, S = (y) => {
+}, b = (l) => {
   const {
     condition: e,
-    currency: i,
+    currency: a,
     locale: r,
-    translations: l = {}
-  } = y, { settings: p, translations: d } = v(), { currency: u } = p || {}, n = {
+    translations: y = {}
+  } = l, { settings: u, translations: p } = x(), { currency: d } = u || {}, n = {
     ...w,
-    ...d.agreementOptionConditions || {},
-    ...l || {}
-  }, o = x(e.type?.toLowerCase() || ""), f = e.outcome?.amount || 0;
+    ...p.agreementOptionConditions || {},
+    ...y || {}
+  }, 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 ? ` (${D(e.amount / 100, r, {
-    currency: i || u
+  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}",
     e.pastDueAfter.toString()
-  )), o === "cod" && (t = n.paymentOnDelivery), /* @__PURE__ */ s(
-    c,
+  )), o === "cod" && (t = n.remainingAmountDueBeforeDelivery), /* @__PURE__ */ s(
+    m,
     {
       sx: {
         display: "flex",
@@ -36,19 +36,19 @@ const w = {
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ s(c, { sx: { display: "flex", alignItems: "center", gap: 2.5 }, children: [
-          /* @__PURE__ */ a(
+        /* @__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__ */ a(m, { children: t })
+          /* @__PURE__ */ i(c, { children: t })
         ] }),
-        /* @__PURE__ */ a(m, { fontWeight: 500, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ i(c, { fontWeight: 500, children: /* @__PURE__ */ i(
           C,
           {
-            currency: i,
+            currency: a,
             locale: r,
             value: f / 100
           }
@@ -58,5 +58,5 @@ const w = {
   );
 };
 export {
-  S as CheckoutAgreementOptionCondition
+  b as CheckoutAgreementOptionCondition
 };

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 m, TimelineDot as h, TimelineConnector as P, TimelineContent as u, Box as y, 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,
@@ -34,7 +34,7 @@ const S = {
     r > 0 && r < l && /* @__PURE__ */ n(p, { sx: { minHeight: 40 }, children: [
       /* @__PURE__ */ n(m, { children: [
         /* @__PURE__ */ t(
-          h,
+          u,
           {
             sx: {
               width: 16,
@@ -59,7 +59,7 @@ const S = {
           }
         )
       ] }),
-      /* @__PURE__ */ t(u, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
+      /* @__PURE__ */ t(h, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
         y,
         {
           sx: {
@@ -89,7 +89,7 @@ const S = {
         children: [
           /* @__PURE__ */ n(m, { children: [
             /* @__PURE__ */ t(
-              h,
+              u,
               {
                 sx: {
                   width: 16,
@@ -130,7 +130,7 @@ const S = {
               }
             )
           ] }),
-          /* @__PURE__ */ t(u, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
+          /* @__PURE__ */ t(h, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
             y,
             {
               sx: {
@@ -169,7 +169,7 @@ const S = {
           sx: { minHeight: b.length - 1 === o ? 48 : 64 },
           children: [
             /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
-              h,
+              u,
               {
                 sx: {
                   ...r >= l && r < l + (e.outcome?.amount || 0) ? {
@@ -211,7 +211,7 @@ const S = {
                 children: r >= l + (e.outcome?.amount || 0) && /* @__PURE__ */ t(x, {})
               }
             ) }),
-            /* @__PURE__ */ t(u, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
+            /* @__PURE__ */ t(h, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
               y,
               {
                 sx: {
@@ -244,5 +244,5 @@ const S = {
   ] }) });
 };
 export {
-  R as CheckoutAgreementsTimeline
+  _ as CheckoutAgreementsTimeline
 };

package/dist/CheckoutShippingMethodSection/CheckoutShippingMethodSection.d.ts

@@ -6,7 +6,7 @@ declare const defaultTranslations: {
 };
 export interface CheckoutShippingMethodSectionProps extends Omit<CheckoutSectionProps, 'children'> {
     countryCode: string;
-    postalCode: string;
+    postalCode?: string;
     translations?: DeepPartial<typeof defaultTranslations>;
 }
 export declare const CheckoutShippingMethodSection: (props: CheckoutShippingMethodSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/CheckoutShippingMethodSection/CheckoutShippingMethodSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutShippingMethodSection.d.ts","sourceRoot":"","sources":["../../src/CheckoutShippingMethodSection/CheckoutShippingMethodSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAI5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,MAAM,WAAW,kCACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,6BAA6B,GACxC,OAAO,kCAAkC,qDA6B1C,CAAC"}
+{"version":3,"file":"CheckoutShippingMethodSection.d.ts","sourceRoot":"","sources":["../../src/CheckoutShippingMethodSection/CheckoutShippingMethodSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAI5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,MAAM,WAAW,kCACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,6BAA6B,GACxC,OAAO,kCAAkC,qDA6B1C,CAAC"}

package/dist/CheckoutShippingMethodsField/CheckoutShippingMethodsField.d.ts

@@ -9,7 +9,7 @@ export interface CheckoutShippingMethodsFieldProps {
     countryCode: string;
     currency?: string;
     locale?: string;
-    postalCode: string;
+    postalCode?: string;
     translations?: DeepPartial<typeof defaultTranslations>;
 }
 export declare const CheckoutShippingMethodsField: (props: CheckoutShippingMethodsFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/CheckoutShippingMethodsField/CheckoutShippingMethodsField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutShippingMethodsField.d.ts","sourceRoot":"","sources":["../../src/CheckoutShippingMethodsField/CheckoutShippingMethodsField.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,UAAU,CAAC;AAE3D,QAAA,MAAM,mBAAmB;;;;CAKxB,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,4BAA4B,GACvC,OAAO,iCAAiC,qDA2IzC,CAAC"}
+{"version":3,"file":"CheckoutShippingMethodsField.d.ts","sourceRoot":"","sources":["../../src/CheckoutShippingMethodsField/CheckoutShippingMethodsField.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,UAAU,CAAC;AAE3D,QAAA,MAAM,mBAAmB;;;;CAKxB,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,4BAA4B,GACvC,OAAO,iCAAiC,qDAwIzC,CAAC"}

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