@afosto/checkout-ui 0.0.11 → 0.0.13

package/dist/CheckoutAddressSection/CheckoutAddressSection.js

@@ -1,27 +1,33 @@
-import { jsxs as V, jsx as r } from "react/jsx-runtime";
-import { useFormContext as j, Collapse as f } from "@afosto/components";
-import { CheckoutAddressCard as q } from "../CheckoutAddressCard/CheckoutAddressCard.js";
-import { CheckoutSection as D } from "../CheckoutSection/CheckoutSection.js";
-import { CheckoutSectionHeader as H } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
-import { CheckoutAddressFields as O } from "../CheckoutAddressFields/CheckoutAddressFields.js";
-import { string as e, object as p } from "yup";
-import { useState as $, useEffect as z } from "react";
-import { isDefined as B } from "@afosto/utils";
-import { useCheckout as I } from "../CheckoutStateProvider/CheckoutStateProvider.js";
-const Z = {
-  givenName: e().required(),
-  additionalName: e().nullable(),
-  familyName: e().required(),
-  country: p().nullable().required(),
-  postalCode: e(),
-  premiseNumber: e().numbersOnly(),
-  premiseNumberSuffix: e().maxLength(15),
-  addressLine1: e(),
-  addressLine2: e(),
-  administrativeArea: p().nullable(),
-  thoroughfare: e(),
-  locality: e()
-}, G = {
+import { jsxs as B, jsx as t } from "react/jsx-runtime";
+import { useFormContext as H, Collapse as b } from "@afosto/components";
+import { CheckoutAddressCard as O } from "../CheckoutAddressCard/CheckoutAddressCard.js";
+import { CheckoutSection as R } from "../CheckoutSection/CheckoutSection.js";
+import { CheckoutSectionHeader as $ } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { CheckoutAddressFields as z } from "../CheckoutAddressFields/CheckoutAddressFields.js";
+import { string as e, object as y } from "yup";
+import { useState as I, useEffect as Z } from "react";
+import { isDefined as G } from "@afosto/utils";
+import { useCheckout as J } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const K = (r) => {
+  const { isSalutationRequired: o = !1, salutation: i = !1 } = r || {};
+  return {
+    ...i ? {
+      salutation: o ? e().required() : e().nullable()
+    } : {},
+    givenName: e().required(),
+    additionalName: e().nullable(),
+    familyName: e().required(),
+    country: y().nullable().required(),
+    postalCode: e(),
+    premiseNumber: e().numbersOnly(),
+    premiseNumberSuffix: e().maxLength(15),
+    addressLine1: e(),
+    addressLine2: e(),
+    administrativeArea: y().nullable(),
+    thoroughfare: e(),
+    locality: e()
+  };
+}, Q = {
   addressFields: {
     additionalName: "Prefix",
     addressLine2: "Address line 2",
@@ -36,83 +42,88 @@ const Z = {
     premiseNumber: "House number",
     premiseNumberSuffix: "Suffix",
     province: "Province",
+    salutation: "Salutation",
+    salutationMr: "Mr.",
+    salutationMrs: "Ms.",
     state: "State",
     suburb: "Suburb",
     thoroughfare: "Street",
     zip: "ZIP code"
   }
-}, re = (C) => {
+}, de = (r) => {
   const {
-    address: S,
-    addressCardProps: b = {},
-    availableCountryCodes: y = [],
-    canEdit: F = !0,
-    checkFieldsState: g = !1,
-    children: k,
+    address: o,
+    addressCardProps: i = {},
+    availableCountryCodes: F = [],
+    canEdit: g = !0,
+    checkFieldsState: k = !1,
+    children: v,
     name: s,
     onChangeCountry: A,
-    onChangeValidationSchema: v,
-    showAddressCard: o,
+    onChangeValidationSchema: w,
+    showAddressCard: n,
     showOrganisationField: N = !1,
-    title: d,
-    translations: i = {},
-    validationSchema: w = Z,
-    ...x
-  } = C, [n, t] = $(
-    o ?? !1
-  ), { translations: l } = I(), { clearErrors: c, setValue: a, trigger: m, watch: P } = j(), [E] = P([s]), L = S ?? E, u = g && !B(o);
-  z(() => {
-    u ? (async () => {
+    title: l,
+    translations: c = {},
+    validationSchema: x,
+    ...P
+  } = r, [u, a] = I(
+    n ?? !1
+  ), { settings: m, translations: h } = J(), { isSalutationRequired: q = !1, salutation: E = !1 } = m || {}, { clearErrors: f, setValue: d, trigger: p, watch: L } = H(), [T] = L([s]), V = o ?? T, C = k && !G(n), M = !!E, j = x ?? K(m);
+  Z(() => {
+    C ? (async () => {
       try {
-        const h = await m(s);
-        c(s), h || a(`${s}.isDirty`, !0), t(h);
+        const S = await p(s);
+        f(s), S || d(`${s}.isDirty`, !0), a(S);
       } catch {
-        t(!1);
+        a(!1);
       }
-    })() : t(!1);
-  }, [c, s, a, u, m]);
-  const T = {
-    ...l?.addressSection || {},
-    ...i || {},
+    })() : a(!1);
+  }, [f, s, d, C, p]);
+  const D = {
+    ...h?.addressSection || {},
+    ...c || {},
     addressFields: {
-      ...G.addressFields || {},
-      ...l?.addressFields || {},
-      ...i?.addressFields || {}
+      ...Q.addressFields || {},
+      ...h?.addressFields || {},
+      ...c?.addressFields || {}
     }
   };
-  return /* @__PURE__ */ V(D, { ...x, children: [
-    /* @__PURE__ */ r(H, { title: d }),
-    /* @__PURE__ */ r(f, { in: n, children: /* @__PURE__ */ r(
-      q,
+  return /* @__PURE__ */ B(R, { ...P, children: [
+    /* @__PURE__ */ t($, { title: l }),
+    /* @__PURE__ */ t(b, { in: u, children: /* @__PURE__ */ t(
+      O,
       {
-        address: L,
-        canEdit: F,
+        address: V,
+        canEdit: g,
         onEdit: () => {
-          t(!1), a(`${s}.isDirty`, !0);
+          a(!1), d(`${s}.isDirty`, !0);
         }
       }
     ) }),
-    /* @__PURE__ */ r(f, { in: !n, children: /* @__PURE__ */ r(
-      O,
+    /* @__PURE__ */ t(b, { in: !u, children: /* @__PURE__ */ t(
+      z,
       {
         addressCardProps: {
           editComponentType: "link",
-          ...b
+          ...i
         },
         name: s,
-        title: d,
-        availableCountryCodes: y,
-        fieldLabels: T.addressFields,
+        title: l,
+        availableCountryCodes: F,
+        fieldLabels: D.addressFields,
+        isSalutationRequired: q,
         onChangeCountry: A,
-        onChangeValidationSchema: v,
+        onChangeValidationSchema: w,
         showOrganisationField: N,
-        validationSchema: w
+        showSalutationField: M,
+        validationSchema: j
       }
     ) }),
-    k
+    v
   ] });
 };
 export {
-  re as CheckoutAddressSection,
-  Z as baseAddressValidationSchema
+  de as CheckoutAddressSection,
+  K as getBaseAddressValidationSchema
 };

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,14 +4,12 @@ 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;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"}
+{"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"}