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

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

@@ -1,33 +1,29 @@
-import { jsx as a } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.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 u } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { FormTextInput as f } from "../../../../../../../internal/FormWrappers/FormTextInput.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 L = ({
-  isSeparateAddress: e,
-  isAddressFieldRequired: s
-}) => {
-  var t;
-  const { i18n: i } = m(), { setValue: r, fieldsConfig: o } = p(), d = u(
+const N = ({ isSameAddress: e, isAddressFieldRequired: i, isSameAddressCopyEnabled: r = !1 }) => {
+  const { i18n: s } = m(), { setValue: t, fieldsConfig: o } = p(), l = f(
     (n) => {
-      !e && r("billingAddress.street", n.currentTarget.value);
+      r && e && t("billingAddress.street", n.currentTarget.value);
     },
-    [e, r]
-  ), l = ((t = o["deliveryAddress.street"]) == null ? void 0 : t.required) || s("deliveryAddress.street");
+    [e, t, r]
+  ), d = o["deliveryAddress.street"]?.required || i("deliveryAddress.street");
   return /* @__PURE__ */ a(
-    f,
+    u,
     {
       maxLength: c.deliveryAddress.street.max,
       fieldName: "deliveryAddress.street",
-      label: i.get("payByLink.creation.fields.deliveryAddress.street.label"),
-      onInput: d,
+      label: s.get("payByLink.creation.fields.deliveryAddress.street.label"),
+      onInput: l,
       className: "adyen-pe-payment-link-creation-form__shipping-address-field--large",
       hideOptionalLabel: !0,
-      isRequired: l
+      isRequired: d
     }
   );
 };
 export {
-  L as ShippingStreetField
+  N as ShippingStreetField
 };

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

@@ -1,20 +1,24 @@
-import { jsx as d } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import m from "../../../../../../../core/Context/useCoreContext.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 y } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
-import p from "../../../../../../internal/Typography/Typography.js";
-import { TypographyVariant as u, TypographyElement as g } from "../../../../../../internal/Typography/types.js";
-import { Icon as s } from "../../../../../../internal/Icon/Icon.js";
-import { uuid as A } from "../../../../../../../utils/random/uuid.js";
-const B = ({ isSeparateAddress: n, setIsSeparateAddress: o }) => {
-  const { i18n: t } = m(), { setValue: e, getValues: i } = c(), l = A(), a = y(() => {
-    o((r) => (e("billingAddress.street", r ? i("deliveryAddress.street") : void 0), e("billingAddress.houseNumberOrName", r ? i("deliveryAddress.houseNumberOrName") : void 0), e("billingAddress.postalCode", r ? i("deliveryAddress.postalCode") : void 0), e("billingAddress.city", r ? i("deliveryAddress.city") : void 0), e("billingAddress.country", r ? i("deliveryAddress.country") : void 0), !r));
-  }, [i, o, e]);
-  return /* @__PURE__ */ d("div", { children: [
-    /* @__PURE__ */ d("input", { type: "checkbox", className: "adyen-pe-visually-hidden", id: l, onInput: a }),
-    /* @__PURE__ */ d("label", { className: "adyen-pe-payment-link-creation-form__field-checkbox", htmlFor: l, children: [
-      n ? /* @__PURE__ */ d(s, { name: "checkmark-square-fill" }) : /* @__PURE__ */ d(s, { name: "square" }),
-      /* @__PURE__ */ d(p, { el: g.SPAN, variant: u.BODY, children: t.get("payByLink.creation.fields.billingAndDeliverySeparateAddress.label") })
+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";
+import { uuid as b } from "../../../../../../../utils/random/uuid.js";
+const B = ({
+  isSameAddress: n,
+  setIsSameAddress: s,
+  showBillingFirst: l = !1
+}) => {
+  const { i18n: a } = y(), { setValue: e, getValues: d } = c(), o = b(), m = u(() => {
+    s((i) => (l ? (e("deliveryAddress.street", i ? void 0 : d("billingAddress.street")), e("deliveryAddress.houseNumberOrName", i ? void 0 : d("billingAddress.houseNumberOrName")), e("deliveryAddress.postalCode", i ? void 0 : d("billingAddress.postalCode")), e("deliveryAddress.city", i ? void 0 : d("billingAddress.city")), e("deliveryAddress.country", i ? void 0 : d("billingAddress.country"))) : (e("billingAddress.street", i ? void 0 : d("deliveryAddress.street")), e("billingAddress.houseNumberOrName", i ? void 0 : d("deliveryAddress.houseNumberOrName")), e("billingAddress.postalCode", i ? void 0 : d("deliveryAddress.postalCode")), e("billingAddress.city", i ? void 0 : d("deliveryAddress.city")), e("billingAddress.country", i ? void 0 : d("deliveryAddress.country"))), !i));
+  }, [d, s, e, l]);
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ r("input", { type: "checkbox", className: "adyen-pe-visually-hidden", id: o, onInput: m }),
+    /* @__PURE__ */ r("label", { className: "adyen-pe-payment-link-creation-form__field-checkbox", htmlFor: o, children: [
+      n ? /* @__PURE__ */ r(t, { name: "checkmark-square-fill" }) : /* @__PURE__ */ r(t, { name: "square" }),
+      /* @__PURE__ */ r(A, { el: p.SPAN, variant: g.BODY, children: a.get("payByLink.creation.fields.shippingAndBillingSameAddress.label") })
     ] })
   ] });
 };

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

@@ -1,26 +1,25 @@
-import { jsx as w } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import x from "../../../../../../../core/Context/useCoreContext.js";
-import { useMemo as F } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { FormSelect as g } from "../../../../../../internal/FormWrappers/FormSelect.js";
-import { useWizardFormContext as h } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
-const I = ({ countriesData: e, isFetchingCountries: C, countryDatasetData: l, isFetchingCountryDataset: f }) => {
-  const { i18n: s } = x(), { fieldsConfig: m } = h(), b = F(() => {
-    var p, n, i;
-    const d = new Set(((p = m == null ? void 0 : m.countryCode) == null ? void 0 : p.options) ?? ((n = e == null ? void 0 : e.data) == null ? void 0 : n.map(({ countryCode: o }) => o)) ?? []);
-    return (l != null && l.length ? l : ((i = e == null ? void 0 : e.data) == null ? void 0 : i.map(({ countryCode: o, countryName: r }) => ({ id: o, name: r }))) ?? []).filter(({ id: o }) => !d.size || d.has(o)).sort((o, r) => o.name.localeCompare(r.name));
-  }, [e == null ? void 0 : e.data, l, m]);
-  return /* @__PURE__ */ w(
-    g,
+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/.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 }) => {
+  const { i18n: m } = c(), { fieldsConfig: n } = p(), a = u(() => {
+    const i = new Set(n?.countryCode?.options ?? o?.data?.map(({ countryCode: e }) => e) ?? []);
+    return (r?.length ? r : o?.data?.map(({ countryCode: e, countryName: t }) => ({ id: e, name: t })) ?? []).filter(({ id: e }) => !i.size || i.has(e)).sort((e, t) => e.name.localeCompare(t.name));
+  }, [o?.data, r, n]);
+  return /* @__PURE__ */ d(
+    f,
     {
       clearable: !0,
       filterable: !0,
       fieldName: "countryCode",
-      label: s.get("payByLink.creation.fields.country.label"),
-      items: b,
-      readonly: C || f
+      label: m.get("payByLink.creation.fields.country.label"),
+      items: a,
+      readonly: l || s
     }
   );
 };
 export {
-  I as CountryRegionField
+  h as CountryRegionField
 };

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

@@ -1,36 +1,36 @@
-import { jsx as i } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import c from "../../../../../../../core/Context/useCoreContext.js";
-import { useMemo as l, useCallback as p } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useFetch as d } from "../../../../../../../hooks/useFetch.js";
-import { FormSelect as g } from "../../../../../../internal/FormWrappers/FormSelect.js";
-import { useWizardFormContext as f } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
-const j = () => {
-  const { i18n: m, getCdnDataset: n } = c(), { fieldsConfig: t } = f(), e = l(() => {
-    var s;
-    return (s = t == null ? void 0 : t.shopperLocale) == null ? void 0 : s.options;
-  }, [t]), o = d({
+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/.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";
+const k = () => {
+  const { i18n: c, getCdnDataset: s } = d(), { fieldsConfig: n } = h(), a = o(() => n?.shopperLocale?.options, [n]), e = p({
     fetchOptions: { enabled: !0 },
-    queryFn: p(async () => n ? await n({
+    queryFn: g(async () => s ? await s({
       name: "languages",
       extension: "json",
       fallback: []
-    }) ?? [] : [], [n])
-  }), u = l(() => (o.data ?? []).filter(({ value: a }) => e != null && e.length ? e == null ? void 0 : e.includes(a) : !0).map(({ text: a, value: r }) => ({
+    }) ?? [] : [], [s])
+  }), i = o(() => (e.data ?? []).filter(({ value: t }) => a?.length ? a?.includes(t) : !0).map(({ text: t, value: r }) => ({
     // TODO - Handle 'auto detect' option when submitting information to the BE
     id: r === null ? "auto" : r,
-    name: a
-  })).sort(({ name: a }, { name: r }) => a.localeCompare(r)), [o.data, e]);
-  return /* @__PURE__ */ i(
-    g,
+    name: t
+  })).sort(({ name: t }, { name: r }) => t.localeCompare(r)), [e.data, a]), l = o(() => n.shopperLocale?.required, [n]);
+  return o(() => {
+    const u = i.length > 0;
+    return !e.isFetching && !u && !l;
+  }, [e.isFetching, i.length, l]) ? null : /* @__PURE__ */ m(
+    f,
     {
       filterable: !0,
       fieldName: "shopperLocale",
-      label: m.get("payByLink.creation.fields.language.label"),
-      items: u,
-      readonly: o.isFetching
+      label: c.get("payByLink.creation.fields.language.label"),
+      items: i,
+      readonly: e.isFetching
     }
   );
 };
 export {
-  j as LanguageField
+  k as LanguageField
 };

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,90 +1,90 @@
-import { jsx as c } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as l, useEffect as F, useCallback as D } 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: p, getCdnDataset: b } = T(), { control: V, fieldsConfig: y, getValues: g, setValue: m, setFieldDisplayValue: d, getDisplayValue: C, trigger: $, formState: h } = P(), u = l(() => C("telephoneNumber"), [C]), t = l(() => g("telephoneNumber"), [g]), [n, s] = l(() => {
-    if (u) {
-      const [e, ...r] = u.split(" ");
-      return [e, r.join(" ")];
+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 [e, ...r] = t.split(" ");
-      return [e, r.join(" ")];
+    if (n) {
+      const [r, ...e] = n.split(" ");
+      return [r, e.join(" ")];
     }
     return [void 0, void 0];
-  }, [u, t]);
-  F(() => {
-    if (!u && t) {
-      const [e, ...r] = t.split(" "), o = r.join(" ");
-      m("telephoneNumber", `${e}${o}`), d("telephoneNumber", `${e} ${o}`);
+  }, [s, n]);
+  v(() => {
+    if (!s && n) {
+      const [r, ...e] = n.split(" "), o = e.join(" ");
+      c("telephoneNumber", `${r}${o}`), b("telephoneNumber", `${r} ${o}`);
     }
-  }, [u, t, m, d]);
-  const f = q({
+  }, [s, n, c, b]);
+  const i = I({
     fetchOptions: { enabled: !0 },
-    queryFn: D(async () => b ? await b({
+    queryFn: D(async () => y ? await y({
       name: "phonenumbers",
       extension: "json",
       fallback: []
-    }) ?? [] : [], [b])
-  }), x = l(() => (f.data ?? []).map(({ id: r, prefix: o }) => ({ id: o, name: `${r} (${o})` })).sort(({ name: r }, { name: o }) => r.localeCompare(o)), [f.data]);
-  F(() => {
-    n && h.touchedFields.telephoneNumber && h.errors.telephoneNumber && $("telephoneNumber");
-  }, [n, s, $, h.errors, h.touchedFields]);
-  const N = l(() => {
-    var e;
-    return (e = y.telephoneNumber) == null ? void 0 : e.required;
-  }, [y]), L = D(() => !N && !n && !s ? { valid: !0 } : n ? s ? { valid: !0 } : { valid: !1, message: p.get("payByLink.creation.fields.phoneNumber.errors.requiredPhoneNumber") } : { valid: !1, message: p.get("payByLink.creation.fields.phoneNumber.errors.requiredPhoneCode") }, [n, s]);
-  return /* @__PURE__ */ c(I, { name: "telephoneNumber", children: /* @__PURE__ */ c(w, { label: p.get("payByLink.creation.fields.shopperPhone.label"), optional: !N, children: /* @__PURE__ */ c(
-    E,
+    }) ?? [] : [], [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, 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: V,
       rules: {
-        required: N,
-        validate: L
+        required: p,
+        validate: P
       },
-      render: ({ field: e, fieldState: r }) => {
-        var v;
-        const o = !!r.error && r.isTouched;
-        return /* @__PURE__ */ c(
-          k,
+      render: ({ field: r, fieldState: e }) => {
+        const o = !!e.error && e.isTouched;
+        return /* @__PURE__ */ N(
+          w,
           {
-            ...e,
-            onKeyDown: (i) => {
-              B({
-                event: i,
+            ...r,
+            onKeyDown: (u) => {
+              E({
+                event: u,
                 inputType: "number"
               });
             },
-            onInput: (i) => {
-              const a = i.target.value;
-              m("telephoneNumber", `${n ?? ""}${a}`), d("telephoneNumber", `${n ?? ""} ${a}`);
+            onInput: (u) => {
+              const m = u.target.value;
+              c("telephoneNumber", `${t ?? ""}${m}`), b("telephoneNumber", `${t ?? ""} ${m}`);
             },
-            value: s,
+            value: l,
             type: "text",
             dropdown: {
               filterable: !0,
               items: x,
-              value: n,
-              placeholder: p.get("payByLink.creation.fields.shopperPhone.phonePrefix.placeholder"),
-              readonly: f.isFetching
+              value: t,
+              placeholder: d.get("payByLink.creation.fields.shopperPhone.phonePrefix.placeholder"),
+              readonly: i.isFetching || $
             },
-            onDropdownInput: (i) => {
-              const a = s || "";
-              m("telephoneNumber", `${i}${a}`), d("telephoneNumber", `${i} ${a}`);
+            onDropdownInput: (u) => {
+              const m = l || "";
+              c("telephoneNumber", `${u}${m}`), b("telephoneNumber", `${u} ${m}`);
             },
-            isValid: !r.error && !!e.value,
+            isValid: !e.error && !!r.value,
             isInvalid: o,
-            errorMessage: (v = r.error) == null ? void 0 : v.message,
-            maxLength: j.telephoneNumber.max
+            errorMessage: e.error?.message,
+            maxLength: B.telephoneNumber.max,
+            readonly: $
           }
         );
       }
@@ -92,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 = [

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

@@ -0,0 +1,35 @@
+import { useMemo as c } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useWizardFormContext as A } from "../../../../../../hooks/form/wizard/WizardFormContext.js";
+const b = [
+  "billingAddress.street",
+  "billingAddress.houseNumberOrName",
+  "billingAddress.postalCode",
+  "billingAddress.city",
+  "billingAddress.country"
+], m = [
+  "deliveryAddress.street",
+  "deliveryAddress.houseNumberOrName",
+  "deliveryAddress.postalCode",
+  "deliveryAddress.city",
+  "deliveryAddress.country"
+], g = () => {
+  const { fieldsConfig: t } = A();
+  return c(() => {
+    const n = (y) => {
+      const l = y.map((e) => t[e]), r = l.filter((e) => e?.visible), u = l.filter((e) => e?.readOnly);
+      return {
+        isVisible: r.length > 0,
+        isRequired: l.some((e) => e?.required),
+        allFieldsReadOnly: r.length > 0 && r.every((e) => e?.readOnly),
+        hasAnyReadOnlyField: u.length > 0
+      };
+    }, i = n(b), d = n(m);
+    if (!i.isVisible || !d.isVisible)
+      return { isSameAddressCopyEnabled: !1, showBillingFirst: !1 };
+    const s = i.isRequired && !d.isRequired, o = s ? d : i, a = s ? i : d;
+    return o.allFieldsReadOnly && a.allFieldsReadOnly ? { isSameAddressCopyEnabled: !1, showBillingFirst: s } : o.hasAnyReadOnlyField ? { isSameAddressCopyEnabled: !1, showBillingFirst: s } : { isSameAddressCopyEnabled: !0, showBillingFirst: s };
+  }, [t]);
+};
+export {
+  g as useSameAddressCheckbox
+};

package/dist/es/components/external/PaymentLinkCreation/components/Form/FormSuccess/FormSuccess.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import y from "classnames";
 import f from "../../../../../../core/Context/useCoreContext.js";
 import i from "../../../../../internal/Typography/Typography.js";
@@ -7,7 +7,7 @@ import { Icon as s } from "../../../../../internal/Icon/Icon.js";
 import m from "../../../../../internal/Button/Button.js";
 import { ButtonVariant as p } from "../../../../../internal/Button/types.js";
 /* empty css                 */
-import { useState as d, useRef as k, useEffect as h, useCallback as _ } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as d, useRef as k, useEffect as h, useCallback as _ } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 const A = ({ onGoToDetails: l, paymentLinkUrl: n }) => {
   const { i18n: t } = f(), [r, a] = d(!1), c = k(null);
   h(() => () => {

package/dist/es/components/external/PaymentLinkCreation/components/Form/PaymentDetailsForm/Fields/AmountField.js

@@ -1,70 +1,60 @@
-import { jsx as s } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import N from "../../../../../../../core/Context/useCoreContext.js";
-import { useMemo as l, useCallback as v, useEffect as E } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as t } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import A from "../../../../../../../core/Context/useCoreContext.js";
+import { useMemo as i, useCallback as p, useEffect as E } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { useWizardFormContext as V } from "../../../../../../../hooks/form/wizard/WizardFormContext.js";
-import { CurrencyInput as A } from "../../../../../../internal/FormFields/CurrencyInput/CurrencyInput.js";
-import { VisibleField as x } from "../../../../../../internal/FormWrappers/VisibleField.js";
+import { CurrencyInput as x } from "../../../../../../internal/FormFields/CurrencyInput/CurrencyInput.js";
+import { VisibleField as I } from "../../../../../../internal/FormWrappers/VisibleField.js";
 import L from "../../../../../../internal/FormWrappers/FormField.js";
 import { FieldError as M } from "../../../../../../internal/FormFields/FieldError/FieldError.js";
-import { Controller as k } from "../../../../../../../hooks/form/Controller.js";
-import { Fragment as q } from "../../../../../../../external/preact/dist/preact.module.js";
-const i = "amount.value", n = "amount.currency", _ = 1e13, X = () => {
-  const { i18n: m } = N(), { control: f, setValue: c, getValues: u, fieldsConfig: r, trigger: d } = V(), p = l(() => {
-    var e;
-    return ((e = r == null ? void 0 : r[n]) == null ? void 0 : e.visible) ?? !1;
-  }, [r]), C = v(
-    (e) => Number(e) < 0 ? { valid: !1, message: m.get("payByLink.creation.fields.amountValue.error.negativeNumber") } : p && !u(n) ? { valid: !1, message: m.get("payByLink.creation.fields.amountValue.error.currency") } : !e || Number(e) === 0 ? { valid: !1, message: m.get("common.errors.fieldRequired") } : { valid: !0 },
-    [m, u, p]
-  ), b = v(
-    (e, o) => {
-      c(n, e), o && d(i);
+import { Controller as R } from "../../../../../../../hooks/form/Controller.js";
+import { Fragment as k } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+const m = "amount.value", o = "amount.currency", q = 1e13, Y = () => {
+  const { i18n: a } = A(), { control: g, setValue: c, getValues: s, fieldsConfig: r, trigger: y } = V(), l = i(() => r?.[o]?.visible ?? !1, [r]), C = p(
+    (e) => Number(e) < 0 ? { valid: !1, message: a.get("payByLink.creation.fields.amountValue.error.negativeNumber") } : l && !s(o) ? { valid: !1, message: a.get("payByLink.creation.fields.amountValue.error.currency") } : !e || Number(e) === 0 ? { valid: !1, message: a.get("common.errors.fieldRequired") } : { valid: !0 },
+    [a, s, l]
+  ), v = p(
+    (e, n) => {
+      c(o, e), n && y(m);
     },
-    [c, d, u]
-  ), F = l(() => {
-    var e;
-    return (e = r == null ? void 0 : r.amount) == null ? void 0 : e.required;
-  }, [r]), t = l(() => {
-    var o;
-    const e = (o = r == null ? void 0 : r[n]) == null ? void 0 : o.options;
-    return e == null ? void 0 : e.map((a) => ({ id: a, name: a }));
-  }, [r]);
+    [c, y, s]
+  ), b = i(() => r?.amount?.required, [r]), h = i(() => r?.["amount.value"]?.readOnly, [r]), F = i(() => r?.["amount.currency"]?.readOnly, [r]), u = i(() => r?.[o]?.options?.map((n) => ({ id: n, name: n })), [r]);
   return E(() => {
-    var e;
-    (t == null ? void 0 : t.length) === 1 && c(n, (e = t[0]) == null ? void 0 : e.id);
-  }, [t]), /* @__PURE__ */ s(x, { name: i, children: /* @__PURE__ */ s(L, { label: m.get("payByLink.creation.fields.amount.label"), optional: !1, supportText: void 0, className: void 0, children: /* @__PURE__ */ s(
-    k,
+    u?.length === 1 && c(o, u[0]?.id);
+  }, [u]), /* @__PURE__ */ t(I, { name: m, children: /* @__PURE__ */ t(L, { label: a.get("payByLink.creation.fields.amount.label"), optional: !1, supportText: void 0, className: void 0, children: /* @__PURE__ */ t(
+    R,
     {
-      name: i,
-      control: f,
+      name: m,
+      control: g,
       rules: {
         validate: C,
-        required: F
+        required: b
       },
-      render: ({ field: e, fieldState: o }) => {
-        var g;
-        const a = !!o.error && o.isTouched, y = (g = o.error) == null ? void 0 : g.message;
-        return /* @__PURE__ */ s(q, { children: [
-          /* @__PURE__ */ s(
-            A,
+      render: ({ field: e, fieldState: n }) => {
+        const d = !!n.error && n.isTouched, f = n.error?.message;
+        return /* @__PURE__ */ t(k, { children: [
+          /* @__PURE__ */ t(
+            x,
             {
               ...e,
-              selectedCurrencyCode: u(n),
-              onCurrencyChange: (h) => b(h, a),
-              currency: u(n),
-              currencyItems: t,
-              isInvalid: a,
-              name: i,
+              hideCurrencySelector: !l,
+              selectedCurrencyCode: s(o),
+              onCurrencyChange: (N) => v(N, d),
+              currency: s(o),
+              currencyItems: u,
+              isInvalid: d,
+              name: m,
               amount: e.value ? Number(e.value) : void 0,
               onAmountChange: e.onInput,
-              maxValue: _
+              maxValue: q,
+              readonly: { amount: h, currency: F }
             }
           ),
-          a && y && /* @__PURE__ */ s(M, { errorMessage: y })
+          d && f && /* @__PURE__ */ t(M, { errorMessage: f })
         ] });
       }
     }
   ) }) });
 };
 export {
-  X as AmountField
+  Y as AmountField
 };

package/dist/es/components/external/PaymentLinkCreation/components/Form/PaymentDetailsForm/Fields/LinkTypeField.js

@@ -1,27 +1,24 @@
-import { jsx as k } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import n from "../../../../../../../core/Context/useCoreContext.js";
-import { useMemo as r } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { FormSelect as T } from "../../../../../../internal/FormWrappers/FormSelect.js";
-const i = ["open", "singleUse"], F = ({ configuration: e }) => {
-  const { i18n: s } = n(), o = r(() => {
-    var p, l, t;
-    return ((l = (p = e == null ? void 0 : e.linkType) == null ? void 0 : p.options) != null && l.length ? (t = e == null ? void 0 : e.linkType) == null ? void 0 : t.options : i).map((m) => {
-      const y = `payByLink.creation.form.linkTypes.${m}`;
-      return {
-        id: m,
-        name: s.get(y)
-      };
-    });
-  }, [e, s]);
-  return /* @__PURE__ */ k(
-    T,
+import { jsx as s } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "../../../../../../../core/Context/useCoreContext.js";
+import { useMemo as r } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { FormSelect as l } from "../../../../../../internal/FormWrappers/FormSelect.js";
+const m = ["open", "singleUse"], L = ({ configuration: e }) => {
+  const { i18n: o } = p(), t = r(() => (e?.linkType?.options?.length ? e?.linkType?.options : m).map((n) => {
+    const i = `payByLink.creation.form.linkTypes.${n}`;
+    return {
+      id: n,
+      name: o.get(i)
+    };
+  }), [e, o]);
+  return /* @__PURE__ */ s(
+    l,
     {
       fieldName: "linkType",
-      label: s.get("payByLink.creation.fields.linkType.label"),
-      items: o
+      label: o.get("payByLink.creation.fields.linkType.label"),
+      items: t
     }
   );
 };
 export {
-  F as LinkTypeField
+  L as LinkTypeField
 };