@afosto/checkout-ui 0.0.5 → 0.0.7

package/dist/CheckoutPaymentMethodOption/CheckoutPaymentMethodOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPaymentMethodOption.d.ts","sourceRoot":"","sources":["../../src/CheckoutPaymentMethodOption/CheckoutPaymentMethodOption.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,sDAAsD,CAAC;AAG9D,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAIhE,MAAM,WAAW,gCAAgC;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,6BAA6B,CAAC,UAAU,CAAC,CAAC;IACpD,MAAM,EAAE,+BAA+B,CAAC;CACzC;AAED,eAAO,MAAM,2BAA2B,GACtC,OAAO,gCAAgC,qDAsCxC,CAAC"}
+{"version":3,"file":"CheckoutPaymentMethodOption.d.ts","sourceRoot":"","sources":["../../src/CheckoutPaymentMethodOption/CheckoutPaymentMethodOption.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,sDAAsD,CAAC;AAG9D,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAKhE,MAAM,WAAW,gCAAgC;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,6BAA6B,CAAC,UAAU,CAAC,CAAC;IACpD,MAAM,EAAE,+BAA+B,CAAC;CACzC;AAED,eAAO,MAAM,2BAA2B,GACtC,OAAO,gCAAgC,qDAwCxC,CAAC"}

package/dist/CheckoutPaymentMethodOption/CheckoutPaymentMethodOption.js

@@ -4,8 +4,11 @@ import { Collapse as r, Box as t } from "@afosto/components";
 import { CHECKOUT_PAYMENT_METHOD_ICON_MAPPING as h } from "../constants/paymentMethodIconMapping.js";
 import { CheckoutIssuersField as a } from "../CheckoutIssuersField/CheckoutIssuersField.js";
 import { CheckoutTerminalsField as u } from "../CheckoutTerminalsField/CheckoutTerminalsField.js";
-const I = (n) => {
-  const { active: o, currency: s, locale: c, onChange: l, option: e } = n || {}, m = h[e.code?.toLowerCase()];
+import { camelize as C } from "@afosto/utils";
+const P = (n) => {
+  const { active: o, currency: s, locale: c, onChange: l, option: e } = n || {}, m = h[C(
+    e.code?.toLowerCase() || ""
+  )];
   return /* @__PURE__ */ p(
     d,
     {
@@ -27,5 +30,5 @@ const I = (n) => {
   );
 };
 export {
-  I as CheckoutPaymentMethodOption
+  P as CheckoutPaymentMethodOption
 };

package/dist/steps/informationStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"informationStep.d.ts","sourceRoot":"","sources":["../../src/steps/informationStep.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EACV,aAAa,EACb,YAAY,IAAI,gBAAgB,EAEjC,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AAMjG,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,8BAA8B,GAAG,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,gBAAgB,EAAE,aAAa,GAAG,IAAI,CAAC;KACxC,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,aAAa,GAAG,IAAI,CAAC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,4BAA4B,EAAE,OAAO,CAAC;IACtC,QAAQ,EAAE,aAAa,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,aAAa,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAYD,eAAO,MAAM,eAAe,EAAE,gBAAgB,CAAC,6BAA6B,CA+hCzE,CAAC"}
+{"version":3,"file":"informationStep.d.ts","sourceRoot":"","sources":["../../src/steps/informationStep.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EACV,aAAa,EACb,YAAY,IAAI,gBAAgB,EAEjC,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AAMjG,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,8BAA8B,GAAG,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,gBAAgB,EAAE,aAAa,GAAG,IAAI,CAAC;KACxC,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,aAAa,GAAG,IAAI,CAAC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,4BAA4B,EAAE,OAAO,CAAC;IACtC,QAAQ,EAAE,aAAa,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,aAAa,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAYD,eAAO,MAAM,eAAe,EAAE,gBAAgB,CAAC,6BAA6B,CAqjCzE,CAAC"}

package/dist/steps/informationStep.js

@@ -1,24 +1,24 @@
-import { CheckoutInformationStep as Y } from "../CheckoutInformationStep/CheckoutInformationStep.js";
+import { CheckoutInformationStep as ni } from "../CheckoutInformationStep/CheckoutInformationStep.js";
 import { addressDefaultValues as q } from "../constants/addressDefaultValues.js";
 import { formatAddressResponse as j } from "../utils/formatAddressResponse.js";
-import { getErrorMessage as K } from "../utils/getErrorMessage.js";
-import { capitalize as Q, isDefined as O } from "@afosto/utils";
+import { getErrorMessage as W } from "../utils/getErrorMessage.js";
+import { capitalize as X, isDefined as D } from "@afosto/utils";
 import * as u from "yup";
-import { formatUpdateAccountInformationPayload as Z } from "../utils/formatUpdateAccountInformationPayload.js";
-import { formatUpdateOrganisationOnAccountPayload as ii } from "../utils/formatUpdateOrganisationOnAccountPayload.js";
-import { setupCustomValidationRules as ei } from "../utils/setupCustomValidationRules.js";
-import { formatInformationStepPayload as ni } from "../utils/formatInformationStepPayload.js";
-ei();
-const si = {
+import { formatUpdateAccountInformationPayload as si } from "../utils/formatUpdateAccountInformationPayload.js";
+import { formatUpdateOrganisationOnAccountPayload as ri } from "../utils/formatUpdateOrganisationOnAccountPayload.js";
+import { setupCustomValidationRules as ti } from "../utils/setupCustomValidationRules.js";
+import { formatInformationStepPayload as oi } from "../utils/formatInformationStepPayload.js";
+ti();
+const ai = {
   signUpFailedTitle: "Sign up failed",
   signUpFailedDescription: "Failed to create an account. Try again or continue as guest.",
   signUpFailedActionLabel: "Continue as guest",
   informationStepErrorTitle: "Could not process information",
   informationStepErrorDescription: "Something went wrong while processing the contact and address information. Please check your input and try again."
-}, gi = {
+}, yi = {
   key: "information",
   label: "Information",
-  component: Y,
+  component: ni,
   reviewTargets: [
     "contactDetails",
     "businessDetails",
@@ -26,7 +26,7 @@ const si = {
     "billingAddress"
   ],
   defaultValues: (S) => {
-    const { defaultCountry: a, formatCountryAsOption: v, settings: D } = S || {}, { isB2cExcluded: y, isSharedOrganisationRequired: s } = D || {};
+    const { defaultCountry: a, formatCountryAsOption: v, settings: O } = S || {}, { isB2cExcluded: y, isSharedOrganisationRequired: s } = O || {};
     return {
       type: y ? "business" : "private",
       contact: null,
@@ -64,13 +64,13 @@ const si = {
   },
   initialize: (S, a, v) => {
     const {
-      defaultCountry: D,
+      defaultCountry: O,
       formatCountryAsOption: y,
       getCountryByCode: s,
       settings: f,
       step: g
     } = v || {}, { defaultValues: C } = g || {}, { addressOptions: B } = a || {}, { countryCode: N } = B || {}, { isB2bExcluded: U, isB2cExcluded: $ } = f || {}, n = typeof C == "function" ? C(v) : C, {
-      billing: z,
+      billing: M,
       customer: e,
       delivery: m,
       expressPayment: b,
@@ -80,23 +80,31 @@ const si = {
       contact: t,
       countryCode: d,
       organisation: r
-    } = e || {}, { address: A } = z || {}, { address: P } = m || {}, { address: E, customer: p } = b?.details?.express || {}, { shipping: x } = i || {}, { countries: V } = x || {}, I = s(N) || D, R = s(d), c = !!r?.id && !U || $, _ = c ? r?.phoneNumbers?.primary : t?.phoneNumbers?.primary, w = s(
+    } = e || {}, { address: A } = M || {}, { address: P } = m || {}, { address: E, customer: p } = b?.details?.express || {}, { shipping: x } = i || {}, { countries: V } = x || {}, I = s(N) || O, R = s(d), c = !!r?.id && !U || $, _ = c ? r?.phoneNumbers?.primary : t?.phoneNumbers?.primary, w = s(
       o?.countryCode || _?.countryCode
-    ) || R || I || null, [L] = w?.callingCodes || [], k = (O(o?.number) ? o.number : _?.number || n.phoneNumber).replace(`+${L}`, ""), T = c ? r?.addressing?.shipping?.primary : t?.addressing?.shipping?.primary, l = j(
+    ) || R || I || null, [L] = w?.callingCodes || [], k = (D(o?.number) ? o.number : _?.number || n.phoneNumber).replace(`+${L}`, ""), T = c ? r?.addressing?.shipping?.primary : t?.addressing?.shipping?.primary, l = j(
       P?.addressLine1 ? P : E || T || {}
     );
-    let H = null;
+    let G = null;
     if (R && V?.includes(R?.alpha2Code))
-      H = R;
+      G = R;
     else if (I && V?.includes(I?.alpha2Code))
-      H = I;
+      G = I;
     else {
-      const [X] = V || [];
-      H = s(X);
+      const [ei] = V || [];
+      G = s(ei);
     }
-    const M = s(l?.countryCode) || H, F = O(M) ? y(M) : n.shipping.country, W = c ? r?.addressing?.billing?.primary : t?.addressing?.billing?.primary, h = j(
-      A?.addressLine1 ? A : W || {}
-    ), G = s(h?.countryCode) || I, J = O(G) ? y(G) : n.billing.country;
+    const J = s(l?.countryCode) || G, F = D(J) ? y(J) : n.shipping.country, z = l?.administrativeArea || n.shipping.administrativeArea, Y = z && typeof z == "string" ? {
+      code: z,
+      label: z,
+      value: z
+    } : z, Z = c ? r?.addressing?.billing?.primary : t?.addressing?.billing?.primary, h = j(
+      A?.addressLine1 ? A : Z || {}
+    ), K = s(h?.countryCode) || I, Q = D(K) ? y(K) : n.billing.country, H = h?.administrativeArea || n.billing.administrativeArea, ii = H && typeof H == "string" ? {
+      code: H,
+      label: H,
+      value: H
+    } : H;
     return {
       ...n,
       defaultCountry: y(I),
@@ -119,7 +127,7 @@ const si = {
         }
       },
       phoneNumber: k,
-      phoneNumberCountry: O(w) ? y(w) : n.phoneNumberCountry,
+      phoneNumberCountry: D(w) ? y(w) : n.phoneNumberCountry,
       phoneNumberId: o?.id || _?.id || n.phoneNumberId,
       shipping: {
         ...n.shipping,
@@ -138,7 +146,7 @@ const si = {
         premiseNumberSuffix: l?.premiseNumberSuffix || n.shipping.premiseNumberSuffix,
         thoroughfare: l?.thoroughfare || n.shipping.thoroughfare,
         locality: l?.locality || n.shipping.locality,
-        administrativeArea: l?.administrativeArea || n.shipping.administrativeArea
+        administrativeArea: Y
       },
       shippingAddressId: l?.id || n.shippingAddressId,
       billing: {
@@ -150,25 +158,25 @@ const si = {
         address_line_2: h?.address_line_2 || n.billing.address_line_2,
         addressLine1: h?.addressLine1 || n.billing.addressLine1,
         addressLine2: h?.addressLine2 || n.billing.addressLine2,
-        country: J,
-        countryCode: J?.value || n.billing.countryCode,
+        country: Q,
+        countryCode: Q?.value || n.billing.countryCode,
         organisation: h?.organisation || n.billing.organisation,
         postalCode: h?.postalCode || n.billing.postalCode,
         premiseNumber: h?.premiseNumber || n.billing.premiseNumber,
         premiseNumberSuffix: h?.premiseNumberSuffix || n.billing.premiseNumberSuffix,
         thoroughfare: h?.thoroughfare || n.billing.thoroughfare,
         locality: h?.locality || n.billing.locality,
-        administrativeArea: h?.administrativeArea || n.billing.administrativeArea
+        administrativeArea: ii
       },
       billingAddressId: h?.id || n.billingAddressId,
-      sameBillingAsShippingAddress: O(h?.id) && O(l?.id) ? h?.id === l?.id : n.sameBillingAsShippingAddress
+      sameBillingAsShippingAddress: D(h?.id) && D(l?.id) ? h?.id === l?.id : n.sameBillingAsShippingAddress
     };
   },
   isComplete: (S, a) => {
     const { step: v } = a || {};
     return v.validationSchema(a).isValidSync(S);
   },
-  onEvent: async (S, a, v, D) => {
+  onEvent: async (S, a, v, O) => {
     const { step: y, stepIndex: s } = v || {}, {
       activeStep: f,
       addCustomer: g,
@@ -176,7 +184,7 @@ const si = {
       formatCountryAsOption: B,
       getCountryByCode: N,
       settings: U
-    } = D || {}, { isB2bExcluded: $, isB2cExcluded: n } = U || {}, z = C.current?.formProps?.data || [], e = f === s ? C.current?.getValues() : z[s] ?? {}, m = typeof y.defaultValues == "function" ? y.defaultValues(D) : y.defaultValues;
+    } = O || {}, { isB2bExcluded: $, isB2cExcluded: n } = U || {}, M = C.current?.formProps?.data || [], e = f === s ? C.current?.getValues() : M[s] ?? {}, m = typeof y.defaultValues == "function" ? y.defaultValues(O) : y.defaultValues;
     if (S === "signedIn") {
       const { user: b, account: i } = a || {};
       let o = e?.contact;
@@ -193,7 +201,7 @@ const si = {
         id: _,
         isValid: w,
         ...L
-      } = c || {}, k = L?.countryCode ? B(N(L.countryCode)) : e?.defaultCountry, T = !$ && r?.id || n, l = T && r?.administration?.email || i?.email, M = {
+      } = c || {}, k = L?.countryCode ? B(N(L.countryCode)) : e?.defaultCountry, T = !$ && r?.id || n, l = T && r?.administration?.email || i?.email, J = {
         ...e,
         ...m || {},
         contact: o,
@@ -253,14 +261,14 @@ const si = {
           country: e.defaultCountry
         },
         shippingAddressId: x || "",
-        sameBillingAsShippingAddress: O(_) || O(_) && _ === x
+        sameBillingAsShippingAddress: D(_) || D(_) && _ === x
       };
       i && (f === s && C.current?.reset({
         ...e,
-        ...M
+        ...J
       }), C.current?.formProps?.setData((F) => (F.splice(s, 1, {
         ...F[s],
-        ...M
+        ...J
       }), F)));
     }
     if (S === "clearSession") {
@@ -353,7 +361,7 @@ const si = {
           country: e.defaultCountry
         },
         shippingAddressId: p || "",
-        sameBillingAsShippingAddress: !O(c) || O(c) && c === p
+        sameBillingAsShippingAddress: !D(c) || D(c) && c === p
       };
       f === s && C.current?.reset({
         ...e,
@@ -445,7 +453,7 @@ const si = {
           country: e.defaultCountry
         },
         shippingAddressId: p || "",
-        sameBillingAsShippingAddress: !O(d) || O(d) && d === p
+        sameBillingAsShippingAddress: !D(d) || D(d) && d === p
       }), C.current?.formProps?.setData((L) => (L.splice(s, 1, {
         ...L[s],
         ...w
@@ -454,7 +462,7 @@ const si = {
   },
   submit: async (S, a, v) => {
     const {
-      activeStep: D,
+      activeStep: O,
       addInformation: y,
       currentOrganisation: s,
       formRef: f,
@@ -465,15 +473,15 @@ const si = {
       setErrorMessage: U,
       signUp: $,
       translations: n = {},
-      updateAccountInformation: z,
+      updateAccountInformation: M,
       updateOrganisationOnAccount: e
     } = v || {}, m = {
-      ...si,
+      ...ai,
       ...n.feedback || {}
     }, { shouldCreateAccount: b } = S || {};
     try {
       U(null);
-      const i = ni(S, {
+      const i = oi(S, {
         currentOrganisation: s,
         isSignedIn: B
       }), o = C();
@@ -490,10 +498,10 @@ const si = {
           },
           ...i?.phoneNumber ? { phoneNumber: i?.phoneNumber } : {}
         }).catch((x) => {
-          const V = K(x);
+          const V = W(x);
           return U({
             title: m.feedback?.signUpFailedTitle,
-            description: V ? Q(V) : m.feedback?.signUpFailedDescription,
+            description: V ? X(V) : m.feedback?.signUpFailedDescription,
             action: {
               label: m.feedback?.signUpFailedActionLabel,
               onClick: () => {
@@ -510,7 +518,7 @@ const si = {
         delete i.customer.contact, i.customer.contactId = p.id, f.current?.setValue("shouldCreateAccount", !1);
       }
       if (o && !o?.organisation?.id) {
-        const p = Z(
+        const p = si(
           {
             billingAddress: i.billingAddress,
             billingAddressId: i.billingAddressId,
@@ -530,11 +538,11 @@ const si = {
             getCountryByCode: g
           }
         );
-        p && await z(p).catch(() => {
+        p && await M(p).catch(() => {
         });
       }
       if (o?.organisation?.id && o?.organisation?.role?.toLowerCase() === "admin") {
-        const p = ii(
+        const p = ri(
           {
             billingAddress: i.billingAddress,
             billingAddressId: i.billingAddressId,
@@ -565,8 +573,8 @@ const si = {
         phoneNumber: i.phoneNumber,
         shippingAddress: i.shippingAddress
       }), { customer: d, billing: r, delivery: A, phoneNumber: P } = t || {}, { organisation: E } = d || {};
-      return f.current?.formProps?.setData((p) => (p.splice(D, 1, {
-        ...p[D],
+      return f.current?.formProps?.setData((p) => (p.splice(O, 1, {
+        ...p[O],
         contact: d?.contact,
         billingAddressId: r?.address?.id,
         shippingAddressId: A?.address?.id,
@@ -574,10 +582,10 @@ const si = {
         phoneNumberIsDirty: !1
       }), p)), N(E), t;
     } catch (i) {
-      const o = K(i);
+      const o = W(i);
       return U({
         title: m.feedback?.informationStepErrorTitle,
-        description: o ? Q(o) : m.feedback?.informationStepErrorDescription
+        description: o ? X(o) : m.feedback?.informationStepErrorDescription
       }), Promise.reject(i);
     }
   },
@@ -585,12 +593,12 @@ const si = {
     const {
       billingAddressValidationSchema: a,
       shippingAddressValidationSchema: v,
-      settings: D
+      settings: O
     } = S || {}, {
       isCocNumberRequired: y,
       isPhoneNumberRequired: s,
       isVatNumberRequired: f
-    } = D || {};
+    } = O || {};
     return u.object().shape({
       type: u.string().oneOf(["business", "private"]).required(),
       contact: u.object().nullable(),
@@ -627,5 +635,5 @@ const si = {
   }
 };
 export {
-  gi as informationStep
+  yi as informationStep
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afosto/checkout-ui",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Afosto react checkout ui components",
   "author": "Afosto",
   "license": "MIT",
@@ -29,7 +29,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@afosto/components": "^2.0.0-alpha.31",
+    "@afosto/components": "^2.0.0-alpha.32",
     "@afosto/graphql-client": "^3.0.0-alpha.7",
     "@afosto/hooks": "^3.0.0",
     "@afosto/storefront": "^3.2.0-beta.11",