@afosto/checkout-ui 0.0.1-alpha.1 → 0.0.1-alpha.10

package/dist/hooks/useCheckoutCart.js

@@ -1,43 +1,52 @@
-import { useCheckoutState as H } from "./useCheckoutState.js";
-import { useCheckoutForm as J } from "./useCheckoutForm.js";
-import { useQueryClient as V, useMutation as i } from "@tanstack/react-query";
-import { useCheckoutAnalytics as W } from "./useCheckoutAnalytics.js";
-import { useCheckoutAuth as X } from "./useCheckoutAuth.js";
-import { useCheckoutSummary as Y } from "./useCheckoutSummary.js";
-import { isDefined as Z } from "@afosto/utils";
-const ft = (k) => {
+import { useCheckoutState as Y } from "./useCheckoutState.js";
+import { useCheckoutForm as Z } from "./useCheckoutForm.js";
+import { useQueryClient as tt, useMutation as i } from "@tanstack/react-query";
+import { useCheckoutAnalytics as et } from "./useCheckoutAnalytics.js";
+import { useCheckoutAuth as ot } from "./useCheckoutAuth.js";
+import { useCheckoutSummary as nt } from "./useCheckoutSummary.js";
+import { isDefined as at } from "@afosto/utils";
+const Mt = (F) => {
   const {
-    analytics: S,
+    analytics: q,
     cartId: c,
-    defaultOperations: R,
-    isLoadingChannel: f,
-    locale: F,
+    channel: g,
+    createSummary: A,
+    defaultOperations: D,
+    isLoading: C = !1,
+    isLoadingChannel: P,
+    locale: T,
     settings: u,
-    storefront: g,
+    storefront: w,
     operations: e,
-    steps: q
-  } = k || {}, m = V(), y = X({
+    steps: E
+  } = F || {}, M = "cart", m = tt(), y = et({
+    analytics: q,
+    flow: M,
+    settings: u
+  }), { track: I } = y, h = ot({
     operations: e,
     settings: u,
-    storefront: g
-  }), { isInitializingAuth: A } = y, C = Y(), h = J({
-    locale: F,
+    storefront: w,
+    track: I
+  }), { isInitializingAuth: v } = h, l = nt(), f = Z({
+    channel: g,
+    locale: T,
     settings: u,
-    steps: q
-  }), { initializeSteps: D } = h, P = W({
-    analytics: S,
-    settings: u
-  }), n = {
-    ...y,
-    ...C,
+    steps: E
+  }), { initializeSteps: N } = f, n = {
     ...h,
-    ...P,
-    defaultOperations: R,
+    ...l,
+    ...f,
+    ...y,
+    channel: g,
+    createSummary: A,
+    defaultOperations: D,
+    flow: M,
     operations: e,
     settings: u,
-    storefront: g
-  }, w = H({
-    enabled: !!c && !A && !f,
+    storefront: w
+  }, k = Y({
+    enabled: !!c && !v && !P && !C,
     notFound: !c,
     onError: e.initial.error,
     onFormat: async (t) => {
@@ -51,7 +60,7 @@ const ft = (k) => {
       await e.initial.success(t, n);
       try {
         const { skipCheckCompletedSteps: o } = t || {};
-        D(t.cart, t, { skipCheckCompletedSteps: o });
+        N(t.cart, t, { skipCheckCompletedSteps: o });
       } catch {
       }
     },
@@ -60,7 +69,7 @@ const ft = (k) => {
       { id: c, intent: "BEGIN_CHECKOUT" },
       n
     )
-  }), { setIsAddingExpressPaymentMethod: M, isInitializing: T } = w, E = T || f, I = i({
+  }), { setIsAddingExpressPaymentMethod: S, isInitializing: K } = k, L = K || P || C, x = i({
     mutationFn: async (t) => e.addCustomer.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addCustomer.formatter(
@@ -72,7 +81,7 @@ const ft = (k) => {
     onError: (t) => {
       e.addCustomer.error(t);
     }
-  }), N = i({
+  }), Q = i({
     mutationFn: async (t) => e.addCustomerCountryCode.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addCustomerCountryCode.formatter(
@@ -87,7 +96,7 @@ const ft = (k) => {
     onError: (t) => {
       e.addCustomerCountryCode.error(t);
     }
-  }), v = i({
+  }), j = i({
     mutationFn: async (t) => e.addInformation.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addInformation.formatter(
@@ -99,7 +108,7 @@ const ft = (k) => {
     onError: (t) => {
       e.addInformation.error(t);
     }
-  }), K = i({
+  }), O = i({
     mutationFn: async (t) => e.addNote.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addNote.formatter(
@@ -111,7 +120,7 @@ const ft = (k) => {
     onError: (t) => {
       e.addNote.error(t);
     }
-  }), x = i({
+  }), z = i({
     mutationFn: async (t) => e.addPaymentMethod.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addPaymentMethod.formatter(
@@ -123,7 +132,7 @@ const ft = (k) => {
     onError: (t) => {
       e.addPaymentMethod.error(t);
     }
-  }), Q = i({
+  }), b = i({
     mutationFn: async (t) => e.addPickupPoint.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addPickupPoint.formatter(
@@ -135,7 +144,7 @@ const ft = (k) => {
     onError: (t) => {
       e.addPickupPoint.error(t);
     }
-  }), j = i({
+  }), U = i({
     mutationFn: async (t) => e.addShippingMethod.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addShippingMethod.formatter(
@@ -147,7 +156,7 @@ const ft = (k) => {
     onError: (t) => {
       e.addShippingMethod.error(t);
     }
-  }), L = i({
+  }), _ = i({
     mutationFn: async (t) => e.checkout.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.checkout.formatter(
@@ -159,7 +168,7 @@ const ft = (k) => {
     onError: (t) => {
       e.checkout.error(t);
     }
-  }), O = i({
+  }), $ = i({
     mutationFn: async (t) => e.setAgreementTemplate.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.setAgreementTemplate.formatter(
@@ -174,68 +183,68 @@ const ft = (k) => {
     onError: (t) => {
       e.setAgreementTemplate.error(t);
     }
-  }), z = async ({
+  }), B = async ({
     customer: t
   }) => {
-    const o = await I.mutateAsync({
+    const o = await x.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
     };
-  }, b = async ({
+  }, G = async ({
     countryCode: t
   }) => {
-    const o = await N.mutateAsync({
+    const o = await Q.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
     };
-  }, U = async ({
+  }, H = async ({
     billingAddress: t,
     customer: o,
-    phoneNumber: r,
-    shippingAddress: a
+    phoneNumber: a,
+    shippingAddress: r
   }) => {
-    const s = await v.mutateAsync({
+    const s = await j.mutateAsync({
       cartId: c,
       billingAddress: t,
       customer: o,
-      phoneNumber: r,
-      shippingAddress: a
+      phoneNumber: a,
+      shippingAddress: r
     }), d = await e.addInformation.formatter(
       s,
       n
-    ), { cart: p, ...G } = d || {};
+    ), { cart: p, ...X } = d || {};
     return {
       ...p,
-      ...G
+      ...X
     };
-  }, _ = async ({ note: t }) => {
-    const o = await K.mutateAsync({
+  }, J = async ({ note: t }) => {
+    const o = await O.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
     };
-  }, $ = async () => {
-    const t = await L.mutateAsync({
+  }, V = async () => {
+    const t = await _.mutateAsync({
       cartId: c
     }), o = await e.checkout.formatter(
       t,
@@ -248,9 +257,9 @@ const ft = (k) => {
       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" && Z(d) && (window.location.href = d);
-  }, B = async () => {
+    const [r] = o?.order?.options?.proceedingStep?.proceeding?.options || [], { method: s, url: d } = r || {};
+    s?.toLowerCase() === "follow" && at(d) && (window.location.href = d);
+  }, W = async () => {
     try {
       const t = await m.fetchQuery({
         queryKey: ["getCartInitialPaymentStep", c],
@@ -263,30 +272,30 @@ const ft = (k) => {
       }), 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 ({
+  }, R = async ({
     methodId: t,
     issuerId: o,
-    terminalId: r
+    terminalId: a
   }) => {
-    const a = await x.mutateAsync({
+    const r = await z.mutateAsync({
       cartId: c,
       methodId: t,
       issuerId: o,
-      terminalId: r
+      terminalId: a
     }), s = await e.addPaymentMethod.formatter(
-      a,
+      r,
       n
     ), { cart: d, ...p } = s || {};
     return {
@@ -295,57 +304,57 @@ const ft = (k) => {
     };
   };
   return {
-    ...w,
-    ...y,
-    ...C,
+    ...k,
     ...h,
-    ...P,
-    addCustomer: z,
-    addCustomerCountryCode: b,
+    ...l,
+    ...f,
+    ...y,
+    addCustomer: B,
+    addCustomerCountryCode: G,
     addExpressPaymentMethod: async ({
       methodId: t
     }) => {
       try {
-        return M(!0), l({ methodId: t });
+        return S(!0), R({ methodId: t });
       } catch {
-        M(!1);
+        S(!1);
       }
     },
-    addInformation: U,
-    addNote: _,
-    addPaymentMethod: l,
+    addInformation: H,
+    addNote: J,
+    addPaymentMethod: R,
     addPickupPoint: async ({
       pickupPointId: t
     }) => {
-      const o = await Q.mutateAsync({
+      const o = await b.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 j.mutateAsync({
+      const o = await U.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: $,
-    getInitialPaymentStep: B,
+    checkout: V,
+    getInitialPaymentStep: W,
     getPaymentMethods: async () => {
       try {
         const t = await m.fetchQuery({
@@ -359,10 +368,10 @@ const ft = (k) => {
         }), 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) {
@@ -374,7 +383,7 @@ const ft = (k) => {
       postalCode: o
     }) => {
       try {
-        const r = await m.fetchQuery({
+        const a = await m.fetchQuery({
           queryKey: ["getCartPickupPoints", t, o],
           queryFn: async () => e.getPickupPoints.queryFn(
             {
@@ -384,15 +393,15 @@ const ft = (k) => {
             },
             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 () => {
@@ -408,11 +417,11 @@ const ft = (k) => {
         }), 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);
       }
@@ -422,7 +431,7 @@ const ft = (k) => {
       postalCode: o
     }) => {
       try {
-        const r = await m.fetchQuery({
+        const a = await m.fetchQuery({
           queryKey: ["getCartShippingMethods", t, o],
           queryFn: async () => e.getShippingMethods.queryFn(
             {
@@ -432,39 +441,39 @@ const ft = (k) => {
             },
             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: E,
+    isLoading: L,
     setAgreementTemplate: async ({
       agreementId: t
     }) => {
-      const o = await O.mutateAsync({
+      const o = await $.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 {
-  ft as useCheckoutCart
+  Mt 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;
@@ -10,10 +12,10 @@ export declare const useCheckoutForm: (options: UseCheckoutFormOptions) => {
     activeStep: number;
     billingAddressValidationSchema: Record<string, yup.AnySchema>;
     completedSteps: string[];
-    defaultCountry: any;
+    defaultCountry: import('@afosto/hooks').ExtendedCountry | undefined;
     defaultValues: any[];
     errorMessage: CheckoutErrorMessage;
-    formatCountryAsOption: (country: Country) => {
+    formatCountryAsOption: (country: import('@afosto/utils').Country | import('@afosto/hooks').ExtendedCountry) => {
         label: string;
         value: string;
         name: string;
@@ -22,11 +24,26 @@ export declare const useCheckoutForm: (options: UseCheckoutFormOptions) => {
         alpha3Code: string;
         callingCodes: string[];
         region: string;
-        currencies?: import('../../utils/src/index.ts').CountryCurrency[];
+        currencies?: import('@afosto/utils').CountryCurrency[];
         translations: {
             [key: string]: string;
         };
         position?: number;
+    } | {
+        label: string;
+        value: string;
+        name: string;
+        topLevelDomain: string[];
+        alpha2Code: string;
+        alpha3Code: string;
+        callingCodes: string[];
+        region: string;
+        currencies?: import('@afosto/utils').CountryCurrency[];
+        translations: {
+            [key: string]: string;
+        };
+        position?: number;
+        originalName: string;
     };
     formRef: import('react').MutableRefObject<UseFormReturn | null>;
     getCountryByCode: (countryCode: string) => import('@afosto/hooks').ExtendedCountry | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"useCheckoutForm.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/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;;;;;;;;;;;;;;;;kBAA1D,CAAC;;;;gBAGQ,CAAC;;;;;;;;;;kBAKJ,CAAC;;;;gBAEI,CAAC;;;;;;;iCAgKA;QACX,UAAU,EAAE,YAAY,GAAG,SAAS,CAAC;QACrC,eAAe,EAAE,MAAM,CAAC;QACxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;KACnC;sBAjIsB,KAAK,EAAE,SAAS,QACjC,KAAK,gBACG,SAAS,YACb;QAAE,uBAAuB,CAAC,EAAE,OAAO,CAAA;KAAE;;;;;;;;;;;;;;;mBA8IrB,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"}