@adyen/adyen-platform-experience-web 1.10.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

@@ -1,17 +1,14 @@
-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 }));
+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 });
 }
-o(p, "type", "paymentLinkCreation");
 export {
-  p as PaymentLinkCreationElement,
-  p as default
+  s as PaymentLinkCreationElement,
+  s as default
 };

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

@@ -1,202 +1,130 @@
 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";
+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 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
+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
 }) => {
-  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;
+  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(
-      s,
+      N,
       {
         fieldName: "shopperReference",
-        label: i.get("payByLink.creation.fields.shopperReference.label"),
-        maxLength: n.shopperReference.max,
-        minLength: n.shopperReference.min
+        label: f.get("payByLink.creation.fields.shopperReference.label"),
+        maxLength: d.shopperReference.max,
+        minLength: d.shopperReference.min
       }
     ),
-    C && /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__shopper-name-container", children: [
+    k && /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__shopper-name-container", children: [
       /* @__PURE__ */ e(
-        s,
+        N,
         {
           fieldName: "shopperName.firstName",
-          label: i.get("payByLink.creation.fields.shopperName.label"),
-          maxLength: n.shopperName.firstName.max
+          label: f.get("payByLink.creation.fields.shopperName.label"),
+          maxLength: d.shopperName.firstName.max
         }
       ),
       /* @__PURE__ */ e(
-        s,
+        N,
         {
-          maxLength: n.shopperName.lastName.max,
+          maxLength: d.shopperName.lastName.max,
           fieldName: "shopperName.lastName",
-          label: i.get("payByLink.creation.fields.shopperLastName.label")
+          label: f.get("payByLink.creation.fields.shopperLastName.label")
         }
       )
     ] }),
-    /* @__PURE__ */ e(q, {}),
-    /* @__PURE__ */ e(R, {}),
+    /* @__PURE__ */ e(y, {}),
+    /* @__PURE__ */ e(B, {}),
     /* @__PURE__ */ e(
-      T,
+      _,
       {
-        countriesData: m,
-        isFetchingCountries: p,
-        countryDatasetData: c,
-        isFetchingCountryDataset: b
+        countriesData: l,
+        isFetchingCountries: o,
+        countryDatasetData: p,
+        isFetchingCountryDataset: m
       }
     ),
-    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 && !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 })
     ] }),
-    (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")
-          }
-        )
-      ] })
+    !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(E, {})
+    /* @__PURE__ */ e(A, {})
   ] });
 };
 export {
-  ce as CustomerDetailsForm
+  Y as CustomerDetailsForm
 };