@afosto/checkout-ui 0.0.10 → 0.0.12

package/dist/CheckoutForm/CheckoutForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutForm.d.ts","sourceRoot":"","sources":["../../src/CheckoutForm/CheckoutForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,OAAO,EACZ,KAAK,KAAK,EACX,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,WAAW,EAEZ,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,KAAK,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAYzD,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcxB,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,YAAY,GAAG,OAAO,GAAG,aAAa,CAAC;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,OAAO,CAAC,EAAE,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EACtC,UAAU,EAAE,OAAO,EACnB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,QAAQ,KACd,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;CACrD;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,qDAmSpD,CAAC"}
+{"version":3,"file":"CheckoutForm.d.ts","sourceRoot":"","sources":["../../src/CheckoutForm/CheckoutForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,OAAO,EACZ,KAAK,KAAK,EACX,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,WAAW,EAEZ,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,KAAK,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAYzD,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcxB,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,YAAY,GAAG,OAAO,GAAG,aAAa,CAAC;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,OAAO,CAAC,EAAE,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EACtC,UAAU,EAAE,OAAO,EACnB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,QAAQ,KACd,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;CACrD;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,qDAyTpD,CAAC"}

package/dist/CheckoutForm/CheckoutForm.js

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

package/dist/CheckoutInformationStep/CheckoutInformationStep.d.ts

@@ -4,12 +4,14 @@ import { CheckoutBusinessInformationSectionProps } from '../CheckoutBusinessInfo
 import { CheckoutShippingAddressSectionProps } from '../CheckoutShippingAddressSection/CheckoutShippingAddressSection';
 import { CheckoutBillingAddressSectionProps } from '../CheckoutBillingAddressSection/CheckoutBillingAddressSection';
 import { CheckoutExpressCheckoutSectionProps } from '../CheckoutExpressCheckoutSection/CheckoutExpressCheckoutSection';
+import { CheckoutSalutationSectionProps } from '../CheckoutSalutationSection/CheckoutSalutationSection';
 export interface CheckoutInformationStepProps {
     translations?: {
         billingAddressSection?: CheckoutBillingAddressSectionProps['translations'];
         businessInformationSection?: CheckoutBusinessInformationSectionProps['translations'];
         contactInformationSection?: CheckoutContactInformationSectionProps['translations'];
         expressCheckoutSection?: CheckoutExpressCheckoutSectionProps['translations'];
+        salutationSection?: CheckoutSalutationSectionProps['translations'];
         shippingAddressSection?: CheckoutShippingAddressSectionProps['translations'];
         typeSection?: CheckoutTypeSectionProps['translations'];
     };

package/dist/CheckoutInformationStep/CheckoutInformationStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutInformationStep.d.ts","sourceRoot":"","sources":["../../src/CheckoutInformationStep/CheckoutInformationStep.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,sCAAsC,EAC5C,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAEL,KAAK,uCAAuC,EAC7C,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,kEAAkE,CAAC;AAC1E,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,gEAAgE,CAAC;AACxE,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,kEAAkE,CAAC;AAE1E,MAAM,WAAW,4BAA4B;IAC3C,YAAY,CAAC,EAAE;QACb,qBAAqB,CAAC,EAAE,kCAAkC,CAAC,cAAc,CAAC,CAAC;QAC3E,0BAA0B,CAAC,EAAE,uCAAuC,CAAC,cAAc,CAAC,CAAC;QACrF,yBAAyB,CAAC,EAAE,sCAAsC,CAAC,cAAc,CAAC,CAAC;QACnF,sBAAsB,CAAC,EAAE,mCAAmC,CAAC,cAAc,CAAC,CAAC;QAC7E,sBAAsB,CAAC,EAAE,mCAAmC,CAAC,cAAc,CAAC,CAAC;QAC7E,WAAW,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;KACxD,CAAC;CACH;AAED,eAAO,MAAM,uBAAuB,GAClC,OAAO,4BAA4B,qDAmDpC,CAAC"}
+{"version":3,"file":"CheckoutInformationStep.d.ts","sourceRoot":"","sources":["../../src/CheckoutInformationStep/CheckoutInformationStep.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,sCAAsC,EAC5C,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAEL,KAAK,uCAAuC,EAC7C,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,kEAAkE,CAAC;AAC1E,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,gEAAgE,CAAC;AACxE,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,kEAAkE,CAAC;AAC1E,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,wDAAwD,CAAC;AAEhE,MAAM,WAAW,4BAA4B;IAC3C,YAAY,CAAC,EAAE;QACb,qBAAqB,CAAC,EAAE,kCAAkC,CAAC,cAAc,CAAC,CAAC;QAC3E,0BAA0B,CAAC,EAAE,uCAAuC,CAAC,cAAc,CAAC,CAAC;QACrF,yBAAyB,CAAC,EAAE,sCAAsC,CAAC,cAAc,CAAC,CAAC;QACnF,sBAAsB,CAAC,EAAE,mCAAmC,CAAC,cAAc,CAAC,CAAC;QAC7E,iBAAiB,CAAC,EAAE,8BAA8B,CAAC,cAAc,CAAC,CAAC;QACnE,sBAAsB,CAAC,EAAE,mCAAmC,CAAC,cAAc,CAAC,CAAC;QAC7E,WAAW,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;KACxD,CAAC;CACH;AAED,eAAO,MAAM,uBAAuB,GAClC,OAAO,4BAA4B,qDAyDpC,CAAC"}

package/dist/CheckoutInformationStep/CheckoutInformationStep.js

@@ -1,56 +1,63 @@
-import { jsxs as u, Fragment as g, jsx as o } from "react/jsx-runtime";
-import { useFormContext as f, Collapse as i } from "@afosto/components";
-import { CheckoutContactInformationSection as C } from "../CheckoutContactInformationSection/CheckoutContactInformationSection.js";
-import { CheckoutTypeSection as k } from "../CheckoutTypeSection/CheckoutTypeSection.js";
-import { useCheckout as x } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-import { CheckoutBusinessInformationSection as A } from "../CheckoutBusinessInformationSection/CheckoutBusinessInformationSection.js";
-import { CheckoutShippingAddressSection as y } from "../CheckoutShippingAddressSection/CheckoutShippingAddressSection.js";
-import { CheckoutBillingAddressSection as B } from "../CheckoutBillingAddressSection/CheckoutBillingAddressSection.js";
-import { CheckoutExpressCheckoutSection as I } from "../CheckoutExpressCheckoutSection/CheckoutExpressCheckoutSection.js";
-const P = (e) => {
-  const { translations: t = {} } = e || {}, { expressPaymentMethods: r, isSignedIn: a, settings: c } = x(), { isB2bExcluded: p, isB2cExcluded: m } = c || {}, { watch: d } = f(), [h, l, n] = d([
+import { jsxs as C, Fragment as k, jsx as t } from "react/jsx-runtime";
+import { useFormContext as x, Collapse as i } from "@afosto/components";
+import { CheckoutContactInformationSection as A } from "../CheckoutContactInformationSection/CheckoutContactInformationSection.js";
+import { CheckoutTypeSection as y } from "../CheckoutTypeSection/CheckoutTypeSection.js";
+import { useCheckout as B } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutBusinessInformationSection as I } from "../CheckoutBusinessInformationSection/CheckoutBusinessInformationSection.js";
+import { CheckoutShippingAddressSection as b } from "../CheckoutShippingAddressSection/CheckoutShippingAddressSection.js";
+import { CheckoutBillingAddressSection as w } from "../CheckoutBillingAddressSection/CheckoutBillingAddressSection.js";
+import { CheckoutExpressCheckoutSection as E } from "../CheckoutExpressCheckoutSection/CheckoutExpressCheckoutSection.js";
+import { CheckoutSalutationSection as F } from "../CheckoutSalutationSection/CheckoutSalutationSection.js";
+const G = (e) => {
+  const { translations: o = {} } = e || {}, { expressPaymentMethods: r, isSignedIn: a, settings: c } = B(), { isB2bExcluded: m, isB2cExcluded: p, salutation: l } = c || {}, { watch: d } = x(), [h, u, n] = d([
     "organisation",
     "type",
     "sameBillingAsShippingAddress"
-  ]), s = l === "business", S = !(h?.type?.toLowerCase() === "shared") && !p && !m;
-  return /* @__PURE__ */ u(g, { children: [
-    !a && r.length > 0 && /* @__PURE__ */ o(
-      I,
+  ]), s = u === "business", S = h?.type?.toLowerCase() === "shared", g = !!l, f = !S && !m && !p;
+  return /* @__PURE__ */ C(k, { children: [
+    !a && r.length > 0 && /* @__PURE__ */ t(
+      E,
       {
-        translations: t.expressCheckoutSection,
+        translations: o.expressCheckoutSection,
         sx: {
           mb: 3
         }
       }
     ),
-    /* @__PURE__ */ o(
-      C,
+    /* @__PURE__ */ t(
+      A,
       {
-        translations: t.contactInformationSection
+        translations: o.contactInformationSection
       }
     ),
-    S && /* @__PURE__ */ o(k, { translations: t.typeSection }),
-    /* @__PURE__ */ o(i, { in: s, children: /* @__PURE__ */ o(
-      A,
+    f && /* @__PURE__ */ t(y, { translations: o.typeSection }),
+    /* @__PURE__ */ t(i, { in: s, children: /* @__PURE__ */ t(
+      I,
       {
-        translations: t.businessInformationSection
+        translations: o.businessInformationSection
       }
     ) }),
-    /* @__PURE__ */ o(
-      y,
+    g && /* @__PURE__ */ t(
+      F,
+      {
+        translations: o.salutationSection
+      }
+    ),
+    /* @__PURE__ */ t(
+      b,
       {
         showOrganisationField: !n && s,
-        translations: t.shippingAddressSection
+        translations: o.shippingAddressSection
       }
     ),
-    /* @__PURE__ */ o(i, { in: !n, children: /* @__PURE__ */ o(
-      B,
+    /* @__PURE__ */ t(i, { in: !n, children: /* @__PURE__ */ t(
+      w,
       {
-        translations: t.billingAddressSection
+        translations: o.billingAddressSection
       }
     ) })
   ] });
 };
 export {
-  P as CheckoutInformationStep
+  G as CheckoutInformationStep
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CheckoutProvider.d.ts","sourceRoot":"","sources":["../../src/CheckoutProvider/CheckoutProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,OAAO,EAAE,sBAAsB,EAAgB,MAAM,oBAAoB,CAAC;AAC1E,OAAO,KAAK,EACV,gBAAgB,EAChB,6CAA6C,EAC7C,aAAa,EACb,oBAAoB,EAEpB,WAAW,EACX,4BAA4B,EAC5B,4BAA4B,EAC5B,uBAAuB,EACxB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAG7E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAOzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EACP,WAAW,CAAC,sBAAsB,CAAC,GACnC,CAAC,WAAW,CAAC,sBAAsB,CAAC,GAClC,MAAM,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,MAAM,WAAW,8BAA8B;IAC7C,MAAM,CAAC,EAAE,KAAK,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,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EACN,WAAW,CAAC,iBAAiB,CAAC,GAC9B,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAC7B,MAAM,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,qCAAqC,CAAC,EAAE,6CAA6C,CAAC;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAClD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,MAAM,MAAM,qBAAqB,GAC7B,CAAC,6BAA6B,GAC5B,yBAAyB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,GACJ,CAAC,8BAA8B,GAC7B,yBAAyB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAET,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,qDA4K5D,CAAC"}
+{"version":3,"file":"CheckoutProvider.d.ts","sourceRoot":"","sources":["../../src/CheckoutProvider/CheckoutProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,OAAO,EAAE,sBAAsB,EAAgB,MAAM,oBAAoB,CAAC;AAC1E,OAAO,KAAK,EACV,gBAAgB,EAChB,6CAA6C,EAC7C,aAAa,EACb,oBAAoB,EAEpB,WAAW,EACX,4BAA4B,EAC5B,4BAA4B,EAC5B,uBAAuB,EACxB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAG7E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAOzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EACP,WAAW,CAAC,sBAAsB,CAAC,GACnC,CAAC,WAAW,CAAC,sBAAsB,CAAC,GAClC,MAAM,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,MAAM,WAAW,8BAA8B;IAC7C,MAAM,CAAC,EAAE,KAAK,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,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EACN,WAAW,CAAC,iBAAiB,CAAC,GAC9B,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAC7B,MAAM,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,qCAAqC,CAAC,EAAE,6CAA6C,CAAC;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAClD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,MAAM,MAAM,qBAAqB,GAC7B,CAAC,6BAA6B,GAC5B,yBAAyB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,GACJ,CAAC,8BAA8B,GAC7B,yBAAyB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAET,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,qDAkL5D,CAAC"}

package/dist/CheckoutProvider/CheckoutProvider.js

@@ -4,7 +4,7 @@ import { CheckoutOrderProvider as O } from "../CheckoutOrderProvider/CheckoutOrd
 import { CheckoutCartProvider as A } from "../CheckoutCartProvider/CheckoutCartProvider.js";
 import { useGetLatest as V } from "@afosto/hooks";
 import "@afosto/storefront";
-import { camelize as j, isDefined as o } from "@afosto/utils";
+import { camelize as j, isDefined as t } from "@afosto/utils";
 import { CheckoutPayPalExpressButton as z } from "../CheckoutPayPalExpressButton/CheckoutPayPalExpressButton.js";
 import { CheckoutExpressButton as D } from "../CheckoutExpressButton/CheckoutExpressButton.js";
 import { deepMerge as F } from "../utils/deepMerge.js";
@@ -14,8 +14,8 @@ import { shippingStep as _ } from "../steps/shippingStep.js";
 import { paymentStep as $ } from "../steps/paymentStep.js";
 import { reviewStep as H } from "../steps/reviewStep.js";
 import { createSummary as J } from "../utils/createSummary.js";
-const de = (t) => {
-  if ("cartId" in t && "orderId" in t)
+const de = (o) => {
+  if ("cartId" in o && "orderId" in o)
     throw new Error("Cannot provide both cartId and orderId");
   const {
     createSummary: h = J,
@@ -25,12 +25,12 @@ const de = (t) => {
     operations: b,
     queryClient: C,
     settings: e,
-    steps: c,
-    storefront: u,
+    steps: u,
+    storefront: c,
     theme: g,
     translations: y = {},
     ...R
-  } = t, S = L(!1), [r, l] = v(null), [q, E] = v(!0), x = V(u), N = k || r?.locale?.replace("_", "-") || "en", P = {
+  } = o, S = L(!1), [r, l] = v(null), [q, E] = v(!0), x = V(c), N = k || r?.locale?.replace("_", "-") || "en", P = {
     ...M || {},
     default: D,
     paypalExpress: z
@@ -45,27 +45,29 @@ const de = (t) => {
     ),
     channelLinks: m,
     currency: e?.currency || r?.pricing?.currency,
-    disableCouponModifications: o(
+    disableCouponModifications: t(
       e?.disableCouponModifications
     ) ? e?.disableCouponModifications : !1,
-    isAccountEnabled: o(e?.isAccountEnabled) ? e?.isAccountEnabled : o(m?.myAccount),
-    isB2bExcluded: o(e?.isB2bExcluded) ? e?.isB2bExcluded : r?.options?.isB2bExcluded ?? !1,
-    isB2cExcluded: o(e?.isB2cExcluded) ? e?.isB2cExcluded : r?.options?.isB2cExcluded ?? !1,
-    isPhoneNumberRequired: o(e?.isPhoneNumberRequired) ? e?.isPhoneNumberRequired : r?.options?.isPhoneNumberRequired ?? !1,
-    isCocNumberRequired: o(e?.isCocNumberRequired) ? e?.isCocNumberRequired : r?.options?.isCocNumberRequired ?? !1,
-    isSharedOrganisationRequired: o(
+    isAccountEnabled: t(e?.isAccountEnabled) ? e?.isAccountEnabled : t(m?.myAccount),
+    isB2bExcluded: t(e?.isB2bExcluded) ? e?.isB2bExcluded : r?.options?.isB2bExcluded ?? !1,
+    isB2cExcluded: t(e?.isB2cExcluded) ? e?.isB2cExcluded : r?.options?.isB2cExcluded ?? !1,
+    isPhoneNumberRequired: t(e?.isPhoneNumberRequired) ? e?.isPhoneNumberRequired : r?.options?.isPhoneNumberRequired ?? !1,
+    isCocNumberRequired: t(e?.isCocNumberRequired) ? e?.isCocNumberRequired : r?.options?.isCocNumberRequired ?? !1,
+    isSalutationRequired: t(e?.isSalutationRequired) ? e?.isSalutationRequired : !1,
+    isSharedOrganisationRequired: t(
       e?.isSharedOrganisationRequired
     ) ? e?.isSharedOrganisationRequired : r?.options?.isSharedOrganisationRequired ?? !1,
-    isVatNumberRequired: o(e?.isVatNumberRequired) ? e?.isVatNumberRequired : r?.options?.isVatNumberRequired ?? !1,
+    isVatNumberRequired: t(e?.isVatNumberRequired) ? e?.isVatNumberRequired : r?.options?.isVatNumberRequired ?? !1,
     links: {
       ...m,
       ...e?.links || {}
     },
     logo: e?.logo || r?.logo,
+    salutation: t(e?.salutation) ? e?.salutation : !1,
     storeName: e?.storeName || r?.name
   };
   let p = [G, _, $, H];
-  if (c && c.length > 0 && (p = c), w(() => {
+  if (u && u.length > 0 && (p = u), w(() => {
     const n = async () => {
       try {
         const i = x();
@@ -82,8 +84,8 @@ const de = (t) => {
       }
     };
     !s && !S.current && (S.current = !0, n());
-  }, [x, s]), "orderId" in t) {
-    const { orderId: n = "" } = t;
+  }, [x, s]), "orderId" in o) {
+    const { orderId: n = "" } = o;
     return /* @__PURE__ */ d(
       B,
       {
@@ -103,7 +105,7 @@ const de = (t) => {
             operations: b,
             settings: a,
             steps: p,
-            storefront: u,
+            storefront: c,
             translations: y,
             ...R
           }
@@ -111,7 +113,7 @@ const de = (t) => {
       }
     );
   }
-  const { cartId: I } = t;
+  const { cartId: I } = o;
   return /* @__PURE__ */ d(
     B,
     {
@@ -131,7 +133,7 @@ const de = (t) => {
           operations: b,
           settings: a,
           steps: p,
-          storefront: u,
+          storefront: c,
           translations: y,
           ...R
         }

package/dist/CheckoutSalutationSection/CheckoutSalutationSection.d.ts

@@ -0,0 +1,13 @@
+import { CheckoutSectionProps } from '../CheckoutSection/CheckoutSection';
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    title: string;
+    mr: string;
+    mrs: string;
+};
+export interface CheckoutSalutationSectionProps extends Omit<CheckoutSectionProps, 'children'> {
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutSalutationSection: (props: CheckoutSalutationSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutSalutationSection.d.ts.map

package/dist/CheckoutSalutationSection/CheckoutSalutationSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutSalutationSection.d.ts","sourceRoot":"","sources":["../../src/CheckoutSalutationSection/CheckoutSalutationSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAG5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,yBAAyB,GACpC,OAAO,8BAA8B,qDAsBtC,CAAC"}