@adyen/adyen-platform-experience-web 1.12.1 → 1.12.2-beta.1

package/dist/es/packages/domains/payByLink/preact/src/PaymentLinkDetails/components/PaymentLinkSummary/PaymentLinkSummary.js

@@ -1,69 +1,46 @@
-import { jsx as t } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as f } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../../../shared/core/src/preact/CoreContext.js";
-import "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import "../../../../../../../shared/core/src/Localization/constants/localization.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/restamper.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/constants.js";
-import "../../../../../../../shared/utils/src/value/constants.js";
-import "../../../../../../../shared/utils/src/common.js";
-import "../../../../../../../shared/utils/src/abort/internals.js";
-import "../../../../../../../shared/utils/src/async/constants.js";
-import "../../../../../../../shared/utils/src/collection/main.js";
-import { DATE_FORMAT_PAYMENT_LINK_DETAILS_SUMMARY as y } from "../../../../../../../shared/utils/src/datetime/formats.js";
-import "../../../../../../../shared/utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../../../shared/utils/src/struct/property.js";
-import "../../../../../../../shared/utils/src/struct/main.js";
-import "../../../../../../../shared/utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../../../shared/utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../../../shared/utils/src/primitives/time/clock/main.js";
-import "../../../../../../../shared/utils/src/primitives/time/today/main.js";
-import T from "../../../../../../../shared/core/src/preact/useCoreContext.js";
-import "../../../../../../../shared/core/src/preact/ConfigContext.js";
-import "../../../../../../../shared/core/src/preact/EventDispatcherContext.js";
-import "classnames";
-/* empty css                                                         */
-import A from "../../../../../../../shared/ui-components-preact/src/Card/Card.js";
-import { Tag as h } from "../../../../../../../shared/ui-components-preact/src/Tag/Tag.js";
-import { TagVariant as i } from "../../../../../../../shared/ui-components-preact/src/Tag/types.js";
-import { TypographyVariant as m, TypographyElement as l } from "../../../../../../../shared/ui-components-preact/src/Typography/types.js";
-import a from "../../../../../../../shared/ui-components-preact/src/Typography/Typography.js";
-import "../../../../../../../shared/hooks-preact/src/useBalanceAccountSelection.js";
-import "../../../../../../../shared/hooks-preact/src/useDefaultOverviewFilterParams.js";
+import { jsx as t } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as f } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import y from "../../../../../../../shared/core/src/preact/useCoreContext.js";
+import T from "../../../../../../../shared/ui-components-preact/src/Card/Card.js";
+import { Tag as A } from "../../../../../../../shared/ui-components-preact/src/Tag/Tag.js";
+import { TagVariant as n } from "../../../../../../../shared/ui-components-preact/src/Tag/types.js";
+import { TypographyVariant as i, TypographyElement as u } from "../../../../../../../shared/ui-components-preact/src/Typography/types.js";
+import m from "../../../../../../../shared/ui-components-preact/src/Typography/Typography.js";
+import { DATE_FORMAT_PAYMENT_LINK_DETAILS_SUMMARY as h } from "../../../../../../../shared/utils/src/datetime/formats.js";
 import S from "../../../../../../../shared/hooks-preact/src/useTimezoneAwareDateFormatting.js";
 /* empty css                        */
-const p = {
+const s = {
   root: "adyen-pe-payment-link-summary",
   content: "adyen-pe-payment-link-summary__content",
   expiresLabel: "adyen-pe-payment-link-summary__expires-label"
-}, tt = ({ paymentLink: r }) => {
-  const { i18n: o } = T(), { dateFormat: u } = S(), e = r?.linkInformation.status, c = (n) => {
-    switch (n) {
+}, M = ({ paymentLink: r }) => {
+  const { i18n: e } = y(), { dateFormat: c } = S(), a = r?.linkInformation.status, p = (o) => {
+    switch (o) {
       case "active":
-        return i.BLUE;
+        return n.BLUE;
       case "completed":
-        return i.SUCCESS;
+        return n.SUCCESS;
       case "expired":
-        return i.DEFAULT;
+        return n.DEFAULT;
       case "paymentPending":
-        return i.WARNING;
+        return n.WARNING;
       default:
-        return i.DEFAULT;
+        return n.DEFAULT;
     }
   }, d = f(() => {
     if (!r?.linkInformation.amount) return null;
-    const { value: n, currency: s } = r.linkInformation.amount;
-    return `${o.amount(n, s, { hideCurrency: !0 })} ${s}`;
-  }, [o, r?.linkInformation.amount]);
-  return /* @__PURE__ */ t(A, { classNameModifiers: [p.root], children: /* @__PURE__ */ t("div", { className: p.content, children: [
-    /* @__PURE__ */ t(h, { variant: c(e), children: o.has(`payByLink.common.status.${e}`) ? o.get(`payByLink.common.status.${e}`) : r?.linkInformation.status }),
-    /* @__PURE__ */ t(a, { variant: m.TITLE, large: !0, children: d }),
+    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 }),
+    /* @__PURE__ */ t(m, { variant: i.TITLE, large: !0, children: d }),
     /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ t(a, { el: l.SPAN, variant: m.BODY, className: p.expiresLabel, children: `${o.get("payByLink.details.fields.expiresOn")}: ` }),
-      /* @__PURE__ */ t(a, { el: l.SPAN, variant: m.BODY, children: u(r.linkInformation.expirationDate, y) })
+      /* @__PURE__ */ t(m, { el: u.SPAN, variant: i.BODY, className: s.expiresLabel, children: `${e.get("payByLink.details.fields.expiresOn")}: ` }),
+      /* @__PURE__ */ t(m, { el: u.SPAN, variant: i.BODY, children: c(r.linkInformation.expirationDate, h) })
     ] })
   ] }) });
 };
 export {
-  tt as PaymentLinkSummary
+  M as PaymentLinkSummary
 };

package/dist/es/packages/domains/payByLink/preact/src/PaymentLinkDetails/components/PaymentLinkTabs/PaymentLinkTabs.js

@@ -1,49 +1,27 @@
-import { jsx as i } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import "../../../../../../../shared/core/src/preact/CoreContext.js";
-import { Fragment as h } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import { useCallback as u, useMemo as b } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../../../shared/core/src/Localization/constants/localization.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/restamper.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/constants.js";
-import "../../../../../../../shared/utils/src/value/constants.js";
-import "../../../../../../../shared/utils/src/common.js";
-import "../../../../../../../shared/utils/src/abort/internals.js";
-import "../../../../../../../shared/utils/src/async/constants.js";
-import "../../../../../../../shared/utils/src/collection/main.js";
-import { DATE_FORMAT_PAYMENT_LINK_DETAILS_TABS as A } from "../../../../../../../shared/utils/src/datetime/formats.js";
-import "../../../../../../../shared/utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../../../shared/utils/src/struct/property.js";
-import "../../../../../../../shared/utils/src/struct/main.js";
-import "../../../../../../../shared/utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../../../shared/utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../../../shared/utils/src/primitives/time/clock/main.js";
-import "../../../../../../../shared/utils/src/primitives/time/today/main.js";
+import { jsx as i } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import C from "../../../../../../../shared/core/src/preact/useCoreContext.js";
-import "../../../../../../../shared/core/src/preact/ConfigContext.js";
-import "../../../../../../../shared/core/src/preact/EventDispatcherContext.js";
-import "classnames";
-/* empty css                                                         */
-import y from "../../../../../../../shared/ui-components-preact/src/StructuredList/StructuredList.js";
+import { useCallback as h, useMemo as b } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import f from "../../../../../../../shared/ui-components-preact/src/StructuredList/StructuredList.js";
 import T from "../../../../../../../shared/ui-components-preact/src/Tabs/Tabs.js";
-import "../../../../../../../shared/hooks-preact/src/useBalanceAccountSelection.js";
-import "../../../../../../../shared/hooks-preact/src/useDefaultOverviewFilterParams.js";
+import { DATE_FORMAT_PAYMENT_LINK_DETAILS_TABS as A } from "../../../../../../../shared/utils/src/datetime/formats.js";
 import _ from "../../../../../../../shared/hooks-preact/src/useTimezoneAwareDateFormatting.js";
 import { TypographyVariant as k } from "../../../../../../../shared/ui-components-preact/src/Typography/types.js";
 import I from "../../../../../../../shared/ui-components-preact/src/Typography/Typography.js";
 import { PaymentLinkActivity as L } from "../PaymentLinkActivity/PaymentLinkActivity.js";
 /* empty css                     */
 import D from "../../../../../../../shared/ui-components-preact/src/CopyText/CopyText.js";
-import { BACKEND_REDACTED_DATA_MARKER as v, FRONTEND_REDACTED_DATA_MARKER as c } from "../../../../../domain/src/constants.js";
+import { BACKEND_REDACTED_DATA_MARKER as v, FRONTEND_REDACTED_DATA_MARKER as u } from "../../../../../domain/src/constants.js";
 import E from "../../../../../../../shared/ui-components-preact/src/Link/Link.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"
-}, he = ({ paymentLink: e }) => {
-  const { i18n: l } = C(), { dateFormat: f } = _(), a = u((s) => Object.values(s).some((m) => m === v), []), t = b(() => {
-    const s = e.linkInformation.linkType, m = {
+}, z = ({ paymentLink: e }) => {
+  const { i18n: t } = C(), { dateFormat: m } = _(), a = h((s) => Object.values(s).some((y) => y === v), []), o = b(() => {
+    const s = e.linkInformation.linkType, y = {
       linkInformation: [
         {
           key: "payByLink.details.fields.paymentLinkId",
@@ -60,15 +38,15 @@ const r = {
         },
         {
           key: "payByLink.details.fields.createdOn",
-          value: f(e.linkInformation.creationDate, A)
+          value: m(e.linkInformation.creationDate, A)
         },
         {
           key: "payByLink.details.fields.expiresOn",
-          value: f(e.linkInformation.expirationDate, A)
+          value: m(e.linkInformation.expirationDate, A)
         },
         {
           key: "payByLink.details.fields.linkType",
-          value: l.has(`payByLink.common.linkType.${s}`) ? l.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",
@@ -102,13 +80,13 @@ const r = {
         ...e.shopperInformation?.shippingAddress && a(e.shopperInformation?.shippingAddress) ? [
           {
             key: "payByLink.details.fields.shippingAddress.title",
-            value: c
+            value: u
           }
         ] : [],
         ...e.shopperInformation?.billingAddress && a(e.shopperInformation?.billingAddress) ? [
           {
             key: "payByLink.details.fields.billingAddress.title",
-            value: c
+            value: u
           }
         ] : []
       ],
@@ -166,78 +144,78 @@ const r = {
       ]
     };
     return Object.fromEntries(
-      Object.entries(m).map(([g, d]) => [
+      Object.entries(y).map(([g, p]) => [
         g,
-        d.filter((o) => o.value != null && o.value !== "" && o.value !== void 0)
+        p.filter((l) => l.value != null && l.value !== "" && l.value !== void 0)
       ])
     );
-  }, [e, f, l, a]), n = u((s) => /* @__PURE__ */ i("div", { className: r.listLabel, children: s }), []), p = u((s, m, g, d) => {
-    let o;
+  }, [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(v))
-      o = c;
-    else if (d?.isCopyable && s && s !== "") {
-      const N = d?.linkUrl ? /* @__PURE__ */ i(E, { href: d.linkUrl, target: "_blank", children: s.toString() }) : void 0;
-      o = /* @__PURE__ */ i(D, { textToCopy: s.toString(), visibleText: N, type: "Default" });
+      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: r.listValue, children: o });
+      l = s;
+    return /* @__PURE__ */ i("div", { className: r.listValue, children: l });
   }, []), B = b(
     () => [
       {
         id: "linkInformation",
         label: "payByLink.details.tabs.linkInformation",
         content: /* @__PURE__ */ i(
-          y,
+          f,
           {
             classNames: r.list,
-            items: t.linkInformation,
+            items: o.linkInformation,
             align: "start",
             layout: "4-8",
             renderLabel: n,
-            renderValue: p
+            renderValue: d
           }
         )
       },
       {
         id: "shopperInformation",
         label: "payByLink.details.tabs.shopperInformation",
-        content: /* @__PURE__ */ i(h, { children: [
+        content: /* @__PURE__ */ i(c, { children: [
           /* @__PURE__ */ i(
-            y,
+            f,
             {
               classNames: r.list,
-              items: t.shopperInformation,
+              items: o.shopperInformation,
               align: "start",
               layout: "4-8",
               renderLabel: n,
-              renderValue: p
+              renderValue: d
             }
           ),
-          t.shippingAddress.length > 0 && /* @__PURE__ */ i(h, { children: [
-            /* @__PURE__ */ i(I, { variant: k.CAPTION, stronger: !0, className: r.listHeading, children: l.get("payByLink.details.fields.shippingAddress.title") }),
+          o.shippingAddress.length > 0 && /* @__PURE__ */ i(c, { children: [
+            /* @__PURE__ */ i(I, { variant: k.CAPTION, stronger: !0, className: r.listHeading, children: t.get("payByLink.details.fields.shippingAddress.title") }),
             /* @__PURE__ */ i(
-              y,
+              f,
               {
                 classNames: r.list,
-                items: t.shippingAddress,
+                items: o.shippingAddress,
                 align: "start",
                 layout: "4-8",
                 renderLabel: n,
-                renderValue: p
+                renderValue: d
               }
             )
           ] }),
-          t.billingAddress.length > 0 && /* @__PURE__ */ i(h, { children: [
-            /* @__PURE__ */ i(I, { variant: k.CAPTION, stronger: !0, className: r.listHeading, children: l.get("payByLink.details.fields.billingAddress.title") }),
+          o.billingAddress.length > 0 && /* @__PURE__ */ i(c, { children: [
+            /* @__PURE__ */ i(I, { variant: k.CAPTION, stronger: !0, className: r.listHeading, children: t.get("payByLink.details.fields.billingAddress.title") }),
             /* @__PURE__ */ i(
-              y,
+              f,
               {
                 classNames: r.list,
-                items: t.billingAddress,
+                items: o.billingAddress,
                 align: "start",
                 layout: "4-8",
                 renderLabel: n,
-                renderValue: p
+                renderValue: d
               }
             )
           ] })
@@ -249,10 +227,10 @@ const r = {
         content: /* @__PURE__ */ i(L, { activities: e.paymentLinkActivities ?? [] })
       }
     ],
-    [t, n, p, l, e.paymentLinkActivities]
+    [o, n, d, t, e.paymentLinkActivities]
   );
   return /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ i(T, { tabs: B }) });
 };
 export {
-  he as PaymentLinkTabs
+  z as PaymentLinkTabs
 };

package/dist/es/packages/domains/payByLink/preact/src/PaymentLinkSettings/PaymentLinkSettingsElement.js

@@ -1,35 +1,14 @@
-import { jsx as r } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import "../../../../../shared/core/src/preact/CoreContext.js";
-import "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../shared/core/src/Localization/constants/localization.js";
-import "../../../../../shared/utils/src/datetime/restamper/restamper.js";
-import "../../../../../shared/utils/src/datetime/restamper/constants.js";
-import "../../../../../shared/utils/src/value/constants.js";
-import "../../../../../shared/utils/src/common.js";
-import "../../../../../shared/utils/src/abort/internals.js";
-import "../../../../../shared/utils/src/async/constants.js";
-import "../../../../../shared/utils/src/collection/main.js";
-import "../../../../../shared/utils/src/datetime/formats.js";
-import "../../../../../shared/utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../shared/utils/src/struct/property.js";
-import "../../../../../shared/utils/src/struct/main.js";
-import "../../../../../shared/utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../shared/utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../shared/utils/src/primitives/time/clock/main.js";
-import "../../../../../shared/utils/src/primitives/time/today/main.js";
-import "../../../../../shared/core/src/preact/ConfigContext.js";
-import "../../../../../shared/core/src/preact/EventDispatcherContext.js";
-import { UIElement as o } from "../../../../../shared/core/src/preact/UIElement.js";
-import i from "./components/PaymentLinkSettingsContainer/PaymentLinkSettingsContainer.js";
-class U extends o {
+import { jsx as e } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UIElement as n } from "../../../../../shared/core/src/preact/UIElement.js";
+import r from "./components/PaymentLinkSettingsContainer/PaymentLinkSettingsContainer.js";
+class p extends n {
   static type = "paymentLinkSettings";
   constructor(t) {
     super(t);
   }
-  componentToRender = () => /* @__PURE__ */ r(i, { ...this.props });
+  componentToRender = () => /* @__PURE__ */ e(r, { ...this.props });
 }
 export {
-  U as PaymentLinkSettingsElement,
-  U as default
+  p as PaymentLinkSettingsElement,
+  p as default
 };

package/dist/es/packages/domains/payByLink/preact/src/PaymentLinkSettings/components/PaymentLinkSettingsContainer/PaymentLinkSettings.js

@@ -1,98 +1,76 @@
-import { jsx as t } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { SecondaryNav as b } from "../../../../../../../shared/ui-components-preact/src/SecondaryNav/SecondaryNav.js";
 import { CONTAINER_CLASS_NAME as V, SIDEBAR_CONTAINER_CLASS_NAME as k, SECONDARY_NAV_CLASS_NAME as x, CONTENT_CONTAINER_CLASS_NAME as B, CONTENT_CONTAINER_MOBILE_CLASS_NAME as q } from "./constants.js";
 /* empty css                                  */
 import { StoreSelector as w } from "../../../../../../../shared/ui-components-preact/src/StoreSelector/StoreSelector.js";
 import { Header as D } from "../../../../../../../shared/ui-components-preact/src/Header/Header.js";
 import F from "./context/context.js";
-import f from "./components/PaymentLinkSettingsContent/PaymentLinkSettingsContent.js";
+import p from "./components/PaymentLinkSettingsContent/PaymentLinkSettingsContent.js";
 import G from "./components/SettingsActionButtons/SettingsActionButtons.js";
-import { useState as P, useEffect as H, useCallback as A, useMemo as c } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../../../shared/utils/src/common.js";
-import "../../../../../../../shared/utils/src/abort/internals.js";
-import "../../../../../../../shared/utils/src/async/constants.js";
-import "../../../../../../../shared/utils/src/collection/main.js";
-import "../../../../../../../shared/utils/src/value/constants.js";
-import "../../../../../../../shared/utils/src/datetime/formats.js";
-import "../../../../../../../shared/utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/restamper.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/constants.js";
-import "../../../../../../../shared/utils/src/struct/property.js";
-import "../../../../../../../shared/utils/src/struct/main.js";
-import "../../../../../../../shared/utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../../../shared/utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../../../shared/utils/src/primitives/time/clock/main.js";
-import "../../../../../../../shared/utils/src/primitives/time/today/main.js";
-import "../../../../../../../shared/core/src/preact/CoreContext.js";
-import { Fragment as K } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import "../../../../../../../shared/core/src/Localization/constants/localization.js";
-import "../../../../../../../shared/core/src/preact/ConfigContext.js";
-import "../../../../../../../shared/core/src/preact/EventDispatcherContext.js";
-import U from "classnames";
-/* empty css                                                         */
-import "../../../../../../../shared/hooks-preact/src/useBalanceAccountSelection.js";
-import "../../../../../../../shared/hooks-preact/src/useDefaultOverviewFilterParams.js";
-import { useResponsiveContainer as Y, containerQueries as j } from "../../../../../../../shared/hooks-preact/src/useResponsiveContainer.js";
-import Q from "./components/LoadingSkeleton/LoadingSkeleton.js";
-import W from "./components/SettingsError/SettingsError.js";
-import { ACCOUNT_MISCONFIGURATION as z, WRONG_STORE_IDS as J } from "./utils/getSettingsErrorMessage.js";
-const X = "payByLink.settings.errors.couldNotLoadSettings", qt = ({
-  navigateBack: s,
+import { useState as P, useEffect as H, useCallback as A, useMemo as u } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useResponsiveContainer as K, containerQueries as U } from "../../../../../../../shared/hooks-preact/src/useResponsiveContainer.js";
+import Y from "../../../../../../../../_virtual/index.js";
+import j from "./components/LoadingSkeleton/LoadingSkeleton.js";
+import Q from "./components/SettingsError/SettingsError.js";
+import { ACCOUNT_MISCONFIGURATION as W, WRONG_STORE_IDS as z } from "./utils/getSettingsErrorMessage.js";
+import { Fragment as J } from "../../../../../../../../external/preact/dist/preact.module.js";
+const X = "payByLink.settings.errors.couldNotLoadSettings", Ce = ({
+  navigateBack: i,
   ...a
 }) => {
   const {
-    activeMenuItem: u,
+    activeMenuItem: C,
     setSelectedMenuItem: g,
     selectedStore: _,
     isLoadingStores: n,
     isShowingRequirements: h,
-    storesError: p,
+    storesError: S,
     setSelectedStore: I,
-    filteredStores: S,
+    filteredStores: d,
     menuItems: r,
-    isLoadingContent: C,
+    isLoadingContent: N,
     allStores: o,
     themeError: L,
     termsAndConditionsError: y
-  } = F(), e = Y(j.down.xs), [m, l] = P(!1);
+  } = F(), t = K(U.down.xs), [m, l] = P(!1);
   H(() => {
-    const i = !!(!e || e && r && r?.length === 1);
-    l(i);
-  }, [e, r]);
+    const s = !!(!t || t && r && r?.length === 1);
+    l(s);
+  }, [t, r]);
   const O = A(
-    (i) => {
-      l(i);
+    (s) => {
+      l(s);
     },
     [l]
   ), R = A(() => {
-    e && l(!1);
-  }, [e]), N = c(() => {
+    t && l(!1);
+  }, [t]), E = u(() => {
     if (!(!o || o.length > 0 || n))
       return {
-        errorCode: z,
+        errorCode: W,
         type: "error",
         requestId: ""
       };
-  }, [o, n]), E = c(() => {
-    if (!(o && o?.length > 0 && S?.length !== 0 || n))
+  }, [o, n]), f = u(() => {
+    if (!(o && o?.length > 0 && d?.length !== 0 || n))
       return {
-        errorCode: J,
+        errorCode: z,
         type: "error",
         requestId: ""
       };
-  }, [o, S, n]), d = p ?? N ?? E, T = c(() => d ? /* @__PURE__ */ t(W, { error: d, onContactSupport: a.onContactSupport, errorMessage: X }) : null, [a.onContactSupport, d]), M = !!N || !!p || !!E;
+  }, [o, d, n]), c = S ?? E ?? f, T = u(() => c ? /* @__PURE__ */ e(Q, { error: c, onContactSupport: a.onContactSupport, errorMessage: X }) : null, [a.onContactSupport, c]), M = !!E || !!S || !!f;
   if (!r || r.length === 0) return null;
-  const v = m && !L && !p && !y && !h;
-  return /* @__PURE__ */ t("div", { className: V, children: [
-    (!e || !m) && /* @__PURE__ */ t(D, { hideTitle: a.hideTitle, titleKey: "payByLink.settings.title" }),
-    M ? T : /* @__PURE__ */ t(K, { children: [
-      /* @__PURE__ */ t("div", { className: U(B, { [q]: e && m }), children: r.length > 1 ? /* @__PURE__ */ t("div", { className: k, children: /* @__PURE__ */ t(
+  const v = m && !L && !S && !y && !h;
+  return /* @__PURE__ */ e("div", { className: V, children: [
+    (!t || !m) && /* @__PURE__ */ e(D, { hideTitle: a.hideTitle, titleKey: "payByLink.settings.title" }),
+    M ? T : /* @__PURE__ */ e(J, { children: [
+      /* @__PURE__ */ e("div", { className: Y(B, { [q]: t && m }), children: r.length > 1 ? /* @__PURE__ */ e("div", { className: k, children: /* @__PURE__ */ e(
         b,
         {
-          renderHeader: () => /* @__PURE__ */ t(
+          renderHeader: () => /* @__PURE__ */ e(
             w,
             {
-              stores: S,
+              stores: d,
               selectedStoreId: _,
               setSelectedStoreId: I
             }
@@ -101,37 +79,37 @@ const X = "payByLink.settings.errors.couldNotLoadSettings", qt = ({
           loading: n,
           className: x,
           items: r,
-          activeValue: u,
+          activeValue: C,
           onValueChange: g,
           onContentVisibilityChange: O,
-          renderContent: (i) => /* @__PURE__ */ t(
-            f,
+          renderContent: (s) => /* @__PURE__ */ e(
+            p,
             {
-              activeMenuItem: i,
-              isLoadingContent: C,
-              navigateBack: s
+              activeMenuItem: s,
+              isLoadingContent: N,
+              navigateBack: i
             }
           ),
-          renderLoadingContent: () => /* @__PURE__ */ t(Q, { rowNumber: 3 })
+          renderLoadingContent: () => /* @__PURE__ */ e(j, { rowNumber: 3 })
         }
-      ) }) : /* @__PURE__ */ t(
-        f,
+      ) }) : /* @__PURE__ */ e(
+        p,
         {
-          activeMenuItem: u,
-          isLoadingContent: C,
-          navigateBack: s
+          activeMenuItem: C,
+          isLoadingContent: N,
+          navigateBack: i
         }
       ) }),
-      v && /* @__PURE__ */ t(
+      v && /* @__PURE__ */ e(
         G,
         {
-          navigateBack: s || void 0,
-          closeContent: e ? R : void 0
+          navigateBack: i || void 0,
+          closeContent: t ? R : void 0
         }
       )
     ] })
   ] });
 };
 export {
-  qt as default
+  Ce as default
 };