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

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

@@ -1,219 +1,209 @@
 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 _ 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 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/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((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"
       },
-      `${d}-small`
+      `${m}-small`
     ),
     /* @__PURE__ */ e(
       "div",
       {
         className: "adyen-pe-payment-link-creation-form__skeleton-item adyen-pe-payment-link-creation-form__skeleton-item--large"
       },
-      `${d}-large`
+      `${m}-large`
     )
   ] }))
-] }), St = ({
-  fieldsConfig: i,
-  storeIds: d,
-  onCreationDismiss: g,
-  onPaymentLinkCreated: L,
-  onContactSupport: p,
-  embeddedInOverview: J
+] }), gt = ({
+  fieldsConfig: f,
+  storeIds: m,
+  onCreationDismiss: w,
+  onPaymentLinkCreated: K,
+  onContactSupport: c,
+  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 = !!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) => {
-      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 (!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 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(
+    [p, $, W, d.formState.errors, x]
+  ), ge = s(
     (t) => {
-      j(t);
+      Y(t);
     },
-    [j]
-  ), C = h(() => {
-    const t = _ == null ? void 0 : _[l];
+    [Y]
+  ), b = y(() => {
+    const t = M?.[u];
     return t ? t.id : "store";
-  }, [l, _]), Se = () => {
-    if (W) {
-      g == null || g();
+  }, [u, 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(u);
+  }, a = De({
+    queryFn: me
+  }), ve = async (t) => {
+    const { 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 = 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: [
-      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)) }),
+      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(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: T.TERTIARY, onClick: c, 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, c, a.error]);
+  return le ? 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(u),
           variant: "horizontal",
-          activeIndex: l,
-          ariaLabel: de,
-          onChange: _e,
-          children: me.map((t) => /* @__PURE__ */ e(X, { children: t.label }))
+          activeIndex: u,
+          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, { ...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(), y.handleSubmit(Ne, Fe)(t);
+          t.preventDefault(), d.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: 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
             }
           ) }),
-          (R || Z) && /* @__PURE__ */ e(
-            qe,
+          (I || H) && /* @__PURE__ */ e(
+            Ve,
             {
               condensed: !0,
               title: "common.errors.somethingWentWrong",
@@ -224,38 +214,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") }),
+                c ? /* @__PURE__ */ e(A, { variant: T.TERTIARY, onClick: c, 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: Le(a.error),
+              description: Ne
             }
           ),
           /* @__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: T.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,
-                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")
+                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")
               }
             )
           ] })
@@ -263,10 +253,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
 };

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

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