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

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

@@ -1,11 +1,11 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.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 s, useMemo as y } from "../../../../../external/preact/hooks/dist/hooks.module.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 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";
@@ -21,88 +21,89 @@ import { useInvalidFieldsConfig as We } from "../../hooks/useInvalidFieldsConfig
 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 { 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((f, m) => /* @__PURE__ */ e(G, { 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"
       },
-      `${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,
+  fieldsConfig: m,
+  storeIds: c,
   onCreationDismiss: w,
   onPaymentLinkCreated: K,
-  onContactSupport: c,
+  onContactSupport: d,
   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,
+  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: N,
+    termsAndConditionsProvisioned: L,
     formSteps: M,
     stepperItems: ae,
     formStepsAriaLabel: se,
-    wizardForm: d,
-    createPaymentLink: me,
-    isDataLoading: ce,
-    isFirstLoadDone: le,
+    wizardForm: s,
+    createPaymentLink: le,
+    isDataLoading: me,
+    isFirstLoadDone: ce,
     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(
+    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) => {
-      if (!p) {
+      if (!u) {
         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);
+          Re(Object.keys(s.formState.errors), n, R.current);
           return;
         }
         await $();
       }
     },
-    [p, $, W, d.formState.errors, x]
-  ), ge = s(
+    [u, $, W, s.formState.errors, x]
+  ), ge = l(
     (t) => {
       Y(t);
     },
     [Y]
-  ), b = y(() => {
-    const t = M?.[u];
+  ), N = f(() => {
+    const t = M?.[y];
     return t ? t.id : "store";
-  }, [u, M]), he = () => {
+  }, [y, M]), he = () => {
     if (V) {
       w?.();
       return;
     }
     a.reset(), ue();
   }, ke = async () => {
-    await fe(u);
+    await fe(y);
   }, a = De({
-    queryFn: me
-  }), ve = async (t) => {
-    const { store: o, ...i } = t;
+    queryFn: le
+  }), ve = async () => {
+    const t = s.getApiPayloadValues(), { store: o, ...i } = t;
     try {
       const n = await a.mutate(
         {
@@ -115,42 +116,42 @@ const z = 28, qe = () => /* @__PURE__ */ e("div", { className: "adyen-pe-payment
     } catch (n) {
       throw console.error("Failed to create payment link:", n), n;
     }
-  }, Se = s(() => {
+  }, Se = l(() => {
     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(
+  }, 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 be = r.get(n);
-      return `${S} (${be})`;
+      const Ne = r.get(n);
+      return `${S} (${Ne})`;
     }).filter((o) => o !== null),
     [r, B]
-  ), Ae = s(() => {
+  ), Ae = l(() => {
     g.current = O, h(""), k(!0);
-  }, [O, h, k]), Le = s(
+  }, [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]
-  ), Ne = y(() => {
+  ), 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: [
       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(
+      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(A, { variant: T.TERTIARY, onClick: c, children: r.get("common.actions.contactSupport.labels.reachOut") }),
+            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 })
           }
         }
       ) })
     ] });
-  }, [v, r, c, a.error]);
-  return le ? ye ? /* @__PURE__ */ e(
+  }, [v, r, d, a.error]);
+  return ce ? ye ? /* @__PURE__ */ e(
     Oe,
     {
       hideTitle: !0,
@@ -165,21 +166,21 @@ const z = 28, qe = () => /* @__PURE__ */ e("div", { className: "adyen-pe-payment
       /* @__PURE__ */ e(
         Be,
         {
-          nextStepDisabled: !de || !pe(u),
+          nextStepDisabled: !de || !pe(y),
           variant: "horizontal",
-          activeIndex: u,
+          activeIndex: y,
           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(
+    /* @__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(ve, _e)(t);
         },
         ref: R,
         children: [
@@ -187,13 +188,13 @@ const z = 28, qe = () => /* @__PURE__ */ e("div", { className: "adyen-pe-payment
             Me,
             {
               setShowTermsAndConditions: Ae,
-              currentFormStep: b,
+              currentFormStep: N,
               settingsData: oe,
-              storeIds: m,
-              storesData: l,
+              storeIds: c,
+              storesData: p,
               selectItems: ie,
-              termsAndConditionsProvisioned: N,
-              configurationData: L,
+              termsAndConditionsProvisioned: L,
+              configurationData: T,
               isSameAddress: J,
               setIsSameAddress: Z,
               countriesData: ee,
@@ -221,7 +222,7 @@ const z = 28, qe = () => /* @__PURE__ */ e("div", { className: "adyen-pe-payment
               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
+                d ? /* @__PURE__ */ e(A, { variant: b.TERTIARY, onClick: d, children: r.get("common.actions.contactSupport.labels.reachOut") }) : null
               ] })
             }
           ),
@@ -229,23 +230,23 @@ const z = 28, qe = () => /* @__PURE__ */ e("div", { className: "adyen-pe-payment
             q,
             {
               type: j.CRITICAL,
-              title: Le(a.error),
-              description: Ne
+              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 || w) && /* @__PURE__ */ e(A, { variant: b.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,
+                type: u ? "submit" : "button",
+                variant: b.PRIMARY,
+                onClick: u ? void 0 : ke,
                 state: Ce ? "loading" : void 0,
-                disabled: Te,
+                disabled: be,
                 iconRight: /* @__PURE__ */ e(je, { name: "arrow-right" }),
-                children: p ? r.get("payByLink.creation.form.steps.submit") : r.get("payByLink.creation.form.steps.continue")
+                children: u ? r.get("payByLink.creation.form.steps.submit") : r.get("payByLink.creation.form.steps.continue")
               }
             )
           ] })

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

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

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

@@ -1,4 +1,4 @@
-import { useState as l, useCallback as t, useEffect as d } from "../../../../external/preact/hooks/dist/hooks.module.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 "../../../../core/Context/useCoreContext.js";
 import c from "../../../../config/payByLink/invalidFieldsConfig.json.js";
 const m = () => {