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

package/dist/hooks/useCheckoutCart.js

@@ -1,45 +1,50 @@
-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 W } from "./useCheckoutState.js";
+import { useCheckoutForm as X } from "./useCheckoutForm.js";
+import { useQueryClient as Y, useMutation as i } from "@tanstack/react-query";
+import { useCheckoutAnalytics as Z } from "./useCheckoutAnalytics.js";
+import { useCheckoutAuth as tt } from "./useCheckoutAuth.js";
+import { useCheckoutSummary as et } from "./useCheckoutSummary.js";
+import { isDefined as ot } from "@afosto/utils";
+const Pt = (S) => {
   const {
-    analytics: k,
+    analytics: R,
     cartId: c,
-    createSummary: R,
-    defaultOperations: F,
-    isLoadingChannel: f,
-    locale: q,
+    channel: g,
+    createSummary: F,
+    defaultOperations: q,
+    isLoadingChannel: C,
+    locale: A,
     settings: u,
-    storefront: g,
+    storefront: P,
     operations: e,
-    steps: A
-  } = S || {}, m = W(), y = Y({
+    steps: D
+  } = S || {}, m = Y(), y = Z({
+    analytics: R,
+    settings: u
+  }), { track: T } = y, h = tt({
     operations: e,
     settings: u,
-    storefront: g
-  }), { isInitializingAuth: D } = y, C = Z(), h = V({
-    locale: q,
+    storefront: P,
+    track: T
+  }), { isInitializingAuth: E } = h, w = et(), f = X({
+    channel: g,
+    locale: A,
     settings: u,
-    steps: A
-  }), { initializeSteps: T } = h, P = X({
-    analytics: k,
-    settings: u
-  }), n = {
-    ...y,
-    ...C,
+    steps: D
+  }), { initializeSteps: I } = f, n = {
     ...h,
-    ...P,
-    createSummary: R,
-    defaultOperations: F,
+    ...w,
+    ...f,
+    ...y,
+    channel: g,
+    createSummary: F,
+    defaultOperations: q,
+    flow: "cart",
     operations: e,
     settings: u,
-    storefront: g
-  }, w = J({
-    enabled: !!c && !D && !f,
+    storefront: P
+  }, M = W({
+    enabled: !!c && !E && !C,
     notFound: !c,
     onError: e.initial.error,
     onFormat: async (t) => {
@@ -53,7 +58,7 @@ const gt = (S) => {
       await e.initial.success(t, n);
       try {
         const { skipCheckCompletedSteps: o } = t || {};
-        T(t.cart, t, { skipCheckCompletedSteps: o });
+        I(t.cart, t, { skipCheckCompletedSteps: o });
       } catch {
       }
     },
@@ -62,7 +67,7 @@ const gt = (S) => {
       { id: c, intent: "BEGIN_CHECKOUT" },
       n
     )
-  }), { setIsAddingExpressPaymentMethod: M, isInitializing: E } = w, I = E || f, N = i({
+  }), { setIsAddingExpressPaymentMethod: l, isInitializing: N } = M, v = N || C, K = i({
     mutationFn: async (t) => e.addCustomer.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addCustomer.formatter(
@@ -74,7 +79,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addCustomer.error(t);
     }
-  }), v = i({
+  }), x = i({
     mutationFn: async (t) => e.addCustomerCountryCode.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addCustomerCountryCode.formatter(
@@ -89,7 +94,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addCustomerCountryCode.error(t);
     }
-  }), K = i({
+  }), Q = i({
     mutationFn: async (t) => e.addInformation.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addInformation.formatter(
@@ -101,7 +106,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addInformation.error(t);
     }
-  }), x = i({
+  }), j = i({
     mutationFn: async (t) => e.addNote.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addNote.formatter(
@@ -113,7 +118,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addNote.error(t);
     }
-  }), Q = i({
+  }), L = i({
     mutationFn: async (t) => e.addPaymentMethod.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addPaymentMethod.formatter(
@@ -125,7 +130,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addPaymentMethod.error(t);
     }
-  }), j = i({
+  }), O = i({
     mutationFn: async (t) => e.addPickupPoint.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addPickupPoint.formatter(
@@ -137,7 +142,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addPickupPoint.error(t);
     }
-  }), L = i({
+  }), z = i({
     mutationFn: async (t) => e.addShippingMethod.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addShippingMethod.formatter(
@@ -149,7 +154,7 @@ const gt = (S) => {
     onError: (t) => {
       e.addShippingMethod.error(t);
     }
-  }), O = i({
+  }), b = i({
     mutationFn: async (t) => e.checkout.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.checkout.formatter(
@@ -161,7 +166,7 @@ const gt = (S) => {
     onError: (t) => {
       e.checkout.error(t);
     }
-  }), z = i({
+  }), U = i({
     mutationFn: async (t) => e.setAgreementTemplate.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.setAgreementTemplate.formatter(
@@ -176,68 +181,68 @@ const gt = (S) => {
     onError: (t) => {
       e.setAgreementTemplate.error(t);
     }
-  }), b = async ({
+  }), _ = async ({
     customer: t
   }) => {
-    const o = await N.mutateAsync({
+    const o = await K.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 x.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 ({
+  }, B = async ({
     billingAddress: t,
     customer: o,
-    phoneNumber: r,
-    shippingAddress: a
+    phoneNumber: a,
+    shippingAddress: r
   }) => {
-    const s = await K.mutateAsync({
+    const s = await Q.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, ...V } = d || {};
     return {
       ...p,
-      ...H
+      ...V
     };
-  }, $ = async ({ note: t }) => {
-    const o = await x.mutateAsync({
+  }, G = async ({ note: t }) => {
+    const o = await j.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({
+  }, H = async () => {
+    const t = await b.mutateAsync({
       cartId: c
     }), o = await e.checkout.formatter(
       t,
@@ -250,9 +255,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" && ot(d) && (window.location.href = d);
+  }, J = async () => {
     try {
       const t = await m.fetchQuery({
         queryKey: ["getCartInitialPaymentStep", c],
@@ -265,30 +270,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 ({
+  }, k = async ({
     methodId: t,
     issuerId: o,
-    terminalId: r
+    terminalId: a
   }) => {
-    const a = await Q.mutateAsync({
+    const r = await L.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 +302,57 @@ const gt = (S) => {
     };
   };
   return {
+    ...M,
+    ...h,
     ...w,
+    ...f,
     ...y,
-    ...C,
-    ...h,
-    ...P,
-    addCustomer: b,
-    addCustomerCountryCode: U,
+    addCustomer: _,
+    addCustomerCountryCode: $,
     addExpressPaymentMethod: async ({
       methodId: t
     }) => {
       try {
-        return M(!0), l({ methodId: t });
+        return l(!0), k({ methodId: t });
       } catch {
-        M(!1);
+        l(!1);
       }
     },
-    addInformation: _,
-    addNote: $,
-    addPaymentMethod: l,
+    addInformation: B,
+    addNote: G,
+    addPaymentMethod: k,
     addPickupPoint: async ({
       pickupPointId: t
     }) => {
-      const o = await j.mutateAsync({
+      const o = await O.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 z.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: H,
+    getInitialPaymentStep: J,
     getPaymentMethods: async () => {
       try {
         const t = await m.fetchQuery({
@@ -361,10 +366,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 +381,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 +391,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 +415,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 +429,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 +439,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: v,
     setAgreementTemplate: async ({
       agreementId: t
     }) => {
-      const o = await z.mutateAsync({
+      const o = await U.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
+  Pt 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;;;;;;iCAuKiB;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"}