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

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

@@ -0,0 +1,262 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import _ from "../../../../internal/Typography/Typography.js";
+import Fe from "../../../../../core/Context/useCoreContext.js";
+import { TypographyVariant as C, TypographyElement as Ie } from "../../../../internal/Typography/types.js";
+import { Stepper as Be } from "../../../../internal/Stepper/Stepper.js";
+import { useRef as E, useState as D, useCallback as s, useMemo as y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { WizardFormProvider as Ee } from "../../../../../hooks/form/wizard/WizardFormContext.js";
+import { ButtonVariant as T } from "../../../../internal/Button/types.js";
+/* empty css                             */
+/* empty css                             */
+import De from "../../../../../hooks/useMutation/useMutation.js";
+import { usePaymentLinkFormData as we } from "./usePaymentLinkFormData.js";
+import { scrollToFirstErrorField as Re } from "../../utils.js";
+import { useResponsiveContainer as Pe, containerQueries as xe } from "../../../../../hooks/useResponsiveContainer.js";
+import { FormStepRenderer as Me } from "./FormStepRenderer.js";
+import Oe from "../../../PaymentLinkSettings/components/PaymentLinkSettingsContainer/PaymentLinkSettingsContainer.js";
+import { AlertTypeOption as j } from "../../../../internal/Alert/types.js";
+import { Alert as q } from "../../../../internal/Alert/Alert.js";
+import { ErrorMessageDisplay as Ve } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { useInvalidFieldsConfig as We } from "../../hooks/useInvalidFieldsConfig.js";
+import $e from "../../../../internal/CopyText/CopyText.js";
+import { Translation as Ye } from "../../../../internal/Translation/Translation.js";
+import A from "../../../../internal/Button/Button.js";
+import { Fragment as G } from "../../../../../external/preact/dist/preact.module.js";
+import { Icon as je } from "../../../../internal/Icon/Icon.js";
+const z = 28, qe = () => /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__skeleton", children: [
+  /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__skeleton-item adyen-pe-payment-link-creation-form__skeleton-item--large" }),
+  [...Array(3)].map((f, m) => /* @__PURE__ */ e(G, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "adyen-pe-payment-link-creation-form__skeleton-item adyen-pe-payment-link-creation-form__skeleton-item--small"
+      },
+      `${m}-small`
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "adyen-pe-payment-link-creation-form__skeleton-item adyen-pe-payment-link-creation-form__skeleton-item--large"
+      },
+      `${m}-large`
+    )
+  ] }))
+] }), gt = ({
+  fieldsConfig: f,
+  storeIds: m,
+  onCreationDismiss: w,
+  onPaymentLinkCreated: K,
+  onContactSupport: c,
+  embeddedInOverview: U
+}) => {
+  const R = E(null), [H, Q] = D(!1), P = E(null), X = !!f?.data?.billingAddress || !!f?.data?.deliveryAddress, [J, Z] = D(!X), g = E(""), { i18n: r } = Fe(), x = Pe(xe.down.xs), {
+    storesData: l,
+    configurationData: L,
+    countriesData: ee,
+    isFetchingCountries: te,
+    countryDatasetData: re,
+    isFetchingCountryDataset: ne,
+    settingsData: oe,
+    storesSelectorItems: ie,
+    termsAndConditionsProvisioned: N,
+    formSteps: M,
+    stepperItems: ae,
+    formStepsAriaLabel: se,
+    wizardForm: d,
+    createPaymentLink: me,
+    isDataLoading: ce,
+    isFirstLoadDone: le,
+    selectedStore: O,
+    setSelectedStore: h
+  } = we({
+    defaultValues: f?.data,
+    storeIds: m
+  }), { isLastStep: p, isFirstStep: V, currentStep: u, validateStep: W, canGoNext: de, isStepComplete: pe, nextStep: $, previousStep: ue, goToStep: Y } = d, [ye, k] = D(!1), fe = s(
+    async (t) => {
+      if (!p) {
+        if (!await W(t)) {
+          const i = P.current?.getBoundingClientRect().height ?? 0, n = x ? i + z : z;
+          Re(Object.keys(d.formState.errors), n, R.current);
+          return;
+        }
+        await $();
+      }
+    },
+    [p, $, W, d.formState.errors, x]
+  ), ge = s(
+    (t) => {
+      Y(t);
+    },
+    [Y]
+  ), b = y(() => {
+    const t = M?.[u];
+    return t ? t.id : "store";
+  }, [u, M]), he = () => {
+    if (V) {
+      w?.();
+      return;
+    }
+    a.reset(), ue();
+  }, ke = async () => {
+    await fe(u);
+  }, a = De({
+    queryFn: me
+  }), ve = async (t) => {
+    const { store: o, ...i } = t;
+    try {
+      const n = await a.mutate(
+        {
+          body: i,
+          contentType: "application/json"
+        },
+        { path: { storeId: o } }
+      );
+      K?.({ ...t, paymentLink: n });
+    } catch (n) {
+      throw console.error("Failed to create payment link:", n), n;
+    }
+  }, Se = s(() => {
+    h(g.current), k(!1), g.current = "";
+  }, [k, h]), _e = (t) => {
+    Q(!0);
+  }, Ce = a.isLoading || ce, F = y(() => l && l.data && l.data.length === 0, [l]), I = y(() => b !== "store" && !L, [L, b]), Te = y(() => !N || F || I, [F, I, N]), { invalidFieldsConfig: B } = We(), v = s(
+    (t) => !t || !("invalidFields" in t) || !t.invalidFields?.length ? [] : t.invalidFields.map((o) => {
+      const i = B.fields?.[o.name], n = B.messages?.[o.message];
+      if (!i && !n) return null;
+      const S = i ? r.get(i) : o.name;
+      if (!n) return `${S}`;
+      const be = r.get(n);
+      return `${S} (${be})`;
+    }).filter((o) => o !== null),
+    [r, B]
+  ), Ae = s(() => {
+    g.current = O, h(""), k(!0);
+  }, [O, h, k]), Le = s(
+    (t) => v(t).length ? r.get("payByLink.creation.form.alert.invalidFields") : r.get("payByLink.creation.form.alert.somethingWentWrong"),
+    [v, r]
+  ), Ne = y(() => {
+    const t = a.error, o = v(t), i = o.length > 0;
+    return /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__error-alert", children: [
+      i && /* @__PURE__ */ e("ul", { className: "adyen-pe-payment-link-creation-form__invalid-fields-error", children: o.map((n, S) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(_, { variant: C.CAPTION, children: n }) }, S)) }),
+      c && /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__contact-support", children: /* @__PURE__ */ e(
+        Ye,
+        {
+          translationKey: "payByLink.creation.form.error.submit.contactSupport",
+          fills: {
+            contactSupport: /* @__PURE__ */ e(A, { variant: T.TERTIARY, onClick: c, children: r.get("common.actions.contactSupport.labels.reachOut") }),
+            errorCode: /* @__PURE__ */ e($e, { stronger: !0, textToCopy: t?.requestId || t?.errorCode })
+          }
+        }
+      ) })
+    ] });
+  }, [v, r, c, a.error]);
+  return le ? ye ? /* @__PURE__ */ e(
+    Oe,
+    {
+      hideTitle: !0,
+      storeIds: g.current,
+      settingsItems: ["termsAndConditions"],
+      navigateBack: Se,
+      embeddedInOverview: U
+    }
+  ) : /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__component", children: [
+    /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__header", ref: P, children: [
+      /* @__PURE__ */ e(_, { variant: C.SUBTITLE, stronger: !0, children: r.get("payByLink.creation.form.title") }),
+      /* @__PURE__ */ e(
+        Be,
+        {
+          nextStepDisabled: !de || !pe(u),
+          variant: "horizontal",
+          activeIndex: u,
+          ariaLabel: se,
+          onChange: ge,
+          children: ae.map((t) => /* @__PURE__ */ e(G, { children: t.label }))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(Ee, { ...d, children: /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__container", children: /* @__PURE__ */ e(
+      "form",
+      {
+        className: "adyen-pe-payment-link-creation-form",
+        onSubmit: (t) => {
+          t.preventDefault(), d.handleSubmit(ve, _e)(t);
+        },
+        ref: R,
+        children: [
+          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+            Me,
+            {
+              setShowTermsAndConditions: Ae,
+              currentFormStep: b,
+              settingsData: oe,
+              storeIds: m,
+              storesData: l,
+              selectItems: ie,
+              termsAndConditionsProvisioned: N,
+              configurationData: L,
+              isSameAddress: J,
+              setIsSameAddress: Z,
+              countriesData: ee,
+              isFetchingCountries: te,
+              countryDatasetData: re,
+              isFetchingCountryDataset: ne
+            }
+          ) }),
+          (I || H) && /* @__PURE__ */ e(
+            Ve,
+            {
+              condensed: !0,
+              title: "common.errors.somethingWentWrong",
+              withImage: !0,
+              absolutePosition: !1,
+              outlined: !1,
+              withBackground: !1,
+              message: ["payByLink.creation.errors.unavailable", "common.errors.retry"]
+            }
+          ),
+          F && /* @__PURE__ */ e(
+            q,
+            {
+              type: j.WARNING,
+              title: r.get("payByLink.common.errors.accountConfiguration"),
+              description: /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__warning-alert", children: [
+                /* @__PURE__ */ e(_, { variant: C.CAPTION, el: Ie.SPAN, children: r.get("common.errors.contactSupport") }),
+                c ? /* @__PURE__ */ e(A, { variant: T.TERTIARY, onClick: c, children: r.get("common.actions.contactSupport.labels.reachOut") }) : null
+              ] })
+            }
+          ),
+          a.isError && /* @__PURE__ */ e(
+            q,
+            {
+              type: j.CRITICAL,
+              title: Le(a.error),
+              description: Ne
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__buttons-container", children: [
+            (!V || w) && /* @__PURE__ */ e(A, { variant: T.SECONDARY, onClick: he, children: r.get("payByLink.creation.form.steps.back") }),
+            /* @__PURE__ */ e(
+              A,
+              {
+                className: "adyen-pe-payment-link-creation-form__submit-button",
+                type: p ? "submit" : "button",
+                variant: T.PRIMARY,
+                onClick: p ? void 0 : ke,
+                state: Ce ? "loading" : void 0,
+                disabled: Te,
+                iconRight: /* @__PURE__ */ e(je, { name: "arrow-right" }),
+                children: p ? r.get("payByLink.creation.form.steps.submit") : r.get("payByLink.creation.form.steps.continue")
+              }
+            )
+          ] })
+        ]
+      }
+    ) }) })
+  ] }) : /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__component", children: /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-creation-form__header", children: [
+    /* @__PURE__ */ e(_, { variant: C.SUBTITLE, stronger: !0, children: r.get("payByLink.creation.form.title") }),
+    /* @__PURE__ */ e(qe, {})
+  ] }) });
+};
+export {
+  gt as PaymentLinkCreationFormContainer
+};

package/dist/es/components/external/PaymentLinkCreation/components/PaymentLinkCreationFormContainer/usePaymentLinkFormData.js

@@ -0,0 +1,107 @@
+import { useState as $, useCallback as a, useMemo as c, useEffect as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as u } from "../../../../../hooks/useFetch.js";
+import { getFormSteps as j } from "../../utils.js";
+import J from "../../../../../core/Context/useCoreContext.js";
+import { useWizardForm as Q } from "../../../../../hooks/form/wizard/useWizardForm.js";
+import { useConfigContext as W } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as f } from "../../../../../utils/value/constants.js";
+const ne = ({ storeIds: l, defaultValues: d }) => {
+  const [t, A] = $(""), { i18n: r, getCdnDataset: p } = J(), {
+    countries: F,
+    getPayByLinkConfiguration: b,
+    createPBLPaymentLink: O,
+    getPayByLinkSettings: h,
+    getPayByLinkStores: S
+  } = W().endpoints, { data: C, isFetching: B } = u({
+    fetchOptions: { enabled: !!S },
+    queryFn: a(async () => S?.(f, {}), [S])
+  }), s = c(() => (C?.data ?? []).filter(({ storeId: e }) => l ? Array.isArray(l) && e ? l.includes(e) : l === e : !0).map(({ storeCode: e, storeId: V }) => ({
+    id: V || "",
+    name: e || ""
+  })), [C, l]), {
+    data: g,
+    isFetching: v,
+    error: q
+  } = u({
+    fetchOptions: { enabled: !!b && !!t },
+    queryFn: a(async () => b?.(f, { path: { storeId: t } }), [b, t])
+  }), {
+    data: y,
+    isFetching: E,
+    error: x
+  } = u({
+    fetchOptions: { enabled: !!h && !!t },
+    queryFn: a(async () => h?.(f, { path: { storeId: t } }), [h, t])
+  }), D = c(() => !!y?.termsOfServiceUrl, [y?.termsOfServiceUrl]), o = a(
+    (n) => g?.[n],
+    [g]
+  ), L = c(() => !!(o("deliveryAddress") || o("billingAddress") || o("countryCode")), [o("deliveryAddress"), o("billingAddress"), o("countryCode")]), { data: R, isFetching: T } = u({
+    fetchOptions: { enabled: L && !!F },
+    queryFn: a(async () => F?.(f), [F])
+  }), { data: U, isFetching: w } = u({
+    fetchOptions: { enabled: L },
+    queryFn: a(async () => {
+      const n = `${r.locale ?? "en-US"}`;
+      return p ? await p({
+        name: n,
+        extension: "json",
+        subFolder: "countries",
+        fallback: []
+      }) ?? [] : [];
+    }, [p, r.locale, L])
+  }), m = c(() => {
+    const n = s.length === 1 && D;
+    return j({ i18n: r, getFieldConfig: o }).filter((e) => !(e.id === "store" && n));
+  }, [o, r, s, D]), z = c(() => m.map((n) => ({
+    id: n.id,
+    label: r.get(`payByLink.creation.form.steps.${n.id}`)
+  })), [m, r]), M = c(() => r.get("payByLink.creation.steps.a11y.label"), [r]), i = Q({
+    i18n: r,
+    steps: m,
+    defaultValues: {
+      ...d,
+      billingAddress: d?.billingAddress || d?.deliveryAddress || {},
+      store: t || d?.store || ""
+    },
+    mode: "all",
+    validateBeforeNext: !0
+  });
+  P(() => {
+    s.length === 1 && (i.setValue("store", s[0]?.id), i.setFieldDisplayValue("store", s[0]?.name));
+  }, [s]), P(() => i.control.subscribe(() => {
+    const e = i.control.getValue("store");
+    e && e !== t && A(e);
+  }), [i.control, t]);
+  const k = v || E || B, N = s.length === 1;
+  return {
+    // Query data
+    storesData: C,
+    configurationData: g,
+    settingsData: y,
+    // Store data
+    selectedStore: t,
+    storesSelectorItems: s,
+    termsAndConditionsProvisioned: D,
+    // Countries data
+    countriesData: R,
+    isFetchingCountries: T,
+    // Countries dataset
+    countryDatasetData: U,
+    isFetchingCountryDataset: w,
+    // Form steps
+    formSteps: m,
+    stepperItems: z,
+    formStepsAriaLabel: M,
+    // Wizard form
+    wizardForm: i,
+    // Endpoints
+    createPaymentLink: O,
+    // Loading state
+    isDataLoading: k,
+    isFirstLoadDone: !!(!B && (!N || !k && (g || q) && (!k && (y || x)))),
+    setSelectedStore: A
+  };
+};
+export {
+  ne as usePaymentLinkFormData
+};

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

@@ -0,0 +1,59 @@
+const e = {
+  emailAddress: {
+    max: 500
+  },
+  merchantReference: {
+    min: 3,
+    max: 256
+  },
+  shopperName: {
+    firstName: {
+      max: 80
+    },
+    lastName: {
+      max: 80
+    }
+  },
+  telephoneNumber: {
+    max: 32
+  },
+  billingAddress: {
+    street: {
+      max: 3e3
+    },
+    houseNumberOrName: {
+      max: 3e3
+    },
+    postalCode: {
+      max: 10
+    },
+    city: {
+      max: 3e3
+    }
+  },
+  deliveryAddress: {
+    street: {
+      max: 3e3
+    },
+    houseNumberOrName: {
+      max: 3e3
+    },
+    postalCode: {
+      max: 10
+    },
+    city: {
+      max: 3e3
+    }
+  },
+  shopperReference: {
+    min: 3,
+    max: 256
+  },
+  description: {
+    max: 280
+  }
+}, m = ["hour", "minute", "day", "week"];
+export {
+  m as LINK_VALIDITY_DURATION_UNITS,
+  e as PAYMENT_LINK_CREATION_FIELD_LENGTHS
+};

package/dist/es/components/external/PaymentLinkCreation/hooks/useInvalidFieldsConfig.js

@@ -0,0 +1,22 @@
+import { useState as l, useCallback as t, useEffect as d } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import f from "../../../../core/Context/useCoreContext.js";
+import c from "../../../../config/payByLink/invalidFieldsConfig.json.js";
+const m = () => {
+  const { getCdnConfig: n } = f(), i = c, [s, e] = l(i), o = t(async () => {
+    const a = await n?.({
+      subFolder: "payByLink",
+      name: "invalidFieldsConfig",
+      fallback: i
+    });
+    e(a ?? i);
+  }, [n, i]);
+  return d(() => {
+    o();
+  }, [o]), {
+    invalidFieldsConfig: s,
+    getInvalidFieldsConfig: o
+  };
+};
+export {
+  m as useInvalidFieldsConfig
+};

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

@@ -0,0 +1,206 @@
+const p = (i, e, a) => {
+  if (i.length === 0) return;
+  const u = a ?? document, y = i.map((r) => `[name="${r}"]`).join(","), m = u.querySelectorAll(`:scope ${y}`), s = Array.from(m).reduce((r, l) => r ? l.getBoundingClientRect().top < r.getBoundingClientRect().top ? l : r : l, null);
+  if (!s) return;
+  const d = s.getBoundingClientRect();
+  d.top >= e && d.bottom <= window.innerHeight || (s.style.scrollMarginTop = `${e}px`, s.scrollIntoView({ behavior: "smooth", block: "start" }));
+}, c = ({
+  i18n: i,
+  getFieldConfig: e
+}) => [
+  {
+    id: "store",
+    fields: [
+      {
+        fieldName: "store",
+        required: !0,
+        visible: !0,
+        label: "payByLink.creation.summary.fields.store"
+      }
+    ],
+    isOptional: !1
+  },
+  {
+    id: "payment",
+    fields: [
+      {
+        fieldName: "linkValidity.quantity",
+        required: !!e("linkValidity")?.required,
+        visible: !!e("linkValidity"),
+        label: "payByLink.creation.summary.fields.linkValidity"
+      },
+      {
+        fieldName: "linkValidity.durationUnit",
+        required: !!e("linkValidity")?.required,
+        visible: !!e("linkValidity")
+      },
+      {
+        fieldName: "amount.value",
+        required: !!e("amountValue")?.required,
+        visible: !!e("amountValue"),
+        label: "payByLink.creation.summary.fields.amountValue"
+      },
+      {
+        fieldName: "amount.currency",
+        required: !!e("currency")?.required,
+        visible: !!e("currency"),
+        label: "payByLink.creation.summary.fields.currency",
+        options: e("currency")?.options
+      },
+      {
+        fieldName: "reference",
+        required: !!e("merchantReference")?.required,
+        visible: !!e("merchantReference"),
+        label: "payByLink.creation.summary.fields.merchantReference"
+      },
+      {
+        fieldName: "linkType",
+        required: !!e("linkType")?.required,
+        visible: !!e("linkType"),
+        label: "payByLink.creation.summary.fields.linkType"
+      },
+      {
+        fieldName: "description",
+        required: !!e("description")?.required,
+        visible: !!e("description"),
+        label: "payByLink.creation.summary.fields.description"
+      },
+      {
+        fieldName: "deliverAt",
+        required: !!e("deliveryDate")?.required,
+        visible: !!e("deliveryDate")
+      }
+    ],
+    isOptional: !1
+  },
+  {
+    id: "customer",
+    fields: [
+      {
+        fieldName: "shopperReference",
+        required: !!e("shopperReference")?.required,
+        visible: !!e("shopperReference"),
+        label: "payByLink.creation.summary.fields.shopperReference"
+      },
+      {
+        fieldName: "shopperName.firstName",
+        required: !!e("shopperName")?.required,
+        visible: !!e("shopperName"),
+        label: "payByLink.creation.summary.fields.shopperName"
+      },
+      {
+        fieldName: "shopperName.lastName",
+        required: !!e("shopperName")?.required,
+        visible: !!e("shopperName"),
+        label: "payByLink.creation.summary.fields.shopperLastName"
+      },
+      {
+        fieldName: "shopperEmail",
+        required: !!e("emailAddress")?.required,
+        visible: !!e("emailAddress"),
+        label: "payByLink.creation.summary.fields.emailAddress"
+      },
+      {
+        fieldName: "sendSuccessEmailToShopper",
+        required: !!e("sendSuccessEmailToShopper")?.required,
+        visible: !!e("sendSuccessEmailToShopper")
+      },
+      {
+        fieldName: "sendLinkToShopper",
+        required: !!e("sendLinkToShopper")?.required,
+        visible: !!e("sendLinkToShopper"),
+        label: "payByLink.creation.summary.fields.emailAddress"
+      },
+      {
+        fieldName: "telephoneNumber",
+        required: !!e("phoneNumber")?.required,
+        visible: !!e("phoneNumber"),
+        label: "payByLink.creation.summary.fields.phoneNumber"
+      },
+      {
+        fieldName: "countryCode",
+        required: !!e("countryCode")?.required,
+        visible: !!e("countryCode"),
+        label: "payByLink.creation.summary.fields.countryCode",
+        options: e("countryCode")?.options
+      },
+      {
+        fieldName: "deliveryAddress.street",
+        required: !!e("deliveryAddress")?.required,
+        visible: !!e("deliveryAddress"),
+        label: "payByLink.creation.summary.fields.deliveryAddress.street"
+      },
+      {
+        fieldName: "deliveryAddress.houseNumberOrName",
+        required: !!e("deliveryAddress")?.required,
+        visible: !!e("deliveryAddress"),
+        label: "payByLink.creation.summary.fields.deliveryAddress.houseNumberOrName"
+      },
+      {
+        fieldName: "deliveryAddress.postalCode",
+        required: !!e("deliveryAddress")?.required,
+        visible: !!e("deliveryAddress"),
+        label: "payByLink.creation.summary.fields.deliveryAddress.postalCode"
+      },
+      {
+        fieldName: "deliveryAddress.city",
+        required: !!e("deliveryAddress")?.required,
+        visible: !!e("deliveryAddress"),
+        label: "payByLink.creation.summary.fields.deliveryAddress.city"
+      },
+      {
+        fieldName: "deliveryAddress.country",
+        required: !!e("deliveryAddress")?.required,
+        visible: !!e("deliveryAddress"),
+        label: "payByLink.creation.summary.fields.deliveryAddress.country"
+      },
+      {
+        fieldName: "billingAddress.street",
+        required: !!e("billingAddress")?.required,
+        visible: !!e("billingAddress"),
+        label: "payByLink.creation.summary.fields.billingAddress.street"
+      },
+      {
+        fieldName: "billingAddress.houseNumberOrName",
+        required: !!e("billingAddress")?.required,
+        visible: !!e("billingAddress"),
+        label: "payByLink.creation.summary.fields.billingAddress.houseNumberOrName"
+      },
+      {
+        fieldName: "billingAddress.postalCode",
+        required: !!e("billingAddress")?.required,
+        visible: !!e("billingAddress"),
+        label: "payByLink.creation.summary.fields.billingAddress.postalCode"
+      },
+      {
+        fieldName: "billingAddress.city",
+        required: !!e("billingAddress")?.required,
+        visible: !!e("billingAddress"),
+        label: "payByLink.creation.summary.fields.billingAddress.city"
+      },
+      {
+        fieldName: "billingAddress.country",
+        required: !!e("billingAddress")?.required,
+        visible: !!e("billingAddress"),
+        label: "payByLink.creation.summary.fields.billingAddress.country"
+      },
+      {
+        fieldName: "shopperLocale",
+        required: !!e("shopperLocale")?.required,
+        visible: !!e("shopperLocale"),
+        options: e("shopperLocale")?.options
+      }
+    ],
+    isOptional: !1
+  },
+  {
+    id: "summary",
+    title: i.get("payByLink.creation.form.steps.customer"),
+    fields: [],
+    isOptional: !0
+  }
+];
+export {
+  c as getFormSteps,
+  p as scrollToFirstErrorField
+};

package/dist/es/components/external/PaymentLinkDetails/PaymentLinkDetailsElement.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 { PaymentLinkDetails as o } from "./components/PaymentLinkDetails/PaymentLinkDetails.js";
+class p extends n {
+  static type = "paymentLinkDetails";
+  constructor(t) {
+    super(t), this.componentToRender = this.componentToRender.bind(this);
+  }
+  componentToRender = () => /* @__PURE__ */ e(o, { ...this.props });
+}
+export {
+  p as PaymentLinkDetailsElement,
+  p as default
+};