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

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

@@ -0,0 +1,236 @@
+import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.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 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"
+}, 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: [
+        {
+          key: "payByLink.details.fields.paymentLinkId",
+          value: e.linkInformation.paymentLinkId,
+          config: { isCopyable: !0, linkUrl: e.linkInformation.paymentLink }
+        },
+        {
+          key: "payByLink.details.fields.store",
+          value: e.linkInformation.storeCode
+        },
+        {
+          key: "payByLink.details.fields.merchantReference",
+          value: e.linkInformation.merchantReference
+        },
+        {
+          key: "payByLink.details.fields.createdOn",
+          value: m(e.linkInformation.creationDate, v)
+        },
+        {
+          key: "payByLink.details.fields.expiresOn",
+          value: m(e.linkInformation.expirationDate, v)
+        },
+        {
+          key: "payByLink.details.fields.linkType",
+          value: t.has(`payByLink.common.linkType.${s}`) ? t.get(`payByLink.common.linkType.${s}`) : s
+        },
+        {
+          key: "payByLink.details.fields.description",
+          value: e.linkInformation.description
+        }
+      ],
+      shopperInformation: [
+        {
+          key: "payByLink.details.fields.shopper.reference",
+          value: e.shopperInformation?.shopperReference
+        },
+        {
+          key: "payByLink.details.fields.shopper.fullName",
+          value: [e.shopperInformation?.shopperName?.firstName, e.shopperInformation?.shopperName?.lastName].filter(Boolean).join(" "),
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.shopper.email",
+          value: e.shopperInformation?.shopperEmail,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.shopper.phone",
+          value: e.shopperInformation?.telephoneNumber,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.shopper.country",
+          value: e.shopperInformation?.shopperCountry
+        },
+        ...e.shopperInformation?.shippingAddress && a(e.shopperInformation?.shippingAddress) ? [
+          {
+            key: "payByLink.details.fields.shippingAddress.title",
+            value: u
+          }
+        ] : [],
+        ...e.shopperInformation?.billingAddress && a(e.shopperInformation?.billingAddress) ? [
+          {
+            key: "payByLink.details.fields.billingAddress.title",
+            value: u
+          }
+        ] : []
+      ],
+      shippingAddress: !e.shopperInformation?.shippingAddress || a(e.shopperInformation?.shippingAddress) ? [] : [
+        {
+          key: "payByLink.details.fields.shippingAddress.street",
+          value: e.shopperInformation?.shippingAddress?.street,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.shippingAddress.houseNumberOrName",
+          value: e.shopperInformation?.shippingAddress?.houseNumberOrName,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.shippingAddress.country",
+          value: e.shopperInformation?.shippingAddress?.country
+        },
+        {
+          key: "payByLink.details.fields.shippingAddress.city",
+          value: e.shopperInformation?.shippingAddress?.city,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.shippingAddress.postalCode",
+          value: e.shopperInformation?.shippingAddress?.postalCode,
+          config: { isCopyable: !0 }
+        }
+      ],
+      billingAddress: !e.shopperInformation?.billingAddress || a(e.shopperInformation?.billingAddress) ? [] : [
+        {
+          key: "payByLink.details.fields.billingAddress.street",
+          value: e.shopperInformation?.billingAddress?.street,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.billingAddress.houseNumberOrName",
+          value: e.shopperInformation?.billingAddress?.houseNumberOrName,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.billingAddress.country",
+          value: e.shopperInformation?.billingAddress?.country
+        },
+        {
+          key: "payByLink.details.fields.billingAddress.city",
+          value: e.shopperInformation?.billingAddress?.city,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.billingAddress.postalCode",
+          value: e.shopperInformation?.billingAddress?.postalCode,
+          config: { isCopyable: !0 }
+        }
+      ]
+    };
+    return Object.fromEntries(
+      Object.entries(y).map(([g, p]) => [
+        g,
+        p.filter((l) => l.value != null && l.value !== "" && l.value !== void 0)
+      ])
+    );
+  }, [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
+      l = s;
+    return /* @__PURE__ */ i("div", { className: r.listValue, children: l });
+  }, []), B = b(
+    () => [
+      {
+        id: "linkInformation",
+        label: "payByLink.details.tabs.linkInformation",
+        content: /* @__PURE__ */ i(
+          f,
+          {
+            classNames: r.list,
+            items: o.linkInformation,
+            align: "start",
+            layout: "4-8",
+            renderLabel: n,
+            renderValue: d
+          }
+        )
+      },
+      {
+        id: "shopperInformation",
+        label: "payByLink.details.tabs.shopperInformation",
+        content: /* @__PURE__ */ i(c, { children: [
+          /* @__PURE__ */ i(
+            f,
+            {
+              classNames: r.list,
+              items: o.shopperInformation,
+              align: "start",
+              layout: "4-8",
+              renderLabel: n,
+              renderValue: d
+            }
+          ),
+          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(
+              f,
+              {
+                classNames: r.list,
+                items: o.shippingAddress,
+                align: "start",
+                layout: "4-8",
+                renderLabel: n,
+                renderValue: d
+              }
+            )
+          ] }),
+          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(
+              f,
+              {
+                classNames: r.list,
+                items: o.billingAddress,
+                align: "start",
+                layout: "4-8",
+                renderLabel: n,
+                renderValue: d
+              }
+            )
+          ] })
+        ] })
+      },
+      {
+        id: "activity",
+        label: "payByLink.details.tabs.activity",
+        content: /* @__PURE__ */ i(L, { activities: e.paymentLinkActivities ?? [] })
+      }
+    ],
+    [o, n, d, t, e.paymentLinkActivities]
+  );
+  return /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ i(T, { tabs: B }) });
+};
+export {
+  z as PaymentLinkTabs
+};

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

@@ -0,0 +1,14 @@
+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 });
+}
+export {
+  p as PaymentLinkSettingsElement,
+  p as default
+};

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

@@ -0,0 +1,115 @@
+import { jsx as e } from "../../../../../external/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 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/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";
+import U from "./components/SettingsError/SettingsError.js";
+import { ACCOUNT_MISCONFIGURATION as Y, WRONG_STORE_IDS as j } from "./utils/getSettingsErrorMessage.js";
+import { Fragment as Q } from "../../../../../external/preact/dist/preact.module.js";
+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", Ce = ({
+  navigateBack: i,
+  ...a
+}) => {
+  const {
+    activeMenuItem: C,
+    setSelectedMenuItem: g,
+    selectedStore: _,
+    isLoadingStores: n,
+    isShowingRequirements: h,
+    storesError: d,
+    setSelectedStore: I,
+    filteredStores: S,
+    menuItems: r,
+    isLoadingContent: N,
+    allStores: o,
+    themeError: L,
+    termsAndConditionsError: y
+  } = q(), t = G(P.down.xs), [m, l] = D(!1);
+  F(() => {
+    const s = !!(!t || t && r && r?.length === 1);
+    l(s);
+  }, [t, r]);
+  const O = A(
+    (s) => {
+      l(s);
+    },
+    [l]
+  ), R = A(() => {
+    t && l(!1);
+  }, [t]), E = u(() => {
+    if (!(!o || o.length > 0 || n))
+      return {
+        errorCode: Y,
+        type: "error",
+        requestId: ""
+      };
+  }, [o, n]), f = u(() => {
+    if (!(o && o?.length > 0 && S?.length !== 0 || n))
+      return {
+        errorCode: j,
+        type: "error",
+        requestId: ""
+      };
+  }, [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: [
+    (!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]: t && m }), children: r.length > 1 ? /* @__PURE__ */ e("div", { className: k, children: /* @__PURE__ */ e(
+        W,
+        {
+          renderHeader: () => /* @__PURE__ */ e(
+            z,
+            {
+              stores: S,
+              selectedStoreId: _,
+              setSelectedStoreId: I
+            }
+          ),
+          contentVisible: m,
+          loading: n,
+          className: V,
+          items: r,
+          activeValue: C,
+          onValueChange: g,
+          onContentVisibilityChange: O,
+          renderContent: (s) => /* @__PURE__ */ e(
+            p,
+            {
+              activeMenuItem: s,
+              isLoadingContent: N,
+              navigateBack: i
+            }
+          ),
+          renderLoadingContent: () => /* @__PURE__ */ e(K, { rowNumber: 3 })
+        }
+      ) }) : /* @__PURE__ */ e(
+        p,
+        {
+          activeMenuItem: C,
+          isLoadingContent: N,
+          navigateBack: i
+        }
+      ) }),
+      v && /* @__PURE__ */ e(
+        w,
+        {
+          navigateBack: i || void 0,
+          closeContent: t ? R : void 0
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Ce as default
+};

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

@@ -0,0 +1,31 @@
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+/* empty css                                  */
+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: 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: c,
+      selectedMenuItems: u,
+      storeIds: l,
+      navigateBack: r?.navigateBack,
+      children: /* @__PURE__ */ a(g, { ...r })
+    }
+  );
+};
+export {
+  P as default
+};

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

@@ -0,0 +1,13 @@
+import { jsx as e } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import a from "classnames";
+/* empty css                     */
+const d = ({ rowNumber: n, className: t }) => /* @__PURE__ */ e("div", { className: a("adyen-pe-payment-link-settings__skeleton", t), children: [
+  /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-settings__skeleton-item adyen-pe-payment-link-settings__skeleton-item--header" }),
+  [...Array(n)].map((i, s) => /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-settings__skeleton-container", children: [
+    /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-settings__skeleton-item adyen-pe-payment-link-settings__skeleton-item--small" }),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-settings__skeleton-item adyen-pe-payment-link-settings__skeleton-item--large" })
+  ] }, s))
+] });
+export {
+  d as default
+};

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

@@ -0,0 +1,62 @@
+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 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 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 t ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ e(c, { error: r, errorMessage: A });
+    case i.termsAndConditions:
+      return n ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ e(c, { error: r, errorMessage: v });
+    default:
+      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 } = _();
+  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: 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__ */ e(
+      m,
+      {
+        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 {
+  q as default
+};

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

@@ -0,0 +1,16 @@
+import { jsx as e } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { MenuItem as r } from "../../context/constants.js";
+import t from "../LoadingSkeleton/LoadingSkeleton.js";
+const s = ({ activeMenuItem: o }) => {
+  switch (o) {
+    case r.theme:
+      return /* @__PURE__ */ e(t, { rowNumber: 3 });
+    case r.termsAndConditions:
+      return /* @__PURE__ */ e(t, { rowNumber: 2 });
+    default:
+      return /* @__PURE__ */ e(t, { rowNumber: 3 });
+  }
+};
+export {
+  s as default
+};

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

@@ -0,0 +1,43 @@
+import { jsx as c } from "../../../../../../../external/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 { useMemo as o } from "../../../../../../../external/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 { 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(() => ({
+    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: M("adyen-pe-payment-link-settings__cta-container", {
+        "adyen-pe-payment-link-settings__cta-container--mobile": n
+      }),
+      children: /* @__PURE__ */ c(B, { actions: g, layout: L })
+    }
+  );
+};
+export {
+  H as default
+};

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

@@ -0,0 +1,38 @@
+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: s,
+  errorMessage: r,
+  onContactSupport: e,
+  centered: o,
+  absolutePosition: a
+}) => {
+  const { getImageAsset: i } = u(), { title: m, message: g, refreshComponent: l, translationValues: n, images: t } = d(
+    s,
+    r,
+    e,
+    i
+  );
+  return /* @__PURE__ */ f(
+    p,
+    {
+      imageDesktop: t?.desktop,
+      imageMobile: t?.mobile,
+      withHeaderOffset: !0,
+      title: m,
+      message: g,
+      translationValues: n,
+      withImage: !0,
+      centered: o ?? !1,
+      absolutePosition: a ?? !1,
+      refreshComponent: l,
+      onContactSupport: e,
+      outlined: !1
+    }
+  );
+};
+export {
+  E as default
+};

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

@@ -0,0 +1,9 @@
+const _ = "adyen-pe-payment-link-settings", n = _ + "__content", A = _ + "__content-container", N = _ + "__container-container-item--mobile", t = _ + "__sidebar-container", E = _ + "__secondary-nav";
+export {
+  _ as BASE_CLASS_NAME,
+  n as CONTAINER_CLASS_NAME,
+  A as CONTENT_CONTAINER_CLASS_NAME,
+  N as CONTENT_CONTAINER_MOBILE_CLASS_NAME,
+  E as SECONDARY_NAV_CLASS_NAME,
+  t as SIDEBAR_CONTAINER_CLASS_NAME
+};

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

@@ -0,0 +1,12 @@
+const n = {
+  theme: "theme",
+  termsAndConditions: "termsAndConditions"
+}, t = [
+  { value: n.theme, label: "payByLink.settings.navigation.theme" },
+  { value: n.termsAndConditions, label: "payByLink.settings.navigation.termsAndConditions" }
+], e = n.theme;
+export {
+  e as DEFAULT_MENU_ITEM,
+  t as MENU_ITEMS,
+  n as MenuItem
+};