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

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

@@ -1,55 +1,55 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { CustomerDetailsForm as y } from "../Form/CustomerDetailsForm/CustomerDetailsForm.js";
-import { PaymentDetailsForm as t } from "../Form/PaymentDetailsForm/PaymentDetailsForm.js";
+import { PaymentDetailsForm as o } from "../Form/PaymentDetailsForm/PaymentDetailsForm.js";
 import { FormSummary as S } from "../Form/Summary/FormSummary.js";
 import { StoreForm as x } from "../Form/StoreForm/StoreForm.js";
 const P = ({
-  setShowTermsAndConditions: u,
-  currentFormStep: i,
-  settingsData: n,
-  storeIds: p,
-  storesData: m,
-  selectItems: c,
-  termsAndConditionsProvisioned: f,
+  setShowTermsAndConditions: t,
+  currentFormStep: s,
+  settingsData: a,
+  storeIds: u,
+  storesData: i,
+  selectItems: n,
+  termsAndConditionsProvisioned: p,
   configurationData: e,
-  isSeparateAddress: s,
-  setIsSeparateAddress: F,
-  countriesData: a,
+  isSameAddress: c,
+  setIsSameAddress: f,
+  countriesData: F,
   isFetchingCountries: d,
-  countryDatasetData: o,
+  countryDatasetData: m,
   isFetchingCountryDataset: l
 }) => {
-  switch (i) {
+  switch (s) {
     case "store":
       return /* @__PURE__ */ r(
         x,
         {
-          setShowTermsAndConditions: u,
-          settingsData: n,
-          storeIds: p,
-          storesData: m == null ? void 0 : m.data,
-          selectItems: c,
-          termsAndConditionsProvisioned: f
+          setShowTermsAndConditions: t,
+          settingsData: a,
+          storeIds: u,
+          storesData: i?.data,
+          selectItems: n,
+          termsAndConditionsProvisioned: p
         }
       );
     case "payment":
-      return /* @__PURE__ */ r(t, { configuration: e });
+      return /* @__PURE__ */ r(o, { configuration: e });
     case "customer":
       return /* @__PURE__ */ r(
         y,
         {
-          isSeparateAddress: s,
-          setIsSeparateAddress: F,
-          countriesData: a,
+          isSameAddress: c,
+          setIsSameAddress: f,
+          countriesData: F,
           isFetchingCountries: d,
-          countryDatasetData: o,
+          countryDatasetData: m,
           isFetchingCountryDataset: l
         }
       );
     case "summary":
-      return /* @__PURE__ */ r(S, { countryDatasetData: o });
+      return /* @__PURE__ */ r(S, { countryDatasetData: m });
     default:
-      return /* @__PURE__ */ r(t, { configuration: e });
+      return /* @__PURE__ */ r(o, { configuration: e });
   }
 };
 export {

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

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