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

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

@@ -1,27 +1,26 @@
 import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import oe from "../../../../../core/Context/useCoreContext.js";
-import { useCallback as b, useMemo as X } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import ae from "../../../../internal/Tabs/Tabs.js";
-import ne from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { TypographyVariant as Z } from "../../../../internal/Typography/types.js";
-import ee from "../../../../internal/Typography/Typography.js";
-import { PaymentLinkActivity as de } from "../PaymentLinkActivity/PaymentLinkActivity.js";
+import C from "../../../../../core/Context/useCoreContext.js";
+import { useCallback as h, useMemo as b } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import T from "../../../../internal/Tabs/Tabs.js";
+import _ 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";
 /* empty css                     */
-import pe from "../../../../internal/CopyText/CopyText.js";
-import { BACKEND_REDACTED_DATA_MARKER as ie, FRONTEND_REDACTED_DATA_MARKER as g } from "../../../../constants.js";
-import ye from "../../../../internal/Link/Link.js";
-import { DATE_FORMAT_PAYMENT_LINK_DETAILS_TABS as se } from "../../../../../constants/dateFormats.js";
-import m from "../../../../internal/StructuredList/StructuredList.js";
-import { Fragment as A } from "../../../../../external/preact/dist/preact.module.js";
-const l = {
+import D 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 { 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/preact/dist/preact.module.js";
+const r = {
   root: "adyen-pe-payment-link-tabs",
   list: "adyen-pe-payment-link-tabs__list",
   listHeading: "adyen-pe-payment-link-tabs__list-heading",
   listLabel: "adyen-pe-payment-link-tabs__list-label",
   listValue: "adyen-pe-payment-link-tabs__list-value"
-}, _e = ({ paymentLink: e }) => {
-  const { i18n: a } = oe(), { dateFormat: h } = ne(), n = b((s) => Object.values(s).some((y) => y === ie), []), t = X(() => {
-    var u, r, o, f, k, I, v, B, N, C, T, _, L, D, E, O, R, S, V, x, M, j, F, P, K, H, U, $, q, w, z, Y, G, J, Q, W;
+}, z = ({ paymentLink: e }) => {
+  const { i18n: t } = C(), { dateFormat: m } = _(), a = h((s) => Object.values(s).some((y) => y === I), []), o = b(() => {
     const s = e.linkInformation.linkType, y = {
       linkInformation: [
         {
@@ -39,15 +38,15 @@ const l = {
         },
         {
           key: "payByLink.details.fields.createdOn",
-          value: h(e.linkInformation.creationDate, se)
+          value: m(e.linkInformation.creationDate, v)
         },
         {
           key: "payByLink.details.fields.expiresOn",
-          value: h(e.linkInformation.expirationDate, se)
+          value: m(e.linkInformation.expirationDate, v)
         },
         {
           key: "payByLink.details.fields.linkType",
-          value: a.has(`payByLink.common.linkType.${s}`) ? a.get(`payByLink.common.linkType.${s}`) : s
+          value: t.has(`payByLink.common.linkType.${s}`) ? t.get(`payByLink.common.linkType.${s}`) : s
         },
         {
           key: "payByLink.details.fields.description",
@@ -57,166 +56,166 @@ const l = {
       shopperInformation: [
         {
           key: "payByLink.details.fields.shopper.reference",
-          value: (u = e.shopperInformation) == null ? void 0 : u.shopperReference
+          value: e.shopperInformation?.shopperReference
         },
         {
           key: "payByLink.details.fields.shopper.fullName",
-          value: [(o = (r = e.shopperInformation) == null ? void 0 : r.shopperName) == null ? void 0 : o.firstName, (k = (f = e.shopperInformation) == null ? void 0 : f.shopperName) == null ? void 0 : k.lastName].filter(Boolean).join(" "),
+          value: [e.shopperInformation?.shopperName?.firstName, e.shopperInformation?.shopperName?.lastName].filter(Boolean).join(" "),
           config: { isCopyable: !0 }
         },
         {
           key: "payByLink.details.fields.shopper.email",
-          value: (I = e.shopperInformation) == null ? void 0 : I.shopperEmail,
+          value: e.shopperInformation?.shopperEmail,
           config: { isCopyable: !0 }
         },
         {
           key: "payByLink.details.fields.shopper.phone",
-          value: (v = e.shopperInformation) == null ? void 0 : v.telephoneNumber,
+          value: e.shopperInformation?.telephoneNumber,
           config: { isCopyable: !0 }
         },
         {
           key: "payByLink.details.fields.shopper.country",
-          value: (B = e.shopperInformation) == null ? void 0 : B.shopperCountry
+          value: e.shopperInformation?.shopperCountry
         },
-        ...(N = e.shopperInformation) != null && N.shippingAddress && n((C = e.shopperInformation) == null ? void 0 : C.shippingAddress) ? [
+        ...e.shopperInformation?.shippingAddress && a(e.shopperInformation?.shippingAddress) ? [
           {
             key: "payByLink.details.fields.shippingAddress.title",
-            value: g
+            value: u
           }
         ] : [],
-        ...(T = e.shopperInformation) != null && T.billingAddress && n((_ = e.shopperInformation) == null ? void 0 : _.billingAddress) ? [
+        ...e.shopperInformation?.billingAddress && a(e.shopperInformation?.billingAddress) ? [
           {
             key: "payByLink.details.fields.billingAddress.title",
-            value: g
+            value: u
           }
         ] : []
       ],
-      shippingAddress: !((L = e.shopperInformation) != null && L.shippingAddress) || n((D = e.shopperInformation) == null ? void 0 : D.shippingAddress) ? [] : [
+      shippingAddress: !e.shopperInformation?.shippingAddress || a(e.shopperInformation?.shippingAddress) ? [] : [
         {
           key: "payByLink.details.fields.shippingAddress.street",
-          value: (O = (E = e.shopperInformation) == null ? void 0 : E.shippingAddress) == null ? void 0 : O.street,
+          value: e.shopperInformation?.shippingAddress?.street,
           config: { isCopyable: !0 }
         },
         {
           key: "payByLink.details.fields.shippingAddress.houseNumberOrName",
-          value: (S = (R = e.shopperInformation) == null ? void 0 : R.shippingAddress) == null ? void 0 : S.houseNumberOrName,
+          value: e.shopperInformation?.shippingAddress?.houseNumberOrName,
           config: { isCopyable: !0 }
         },
         {
           key: "payByLink.details.fields.shippingAddress.country",
-          value: (x = (V = e.shopperInformation) == null ? void 0 : V.shippingAddress) == null ? void 0 : x.country
+          value: e.shopperInformation?.shippingAddress?.country
         },
         {
           key: "payByLink.details.fields.shippingAddress.city",
-          value: (j = (M = e.shopperInformation) == null ? void 0 : M.shippingAddress) == null ? void 0 : j.city,
+          value: e.shopperInformation?.shippingAddress?.city,
           config: { isCopyable: !0 }
         },
         {
           key: "payByLink.details.fields.shippingAddress.postalCode",
-          value: (P = (F = e.shopperInformation) == null ? void 0 : F.shippingAddress) == null ? void 0 : P.postalCode,
+          value: e.shopperInformation?.shippingAddress?.postalCode,
           config: { isCopyable: !0 }
         }
       ],
-      billingAddress: !((K = e.shopperInformation) != null && K.billingAddress) || n((H = e.shopperInformation) == null ? void 0 : H.billingAddress) ? [] : [
+      billingAddress: !e.shopperInformation?.billingAddress || a(e.shopperInformation?.billingAddress) ? [] : [
         {
           key: "payByLink.details.fields.billingAddress.street",
-          value: ($ = (U = e.shopperInformation) == null ? void 0 : U.billingAddress) == null ? void 0 : $.street,
+          value: e.shopperInformation?.billingAddress?.street,
           config: { isCopyable: !0 }
         },
         {
           key: "payByLink.details.fields.billingAddress.houseNumberOrName",
-          value: (w = (q = e.shopperInformation) == null ? void 0 : q.billingAddress) == null ? void 0 : w.houseNumberOrName,
+          value: e.shopperInformation?.billingAddress?.houseNumberOrName,
           config: { isCopyable: !0 }
         },
         {
           key: "payByLink.details.fields.billingAddress.country",
-          value: (Y = (z = e.shopperInformation) == null ? void 0 : z.billingAddress) == null ? void 0 : Y.country
+          value: e.shopperInformation?.billingAddress?.country
         },
         {
           key: "payByLink.details.fields.billingAddress.city",
-          value: (J = (G = e.shopperInformation) == null ? void 0 : G.billingAddress) == null ? void 0 : J.city,
+          value: e.shopperInformation?.billingAddress?.city,
           config: { isCopyable: !0 }
         },
         {
           key: "payByLink.details.fields.billingAddress.postalCode",
-          value: (W = (Q = e.shopperInformation) == null ? void 0 : Q.billingAddress) == null ? void 0 : W.postalCode,
+          value: e.shopperInformation?.billingAddress?.postalCode,
           config: { isCopyable: !0 }
         }
       ]
     };
     return Object.fromEntries(
-      Object.entries(y).map(([le, te]) => [
-        le,
-        te.filter((c) => c.value != null && c.value !== "" && c.value !== void 0)
+      Object.entries(y).map(([g, p]) => [
+        g,
+        p.filter((l) => l.value != null && l.value !== "" && l.value !== void 0)
       ])
     );
-  }, [e, h, a, n]), d = b((s) => /* @__PURE__ */ i("div", { className: l.listLabel, children: s }), []), p = b((s, y, u, r) => {
-    let o;
-    if (s && s.toString().includes(ie))
-      o = g;
-    else if (r != null && r.isCopyable && s && s !== "") {
-      const f = r != null && r.linkUrl ? /* @__PURE__ */ i(ye, { href: r.linkUrl, target: "_blank", children: s.toString() }) : void 0;
-      o = /* @__PURE__ */ i(pe, { textToCopy: s.toString(), visibleText: f, type: "Default" });
+  }, [e, m, t, a]), n = h((s) => /* @__PURE__ */ i("div", { className: r.listLabel, children: s }), []), d = h((s, y, g, p) => {
+    let l;
+    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" });
     } else
-      o = s;
-    return /* @__PURE__ */ i("div", { className: l.listValue, children: o });
-  }, []), re = X(
+      l = s;
+    return /* @__PURE__ */ i("div", { className: r.listValue, children: l });
+  }, []), B = b(
     () => [
       {
         id: "linkInformation",
         label: "payByLink.details.tabs.linkInformation",
         content: /* @__PURE__ */ i(
-          m,
+          f,
           {
-            classNames: l.list,
-            items: t.linkInformation,
+            classNames: r.list,
+            items: o.linkInformation,
             align: "start",
             layout: "4-8",
-            renderLabel: d,
-            renderValue: p
+            renderLabel: n,
+            renderValue: d
           }
         )
       },
       {
         id: "shopperInformation",
         label: "payByLink.details.tabs.shopperInformation",
-        content: /* @__PURE__ */ i(A, { children: [
+        content: /* @__PURE__ */ i(c, { children: [
           /* @__PURE__ */ i(
-            m,
+            f,
             {
-              classNames: l.list,
-              items: t.shopperInformation,
+              classNames: r.list,
+              items: o.shopperInformation,
               align: "start",
               layout: "4-8",
-              renderLabel: d,
-              renderValue: p
+              renderLabel: n,
+              renderValue: d
             }
           ),
-          t.shippingAddress.length > 0 && /* @__PURE__ */ i(A, { children: [
-            /* @__PURE__ */ i(ee, { variant: Z.CAPTION, stronger: !0, className: l.listHeading, children: a.get("payByLink.details.fields.shippingAddress.title") }),
+          o.shippingAddress.length > 0 && /* @__PURE__ */ i(c, { children: [
+            /* @__PURE__ */ i(k, { variant: A.CAPTION, stronger: !0, className: r.listHeading, children: t.get("payByLink.details.fields.shippingAddress.title") }),
             /* @__PURE__ */ i(
-              m,
+              f,
               {
-                classNames: l.list,
-                items: t.shippingAddress,
+                classNames: r.list,
+                items: o.shippingAddress,
                 align: "start",
                 layout: "4-8",
-                renderLabel: d,
-                renderValue: p
+                renderLabel: n,
+                renderValue: d
               }
             )
           ] }),
-          t.billingAddress.length > 0 && /* @__PURE__ */ i(A, { children: [
-            /* @__PURE__ */ i(ee, { variant: Z.CAPTION, stronger: !0, className: l.listHeading, children: a.get("payByLink.details.fields.billingAddress.title") }),
+          o.billingAddress.length > 0 && /* @__PURE__ */ i(c, { children: [
+            /* @__PURE__ */ i(k, { variant: A.CAPTION, stronger: !0, className: r.listHeading, children: t.get("payByLink.details.fields.billingAddress.title") }),
             /* @__PURE__ */ i(
-              m,
+              f,
               {
-                classNames: l.list,
-                items: t.billingAddress,
+                classNames: r.list,
+                items: o.billingAddress,
                 align: "start",
                 layout: "4-8",
-                renderLabel: d,
-                renderValue: p
+                renderLabel: n,
+                renderValue: d
               }
             )
           ] })
@@ -225,13 +224,13 @@ const l = {
       {
         id: "activity",
         label: "payByLink.details.tabs.activity",
-        content: /* @__PURE__ */ i(de, { activities: e.paymentLinkActivities ?? [] })
+        content: /* @__PURE__ */ i(L, { activities: e.paymentLinkActivities ?? [] })
       }
     ],
-    [t, d, p, a, e.paymentLinkActivities]
+    [o, n, d, t, e.paymentLinkActivities]
   );
-  return /* @__PURE__ */ i("div", { className: l.root, children: /* @__PURE__ */ i(ae, { tabs: re }) });
+  return /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ i(T, { tabs: B }) });
 };
 export {
-  _e as PaymentLinkTabs
+  z as PaymentLinkTabs
 };

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

@@ -1,17 +1,14 @@
-var o = Object.defineProperty;
-var s = (e, t, n) => t in e ? o(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var r = (e, t, n) => s(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { UIElement as m } from "../UIElement/UIElement.js";
-import p from "./components/PaymentLinkSettingsContainer/PaymentLinkSettingsContainer.js";
-class a extends m {
-  constructor(n) {
-    super(n);
-    r(this, "componentToRender", () => /* @__PURE__ */ i(p, { ...this.props }));
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UIElement as n } from "../UIElement/UIElement.js";
+import r from "./components/PaymentLinkSettingsContainer/PaymentLinkSettingsContainer.js";
+class p extends n {
+  static type = "paymentLinkSettings";
+  constructor(t) {
+    super(t);
   }
+  componentToRender = () => /* @__PURE__ */ e(r, { ...this.props });
 }
-r(a, "type", "paymentLinkSettings");
 export {
-  a as PaymentLinkSettingsElement,
-  a as default
+  p as PaymentLinkSettingsElement,
+  p as default
 };

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

@@ -2,9 +2,9 @@ import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 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 f from "./components/PaymentLinkSettingsContent/PaymentLinkSettingsContent.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 C } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as D, useEffect as F, useCallback as A, useMemo as u } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { useResponsiveContainer as G, containerQueries as P } from "../../../../../hooks/useResponsiveContainer.js";
 import H from "classnames";
 import K from "./components/LoadingSkeleton/LoadingSkeleton.js";
@@ -14,63 +14,63 @@ import { Fragment as Q } from "../../../../../external/preact/dist/preact.module
 import { SecondaryNav as W } from "../../../../internal/SecondaryNav/SecondaryNav.js";
 import { StoreSelector as z } from "../../../../internal/StoreSelector/StoreSelector.js";
 import { Header as J } from "../../../../internal/Header/Header.js";
-const X = "payByLink.settings.errors.couldNotLoadSettings", ue = ({
-  navigateBack: a,
-  ...c
+const X = "payByLink.settings.errors.couldNotLoadSettings", Ce = ({
+  navigateBack: i,
+  ...a
 }) => {
   const {
-    activeMenuItem: u,
+    activeMenuItem: C,
     setSelectedMenuItem: g,
     selectedStore: _,
     isLoadingStores: n,
     isShowingRequirements: h,
     storesError: d,
     setSelectedStore: I,
-    filteredStores: i,
-    menuItems: t,
+    filteredStores: S,
+    menuItems: r,
     isLoadingContent: N,
-    allStores: r,
+    allStores: o,
     themeError: L,
     termsAndConditionsError: y
-  } = q(), o = G(P.down.xs), [m, l] = D(!1);
+  } = q(), t = G(P.down.xs), [m, l] = D(!1);
   F(() => {
-    const s = !!(!o || o && t && (t == null ? void 0 : t.length) === 1);
+    const s = !!(!t || t && r && r?.length === 1);
     l(s);
-  }, [o, t]);
+  }, [t, r]);
   const O = A(
     (s) => {
       l(s);
     },
     [l]
   ), R = A(() => {
-    o && l(!1);
-  }, [o]), E = C(() => {
-    if (!(!r || r.length > 0 || n))
+    t && l(!1);
+  }, [t]), E = u(() => {
+    if (!(!o || o.length > 0 || n))
       return {
         errorCode: Y,
         type: "error",
         requestId: ""
       };
-  }, [r, n]), p = C(() => {
-    if (!(r && (r == null ? void 0 : r.length) > 0 && (i == null ? void 0 : i.length) !== 0 || n))
+  }, [o, n]), f = u(() => {
+    if (!(o && o?.length > 0 && S?.length !== 0 || n))
       return {
         errorCode: j,
         type: "error",
         requestId: ""
       };
-  }, [r, i, n]), S = d ?? E ?? p, T = C(() => S ? /* @__PURE__ */ e(U, { error: S, onContactSupport: c.onContactSupport, errorMessage: X }) : null, [c.onContactSupport, S]), M = !!E || !!d || !!p;
-  if (!t || t.length === 0) return null;
+  }, [o, S, n]), c = d ?? E ?? f, T = u(() => c ? /* @__PURE__ */ e(U, { error: c, onContactSupport: a.onContactSupport, errorMessage: X }) : null, [a.onContactSupport, c]), M = !!E || !!d || !!f;
+  if (!r || r.length === 0) return null;
   const v = m && !L && !d && !y && !h;
   return /* @__PURE__ */ e("div", { className: b, children: [
-    (!o || !m) && /* @__PURE__ */ e(J, { hideTitle: c.hideTitle, titleKey: "payByLink.settings.title" }),
+    (!t || !m) && /* @__PURE__ */ e(J, { hideTitle: a.hideTitle, titleKey: "payByLink.settings.title" }),
     M ? T : /* @__PURE__ */ e(Q, { children: [
-      /* @__PURE__ */ e("div", { className: H(x, { [B]: o && m }), children: t.length > 1 ? /* @__PURE__ */ e("div", { className: k, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: H(x, { [B]: t && m }), children: r.length > 1 ? /* @__PURE__ */ e("div", { className: k, children: /* @__PURE__ */ e(
         W,
         {
           renderHeader: () => /* @__PURE__ */ e(
             z,
             {
-              stores: i,
+              stores: S,
               selectedStoreId: _,
               setSelectedStoreId: I
             }
@@ -78,38 +78,38 @@ const X = "payByLink.settings.errors.couldNotLoadSettings", ue = ({
           contentVisible: m,
           loading: n,
           className: V,
-          items: t,
-          activeValue: u,
+          items: r,
+          activeValue: C,
           onValueChange: g,
           onContentVisibilityChange: O,
           renderContent: (s) => /* @__PURE__ */ e(
-            f,
+            p,
             {
               activeMenuItem: s,
               isLoadingContent: N,
-              navigateBack: a
+              navigateBack: i
             }
           ),
           renderLoadingContent: () => /* @__PURE__ */ e(K, { rowNumber: 3 })
         }
       ) }) : /* @__PURE__ */ e(
-        f,
+        p,
         {
-          activeMenuItem: u,
+          activeMenuItem: C,
           isLoadingContent: N,
-          navigateBack: a
+          navigateBack: i
         }
       ) }),
       v && /* @__PURE__ */ e(
         w,
         {
-          navigateBack: a || void 0,
-          closeContent: o ? R : void 0
+          navigateBack: i || void 0,
+          closeContent: t ? R : void 0
         }
       )
     ] })
   ] });
 };
 export {
-  ue as default
+  Ce as default
 };

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

@@ -1,31 +1,31 @@
-import { jsx as m } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css                                  */
-import { PaymentLinkSettingsProvider as d } from "./context/context.js";
-import k from "./PaymentLinkSettings.js";
-import { useMemo as l } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { MENU_ITEMS as r } from "./context/constants.js";
-import M from "../../../../../core/Context/useCoreContext.js";
-const x = ({
-  settingsItems: e,
-  storeIds: c,
-  embeddedInOverview: u,
-  ...n
+import { PaymentLinkSettingsProvider as f } from "./context/context.js";
+import g from "./PaymentLinkSettings.js";
+import { useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { MENU_ITEMS as n } from "./context/constants.js";
+import p from "../../../../../core/Context/useCoreContext.js";
+const P = ({
+  settingsItems: t,
+  storeIds: l,
+  embeddedInOverview: c,
+  ...r
 }) => {
-  const { i18n: a } = M(), t = l(
-    () => e && (e == null ? void 0 : e.length) > 0 ? r.filter((o) => e.includes(o.value)) : r,
-    [e]
-  ), f = l(() => (t.length > 0 ? t : r).map((i) => ({ ...i, label: a.get(i.label) })), [a, t]);
-  return /* @__PURE__ */ m(
-    d,
+  const { i18n: o } = p(), e = s(
+    () => t && t?.length > 0 ? n.filter((i) => t.includes(i.value)) : n,
+    [t]
+  ), u = s(() => (e.length > 0 ? e : n).map((m) => ({ ...m, label: o.get(m.label) })), [o, e]);
+  return /* @__PURE__ */ a(
+    f,
     {
-      embeddedInOverview: u,
-      selectedMenuItems: f,
-      storeIds: c,
-      navigateBack: n == null ? void 0 : n.navigateBack,
-      children: /* @__PURE__ */ m(k, { ...n })
+      embeddedInOverview: c,
+      selectedMenuItems: u,
+      storeIds: l,
+      navigateBack: r?.navigateBack,
+      children: /* @__PURE__ */ a(g, { ...r })
     }
   );
 };
 export {
-  x as default
+  P as default
 };

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

@@ -1,50 +1,62 @@
-import { jsx as t } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import d from "../../../TermsAndConditions/TermsAndConditionsContainer.js";
-import u from "../../../PaymentLinkThemeContainer/PaymentLinkThemeContainer.js";
+import { jsx as e } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import S from "../../../TermsAndConditions/TermsAndConditionsContainer.js";
+import f from "../../../PaymentLinkThemeContainer/PaymentLinkThemeContainer.js";
 import { MenuItem as i } from "../../context/constants.js";
-import { useResponsiveContainer as f, containerQueries as S } from "../../../../../../../hooks/useResponsiveContainer.js";
-import { Alert as o } from "../../../../../../internal/Alert/Alert.js";
-import { AlertVariantOption as r, AlertTypeOption as a } from "../../../../../../internal/Alert/types.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 k } from "../../context/context.js";
-import v from "../PaymentLinkSettingsContentLoading/PaymentLinkSettingsContentLoading.js";
-const L = ({ activeMenuItem: e, isLoadingContent: n }) => {
-  if (n)
-    return /* @__PURE__ */ t(v, { activeMenuItem: e });
-  switch (e) {
+import { usePaymentLinkSettingsContext as _ } from "../../context/context.js";
+import k from "../PaymentLinkSettingsContentLoading/PaymentLinkSettingsContentLoading.js";
+import { useSettingsPermission as L } from "../../../../hooks/useSettingsPermission.js";
+import c from "../SettingsError/SettingsError.js";
+import { useMemo as R } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { PERMISSION_ERROR as I } from "../../utils/getSettingsErrorMessage.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(() => {
+    if (!(t && n))
+      return {
+        errorCode: I,
+        type: "error",
+        requestId: ""
+      };
+  }, [t, n]);
+  if (s)
+    return /* @__PURE__ */ e(k, { activeMenuItem: o });
+  switch (o) {
     case i.theme:
-      return /* @__PURE__ */ t(u, {});
+      return t ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ e(c, { error: r, errorMessage: A });
     case i.termsAndConditions:
-      return /* @__PURE__ */ t(d, {});
+      return n ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ e(c, { error: r, errorMessage: v });
     default:
       return null;
   }
-}, B = ({ activeMenuItem: e, isLoadingContent: n, navigateBack: m }) => {
-  const p = f(S.down.xs), { i18n: s } = g(), { isSaveSuccess: c, isSaveError: l, setIsSaveSuccess: y, setIsSaveError: C } = k();
-  return /* @__PURE__ */ t("div", { className: p ? "adyen-pe-payment-link-settings__content-item--mobile" : "adyen-pe-payment-link-settings__content-item", children: [
-    /* @__PURE__ */ t(L, { activeMenuItem: e, isLoadingContent: n }),
-    c && !m && /* @__PURE__ */ t(
-      o,
+}, q = ({ activeMenuItem: o, isLoadingContent: s, navigateBack: t }) => {
+  const n = C(E.down.xs), { i18n: r } = g(), { isSaveSuccess: d, isSaveError: l, setIsSaveSuccess: u, setIsSaveError: y } = _();
+  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(
+      m,
       {
-        type: a.SUCCESS,
-        variant: r.TIP,
-        onClose: () => y(!1),
-        description: s.get("payByLink.settings.common.alerts.saveSuccess"),
+        type: p.SUCCESS,
+        variant: a.TIP,
+        onClose: () => u(!1),
+        description: r.get("payByLink.settings.common.alerts.saveSuccess"),
         className: "adyen-pe-payment-link-settings__content-item--alert"
       }
     ),
-    l && /* @__PURE__ */ t(
-      o,
+    l && /* @__PURE__ */ e(
+      m,
       {
-        type: a.CRITICAL,
-        variant: r.TIP,
-        onClose: () => C(!1),
-        description: s.get("payByLink.settings.common.alerts.saveError"),
+        type: p.CRITICAL,
+        variant: a.TIP,
+        onClose: () => y(!1),
+        description: r.get("payByLink.settings.common.alerts.saveError"),
         className: "adyen-pe-payment-link-settings__content-item--alert"
       }
     )
   ] });
 };
 export {
-  B as default
+  q as default
 };