@afosto/checkout-ui 0.0.8 → 0.0.10

package/dist/hooks/useCheckoutOrder.js

@@ -1,251 +1,303 @@
-import { useCheckoutForm as Y } from "./useCheckoutForm.js";
-import { useCheckoutState as Z } from "./useCheckoutState.js";
-import { useCheckoutAuth as tt } from "./useCheckoutAuth.js";
-import { useQueryClient as et, useMutation as i } from "@tanstack/react-query";
-import { useCheckoutSummary as ot } from "./useCheckoutSummary.js";
-import { isDefined as rt } from "@afosto/utils";
-import { useCheckoutAnalytics as nt } from "./useCheckoutAnalytics.js";
-const lt = (F) => {
+import { useCheckoutForm as ot } from "./useCheckoutForm.js";
+import { useCheckoutState as nt } from "./useCheckoutState.js";
+import { useCheckoutAuth as rt } from "./useCheckoutAuth.js";
+import { useQueryClient as st, useMutation as d } from "@tanstack/react-query";
+import { useCheckoutSummary as at } from "./useCheckoutSummary.js";
+import { isDefined as ct } from "@afosto/utils";
+import { useCheckoutAnalytics as dt } from "./useCheckoutAnalytics.js";
+const kt = (F) => {
   const {
     orderId: c,
     analytics: q,
-    channel: P,
+    channel: w,
     createSummary: A,
     defaultOperations: O,
     isLoading: y = !1,
-    isLoadingChannel: w,
+    isLoadingChannel: C,
     locale: D,
     settings: u,
-    storefront: M,
+    storefront: P,
     operations: e,
     steps: T
-  } = F || {}, l = "order", m = et(), h = nt({
+  } = F || {}, M = "order", m = st(), h = dt({
     analytics: q,
-    flow: l,
+    flow: M,
     settings: u
-  }), { track: I } = h, f = tt({
+  }), { track: v } = h, f = rt({
     operations: e,
     settings: u,
-    storefront: M,
-    track: I
-  }), { isInitializingAuth: E } = f, C = ot(), g = Y({
-    channel: P,
+    storefront: P,
+    track: v
+  }), { isInitializingAuth: E } = f, l = at(), g = ot({
+    channel: w,
     locale: D,
     settings: u,
     steps: T
-  }), { initializeSteps: v } = g, r = {
+  }), { initializeSteps: I } = g, n = {
     ...f,
-    ...C,
+    ...l,
     ...g,
     ...h,
-    channel: P,
+    channel: w,
     createSummary: A,
     defaultOperations: O,
-    flow: l,
+    flow: M,
     operations: e,
     settings: u,
-    storefront: M
-  }, k = Z({
-    enabled: !!c && !E && !w && !y,
+    storefront: P
+  }, R = nt({
+    enabled: !!c && !E && !C && !y,
     notFound: !y && !c,
     onError: e.initial.error,
     onFormat: async (t) => {
       const o = await e.initial.formatter(
         t,
-        r
+        n
       );
       return o?.order ? o : null;
     },
     onSuccess: async (t) => {
-      await e.initial.success(t, r);
+      await e.initial.success(t, n);
       try {
         const { skipCheckCompletedSteps: o } = t || {};
-        v(t.order, t, { skipCheckCompletedSteps: o });
+        I(t.order, t, { skipCheckCompletedSteps: o });
       } catch {
       }
     },
     queryKey: ["initialCheckoutOrderState", c],
-    queryFn: async () => e.initial.queryFn({ id: c }, r)
-  }), { isInitializing: L, setIsAddingExpressPaymentMethod: S } = k, N = L || w || y, x = i({
-    mutationFn: async (t) => e.addCustomer.queryFn(t, r),
+    queryFn: async () => e.initial.queryFn({ id: c }, n)
+  }), { isInitializing: L, setIsAddingExpressPaymentMethod: S } = R, N = L || C || y, x = d({
+    mutationFn: async (t) => e.addCoupon.queryFn(t, n),
+    onSuccess: async (t) => {
+      const o = await e.addCoupon.formatter(
+        t,
+        n
+      );
+      e.addCoupon.success(o, n);
+    },
+    onError: (t) => {
+      e.addCoupon.error(t);
+    }
+  }), K = d({
+    mutationFn: async (t) => e.removeCoupon.queryFn(t, n),
+    onSuccess: async (t) => {
+      const o = await e.removeCoupon.formatter(
+        t,
+        n
+      );
+      e.removeCoupon.success(o, n);
+    },
+    onError: (t) => {
+      e.removeCoupon.error(t);
+    }
+  }), Q = d({
+    mutationFn: async (t) => e.addCustomer.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addCustomer.formatter(
         t,
-        r
+        n
       );
-      e.addCustomer.success(o, r);
+      e.addCustomer.success(o, n);
     },
     onError: (t) => {
       e.addCustomer.error(t);
     }
-  }), K = i({
-    mutationFn: async (t) => e.addCustomerCountryCode.queryFn(t, r),
+  }), j = d({
+    mutationFn: async (t) => e.addCustomerCountryCode.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addCustomerCountryCode.formatter(
         t,
-        r
+        n
       );
       e.addCustomerCountryCode.success(
         o,
-        r
+        n
       );
     },
     onError: (t) => {
       e.addCustomerCountryCode.error(t);
     }
-  }), Q = i({
-    mutationFn: async (t) => e.addInformation.queryFn(t, r),
+  }), z = d({
+    mutationFn: async (t) => e.addInformation.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addInformation.formatter(
         t,
-        r
+        n
       );
-      e.addInformation.success(o, r);
+      e.addInformation.success(o, n);
     },
     onError: (t) => {
       e.addInformation.error(t);
     }
-  }), j = i({
-    mutationFn: async (t) => e.addNote.queryFn(t, r),
+  }), b = d({
+    mutationFn: async (t) => e.addNote.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addNote.formatter(
         t,
-        r
+        n
       );
-      e.addNote.success(o, r);
+      e.addNote.success(o, n);
     },
     onError: (t) => {
       e.addNote.error(t);
     }
-  }), z = i({
-    mutationFn: async (t) => e.addPaymentMethod.queryFn(t, r),
+  }), $ = d({
+    mutationFn: async (t) => e.addPaymentMethod.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addPaymentMethod.formatter(
         t,
-        r
+        n
       );
-      e.addPaymentMethod.success(o, r);
+      e.addPaymentMethod.success(o, n);
     },
     onError: (t) => {
       e.addPaymentMethod.error(t);
     }
-  }), b = i({
-    mutationFn: async (t) => e.addPickupPoint.queryFn(t, r),
+  }), U = d({
+    mutationFn: async (t) => e.addPickupPoint.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addPickupPoint.formatter(
         t,
-        r
+        n
       );
-      e.addPickupPoint.success(o, r);
+      e.addPickupPoint.success(o, n);
     },
     onError: (t) => {
       e.addPickupPoint.error(t);
     }
-  }), $ = i({
-    mutationFn: async (t) => e.addShippingMethod.queryFn(t, r),
+  }), _ = d({
+    mutationFn: async (t) => e.addShippingMethod.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.addShippingMethod.formatter(
         t,
-        r
+        n
       );
-      e.addShippingMethod.success(o, r);
+      e.addShippingMethod.success(o, n);
     },
     onError: (t) => {
       e.addShippingMethod.error(t);
     }
-  }), U = i({
-    mutationFn: async (t) => e.checkout.queryFn(t, r),
+  }), B = d({
+    mutationFn: async (t) => e.checkout.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.checkout.formatter(
         t,
-        r
+        n
       );
-      e.checkout.success(o, r);
+      e.checkout.success(o, n);
     },
     onError: (t) => {
       e.checkout.error(t);
     }
-  }), _ = i({
-    mutationFn: async (t) => e.setAgreementTemplate.queryFn(t, r),
+  }), G = d({
+    mutationFn: async (t) => e.setAgreementTemplate.queryFn(t, n),
     onSuccess: async (t) => {
       const o = await e.setAgreementTemplate.formatter(
         t,
-        r
+        n
       );
       e.setAgreementTemplate.success(
         o,
-        r
+        n
       );
     },
     onError: (t) => {
       e.setAgreementTemplate.error(t);
     }
-  }), B = async ({
-    customer: t
+  }), H = async ({
+    coupon: t
   }) => {
     const o = await x.mutateAsync({
+      orderId: c,
+      coupon: t
+    }), r = await e.addCoupon.formatter(
+      o,
+      n
+    ), { order: s, ...a } = r || {};
+    return {
+      ...s,
+      ...a
+    };
+  }, J = async ({
+    coupon: t
+  }) => {
+    const o = await K.mutateAsync({
+      orderId: c,
+      coupon: t
+    }), r = await e.removeCoupon.formatter(
+      o,
+      n
+    ), { order: s, ...a } = r || {};
+    return {
+      ...s,
+      ...a
+    };
+  }, V = async ({
+    customer: t
+  }) => {
+    const o = await Q.mutateAsync({
       orderId: c,
       customer: t
-    }), n = await e.addCustomer.formatter(
+    }), r = await e.addCustomer.formatter(
       o,
-      r
-    ), { order: s, ...a } = n || {};
+      n
+    ), { order: s, ...a } = r || {};
     return {
       ...s,
       ...a
     };
-  }, G = async ({
+  }, W = async ({
     countryCode: t
   }) => {
-    const o = await K.mutateAsync({
+    const o = await j.mutateAsync({
       orderId: c,
       countryCode: t
-    }), n = await e.addCustomerCountryCode.formatter(
+    }), r = await e.addCustomerCountryCode.formatter(
       o,
-      r
-    ), { order: s, ...a } = n || {};
+      n
+    ), { order: s, ...a } = r || {};
     return {
       ...s,
       ...a
     };
-  }, H = async ({
+  }, X = async ({
     billingAddress: t,
     customer: o,
-    phoneNumber: n,
+    phoneNumber: r,
     shippingAddress: s
   }) => {
-    const a = await Q.mutateAsync({
+    const a = await z.mutateAsync({
       orderId: c,
       billingAddress: t,
       customer: o,
-      phoneNumber: n,
+      phoneNumber: r,
       shippingAddress: s
-    }), d = await e.addInformation.formatter(
+    }), i = await e.addInformation.formatter(
       a,
-      r
-    ), { order: p, ...X } = d || {};
+      n
+    ), { order: p, ...et } = i || {};
     return {
       ...p,
-      ...X
+      ...et
     };
-  }, J = async ({ note: t }) => {
-    const o = await j.mutateAsync({
+  }, Y = async ({ note: t }) => {
+    const o = await b.mutateAsync({
       orderId: c,
       note: t
-    }), n = await e.addNote.formatter(
+    }), r = await e.addNote.formatter(
       o,
-      r
-    ), { order: s, ...a } = n || {};
+      n
+    ), { order: s, ...a } = r || {};
     return {
       ...s,
       ...a
     };
-  }, V = async () => {
-    const t = await U.mutateAsync({
+  }, Z = async () => {
+    const t = await B.mutateAsync({
       id: c
     }), o = await e.checkout.formatter(
       t,
-      r
+      n
     );
     if (!o?.order)
       return;
@@ -254,80 +306,81 @@ const lt = (F) => {
       window.location.href = `${p}/payment/execute?order_id=${o?.order?.id}`;
       return;
     }
-    const [s] = o?.order?.options?.proceedingStep?.proceeding?.options || [], { method: a, url: d } = s || {};
-    a?.toLowerCase() === "follow" && rt(d) && (window.location.href = d);
-  }, W = async () => {
+    const [s] = o?.order?.options?.proceedingStep?.proceeding?.options || [], { method: a, url: i } = s || {};
+    a?.toLowerCase() === "follow" && ct(i) && (window.location.href = i);
+  }, tt = async () => {
     try {
       const t = await m.fetchQuery({
         queryKey: ["getOrderInitialPaymentStep", c],
         queryFn: async () => e.initialPaymentStep.queryFn(
           { id: c },
-          r
+          n
         )
       }), o = await e.initialPaymentStep.formatter(
         t,
-        r
-      ), { agreementOptions: n, agreementTemplate: s, paymentMethods: a } = o || {};
+        n
+      ), { agreementOptions: r, agreementTemplate: s, paymentMethods: a } = o || {};
       return e.initialPaymentStep.success(
         o,
-        r
+        n
       ), {
-        agreementOptions: n,
+        agreementOptions: r,
         agreementTemplate: s,
         paymentMethods: a
       };
     } catch (t) {
       return e.initialPaymentStep.error(t), Promise.reject(t);
     }
-  }, R = async ({
+  }, k = async ({
     methodId: t,
     issuerId: o,
-    terminalId: n
+    terminalId: r
   }) => {
-    const s = await z.mutateAsync({
+    const s = await $.mutateAsync({
       orderId: c,
       methodId: t,
       issuerId: o,
-      terminalId: n
+      terminalId: r
     }), a = await e.addPaymentMethod.formatter(
       s,
-      r
-    ), { order: d, ...p } = a || {};
+      n
+    ), { order: i, ...p } = a || {};
     return {
-      ...d,
+      ...i,
       ...p
     };
   };
   return {
-    ...k,
+    ...R,
     ...f,
-    ...C,
+    ...l,
     ...g,
     ...h,
-    addCustomer: B,
-    addCustomerCountryCode: G,
+    addCoupon: H,
+    addCustomer: V,
+    addCustomerCountryCode: W,
     addExpressPaymentMethod: async ({
       methodId: t
     }) => {
       try {
-        return S(!0), R({ methodId: t });
+        return S(!0), k({ methodId: t });
       } catch {
         S(!1);
       }
     },
-    addInformation: H,
-    addNote: J,
-    addPaymentMethod: R,
+    addInformation: X,
+    addNote: Y,
+    addPaymentMethod: k,
     addPickupPoint: async ({
       pickupPointId: t
     }) => {
-      const o = await b.mutateAsync({
+      const o = await U.mutateAsync({
         orderId: c,
         pickupPointId: t
-      }), n = await e.addPickupPoint.formatter(
+      }), r = await e.addPickupPoint.formatter(
         o,
-        r
-      ), { order: s, ...a } = n || {};
+        n
+      ), { order: s, ...a } = r || {};
       return {
         ...s,
         ...a
@@ -336,38 +389,38 @@ const lt = (F) => {
     addShippingMethod: async ({
       methodId: t
     }) => {
-      const o = await $.mutateAsync({
+      const o = await _.mutateAsync({
         orderId: c,
         methodId: t
-      }), n = await e.addShippingMethod.formatter(
+      }), r = await e.addShippingMethod.formatter(
         o,
-        r
-      ), { order: s, ...a } = n || {};
+        n
+      ), { order: s, ...a } = r || {};
       return {
         ...s,
         ...a
       };
     },
-    checkout: V,
-    getInitialPaymentStep: W,
+    checkout: Z,
+    getInitialPaymentStep: tt,
     getPaymentMethods: async () => {
       try {
         const t = await m.fetchQuery({
           queryKey: ["getOrderPaymentMethods", c],
           queryFn: async () => e.getPaymentMethods.queryFn(
             { id: c },
-            r
+            n
           )
         }), o = await e.getPaymentMethods.formatter(
           t,
-          r
+          n
         ), {
-          currentPaymentMethod: n,
+          currentPaymentMethod: r,
           paymentMethods: s,
           payments: a = []
         } = o || {};
-        return e.getPaymentMethods.success(o, r), {
-          currentPaymentMethod: n,
+        return e.getPaymentMethods.success(o, n), {
+          currentPaymentMethod: r,
           paymentMethods: s,
           payments: a
         };
@@ -380,7 +433,7 @@ const lt = (F) => {
       postalCode: o
     }) => {
       try {
-        const n = await m.fetchQuery({
+        const r = await m.fetchQuery({
           queryKey: ["getOrderPickupPoints", t, o],
           queryFn: async () => e.getPickupPoints.queryFn(
             {
@@ -388,17 +441,17 @@ const lt = (F) => {
               countryCode: t,
               postalCode: o
             },
-            r
+            n
           )
         }), s = await e.getPickupPoints.formatter(
-          n,
-          r
+          r,
+          n
         ), { pickupPoints: a } = s || {};
-        return e.getPickupPoints.success(s, r), {
+        return e.getPickupPoints.success(s, n), {
           pickupPoints: a
         };
-      } catch (n) {
-        return e.getPickupPoints.error(n), Promise.reject(n);
+      } catch (r) {
+        return e.getPickupPoints.error(r), Promise.reject(r);
       }
     },
     getReviewCheckoutData: async () => {
@@ -407,15 +460,15 @@ const lt = (F) => {
           queryKey: ["getOrderReviewCheckoutData", c],
           queryFn: async () => e.getReviewCheckoutData.queryFn(
             { id: c },
-            r
+            n
           )
         }), o = await e.getReviewCheckoutData.formatter(
           t,
-          r
-        ), { order: n, ...s } = o || {};
+          n
+        ), { order: r, ...s } = o || {};
         return e.getReviewCheckoutData.success(
           o,
-          r
+          n
         ), s;
       } catch (t) {
         return e.getReviewCheckoutData.error(t), Promise.reject(t);
@@ -426,7 +479,7 @@ const lt = (F) => {
       postalCode: o
     }) => {
       try {
-        const n = await m.fetchQuery({
+        const r = await m.fetchQuery({
           queryKey: ["getOrderShippingMethods", t, o],
           queryFn: async () => e.getShippingMethods.queryFn(
             {
@@ -434,34 +487,35 @@ const lt = (F) => {
               countryCode: t,
               postalCode: o
             },
-            r
+            n
           )
         }), s = await e.getShippingMethods.formatter(
-          n,
-          r
-        ), { currentShippingMethod: a, shippingMethods: d } = s || {};
+          r,
+          n
+        ), { currentShippingMethod: a, shippingMethods: i } = s || {};
         return e.getShippingMethods.success(
           s,
-          r
+          n
         ), {
           currentShippingMethod: a,
-          shippingMethods: d
+          shippingMethods: i
         };
-      } catch (n) {
-        return e.getShippingMethods.error(n), Promise.reject(n);
+      } catch (r) {
+        return e.getShippingMethods.error(r), Promise.reject(r);
       }
     },
     isLoading: N,
+    removeCoupon: J,
     setAgreementTemplate: async ({
       agreementId: t
     }) => {
-      const o = await _.mutateAsync({
+      const o = await G.mutateAsync({
         orderId: c,
         agreementId: t
-      }), n = await e.setAgreementTemplate.formatter(
+      }), r = await e.setAgreementTemplate.formatter(
         o,
-        r
-      ), { order: s, ...a } = n || {};
+        n
+      ), { order: s, ...a } = r || {};
       return {
         ...s,
         ...a
@@ -470,5 +524,5 @@ const lt = (F) => {
   };
 };
 export {
-  lt as useCheckoutOrder
+  kt as useCheckoutOrder
 };

package/dist/icons/AngleRightSolid.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from '@afosto/components';
+export declare const AngleRightSolid: (props: SvgIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AngleRightSolid.d.ts.map

package/dist/icons/AngleRightSolid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AngleRightSolid.d.ts","sourceRoot":"","sources":["../../src/icons/AngleRightSolid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,eAAO,MAAM,eAAe,GAAI,OAAO,YAAY,qDAIlD,CAAC"}

package/dist/icons/AngleRightSolid.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { SvgIcon as t } from "@afosto/components";
+const c = (r) => /* @__PURE__ */ o(t, { ...r, children: /* @__PURE__ */ o("path", { d: "M16.63 11.12c.5.49.5 1.28 0 1.77l-6.25 6.25a1.25 1.25 0 0 1-1.77-1.77L13.98 12 8.62 6.63a1.25 1.25 0 0 1 1.77-1.77l6.25 6.25Z" }) });
+export {
+  c as AngleRightSolid
+};

package/dist/icons/index.d.ts

@@ -3,6 +3,7 @@ export * from './paymentMethods';
 export { AngleDownRegular } from './AngleDownRegular';
 export { AngleRightLight } from './AngleRightLight';
 export { AngleRightRegular } from './AngleRightRegular';
+export { AngleRightSolid } from './AngleRightSolid';
 export { CheckSolid } from './CheckSolid';
 export { LongArrowLeftSolid } from './LongArrowLeftSolid';
 export { MinusSolid } from './MinusSolid';