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

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

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

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

@@ -1,34 +1,34 @@
-import { jsx as g } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as f } from "../../../../../../../external/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";
 const E = ({
-  error: r,
-  errorMessage: s,
-  onContactSupport: t,
+  error: s,
+  errorMessage: r,
+  onContactSupport: e,
   centered: o,
   absolutePosition: a
 }) => {
-  const { getImageAsset: i } = u(), { title: l, message: m, refreshComponent: n, translationValues: f, images: e } = d(
-    r,
+  const { getImageAsset: i } = u(), { title: m, message: g, refreshComponent: l, translationValues: n, images: t } = d(
     s,
-    t,
+    r,
+    e,
     i
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     p,
     {
-      imageDesktop: e == null ? void 0 : e.desktop,
-      imageMobile: e == null ? void 0 : e.mobile,
+      imageDesktop: t?.desktop,
+      imageMobile: t?.mobile,
       withHeaderOffset: !0,
-      title: l,
-      message: m,
-      translationValues: f,
+      title: m,
+      message: g,
+      translationValues: n,
       withImage: !0,
       centered: o ?? !1,
       absolutePosition: a ?? !1,
-      refreshComponent: n,
-      onContactSupport: t,
+      refreshComponent: l,
+      onContactSupport: e,
       outlined: !1
     }
   );

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

@@ -1,16 +1,17 @@
-import { jsx as ae } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as ie } from "../../../../../../external/preact/compat/dist/compat.module.js";
-import { createContext as de } from "../../../../../../external/preact/dist/preact.module.js";
-import { useContext as ce, useState as t, useMemo as V, useRef as le, useEffect as l, useCallback as d } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { DEFAULT_MENU_ITEM as me, MenuItem as m } from "./constants.js";
-import { useStores as ue } from "../../../../../../hooks/useStores.js";
-import { useStoreTheme as ve } from "../../../hooks/useStoreTheme.js";
-import { useStoreTermsAndConditions as Se } from "../../../hooks/useStoreTermsAndConditions.js";
-import { useSaveAction as fe } from "../../../hooks/useSaveAction.js";
-import { useResponsiveContainer as ge, containerQueries as he } from "../../../../../../hooks/useResponsiveContainer.js";
+import { jsx as ce } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as le } from "../../../../../../external/preact/compat/dist/compat.module.js";
+import { createContext as me } from "../../../../../../external/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/preact/hooks/dist/hooks.module.js";
+import { DEFAULT_MENU_ITEM as fe, MenuItem as c } 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";
+import { useSaveAction as Ce } from "../../../hooks/useSaveAction.js";
+import { useResponsiveContainer as Ie, containerQueries as Ee } from "../../../../../../hooks/useResponsiveContainer.js";
+import { useSettingsPermission as Ae } from "../../../hooks/useSettingsPermission.js";
 import { noop as n } from "../../../../../../utils/common.js";
-const U = de({
-  activeMenuItem: m.theme,
+const N = me({
+  activeMenuItem: c.theme,
   payload: void 0,
   setPayload: n,
   selectedStore: void 0,
@@ -39,134 +40,133 @@ const U = de({
   storesError: void 0,
   termsAndConditionsError: void 0,
   themeError: void 0
-}), De = ie(
+}), Re = le(
   ({
-    children: _,
-    selectedMenuItems: j,
-    storeIds: K,
-    embeddedInOverview: N,
-    navigateBack: Q
+    children: Q,
+    selectedMenuItems: z,
+    storeIds: B,
+    embeddedInOverview: G,
+    navigateBack: H
   }) => {
-    const [z, B] = t(!1), [r] = t(j), [G, a] = t(!1), v = ge(he.down.xs), S = V(() => {
+    const [J, O] = t(!1), [r] = t(z), [x, i] = t(!1), v = Ie(Ee.down.xs), { themeEnabled: y, termsAndConditionsEnabled: D } = Ae(), h = f(() => {
       if (!(v && r.length > 1))
-        return r.length > 0 && r[0] ? r[0].value : me;
-    }, [r, v]), [s, P] = t(null), [x, u] = t(void 0), [H, i] = t(void 0), f = le(!1), [J, g] = t(!1), { filteredStores: c, selectedStore: o, setSelectedStore: h, isFetching: y, error: O, allStores: W } = ue(K), [X, D] = t(!1), [Y, C] = t(!1), [Z, I] = t(!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(B), [$, F] = t(!1), [ee, p] = t(!1), [te, P] = t(!1);
     l(() => {
-      S && P(S);
-    }, [S]);
-    const b = d(() => f.current, []), { onSave: $ } = fe(
-      D,
-      C,
-      I,
+      h && w(h);
+    }, [h]);
+    const R = d(() => g.current, []), { onSave: se } = Ce(
+      F,
+      p,
+      P,
       o,
-      x,
-      s,
-      b,
-      g,
-      i,
-      u,
-      Q
-    ), [ee, w] = t(!1), [te, k] = t(!1), F = d(() => {
-      D(!1), C(!1), I(!1), g(!1), i(void 0), u(void 0);
+      k,
+      e,
+      R,
+      C,
+      a,
+      m,
+      H
+    ), [oe, q] = t(!1), [ne, V] = t(!1), U = d(() => {
+      F(!1), p(!1), P(!1), C(!1), a(void 0), m(void 0);
     }, []);
     l(() => {
-      switch (F(), s) {
-        case m.theme:
-          a(!0), o && w(!0);
+      switch (U(), e) {
+        case c.theme:
+          i(!0), o && q(!0);
           break;
-        case m.termsAndConditions:
-          a(!0), o && k(!0);
+        case c.termsAndConditions:
+          i(!0), o && V(!0);
           break;
       }
-    }, [s, o, F]);
-    const E = d(
-      (e) => {
-        e && u(e);
+    }, [e, o, U]);
+    const T = d(
+      (s) => {
+        s && m(s);
       },
-      [u]
+      [m]
     ), {
-      theme: R,
-      isFetching: A,
-      error: p
-    } = ve(o, ee, w, E, a), {
-      data: q,
-      isFetching: T,
+      theme: _,
+      isFetching: u,
       error: L
-    } = Se(o, te, k, E, a), M = V(() => {
-      switch (s) {
-        case m.theme:
-          return A ? void 0 : R;
-        case m.termsAndConditions:
-          return T ? void 0 : q;
+    } = he(o, oe, q, T, i), {
+      data: j,
+      isFetching: S,
+      error: M
+    } = ge(o, ne, V, T, i), b = f(() => {
+      switch (e) {
+        case c.theme:
+          return u ? void 0 : _;
+        case c.termsAndConditions:
+          return S ? void 0 : j;
         default:
           return;
       }
-    }, [s, R, q, A, T]);
+    }, [e, _, j, u, S]);
     l(() => {
-      M && i(M);
-    }, [M, i]), l(() => {
-      var e;
-      o || h((e = c == null ? void 0 : c[0]) == null ? void 0 : e.id);
-    }, [c, o, h]);
-    const se = d(
-      (e) => {
-        i(e);
+      b && a(b);
+    }, [b, a]), l(() => {
+      o || E(I?.[0]?.id);
+    }, [I, o, E]);
+    const re = d(
+      (s) => {
+        a(s);
       },
-      [i]
+      [a]
     );
     l(() => {
-      (p || L) && a(!1);
-    }, [p, L]);
-    const oe = d((e) => {
-      f.current !== e && (f.current = e);
-    }, []), ne = d(
-      (e) => {
-        s !== e.value && (a(!0), P(e.value));
+      (L || M) && i(!1);
+    }, [L, M]);
+    const ie = d((s) => {
+      g.current !== s && (g.current = s);
+    }, []), ae = d(
+      (s) => {
+        e !== s.value && (i(!0), w(s.value));
       },
-      [s]
-    ), re = G || A || T || y;
-    return /* @__PURE__ */ ae(
-      U.Provider,
+      [e]
+    ), K = f(() => e ? e === c.theme ? y : D : !1, [e, D, y]), de = f(() => K ? x || u || S || A : !1, [x, u, S, A, K]);
+    return /* @__PURE__ */ ce(
+      N.Provider,
       {
         value: {
-          isLoadingContent: re,
-          setPayload: E,
+          isLoadingContent: de,
+          setPayload: T,
           menuItems: r,
-          payload: x,
-          activeMenuItem: s,
+          payload: k,
+          activeMenuItem: e,
           selectedStore: o,
-          setSelectedMenuItem: ne,
-          getIsValid: b,
-          setIsValid: oe,
-          saveActionCalled: J,
-          setSaveActionCalled: g,
-          filteredStores: c,
-          setSelectedStore: h,
-          savedData: H,
-          setSavedData: se,
-          isSaveError: Y,
-          isSaveSuccess: Z,
-          isSaving: X,
-          isShowingRequirements: z,
-          setIsShowingRequirements: B,
-          setIsSaveError: C,
-          setIsSaveSuccess: I,
-          onSave: $,
-          allStores: W,
-          isLoadingStores: y,
-          storesError: O,
-          embeddedInOverview: N,
-          themeError: p,
-          termsAndConditionsError: L
+          setSelectedMenuItem: ae,
+          getIsValid: R,
+          setIsValid: ie,
+          saveActionCalled: X,
+          setSaveActionCalled: C,
+          filteredStores: I,
+          setSelectedStore: E,
+          savedData: W,
+          setSavedData: re,
+          isSaveError: ee,
+          isSaveSuccess: te,
+          isSaving: $,
+          isShowingRequirements: J,
+          setIsShowingRequirements: O,
+          setIsSaveError: p,
+          setIsSaveSuccess: P,
+          onSave: se,
+          allStores: Z,
+          isLoadingStores: A,
+          storesError: Y,
+          embeddedInOverview: G,
+          themeError: L,
+          termsAndConditionsError: M
         },
-        children: !s && !v ? null : _
+        children: !e && !v ? null : Q
       }
     );
   }
-), be = () => ce(U);
+), qe = () => ue(N);
 export {
-  U as PaymentLinkSettingsContext,
-  De as PaymentLinkSettingsProvider,
-  be as default,
-  be as usePaymentLinkSettingsContext
+  N as PaymentLinkSettingsContext,
+  Re as PaymentLinkSettingsProvider,
+  qe as default,
+  qe as usePaymentLinkSettingsContext
 };

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

@@ -1,49 +1,57 @@
-import { jsx as s } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { UNDEFINED_ERROR as c } from "../../../../../utils/getCommonErrorCode.js";
-import i from "../../../../../internal/CopyText/CopyText.js";
-const a = "ACCOUNT_MISCONFIGURATION", u = "WRONG_STORE_IDS", d = (r, t, m, o) => {
-  if (!r) return c;
-  const e = m ? "common.errors.errorCode" : "common.errors.errorCodeSupport", n = {
-    [e]: r.requestId ? /* @__PURE__ */ s(i, { copyButtonAriaLabelKey: "common.actions.copy.labels.errorCode", textToCopy: r.requestId }) : null
+import { jsx as m } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UNDEFINED_ERROR as a } from "../../../../../utils/getCommonErrorCode.js";
+import c from "../../../../../internal/CopyText/CopyText.js";
+const i = "ACCOUNT_MISCONFIGURATION", g = "WRONG_STORE_IDS", u = "PERMISSION_ERROR", C = (e, r, t, s) => {
+  if (!e) return a;
+  const n = t ? "common.errors.errorCode" : "common.errors.errorCodeSupport", o = {
+    [n]: e.requestId ? /* @__PURE__ */ m(c, { copyButtonAriaLabelKey: "common.actions.copy.labels.errorCode", textToCopy: e.requestId }) : null
   };
-  switch (r.errorCode) {
-    case a:
+  switch (e.errorCode) {
+    case i:
       return {
         title: "common.errors.somethingWentWrong",
         message: ["payByLink.common.errors.accountConfiguration", "common.errors.contactSupport"],
-        translationValues: n
+        translationValues: o
       };
-    case u:
+    case g:
       return {
         title: "common.errors.somethingWentWrong",
         message: ["payByLink.common.errors.storeID", "common.errors.contactSupport"],
-        translationValues: n,
-        onContactSupport: m
+        translationValues: o,
+        onContactSupport: t
+      };
+    case u:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: [r],
+        translationValues: o,
+        refreshComponent: !1
       };
     case "00_500":
       return {
         title: "common.errors.somethingWentWrong",
-        message: [t, e],
-        translationValues: n,
+        message: [r, n],
+        translationValues: o,
         refreshComponent: !0,
         images: {
-          desktop: o == null ? void 0 : o({ name: "wrong-environment", subFolder: "images/small" })
+          desktop: s?.({ name: "wrong-environment", subFolder: "images/small" })
         }
       };
     default:
       return {
         title: "common.errors.somethingWentWrong",
-        message: [t, e],
-        translationValues: n,
+        message: [r, n],
+        translationValues: o,
         refreshComponent: !0,
         images: {
-          desktop: o == null ? void 0 : o({ name: "wrong-environment", subFolder: "images/small" })
+          desktop: s?.({ name: "wrong-environment", subFolder: "images/small" })
         }
       };
   }
 };
 export {
-  a as ACCOUNT_MISCONFIGURATION,
-  u as WRONG_STORE_IDS,
-  d as default
+  i as ACCOUNT_MISCONFIGURATION,
+  u as PERMISSION_ERROR,
+  g as WRONG_STORE_IDS,
+  C as default
 };