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

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/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/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/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 { 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/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 { 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/ShopperPhoneField.js

@@ -1,5 +1,5 @@
-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 { 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";
@@ -10,80 +10,79 @@ import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as j } from "../../../../constants.
 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(" ")];
+  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(() => {
+    if (s) {
+      const [r, ...e] = s.split(" ");
+      return [r, e.join(" ")];
     }
     if (t) {
-      const [e, ...r] = t.split(" ");
-      return [e, r.join(" ")];
+      const [r, ...e] = t.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, t]);
+  $(() => {
+    if (!s && t) {
+      const [r, ...e] = t.split(" "), o = e.join(" ");
+      h("telephoneNumber", `${r}${o}`), c("telephoneNumber", `${r} ${o}`);
     }
-  }, [u, t, m, d]);
-  const f = q({
+  }, [s, t, h, c]);
+  const i = q({
     fetchOptions: { enabled: !0 },
-    queryFn: D(async () => b ? await b({
+    queryFn: v(async () => N ? await N({
       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(
+    }) ?? [] : [], [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;
+    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,
     {
       name: "telephoneNumber",
-      control: V,
+      control: D,
       rules: {
-        required: N,
+        required: p,
         validate: L
       },
-      render: ({ field: e, fieldState: r }) => {
-        var v;
-        const o = !!r.error && r.isTouched;
-        return /* @__PURE__ */ c(
+      render: ({ field: r, fieldState: e }) => {
+        const o = !!e.error && e.isTouched;
+        return /* @__PURE__ */ f(
           k,
           {
-            ...e,
-            onKeyDown: (i) => {
+            ...r,
+            onKeyDown: (l) => {
               B({
-                event: i,
+                event: l,
                 inputType: "number"
               });
             },
-            onInput: (i) => {
-              const a = i.target.value;
-              m("telephoneNumber", `${n ?? ""}${a}`), d("telephoneNumber", `${n ?? ""} ${a}`);
+            onInput: (l) => {
+              const m = l.target.value;
+              h("telephoneNumber", `${n ?? ""}${m}`), c("telephoneNumber", `${n ?? ""} ${m}`);
             },
-            value: s,
+            value: a,
             type: "text",
             dropdown: {
               filterable: !0,
-              items: x,
+              items: V,
               value: n,
-              placeholder: p.get("payByLink.creation.fields.shopperPhone.phonePrefix.placeholder"),
-              readonly: f.isFetching
+              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: (l) => {
+              const m = a || "";
+              h("telephoneNumber", `${l}${m}`), c("telephoneNumber", `${l} ${m}`);
             },
-            isValid: !r.error && !!e.value,
+            isValid: !e.error && !!r.value,
             isInvalid: o,
-            errorMessage: (v = r.error) == null ? void 0 : v.message,
+            errorMessage: e.error?.message,
             maxLength: j.telephoneNumber.max
           }
         );

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

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