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

package/dist/es/components/external/DisputesOverview/components/DisputesOverview/DisputesOverview.js

@@ -5,7 +5,7 @@ import W from "../../../../../core/Context/useCoreContext.js";
 import Pe, { ALL_BALANCE_ACCOUNTS_SELECTION_ID as he } from "../../../../../hooks/useBalanceAccountSelection.js";
 import Ce from "../../../../../hooks/useDefaultOverviewFilterParams.js";
 import ve from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
-import { EARLIEST_DISPUTES_SINCE_DATE as Me, TABS_CONTAINER_CLASS as we, BASE_CLASS as Ne, BASE_XS_CLASS as ge } from "./constants.js";
+import { EARLIEST_DISPUTES_SINCE_DATE as we, TABS_CONTAINER_CLASS as Me, BASE_CLASS as Ne, BASE_XS_CLASS as ge } from "./constants.js";
 import { LIMIT_OPTIONS as ye, DEFAULT_PAGE_LIMIT as Ge } from "../../../../internal/Pagination/constants.js";
 import { DISPUTE_REASON_CATEGORIES as $, DISPUTE_PAYMENT_SCHEMES as z, DISPUTE_STATUS_GROUPS as g } from "../../../../utils/disputes/constants.js";
 import { useResponsiveContainer as xe, containerQueries as je } from "../../../../../hooks/useResponsiveContainer.js";
@@ -26,12 +26,12 @@ import { listFrom as X } from "../../../../../utils/collection/main.js";
 import { isFunction as We } from "../../../../../utils/value/is.js";
 import { Header as $e } from "../../../../internal/Header/Header.js";
 import { noop as Z } from "../../../../../utils/common.js";
-const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze = Object.keys(z), et = Object.keys($), tt = Object.keys(g), ee = Object.entries(g).map(([n, o]) => ({
-  id: n,
+const J = "CHARGEBACKS", M = "schemeCodes", T = "reasonCategories", N = "_t", ze = Object.keys(z), et = Object.keys($), tt = Object.keys(g), ee = Object.entries(g).map(([l, o]) => ({
+  id: l,
   label: o,
   content: null
 })), rt = ({
-  ["aria-label"]: n,
+  ["aria-label"]: l,
   activeTab: o,
   onChange: _
 }) => {
@@ -45,7 +45,7 @@ const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze
   }, [_, A]), U(() => D(o), [o]), /* @__PURE__ */ r(
     Ze,
     {
-      "aria-label": n,
+      "aria-label": l,
       items: L,
       selected: A,
       onChange: ({ target: i }) => D(i.value),
@@ -54,8 +54,8 @@ const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze
       filterable: !1
     }
   );
-}, wt = ({
-  onFiltersChanged: n,
+}, Mt = ({
+  onFiltersChanged: l,
   balanceAccounts: o,
   allowLimitSelection: _ = !0,
   preferredLimit: R = Ge,
@@ -66,7 +66,10 @@ const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze
   showDetails: m,
   dataCustomization: c
 }) => {
-  const { i18n: u } = W(), { getDisputeList: P } = Je().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: te, onBalanceAccountSelection: re } = Pe(o, !0), { defaultParams: F, nowTimestamp: h, refreshNowTimestamp: C } = Ce("disputes", e, "last90Days"), [y, se] = E(!1), [ie, oe] = E(), [d, ne] = E(J), [le, G] = E(!1), [x, j] = E(d), k = a(() => u.get("disputes.overview.common.filters.types.statusGroup"), [u]), H = a(
+  const { i18n: u } = W(), { getDisputeList: P } = Je().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: te, onBalanceAccountSelection: re } = Pe({
+    balanceAccounts: o,
+    allowAllSelection: !0
+  }), { defaultParams: F, nowTimestamp: h, refreshNowTimestamp: C } = Ce("disputes", e, "last90Days"), [y, se] = E(!1), [ie, oe] = E(), [d, le] = E(J), [ne, G] = E(!1), [x, j] = E(d), k = a(() => u.get("disputes.overview.common.filters.types.statusGroup"), [u]), H = a(
     () => ({
       showDetails: m ?? !0,
       callback: i
@@ -80,18 +83,18 @@ const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze
           balanceAccountId: (e == null ? void 0 : e.id) ?? ""
         },
         reasonCategories: X(s[T]),
-        schemeCodes: X(s[w]),
+        schemeCodes: X(s[M]),
         createdSince: s[O.CREATED_SINCE] ?? F.current.defaultFilterParams[O.CREATED_SINCE],
         createdUntil: s[O.CREATED_UNTIL] ?? F.current.defaultFilterParams[O.CREATED_UNTIL]
       }
     }),
     [e == null ? void 0 : e.id, F, P]
-  ), V = Be(), ce = a(() => We(n) ? n : void 0, [n]), ue = a(() => _ ? ye : void 0, [_]), v = Object.assign(F.current.defaultFilterParams, {
+  ), V = Be(), ce = a(() => We(l) ? l : void 0, [l]), ue = a(() => _ ? ye : void 0, [_]), v = Object.assign(F.current.defaultFilterParams, {
     [T]: void 0,
-    [w]: void 0,
+    [M]: void 0,
     [N]: performance.now(),
     statusGroup: J
-  }), { canResetFilters: de, error: pe, fetching: Se, filters: p, limit: fe, limitOptions: Te, records: Ee, resetFilters: st, updateFilters: l, updateLimit: _e, ...Ae } = Ye({
+  }), { canResetFilters: de, error: pe, fetching: Se, filters: p, limit: fe, limitOptions: Te, records: Ee, resetFilters: st, updateFilters: n, updateLimit: _e, ...Ae } = Ye({
     fetchRecords: me,
     dataField: "data",
     filterParams: v,
@@ -100,19 +103,19 @@ const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze
     preferredLimit: R,
     preferredLimitOptions: ue,
     enabled: !!(e != null && e.id) && !!P
-  }), M = B(void 0), De = q({
+  }), w = B(void 0), De = q({
     mapFilterOptionName: f((t) => u.get($[t]), [u]),
     filterParam: T,
     filterValues: et,
-    defaultFilters: { ...v, [T]: M.current },
-    updateFilters: l,
+    defaultFilters: { ...v, [T]: w.current },
+    updateFilters: n,
     filters: p
   }), Fe = q({
     mapFilterOptionName: f((t) => z[t], []),
-    filterParam: w,
+    filterParam: M,
     filterValues: ze,
     defaultFilters: v,
-    updateFilters: l,
+    updateFilters: n,
     filters: p
   }), { updateDetails: Y, resetDetails: Re, selectedDetail: be } = Ke(ae), Ie = f(
     ({ disputePspReference: t }) => {
@@ -126,36 +129,36 @@ const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze
     },
     [Y]
   ), Oe = a(() => {
-    const t = new Date(h), s = t.setFullYear(t.getFullYear() - 1), S = new Date(Me).getTime();
+    const t = new Date(h), s = t.setFullYear(t.getFullYear() - 1), S = new Date(we).getTime();
     return new Date(Math.max(S, s)).toString();
   }, [h]), b = B(null), K = f(
     ({ id: t }) => {
       b.current && clearTimeout(b.current), b.current = setTimeout(() => {
         requestAnimationFrame(() => G(!1));
         const s = T, S = { statusGroup: t, [s]: void 0 };
-        t !== "FRAUD_ALERTS" && (S[s] = M.current), l(S), b.current = null;
-      }, 500), ne(t), G(!0), j(void 0);
+        t !== "FRAUD_ALERTS" && (S[s] = w.current), n(S), b.current = null;
+      }, 500), le(t), G(!0), j(void 0);
     },
-    [l]
+    [n]
   ), Ue = f(
     (t) => {
       t && tt.includes(t) && t !== d ? j(t) : (
         // Refresh the current disputes list status group,
         // by updating the last refresh timestamp filter parameter
-        l({ [N]: performance.now() })
+        n({ [N]: performance.now() })
       );
     },
-    [d, l]
+    [d, n]
   ), I = xe(je.down.xs);
   return U(() => {
     oe(I && y ? { maxHeight: 0, overflowY: "hidden" } : void 0);
   }, [I, y]), U(() => {
-    C(), p.statusGroup !== "FRAUD_ALERTS" && (M.current = p[T]);
+    C(), p.statusGroup !== "FRAUD_ALERTS" && (w.current = p[T]);
   }, [p, C]), /* @__PURE__ */ r("div", { style: ie, className: Le(Ne, { [ge]: I }), children: [
     /* @__PURE__ */ r($e, { hideTitle: L, titleKey: "disputes.overview.common.title", children: /* @__PURE__ */ r(qe, { ...V }) }),
     /* @__PURE__ */ r("div", { children: [
       /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ r("div", { className: we, children: I ? /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: Me, children: I ? /* @__PURE__ */ r(
           rt,
           {
             "aria-label": k,
@@ -190,7 +193,7 @@ const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze
               refreshNowTimestamp: C,
               sinceDate: Oe,
               timezone: e == null ? void 0 : e.timeZone,
-              updateFilters: l
+              updateFilters: n
             }
           ),
           /* @__PURE__ */ r(
@@ -225,7 +228,7 @@ const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze
             {
               activeBalanceAccount: e,
               balanceAccountId: e == null ? void 0 : e.id,
-              loading: le || Se || A || !o || !e,
+              loading: ne || Se || A || !o || !e,
               data: Ee,
               showPagination: !0,
               limit: fe,
@@ -244,5 +247,5 @@ const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze
   ] });
 };
 export {
-  wt as DisputesOverview
+  Mt as DisputesOverview
 };

package/dist/es/components/external/PaymentLinkCreation/PaymentLinkCreationElement.js

@@ -0,0 +1,17 @@
+var n = Object.defineProperty;
+var s = (e, t, r) => t in e ? n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var o = (e, t, r) => s(e, typeof t != "symbol" ? t + "" : t, r);
+import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UIElement as i } from "../UIElement/UIElement.js";
+import m from "./components/PaymentLinkCreationContainer/PaymentLinkCreationContainer.js";
+class p extends i {
+  constructor(r) {
+    super(r);
+    o(this, "componentToRender", () => /* @__PURE__ */ a(m, { ...this.props }));
+  }
+}
+o(p, "type", "paymentLinkCreation");
+export {
+  p as PaymentLinkCreationElement,
+  p as default
+};

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

@@ -0,0 +1,202 @@
+import { jsx as e } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ShopperEmailField as q } from "./Fields/ShopperEmailField.js";
+import { ShopperPhoneField as R } from "./Fields/ShopperPhoneField.js";
+import { CountryRegionField as T } from "./Fields/CountryRegionField.js";
+import { ShippingStreetField as S } from "./Fields/Address/ShippingStreetField.js";
+import { LanguageField as E } from "./Fields/LanguageField.js";
+import { BillingAndShippingCheckboxField as P } from "./Fields/BillingAndShippingCheckboxField.js";
+import { FormTextInput as s } from "../../../../../internal/FormWrappers/FormTextInput.js";
+import { ShippingHouseNumberField as I } from "./Fields/Address/ShippingHouseNumberField.js";
+import { ShippingCountryField as V } from "./Fields/Address/ShippingCountryField.js";
+import { ShippingCityField as Y } from "./Fields/Address/ShippingCityField.js";
+import { ShippingPostalCodeField as H } from "./Fields/Address/ShippingPostalCodeField.js";
+import { BillingCountryField as U } from "./Fields/Address/BillingCountryField.js";
+import { TypographyVariant as d, TypographyElement as o } from "../../../../../internal/Typography/types.js";
+import $ from "../../../../../../core/Context/useCoreContext.js";
+import t from "../../../../../internal/Typography/Typography.js";
+/* empty css                         */
+import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as n } from "../../../constants.js";
+import { useWizardFormContext as j } from "../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { useAddressChecker as z } from "./useAddressChecker.js";
+import { Fragment as G } from "../../../../../../external/preact/dist/preact.module.js";
+const ce = ({
+  isSeparateAddress: a,
+  setIsSeparateAddress: B,
+  countriesData: m,
+  isFetchingCountries: p,
+  countryDatasetData: c,
+  isFetchingCountryDataset: b
+}) => {
+  var y, h, N, u, A, _, L, k, v, x;
+  const { i18n: i } = $(), { fieldsConfig: l } = j(), { isAddressFieldRequired: r } = z(), C = ((y = l["shopperName.firstName"]) == null ? void 0 : y.visible) || ((h = l["shopperName.lastName"]) == null ? void 0 : h.visible), O = !((N = l["billingAddress.street"]) != null && N.required), F = !((u = l["deliveryAddress.street"]) != null && u.required), g = (A = l["billingAddress.street"]) == null ? void 0 : A.visible, f = (_ = l["deliveryAddress.street"]) == null ? void 0 : _.visible;
+  return /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__fields-container", children: [
+    /* @__PURE__ */ e(
+      s,
+      {
+        fieldName: "shopperReference",
+        label: i.get("payByLink.creation.fields.shopperReference.label"),
+        maxLength: n.shopperReference.max,
+        minLength: n.shopperReference.min
+      }
+    ),
+    C && /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__shopper-name-container", children: [
+      /* @__PURE__ */ e(
+        s,
+        {
+          fieldName: "shopperName.firstName",
+          label: i.get("payByLink.creation.fields.shopperName.label"),
+          maxLength: n.shopperName.firstName.max
+        }
+      ),
+      /* @__PURE__ */ e(
+        s,
+        {
+          maxLength: n.shopperName.lastName.max,
+          fieldName: "shopperName.lastName",
+          label: i.get("payByLink.creation.fields.shopperLastName.label")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(q, {}),
+    /* @__PURE__ */ e(R, {}),
+    /* @__PURE__ */ e(
+      T,
+      {
+        countriesData: m,
+        isFetchingCountries: p,
+        countryDatasetData: c,
+        isFetchingCountryDataset: b
+      }
+    ),
+    f && /* @__PURE__ */ e(G, { children: [
+      /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__shipping-address-container", children: [
+        /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__shipping-address-title-container", children: [
+          /* @__PURE__ */ e(
+            t,
+            {
+              el: o.SPAN,
+              variant: d.SUBTITLE,
+              stronger: !0,
+              className: "adyen-pe-payment-link-creation-form__billing-address-title",
+              children: i.get("payByLink.creation.sections.deliveryAddress.label")
+            }
+          ),
+          F && /* @__PURE__ */ e(
+            t,
+            {
+              el: o.SPAN,
+              variant: d.BODY,
+              className: "adyen-pe-payment-link-creation-form__field-label-optional",
+              children: `(${i.get("payByLink.common.fields.optional.label")})`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { children: [
+          /* @__PURE__ */ e(S, { isSeparateAddress: a, isAddressFieldRequired: r }),
+          /* @__PURE__ */ e(I, { isSeparateAddress: a, isAddressFieldRequired: r })
+        ] }),
+        /* @__PURE__ */ e("div", { children: [
+          /* @__PURE__ */ e(
+            V,
+            {
+              countriesData: m,
+              isAddressFieldRequired: r,
+              isFetchingCountries: p,
+              isSeparateAddress: a,
+              countryDatasetData: c,
+              isFetchingCountryDataset: b
+            }
+          ),
+          /* @__PURE__ */ e(Y, { isAddressFieldRequired: r, isSeparateAddress: a }),
+          /* @__PURE__ */ e(H, { isAddressFieldRequired: r, isSeparateAddress: a })
+        ] })
+      ] }),
+      g && /* @__PURE__ */ e(P, { isSeparateAddress: a, setIsSeparateAddress: B })
+    ] }),
+    (a || !f && g) && /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__billing-address-container", children: [
+      /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__billing-address-title-container", children: [
+        /* @__PURE__ */ e(
+          t,
+          {
+            el: o.SPAN,
+            variant: d.SUBTITLE,
+            stronger: !0,
+            className: "adyen-pe-payment-link-creation-form__billing-address-title",
+            children: i.get("payByLink.creation.sections.billingAddress.label")
+          }
+        ),
+        O && /* @__PURE__ */ e(
+          t,
+          {
+            el: o.SPAN,
+            variant: d.BODY,
+            className: "adyen-pe-payment-link-creation-form__field-label-optional",
+            children: `(${i.get("payByLink.common.fields.optional.label")})`
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ e(
+          s,
+          {
+            maxLength: n.billingAddress.street.max,
+            className: "adyen-pe-payment-link-creation-form__billing-address-field--large",
+            fieldName: "billingAddress.street",
+            label: i.get("payByLink.creation.fields.billingAddress.street.label"),
+            hideOptionalLabel: !0,
+            isRequired: ((L = l["billingAddress.street"]) == null ? void 0 : L.required) || r("billingAddress.street")
+          }
+        ),
+        /* @__PURE__ */ e(
+          s,
+          {
+            maxLength: n.billingAddress.houseNumberOrName.max,
+            className: "adyen-pe-payment-link-creation-form__billing-address-field--small",
+            fieldName: "billingAddress.houseNumberOrName",
+            label: i.get("payByLink.creation.fields.billingAddress.houseNumberOrName.label"),
+            hideOptionalLabel: !0,
+            isRequired: ((k = l["billingAddress.houseNumberOrName"]) == null ? void 0 : k.required) || r("billingAddress.houseNumberOrName")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ e(
+          U,
+          {
+            countriesData: m,
+            isAddressFieldRequired: r,
+            isFetchingCountries: p,
+            countryDatasetData: c,
+            isFetchingCountryDataset: b
+          }
+        ),
+        /* @__PURE__ */ e(
+          s,
+          {
+            maxLength: n.billingAddress.city.max,
+            className: "adyen-pe-payment-link-creation-form__billing-address-field--medium",
+            fieldName: "billingAddress.city",
+            label: i.get("payByLink.creation.fields.billingAddress.city.label"),
+            hideOptionalLabel: !0,
+            isRequired: ((v = l["billingAddress.city"]) == null ? void 0 : v.required) || r("billingAddress.city")
+          }
+        ),
+        /* @__PURE__ */ e(
+          s,
+          {
+            maxLength: n.billingAddress.postalCode.max,
+            className: "adyen-pe-payment-link-creation-form__billing-address-field--small",
+            fieldName: "billingAddress.postalCode",
+            label: i.get("payByLink.creation.fields.billingAddress.postalCode.label"),
+            hideOptionalLabel: !0,
+            isRequired: ((x = l["billingAddress.postalCode"]) == null ? void 0 : x.required) || r("billingAddress.postalCode")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(E, {})
+  ] });
+};
+export {
+  ce as CustomerDetailsForm
+};

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

@@ -0,0 +1,36 @@
+import { jsx as w } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import x from "../../../../../../../../core/Context/useCoreContext.js";
+import { useMemo as y } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { FormSelect as A } from "../../../../../../../internal/FormWrappers/FormSelect.js";
+import { useWizardFormContext as h } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
+const N = ({
+  countriesData: e,
+  isAddressFieldRequired: n,
+  isFetchingCountries: s,
+  countryDatasetData: i,
+  isFetchingCountryDataset: f
+}) => {
+  var o;
+  const { i18n: p } = x(), { fieldsConfig: b } = h(), g = y(() => {
+    var m;
+    const r = new Set(((e == null ? void 0 : e.data) ?? []).map(({ countryCode: l }) => l).filter(Boolean));
+    return (i != null && i.length ? i : ((m = e == null ? void 0 : e.data) == null ? void 0 : m.map(({ countryCode: l, countryName: d }) => ({ id: l, name: d }))) ?? []).filter(({ id: l }) => !r.size || r.has(l)).sort((l, d) => l.name.localeCompare(d.name));
+  }, [e == null ? void 0 : e.data, i]), C = ((o = b["billingAddress.country"]) == null ? void 0 : o.required) || n("billingAddress.country");
+  return /* @__PURE__ */ w(
+    A,
+    {
+      clearable: !0,
+      filterable: !0,
+      className: "adyen-pe-payment-link-creation-form__billing-address-field--medium",
+      fieldName: "billingAddress.country",
+      label: p.get("payByLink.creation.fields.billingAddress.country.label"),
+      items: g,
+      readonly: s || f,
+      hideOptionalLabel: !0,
+      isRequired: C
+    }
+  );
+};
+export {
+  N as BillingCountryField
+};

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

@@ -0,0 +1,33 @@
+import { jsx as m } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import a from "../../../../../../../../core/Context/useCoreContext.js";
+import { useWizardFormContext as c } from "../../../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { useCallback as p } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { FormTextInput as y } from "../../../../../../../internal/FormWrappers/FormTextInput.js";
+import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as u } from "../../../../../constants.js";
+const L = ({
+  isSeparateAddress: e,
+  isAddressFieldRequired: t
+}) => {
+  var r;
+  const { i18n: o } = a(), { setValue: i, fieldsConfig: s } = c(), d = p(
+    (l) => {
+      !e && i("billingAddress.city", l.currentTarget.value);
+    },
+    [e, i]
+  ), n = ((r = s["deliveryAddress.city"]) == null ? void 0 : r.required) || t("deliveryAddress.city");
+  return /* @__PURE__ */ m(
+    y,
+    {
+      maxLength: u.deliveryAddress.city.max,
+      fieldName: "deliveryAddress.city",
+      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: n
+    }
+  );
+};
+export {
+  L as ShippingCityField
+};

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { jsx as a } from "../../../../../../../../external/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 { 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(
+    (n) => {
+      !e && r("billingAddress.street", n.currentTarget.value);
+    },
+    [e, r]
+  ), l = ((t = o["deliveryAddress.street"]) == null ? void 0 : t.required) || s("deliveryAddress.street");
+  return /* @__PURE__ */ a(
+    f,
+    {
+      maxLength: c.deliveryAddress.street.max,
+      fieldName: "deliveryAddress.street",
+      label: i.get("payByLink.creation.fields.deliveryAddress.street.label"),
+      onInput: d,
+      className: "adyen-pe-payment-link-creation-form__shipping-address-field--large",
+      hideOptionalLabel: !0,
+      isRequired: l
+    }
+  );
+};
+export {
+  L as ShippingStreetField
+};

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

@@ -0,0 +1,23 @@
+import { jsx as d } from "../../../../../../../external/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 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") })
+    ] })
+  ] });
+};
+export {
+  B as BillingAndShippingCheckboxField
+};