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

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

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

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

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

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

@@ -1,8 +1,8 @@
-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";
+import { useState as l, useCallback as t, useEffect as d } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import f from "../../../../config/payByLink/invalidFieldsConfig.json.js";
+import c from "../../../../core/Context/preact/useCoreContext.js";
 const m = () => {
-  const { getCdnConfig: n } = f(), i = c, [s, e] = l(i), o = t(async () => {
+  const { getCdnConfig: n } = c(), i = f, [s, e] = l(i), o = t(async () => {
     const a = await n?.({
       subFolder: "payByLink",
       name: "invalidFieldsConfig",