@adyen/adyen-platform-experience-web 1.10.1 → 1.10.2

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/Address/DeliveryAddressSection.js

@@ -1,65 +1,95 @@
-import { jsx as n } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import f from "../../../../../../../../core/Context/useCoreContext.js";
-import t from "../../../../../../../internal/Typography/Typography.js";
-import { TypographyVariant as r, TypographyElement as p } from "../../../../../../../internal/Typography/types.js";
-import { ShippingStreetField as h } from "./ShippingStreetField.js";
-import { ShippingHouseNumberField as g } from "./ShippingHouseNumberField.js";
-import { ShippingCountryField as d } from "./ShippingCountryField.js";
-import { ShippingCityField as s } from "./ShippingCityField.js";
-import { ShippingPostalCodeField as v } from "./ShippingPostalCodeField.js";
-const x = ({
+import { jsx as n } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import h from "../../../../../../../../core/Context/useCoreContext.js";
+import p from "../../../../../../../internal/Typography/Typography.js";
+import { TypographyVariant as e, TypographyElement as a } from "../../../../../../../internal/Typography/types.js";
+import { ShippingStreetField as g } from "./ShippingStreetField.js";
+import { ShippingHouseNumberField as v } from "./ShippingHouseNumberField.js";
+import { ShippingCountryField as _ } from "./ShippingCountryField.js";
+import { ShippingCityField as N } from "./ShippingCityField.js";
+import { ShippingPostalCodeField as k } from "./ShippingPostalCodeField.js";
+const j = ({
   isSameAddress: i,
-  isAddressFieldRequired: o,
-  isOptional: a = !1,
-  countriesData: l,
-  isFetchingCountries: m,
-  countryDatasetData: c,
-  isFetchingCountryDataset: y
+  isAddressFieldRequired: t,
+  isOptional: l = !1,
+  isSameAddressCopyEnabled: o = !1,
+  countriesData: m,
+  isFetchingCountries: c,
+  countryDatasetData: y,
+  isFetchingCountryDataset: f
 }) => {
-  const { i18n: e } = f();
+  const { i18n: r } = h();
   return /* @__PURE__ */ n("div", { className: "adyen-pe-payment-link-creation-form__shipping-address-container", children: [
     /* @__PURE__ */ n("div", { className: "adyen-pe-payment-link-creation-form__shipping-address-title-container", children: [
       /* @__PURE__ */ n(
-        t,
+        p,
         {
-          el: p.SPAN,
-          variant: r.SUBTITLE,
+          el: a.SPAN,
+          variant: e.SUBTITLE,
           stronger: !0,
           className: "adyen-pe-payment-link-creation-form__billing-address-title",
-          children: e.get("payByLink.creation.sections.deliveryAddress.label")
+          children: r.get("payByLink.creation.sections.deliveryAddress.label")
         }
       ),
-      a && /* @__PURE__ */ n(
-        t,
+      l && /* @__PURE__ */ n(
+        p,
         {
-          el: p.SPAN,
-          variant: r.BODY,
+          el: a.SPAN,
+          variant: e.BODY,
           className: "adyen-pe-payment-link-creation-form__field-label-optional",
-          children: `(${e.get("payByLink.common.fields.optional.label")})`
+          children: `(${r.get("payByLink.common.fields.optional.label")})`
         }
       )
     ] }),
     /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ n(h, { isSameAddress: i, isAddressFieldRequired: o }),
-      /* @__PURE__ */ n(g, { isSameAddress: i, isAddressFieldRequired: o })
+      /* @__PURE__ */ n(
+        g,
+        {
+          isSameAddress: i,
+          isAddressFieldRequired: t,
+          isSameAddressCopyEnabled: o
+        }
+      ),
+      /* @__PURE__ */ n(
+        v,
+        {
+          isSameAddress: i,
+          isAddressFieldRequired: t,
+          isSameAddressCopyEnabled: o
+        }
+      )
     ] }),
     /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ n(
-        d,
+        _,
         {
-          countriesData: l,
-          isAddressFieldRequired: o,
-          isFetchingCountries: m,
+          countriesData: m,
+          isAddressFieldRequired: t,
+          isFetchingCountries: c,
           isSameAddress: i,
-          countryDatasetData: c,
-          isFetchingCountryDataset: y
+          isSameAddressCopyEnabled: o,
+          countryDatasetData: y,
+          isFetchingCountryDataset: f
         }
       ),
-      /* @__PURE__ */ n(s, { isAddressFieldRequired: o, isSameAddress: i }),
-      /* @__PURE__ */ n(v, { isAddressFieldRequired: o, isSameAddress: i })
+      /* @__PURE__ */ n(
+        N,
+        {
+          isAddressFieldRequired: t,
+          isSameAddress: i,
+          isSameAddressCopyEnabled: o
+        }
+      ),
+      /* @__PURE__ */ n(
+        k,
+        {
+          isAddressFieldRequired: t,
+          isSameAddress: i,
+          isSameAddressCopyEnabled: o
+        }
+      )
     ] })
   ] });
 };
 export {
-  x as DeliveryAddressSection
+  j as DeliveryAddressSection
 };

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/Address/ShippingCityField.js

@@ -1,32 +1,29 @@
-import { jsx as l } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import a from "../../../../../../../../core/Context/useCoreContext.js";
-import { useWizardFormContext as m } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
-import { useCallback as p } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { FormTextInput as c } from "../../../../../../../internal/FormWrappers/FormTextInput.js";
-import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as y } from "../../../../../constants.js";
-const v = ({
-  isSameAddress: e,
-  isAddressFieldRequired: r
-}) => {
-  const { i18n: t } = a(), { setValue: i, fieldsConfig: o } = m(), s = p(
+import { jsx as a } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import m from "../../../../../../../../core/Context/useCoreContext.js";
+import { useWizardFormContext as c } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { useCallback as p } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { FormTextInput as y } from "../../../../../../../internal/FormWrappers/FormTextInput.js";
+import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as f } from "../../../../../constants.js";
+const L = ({ isSameAddress: e, isAddressFieldRequired: t, isSameAddressCopyEnabled: i = !1 }) => {
+  const { i18n: o } = m(), { setValue: r, fieldsConfig: s } = c(), d = p(
     (n) => {
-      e && i("billingAddress.city", n.currentTarget.value);
+      i && e && r("billingAddress.city", n.currentTarget.value);
     },
-    [e, i]
-  ), d = o["deliveryAddress.city"]?.required || r("deliveryAddress.city");
-  return /* @__PURE__ */ l(
-    c,
+    [e, r, i]
+  ), l = s["deliveryAddress.city"]?.required || t("deliveryAddress.city");
+  return /* @__PURE__ */ a(
+    y,
     {
-      maxLength: y.deliveryAddress.city.max,
+      maxLength: f.deliveryAddress.city.max,
       fieldName: "deliveryAddress.city",
-      label: t.get("payByLink.creation.fields.deliveryAddress.city.label"),
-      onInput: s,
+      label: o.get("payByLink.creation.fields.deliveryAddress.city.label"),
+      onInput: d,
       className: "adyen-pe-payment-link-creation-form__shipping-address-field--medium",
       hideOptionalLabel: !0,
-      isRequired: d
+      isRequired: l
     }
   );
 };
 export {
-  v as ShippingCityField
+  L as ShippingCityField
 };

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/Address/ShippingCountryField.js

@@ -1,41 +1,42 @@
-import { jsx as y } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import C from "../../../../../../../../core/Context/useCoreContext.js";
-import { useMemo as g, useCallback as h } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { FormSelect as b } from "../../../../../../../internal/FormWrappers/FormSelect.js";
-import { useWizardFormContext as v } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
-const z = ({
+import { jsx as C } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import g from "../../../../../../../../core/Context/useCoreContext.js";
+import { useMemo as h, useCallback as b } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { FormSelect as v } from "../../../../../../../internal/FormWrappers/FormSelect.js";
+import { useWizardFormContext as w } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
+const B = ({
   countriesData: o,
-  isAddressFieldRequired: s,
+  isAddressFieldRequired: a,
   isFetchingCountries: d,
-  isSameAddress: n,
+  isSameAddress: l,
+  isSameAddressCopyEnabled: n = !1,
   countryDatasetData: t,
-  isFetchingCountryDataset: a
+  isFetchingCountryDataset: m
 }) => {
-  const { i18n: m } = C(), { setValue: l, fieldsConfig: u } = v(), c = g(() => {
+  const { i18n: u } = g(), { setValue: s, fieldsConfig: c } = w(), f = h(() => {
     const r = new Set((o?.data ?? []).map(({ countryCode: e }) => e).filter(Boolean));
     return (t?.length ? t : o?.data?.map(({ countryCode: e, countryName: i }) => ({ id: e, name: i })) ?? []).filter(({ id: e }) => !r.size || r.has(e)).sort((e, i) => e.name.localeCompare(i.name));
-  }, [o?.data, t]), p = h(
+  }, [o?.data, t]), p = b(
     (r) => {
-      n && l("billingAddress.country", r.target.value);
+      n && l && s("billingAddress.country", r.target.value);
     },
-    [n, l]
-  ), f = u["deliveryAddress.country"]?.required || s("deliveryAddress.country");
-  return /* @__PURE__ */ y(
-    b,
+    [l, s, n]
+  ), y = c["deliveryAddress.country"]?.required || a("deliveryAddress.country");
+  return /* @__PURE__ */ C(
+    v,
     {
       clearable: !0,
       filterable: !0,
       fieldName: "deliveryAddress.country",
-      label: m.get("payByLink.creation.fields.deliveryAddress.country.label"),
-      items: c,
-      readonly: d || a,
+      label: u.get("payByLink.creation.fields.deliveryAddress.country.label"),
+      items: f,
+      readonly: d || m,
       className: "adyen-pe-payment-link-creation-form__shipping-address-field--medium",
       onChange: p,
       hideOptionalLabel: !0,
-      isRequired: f
+      isRequired: y
     }
   );
 };
 export {
-  z as ShippingCountryField
+  B as ShippingCountryField
 };

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/Address/ShippingHouseNumberField.js

@@ -1,32 +1,33 @@
-import { jsx as d } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import u from "../../../../../../../../core/Context/useCoreContext.js";
-import { useWizardFormContext as l } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
-import { useCallback as n } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { FormTextInput as N } from "../../../../../../../internal/FormWrappers/FormTextInput.js";
-import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as p } from "../../../../../constants.js";
-const g = ({
+import { jsx as l } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import d from "../../../../../../../../core/Context/useCoreContext.js";
+import { useWizardFormContext as n } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { useCallback as N } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { FormTextInput as p } from "../../../../../../../internal/FormWrappers/FormTextInput.js";
+import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as f } from "../../../../../constants.js";
+const x = ({
   isSameAddress: e,
-  isAddressFieldRequired: s
+  isAddressFieldRequired: s,
+  isSameAddressCopyEnabled: r = !1
 }) => {
-  const { i18n: o } = u(), { setValue: r, fieldsConfig: i } = l(), m = n(
-    (a) => {
-      e && r("billingAddress.houseNumberOrName", a.currentTarget.value);
+  const { i18n: i } = d(), { setValue: o, fieldsConfig: m } = n(), t = N(
+    (u) => {
+      r && e && o("billingAddress.houseNumberOrName", u.currentTarget.value);
     },
-    [e, r]
-  ), t = i["deliveryAddress.houseNumberOrName"]?.required || s("deliveryAddress.houseNumberOrName");
-  return /* @__PURE__ */ d(
-    N,
+    [e, o, r]
+  ), a = m["deliveryAddress.houseNumberOrName"]?.required || s("deliveryAddress.houseNumberOrName");
+  return /* @__PURE__ */ l(
+    p,
     {
-      maxLength: p.deliveryAddress.houseNumberOrName.max,
+      maxLength: f.deliveryAddress.houseNumberOrName.max,
       fieldName: "deliveryAddress.houseNumberOrName",
-      label: o.get("payByLink.creation.fields.deliveryAddress.houseNumberOrName.label"),
-      onInput: m,
+      label: i.get("payByLink.creation.fields.deliveryAddress.houseNumberOrName.label"),
+      onInput: t,
       className: "adyen-pe-payment-link-creation-form__shipping-address-field--small",
       hideOptionalLabel: !0,
-      isRequired: t
+      isRequired: a
     }
   );
 };
 export {
-  g as ShippingHouseNumberField
+  x as ShippingHouseNumberField
 };

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/Address/ShippingPostalCodeField.js

@@ -1,32 +1,33 @@
-import { jsx as a } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import n from "../../../../../../../../core/Context/useCoreContext.js";
-import { useWizardFormContext as p } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
-import { useCallback as m } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as n } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "../../../../../../../../core/Context/useCoreContext.js";
+import { useWizardFormContext as m } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { useCallback as f } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { FormTextInput as u } from "../../../../../../../internal/FormWrappers/FormTextInput.js";
 import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as C } from "../../../../../constants.js";
-const v = ({
+const L = ({
   isSameAddress: e,
-  isAddressFieldRequired: r
+  isAddressFieldRequired: t,
+  isSameAddressCopyEnabled: o = !1
 }) => {
-  const { i18n: s } = n(), { setValue: o, fieldsConfig: t } = p(), d = m(
-    (l) => {
-      e && o("billingAddress.postalCode", l.currentTarget.value);
+  const { i18n: s } = p(), { setValue: r, fieldsConfig: i } = m(), l = f(
+    (a) => {
+      o && e && r("billingAddress.postalCode", a.currentTarget.value);
     },
-    [e, o]
-  ), i = t["deliveryAddress.postalCode"]?.required || r("deliveryAddress.postalCode");
-  return /* @__PURE__ */ a(
+    [e, r, o]
+  ), d = i["deliveryAddress.postalCode"]?.required || t("deliveryAddress.postalCode");
+  return /* @__PURE__ */ n(
     u,
     {
       maxLength: C.deliveryAddress.postalCode.max,
       fieldName: "deliveryAddress.postalCode",
       label: s.get("payByLink.creation.fields.deliveryAddress.postalCode.label"),
-      onInput: d,
+      onInput: l,
       className: "adyen-pe-payment-link-creation-form__shipping-address-field--small",
       hideOptionalLabel: !0,
-      isRequired: i
+      isRequired: d
     }
   );
 };
 export {
-  v as ShippingPostalCodeField
+  L as ShippingPostalCodeField
 };

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/Address/ShippingStreetField.js

@@ -1,26 +1,23 @@
-import { jsx as n } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import a from "../../../../../../../../core/Context/useCoreContext.js";
-import { useWizardFormContext as m } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
-import { useCallback as p } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as a } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import m from "../../../../../../../../core/Context/useCoreContext.js";
+import { useWizardFormContext as p } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { useCallback as f } from "../../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { FormTextInput as u } from "../../../../../../../internal/FormWrappers/FormTextInput.js";
-import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as f } from "../../../../../constants.js";
-const C = ({
-  isSameAddress: e,
-  isAddressFieldRequired: t
-}) => {
-  const { i18n: s } = a(), { setValue: r, fieldsConfig: i } = m(), o = p(
-    (l) => {
-      e && r("billingAddress.street", l.currentTarget.value);
+import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as c } from "../../../../../constants.js";
+const N = ({ isSameAddress: e, isAddressFieldRequired: i, isSameAddressCopyEnabled: r = !1 }) => {
+  const { i18n: s } = m(), { setValue: t, fieldsConfig: o } = p(), l = f(
+    (n) => {
+      r && e && t("billingAddress.street", n.currentTarget.value);
     },
-    [e, r]
-  ), d = i["deliveryAddress.street"]?.required || t("deliveryAddress.street");
-  return /* @__PURE__ */ n(
+    [e, t, r]
+  ), d = o["deliveryAddress.street"]?.required || i("deliveryAddress.street");
+  return /* @__PURE__ */ a(
     u,
     {
-      maxLength: f.deliveryAddress.street.max,
+      maxLength: c.deliveryAddress.street.max,
       fieldName: "deliveryAddress.street",
       label: s.get("payByLink.creation.fields.deliveryAddress.street.label"),
-      onInput: o,
+      onInput: l,
       className: "adyen-pe-payment-link-creation-form__shipping-address-field--large",
       hideOptionalLabel: !0,
       isRequired: d
@@ -28,5 +25,5 @@ const C = ({
   );
 };
 export {
-  C as ShippingStreetField
+  N as ShippingStreetField
 };

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/BillingAndShippingCheckboxField.js

@@ -1,7 +1,7 @@
-import { jsx as r } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as r } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import y from "../../../../../../../core/Context/useCoreContext.js";
 import { useWizardFormContext as c } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
-import { useCallback as u } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as u } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import A from "../../../../../../internal/Typography/Typography.js";
 import { TypographyVariant as g, TypographyElement as p } from "../../../../../../internal/Typography/types.js";
 import { Icon as t } from "../../../../../../internal/Icon/Icon.js";

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/CountryRegionField.js

@@ -1,6 +1,6 @@
-import { jsx as d } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as d } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import c from "../../../../../../../core/Context/useCoreContext.js";
-import { useMemo as u } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as u } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { FormSelect as f } from "../../../../../../internal/FormWrappers/FormSelect.js";
 import { useWizardFormContext as p } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
 const h = ({ countriesData: o, isFetchingCountries: l, countryDatasetData: r, isFetchingCountryDataset: s }) => {

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/LanguageField.js

@@ -1,6 +1,6 @@
-import { jsx as m } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as m } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import d from "../../../../../../../core/Context/useCoreContext.js";
-import { useMemo as o, useCallback as g } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as o, useCallback as g } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { useFetch as p } from "../../../../../../../hooks/useFetch.js";
 import { FormSelect as f } from "../../../../../../internal/FormWrappers/FormSelect.js";
 import { useWizardFormContext as h } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/ShopperEmailField.js

@@ -1,6 +1,6 @@
-import { jsx as n } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as n } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import o from "../../../../../../../core/Context/useCoreContext.js";
-import { useMemo as m, useCallback as p } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as m, useCallback as p } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { FormTextInput as d } from "../../../../../../internal/FormWrappers/FormTextInput.js";
 import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as u } from "../../../../constants.js";
 const x = () => {

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/Fields/ShopperPhoneField.js

@@ -1,89 +1,90 @@
-import { jsx as f } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as u, useEffect as $, useCallback as v } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useWizardFormContext as P } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
-import { useFetch as q } from "../../../../../../../hooks/useFetch.js";
-import { VisibleField as I } from "../../../../../../internal/FormWrappers/VisibleField.js";
-import k from "../../../../../../internal/FormFields/InputBase.js";
-import w from "../../../../../../internal/FormWrappers/FormField.js";
-import T from "../../../../../../../core/Context/useCoreContext.js";
-import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as j } from "../../../../constants.js";
-import { filterDisallowedCharacters as B } from "../../../../../../internal/FormFields/utils.js";
-import { Controller as E } from "../../../../../../../hooks/form/Controller.js";
-const Y = () => {
-  const { i18n: d, getCdnDataset: N } = T(), { control: D, fieldsConfig: g, getValues: y, setValue: h, setFieldDisplayValue: c, getDisplayValue: F, trigger: C, formState: b } = P(), s = u(() => F("telephoneNumber"), [F]), t = u(() => y("telephoneNumber"), [y]), [n, a] = u(() => {
+import { jsx as N } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as a, useEffect as v, useCallback as D } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useWizardFormContext as q } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { useFetch as I } from "../../../../../../../hooks/useFetch.js";
+import { VisibleField as k } from "../../../../../../internal/FormWrappers/VisibleField.js";
+import w from "../../../../../../internal/FormFields/InputBase.js";
+import T from "../../../../../../internal/FormWrappers/FormField.js";
+import j from "../../../../../../../core/Context/useCoreContext.js";
+import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as B } from "../../../../constants.js";
+import { filterDisallowedCharacters as E } from "../../../../../../internal/FormFields/utils.js";
+import { Controller as O } from "../../../../../../../hooks/form/Controller.js";
+const J = () => {
+  const { i18n: d, getCdnDataset: y } = j(), { control: V, fieldsConfig: h, getValues: g, setValue: c, setFieldDisplayValue: b, getDisplayValue: F, trigger: C, formState: f } = q(), s = a(() => F("telephoneNumber"), [F]), n = a(() => g("telephoneNumber"), [g]), [t, l] = a(() => {
     if (s) {
       const [r, ...e] = s.split(" ");
       return [r, e.join(" ")];
     }
-    if (t) {
-      const [r, ...e] = t.split(" ");
+    if (n) {
+      const [r, ...e] = n.split(" ");
       return [r, e.join(" ")];
     }
     return [void 0, void 0];
-  }, [s, t]);
-  $(() => {
-    if (!s && t) {
-      const [r, ...e] = t.split(" "), o = e.join(" ");
-      h("telephoneNumber", `${r}${o}`), c("telephoneNumber", `${r} ${o}`);
+  }, [s, n]);
+  v(() => {
+    if (!s && n) {
+      const [r, ...e] = n.split(" "), o = e.join(" ");
+      c("telephoneNumber", `${r}${o}`), b("telephoneNumber", `${r} ${o}`);
     }
-  }, [s, t, h, c]);
-  const i = q({
+  }, [s, n, c, b]);
+  const i = I({
     fetchOptions: { enabled: !0 },
-    queryFn: v(async () => N ? await N({
+    queryFn: D(async () => y ? await y({
       name: "phonenumbers",
       extension: "json",
       fallback: []
-    }) ?? [] : [], [N])
-  }), V = u(() => (i.data ?? []).map(({ id: e, prefix: o }) => ({ id: o, name: `${e} (${o})` })).sort(({ name: e }, { name: o }) => e.localeCompare(o)), [i.data]);
-  $(() => {
-    n && b.touchedFields.telephoneNumber && b.errors.telephoneNumber && C("telephoneNumber");
-  }, [n, a, C, b.errors, b.touchedFields]);
-  const p = u(() => g.telephoneNumber?.required, [g]), x = u(() => {
-    const r = (i.data?.length ?? 0) > 0, e = !!s || !!t;
+    }) ?? [] : [], [y])
+  }), x = a(() => (i.data ?? []).map(({ id: e, prefix: o }) => ({ id: o, name: `${e} (${o})` })).sort(({ name: e }, { name: o }) => e.localeCompare(o)), [i.data]);
+  v(() => {
+    t && f.touchedFields.telephoneNumber && f.errors.telephoneNumber && C("telephoneNumber");
+  }, [t, l, C, f.errors, f.touchedFields]);
+  const p = a(() => h.telephoneNumber?.required, [h]), $ = a(() => h.telephoneNumber?.readOnly, [h]), L = a(() => {
+    const r = (i.data?.length ?? 0) > 0, e = !!s || !!n;
     return !i.isFetching && !r && !p && !e;
-  }, [i.data?.length, i.isFetching, p, s, t]), L = v(() => !p && !n && !a ? { valid: !0 } : n ? a ? { valid: !0 } : { valid: !1, message: d.get("payByLink.creation.fields.phoneNumber.errors.requiredPhoneNumber") } : { valid: !1, message: d.get("payByLink.creation.fields.phoneNumber.errors.requiredPhoneCode") }, [n, a]);
-  return x ? null : /* @__PURE__ */ f(I, { name: "telephoneNumber", children: /* @__PURE__ */ f(w, { label: d.get("payByLink.creation.fields.shopperPhone.label"), optional: !p, children: /* @__PURE__ */ f(
-    E,
+  }, [i.data?.length, i.isFetching, p, s, n]), P = D(() => !p && !t && !l ? { valid: !0 } : t ? l ? { valid: !0 } : { valid: !1, message: d.get("payByLink.creation.fields.phoneNumber.errors.requiredPhoneNumber") } : { valid: !1, message: d.get("payByLink.creation.fields.phoneNumber.errors.requiredPhoneCode") }, [t, l]);
+  return L ? null : /* @__PURE__ */ N(k, { name: "telephoneNumber", children: /* @__PURE__ */ N(T, { label: d.get("payByLink.creation.fields.shopperPhone.label"), optional: !p, children: /* @__PURE__ */ N(
+    O,
     {
       name: "telephoneNumber",
-      control: D,
+      control: V,
       rules: {
         required: p,
-        validate: L
+        validate: P
       },
       render: ({ field: r, fieldState: e }) => {
         const o = !!e.error && e.isTouched;
-        return /* @__PURE__ */ f(
-          k,
+        return /* @__PURE__ */ N(
+          w,
           {
             ...r,
-            onKeyDown: (l) => {
-              B({
-                event: l,
+            onKeyDown: (u) => {
+              E({
+                event: u,
                 inputType: "number"
               });
             },
-            onInput: (l) => {
-              const m = l.target.value;
-              h("telephoneNumber", `${n ?? ""}${m}`), c("telephoneNumber", `${n ?? ""} ${m}`);
+            onInput: (u) => {
+              const m = u.target.value;
+              c("telephoneNumber", `${t ?? ""}${m}`), b("telephoneNumber", `${t ?? ""} ${m}`);
             },
-            value: a,
+            value: l,
             type: "text",
             dropdown: {
               filterable: !0,
-              items: V,
-              value: n,
+              items: x,
+              value: t,
               placeholder: d.get("payByLink.creation.fields.shopperPhone.phonePrefix.placeholder"),
-              readonly: i.isFetching
+              readonly: i.isFetching || $
             },
-            onDropdownInput: (l) => {
-              const m = a || "";
-              h("telephoneNumber", `${l}${m}`), c("telephoneNumber", `${l} ${m}`);
+            onDropdownInput: (u) => {
+              const m = l || "";
+              c("telephoneNumber", `${u}${m}`), b("telephoneNumber", `${u} ${m}`);
             },
             isValid: !e.error && !!r.value,
             isInvalid: o,
             errorMessage: e.error?.message,
-            maxLength: j.telephoneNumber.max
+            maxLength: B.telephoneNumber.max,
+            readonly: $
           }
         );
       }
@@ -91,5 +92,5 @@ const Y = () => {
   ) }) });
 };
 export {
-  Y as ShopperPhoneField
+  J as ShopperPhoneField
 };

package/dist/es/components/external/PaymentLinkCreation/components/Form/CustomerDetailsForm/useAddressChecker.js

@@ -1,4 +1,4 @@
-import { useCallback as N } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as N } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { useWizardFormContext as p } from "../../../../../../hooks/form/wizard/WizardFormContext.js";
 import { useWatch as s } from "../../../../../../hooks/form/useWatch.js";
 const o = [