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

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/PaymentLinkThemeContainer.js

@@ -2,20 +2,20 @@ import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modu
 /* empty css                               */
 import d from "../../../../internal/Typography/Typography.js";
 import { TypographyVariant as p } from "../../../../internal/Typography/types.js";
-import l from "../../../../../core/Context/useCoreContext.js";
-import { usePaymentLinkSettingsContext as c } from "../PaymentLinkSettingsContainer/context/context.js";
-import { useState as h, useEffect as f, useMemo as u } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { isThemePayload as g, isThemeData as k } from "./types.js";
-import L from "../PaymentLinkSettingsContainer/components/LoadingSkeleton/LoadingSkeleton.js";
-import T from "../PaymentLinkSettingsContainer/components/SettingsError/SettingsError.js";
+import l from "../PaymentLinkSettingsContainer/context/context.js";
+import { useState as c, useEffect as h, useMemo as f } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { isThemePayload as u, isThemeData as g } from "./types.js";
+import k from "../PaymentLinkSettingsContainer/components/LoadingSkeleton/LoadingSkeleton.js";
+import L from "../PaymentLinkSettingsContainer/components/SettingsError/SettingsError.js";
+import T from "../../../../../core/Context/preact/useCoreContext.js";
 import { ThemeForm as E } from "./components/ThemeForm/ThemeForm.js";
 const N = "payByLink.settings.theme.errors.couldNotLoad", O = () => {
-  const { i18n: n } = l(), { payload: a, setSavedData: y, savedData: t, themeError: r, isLoadingContent: i } = c(), [o, s] = h();
-  f(() => {
-    g(a) && s(a);
+  const { i18n: n } = T(), { payload: a, setSavedData: y, savedData: t, themeError: r, isLoadingContent: i } = l(), [o, s] = c();
+  h(() => {
+    u(a) && s(a);
   }, [a, y, s]);
-  const m = u(() => !i && !r ? t && typeof t == "object" && Object.keys(t).length > 0 ? t : { brandName: "" } : { brandName: "" }, [t, i, r]);
-  return r ? /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-theme", children: /* @__PURE__ */ e(T, { error: r, errorMessage: N }) }) : !t || !k(m) || !o ? /* @__PURE__ */ e(L, { rowNumber: 3 }) : /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-theme", children: [
+  const m = f(() => !i && !r ? t && typeof t == "object" && Object.keys(t).length > 0 ? t : { brandName: "" } : { brandName: "" }, [t, i, r]);
+  return r ? /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-theme", children: /* @__PURE__ */ e(L, { error: r, errorMessage: N }) }) : !t || !g(m) || !o ? /* @__PURE__ */ e(k, { rowNumber: 3 }) : /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-theme", children: [
     /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-settings__content-header", children: [
       /* @__PURE__ */ e(d, { variant: p.TITLE, medium: !0, children: n.get("payByLink.settings.theme.title") }),
       /* @__PURE__ */ e(d, { variant: p.BODY, wide: !0, className: "adyen-pe-payment-link-settings-terms-and-conditions-disclaimer", children: n.get("payByLink.settings.theme.subtitle") })

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/components/LogoInput/LogoInput.js

@@ -1,16 +1,16 @@
-import { jsx as t } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import g from "../../../../../../../core/Context/useCoreContext.js";
-import { useUniqueId as _ } from "../../../../../../../hooks/useUniqueId.js";
-import { useCallback as s, useMemo as l } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { validationErrors as E } from "../../../../../../internal/FormFields/FileInput/constants.js";
-import { defaultMapErrors as O } from "../../../../../../internal/FormFields/FileInput/helpers/defaultMapError.js";
+import { jsx as i } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import g from "../../../../../../../hooks/useUniqueId.js";
+import { useCallback as m, useMemo as l } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { validationErrors as _ } from "../../../../../../internal/FormFields/FileInput/constants.js";
+import E from "../../../../../../internal/FormFields/FileInput/helpers/defaultMapError.js";
 import p from "../../../../../../internal/Typography/Typography.js";
-import { TypographyVariant as f, TypographyElement as d } from "../../../../../../internal/Typography/types.js";
-import { FileInput as y } from "../../../../../../internal/FormFields/FileInput/FileInput.js";
-import { LogoLabel as D, THEME_FORM_ALLOWED_FILE_TYPES as I, THEME_FORM_UPLOAD_DOCUMENT_MAX_SIZE as M, logoOptions as u } from "../ThemeForm/constants.js";
-import F from "../LogoRequirements/LogoRequirements.js";
-import { Fragment as b } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
-const k = (o) => {
+import { TypographyVariant as d, TypographyElement as f } from "../../../../../../internal/Typography/types.js";
+import { FileInput as O } from "../../../../../../internal/FormFields/FileInput/FileInput.js";
+import { LogoLabel as D, THEME_FORM_ALLOWED_FILE_TYPES as I, THEME_FORM_UPLOAD_DOCUMENT_MAX_SIZE as y, logoOptions as u } from "../ThemeForm/constants.js";
+import M from "../LogoRequirements/LogoRequirements.js";
+import F from "../../../../../../../core/Context/preact/useCoreContext.js";
+import { Fragment as N } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+const b = (o) => {
   switch (o) {
     case u.LOGO:
       return { width: 200, height: 200 };
@@ -23,51 +23,51 @@ const k = (o) => {
   logoType: e,
   onFileInputChange: a
 }) => {
-  const { i18n: r } = g(), n = _(), c = s(
-    (i) => {
-      a(e, i);
+  const { i18n: t } = F(), n = g(), c = m(
+    (r) => {
+      a(e, r);
     },
     [e, a]
-  ), h = l(() => k(e), [e]), m = l(
-    () => e === "logo" ? "payByLink.settings.themes.inputs.file.errors.logo.maxDimension" : "payByLink.settings.themes.inputs.file.errors.fullWidthLogo.maxDimension",
+  ), h = l(() => b(e), [e]), s = l(
+    () => e === "logo" ? "payByLink.settings.themes.inputs.file.errors.logo.invalidDimensions" : "payByLink.settings.themes.inputs.file.errors.fullWidthLogo.invalidDimensions",
     [e]
-  ), L = s(
-    (i) => {
-      switch (i) {
-        case E.MAX_DIMENSIONS:
-          return r.get(m);
+  ), L = m(
+    (r) => {
+      switch (r) {
+        case _.INVALID_DIMENSIONS:
+          return t.get(s);
         default:
-          return r.get(O(i));
+          return t.get(E(r));
       }
     },
-    [r, m]
+    [t, s]
   );
-  return /* @__PURE__ */ t(b, { children: [
-    /* @__PURE__ */ t("label", { htmlFor: n, "aria-labelledby": n, className: "adyen-pe-payment-link-theme-form__file-input", children: [
-      /* @__PURE__ */ t(p, { el: d.SPAN, variant: f.BODY, stronger: !0, children: r.get(D[e]) }),
-      /* @__PURE__ */ t(
+  return /* @__PURE__ */ i(N, { children: [
+    /* @__PURE__ */ i("label", { htmlFor: n, "aria-labelledby": n, className: "adyen-pe-payment-link-theme-form__file-input", children: [
+      /* @__PURE__ */ i(p, { el: f.SPAN, variant: d.BODY, stronger: !0, children: t.get(D[e]) }),
+      /* @__PURE__ */ i(
         p,
         {
-          el: d.SPAN,
-          variant: f.BODY,
+          el: f.SPAN,
+          variant: d.BODY,
           className: "adyen-pe-payment-link-theme-form__field-label-optional",
-          children: `(${r.get("payByLink.common.fields.optional.label")})`
+          children: `(${t.get("payByLink.common.fields.optional.label")})`
         }
       )
     ] }),
-    /* @__PURE__ */ t(
-      y,
+    /* @__PURE__ */ i(
+      O,
       {
         disabled: o,
-        maxDimensions: h,
-        maxFileSize: M,
+        validDimensions: h,
+        maxFileSize: y,
         allowedFileTypes: I,
         onChange: c,
         id: n,
         mapError: L
       }
     ),
-    /* @__PURE__ */ t(F, { logoType: e })
+    /* @__PURE__ */ i(M, { logoType: e })
   ] });
 };
 export {

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/components/LogoPreview/LogoPreview.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useUniqueId as l } from "../../../../../../../hooks/useUniqueId.js";
-import p from "../../../../../../../core/Context/useCoreContext.js";
-import { useCallback as s } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { TypographyVariant as c, TypographyElement as d } from "../../../../../../internal/Typography/types.js";
-import f from "../../../../../../internal/Typography/Typography.js";
-import { LogoLabel as h } from "../ThemeForm/constants.js";
-import { ButtonVariant as y } from "../../../../../../internal/Button/types.js";
+import l from "../../../../../../../hooks/useUniqueId.js";
+import { useCallback as p } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { TypographyVariant as s, TypographyElement as c } from "../../../../../../internal/Typography/types.js";
+import d from "../../../../../../internal/Typography/Typography.js";
+import { LogoLabel as f } from "../ThemeForm/constants.js";
+import { ButtonVariant as h } from "../../../../../../internal/Button/types.js";
+import y from "../../../../../../../core/Context/preact/useCoreContext.js";
 import g from "../../../../../../internal/Button/Button.js";
 const B = ({
   disabled: i,
@@ -13,17 +13,17 @@ const B = ({
   logoURL: m,
   onRemoveLogo: o
 }) => {
-  const { i18n: a } = p(), t = l(), n = s(() => {
+  const { i18n: a } = y(), t = l(), n = p(() => {
     o(r);
   }, [r, o]);
   return /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-theme-form__preview--conteiner", children: [
-    /* @__PURE__ */ e("label", { htmlFor: t, "aria-labelledby": t, children: /* @__PURE__ */ e(f, { el: d.SPAN, variant: c.BODY, stronger: !0, children: a.get(h[r]) }) }),
+    /* @__PURE__ */ e("label", { htmlFor: t, "aria-labelledby": t, children: /* @__PURE__ */ e(d, { el: c.SPAN, variant: s.BODY, stronger: !0, children: a.get(f[r]) }) }),
     /* @__PURE__ */ e("img", { id: t, src: m, alt: "full-width-logo", className: "adyen-pe-payment-link-theme-form__preview--image" }),
     /* @__PURE__ */ e(
       g,
       {
         disabled: i,
-        variant: y.SECONDARY,
+        variant: h.SECONDARY,
         onClick: n,
         className: "adyen-pe-payment-link-theme-form__preview--remove",
         children: a.get("payByLink.settings.theme.action.logo.remove")

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/components/LogoRequirements/LogoRequirements.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import l from "../../../../../../../core/Context/useCoreContext.js";
 import n from "../../../../../../internal/Typography/Typography.js";
 import { TypographyVariant as a } from "../../../../../../internal/Typography/types.js";
-import { THEME_FORM_ALLOWED_FILE_TYPES as p, logoOptions as o, THEME_FORM_UPLOAD_DOCUMENT_MAX_SIZE as s } from "../ThemeForm/constants.js";
-import { getHumanReadableFileName as f } from "../../../../../../../utils/file/naming.js";
+import { THEME_FORM_ALLOWED_FILE_TYPES as l, logoOptions as o, THEME_FORM_UPLOAD_DOCUMENT_MAX_SIZE as p } from "../ThemeForm/constants.js";
+import { getHumanReadableFileName as s } from "../../../../../../../utils/file/naming.js";
+import f from "../../../../../../../core/Context/preact/useCoreContext.js";
 import { getHumanReadableFileSize as _ } from "../../../../../../../utils/file/size.js";
 const y = (t) => {
   switch (t) {
@@ -14,15 +14,15 @@ const y = (t) => {
       return "200 x 200 px";
   }
 }, x = ({ logoType: t }) => {
-  const { i18n: i } = l(), m = y(t);
+  const { i18n: i } = f(), m = y(t);
   return /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-theme-form__file-info-container", children: [
     /* @__PURE__ */ e(n, { variant: a.BODY, className: "adyen-pe-payment-link-theme-form__file-info", children: [
       i.get("payByLink.settings.theme.limitations.file.input.supportedFile.text"),
-      p.map((r) => f(r)).join(", ")
+      l.map((r) => s(r)).join(", ")
     ] }),
     /* @__PURE__ */ e(n, { variant: a.BODY, className: "adyen-pe-payment-link-theme-form__file-info", children: [
       i.get("payByLink.settings.theme.limitations.file.input.maxSize.text"),
-      _(s)
+      _(p)
     ] }),
     /* @__PURE__ */ e(n, { variant: a.BODY, className: "adyen-pe-payment-link-theme-form__file-info", children: [
       i.get("payByLink.settings.theme.limitations.file.input.imageSize.text"),

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/components/ThemeForm/ThemeForm.js

@@ -2,19 +2,19 @@ import { jsx as a } from "../../../../../../../external/.pnpm/preact@10.28.2/nod
 import Y from "../../../../../../internal/FormFields/InputText.js";
 import D from "../../../../../../internal/Typography/Typography.js";
 import { TypographyVariant as T, TypographyElement as w } from "../../../../../../internal/Typography/types.js";
-import { useUniqueId as j } from "../../../../../../../hooks/useUniqueId.js";
-import z from "../../../../../../../core/Context/useCoreContext.js";
-import { logoOptions as m, logoOptionsList as J } from "./constants.js";
+import j from "../../../../../../../hooks/useUniqueId.js";
+import { logoOptions as m, logoOptionsList as z } from "./constants.js";
 /* empty css               */
 import { useState as d, useEffect as y, useCallback as s } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { usePaymentLinkSettingsContext as K } from "../../../PaymentLinkSettingsContainer/context/context.js";
-import { ThemeFormDataRequest as Q } from "../../types.js";
-import X from "../LogoPreview/LogoPreview.js";
-import Z from "../LogoInput/LogoInput.js";
+import J from "../../../PaymentLinkSettingsContainer/context/context.js";
+import { ThemeFormDataRequest as K } from "../../types.js";
+import Q from "../LogoPreview/LogoPreview.js";
+import X from "../LogoInput/LogoInput.js";
 import { cloneFormData as L } from "../../../PaymentLinkSettingsContainer/utils/getThemePayload.js";
+import Z from "../../../../../../../core/Context/preact/useCoreContext.js";
 import { Icon as $ } from "../../../../../../internal/Icon/Icon.js";
 const fe = ({ theme: R, initialPayload: N }) => {
-  const { setPayload: r, saveActionCalled: v, setSaveActionCalled: _, setIsValid: b, isSaving: c, setIsSaveSuccess: I, setIsSaveError: O } = K(), { brandName: A, logo: G, fullWidthLogo: W } = R, [l, k] = d(A ?? void 0), [F, p] = d(G ?? null), [B, u] = d(W ?? null), [q, i] = d(), [U, h] = d(!1), g = j(), { i18n: f } = z();
+  const { setPayload: r, saveActionCalled: v, setSaveActionCalled: _, setIsValid: b, isSaving: c, setIsSaveSuccess: I, setIsSaveError: O } = J(), { brandName: A, logo: G, fullWidthLogo: W } = R, [l, k] = d(A ?? void 0), [F, p] = d(G ?? null), [B, u] = d(W ?? null), [q, i] = d(), [U, h] = d(!1), g = j(), { i18n: f } = Z();
   y(() => {
     b(!!l);
   }, [l, b, q, r]), y(() => {
@@ -35,7 +35,7 @@ const fe = ({ theme: R, initialPayload: N }) => {
       const n = e?.currentTarget?.value;
       h(!1), k(n), i((t) => {
         const o = t ? L(t) : new FormData();
-        return o.set(Q.BRAND, n), r(o), o;
+        return o.set(K.BRAND, n), r(o), o;
       });
     },
     [h, k, i, r]
@@ -104,9 +104,9 @@ const fe = ({ theme: R, initialPayload: N }) => {
         )
       ] })
     ] }),
-    J.map((e) => {
+    z.map((e) => {
       const n = V(e);
-      return /* @__PURE__ */ a("div", { className: "adyen-pe-payment-link-settings__input-container ", children: n ? /* @__PURE__ */ a(X, { disabled: !!c, logoType: e, logoURL: n, onRemoveLogo: M }) : /* @__PURE__ */ a(Z, { disabled: !!c, logoType: e, onFileInputChange: H }) }, e);
+      return /* @__PURE__ */ a("div", { className: "adyen-pe-payment-link-settings__input-container ", children: n ? /* @__PURE__ */ a(Q, { disabled: !!c, logoType: e, logoURL: n, onRemoveLogo: M }) : /* @__PURE__ */ a(X, { disabled: !!c, logoType: e, onFileInputChange: H }) }, e);
     })
   ] }) });
 };

package/dist/es/components/external/PaymentLinkSettings/components/TermsAndConditions/Requirements/Requirements.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useCallback as g, useEffect as h } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import q from "../../../../../../core/Context/useCoreContext.js";
 import i from "../../../../../internal/Typography/Typography.js";
 import { TypographyVariant as s } from "../../../../../internal/Typography/types.js";
-import { useTermsRequirementsConfig as k } from "./useTermsRequirementsConfig.js";
+import { useTermsRequirementsConfig as q } from "./useTermsRequirementsConfig.js";
 /* empty css                  */
 import { ButtonVariant as p } from "../../../../../internal/Button/types.js";
+import k from "../../../../../../core/Context/preact/useCoreContext.js";
 import d from "../../../../../internal/Button/Button.js";
 import v from "../../../../../internal/Modal/Modal.js";
 const Y = ({
@@ -14,7 +14,7 @@ const Y = ({
   termsAndConditionsURL: u,
   embeddedInOverview: y = !1
 }) => {
-  const { termsRequirementsConfig: m, getTermsRequirementsConfig: o } = k(), { i18n: n } = q(), f = g(() => {
+  const { termsRequirementsConfig: m, getTermsRequirementsConfig: o } = q(), { i18n: n } = k(), f = g(() => {
     a(), r();
   }, [a, r]);
   h(() => {

package/dist/es/components/external/PaymentLinkSettings/components/TermsAndConditions/Requirements/useTermsRequirementsConfig.js

@@ -1,8 +1,8 @@
 import { useState as m, useCallback as i } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import a from "../../../../../../core/Context/useCoreContext.js";
-import c from "../../../../../../config/payByLink/termsRequirementsConfig.json.js";
+import a from "../../../../../../config/payByLink/termsRequirementsConfig.json.js";
+import c from "../../../../../../core/Context/preact/useCoreContext.js";
 const g = () => {
-  const { getCdnConfig: s } = a(), e = c, [t, n] = m(e), o = i(async () => {
+  const { getCdnConfig: s } = c(), e = a, [t, n] = m(e), o = i(async () => {
     const r = await s?.({
       subFolder: "payByLink",
       name: "termsRequirementsConfig",

package/dist/es/components/external/PaymentLinkSettings/components/TermsAndConditions/TermsAndConditions.js

@@ -1,45 +1,45 @@
 import { jsx as n } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css                        */
 import { useRef as U, useState as s, useEffect as p, useCallback as o, useMemo as H } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import J from "../../../../../core/Context/useCoreContext.js";
-import Q from "../../../../internal/FormFields/InputText.js";
+import J from "../../../../internal/FormFields/InputText.js";
 import h from "../../../../internal/Typography/Typography.js";
 import { TypographyVariant as g, TypographyElement as V } from "../../../../internal/Typography/types.js";
-import { AlertVariantOption as X, AlertTypeOption as Z } from "../../../../internal/Alert/types.js";
-import { Alert as $ } from "../../../../internal/Alert/Alert.js";
-import { usePaymentLinkSettingsContext as ee } from "../PaymentLinkSettingsContainer/context/context.js";
-import { isTermsAndConditionsData as ne } from "../PaymentLinkThemeContainer/types.js";
+import { AlertVariantOption as Q, AlertTypeOption as X } from "../../../../internal/Alert/types.js";
+import { Alert as Z } from "../../../../internal/Alert/Alert.js";
+import $ from "../PaymentLinkSettingsContainer/context/context.js";
+import { isTermsAndConditionsData as ee } from "../PaymentLinkThemeContainer/types.js";
 import { isValidURL as k } from "../PaymentLinkSettingsContainer/utils/validateTermsAndConditionsURL.js";
-import { ButtonVariant as te } from "../../../../internal/Button/types.js";
-import { Requirements as se } from "./Requirements/Requirements.js";
-import re from "classnames";
+import { ButtonVariant as ne } from "../../../../internal/Button/types.js";
+import { Requirements as te } from "./Requirements/Requirements.js";
+import se from "classnames";
+import re from "../../../../../core/Context/preact/useCoreContext.js";
 import ie from "../../../../internal/Button/Button.js";
 import { Translation as ae } from "../../../../internal/Translation/Translation.js";
 import { Icon as w } from "../../../../internal/Icon/Icon.js";
 import { Checkbox as oe } from "../../../../internal/Checkbox/Checkbox.js";
-import { uniqueId as ce } from "../../../../../utils/random/uniqueId.js";
+import ce from "../../../../../utils/random/uniqueId.js";
 const xe = ({ data: D, initialData: v }) => {
-  const { i18n: r } = J(), u = U(ce()), [t, E] = s(D?.termsOfServiceUrl ?? ""), [a, c] = s(void 0), [C, _] = s(!1), [I, A] = s(!1), [P, T] = s(!1), [Y, b] = s(!1), l = U(!1), {
+  const { i18n: r } = re(), u = U(ce()), [t, E] = s(D?.termsOfServiceUrl ?? ""), [a, c] = s(void 0), [C, _] = s(!1), [I, A] = s(!1), [P, T] = s(!1), [Y, b] = s(!1), l = U(!1), {
     savedData: d,
     setPayload: m,
     saveActionCalled: N,
-    setIsValid: y,
-    isSaving: f,
+    setIsValid: f,
+    isSaving: y,
     setSaveActionCalled: R,
     setIsSaveError: q,
     setIsSaveSuccess: S,
     isShowingRequirements: x,
     embeddedInOverview: W,
     setIsShowingRequirements: i
-  } = ee();
+  } = $();
   p(() => {
-    a && k(t) ? y(!0) : y(!1);
-  }, [a, t, y, m]), p(() => {
+    a && k(t) ? f(!0) : f(!1);
+  }, [a, t, f, m]), p(() => {
     l.current = !1;
   }, [d]), p(() => {
     N && (A(!!(t && !k(t))), _(!a), R(!1), S(!1), q(!1));
   }, [t, a, N, R, m, q, S]), p(() => {
-    let e = ne(d) ? d : void 0;
+    let e = ee(d) ? d : void 0;
     e || (e = v);
     const z = !e || !e.termsOfServiceUrl;
     e && (e?.termsOfServiceUrl === t || !e.termsOfServiceUrl && t === "") ? (z || (b(!0), c(!0)), T(!1)) : (b(!1), T(!0), c(l.current));
@@ -65,7 +65,7 @@ const xe = ({ data: D, initialData: v }) => {
           ie,
           {
             className: "adyen-pe-payment-link-settings-terms-and-conditions__requirements-link",
-            variant: te.TERTIARY,
+            variant: ne.TERTIARY,
             onClick: B,
             children: r.get("payByLink.settings.termsAndConditions.requirement.checkbox.part2")
           }
@@ -77,7 +77,7 @@ const xe = ({ data: D, initialData: v }) => {
     /* @__PURE__ */ n(
       "div",
       {
-        className: re("adyen-pe-payment-link-settings-terms-and-conditions__content", {
+        className: se("adyen-pe-payment-link-settings-terms-and-conditions__content", {
           "adyen-pe-payment-link-settings-terms-and-conditions__content--hidden": x
         }),
         children: [
@@ -100,10 +100,10 @@ const xe = ({ data: D, initialData: v }) => {
               }
             ),
             /* @__PURE__ */ n(
-              Q,
+              J,
               {
-                disabled: !!f,
-                readonly: !!f,
+                disabled: !!y,
+                readonly: !!y,
                 uniqueId: u.current,
                 value: t,
                 onInput: G,
@@ -125,10 +125,10 @@ const xe = ({ data: D, initialData: v }) => {
             ] })
           ] }),
           P && /* @__PURE__ */ n(
-            $,
+            Z,
             {
-              type: Z.WARNING,
-              variant: X.TIP,
+              type: X.WARNING,
+              variant: Q.TIP,
               description: r.get("payByLink.settings.termsAndConditions.alert.urlChange"),
               className: "adyen-pe-payment-link-settings-terms-and-conditions__alert"
             }
@@ -138,7 +138,7 @@ const xe = ({ data: D, initialData: v }) => {
               oe,
               {
                 checked: a,
-                disabled: Y || f,
+                disabled: Y || y,
                 className: "adyen-pe-payment-link-settings-terms-and-conditions-checkbox",
                 label: j,
                 onInput: M,
@@ -162,7 +162,7 @@ const xe = ({ data: D, initialData: v }) => {
       }
     ),
     x && /* @__PURE__ */ n(
-      se,
+      te,
       {
         onGoBack: F,
         termsAndConditionsURL: t,

package/dist/es/components/external/PaymentLinkSettings/components/TermsAndConditions/TermsAndConditionsContainer.js

@@ -2,26 +2,26 @@ import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modu
 /* empty css                        */
 import a from "../../../../internal/Typography/Typography.js";
 import { TypographyVariant as d } from "../../../../internal/Typography/types.js";
-import p from "../../../../../core/Context/useCoreContext.js";
-import { TermsAndConditions as l } from "./TermsAndConditions.js";
-import { usePaymentLinkSettingsContext as y } from "../PaymentLinkSettingsContainer/context/context.js";
-import { useState as f, useEffect as g } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import u from "classnames";
-import { isTermsAndConditionsData as h } from "../PaymentLinkThemeContainer/types.js";
-import C from "../PaymentLinkSettingsContainer/components/SettingsError/SettingsError.js";
-import k from "../PaymentLinkSettingsContainer/components/LoadingSkeleton/LoadingSkeleton.js";
+import { TermsAndConditions as p } from "./TermsAndConditions.js";
+import l from "../PaymentLinkSettingsContainer/context/context.js";
+import { useState as y, useEffect as f } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import g from "classnames";
+import { isTermsAndConditionsData as u } from "../PaymentLinkThemeContainer/types.js";
+import h from "../PaymentLinkSettingsContainer/components/SettingsError/SettingsError.js";
+import C from "../PaymentLinkSettingsContainer/components/LoadingSkeleton/LoadingSkeleton.js";
+import k from "../../../../../core/Context/preact/useCoreContext.js";
 const A = "payByLink.settings.termsAndConditions.errors.couldNotLoad", R = () => {
-  const { i18n: i } = p(), { savedData: n, isLoadingContent: o, termsAndConditionsError: e, isShowingRequirements: m } = y(), [r, s] = f();
-  return g(() => {
+  const { i18n: i } = k(), { savedData: n, isLoadingContent: o, termsAndConditionsError: e, isShowingRequirements: m } = l(), [r, s] = y();
+  return f(() => {
     if (!o && !e) {
       const c = n && typeof n == "object" && Object.keys(n).length > 0 ? n : { termsOfServiceUrl: "" };
       s(c);
     }
-  }, [n, s, o, e]), e ? /* @__PURE__ */ t(C, { error: e, errorMessage: A }) : !h(n) || !r ? /* @__PURE__ */ t(k, { rowNumber: 2 }) : /* @__PURE__ */ t("section", { className: "adyen-pe-payment-link-settings-terms-and-conditions", children: [
+  }, [n, s, o, e]), e ? /* @__PURE__ */ t(h, { error: e, errorMessage: A }) : !u(n) || !r ? /* @__PURE__ */ t(C, { rowNumber: 2 }) : /* @__PURE__ */ t("section", { className: "adyen-pe-payment-link-settings-terms-and-conditions", children: [
     /* @__PURE__ */ t(
       "div",
       {
-        className: u("adyen-pe-payment-link-settings-terms-and-conditions__content-header", {
+        className: g("adyen-pe-payment-link-settings-terms-and-conditions__content-header", {
           "adyen-pe-payment-link-settings-terms-and-conditions__content-header--hidden": m
         }),
         children: /* @__PURE__ */ t("div", { className: "adyen-pe-payment-link-settings-terms-and-conditions__content-header", children: [
@@ -30,7 +30,7 @@ const A = "payByLink.settings.termsAndConditions.errors.couldNotLoad", R = () =>
         ] })
       }
     ),
-    /* @__PURE__ */ t(l, { data: n, initialData: r })
+    /* @__PURE__ */ t(p, { data: n, initialData: r })
   ] });
 };
 export {

package/dist/es/components/external/PaymentLinkSettings/hooks/useSaveAction.js

@@ -3,7 +3,7 @@ import { useRef as N, useEffect as O, useCallback as T } from "../../../../exter
 import { MenuItem as U } from "../components/PaymentLinkSettingsContainer/context/constants.js";
 import { getThemePayload as R } from "../components/PaymentLinkSettingsContainer/utils/getThemePayload.js";
 import { isThemePayload as A } from "../components/PaymentLinkThemeContainer/types.js";
-import { useConfigContext as W } from "../../../../core/ConfigContext/context.js";
+import { useConfigContext as W } from "../../../../core/ConfigContext/preact/context.js";
 import { isFunction as d, isUndefined as q } from "../../../../utils/value/is.js";
 const J = (o, u, f, t, r, m, i, l, c, s, p) => {
   const { updatePayByLinkTheme: F, savePayByLinkSettings: k } = W().endpoints, h = N(null);

package/dist/es/components/external/PaymentLinkSettings/hooks/useSettingsPermission.js

@@ -1,4 +1,4 @@
-import { useConfigContext as s } from "../../../../core/ConfigContext/context.js";
+import { useConfigContext as s } from "../../../../core/ConfigContext/preact/context.js";
 const a = () => {
   const { savePayByLinkSettings: e, getPayByLinkSettings: n, getPayByLinkTheme: t, updatePayByLinkTheme: i } = s().endpoints;
   return {

package/dist/es/components/external/PaymentLinkSettings/hooks/useStoreTermsAndConditions.js

@@ -1,6 +1,6 @@
 import { useMemo as u, useEffect as p } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { useFetch as a } from "../../../../hooks/useFetch.js";
-import { useConfigContext as d } from "../../../../core/ConfigContext/context.js";
+import { useConfigContext as d } from "../../../../core/ConfigContext/preact/context.js";
 import { EMPTY_OBJECT as C } from "../../../../utils/value/constants.js";
 const T = (t, i, m, f, c) => {
   const { getPayByLinkSettings: o } = d().endpoints, { data: r, isFetching: n, error: s } = a(

package/dist/es/components/external/PaymentLinkSettings/hooks/useStoreTheme.js

@@ -1,7 +1,7 @@
 import { useMemo as h, useEffect as u } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { useFetch as l } from "../../../../hooks/useFetch.js";
 import { getThemePayload as c } from "../components/PaymentLinkSettingsContainer/utils/getThemePayload.js";
-import { useConfigContext as g } from "../../../../core/ConfigContext/context.js";
+import { useConfigContext as g } from "../../../../core/ConfigContext/preact/context.js";
 import { EMPTY_OBJECT as p } from "../../../../utils/value/constants.js";
 const F = (r, s, f, i, a) => {
   const { getPayByLinkTheme: e } = g().endpoints, { data: o, error: t, isFetching: m } = l(

package/dist/es/components/external/PaymentLinksOverview/components/PaymentLinkDetailsModal/PaymentLinkDetailsModal.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useState as u, useCallback as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import f from "../../../../../core/Context/useCoreContext.js";
-import { PaymentLinkDetails as c } from "../../../PaymentLinkDetails/components/PaymentLinkDetails/PaymentLinkDetails.js";
+import { PaymentLinkDetails as f } from "../../../PaymentLinkDetails/components/PaymentLinkDetails/PaymentLinkDetails.js";
+import c from "../../../../../core/Context/preact/useCoreContext.js";
 import h from "../../../../internal/Modal/Modal.js";
 const b = ({
   children: d,
@@ -9,7 +9,7 @@ const b = ({
   resetDetails: e,
   onUpdate: t
 }) => {
-  const { i18n: m } = f(), [n, a] = u(!1), l = !!i, o = r(() => {
+  const { i18n: m } = c(), [n, a] = u(!1), l = !!i, o = r(() => {
     n && (a(!1), t()), e();
   }, [n, t, e]), p = r(() => {
     a(!0);
@@ -26,7 +26,7 @@ const b = ({
         headerWithBorder: !1,
         size: i.modalSize || "large",
         children: /* @__PURE__ */ s(
-          c,
+          f,
           {
             id: i.selection.data,
             onUpdate: p,

package/dist/es/components/external/PaymentLinksOverview/components/PaymentLinksOverview.js

@@ -3,7 +3,6 @@ import { DEFAULT_PAYMENT_LINK_STATUS_GROUP as ce, PAYMENT_LINK_STATUS_GROUPS_FIL
 import { FilterParam as i } from "../../../types.js";
 import ut from "../../../../hooks/useDefaultOverviewFilterParams.js";
 import { useState as S, useCallback as r, useMemo as p, useEffect as I, useRef as dt } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import Ne from "../../../../core/Context/useCoreContext.js";
 import { LIMIT_OPTIONS as St, DEFAULT_PAGE_LIMIT as Et } from "../../../internal/Pagination/constants.js";
 import { PaymentLinksTable as _t } from "./PaymentLinksTable.js";
 import At from "../../../internal/Tabs/Tabs.js";
@@ -16,8 +15,9 @@ import { ButtonVariant as K } from "../../../internal/Button/types.js";
 import { PaymentLinksOverviewModal as ft } from "./PaymentLinksOverviewModal.js";
 import { Alert as de } from "../../../internal/Alert/Alert.js";
 import { AlertVariantOption as Se, AlertTypeOption as Ee } from "../../../internal/Alert/types.js";
+import Ne from "../../../../core/Context/preact/useCoreContext.js";
 import vt from "../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import { useMultiSelectionFilter as G } from "../../TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
+import G from "../../TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
 import It from "../../../../hooks/useModalDetails/useModalDetails.js";
 import Ct from "../../../internal/Calendar/calendar/timerange/presets/lastNDays.js";
 import { Fragment as Pt } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
@@ -27,7 +27,7 @@ import _e from "../../../internal/FilterBar/filters/TextFilter/TextFilter.js";
 import F from "../../../internal/Button/Button.js";
 import { Icon as V } from "../../../internal/Icon/Icon.js";
 import kt from "../../../internal/FormFields/Select/Select.js";
-import { useConfigContext as Ft } from "../../../../core/ConfigContext/context.js";
+import { useConfigContext as Ft } from "../../../../core/ConfigContext/preact/context.js";
 import { getTimeRangeSelectionDefaultPresetOptions as Mt, TIME_RANGE_SELECTION_PRESET_OPTION_KEYS as gt } from "../../../internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
 import { listFrom as M } from "../../../../utils/collection/main.js";
 import { useFilterBarState as ht, FilterBarMobileSwitch as Dt, FilterBar as Ot } from "../../../internal/FilterBar/FilterBar.js";