@afosto/checkout-ui 0.0.1-alpha.5 → 0.0.1-alpha.6

package/dist/hooks/useCheckoutCart.js

@@ -1,45 +1,49 @@
-import { useCheckoutState as J } from "./useCheckoutState.js";
-import { useCheckoutForm as V } from "./useCheckoutForm.js";
-import { useQueryClient as W, useMutation as i } from "@tanstack/react-query";
-import { useCheckoutAnalytics as X } from "./useCheckoutAnalytics.js";
-import { useCheckoutAuth as Y } from "./useCheckoutAuth.js";
-import { useCheckoutSummary as Z } from "./useCheckoutSummary.js";
-import { isDefined as tt } from "@afosto/utils";
-const gt = (S) => {
+import { useCheckoutState as V } from "./useCheckoutState.js";
+import { useCheckoutForm as W } from "./useCheckoutForm.js";
+import { useQueryClient as X, useMutation as i } from "@tanstack/react-query";
+import { useCheckoutAnalytics as Y } from "./useCheckoutAnalytics.js";
+import { useCheckoutAuth as Z } from "./useCheckoutAuth.js";
+import { useCheckoutSummary as tt } from "./useCheckoutSummary.js";
+import { isDefined as et } from "@afosto/utils";
+const Ct = (k) => {
   const {
-    analytics: k,
+    analytics: R,
     cartId: c,
-    createSummary: R,
-    defaultOperations: F,
-    isLoadingChannel: f,
-    locale: q,
+    channel: f,
+    createSummary: F,
+    defaultOperations: q,
+    isLoadingChannel: g,
+    locale: A,
     settings: u,
-    storefront: g,
+    storefront: C,
     operations: e,
-    steps: A
-  } = S || {}, m = W(), y = Y({
+    steps: D
+  } = k || {}, m = X(), y = Z({
     operations: e,
     settings: u,
-    storefront: g
-  }), { isInitializingAuth: D } = y, C = Z(), h = V({
-    locale: q,
+    storefront: C
+  }), { isInitializingAuth: T } = y, P = tt(), h = W({
+    channel: f,
+    locale: A,
     settings: u,
-    steps: A
-  }), { initializeSteps: T } = h, P = X({
-    analytics: k,
+    steps: D
+  }), { initializeSteps: E } = h, w = Y({
+    analytics: R,
     settings: u
   }), n = {
     ...y,
-    ...C,
-    ...h,
     ...P,
-    createSummary: R,
-    defaultOperations: F,
+    ...h,
+    ...w,
+    channel: f,
+    createSummary: F,
+    defaultOperations: q,
+    flow: "cart",
     operations: e,
     settings: u,
-    storefront: g
-  }, w = J({
-    enabled: !!c && !D && !f,
+    storefront: C
+  }, M = V({
+    enabled: !!c && !T && !g,
     notFound: !c,
     onError: e.initial.error,
     onFormat: async (t) => {
@@ -53,7 +57,7 @@ const gt = (S) => {
       await e.initial.success(t, n);
       try {
         const { skipCheckCompletedSteps: o } = t || {};
-        T(t.cart, t, { skipCheckCompletedSteps: o });
+        E(t.cart, t, { skipCheckCompletedSteps: o });
       } catch {
       }
     },
@@ -62,7 +66,7 @@ const gt = (S) => {
       { id: c, intent: "BEGIN_CHECKOUT" },
       n
     )
-  }), { setIsAddingExpressPaymentMethod: M, isInitializing: E } = w, I = E || f, N = i({
+  }), { setIsAddingExpressPaymentMethod: l, isInitializing: I } = M, N = I || g, v = i({
     mutationFn: async (t) => e.addCustomer.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addCustomer.formatter(
@@ -74,7 +78,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addCustomer.error(t);
     }
-  }), v = i({
+  }), K = i({
     mutationFn: async (t) => e.addCustomerCountryCode.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addCustomerCountryCode.formatter(
@@ -89,7 +93,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addCustomerCountryCode.error(t);
     }
-  }), K = i({
+  }), x = i({
     mutationFn: async (t) => e.addInformation.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addInformation.formatter(
@@ -101,7 +105,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addInformation.error(t);
     }
-  }), x = i({
+  }), Q = i({
     mutationFn: async (t) => e.addNote.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addNote.formatter(
@@ -113,7 +117,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addNote.error(t);
     }
-  }), Q = i({
+  }), j = i({
     mutationFn: async (t) => e.addPaymentMethod.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addPaymentMethod.formatter(
@@ -125,7 +129,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addPaymentMethod.error(t);
     }
-  }), j = i({
+  }), L = i({
     mutationFn: async (t) => e.addPickupPoint.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addPickupPoint.formatter(
@@ -137,7 +141,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addPickupPoint.error(t);
     }
-  }), L = i({
+  }), O = i({
     mutationFn: async (t) => e.addShippingMethod.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addShippingMethod.formatter(
@@ -149,7 +153,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addShippingMethod.error(t);
     }
-  }), O = i({
+  }), z = i({
     mutationFn: async (t) => e.checkout.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.checkout.formatter(
@@ -161,7 +165,7 @@ const gt = (S) => {
     onError: (t) => {
       e.checkout.error(t);
     }
-  }), z = i({
+  }), b = i({
     mutationFn: async (t) => e.setAgreementTemplate.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.setAgreementTemplate.formatter(
@@ -176,68 +180,68 @@ const gt = (S) => {
     onError: (t) => {
       e.setAgreementTemplate.error(t);
     }
-  }), b = async ({
+  }), U = async ({
     customer: t
   }) => {
-    const o = await N.mutateAsync({
+    const o = await v.mutateAsync({
       cartId: c,
       customer: t
-    }), r = await e.addCustomer.formatter(
+    }), a = await e.addCustomer.formatter(
       o,
       n
-    ), { cart: a, ...s } = r || {};
+    ), { cart: r, ...s } = a || {};
     return {
-      ...a,
+      ...r,
       ...s
     };
-  }, U = async ({
+  }, _ = async ({
     countryCode: t
   }) => {
-    const o = await v.mutateAsync({
+    const o = await K.mutateAsync({
       cartId: c,
       countryCode: t
-    }), r = await e.addCustomerCountryCode.formatter(
+    }), a = await e.addCustomerCountryCode.formatter(
       o,
       n
-    ), { cart: a, ...s } = r || {};
+    ), { cart: r, ...s } = a || {};
     return {
-      ...a,
+      ...r,
       ...s
     };
-  }, _ = async ({
+  }, $ = async ({
     billingAddress: t,
     customer: o,
-    phoneNumber: r,
-    shippingAddress: a
+    phoneNumber: a,
+    shippingAddress: r
   }) => {
-    const s = await K.mutateAsync({
+    const s = await x.mutateAsync({
       cartId: c,
       billingAddress: t,
       customer: o,
-      phoneNumber: r,
-      shippingAddress: a
+      phoneNumber: a,
+      shippingAddress: r
     }), d = await e.addInformation.formatter(
       s,
       n
-    ), { cart: p, ...H } = d || {};
+    ), { cart: p, ...J } = d || {};
     return {
       ...p,
-      ...H
+      ...J
     };
-  }, $ = async ({ note: t }) => {
-    const o = await x.mutateAsync({
+  }, B = async ({ note: t }) => {
+    const o = await Q.mutateAsync({
       cartId: c,
       note: t
-    }), r = await e.addNote.formatter(
+    }), a = await e.addNote.formatter(
       o,
       n
-    ), { cart: a, ...s } = r || {};
+    ), { cart: r, ...s } = a || {};
     return {
-      ...a,
+      ...r,
       ...s
     };
-  }, B = async () => {
-    const t = await O.mutateAsync({
+  }, G = async () => {
+    const t = await z.mutateAsync({
       cartId: c
     }), o = await e.checkout.formatter(
       t,
@@ -250,9 +254,9 @@ const gt = (S) => {
       window.location.href = `${p}/payment/execute?order_id=${o?.order?.id}`;
       return;
     }
-    const [a] = o?.order?.options?.proceedingStep?.proceeding?.options || [], { method: s, url: d } = a || {};
-    s?.toLowerCase() === "follow" && tt(d) && (window.location.href = d);
-  }, G = async () => {
+    const [r] = o?.order?.options?.proceedingStep?.proceeding?.options || [], { method: s, url: d } = r || {};
+    s?.toLowerCase() === "follow" && et(d) && (window.location.href = d);
+  }, H = async () => {
     try {
       const t = await m.fetchQuery({
         queryKey: ["getCartInitialPaymentStep", c],
@@ -265,30 +269,30 @@ const gt = (S) => {
       }), o = await e.initialPaymentStep.formatter(
         t,
         n
-      ), { agreementOptions: r, agreementTemplate: a, paymentMethods: s } = o || {};
+      ), { agreementOptions: a, agreementTemplate: r, paymentMethods: s } = o || {};
       return e.initialPaymentStep.success(
         o,
         n
       ), {
-        agreementOptions: r,
-        agreementTemplate: a,
+        agreementOptions: a,
+        agreementTemplate: r,
         paymentMethods: s
       };
     } catch (t) {
       return e.initialPaymentStep.error(t), Promise.reject(t);
     }
-  }, l = async ({
+  }, S = async ({
     methodId: t,
     issuerId: o,
-    terminalId: r
+    terminalId: a
   }) => {
-    const a = await Q.mutateAsync({
+    const r = await j.mutateAsync({
       cartId: c,
       methodId: t,
       issuerId: o,
-      terminalId: r
+      terminalId: a
     }), s = await e.addPaymentMethod.formatter(
-      a,
+      r,
       n
     ), { cart: d, ...p } = s || {};
     return {
@@ -297,57 +301,57 @@ const gt = (S) => {
     };
   };
   return {
-    ...w,
+    ...M,
     ...y,
-    ...C,
-    ...h,
     ...P,
-    addCustomer: b,
-    addCustomerCountryCode: U,
+    ...h,
+    ...w,
+    addCustomer: U,
+    addCustomerCountryCode: _,
     addExpressPaymentMethod: async ({
       methodId: t
     }) => {
       try {
-        return M(!0), l({ methodId: t });
+        return l(!0), S({ methodId: t });
       } catch {
-        M(!1);
+        l(!1);
       }
     },
-    addInformation: _,
-    addNote: $,
-    addPaymentMethod: l,
+    addInformation: $,
+    addNote: B,
+    addPaymentMethod: S,
     addPickupPoint: async ({
       pickupPointId: t
     }) => {
-      const o = await j.mutateAsync({
+      const o = await L.mutateAsync({
         cartId: c,
         pickupPointId: t
-      }), r = await e.addPickupPoint.formatter(
+      }), a = await e.addPickupPoint.formatter(
         o,
         n
-      ), { cart: a, ...s } = r || {};
+      ), { cart: r, ...s } = a || {};
       return {
-        ...a,
+        ...r,
         ...s
       };
     },
     addShippingMethod: async ({
       methodId: t
     }) => {
-      const o = await L.mutateAsync({
+      const o = await O.mutateAsync({
         cartId: c,
         methodId: t
-      }), r = await e.addShippingMethod.formatter(
+      }), a = await e.addShippingMethod.formatter(
         o,
         n
-      ), { cart: a, ...s } = r || {};
+      ), { cart: r, ...s } = a || {};
       return {
-        ...a,
+        ...r,
         ...s
       };
     },
-    checkout: B,
-    getInitialPaymentStep: G,
+    checkout: G,
+    getInitialPaymentStep: H,
     getPaymentMethods: async () => {
       try {
         const t = await m.fetchQuery({
@@ -361,10 +365,10 @@ const gt = (S) => {
         }), o = await e.getPaymentMethods.formatter(
           t,
           n
-        ), { currentPaymentMethod: r, paymentMethods: a } = o || {};
+        ), { currentPaymentMethod: a, paymentMethods: r } = o || {};
         return e.getPaymentMethods.success(o, n), {
-          currentPaymentMethod: r,
-          paymentMethods: a,
+          currentPaymentMethod: a,
+          paymentMethods: r,
           payments: []
         };
       } catch (t) {
@@ -376,7 +380,7 @@ const gt = (S) => {
       postalCode: o
     }) => {
       try {
-        const r = await m.fetchQuery({
+        const a = await m.fetchQuery({
           queryKey: ["getCartPickupPoints", t, o],
           queryFn: async () => e.getPickupPoints.queryFn(
             {
@@ -386,15 +390,15 @@ const gt = (S) => {
             },
             n
           )
-        }), a = await e.getPickupPoints.formatter(
-          r,
+        }), r = await e.getPickupPoints.formatter(
+          a,
           n
-        ), { pickupPoints: s } = a || {};
-        return e.getPickupPoints.success(a, n), {
+        ), { pickupPoints: s } = r || {};
+        return e.getPickupPoints.success(r, n), {
           pickupPoints: s
         };
-      } catch (r) {
-        return e.getPickupPoints.error(r), Promise.reject(r);
+      } catch (a) {
+        return e.getPickupPoints.error(a), Promise.reject(a);
       }
     },
     getReviewCheckoutData: async () => {
@@ -410,11 +414,11 @@ const gt = (S) => {
         }), o = await e.getReviewCheckoutData.formatter(
           t,
           n
-        ), { cart: r, ...a } = o || {};
+        ), { cart: a, ...r } = o || {};
         return e.getReviewCheckoutData.success(
           o,
           n
-        ), a;
+        ), r;
       } catch (t) {
         return e.getReviewCheckoutData.error(t), Promise.reject(t);
       }
@@ -424,7 +428,7 @@ const gt = (S) => {
       postalCode: o
     }) => {
       try {
-        const r = await m.fetchQuery({
+        const a = await m.fetchQuery({
           queryKey: ["getCartShippingMethods", t, o],
           queryFn: async () => e.getShippingMethods.queryFn(
             {
@@ -434,39 +438,39 @@ const gt = (S) => {
             },
             n
           )
-        }), a = await e.getShippingMethods.formatter(
-          r,
+        }), r = await e.getShippingMethods.formatter(
+          a,
           n
-        ), { currentShippingMethod: s, shippingMethods: d } = a || {};
+        ), { currentShippingMethod: s, shippingMethods: d } = r || {};
         return e.getShippingMethods.success(
-          a,
+          r,
           n
         ), {
           currentShippingMethod: s,
           shippingMethods: d
         };
-      } catch (r) {
-        return e.getShippingMethods.error(r), Promise.reject(r);
+      } catch (a) {
+        return e.getShippingMethods.error(a), Promise.reject(a);
       }
     },
-    isLoading: I,
+    isLoading: N,
     setAgreementTemplate: async ({
       agreementId: t
     }) => {
-      const o = await z.mutateAsync({
+      const o = await b.mutateAsync({
         cartId: c,
         agreementId: t
-      }), r = await e.setAgreementTemplate.formatter(
+      }), a = await e.setAgreementTemplate.formatter(
         o,
         n
-      ), { cart: a, ...s } = r || {};
+      ), { cart: r, ...s } = a || {};
       return {
-        ...a,
+        ...r,
         ...s
       };
     }
   };
 };
 export {
-  gt as useCheckoutCart
+  Ct as useCheckoutCart
 };

package/dist/hooks/useCheckoutForm.d.ts

@@ -1,7 +1,9 @@
 import { CheckoutErrorMessage, CheckoutSettings, CheckoutStep, CheckoutSteps, CheckoutEventName, CheckoutEventMap } from '../types';
 import { UseFormReturn } from '@afosto/components';
+import { Channel } from '@afosto/storefront';
 import * as yup from 'yup';
 export interface UseCheckoutFormOptions {
+    channel: Channel | null;
     locale: string;
     settings: CheckoutSettings;
     steps: CheckoutSteps;

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

@@ -1 +1 @@
-{"version":3,"file":"useCheckoutForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckoutForm.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGpE,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,SAAS,sBAAsB;;;;;;;;;;;;;;;;kBAAK,CAAA;;;;gBAKrC,CAAC;;;;;;iCA4Jf;QACX,UAAU,EAAE,YAAY,GAAG,SAAS,CAAC;QACrC,eAAe,EAAE,MAAM,CAAC;QACxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;KACnC;sBAxHsB,KAAK,EAAE,SAAS,QACjC,KAAK,gBACG,SAAS,YACb;QAAE,uBAAuB,CAAC,EAAE,OAAO,CAAA;KAAE;;;;;;;;;;;;;;;mBAqIrB,CAAC,SAAS,iBAAiB,aAC1C,CAAC,aACD,gBAAgB,CAAC,CAAC,CAAC,WACrB,OAAO,YACP;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE;;CA0ElC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"useCheckoutForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckoutForm.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEpE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,SAAS,sBAAsB;;;;;;;;;;;;;;;;kBAH/C,CAAC;;;;gBAMf,CAAF;;;;;;iCA+JiB;QACX,UAAU,EAAE,YAAY,GAAG,SAAS,CAAC;QACrC,eAAe,EAAE,MAAM,CAAC;QACxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;KACnC;sBAzHsB,KAAK,EAAE,SAAS,QACjC,KAAK,gBACG,SAAS,YACb;QAAE,uBAAuB,CAAC,EAAE,OAAO,CAAA;KAAE;;;;;;;;;;;;;;;mBAsIrB,CAAC,SAAS,iBAAiB,aAC1C,CAAC,aACD,gBAAgB,CAAC,CAAC,CAAC,WACrB,OAAO,YACP;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE;;CA0ElC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/hooks/useCheckoutForm.js

@@ -1,54 +1,55 @@
-import { useRef as V, useState as u } from "react";
+import { useRef as V, useState as c } from "react";
 import { addressValidationSchema as E } from "../constants/addressValidationSchema.js";
-import * as F from "yup";
-import { useCountries as N } from "@afosto/hooks";
-import { getShortLocale as O } from "../utils/getShortLocale.js";
-import { isDefined as q } from "@afosto/utils";
-const ee = (k) => {
-  const { locale: S, settings: p, steps: o } = k ?? {}, f = V(null), [c, d] = u(0), [A, y] = u([]), [B, g] = u(null), [L, z] = u(!1), [b, T] = u(E), [h, w] = u(E), [I, m] = u(""), [D, P] = u(!1), R = V(null), { defaultCountry: v, formatCountryAsOption: C, getCountryByCode: x } = N({ locale: O(S) }), j = o.map((e) => typeof e.defaultValues == "function" ? e.defaultValues({
+import * as N from "yup";
+import { useCountries as O } from "@afosto/hooks";
+import { getShortLocale as q } from "../utils/getShortLocale.js";
+import { isDefined as G } from "@afosto/utils";
+const te = (k) => {
+  const { channel: A, locale: S, settings: p, steps: o } = k ?? {}, f = V(null), [u, d] = c(0), [B, y] = c([]), [L, g] = c(null), [z, T] = c(!1), [h, w] = c(E), [b, D] = c(E), [I, m] = c(""), [R, P] = c(!1), j = V(null), { defaultCountry: v, formatCountryAsOption: C, getCountryByCode: x } = O({ locale: q(S) }), M = o.map((e) => typeof e.defaultValues == "function" ? e.defaultValues({
     locale: S,
     defaultCountry: v,
     formatCountryAsOption: C,
     getCountryByCode: x,
     settings: p,
     step: e
-  }) : e.defaultValues ?? {}), M = o.map(
+  }) : e.defaultValues ?? {}), F = o.map(
     (e) => e.validationSchema({
-      billingAddressValidationSchema: b,
-      shippingAddressValidationSchema: h,
+      billingAddressValidationSchema: h,
+      shippingAddressValidationSchema: b,
       settings: p,
       subStep: I
-    }) ?? F.object().shape({})
+    }) ?? N.object().shape({})
   );
   return {
-    activeStep: c,
-    billingAddressValidationSchema: b,
-    completedSteps: A,
+    activeStep: u,
+    billingAddressValidationSchema: h,
+    completedSteps: B,
     defaultCountry: v,
-    defaultValues: j,
-    errorMessage: B,
+    defaultValues: M,
+    errorMessage: L,
     formatCountryAsOption: C,
     formRef: f,
     getCountryByCode: x,
     getNextStepLabel: () => {
       const e = f.current?.formProps?.data || [];
       let i = o.findIndex(
-        (r, s) => !r.isComplete(e[s], { settings: p, step: r }) && s !== c
+        (r, s) => !r.isComplete(e[s], { settings: p, step: r }) && s !== u
       );
       return i < 0 && (i = o.length - 1), o[i]?.label;
     },
     getPreviousStepLabel: () => {
-      const e = c - 1;
+      const e = u - 1;
       if (!(e < 0))
         return o[e]?.label;
     },
     goToTargetStep: (e) => () => {
-      !q(e.targetStepIndex) || e?.targetStepIndex < 0 || (e.targetSubStep && m(e.targetSubStep), d(e.targetStepIndex));
+      !G(e.targetStepIndex) || e?.targetStepIndex < 0 || (e.targetSubStep && m(e.targetSubStep), d(e.targetStepIndex));
     },
     initializeSteps: (e, i, r) => {
       const s = o.reduce((t, a) => [
         ...t,
         a.initialize(e, i, {
+          channel: A,
           locale: S,
           defaultCountry: v,
           formatCountryAsOption: C,
@@ -58,9 +59,9 @@ const ee = (k) => {
         })
       ], []), l = o.filter(
         (t, a) => t.isComplete(s[a], {
-          billingAddressValidationSchema: b,
+          billingAddressValidationSchema: h,
           settings: p,
-          shippingAddressValidationSchema: h,
+          shippingAddressValidationSchema: b,
           step: t
         }) && a !== o.length - 1
       ).map((t) => t.key);
@@ -69,16 +70,16 @@ const ee = (k) => {
         (t) => !l.includes(t.key)
       )), n < 0 && (n = o.length - 1), y(l), d(n), f.current?.formProps?.setData(s), f.current?.reset(s[n]);
     },
-    isProcessing: L,
+    isProcessing: z,
     nextStep: async (e, i, r) => {
       g(null);
-      const s = o[c];
+      const s = o[u];
       s && await s.submit(e, i, r);
       const l = o.findIndex(
-        (t, a) => !t.isComplete(i[a], { settings: p, step: t }) && a !== c
+        (t, a) => !t.isComplete(i[a], { settings: p, step: t }) && a !== u
       );
-      let n = c + 1;
-      l < 0 && (n = o.length - 1), l >= c && (n = l), y((t) => [
+      let n = u + 1;
+      l < 0 && (n = o.length - 1), l >= u && (n = l), y((t) => [
         ...t,
         s.key
       ]), d(n), m("");
@@ -87,16 +88,16 @@ const ee = (k) => {
       g(null), P(!1), d((e) => e - 1), m("");
     },
     setActiveStep: d,
-    setBillingAddressValidationSchema: T,
+    setBillingAddressValidationSchema: w,
     setErrorMessage: g,
-    setIsProcessing: z,
-    setShippingAddressValidationSchema: w,
+    setIsProcessing: T,
+    setShippingAddressValidationSchema: D,
     setSubmitButtonDisabled: P,
-    shippingAddressValidationSchema: h,
-    submitButtonDisabled: D,
+    shippingAddressValidationSchema: b,
+    submitButtonDisabled: R,
     subStep: I,
     setSubStep: m,
-    submitButtonPortalRef: R,
+    submitButtonPortalRef: j,
     triggerEvent: async (e, i, r, s = {}) => {
       const { parallel: l = !0 } = s || {};
       try {
@@ -127,9 +128,9 @@ const ee = (k) => {
         return Promise.reject(n);
       }
     },
-    validationSchema: M
+    validationSchema: F
   };
 };
 export {
-  ee as useCheckoutForm
+  te as useCheckoutForm
 };

package/dist/hooks/useCheckoutOrder.d.ts

@@ -12,8 +12,10 @@ import { GetOrderPickupPointsParams } from '../queries/getOrderPickupPointsQuery
 import { GetOrderShippingMethodsParams } from '../queries/getOrderShippingMethodsQuery';
 import { SetAgreementTemplateForOrderParams } from '../mutations/setAgreementTemplateForOrder';
 import { CheckoutAnalytics } from '../constants/analyticsEvents';
+import { Channel } from '@afosto/storefront';
 export interface UseCheckoutOrderOptions {
     analytics?: DeepPartial<CheckoutAnalytics>;
+    channel: Channel | null;
     createSummary: CheckoutCreateSummaryFn;
     orderId: string;
     defaultOperations: CheckoutAuthOperations & CheckoutOrderOperations;