@afosto/checkout-ui 0.0.17 → 0.0.19

package/dist/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutAgreementOptionCondition.d.ts","sourceRoot":"","sources":["../../src/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oCAAoC,EACpC,WAAW,EACZ,MAAM,UAAU,CAAC;AAOlB,QAAA,MAAM,mBAAmB;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,qCAAqC;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,oCAAoC,CAAC;IAChD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,gCAAgC,GAC3C,OAAO,qCAAqC,qDA2E7C,CAAC"}
+{"version":3,"file":"CheckoutAgreementOptionCondition.d.ts","sourceRoot":"","sources":["../../src/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oCAAoC,EACpC,WAAW,EACZ,MAAM,UAAU,CAAC;AAOlB,QAAA,MAAM,mBAAmB;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,qCAAqC;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,oCAAoC,CAAC;IAChD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,gCAAgC,GAC3C,OAAO,qCAAqC,qDA+E7C,CAAC"}

package/dist/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.js

@@ -1,28 +1,32 @@
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { Box as m, Typography as c } from "@afosto/components";
-import { TurnDownRightSolid as g } from "../icons/TurnDownRightSolid.js";
-import { CheckoutCurrency as C } from "../CheckoutCurrency/CheckoutCurrency.js";
-import { camelize as D } from "@afosto/utils";
-import { useCheckout as x } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-import { formatCurrency as v } from "../utils/formatCurrency.js";
-const w = {
+import { TurnDownRightSolid as C } from "../icons/TurnDownRightSolid.js";
+import { CheckoutCurrency as D } from "../CheckoutCurrency/CheckoutCurrency.js";
+import { camelize as x } from "@afosto/utils";
+import { useCheckout as v } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { formatCurrency as w } from "../utils/formatCurrency.js";
+const I = {
   payImmediately: "Pay immediately",
   remainingAmountDueBeforeDelivery: "Remaining amount due before delivery",
   withinDaysOfTheInvoiceDate: "Within {days} days of the invoice date"
-}, b = (l) => {
+}, j = (l) => {
   const {
     condition: e,
-    currency: a,
-    locale: r,
+    currency: r,
+    locale: a,
     translations: y = {}
-  } = l, { settings: u, translations: p } = x(), { currency: d } = u || {}, n = {
-    ...w,
-    ...p.agreementOptionConditions || {},
+  } = l, {
+    settings: u,
+    summary: p,
+    translations: d
+  } = v(), f = p?.currency || u?.currency, n = {
+    ...I,
+    ...d.agreementOptionConditions || {},
     ...y || {}
-  }, o = D(e.type?.toLowerCase() || ""), f = e.outcome?.amount || 0;
+  }, o = x(e.type?.toLowerCase() || ""), h = e.outcome?.amount || 0;
   let t = e.type;
-  return o === "downPayment" && e.isPercentage && (t = `${n.payImmediately}${e.amount > 0 && e.amount < 100 ? ` (${e.amount}%)` : ""}`), o === "downPayment" && !e.isPercentage && (t = `${n.payImmediately}${e.amount > 0 ? ` (${v(e.amount / 100, r, {
-    currency: a || d
+  return o === "downPayment" && e.isPercentage && (t = `${n.payImmediately}${e.amount > 0 && e.amount < 100 ? ` (${e.amount}%)` : ""}`), o === "downPayment" && !e.isPercentage && (t = `${n.payImmediately}${e.amount > 0 ? ` (${w(e.amount / 100, a, {
+    currency: r || f
   })})` : ""}`), o === "postPaid" && (t = n.withinDaysOfTheInvoiceDate.replace(
     "{days}",
     e.pastDueAfter.toString()
@@ -38,19 +42,19 @@ const w = {
       children: [
         /* @__PURE__ */ s(m, { sx: { display: "flex", alignItems: "center", gap: 2.5 }, children: [
           /* @__PURE__ */ i(
-            g,
+            C,
             {
-              sx: { color: (h) => h.palette.gray[400], fontSize: 16 }
+              sx: { color: (g) => g.palette.gray[400], fontSize: 16 }
             }
           ),
           /* @__PURE__ */ i(c, { children: t })
         ] }),
         /* @__PURE__ */ i(c, { fontWeight: 500, children: /* @__PURE__ */ i(
-          C,
+          D,
           {
-            currency: a,
-            locale: r,
-            value: f / 100
+            currency: r,
+            locale: a,
+            value: h / 100
           }
         ) })
       ]
@@ -58,5 +62,5 @@ const w = {
   );
 };
 export {
-  b as CheckoutAgreementOptionCondition
+  j as CheckoutAgreementOptionCondition
 };

package/dist/CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutAgreementOptionsField.d.ts","sourceRoot":"","sources":["../../src/CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,2BAA2B,EAC3B,+BAA+B,EAC/B,WAAW,EAEZ,MAAM,UAAU,CAAC;AAMlB,QAAA,MAAM,mBAAmB;;;;;;;;CAUxB,CAAC;AAEF,MAAM,WAAW,kCAAkC;IACjD,gBAAgB,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,+BAA+B,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,6BAA6B,GACxC,OAAO,kCAAkC,qDAyI1C,CAAC"}
+{"version":3,"file":"CheckoutAgreementOptionsField.d.ts","sourceRoot":"","sources":["../../src/CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,2BAA2B,EAC3B,+BAA+B,EAC/B,WAAW,EAEZ,MAAM,UAAU,CAAC;AAOlB,QAAA,MAAM,mBAAmB;;;;;;;;CAUxB,CAAC;AAEF,MAAM,WAAW,kCAAkC;IACjD,gBAAgB,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,+BAA+B,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,6BAA6B,GACxC,OAAO,kCAAkC,qDAyI1C,CAAC"}

package/dist/CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.js

@@ -3,7 +3,8 @@ import { CheckoutCardRadioField as M } from "../CheckoutCardRadioField/CheckoutC
 import { useCheckout as V } from "../CheckoutStateProvider/CheckoutStateProvider.js";
 import { CheckoutAgreementOption as v } from "../CheckoutAgreementOption/CheckoutAgreementOption.js";
 import { CheckoutMethodRadioSkeleton as j } from "../CheckoutMethodRadioSkeleton/CheckoutMethodRadioSkeleton.js";
-import { useFormContext as z, Divider as E, Typography as R } from "@afosto/components";
+import { Divider as z, Typography as E } from "@afosto/components";
+import { useCheckoutFormContext as R } from "../hooks/useCheckoutFormContext.js";
 import { camelize as w, capitalize as W } from "@afosto/utils";
 import { getErrorMessage as q } from "../utils/getErrorMessage.js";
 const B = {
@@ -14,7 +15,7 @@ const B = {
   orPayLayer: "Or pay later",
   payNow: "Pay now",
   payNowDescription: "Pay the full amount immediately"
-}, Z = (k) => {
+}, _ = (k) => {
   const {
     agreementOptions: i = [],
     currency: p,
@@ -26,22 +27,22 @@ const B = {
   } = k || {}, {
     activeStep: g,
     setAgreementTemplate: b,
-    setErrorMessage: y,
+    setErrorMessage: u,
     setIsProcessing: s,
-    translations: u
-  } = V(), { formProps: I, getValues: x, reset: h, watch: D } = z(), { setData: L } = I || {}, [f] = D([d]), t = {
+    translations: y
+  } = V(), { formProps: I, getValues: x, reset: h, watch: D } = R(), { setData: L } = I || {}, [f] = D([d]), t = {
     ...B,
-    ...u?.agreementOptionsField || {},
-    ...u?.feedback || {},
+    ...y?.agreementOptionsField || {},
+    ...y?.feedback || {},
     ...S || {}
   }, l = i.find(
     (e) => w(e.type?.toLowerCase() || "") === "default"
-  ), O = i.filter(
+  ), C = i.filter(
     (e) => w(e.type?.toLowerCase() || "") !== "default"
-  ), C = async (e) => {
+  ), O = async (e) => {
     const A = x();
     try {
-      y(null), s(!0);
+      u(null), s(!0);
       const { value: o } = e.target, r = i.find(
         (n) => n.id === o
       );
@@ -55,13 +56,13 @@ const B = {
       h({
         ...A,
         ...T
-      }), L((n) => (n.splice(g, 1, {
+      }), L?.((n) => (n.splice(g, 1, {
         ...n[g],
         ...T
       }), n)), s(!1);
     } catch (o) {
       const r = q(o);
-      y({
+      u({
         title: t.failedToSelectAgreementOptionTitle,
         description: r ? W(r) : t.failedToSelectAgreementOptionDescription
       }), h(A), s(!1);
@@ -73,10 +74,10 @@ const B = {
       id: "field-radio-agreement-option",
       name: d,
       isLoading: c,
-      onChange: C,
+      onChange: O,
       OptionComponent: v,
       OptionSkeletonComponent: j,
-      options: O.map((e) => ({
+      options: C.map((e) => ({
         ...e,
         value: e.id
       })),
@@ -92,7 +93,7 @@ const B = {
             active: f === l.id,
             currency: p,
             locale: m,
-            onChange: C,
+            onChange: O,
             option: {
               ...l,
               description: t.payNowDescription,
@@ -103,11 +104,11 @@ const B = {
             hideIcon: !0
           }
         ),
-        O.length > 0 && /* @__PURE__ */ a(E, { sx: { my: 2.5 }, children: /* @__PURE__ */ a(R, { color: "gray.500", children: t.orPayLayer }) })
+        C.length > 0 && /* @__PURE__ */ a(z, { sx: { my: 2.5 }, children: /* @__PURE__ */ a(E, { color: "gray.500", children: t.orPayLayer }) })
       ] })
     }
   );
 };
 export {
-  Z as CheckoutAgreementOptionsField
+  _ as CheckoutAgreementOptionsField
 };

package/dist/CheckoutContactInformationSection/CheckoutContactInformationSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutContactInformationSection.d.ts","sourceRoot":"","sources":["../../src/CheckoutContactInformationSection/CheckoutContactInformationSection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAc5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;;;;;;;;CAWxB,CAAC;AAEF,MAAM,WAAW,sCACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,iCAAiC,GAC5C,OAAO,sCAAsC,qDAyK9C,CAAC"}
+{"version":3,"file":"CheckoutContactInformationSection.d.ts","sourceRoot":"","sources":["../../src/CheckoutContactInformationSection/CheckoutContactInformationSection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAc5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;;;;;;;;CAWxB,CAAC;AAEF,MAAM,WAAW,sCACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,iCAAiC,GAC5C,OAAO,sCAAsC,qDAwK9C,CAAC"}

package/dist/CheckoutContactInformationSection/CheckoutContactInformationSection.js

@@ -134,7 +134,6 @@ const J = {
         /* @__PURE__ */ e(h, { in: !l, children: /* @__PURE__ */ e(
           s.PhoneNumberField,
           {
-            id: "phone-number",
             numberFieldName: "phoneNumber",
             label: n.phoneNumber,
             autoComplete: "tel-national",

package/dist/CheckoutCurrency/CheckoutCurrency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutCurrency.d.ts","sourceRoot":"","sources":["../../src/CheckoutCurrency/CheckoutCurrency.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,WAoB5D,CAAC"}
+{"version":3,"file":"CheckoutCurrency.d.ts","sourceRoot":"","sources":["../../src/CheckoutCurrency/CheckoutCurrency.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,WAqB5D,CAAC"}

package/dist/CheckoutCurrency/CheckoutCurrency.js

@@ -1,18 +1,18 @@
-import { useCheckout as y } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-const m = (c) => {
+import { useCheckout as m } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const p = (e) => {
   const {
-    currency: e,
-    value: o,
-    locale: r,
+    currency: c,
+    value: r,
+    locale: o,
     options: t
-  } = c, { locale: n, settings: u } = y(), { currency: l } = u || {}, s = {
+  } = e, { locale: n, settings: u, summary: s } = m(), { currency: l } = u || {}, a = {
     style: "currency",
-    currency: e || l || "EUR"
-  }, a = r || n;
-  return new Intl.NumberFormat(a, t || s).format(
-    o
+    currency: c || s?.currency || l || "EUR"
+  }, y = o || n;
+  return new Intl.NumberFormat(y, t || a).format(
+    r
   );
 };
 export {
-  m as CheckoutCurrency
+  p as CheckoutCurrency
 };

package/dist/CheckoutIssuersField/CheckoutIssuersField.js

@@ -1,5 +1,6 @@
 import { jsx as l, jsxs as f } from "react/jsx-runtime";
-import { useFormContext as F, Fields as v, Typography as z, Box as I } from "@afosto/components";
+import { Fields as F, Typography as v, Box as I } from "@afosto/components";
+import { useCheckoutFormContext as z } from "../hooks/useCheckoutFormContext.js";
 import { useCheckout as M } from "../CheckoutStateProvider/CheckoutStateProvider.js";
 import { getErrorMessage as V } from "../utils/getErrorMessage.js";
 import { camelize as g, capitalize as O } from "@afosto/utils";
@@ -8,10 +9,10 @@ const _ = {
   failedToSelectIssuerTitle: "Issuer not selected",
   failedToSelectIssuerDescription: "Something went wrong while selecting the issuer. Choose another issuer or try again.",
   issuerFieldPlaceholder: "Choose a bank"
-}, D = (y) => {
+}, G = (y) => {
   const {
     disabled: x,
-    name: n = "issuerId",
+    name: i = "issuerId",
     issuers: c = [],
     translations: S = {}
   } = y, {
@@ -20,7 +21,7 @@ const _ = {
     setErrorMessage: u,
     setIsProcessing: a,
     translations: m
-  } = M(), { formProps: P, getValues: w, setValue: p, watch: b } = F(), { setData: k } = P || {}, [h] = b([n]), i = {
+  } = M(), { formProps: P, getValues: w, setValue: p, watch: k } = z(), { setData: b } = P || {}, [h] = k([i]), n = {
     ..._,
     ...m?.issuersField || {},
     ...m?.feedback || {},
@@ -30,33 +31,33 @@ const _ = {
     try {
       u(null), a(!0);
       const { value: s } = e.target, t = w();
-      p(n, s || ""), await T({
+      p(i, s || ""), await T({
         methodId: t.methodId,
         issuerId: s
-      }), k((o) => (o.splice(d, 1, {
+      }), b?.((o) => (o.splice(d, 1, {
         ...o[d],
         issuerId: s || ""
       }), o)), a(!1);
     } catch (s) {
       const t = V(s);
       u({
-        title: i.failedToSelectIssuerTitle,
-        description: t ? O(t) : i.failedToSelectIssuerDescription
-      }), p(n, r), a(!1);
+        title: n.failedToSelectIssuerTitle,
+        description: t ? O(t) : n.failedToSelectIssuerDescription
+      }), p(i, r), a(!1);
     }
   };
   return /* @__PURE__ */ l(
-    v.Select,
+    F.Select,
     {
       displayEmpty: !0,
       disabled: x,
-      name: n,
+      name: i,
       onChange: E,
       options: c.map((e) => ({
         ...e,
         value: e.id
       })),
-      placeholder: i.issuerFieldPlaceholder,
+      placeholder: n.issuerFieldPlaceholder,
       renderOption: (e) => {
         const r = typeof e.value == "string" ? g(e.value?.toLowerCase() || "") : "", s = C[r];
         return /* @__PURE__ */ f(I, { sx: { display: "flex", alignItems: "center" }, children: [
@@ -66,7 +67,7 @@ const _ = {
       },
       renderValue: (e) => {
         if (!e)
-          return /* @__PURE__ */ l(z, { color: "gray.600", children: i.issuerFieldPlaceholder });
+          return /* @__PURE__ */ l(v, { color: "gray.600", children: n.issuerFieldPlaceholder });
         const r = c.find((o) => o.id === e), s = typeof e == "string" ? g(e?.toLowerCase() || "") : "", t = C[s];
         return /* @__PURE__ */ f(I, { sx: { display: "flex", alignItems: "center" }, children: [
           t && /* @__PURE__ */ l(t, { sx: { fontSize: 20, mr: 1.5 } }),
@@ -79,5 +80,5 @@ const _ = {
   );
 };
 export {
-  D as CheckoutIssuersField
+  G as CheckoutIssuersField
 };

package/dist/CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.d.ts

@@ -10,7 +10,7 @@ declare const defaultTranslations: {
 export interface CheckoutNotFoundFeedbackProps {
     description?: string;
     Icon?: JSXElementConstructor<SvgIconProps>;
-    severity?: FeedbackMessageSeverity;
+    severity?: FeedbackMessageSeverity | 'default';
     title?: string;
     translations?: DeepPartial<typeof defaultTranslations>;
 }

package/dist/CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutNotFoundFeedback.d.ts","sourceRoot":"","sources":["../../src/CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;;;CAMxB,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,wBAAwB,GACnC,OAAO,6BAA6B,qDAiCrC,CAAC"}
+{"version":3,"file":"CheckoutNotFoundFeedback.d.ts","sourceRoot":"","sources":["../../src/CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;;;CAMxB,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,wBAAwB,GACnC,OAAO,6BAA6B,qDAiCrC,CAAC"}

package/dist/CheckoutPaymentMethodsField/CheckoutPaymentMethodsField.js

@@ -1,5 +1,5 @@
 import { jsx as P } from "react/jsx-runtime";
-import { useFormContext as F } from "@afosto/components";
+import { useCheckoutFormContext as F } from "../hooks/useCheckoutFormContext.js";
 import { useCheckoutPaymentMethods as O } from "../hooks/useCheckoutPaymentMethods.js";
 import { getErrorMessage as V } from "../utils/getErrorMessage.js";
 import { capitalize as z } from "@afosto/utils";
@@ -13,14 +13,14 @@ const q = {
   failedToSelectPaymentMethodDescription: "Something went wrong while selecting the payment method. Choose another payment method or try again.",
   noPaymentMethodsAvailableTitle: "No payment methods available",
   noPaymentMethodsAvailableDescription: "We are sorry, but there are currently no payment methods available for your order. Please contact us to complete your purchase."
-}, _ = (T) => {
+}, _ = (C) => {
   const {
     currency: r,
-    locale: C,
+    locale: T,
     name: l = "methodId",
     hideEmptyMessage: k = !1,
     translations: v = {}
-  } = T || {}, {
+  } = C || {}, {
     activeStep: d,
     addPaymentMethod: w,
     setErrorMessage: m,
@@ -48,7 +48,7 @@ const q = {
       p({
         ...y,
         ...g
-      }), A((t) => (t?.splice(d, 1, {
+      }), A?.((t) => (t?.splice(d, 1, {
         ...t[d],
         ...g
       }), t)), a(!1);
@@ -82,7 +82,7 @@ const q = {
       })),
       optionProps: {
         currency: r,
-        locale: C
+        locale: T
       },
       value: E
     }

package/dist/CheckoutPickupPointsField/CheckoutPickupPointsField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPickupPointsField.d.ts","sourceRoot":"","sources":["../../src/CheckoutPickupPointsField/CheckoutPickupPointsField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,QAAQ,EAUd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,iCAAiC,EACjC,WAAW,EAEZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAS5D,QAAA,MAAM,mBAAmB;;;;;;;CAQxB,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,iCAAiC,EAAE,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,yBAAyB,GACpC,OAAO,8BAA8B,qDAuMtC,CAAC"}
+{"version":3,"file":"CheckoutPickupPointsField.d.ts","sourceRoot":"","sources":["../../src/CheckoutPickupPointsField/CheckoutPickupPointsField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,QAAQ,EASd,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EACV,iCAAiC,EACjC,WAAW,EAEZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAS5D,QAAA,MAAM,mBAAmB;;;;;;;CAQxB,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,iCAAiC,EAAE,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,yBAAyB,GACpC,OAAO,8BAA8B,qDAuMtC,CAAC"}

package/dist/CheckoutPickupPointsField/CheckoutPickupPointsField.js

@@ -1,5 +1,6 @@
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { useFormContext as Q, Box as U, TextField as X, InputAdornment as Y, CircularProgress as Z, Fields as _, Collapse as v, Grid as d, Typography as $, Button as ee } from "@afosto/components";
+import { Box as Q, TextField as U, InputAdornment as X, CircularProgress as Y, Fields as Z, Collapse as v, Grid as d, Typography as _, Button as $ } from "@afosto/components";
+import { useCheckoutFormContext as ee } from "../hooks/useCheckoutFormContext.js";
 import { useState as oe, useMemo as te } from "react";
 import { SearchRegular as ie } from "../icons/SearchRegular.js";
 import { CheckoutPickupPointOption as T } from "../CheckoutPickupPointOption/CheckoutPickupPointOption.js";
@@ -15,7 +16,7 @@ const ae = {
   searchForPostalCode: "Search for postal code",
   showLess: "Show less options",
   showMore: "Show other {count} options"
-}, Se = (b) => {
+}, xe = (b) => {
   const {
     defaultSearchValue: M = "",
     errorMessage: y,
@@ -36,7 +37,7 @@ const ae = {
     setErrorMessage: w,
     setIsProcessing: P,
     translations: S
-  } = ne(), x = I ?? W, { formProps: z, getValues: B, reset: G, setValue: N, watch: R } = Q(), { setData: D } = z || {}, [s] = R([h]), c = te(() => {
+  } = ne(), x = I ?? W, { formProps: z, getValues: B, reset: G, setValue: N, watch: R } = ee(), { setData: D } = z || {}, [s] = R([h]), c = te(() => {
     const e = r.slice(0, 3).map((t) => t.id), p = r.find(
       (t) => t.id === s
     );
@@ -62,7 +63,7 @@ const ae = {
     try {
       w(null), P(!0);
       const { value: t } = e.target;
-      await E({ pickupPointId: t }), N(h, t || ""), D((i) => (i.splice(k, 1, {
+      await E({ pickupPointId: t }), N(h, t || ""), D?.((i) => (i.splice(k, 1, {
         ...i[k],
         pickupPointId: t || ""
       }), i)), P(!1);
@@ -74,15 +75,15 @@ const ae = {
       }), G(p), P(!1), window && typeof window < "u" && window.scrollTo(0, 0);
     }
   };
-  return /* @__PURE__ */ f(U, { ...V, sx: { pt: 1, px: 2, pb: 2, ...F }, children: [
+  return /* @__PURE__ */ f(Q, { ...V, sx: { pt: 1, px: 2, pb: 2, ...F }, children: [
     g && /* @__PURE__ */ o(
-      X,
+      U,
       {
         InputProps: {
-          startAdornment: /* @__PURE__ */ f(Y, { position: "start", sx: { ml: 1.5 }, children: [
+          startAdornment: /* @__PURE__ */ f(X, { position: "start", sx: { ml: 1.5 }, children: [
             !u && /* @__PURE__ */ o(ie, {}),
             u && /* @__PURE__ */ o(
-              Z,
+              Y,
               {
                 size: 16,
                 thickness: 2.5,
@@ -98,7 +99,7 @@ const ae = {
         fullWidth: !0
       }
     ),
-    /* @__PURE__ */ f(_.RadioGroup, { id: "field-radio-pickup-points", name: h, fullWidth: !0, children: [
+    /* @__PURE__ */ f(Z.RadioGroup, { id: "field-radio-pickup-points", name: h, fullWidth: !0, children: [
       /* @__PURE__ */ o(v, { in: m.length > 0, children: /* @__PURE__ */ o(d, { container: !0, spacing: 2, children: m.map((e) => /* @__PURE__ */ o(d, { item: !0, xs: 12, children: /* @__PURE__ */ o(
         T,
         {
@@ -118,9 +119,9 @@ const ae = {
         }
       ) }, e.id)) }) })
     ] }),
-    q && /* @__PURE__ */ o($, { children: y || n.noAvailablePickupPoints }),
+    q && /* @__PURE__ */ o(_, { children: y || n.noAvailablePickupPoints }),
     H && /* @__PURE__ */ o(
-      ee,
+      $,
       {
         startIcon: l ? /* @__PURE__ */ o(ce, {}) : /* @__PURE__ */ o(le, {}),
         fullWidth: !0,
@@ -137,5 +138,5 @@ const ae = {
   ] });
 };
 export {
-  Se as CheckoutPickupPointsField
+  xe as CheckoutPickupPointsField
 };

package/dist/CheckoutShippingMethodsField/CheckoutShippingMethodsField.js

@@ -1,5 +1,5 @@
 import { jsx as j } from "react/jsx-runtime";
-import { useFormContext as D } from "@afosto/components";
+import { useCheckoutFormContext as D } from "../hooks/useCheckoutFormContext.js";
 import { CheckoutCardRadioField as L } from "../CheckoutCardRadioField/CheckoutCardRadioField.js";
 import { CheckoutShippingMethodOption as q } from "../CheckoutShippingMethodOption/CheckoutShippingMethodOption.js";
 import { useCheckoutShippingMethods as A } from "../hooks/useCheckoutShippingMethods.js";
@@ -11,15 +11,15 @@ const K = {
   failedToSearchPickupPoints: "Pickup points search failed. Please try again.",
   failedToSelectShippingMethodTitle: "Shipping method not selected",
   failedToSelectShippingMethodDescription: "Something went wrong while selecting the shipping method. Choose another shipping method or try again."
-}, oi = (S) => {
+}, oi = (k) => {
   const {
-    countryCode: f,
-    currency: k,
-    locale: M,
+    countryCode: S,
+    currency: f,
+    locale: C,
     name: p = "methodId",
     postalCode: r,
-    translations: C = {}
-  } = S || {}, {
+    translations: M = {}
+  } = k || {}, {
     activeStep: a,
     addShippingMethod: T,
     isProcessing: w,
@@ -36,13 +36,13 @@ const K = {
     setPickupPoints: V,
     shippingMethods: l
   } = A({
-    countryCode: f,
+    countryCode: S,
     postalCode: r
   }), { formProps: x, getValues: O, reset: u, watch: z } = D(), { setData: R } = x || {}, [g] = z([p]), s = {
     ...K,
     ...d?.shippingMethodsField || {},
     ...d?.feedback || {},
-    ...C || {}
+    ...M || {}
   };
   return /* @__PURE__ */ j(
     L,
@@ -66,7 +66,7 @@ const K = {
           u({
             ...P,
             ...m
-          }), R((t) => (t?.splice(a, 1, {
+          }), R?.((t) => (t?.splice(a, 1, {
             ...t[a],
             ...m
           }), t)), n(!1);
@@ -88,10 +88,10 @@ const K = {
         } : {}
       })),
       optionProps: {
-        currency: k,
+        currency: f,
         defaultPickupPointSearchValue: r,
         isSearchingPickupPoints: w || v,
-        locale: M,
+        locale: C,
         onSearchPickupPoint: F,
         searchPickupPointsErrorMessage: y ? s.failedToSearchPickupPoints : void 0
       },

package/dist/CheckoutShippingStep/CheckoutShippingStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutShippingStep.d.ts","sourceRoot":"","sources":["../../src/CheckoutShippingStep/CheckoutShippingStep.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,gEAAgE,CAAC;AAGxE,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,YAAY,CAAC,EAAE;QACb,qBAAqB,CAAC,EAAE,kCAAkC,CAAC,cAAc,CAAC,CAAC;KAC5E,CAAC;CACH;AAED,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,qDAuBpE,CAAC"}
+{"version":3,"file":"CheckoutShippingStep.d.ts","sourceRoot":"","sources":["../../src/CheckoutShippingStep/CheckoutShippingStep.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,gEAAgE,CAAC;AAIxE,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,YAAY,CAAC,EAAE;QACb,qBAAqB,CAAC,EAAE,kCAAkC,CAAC,cAAc,CAAC,CAAC;KAC5E,CAAC;CACH;AAED,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,qDAwBpE,CAAC"}

package/dist/CheckoutShippingStep/CheckoutShippingStep.js

@@ -1,21 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useCheckout as h } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { jsx as h } from "react/jsx-runtime";
+import { useCheckout as m } from "../CheckoutStateProvider/CheckoutStateProvider.js";
 import { CheckoutShippingMethodSection as u } from "../CheckoutShippingMethodSection/CheckoutShippingMethodSection.js";
-import { useFormContext as d } from "@afosto/components";
-const g = (t) => {
-  const { translations: o = {} } = t || {}, { translations: n } = h(), { formProps: s } = d(), { data: i = [] } = s || {}, [r] = i || [], { shipping: a } = r || {}, { countryCode: e, postalCode: p } = a || {}, c = {
+import { useCheckoutFormContext as d } from "../hooks/useCheckoutFormContext.js";
+const k = (o) => {
+  const { translations: t = {} } = o || {}, { translations: n } = m(), { formProps: s } = d(), { data: r = [] } = s || {}, [i] = r || [], { shipping: e } = i || {}, { countryCode: a, postalCode: c } = e || {}, p = {
     ...n,
-    ...o || {}
+    ...t || {}
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(
     u,
     {
-      countryCode: e,
-      postalCode: p,
-      translations: c.shippingMethodSection
+      countryCode: a ?? "",
+      postalCode: c,
+      translations: p.shippingMethodSection
     }
   );
 };
 export {
-  g as CheckoutShippingStep
+  k as CheckoutShippingStep
 };

package/dist/CheckoutSubmitButton/CheckoutSubmitButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutSubmitButton.d.ts","sourceRoot":"","sources":["../../src/CheckoutSubmitButton/CheckoutSubmitButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAG9E,MAAM,WAAW,yBAA0B,SAAQ,WAAW;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,qDAiDpE,CAAC"}
+{"version":3,"file":"CheckoutSubmitButton.d.ts","sourceRoot":"","sources":["../../src/CheckoutSubmitButton/CheckoutSubmitButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAI9D,MAAM,WAAW,yBAA0B,SAAQ,WAAW;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,qDAiDpE,CAAC"}

package/dist/CheckoutSubmitButton/CheckoutSubmitButton.js

@@ -1,30 +1,31 @@
 import { jsx as p } from "react/jsx-runtime";
-import { useFormContext as f, Button as g } from "@afosto/components";
-import { useCheckout as h } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-const v = (t) => {
+import { Button as f } from "@afosto/components";
+import { useCheckoutFormContext as h } from "../hooks/useCheckoutFormContext.js";
+import { useCheckout as g } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const F = (t) => {
   const {
     disabled: o,
     label: i,
-    loading: n,
-    ...u
+    loading: u,
+    ...n
   } = t, {
     formRef: s,
     isProcessing: e,
     submitButtonDisabled: b
-  } = h(), m = f(), { isSubmitting: r, submitButtonProps: d } = m?.formProps ?? {}, {
+  } = g(), m = h(), { isSubmitting: r, submitButtonProps: d } = m?.formProps ?? {}, {
     disabled: l,
     label: a,
     loading: c,
     ...B
   } = d ?? {};
   return /* @__PURE__ */ p(
-    g,
+    f,
     {
       fullWidth: !0,
-      ...u,
+      ...n,
       ...B,
       disabled: o ?? (b || l),
-      loading: n ?? (c || e || r),
+      loading: u ?? (c || e || r),
       onClick: () => {
         s.current?.submitForm();
       },
@@ -34,5 +35,5 @@ const v = (t) => {
   );
 };
 export {
-  v as CheckoutSubmitButton
+  F as CheckoutSubmitButton
 };