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

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

@@ -1,6 +1,6 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import l from "classnames";
-import { useState as G, useMemo as S, useCallback as N, useEffect as $ } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as G, useMemo as h, useCallback as w, useEffect as $ } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import V from "../../../../../core/Context/useCoreContext.js";
 import H from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { Alert as j } from "../../../../internal/Alert/Alert.js";
@@ -9,8 +9,8 @@ import { DAY_MS as z } from "../../../../internal/Calendar/calendar/constants.js
 import { getDisputeReason as Q } from "../../../../utils/translation/getters.js";
 import { isDisputeActionNeededUrgently as W } from "../../../../utils/disputes/actionNeeded.js";
 import Z from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import { TypographyVariant as v, TypographyElement as y } from "../../../../internal/Typography/types.js";
-import A from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as v, TypographyElement as A } from "../../../../internal/Typography/types.js";
+import y from "../../../../internal/Typography/Typography.js";
 import { BASE_CLASS as r } from "./constants.js";
 import { useTableColumns as J } from "../../../../../hooks/useTableColumns.js";
 import { useResponsiveContainer as X, containerQueries as ee } from "../../../../../hooks/useResponsiveContainer.js";
@@ -19,13 +19,13 @@ import te from "./DisputeStatusTag.js";
 import { Tag as oe } from "../../../../internal/Tag/Tag.js";
 import { Tooltip as ne } from "../../../../internal/Tooltip/Tooltip.js";
 /* empty css                   */
-import { DATE_FORMAT_RESPONSE_DEADLINE as se, DATE_FORMAT_DISPUTES as R } from "../../../../../constants/dateFormats.js";
-import M from "../../../../internal/DataGrid/DataGrid.js";
+import { DATE_FORMAT_RESPONSE_DEADLINE as se, DATE_FORMAT_DISPUTES as N } from "../../../../../constants/dateFormats.js";
+import R from "../../../../internal/DataGrid/DataGrid.js";
 import re from "../../../../internal/Pagination/Pagination.js";
 import { Translation as ie } from "../../../../internal/Translation/Translation.js";
 import { Icon as ae } from "../../../../internal/Icon/Icon.js";
 import { useConfigContext as le } from "../../../../../core/ConfigContext/context.js";
-const L = {
+const O = {
   status: "disputes.overview.common.fields.status",
   respondBy: "disputes.overview.common.fields.respondBy",
   createdAt: "disputes.overview.common.fields.openedOn",
@@ -35,52 +35,52 @@ const L = {
   currency: "disputes.overview.common.fields.currency",
   disputedAmount: "disputes.overview.common.fields.disputedAmount",
   totalPaymentAmount: "disputes.overview.common.fields.totalPaymentAmount"
-}, O = {
+}, M = {
   CHARGEBACKS: { title: "disputes.overview.chargebacks.errors.listEmpty", message: "disputes.overview.chargebacks.errors.updateFilters" },
   FRAUD_ALERTS: { title: "disputes.overview.fraudAlerts.errors.listEmpty", message: "disputes.overview.fraudAlerts.errors.updateFilters" },
   ONGOING_AND_CLOSED: {
     title: "disputes.overview.ongoingAndClosed.errors.listEmpty",
     message: "disputes.overview.ongoingAndClosed.errors.updateFilters"
   }
-}, de = Object.keys(L), n = {
+}, de = Object.keys(O), n = {
   cellContent: `${r}__cell-content`,
   cellContentVStack: `${r}__cell-content--vstack`,
   cellTextGrey: `${r}__cell-text--grey`,
   dateContentUrgent: `${r}__date-content--urgent`,
   statusContent: `${r}__status-content`,
   statusContentUrgent: `${r}__status-content--urgent`
-}, Ie = ({
+}, xe = ({
   error: D,
-  loading: E,
-  balanceAccountId: me,
-  onContactSupport: T,
-  showPagination: _,
-  onRowClick: F,
-  data: k,
-  customColumns: U,
-  activeBalanceAccount: g,
+  loading: S,
+  balanceAccountId: ce,
+  onContactSupport: E,
+  showPagination: T,
+  onRowClick: L,
+  data: F,
+  customColumns: k,
+  activeBalanceAccount: U,
   statusGroup: s,
-  ...P
+  ...B
 }) => {
-  const { i18n: i } = V(), { refreshing: b } = le(), { dateFormat: d } = H(g == null ? void 0 : g.timeZone), [w, x] = G(null), C = S(() => E || b, [E, b]), o = X(ee.down.xs);
-  let m;
-  if (_)
+  const { i18n: i } = V(), { refreshing: _ } = le(), { dateFormat: d } = H(U?.timeZone), [b, P] = G(null), g = h(() => S || _, [S, _]), o = X(ee.down.xs);
+  let c;
+  if (T)
     switch (s) {
       case "CHARGEBACKS":
-        m = "disputes.overview.chargebacks.limitSelect.a11y.label";
+        c = "disputes.overview.chargebacks.limitSelect.a11y.label";
         break;
       case "FRAUD_ALERTS":
-        m = "disputes.overview.fraudAlerts.limitSelect.a11y.label";
+        c = "disputes.overview.fraudAlerts.limitSelect.a11y.label";
         break;
       case "ONGOING_AND_CLOSED":
-        m = "disputes.overview.ongoingAndClosed.limitSelect.a11y.label";
+        c = "disputes.overview.ongoingAndClosed.limitSelect.a11y.label";
         break;
     }
-  const I = J({
+  const x = J({
     fields: de,
-    fieldsKeys: L,
-    customColumns: U,
-    columnConfig: S(
+    fieldsKeys: O,
+    customColumns: k,
+    columnConfig: h(
       () => ({
         status: {
           visible: s === "ONGOING_AND_CLOSED"
@@ -116,7 +116,7 @@ const L = {
       }),
       [o, s]
     )
-  }), h = N(() => x(null), []), B = N(
+  }), C = w(() => P(null), []), I = w(
     (e) => {
       if (!e) return "";
       const u = new Date(e).getTime() - Date.now(), p = Math.ceil(u / z), a = d(e, { ...se, weekday: void 0 });
@@ -124,27 +124,27 @@ const L = {
     },
     [d, i]
   ), K = {
-    title: O[s].title,
-    message: [O[s].message]
-  }, Y = S(
-    () => () => /* @__PURE__ */ t(Z, { error: D, errorMessage: "disputes.overview.common.errors.listUnavailable", onContactSupport: T }),
-    [D, T]
+    title: M[s].title,
+    message: [M[s].message]
+  }, Y = h(
+    () => () => /* @__PURE__ */ t(Z, { error: D, errorMessage: "disputes.overview.common.errors.listUnavailable", onContactSupport: E }),
+    [D, E]
   );
   return $(() => {
-    C && h();
-  }, [C, h]), /* @__PURE__ */ t("div", { className: r, children: [
-    w && /* @__PURE__ */ t(j, { onClose: h, type: q.WARNING, className: "adyen-pe-disputes-table-alert", ...w }),
+    g && C();
+  }, [g, C]), /* @__PURE__ */ t("div", { className: r, children: [
+    b && /* @__PURE__ */ t(j, { onClose: C, type: q.WARNING, className: "adyen-pe-disputes-table-alert", ...b }),
     /* @__PURE__ */ t(
-      M,
+      R,
       {
         autoFitColumns: o,
         errorDisplay: Y,
         error: D,
-        columns: I,
-        data: k,
-        loading: C,
+        columns: x,
+        data: F,
+        loading: g,
         outline: !1,
-        onRowClick: { callback: F },
+        onRowClick: { callback: L },
         emptyTableMessage: K,
         customCells: {
           status: ({ item: e }) => /* @__PURE__ */ t("div", { className: l(n.cellContent, { [n.cellContentVStack]: o }), children: [
@@ -153,19 +153,19 @@ const L = {
           ] }),
           reason: ({ item: e }) => e.reason.title,
           respondBy: ({ item: e }) => {
-            const c = W(e), u = d(e.dueDate, R), p = !0, a = () => c && p ? /* @__PURE__ */ t(ne, { content: B(e.dueDate), children: /* @__PURE__ */ t("span", { className: n.dateContentUrgent, children: [
+            const m = W(e), u = d(e.dueDate, N), p = !0, a = () => m && p ? /* @__PURE__ */ t(ne, { content: I(e.dueDate), children: /* @__PURE__ */ t("span", { className: n.dateContentUrgent, children: [
               /* @__PURE__ */ t("time", { dateTime: e.dueDate, children: u }),
               /* @__PURE__ */ t(ae, { name: "warning-filled" })
             ] }) }) : /* @__PURE__ */ t("time", { dateTime: e.dueDate, children: u });
             return /* @__PURE__ */ t("div", { className: l(n.cellContent, { [n.cellContentVStack]: o }), children: [
               e.dueDate ? /* @__PURE__ */ t(
-                A,
+                y,
                 {
-                  el: y.SPAN,
+                  el: A.SPAN,
                   variant: v.BODY,
                   className: l(n.statusContent, {
-                    [n.cellTextGrey]: o && !c,
-                    [n.statusContentUrgent]: c
+                    [n.cellTextGrey]: o && !m,
+                    [n.statusContentUrgent]: m
                   }),
                   children: o ? /* @__PURE__ */ t(
                     ie,
@@ -180,7 +180,7 @@ const L = {
             ] });
           },
           currency: ({ item: e }) => /* @__PURE__ */ t(oe, { children: e.amount.currency }),
-          disputedAmount: ({ item: e }) => e.amount && /* @__PURE__ */ t(A, { el: y.SPAN, variant: v.BODY, stronger: !0, children: i.amount(e.amount.value, e.amount.currency, { hideCurrency: !1 }) }),
+          disputedAmount: ({ item: e }) => e.amount && /* @__PURE__ */ t(y, { el: A.SPAN, variant: v.BODY, stronger: !0, children: i.amount(e.amount.value, e.amount.currency, { hideCurrency: !1 }) }),
           createdAt: ({ item: e }) => /* @__PURE__ */ t("div", { className: l(n.cellContent, { [n.cellContentVStack]: o }), children: [
             /* @__PURE__ */ t(
               "time",
@@ -189,21 +189,21 @@ const L = {
                 className: l(n.statusContent, {
                   [n.cellTextGrey]: o
                 }),
-                children: /* @__PURE__ */ t(A, { el: y.SPAN, variant: v.BODY, children: d(e.createdAt, R) })
+                children: /* @__PURE__ */ t(y, { el: A.SPAN, variant: v.BODY, children: d(e.createdAt, N) })
               }
             ),
             o && /* @__PURE__ */ t(f, { paymentMethod: e.paymentMethod })
           ] }),
           paymentMethod: ({ item: e }) => /* @__PURE__ */ t(f, { paymentMethod: e.paymentMethod }),
           disputeReason: ({ item: e }) => /* @__PURE__ */ t("span", { children: Q(i, e.reason.category) }),
-          totalPaymentAmount: ({ item: e }) => e && /* @__PURE__ */ t(A, { el: y.SPAN, variant: v.BODY, stronger: !0, children: i.amount(e.amount.value, e.amount.currency, { hideCurrency: !1 }) })
+          totalPaymentAmount: ({ item: e }) => e && /* @__PURE__ */ t(y, { el: A.SPAN, variant: v.BODY, stronger: !0, children: i.amount(e.amount.value, e.amount.currency, { hideCurrency: !1 }) })
         },
-        children: _ && /* @__PURE__ */ t(M.Footer, { children: /* @__PURE__ */ t(
+        children: T && /* @__PURE__ */ t(R.Footer, { children: /* @__PURE__ */ t(
           re,
           {
-            ...P,
+            ...B,
             ariaLabelKey: "disputes.overview.common.pagination.a11y.label",
-            limitSelectAriaLabelKey: m
+            limitSelectAriaLabelKey: c
           }
         ) })
       }
@@ -211,8 +211,8 @@ const L = {
   ] });
 };
 export {
-  Ie as DisputesTable,
-  O as EMPTY_TABLE_MESSAGE_KEYS,
+  xe as DisputesTable,
+  M as EMPTY_TABLE_MESSAGE_KEYS,
   de as FIELDS,
-  L as FIELD_KEYS
+  O as FIELD_KEYS
 };

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

@@ -0,0 +1,14 @@
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UIElement as n } from "../UIElement/UIElement.js";
+import r from "./components/PaymentLinkCreationContainer/PaymentLinkCreationContainer.js";
+class s extends n {
+  static type = "paymentLinkCreation";
+  constructor(t) {
+    super(t);
+  }
+  componentToRender = () => /* @__PURE__ */ e(r, { ...this.props });
+}
+export {
+  s as PaymentLinkCreationElement,
+  s as default
+};

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

@@ -0,0 +1,130 @@
+import { jsx as e } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ShopperEmailField as y } from "./Fields/ShopperEmailField.js";
+import { ShopperPhoneField as B } from "./Fields/ShopperPhoneField.js";
+import { CountryRegionField as _ } from "./Fields/CountryRegionField.js";
+import { LanguageField as A } from "./Fields/LanguageField.js";
+import { BillingAndShippingCheckboxField as g } from "./Fields/BillingAndShippingCheckboxField.js";
+import { FormTextInput as N } from "../../../../../internal/FormWrappers/FormTextInput.js";
+import { DeliveryAddressSection as x } from "./Fields/Address/DeliveryAddressSection.js";
+import { BillingAddressSection as L } from "./Fields/Address/BillingAddressSection.js";
+import R from "../../../../../../core/Context/useCoreContext.js";
+/* empty css                         */
+import { PAYMENT_LINK_CREATION_FIELD_LENGTHS as d } from "../../../constants.js";
+import { useWizardFormContext as O } from "../../../../../../hooks/form/wizard/WizardFormContext.js";
+import { useAddressChecker as E } from "./useAddressChecker.js";
+import { Fragment as v } from "../../../../../../external/preact/dist/preact.module.js";
+const Y = ({
+  isSameAddress: i,
+  setIsSameAddress: h,
+  countriesData: l,
+  isFetchingCountries: o,
+  countryDatasetData: p,
+  isFetchingCountryDataset: m
+}) => {
+  const { i18n: f } = R(), { fieldsConfig: r } = O(), { isAddressFieldRequired: s } = E(), k = r["shopperName.firstName"]?.visible || r["shopperName.lastName"]?.visible, b = !r["billingAddress.street"]?.required, c = !r["deliveryAddress.street"]?.required, t = r["billingAddress.street"]?.visible, a = r["deliveryAddress.street"]?.visible, n = t && a && !b && c;
+  return /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__fields-container", children: [
+    /* @__PURE__ */ e(
+      N,
+      {
+        fieldName: "shopperReference",
+        label: f.get("payByLink.creation.fields.shopperReference.label"),
+        maxLength: d.shopperReference.max,
+        minLength: d.shopperReference.min
+      }
+    ),
+    k && /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__shopper-name-container", children: [
+      /* @__PURE__ */ e(
+        N,
+        {
+          fieldName: "shopperName.firstName",
+          label: f.get("payByLink.creation.fields.shopperName.label"),
+          maxLength: d.shopperName.firstName.max
+        }
+      ),
+      /* @__PURE__ */ e(
+        N,
+        {
+          maxLength: d.shopperName.lastName.max,
+          fieldName: "shopperName.lastName",
+          label: f.get("payByLink.creation.fields.shopperLastName.label")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(y, {}),
+    /* @__PURE__ */ e(B, {}),
+    /* @__PURE__ */ e(
+      _,
+      {
+        countriesData: l,
+        isFetchingCountries: o,
+        countryDatasetData: p,
+        isFetchingCountryDataset: m
+      }
+    ),
+    a && !n && /* @__PURE__ */ e(v, { children: [
+      /* @__PURE__ */ e(
+        x,
+        {
+          isSameAddress: i,
+          isAddressFieldRequired: s,
+          isOptional: c,
+          countriesData: l,
+          isFetchingCountries: o,
+          countryDatasetData: p,
+          isFetchingCountryDataset: m
+        }
+      ),
+      t && /* @__PURE__ */ e(g, { isSameAddress: i, setIsSameAddress: h })
+    ] }),
+    !n && (!i || !a && t) && /* @__PURE__ */ e(
+      L,
+      {
+        isSameAddress: i,
+        isAddressFieldRequired: s,
+        isOptional: b,
+        countriesData: l,
+        isFetchingCountries: o,
+        countryDatasetData: p,
+        isFetchingCountryDataset: m
+      }
+    ),
+    n && /* @__PURE__ */ e(v, { children: [
+      /* @__PURE__ */ e(
+        L,
+        {
+          isSameAddress: i,
+          isAddressFieldRequired: s,
+          showBillingFirst: n,
+          countriesData: l,
+          isFetchingCountries: o,
+          countryDatasetData: p,
+          isFetchingCountryDataset: m
+        }
+      ),
+      /* @__PURE__ */ e(
+        g,
+        {
+          isSameAddress: i,
+          setIsSameAddress: h,
+          showBillingFirst: n
+        }
+      ),
+      !i && /* @__PURE__ */ e(
+        x,
+        {
+          isSameAddress: i,
+          isAddressFieldRequired: s,
+          isOptional: !0,
+          countriesData: l,
+          isFetchingCountries: o,
+          countryDatasetData: p,
+          isFetchingCountryDataset: m
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(A, {})
+  ] });
+};
+export {
+  Y as CustomerDetailsForm
+};

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

@@ -0,0 +1,88 @@
+import { jsx as n } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import g from "../../../../../../../../core/Context/useCoreContext.js";
+import a from "../../../../../../../internal/Typography/Typography.js";
+import { TypographyVariant as i, TypographyElement as r } from "../../../../../../../internal/Typography/types.js";
+import { BillingStreetField as b } from "./BillingStreetField.js";
+import { BillingHouseNumberField as d } from "./BillingHouseNumberField.js";
+import { BillingCountryField as _ } from "./BillingCountryField.js";
+import { BillingCityField as N } from "./BillingCityField.js";
+import { BillingPostalCodeField as k } from "./BillingPostalCodeField.js";
+const E = ({
+  isSameAddress: o,
+  isAddressFieldRequired: l,
+  isOptional: m = !1,
+  showBillingFirst: e = !1,
+  countriesData: p,
+  isFetchingCountries: c,
+  countryDatasetData: y,
+  isFetchingCountryDataset: f
+}) => {
+  const { i18n: t } = g();
+  return /* @__PURE__ */ n("div", { className: "adyen-pe-payment-link-creation-form__billing-address-container", children: [
+    /* @__PURE__ */ n("div", { className: "adyen-pe-payment-link-creation-form__billing-address-title-container", children: [
+      /* @__PURE__ */ n(
+        a,
+        {
+          el: r.SPAN,
+          variant: i.SUBTITLE,
+          stronger: !0,
+          className: "adyen-pe-payment-link-creation-form__billing-address-title",
+          children: t.get("payByLink.creation.sections.billingAddress.label")
+        }
+      ),
+      m && /* @__PURE__ */ n(
+        a,
+        {
+          el: r.SPAN,
+          variant: i.BODY,
+          className: "adyen-pe-payment-link-creation-form__field-label-optional",
+          children: `(${t.get("payByLink.common.fields.optional.label")})`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ n(
+        b,
+        {
+          isSameAddress: o,
+          isAddressFieldRequired: l,
+          showBillingFirst: e
+        }
+      ),
+      /* @__PURE__ */ n(
+        d,
+        {
+          isSameAddress: o,
+          isAddressFieldRequired: l,
+          showBillingFirst: e
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ n(
+        _,
+        {
+          countriesData: p,
+          isAddressFieldRequired: l,
+          isFetchingCountries: c,
+          countryDatasetData: y,
+          isFetchingCountryDataset: f,
+          isSameAddress: o,
+          showBillingFirst: e
+        }
+      ),
+      /* @__PURE__ */ n(N, { isSameAddress: o, isAddressFieldRequired: l, showBillingFirst: e }),
+      /* @__PURE__ */ n(
+        k,
+        {
+          isSameAddress: o,
+          isAddressFieldRequired: l,
+          showBillingFirst: e
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  E as BillingAddressSection
+};

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { jsx as n } 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 f } from "../../../../../../../../external/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 N = ({ isSameAddress: e, isAddressFieldRequired: t, showBillingFirst: o = !1 }) => {
+  const { i18n: i } = m(), { setValue: l, fieldsConfig: r } = p(), s = f(
+    (d) => {
+      o && e && l("deliveryAddress.postalCode", d.currentTarget.value);
+    },
+    [e, l, o]
+  ), a = r["billingAddress.postalCode"]?.required || t("billingAddress.postalCode");
+  return /* @__PURE__ */ n(
+    u,
+    {
+      maxLength: C.billingAddress.postalCode.max,
+      fieldName: "billingAddress.postalCode",
+      label: i.get("payByLink.creation.fields.billingAddress.postalCode.label"),
+      onInput: s,
+      className: "adyen-pe-payment-link-creation-form__billing-address-field--small",
+      hideOptionalLabel: !0,
+      isRequired: a
+    }
+  );
+};
+export {
+  N as BillingPostalCodeField
+};

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

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