@afosto/checkout-ui 0.0.17 → 0.0.18

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/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
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CheckoutSummary.d.ts","sourceRoot":"","sources":["../../src/CheckoutSummary/CheckoutSummary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE5E,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,8DAA8D,CAAC;AAEtE,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,sEAAsE,CAAC;AAC9E,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,oEAAoE,CAAC;AAI5E,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,oEAAoE,CAAC;AAC5E,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,0EAA0E,CAAC;AAClF,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,kEAAkE,CAAC;AAG1E,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;IACjE,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,WAAW,CAAC,+BAA+B,CAAC,CAAC;QAC3D,IAAI,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;KACvC,CAAC;IACF,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,SAAS,CACrB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,+BAA+B,CAAC,CAC1E,CAAC;QACF,IAAI,CAAC,EAAE,SAAS,CACd,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAC1E,CAAC;KACH,CAAC;IACF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,GACpD,4BAA4B,CAAC,cAAc,CAAC,GAC5C,gCAAgC,CAAC,cAAc,CAAC,GAChD,+BAA+B,CAAC,cAAc,CAAC,GAC/C,kCAAkC,CAAC,cAAc,CAAC,GAClD,8BAA8B,CAAC,cAAc,CAAC,GAC9C,+BAA+B,CAAC,cAAc,CAAC,CAAC;CACnD;AAMD,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,qDAgJ1D,CAAC"}
+{"version":3,"file":"CheckoutSummary.d.ts","sourceRoot":"","sources":["../../src/CheckoutSummary/CheckoutSummary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE5E,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,8DAA8D,CAAC;AAEtE,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,sEAAsE,CAAC;AAC9E,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,oEAAoE,CAAC;AAI5E,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,oEAAoE,CAAC;AAC5E,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,0EAA0E,CAAC;AAClF,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,kEAAkE,CAAC;AAG1E,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;IACjE,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,WAAW,CAAC,+BAA+B,CAAC,CAAC;QAC3D,IAAI,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;KACvC,CAAC;IACF,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,SAAS,CACrB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,+BAA+B,CAAC,CAC1E,CAAC;QACF,IAAI,CAAC,EAAE,SAAS,CACd,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAC1E,CAAC;KACH,CAAC;IACF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,GACpD,4BAA4B,CAAC,cAAc,CAAC,GAC5C,gCAAgC,CAAC,cAAc,CAAC,GAChD,+BAA+B,CAAC,cAAc,CAAC,GAC/C,kCAAkC,CAAC,cAAc,CAAC,GAClD,8BAA8B,CAAC,cAAc,CAAC,GAC9C,+BAA+B,CAAC,cAAc,CAAC,CAAC;CACnD;AAMD,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,qDA+I1D,CAAC"}

package/dist/CheckoutSummary/CheckoutSummary.js

@@ -38,14 +38,14 @@ const N = {
     m
   ) ? m : F?.disableCouponModifications, t = C || T, u = (t?.agreements || [] || []).filter(
     (n) => n.type?.toLowerCase() === "down_payment" && (!n.isPercentage || n.isPercentage && n.amount > 0 && n.amount < 100)
-  ), l = u.length > 0, V = (t?.adjustments || []).length > 0, j = (t?.coupons || []).length > 0, x = (t?.items || []).length > 0, r = {
+  ), l = u.length > 0, j = (t?.adjustments || []).length > 0, x = (t?.coupons || []).length > 0, w = (t?.items || []).length > 0, r = {
     ...N,
     ...b?.summary || {},
     ...P || {}
   }, d = {
     ...Q,
     ...g
-  }, p = d.item, w = y({}, c.item, {}), A = d.couponField, I = y(
+  }, p = d.item, A = y({}, c.item, {}), V = d.couponField, I = y(
     {},
     c.couponField,
     {}
@@ -58,23 +58,22 @@ const N = {
         translations: { title: r.title }
       }
     ),
-    x && /* @__PURE__ */ o(s, { disablePadding: !0, sx: { overflow: "auto" }, children: /* @__PURE__ */ o(
+    w && /* @__PURE__ */ o(s, { disablePadding: !0, sx: { overflow: "auto" }, children: /* @__PURE__ */ o(
       B,
       {
         currency: t?.currency,
         locale: e,
         items: t?.items,
         slots: p ? { item: p } : {},
-        slotProps: { item: { ...w, currency: t?.currency } }
+        slotProps: { item: { ...A, currency: t?.currency } }
       }
     ) }),
-    !a && /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(A, { ...I, translations: r }) }),
+    !a && /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(V, { ...I, translations: r }) }),
     /* @__PURE__ */ i(s, { children: [
       /* @__PURE__ */ o(
         E,
         {
           currency: t?.currency,
-          isVatShifted: t?.isVatShifted,
           locale: e,
           value: t?.subtotal,
           translations: r
@@ -99,7 +98,7 @@ const N = {
         }
       )
     ] }),
-    (V || j) && /* @__PURE__ */ i(s, { children: [
+    (j || x) && /* @__PURE__ */ i(s, { children: [
       /* @__PURE__ */ o(
         _,
         {

package/dist/CheckoutSummary/components/CheckoutSummarySubtotal/CheckoutSummarySubtotal.d.ts

@@ -1,10 +1,8 @@
 import { CheckoutSummaryRowProps } from '../CheckoutSummaryRow/CheckoutSummaryRow';
 declare const defaultTranslations: {
-    inclVat: string;
     subtotal: string;
 };
 export interface CheckoutSummarySubtotalProps extends Omit<CheckoutSummaryRowProps, 'description' | 'value'> {
-    isVatShifted?: boolean;
     translations?: Partial<typeof defaultTranslations>;
     value?: number;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CheckoutSummarySubtotal.d.ts","sourceRoot":"","sources":["../../../../src/CheckoutSummary/components/CheckoutSummarySubtotal/CheckoutSummarySubtotal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,0CAA0C,CAAC;AAGlD,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,MAAM,WAAW,4BACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,aAAa,GAAG,OAAO,CAAC;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,mBAAmB,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,uBAAuB,GAClC,OAAO,4BAA4B,qDA+BpC,CAAC"}
+{"version":3,"file":"CheckoutSummarySubtotal.d.ts","sourceRoot":"","sources":["../../../../src/CheckoutSummary/components/CheckoutSummarySubtotal/CheckoutSummarySubtotal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,0CAA0C,CAAC;AAGlD,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,4BACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,aAAa,GAAG,OAAO,CAAC;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,mBAAmB,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,uBAAuB,GAClC,OAAO,4BAA4B,qDA0BpC,CAAC"}

package/dist/CheckoutSummary/components/CheckoutSummarySubtotal/CheckoutSummarySubtotal.js

@@ -1,29 +1,27 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { CheckoutSummaryRow as m } from "../CheckoutSummaryRow/CheckoutSummaryRow.js";
-import { useCheckout as d } from "../../../CheckoutStateProvider/CheckoutStateProvider.js";
-const h = {
-  inclVat: "incl. VAT",
+import { useCheckout as c } from "../../../CheckoutStateProvider/CheckoutStateProvider.js";
+const i = {
   subtotal: "Subtotal"
-}, V = (a) => {
+}, h = (t) => {
   const {
-    isVatShifted: s,
-    value: r,
-    translations: i,
-    ...n
-  } = a, { summary: t, translations: e } = d(), u = s ?? t?.isVatShifted ?? !1, l = r ?? t?.subtotal ?? 0, o = {
-    ...h,
-    ...e?.summary || {},
-    ...i || {}
+    value: o,
+    translations: s,
+    ...a
+  } = t, { summary: r, translations: u } = c(), n = o ?? r?.subtotal ?? 0, e = {
+    ...i,
+    ...u?.summary || {},
+    ...s || {}
   };
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     m,
     {
-      ...n,
-      description: `${o.subtotal}${u ? ` (${o.inclVat})` : ""}`,
-      value: l
+      ...a,
+      description: e.subtotal,
+      value: n
     }
   );
 };
 export {
-  V as CheckoutSummarySubtotal
+  h as CheckoutSummarySubtotal
 };