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

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

@@ -1,37 +1,37 @@
 import { jsx as n } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import j from "classnames";
-import J from "../../../../../core/Context/useCoreContext.js";
-import { useMemo as b, useCallback as r, useState as T, useEffect as K } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useMemo as T, useCallback as r, useState as b, useEffect as J } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import F from "../../../../internal/Button/ButtonActions/ButtonActions.js";
 import { ButtonVariant as p } from "../../../../internal/Button/types.js";
 import { useFetch as P } from "../../../../../hooks/useFetch.js";
-import { useModalContext as $ } from "../../../../internal/Modal/Modal.js";
-import { PaymentLinkSummary as z } from "../PaymentLinkSummary/PaymentLinkSummary.js";
-import { PaymentLinkTabs as G } from "../PaymentLinkTabs/PaymentLinkTabs.js";
-import { PaymentLinkExpiration as H } from "../PaymentLinkExpiration/PaymentLinkExpiration.js";
+import { useModalContext as K } from "../../../../internal/Modal/Modal.js";
+import { PaymentLinkSummary as $ } from "../PaymentLinkSummary/PaymentLinkSummary.js";
+import { PaymentLinkTabs as z } from "../PaymentLinkTabs/PaymentLinkTabs.js";
+import { PaymentLinkExpiration as G } from "../PaymentLinkExpiration/PaymentLinkExpiration.js";
 /* empty css                        */
-import { PaymentLinkSkeleton as Q } from "../PaymentLinkSkeleton/PaymentLinkSkeleton.js";
-import { PaymentLinkError as U } from "../PaymentLinkError/PaymentLinkError.js";
-import _ from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as w } from "../../../../internal/Typography/types.js";
-import { Icon as O } from "../../../../internal/Icon/Icon.js";
-import { Fragment as W } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
-import { Header as X } from "../../../../internal/Header/Header.js";
-import { useConfigContext as Z } from "../../../../../core/ConfigContext/context.js";
+import { PaymentLinkSkeleton as H } from "../PaymentLinkSkeleton/PaymentLinkSkeleton.js";
+import { PaymentLinkError as Q } from "../PaymentLinkError/PaymentLinkError.js";
+import w from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as O } from "../../../../internal/Typography/types.js";
+import U from "../../../../../core/Context/preact/useCoreContext.js";
+import { Header as W } from "../../../../internal/Header/Header.js";
+import { Icon as R } from "../../../../internal/Icon/Icon.js";
+import { Fragment as X } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import { useConfigContext as Z } from "../../../../../core/ConfigContext/preact/context.js";
 import { EMPTY_OBJECT as tt } from "../../../../../utils/value/constants.js";
 const d = {
   root: "adyen-pe-payment-link-details",
   content: "adyen-pe-payment-link-details__content",
   expirationSuccessContainer: "adyen-pe-payment-link-details__expiration-success-container",
   expirationSuccessIcon: "adyen-pe-payment-link-details__expiration-success-icon"
-}, St = ({ id: y, onUpdate: k, hideTitle: R, onContactSupport: g, onDismiss: a, isDismissButtonHidden: x }) => {
-  const { i18n: i, getCdnDataset: f } = J(), { getPayByLinkPaymentLinkById: u } = Z().endpoints, {
+}, St = ({ id: y, onUpdate: k, hideTitle: Y, onContactSupport: g, onDismiss: a, isDismissButtonHidden: x }) => {
+  const { i18n: i, getCdnDataset: f } = U(), { getPayByLinkPaymentLinkById: u } = Z().endpoints, {
     data: t,
-    isFetching: Y,
+    isFetching: _,
     error: h,
     refetch: L
   } = P(
-    b(
+    T(
       () => ({
         fetchOptions: {
           enabled: !!y && !!u
@@ -54,36 +54,36 @@ const d = {
         fallback: []
       }) ?? [] : [];
     }, [f, i.locale])
-  }), m = r(
+  }), l = r(
     (e) => I?.find((q) => q.id === e)?.name || e,
     [I]
-  ), C = Y || M, o = b(
+  ), C = _ || M, o = T(
     () => t && {
       ...t,
       ...t.shopperInformation ? {
         shopperInformation: {
           ...t?.shopperInformation,
           ...t?.shopperInformation?.shopperCountry ? {
-            shopperCountry: t?.shopperInformation?.shopperCountry && m(t?.shopperInformation.shopperCountry)
+            shopperCountry: t?.shopperInformation?.shopperCountry && l(t?.shopperInformation.shopperCountry)
           } : {},
           ...t?.shopperInformation?.billingAddress ? {
             billingAddress: t?.shopperInformation?.billingAddress && {
               ...t?.shopperInformation.billingAddress,
-              country: t?.shopperInformation?.billingAddress?.country && m(t?.shopperInformation.billingAddress.country)
+              country: t?.shopperInformation?.billingAddress?.country && l(t?.shopperInformation.billingAddress.country)
             }
           } : {},
           ...t?.shopperInformation?.shippingAddress ? {
             shippingAddress: t?.shopperInformation?.shippingAddress && {
               ...t?.shopperInformation.shippingAddress,
-              country: t?.shopperInformation?.shippingAddress?.country && m(t?.shopperInformation.shippingAddress.country)
+              country: t?.shopperInformation?.shippingAddress?.country && l(t?.shopperInformation.shippingAddress.country)
             }
           } : {}
         }
       } : {}
     },
-    [t, m]
-  ), [s, l] = T("details"), [c, S] = T(!1);
-  K(() => {
+    [t, l]
+  ), [s, m] = b("details"), [c, S] = b(!1);
+  J(() => {
     let e;
     return c && (e = setTimeout(() => S(!1), 3e3)), () => clearTimeout(e);
   }, [c]);
@@ -95,19 +95,19 @@ const d = {
         console.error("Failed to copy link:", e);
       }
   }, [o]), v = r(() => {
-    l("expirationConfirmation");
+    m("expirationConfirmation");
   }, []), B = r(() => {
-    l("expirationSuccess"), k?.();
+    m("expirationSuccess"), k?.();
   }, [k]), E = r(() => {
-    l("details"), L();
+    m("details"), L();
   }, [L]), N = r(() => {
     a?.();
-  }, [a]), { withinModal: D } = $(), V = r(() => {
+  }, [a]), { withinModal: D } = K(), V = r(() => {
     if (C)
-      return /* @__PURE__ */ n(Q, {});
+      return /* @__PURE__ */ n(H, {});
     if (!o || h)
       return /* @__PURE__ */ n(
-        U,
+        Q,
         {
           error: h,
           onDismiss: a,
@@ -116,10 +116,10 @@ const d = {
       );
     if (s === "expirationConfirmation")
       return /* @__PURE__ */ n(
-        H,
+        G,
         {
           paymentLink: o,
-          onCancel: () => l("details"),
+          onCancel: () => m("details"),
           onExpirationSuccess: B
         }
       );
@@ -139,9 +139,9 @@ const d = {
         }
       ];
       return /* @__PURE__ */ n("div", { className: d.expirationSuccessContainer, children: [
-        /* @__PURE__ */ n(O, { name: "checkmark-circle-fill", className: d.expirationSuccessIcon }),
-        /* @__PURE__ */ n(_, { variant: w.TITLE, children: i.get("payByLink.details.expirationSuccess.title") }),
-        /* @__PURE__ */ n(_, { variant: w.BODY, children: i.get("payByLink.details.expirationSuccess.description") }),
+        /* @__PURE__ */ n(R, { name: "checkmark-circle-fill", className: d.expirationSuccessIcon }),
+        /* @__PURE__ */ n(w, { variant: O.TITLE, children: i.get("payByLink.details.expirationSuccess.title") }),
+        /* @__PURE__ */ n(w, { variant: O.BODY, children: i.get("payByLink.details.expirationSuccess.description") }),
         /* @__PURE__ */ n(F, { actions: e })
       ] });
     }
@@ -151,13 +151,7 @@ const d = {
           title: i.get(c ? "payByLink.details.actions.copied" : "payByLink.details.actions.copyLink"),
           event: A,
           variant: p.PRIMARY,
-          iconLeft: /* @__PURE__ */ n(
-            O,
-            {
-              className: "adyen-pe-payment-link-creation-form-success__button-icon",
-              name: c ? "checkmark" : "copy"
-            }
-          )
+          iconLeft: /* @__PURE__ */ n(R, { name: c ? "checkmark" : "copy" })
         },
         ...o.linkInformation.status !== "expired" && o.linkInformation.status !== "completed" ? [
           {
@@ -174,9 +168,9 @@ const d = {
           }
         ] : []
       ];
-      return /* @__PURE__ */ n(W, { children: [
+      return /* @__PURE__ */ n(X, { children: [
+        /* @__PURE__ */ n($, { paymentLink: o }),
         /* @__PURE__ */ n(z, { paymentLink: o }),
-        /* @__PURE__ */ n(G, { paymentLink: o }),
         /* @__PURE__ */ n(F, { actions: e })
       ] });
     }
@@ -197,7 +191,7 @@ const d = {
     x
   ]);
   return /* @__PURE__ */ n("div", { className: d.root, children: [
-    /* @__PURE__ */ n("div", { className: j({ "adyen-pe-visually-hidden": s !== "details" }), children: /* @__PURE__ */ n(X, { hideTitle: R, forwardedToRoot: !D, titleKey: "payByLink.details.title" }) }),
+    /* @__PURE__ */ n("div", { className: j({ "adyen-pe-visually-hidden": s !== "details" }), children: /* @__PURE__ */ n(W, { hideTitle: Y, forwardedToRoot: !D, titleKey: "payByLink.details.title" }) }),
     /* @__PURE__ */ n("div", { className: d.content, children: V() })
   ] });
 };

package/dist/es/components/external/PaymentLinkDetails/components/PaymentLinkError/PaymentLinkError.js

@@ -1,17 +1,17 @@
 import { jsx as a } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import s from "../../../../../core/Context/useCoreContext.js";
-import { useCallback as m, useMemo as u } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { ButtonVariant as l } from "../../../../internal/Button/types.js";
-import { ErrorMessageDisplay as c } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
-import f from "../../../../internal/Button/Button.js";
-import { getPaymentLinkErrorMessage as p } from "./getPaymentLinkErrorMessage.js";
+import { useCallback as s, useMemo as m } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { ButtonVariant as u } from "../../../../internal/Button/types.js";
+import { ErrorMessageDisplay as l } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import c from "../../../../internal/Button/Button.js";
+import { getPaymentLinkErrorMessage as f } from "./getPaymentLinkErrorMessage.js";
+import p from "../../../../../core/Context/preact/useCoreContext.js";
 const L = ({ error: o, onContactSupport: t, onDismiss: r }) => {
-  const { i18n: e } = s(), n = m(() => /* @__PURE__ */ a(f, { variant: l.SECONDARY, onClick: r, children: e.get("payByLink.common.actions.goBack") }), [e, r]), i = u(
-    () => p(o, "payByLink.details.errors.unavailable", t),
+  const { i18n: e } = p(), n = s(() => /* @__PURE__ */ a(c, { variant: u.SECONDARY, onClick: r, children: e.get("payByLink.common.actions.goBack") }), [e, r]), i = m(
+    () => f(o, "payByLink.details.errors.unavailable", t),
     [o, t]
   );
   return /* @__PURE__ */ a(
-    c,
+    l,
     {
       renderSecondaryButton: r ? n : void 0,
       withImage: !0,

package/dist/es/components/external/PaymentLinkDetails/components/PaymentLinkExpiration/PaymentLinkExpiration.js

@@ -1,21 +1,21 @@
 import { jsx as o } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useCallback as L, useMemo as u } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import g from "../../../../../core/Context/useCoreContext.js";
-import { TypographyVariant as a, TypographyElement as p } from "../../../../internal/Typography/types.js";
+import { TypographyElement as a, TypographyVariant as p } from "../../../../internal/Typography/types.js";
 import s from "../../../../internal/Typography/Typography.js";
-import k from "../../../../internal/Button/ButtonActions/ButtonActions.js";
-import x from "../../../../../hooks/useMutation/useMutation.js";
+import g from "../../../../internal/Button/ButtonActions/ButtonActions.js";
+import k from "../../../../../hooks/useMutation/useMutation.js";
 import { ButtonVariant as m } from "../../../../internal/Button/types.js";
-import { useModalContext as B } from "../../../../internal/Modal/Modal.js";
+import { useModalContext as x } from "../../../../internal/Modal/Modal.js";
 /* empty css                           */
-import { Alert as C } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as T } from "../../../../internal/Alert/types.js";
-import { useConfigContext as E } from "../../../../../core/ConfigContext/context.js";
+import { Alert as B } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as C } from "../../../../internal/Alert/types.js";
+import T from "../../../../../core/Context/preact/useCoreContext.js";
+import { useConfigContext as E } from "../../../../../core/ConfigContext/preact/context.js";
 import { EMPTY_OBJECT as I } from "../../../../../utils/value/constants.js";
 const h = {
   root: "adyen-pe-payment-link-expiration"
 }, w = ({ paymentLink: n, onCancel: e, onExpirationSuccess: l }) => {
-  const { i18n: t } = g(), { withinModal: d } = B(), y = d ? p.H2 : p.DIV, { expirePayByLinkPaymentLink: c } = E().endpoints, i = x({
+  const { i18n: t } = T(), { withinModal: d } = x(), y = d ? a.H2 : a.DIV, { expirePayByLinkPaymentLink: c } = E().endpoints, i = k({
     queryFn: c,
     options: {
       onSuccess: l
@@ -42,17 +42,17 @@ const h = {
     [i.isLoading, r, t, e]
   );
   return /* @__PURE__ */ o("div", { className: h.root, children: [
-    /* @__PURE__ */ o(s, { el: y, variant: a.SUBTITLE, stronger: !0, children: t.get("payByLink.details.expiration.title") }),
-    /* @__PURE__ */ o(s, { variant: a.BODY, children: t.get("payByLink.details.expiration.description") }),
+    /* @__PURE__ */ o(s, { el: y, variant: p.SUBTITLE, stronger: !0, children: t.get("payByLink.details.expiration.title") }),
+    /* @__PURE__ */ o(s, { variant: p.BODY, children: t.get("payByLink.details.expiration.description") }),
     i.error && /* @__PURE__ */ o(
-      C,
+      B,
       {
-        type: T.CRITICAL,
+        type: C.CRITICAL,
         title: t.get("payByLink.details.expiration.errorTitle"),
         description: t.get("payByLink.details.expiration.errorDescription")
       }
     ),
-    /* @__PURE__ */ o(k, { actions: f })
+    /* @__PURE__ */ o(g, { actions: f })
   ] });
 };
 export {

package/dist/es/components/external/PaymentLinkDetails/components/PaymentLinkSummary/PaymentLinkSummary.js

@@ -1,20 +1,20 @@
 import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useMemo as f } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import y from "../../../../../core/Context/useCoreContext.js";
-import T from "../../../../internal/Card/Card.js";
-import { Tag as A } from "../../../../internal/Tag/Tag.js";
+import y from "../../../../internal/Card/Card.js";
+import { Tag as T } from "../../../../internal/Tag/Tag.js";
 import { TagVariant as n } from "../../../../internal/Tag/types.js";
 import { TypographyVariant as i, TypographyElement as u } from "../../../../internal/Typography/types.js";
 import m from "../../../../internal/Typography/Typography.js";
-import h from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import A from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 /* empty css                        */
+import h from "../../../../../core/Context/preact/useCoreContext.js";
 import { DATE_FORMAT_PAYMENT_LINK_DETAILS_SUMMARY as S } from "../../../../../constants/dateFormats.js";
 const s = {
   root: "adyen-pe-payment-link-summary",
   content: "adyen-pe-payment-link-summary__content",
   expiresLabel: "adyen-pe-payment-link-summary__expires-label"
 }, M = ({ paymentLink: r }) => {
-  const { i18n: e } = y(), { dateFormat: c } = h(), a = r?.linkInformation.status, p = (o) => {
+  const { i18n: e } = h(), { dateFormat: c } = A(), a = r?.linkInformation.status, p = (o) => {
     switch (o) {
       case "active":
         return n.BLUE;
@@ -32,8 +32,8 @@ const s = {
     const { value: o, currency: l } = r.linkInformation.amount;
     return `${e.amount(o, l, { hideCurrency: !0 })} ${l}`;
   }, [e, r?.linkInformation.amount]);
-  return /* @__PURE__ */ t(T, { classNameModifiers: [s.root], children: /* @__PURE__ */ t("div", { className: s.content, children: [
-    /* @__PURE__ */ t(A, { variant: p(a), children: e.has(`payByLink.common.status.${a}`) ? e.get(`payByLink.common.status.${a}`) : r?.linkInformation.status }),
+  return /* @__PURE__ */ t(y, { classNameModifiers: [s.root], children: /* @__PURE__ */ t("div", { className: s.content, children: [
+    /* @__PURE__ */ t(T, { variant: p(a), children: e.has(`payByLink.common.status.${a}`) ? e.get(`payByLink.common.status.${a}`) : r?.linkInformation.status }),
     /* @__PURE__ */ t(m, { variant: i.TITLE, large: !0, children: d }),
     /* @__PURE__ */ t("div", { children: [
       /* @__PURE__ */ t(m, { el: u.SPAN, variant: i.BODY, className: s.expiresLabel, children: `${e.get("payByLink.details.fields.expiresOn")}: ` }),

package/dist/es/components/external/PaymentLinkDetails/components/PaymentLinkTabs/PaymentLinkTabs.js

@@ -1,15 +1,15 @@
 import { jsx as i } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import C from "../../../../../core/Context/useCoreContext.js";
 import { useCallback as h, useMemo as b } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import T from "../../../../internal/Tabs/Tabs.js";
-import _ from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import C from "../../../../internal/Tabs/Tabs.js";
+import T from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { TypographyVariant as A } from "../../../../internal/Typography/types.js";
 import k from "../../../../internal/Typography/Typography.js";
-import { PaymentLinkActivity as L } from "../PaymentLinkActivity/PaymentLinkActivity.js";
+import { PaymentLinkActivity as _ } from "../PaymentLinkActivity/PaymentLinkActivity.js";
 /* empty css                     */
-import D from "../../../../internal/CopyText/CopyText.js";
+import L from "../../../../internal/CopyText/CopyText.js";
 import { BACKEND_REDACTED_DATA_MARKER as I, FRONTEND_REDACTED_DATA_MARKER as u } from "../../../../constants.js";
-import E from "../../../../internal/Link/Link.js";
+import D from "../../../../internal/Link/Link.js";
+import E from "../../../../../core/Context/preact/useCoreContext.js";
 import { DATE_FORMAT_PAYMENT_LINK_DETAILS_TABS as v } from "../../../../../constants/dateFormats.js";
 import f from "../../../../internal/StructuredList/StructuredList.js";
 import { Fragment as c } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
@@ -20,7 +20,7 @@ const r = {
   listLabel: "adyen-pe-payment-link-tabs__list-label",
   listValue: "adyen-pe-payment-link-tabs__list-value"
 }, z = ({ paymentLink: e }) => {
-  const { i18n: t } = C(), { dateFormat: m } = _(), a = h((s) => Object.values(s).some((y) => y === I), []), o = b(() => {
+  const { i18n: t } = E(), { dateFormat: m } = T(), a = h((s) => Object.values(s).some((y) => y === I), []), o = b(() => {
     const s = e.linkInformation.linkType, y = {
       linkInformation: [
         {
@@ -154,8 +154,8 @@ const r = {
     if (s && s.toString().includes(I))
       l = u;
     else if (p?.isCopyable && s && s !== "") {
-      const N = p?.linkUrl ? /* @__PURE__ */ i(E, { href: p.linkUrl, target: "_blank", children: s.toString() }) : void 0;
-      l = /* @__PURE__ */ i(D, { textToCopy: s.toString(), visibleText: N, type: "Default" });
+      const N = p?.linkUrl ? /* @__PURE__ */ i(D, { href: p.linkUrl, target: "_blank", children: s.toString() }) : void 0;
+      l = /* @__PURE__ */ i(L, { textToCopy: s.toString(), visibleText: N, type: "Default" });
     } else
       l = s;
     return /* @__PURE__ */ i("div", { className: r.listValue, children: l });
@@ -224,12 +224,12 @@ const r = {
       {
         id: "activity",
         label: "payByLink.details.tabs.activity",
-        content: /* @__PURE__ */ i(L, { activities: e.paymentLinkActivities ?? [] })
+        content: /* @__PURE__ */ i(_, { activities: e.paymentLinkActivities ?? [] })
       }
     ],
     [o, n, d, t, e.paymentLinkActivities]
   );
-  return /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ i(T, { tabs: B }) });
+  return /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ i(C, { tabs: B }) });
 };
 export {
   z as PaymentLinkTabs

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { CONTAINER_CLASS_NAME as b, SIDEBAR_CONTAINER_CLASS_NAME as k, SECONDARY_NAV_CLASS_NAME as V, CONTENT_CONTAINER_CLASS_NAME as x, CONTENT_CONTAINER_MOBILE_CLASS_NAME as B } from "./constants.js";
 /* empty css                                  */
-import { usePaymentLinkSettingsContext as q } from "./context/context.js";
+import q from "./context/context.js";
 import p from "./components/PaymentLinkSettingsContent/PaymentLinkSettingsContent.js";
 import w from "./components/SettingsActionButtons/SettingsActionButtons.js";
 import { useState as D, useEffect as F, useCallback as A, useMemo as u } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";

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

@@ -4,7 +4,7 @@ import { PaymentLinkSettingsProvider as f } from "./context/context.js";
 import g from "./PaymentLinkSettings.js";
 import { useMemo as s } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { MENU_ITEMS as n } from "./context/constants.js";
-import p from "../../../../../core/Context/useCoreContext.js";
+import p from "../../../../../core/Context/preact/useCoreContext.js";
 const P = ({
   settingsItems: t,
   storeIds: l,

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkSettingsContainer/components/PaymentLinkSettingsContent/PaymentLinkSettingsContent.js

@@ -5,24 +5,24 @@ import { MenuItem as i } from "../../context/constants.js";
 import { useResponsiveContainer as C, containerQueries as E } from "../../../../../../../hooks/useResponsiveContainer.js";
 import { Alert as m } from "../../../../../../internal/Alert/Alert.js";
 import { AlertVariantOption as a, AlertTypeOption as p } from "../../../../../../internal/Alert/types.js";
-import g from "../../../../../../../core/Context/useCoreContext.js";
-import { usePaymentLinkSettingsContext as _ } from "../../context/context.js";
-import k from "../PaymentLinkSettingsContentLoading/PaymentLinkSettingsContentLoading.js";
-import { useSettingsPermission as L } from "../../../../hooks/useSettingsPermission.js";
+import g from "../../context/context.js";
+import _ from "../PaymentLinkSettingsContentLoading/PaymentLinkSettingsContentLoading.js";
+import { useSettingsPermission as k } from "../../../../hooks/useSettingsPermission.js";
 import c from "../SettingsError/SettingsError.js";
-import { useMemo as R } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { PERMISSION_ERROR as I } from "../../utils/getSettingsErrorMessage.js";
+import { useMemo as L } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { PERMISSION_ERROR as R } from "../../utils/getSettingsErrorMessage.js";
+import I from "../../../../../../../core/Context/preact/useCoreContext.js";
 const A = "payByLink.settings.theme.errors.couldNotLoad", v = "payByLink.settings.termsAndConditions.errors.couldNotLoad", T = ({ activeMenuItem: o, isLoadingContent: s }) => {
-  const { themeEnabled: t, termsAndConditionsEnabled: n } = L(), r = R(() => {
+  const { themeEnabled: t, termsAndConditionsEnabled: n } = k(), r = L(() => {
     if (!(t && n))
       return {
-        errorCode: I,
+        errorCode: R,
         type: "error",
         requestId: ""
       };
   }, [t, n]);
   if (s)
-    return /* @__PURE__ */ e(k, { activeMenuItem: o });
+    return /* @__PURE__ */ e(_, { activeMenuItem: o });
   switch (o) {
     case i.theme:
       return t ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ e(c, { error: r, errorMessage: A });
@@ -32,7 +32,7 @@ const A = "payByLink.settings.theme.errors.couldNotLoad", v = "payByLink.setting
       return null;
   }
 }, q = ({ activeMenuItem: o, isLoadingContent: s, navigateBack: t }) => {
-  const n = C(E.down.xs), { i18n: r } = g(), { isSaveSuccess: d, isSaveError: l, setIsSaveSuccess: u, setIsSaveError: y } = _();
+  const n = C(E.down.xs), { i18n: r } = I(), { isSaveSuccess: d, isSaveError: l, setIsSaveSuccess: u, setIsSaveError: y } = g();
   return /* @__PURE__ */ e("div", { className: n ? "adyen-pe-payment-link-settings__content-item--mobile" : "adyen-pe-payment-link-settings__content-item", children: [
     /* @__PURE__ */ e(T, { activeMenuItem: o, isLoadingContent: s }),
     d && !t && /* @__PURE__ */ e(

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkSettingsContainer/components/SettingsActionButtons/SettingsActionButtons.js

@@ -1,19 +1,19 @@
 import { jsx as c } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import v from "../../../../../../../core/Context/useCoreContext.js";
-import { usePaymentLinkSettingsContext as C } from "../../context/context.js";
-import { useResponsiveContainer as E, containerQueries as N } from "../../../../../../../hooks/useResponsiveContainer.js";
-import { ButtonActionsLayout as x, ButtonActionsLayoutBasic as I } from "../../../../../../internal/Button/ButtonActions/types.js";
-import B from "../../../../../../internal/Button/ButtonActions/ButtonActions.js";
+import v from "../../context/context.js";
+import { useResponsiveContainer as C, containerQueries as E } from "../../../../../../../hooks/useResponsiveContainer.js";
+import { ButtonActionsLayoutBasic as N, ButtonActionsLayout as x } from "../../../../../../internal/Button/ButtonActions/types.js";
+import I from "../../../../../../internal/Button/ButtonActions/ButtonActions.js";
 import { useMemo as o } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 /* empty css                          */
 import { ButtonVariant as S } from "../../../../../../internal/Button/types.js";
-import M from "classnames";
-import { useSettingsPermission as R } from "../../../../hooks/useSettingsPermission.js";
+import B from "classnames";
+import { useSettingsPermission as M } from "../../../../hooks/useSettingsPermission.js";
+import R from "../../../../../../../core/Context/preact/useCoreContext.js";
 import { Icon as T } from "../../../../../../internal/Icon/Icon.js";
 import { boolOrFalse as u } from "../../../../../../../utils/value/bool.js";
 import { noop as k } from "../../../../../../../utils/common.js";
 const H = ({ navigateBack: t, closeContent: s }) => {
-  const { i18n: i } = v(), { activeMenuItem: p, onSave: d, isSaving: r, isLoadingContent: b, isLoadingStores: A, isSaveSuccess: e } = C(), { themeEnabled: l, termsAndConditionsEnabled: _ } = R(), n = E(N.down.xs), m = b || A, f = o(() => p ? !l || u(r || m || t && e) : !1, [p, _, l, r, m, t, e]), a = o(() => ({
+  const { i18n: i } = R(), { activeMenuItem: p, onSave: d, isSaving: r, isLoadingContent: b, isLoadingStores: A, isSaveSuccess: e } = v(), { themeEnabled: l, termsAndConditionsEnabled: _ } = M(), n = C(E.down.xs), m = b || A, f = o(() => p ? !l || u(r || m || t && e) : !1, [p, _, l, r, m, t, e]), a = o(() => ({
     disabled: f,
     event: d,
     iconLeft: t && e ? /* @__PURE__ */ c(T, { className: "adyen-pe-payment-link-settings-save-success__cta-icon", name: "checkmark" }) : void 0,
@@ -27,14 +27,14 @@ const H = ({ navigateBack: t, closeContent: s }) => {
     title: i.get("payByLink.common.actions.goBack"),
     variant: S.SECONDARY,
     classNames: n ? ["adyen-pe-payment-link-settings__cta--mobile"] : []
-  }), [t, i, n, s, m]), g = o(() => !t && !s ? [a] : [a, y], [a, y, t, s]), L = o(() => n ? x.VERTICAL_STACK : I.BUTTONS_END, [n]);
+  }), [t, i, n, s, m]), g = o(() => !t && !s ? [a] : [a, y], [a, y, t, s]), L = o(() => n ? x.VERTICAL_STACK : N.BUTTONS_END, [n]);
   return /* @__PURE__ */ c(
     "div",
     {
-      className: M("adyen-pe-payment-link-settings__cta-container", {
+      className: B("adyen-pe-payment-link-settings__cta-container", {
         "adyen-pe-payment-link-settings__cta-container--mobile": n
       }),
-      children: /* @__PURE__ */ c(B, { actions: g, layout: L })
+      children: /* @__PURE__ */ c(I, { actions: g, layout: L })
     }
   );
 };

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkSettingsContainer/components/SettingsError/SettingsError.js

@@ -1,7 +1,7 @@
 import { jsx as f } from "../../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import u from "../../../../../../../core/Context/useCoreContext.js";
-import { ErrorMessageDisplay as p } from "../../../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
-import d from "../../utils/getSettingsErrorMessage.js";
+import { ErrorMessageDisplay as u } from "../../../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import p from "../../utils/getSettingsErrorMessage.js";
+import d from "../../../../../../../core/Context/preact/useCoreContext.js";
 const E = ({
   error: s,
   errorMessage: r,
@@ -9,14 +9,14 @@ const E = ({
   centered: o,
   absolutePosition: a
 }) => {
-  const { getImageAsset: i } = u(), { title: m, message: g, refreshComponent: l, translationValues: n, images: t } = d(
+  const { getImageAsset: i } = d(), { title: m, message: g, refreshComponent: l, translationValues: n, images: t } = p(
     s,
     r,
     e,
     i
   );
   return /* @__PURE__ */ f(
-    p,
+    u,
     {
       imageDesktop: t?.desktop,
       imageMobile: t?.mobile,

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkSettingsContainer/context/context.js

@@ -1,8 +1,8 @@
 import { jsx as ce } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as le } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 import { createContext as me } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
-import { useContext as ue, useState as t, useMemo as f, useRef as Se, useEffect as l, useCallback as d } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { DEFAULT_MENU_ITEM as fe, MenuItem as c } from "./constants.js";
+import { useContext as ue, useState as t, useMemo as S, useRef as fe, useEffect as l, useCallback as d } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { MenuItem as c, DEFAULT_MENU_ITEM as Se } from "./constants.js";
 import { useStores as ve } from "../../../../../../hooks/useStores.js";
 import { useStoreTheme as he } from "../../../hooks/useStoreTheme.js";
 import { useStoreTermsAndConditions as ge } from "../../../hooks/useStoreTermsAndConditions.js";
@@ -40,7 +40,7 @@ const N = me({
   storesError: void 0,
   termsAndConditionsError: void 0,
   themeError: void 0
-}), Re = le(
+}), Fe = le(
   ({
     children: z,
     selectedMenuItems: B,
@@ -48,27 +48,27 @@ const N = me({
     embeddedInOverview: H,
     navigateBack: J
   }) => {
-    const [K, O] = t(!1), [r] = t(B), [x, i] = t(!1), v = Ie(Ee.down.xs), { themeEnabled: y, termsAndConditionsEnabled: D } = Ae(), h = f(() => {
+    const [K, O] = t(!1), [r] = t(B), [x, i] = t(!1), v = Ie(Ee.down.xs), { themeEnabled: y, termsAndConditionsEnabled: D } = Ae(), h = S(() => {
       if (!(v && r.length > 1))
-        return r.length > 0 && r[0] ? r[0].value : fe;
-    }, [r, v]), [e, w] = t(null), [k, m] = t(void 0), [W, a] = t(void 0), g = Se(!1), [X, C] = t(!1), { filteredStores: I, selectedStore: o, setSelectedStore: E, isFetching: A, error: Y, allStores: Z } = ve(G), [$, F] = t(!1), [ee, p] = t(!1), [te, P] = t(!1);
+        return r.length > 0 && r[0] ? r[0].value : Se;
+    }, [r, v]), [e, w] = t(null), [R, m] = t(void 0), [W, a] = t(void 0), g = fe(!1), [X, C] = t(!1), { filteredStores: I, selectedStore: o, setSelectedStore: E, isFetching: A, error: Y, allStores: Z } = ve(G), [$, k] = t(!1), [ee, p] = t(!1), [te, P] = t(!1);
     l(() => {
       h && w(h);
     }, [h]);
-    const R = d(() => g.current, []), { onSave: se } = Ce(
-      F,
+    const F = d(() => g.current, []), { onSave: se } = Ce(
+      k,
       p,
       P,
       o,
-      k,
-      e,
       R,
+      e,
+      F,
       C,
       a,
       m,
       J
     ), [oe, q] = t(!1), [ne, V] = t(!1), Q = d(() => {
-      F(!1), p(!1), P(!1), C(!1), a(void 0), m(void 0);
+      k(!1), p(!1), P(!1), C(!1), a(void 0), m(void 0);
     }, []);
     l(() => {
       switch (Q(), e) {
@@ -91,18 +91,18 @@ const N = me({
       error: L
     } = he(o, oe, q, T, i), {
       data: _,
-      isFetching: S,
+      isFetching: f,
       error: M
-    } = ge(o, ne, V, T, i), b = f(() => {
+    } = ge(o, ne, V, T, i), b = S(() => {
       switch (e) {
         case c.theme:
           return u ? void 0 : U;
         case c.termsAndConditions:
-          return S ? void 0 : _;
+          return f ? void 0 : _;
         default:
           return;
       }
-    }, [e, U, _, u, S]);
+    }, [e, U, _, u, f]);
     l(() => {
       b && a(b);
     }, [b, a]), l(() => {
@@ -124,7 +124,7 @@ const N = me({
         e !== s.value && (i(!0), w(s.value));
       },
       [e]
-    ), j = f(() => e ? e === c.theme ? y : D : !1, [e, D, y]), de = f(() => j ? x || u || S || A : !1, [x, u, S, A, j]);
+    ), j = S(() => e ? e === c.theme ? y : D : !1, [e, D, y]), de = S(() => j ? x || u || f || A : !1, [x, u, f, A, j]);
     return /* @__PURE__ */ ce(
       N.Provider,
       {
@@ -132,11 +132,11 @@ const N = me({
           isLoadingContent: de,
           setPayload: T,
           menuItems: r,
-          payload: k,
+          payload: R,
           activeMenuItem: e,
           selectedStore: o,
           setSelectedMenuItem: ae,
-          getIsValid: R,
+          getIsValid: F,
           setIsValid: ie,
           saveActionCalled: X,
           setSaveActionCalled: C,
@@ -166,7 +166,7 @@ const N = me({
 ), qe = () => ue(N);
 export {
   N as PaymentLinkSettingsContext,
-  Re as PaymentLinkSettingsProvider,
+  Fe as PaymentLinkSettingsProvider,
   qe as default,
   qe as usePaymentLinkSettingsContext
 };