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

package/dist/CheckoutForm/CheckoutForm.js

@@ -1,16 +1,17 @@
-import { jsxs as l, jsx as r, Fragment as F } from "react/jsx-runtime";
-import { Box as pe, MultiStepForm as de } from "@afosto/components";
-import { useCheckout as me } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-import "react";
-import { createPortal as be } from "react-dom";
-import { isDefined as Se, camelize as fe, wait as he } from "@afosto/utils";
-import { CheckoutFormSkeleton as ve } from "../CheckoutFormSkeleton/CheckoutFormSkeleton.js";
-import { CheckoutSubmitButton as Le } from "../CheckoutSubmitButton/CheckoutSubmitButton.js";
-import { CheckoutTermsAndPrivacyMessage as M } from "../CheckoutTermsAndPrivacyMessage/CheckoutTermsAndPrivacyMessage.js";
-import { getErrorMessage as ge } from "../utils/getErrorMessage.js";
-import { getValidationErrorMessage as ke } from "../utils/getValidationErrorMessage.js";
-import { validationTranslations as xe } from "../constants/validationTranslations.js";
-import { CheckoutErrorMessageAlert as Pe } from "../CheckoutErrorMessageAlert/CheckoutErrorMessageAlert.js";
+import { jsxs as u, jsx as c, Fragment as M } from "react/jsx-runtime";
+import { Box as be, MultiStepForm as fe } from "@afosto/components";
+import { useCheckout as Se } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { useEffect as he } from "react";
+import { createPortal as ke } from "react-dom";
+import { isDefined as ve, camelize as Le, wait as ge } from "@afosto/utils";
+import { CheckoutFormSkeleton as xe } from "../CheckoutFormSkeleton/CheckoutFormSkeleton.js";
+import { CheckoutSubmitButton as ye } from "../CheckoutSubmitButton/CheckoutSubmitButton.js";
+import { CheckoutTermsAndPrivacyMessage as T } from "../CheckoutTermsAndPrivacyMessage/CheckoutTermsAndPrivacyMessage.js";
+import { getErrorMessage as Pe } from "../utils/getErrorMessage.js";
+import { getValidationErrorMessage as Ce } from "../utils/getValidationErrorMessage.js";
+import { validationTranslations as we } from "../constants/validationTranslations.js";
+import { CheckoutErrorMessageAlert as Fe } from "../CheckoutErrorMessageAlert/CheckoutErrorMessageAlert.js";
+import { useGetLatest as Me } from "@afosto/hooks";
 const h = {
   cancelLabel: "Back to webshop",
   downPaymentSubmitLabel: "Pay deposit & order",
@@ -23,114 +24,135 @@ const h = {
     checkoutFailedTitle: "Could not proceed to payment",
     checkoutFailedDescription: "Something went wrong while proceeding to the payment. Please try again."
   },
-  validation: xe
-}, je = (B) => {
+  validation: we
+}, Je = (B) => {
   const {
-    activeStep: T,
+    activeStep: E,
     autoComplete: D = "on",
-    defaultValues: E,
-    errorMessage: N,
-    formRef: v,
-    hideErrorMessage: V = !1,
-    hideForm: L = !1,
-    isLoading: A,
-    onNextStep: R,
-    onPreviousStep: O,
-    onCancel: u,
-    onSubmit: p,
+    defaultValues: N,
+    errorMessage: V,
+    formRef: k,
+    hideErrorMessage: A = !1,
+    hideForm: v = !1,
+    isLoading: R,
+    onNextStep: O,
+    onPreviousStep: I,
+    onCancel: p,
+    onSubmit: m,
     steps: j,
     submitLabel: d,
     validationSchema: z,
-    translations: m = {},
-    sx: I = {},
-    ...G
-  } = B, n = me(), {
-    activeStep: q = 0,
-    defaultValues: H = [],
-    checkout: J,
-    errorMessage: K,
-    formRef: Q,
-    getNextStepLabel: U,
-    getPreviousStepLabel: W,
-    isLoading: X,
-    isProcessing: g,
-    nextStep: Y,
-    previousStep: Z,
-    setErrorMessage: k,
-    settings: _,
-    steps: $ = [],
-    subStep: ee,
-    submitButtonDisabled: te,
+    translations: b = {},
+    sx: G = {},
+    ...q
+  } = B, r = Se(), {
+    activeStep: H = 0,
+    defaultValues: J = [],
+    checkout: K,
+    errorMessage: Q,
+    formRef: U,
+    getNextStepLabel: W,
+    getPreviousStepLabel: X,
+    isLoading: Y,
+    isProcessing: L,
+    nextStep: Z,
+    previousStep: _,
+    setErrorMessage: g,
+    settings: $,
+    steps: ee = [],
+    subStep: te,
+    submitButtonDisabled: oe,
     submitButtonPortalRef: x,
-    validationSchema: oe,
-    translations: b = {}
-  } = n, { vendor: P } = _?.links ?? {}, e = {
+    summary: ae,
+    validationSchema: ne,
+    translations: f = {},
+    track: re
+  } = r, { vendor: y } = $?.links ?? {}, t = {
     ...h,
-    ...b?.checkoutForm || {},
-    ...m || {},
+    ...f?.checkoutForm || {},
+    ...b || {},
     feedback: {
       ...h.feedback,
-      ...b?.checkoutForm?.feedback || {},
-      ...m?.feedback || {}
+      ...f?.checkoutForm?.feedback || {},
+      ...b?.feedback || {}
     },
     validation: {
       ...h.validation,
-      ...b?.validation || {},
-      ...m?.validation || {}
+      ...f?.validation || {},
+      ...b?.validation || {}
     }
-  }, s = A ?? X, c = T ?? q, ae = E ?? H, y = N ?? K, ne = R ?? Y, ie = O ?? Z, re = z ?? oe, S = (j ?? $ ?? []).map((t) => {
-    let o = typeof t.nextLabel == "function" ? t.nextLabel({ ...n, translations: e }) : t.nextLabel, a = typeof t.previousLabel == "function" ? t.previousLabel({ ...n, translations: e }) : t.previousLabel;
+  }, s = R ?? Y, i = E ?? H, ie = N ?? J, P = V ?? Q, se = O ?? Z, ce = I ?? _, le = z ?? ne, l = (j ?? ee ?? []).map((e) => {
+    let o = typeof e.nextLabel == "function" ? e.nextLabel({ ...r, translations: t }) : e.nextLabel, a = typeof e.previousLabel == "function" ? e.previousLabel({ ...r, translations: t }) : e.previousLabel;
     if (!o) {
-      const i = U();
-      i && (o = e.nextStepLabel.replace(
+      const n = W();
+      n && (o = t.nextStepLabel.replace(
         "{stepLabel}",
-        i
+        n
       ));
     }
     if (!a) {
-      const i = W();
-      i && (a = e.previousStepLabel.replace(
+      const n = X();
+      n && (a = t.previousStepLabel.replace(
         "{stepLabel}",
-        i
+        n
       ));
     }
     return {
-      ...t,
+      ...e,
       nextLabel: o,
       previousLabel: a
     };
-  }), C = c === S.length - 1, w = S[c]?.component, se = async (t, o) => ne(t, o, {
-    ...n,
-    translations: e
-  }), ce = (t) => ie(t, { ...n, translations: e }), le = () => {
-    if (u && typeof u == "function")
-      return u();
-  }, ue = async (t, o) => {
+  }), C = i === l.length - 1, w = l[i]?.component, F = Me({
+    summary: ae,
+    steps: l,
+    track: re
+  });
+  he(() => {
+    s || (() => {
+      const {
+        steps: o,
+        summary: a,
+        track: n
+      } = F();
+      !n && typeof n != "function" || n("checkoutStep", {
+        step: o[i],
+        stepIndex: i + 1,
+        summary: a
+      });
+    })();
+  }, [i, s, F]);
+  const ue = async (e, o) => se(e, o, {
+    ...r,
+    translations: t
+  }), pe = async (e) => ce(e, { ...r, translations: t }), me = () => {
     if (p && typeof p == "function")
-      return p(t, o, {
-        ...n,
-        translations: e
+      return p();
+  }, de = async (e, o) => {
+    if (m && typeof m == "function")
+      return m(e, o, {
+        ...r,
+        translations: t
       });
     try {
-      await J(), k(null), await he(5e3);
+      await K(), g(null), await ge(5e3);
     } catch (a) {
-      const i = ge(a);
-      return k({
-        title: e.feedback?.checkoutFailedTitle,
-        description: i || e.feedback?.checkoutFailedDescription
+      const n = Pe(a);
+      return g({
+        title: t.feedback?.checkoutFailedTitle,
+        description: n || t.feedback?.checkoutFailedDescription
       }), Promise.reject(a);
     }
-  }, f = typeof d == "function" ? d({ ...n, translations: e }) : d ?? (() => {
-    const { summary: t } = n, { agreementTemplate: o } = t || {}, a = fe(
+  }, S = typeof d == "function" ? d({ ...r, translations: t }) : d ?? (() => {
+    const { summary: e } = r, { agreementTemplate: o } = e || {}, a = Le(
       o?.type?.toLowerCase() || ""
     );
-    return a === "downPayment" ? e.downPaymentSubmitLabel : ["cod", "postPaid"].includes(a) ? e.postPaidSubmitLabel : e.submitLabel;
+    return a === "downPayment" ? t.downPaymentSubmitLabel : ["cod", "postPaid"].includes(a) ? t.postPaidSubmitLabel : t.submitLabel;
   })();
-  return /* @__PURE__ */ l(pe, { sx: L ? { display: "none" } : I, children: [
-    /* @__PURE__ */ l(
-      de,
+  return /* @__PURE__ */ u(be, { sx: v ? { display: "none" } : G, children: [
+    /* @__PURE__ */ u(
+      fe,
       {
-        ...G,
+        ...q,
         actionsAlignment: "space-between",
         actionsContainerProps: {
           sx: {
@@ -139,51 +161,51 @@ const h = {
             mt: 1
           }
         },
-        activeStep: c,
+        activeStep: i,
         autoComplete: D,
-        cancelLabel: e.cancelLabel,
-        defaultValues: ae,
+        cancelLabel: t.cancelLabel,
+        defaultValues: ie,
         formRef: [
-          Q,
-          ...v ? [v] : []
+          U,
+          ...k ? [k] : []
         ],
-        getErrorMessage: ke(e.validation),
+        getErrorMessage: Ce(t.validation),
         hideActions: s,
-        onNextStep: se,
-        onPreviousStep: ce,
-        onCancel: le,
-        onSubmit: ue,
-        subStep: ee,
-        steps: S,
+        onNextStep: ue,
+        onPreviousStep: pe,
+        onCancel: me,
+        onSubmit: de,
+        subStep: te,
+        steps: l,
         cancelButtonProps: {
-          ...c === 0 && Se(P) ? { href: P } : {},
-          disabled: g,
+          ...i === 0 && ve(y) ? { href: y } : {},
+          disabled: L,
           size: "large"
         },
         submitButtonProps: {
-          disabled: te,
-          loading: g,
+          disabled: oe,
+          loading: L,
           size: "large"
         },
-        submitLabel: f,
-        validationSchema: re,
+        submitLabel: S,
+        validationSchema: le,
         children: [
-          !s && y && !V && /* @__PURE__ */ r(
-            Pe,
+          !s && P && !A && /* @__PURE__ */ c(
+            Fe,
             {
-              errorMessage: y,
+              errorMessage: P,
               sx: { mt: 1.5, mb: 3 }
             }
           ),
-          !s && w && /* @__PURE__ */ l(F, { children: [
-            /* @__PURE__ */ r(w, {}),
-            !L && x.current && be(
-              /* @__PURE__ */ l(F, { children: [
-                /* @__PURE__ */ r(Le, { sx: { mt: 0.5 } }),
-                C && /* @__PURE__ */ r(
-                  M,
+          !s && w && /* @__PURE__ */ u(M, { children: [
+            /* @__PURE__ */ c(w, {}),
+            !v && x.current && ke(
+              /* @__PURE__ */ u(M, { children: [
+                /* @__PURE__ */ c(ye, { sx: { mt: 0.5 } }),
+                C && /* @__PURE__ */ c(
+                  T,
                   {
-                    submitLabel: f,
+                    submitLabel: S,
                     sx: { mt: 3 }
                   }
                 )
@@ -191,19 +213,19 @@ const h = {
               x.current
             )
           ] }),
-          s && /* @__PURE__ */ r(ve, {})
+          s && /* @__PURE__ */ c(xe, {})
         ]
       }
     ),
-    C && /* @__PURE__ */ r(
-      M,
+    C && /* @__PURE__ */ c(
+      T,
       {
-        submitLabel: f,
+        submitLabel: S,
         sx: { display: { md: "none" }, mt: 3, textAlign: "center" }
       }
     )
   ] });
 };
 export {
-  je as CheckoutForm
+  Je as CheckoutForm
 };

package/dist/CheckoutOrderProvider/CheckoutOrderProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutOrderProvider.d.ts","sourceRoot":"","sources":["../../src/CheckoutOrderProvider/CheckoutOrderProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EACV,uBAAuB,EACvB,4BAA4B,EAC5B,gBAAgB,EAChB,aAAa,EACb,oBAAoB,EACpB,WAAW,EACZ,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAOtF,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,eAAe,CAAC;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,uBAAuB,CAAC;IACvC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EACP,WAAW,CAAC,uBAAuB,CAAC,GACpC,CAAC,WAAW,CAAC,uBAAuB,CAAC,GACnC,MAAM,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC;IACpD,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,oBAAoB,CAAC;CACpC;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDA+DtE,CAAC"}
+{"version":3,"file":"CheckoutOrderProvider.d.ts","sourceRoot":"","sources":["../../src/CheckoutOrderProvider/CheckoutOrderProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EACV,uBAAuB,EACvB,4BAA4B,EAC5B,gBAAgB,EAChB,aAAa,EACb,oBAAoB,EACpB,WAAW,EACZ,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAOtF,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,eAAe,CAAC;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,uBAAuB,CAAC;IACvC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EACP,WAAW,CAAC,uBAAuB,CAAC,GACpC,CAAC,WAAW,CAAC,uBAAuB,CAAC,GACnC,MAAM,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC;IACpD,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,oBAAoB,CAAC;CACpC;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDAkEtE,CAAC"}

package/dist/CheckoutOrderProvider/CheckoutOrderProvider.js

@@ -1,61 +1,64 @@
-import { jsx as l } from "react/jsx-runtime";
-import { CheckoutStateProvider as k } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-import { orderOperations as C } from "../operations/orderOperations.js";
-import { authOperations as v } from "../operations/authOperations.js";
-import { useCheckoutOrder as P } from "../hooks/useCheckoutOrder.js";
-const w = (m) => {
+import { jsx as k } from "react/jsx-runtime";
+import { CheckoutStateProvider as C } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { orderOperations as v } from "../operations/orderOperations.js";
+import { authOperations as P } from "../operations/authOperations.js";
+import { useCheckoutOrder as S } from "../hooks/useCheckoutOrder.js";
+const y = (u) => {
   const {
     orderId: t,
-    analytics: u,
-    createSummary: e,
-    isLoadingChannel: f,
-    locale: s,
-    storefront: n,
-    operations: i = {},
-    settings: a,
+    analytics: f,
+    channel: e,
+    createSummary: s,
+    isLoadingChannel: h,
+    locale: n,
+    storefront: i,
+    operations: a = {},
+    settings: c,
     steps: d,
     ...O
-  } = m, r = {
-    ...v,
-    ...C
-  }, c = Object.keys(i || {}).reduce(
-    (p, o) => ({
-      ...p,
+  } = u, r = {
+    ...P,
+    ...v
+  }, p = Object.keys(a || {}).reduce(
+    (m, o) => ({
+      ...m,
       [o]: {
-        ...p[o] || {},
-        ...i[o] || {}
+        ...m[o] || {},
+        ...a[o] || {}
       }
     }),
     r
-  ), h = P({
+  ), l = S({
     orderId: t,
-    analytics: u,
-    createSummary: e,
+    analytics: f,
+    channel: e,
+    createSummary: s,
     defaultOperations: r,
-    isLoadingChannel: f,
-    locale: s,
-    operations: c,
-    settings: a,
-    storefront: n,
+    isLoadingChannel: h,
+    locale: n,
+    operations: p,
+    settings: c,
+    storefront: i,
     steps: d
   });
-  return /* @__PURE__ */ l(
-    k,
+  return /* @__PURE__ */ k(
+    C,
     {
       ...O,
-      ...h,
-      createSummary: e,
+      ...l,
+      channel: e,
+      createSummary: s,
       defaultOperations: r,
       flow: "order",
       orderId: t,
-      locale: s,
-      operations: c,
-      settings: a,
+      locale: n,
+      operations: p,
+      settings: c,
       steps: d,
-      storefront: n
+      storefront: i
     }
   );
 };
 export {
-  w as CheckoutOrderProvider
+  y as CheckoutOrderProvider
 };

package/dist/CheckoutProvider/components/CheckoutThemeProvider/CheckoutThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/CheckoutProvider/components/CheckoutThemeProvider/CheckoutThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,KAAK,EACX,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDAuEtE,CAAC"}
+{"version":3,"file":"CheckoutThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/CheckoutProvider/components/CheckoutThemeProvider/CheckoutThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,KAAK,EACX,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDAkEtE,CAAC"}

package/dist/CheckoutProvider/components/CheckoutThemeProvider/CheckoutThemeProvider.js

@@ -1,25 +1,25 @@
-import { jsx as p } from "react/jsx-runtime";
-import { theme as l, createTheme as u, ThemeProvider as h } from "@afosto/components";
-import { darken as r, lighten as t } from "../../../utils/colorManipulator.js";
-import { deepMerge as m } from "../../../utils/deepMerge.js";
-const x = (a) => {
-  const { branding: d, children: c, theme: n } = a, { primary: e } = d?.colors || {}, o = e ? {
+import { jsx as h } from "react/jsx-runtime";
+import { theme as a, createTheme as f, ThemeProvider as b } from "@afosto/components";
+import { darken as o, lighten as t } from "../../../utils/colorManipulator.js";
+import { deepMerge as i } from "../../../utils/deepMerge.js";
+const C = (m) => {
+  const { branding: c, children: p, theme: n } = m, { primary: e } = c?.colors || {}, s = e ? {
     main: e,
     100: t(e, 0.9),
     200: t(e, 0.6),
     300: t(e, 0.3),
     400: t(e, 0.1),
     500: e,
-    600: r(e, 0.1),
-    700: r(e, 0.2),
-    800: r(e, 0.3),
-    900: r(e, 0.4)
-  } : null;
-  let i = m(l, {
+    600: o(e, 0.1),
+    700: o(e, 0.2),
+    800: o(e, 0.3),
+    900: o(e, 0.4)
+  } : {}, r = i(
+    a.palette.primary,
+    i(s, n?.palette?.primary || {})
+  ), d = {
     palette: {
-      ...o ? {
-        primary: o
-      } : {}
+      primary: r
     },
     components: {
       MuiInputBase: {
@@ -32,32 +32,31 @@ const x = (a) => {
         }
       },
       MuiButton: {
-        ...o ? {
-          styleOverrides: {
-            root: {
-              "&.Mui-focusVisible, &:focus-visible": {
-                boxShadow: `0 0 0 3px ${o.main}88`
-              }
+        styleOverrides: {
+          root: {
+            "&.Mui-focusVisible, &:focus-visible": {
+              boxShadow: `0 0 0 3px ${r.main}88`
+            }
+          },
+          containedPrimary: {
+            backgroundColor: r.main,
+            color: "#fff",
+            "&:hover:not(.Mui-disabled):not(:active)": {
+              backgroundColor: r[600]
             },
-            containedPrimary: {
-              backgroundColor: o.main,
-              color: "#fff",
-              "&:hover:not(.Mui-disabled):not(:active)": {
-                backgroundColor: o[600]
-              },
-              '&:active, &[aria-expanded="true"]': {
-                backgroundColor: o[700]
-              }
+            '&:active, &[aria-expanded="true"]': {
+              backgroundColor: r[700]
             }
           }
-        } : {}
+        }
       }
     }
-  });
-  n && (i = m(i, n));
-  const s = u(i);
-  return /* @__PURE__ */ p(h, { theme: s, children: c });
+  }, l = i(
+    a,
+    i(d, n || {})
+  ), u = f(l);
+  return /* @__PURE__ */ h(b, { theme: u, children: p });
 };
 export {
-  x as CheckoutThemeProvider
+  C as CheckoutThemeProvider
 };

package/dist/CheckoutSummary/components/CheckoutSummaryFees/CheckoutSummaryFees.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutSummaryFees.d.ts","sourceRoot":"","sources":["../../../../src/CheckoutSummary/components/CheckoutSummaryFees/CheckoutSummaryFees.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGzD,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AAEtD,QAAA,MAAM,mBAAmB;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4DAsElE,CAAC"}
+{"version":3,"file":"CheckoutSummaryFees.d.ts","sourceRoot":"","sources":["../../../../src/CheckoutSummary/components/CheckoutSummaryFees/CheckoutSummaryFees.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGzD,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AAEtD,QAAA,MAAM,mBAAmB;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4DA0ElE,CAAC"}

package/dist/CheckoutSummary/components/CheckoutSummaryFees/CheckoutSummaryFees.js

@@ -1,57 +1,57 @@
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import { useCheckout as w } from "../../../CheckoutStateProvider/CheckoutStateProvider.js";
-import { isDefined as D } from "@afosto/utils";
-import { CheckoutSummaryRow as r } from "../CheckoutSummaryRow/CheckoutSummaryRow.js";
-import { CheckoutSummaryGroup as I } from "../CheckoutSummaryGroup/CheckoutSummaryGroup.js";
-const x = {
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import { useCheckout as D } from "../../../CheckoutStateProvider/CheckoutStateProvider.js";
+import { isDefined as I } from "@afosto/utils";
+import { CheckoutSummaryRow as l } from "../CheckoutSummaryRow/CheckoutSummaryRow.js";
+import { CheckoutSummaryGroup as x } from "../CheckoutSummaryGroup/CheckoutSummaryGroup.js";
+const T = {
   calculatedInStep: "Calculated in step {step}",
   free: "Free",
   defaultFeesDescription: "Fees"
-}, Z = (c) => {
+}, b = (c) => {
   const {
-    calculatedStep: a,
+    calculatedStep: r,
     currency: u,
     disablePadding: p = !0,
     divider: d = !1,
-    showFreeWhenEmpty: l = !1,
+    showFreeWhenEmpty: n = !1,
     showFreeWhenZero: m = !1,
     showFeeWhenZero: f = !1,
     locale: h,
     fees: F = [],
     hideCalculatedInStep: S = !1,
     translations: C = {},
-    ...y
-  } = c, { translations: k } = w(), t = {
-    ...x,
+    ...v
+  } = c, { activeStep: y, translations: k } = D(), t = {
+    ...T,
     ...k?.summary || {},
     ...C || {}
-  }, n = F.filter((e) => f || e.total !== 0), s = n.length > 0, i = !S && D(a);
-  return !s && !i && !l ? null : /* @__PURE__ */ v(
-    I,
+  }, i = F.filter((e) => f || e.total !== 0), s = i.length > 0, o = !s && !S && I(r) && (r || 0) > y + 1;
+  return !s && !o && !n ? null : /* @__PURE__ */ w(
+    x,
     {
-      ...y,
+      ...v,
       disablePadding: p,
       divider: d,
       children: [
-        !s && i && /* @__PURE__ */ o(
-          r,
+        !s && o && /* @__PURE__ */ a(
+          l,
           {
             description: t.defaultFeesDescription,
             value: t.calculatedInStep.replace(
               "{step}",
-              `${a}`
+              `${r}`
             )
           }
         ),
-        !s && l && /* @__PURE__ */ o(
-          r,
+        !s && !o && n && /* @__PURE__ */ a(
+          l,
           {
             description: t.defaultFeesDescription,
             value: t.free
           }
         ),
-        s && n.map((e) => /* @__PURE__ */ o(
-          r,
+        s && !o && i.map((e) => /* @__PURE__ */ a(
+          l,
           {
             description: e.description,
             value: !m || e.total !== 0 ? e.total : t.free,
@@ -65,5 +65,5 @@ const x = {
   );
 };
 export {
-  Z as CheckoutSummaryFees
+  b as CheckoutSummaryFees
 };

package/dist/CheckoutSummary/components/CheckoutSummaryPaymentFees/CheckoutSummaryPaymentFees.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutSummaryPaymentFees.d.ts","sourceRoot":"","sources":["../../../../src/CheckoutSummary/components/CheckoutSummaryPaymentFees/CheckoutSummaryPaymentFees.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,4CAA4C,CAAC;AAGpD,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,cAAc,CAAC;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,0BAA0B,GACrC,OAAO,+BAA+B,qDA6BvC,CAAC"}
+{"version":3,"file":"CheckoutSummaryPaymentFees.d.ts","sourceRoot":"","sources":["../../../../src/CheckoutSummary/components/CheckoutSummaryPaymentFees/CheckoutSummaryPaymentFees.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,4CAA4C,CAAC;AAIpD,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,cAAc,CAAC;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,0BAA0B,GACrC,OAAO,+BAA+B,qDAwCvC,CAAC"}