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

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

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

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

@@ -0,0 +1,237 @@
+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";
+/* 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 = {
+  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;
+    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: h(e.linkInformation.creationDate, se)
+        },
+        {
+          key: "payByLink.details.fields.expiresOn",
+          value: h(e.linkInformation.expirationDate, se)
+        },
+        {
+          key: "payByLink.details.fields.linkType",
+          value: a.has(`payByLink.common.linkType.${s}`) ? a.get(`payByLink.common.linkType.${s}`) : s
+        },
+        {
+          key: "payByLink.details.fields.description",
+          value: e.linkInformation.description
+        }
+      ],
+      shopperInformation: [
+        {
+          key: "payByLink.details.fields.shopper.reference",
+          value: (u = e.shopperInformation) == null ? void 0 : u.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(" "),
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.shopper.email",
+          value: (I = e.shopperInformation) == null ? void 0 : I.shopperEmail,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.shopper.phone",
+          value: (v = e.shopperInformation) == null ? void 0 : v.telephoneNumber,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.shopper.country",
+          value: (B = e.shopperInformation) == null ? void 0 : B.shopperCountry
+        },
+        ...(N = e.shopperInformation) != null && N.shippingAddress && n((C = e.shopperInformation) == null ? void 0 : C.shippingAddress) ? [
+          {
+            key: "payByLink.details.fields.shippingAddress.title",
+            value: g
+          }
+        ] : [],
+        ...(T = e.shopperInformation) != null && T.billingAddress && n((_ = e.shopperInformation) == null ? void 0 : _.billingAddress) ? [
+          {
+            key: "payByLink.details.fields.billingAddress.title",
+            value: g
+          }
+        ] : []
+      ],
+      shippingAddress: !((L = e.shopperInformation) != null && L.shippingAddress) || n((D = e.shopperInformation) == null ? void 0 : D.shippingAddress) ? [] : [
+        {
+          key: "payByLink.details.fields.shippingAddress.street",
+          value: (O = (E = e.shopperInformation) == null ? void 0 : E.shippingAddress) == null ? void 0 : O.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,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.shippingAddress.country",
+          value: (x = (V = e.shopperInformation) == null ? void 0 : V.shippingAddress) == null ? void 0 : x.country
+        },
+        {
+          key: "payByLink.details.fields.shippingAddress.city",
+          value: (j = (M = e.shopperInformation) == null ? void 0 : M.shippingAddress) == null ? void 0 : j.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,
+          config: { isCopyable: !0 }
+        }
+      ],
+      billingAddress: !((K = e.shopperInformation) != null && K.billingAddress) || n((H = e.shopperInformation) == null ? void 0 : H.billingAddress) ? [] : [
+        {
+          key: "payByLink.details.fields.billingAddress.street",
+          value: ($ = (U = e.shopperInformation) == null ? void 0 : U.billingAddress) == null ? void 0 : $.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,
+          config: { isCopyable: !0 }
+        },
+        {
+          key: "payByLink.details.fields.billingAddress.country",
+          value: (Y = (z = e.shopperInformation) == null ? void 0 : z.billingAddress) == null ? void 0 : Y.country
+        },
+        {
+          key: "payByLink.details.fields.billingAddress.city",
+          value: (J = (G = e.shopperInformation) == null ? void 0 : G.billingAddress) == null ? void 0 : J.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,
+          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)
+      ])
+    );
+  }, [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" });
+    } else
+      o = s;
+    return /* @__PURE__ */ i("div", { className: l.listValue, children: o });
+  }, []), re = X(
+    () => [
+      {
+        id: "linkInformation",
+        label: "payByLink.details.tabs.linkInformation",
+        content: /* @__PURE__ */ i(
+          m,
+          {
+            classNames: l.list,
+            items: t.linkInformation,
+            align: "start",
+            layout: "4-8",
+            renderLabel: d,
+            renderValue: p
+          }
+        )
+      },
+      {
+        id: "shopperInformation",
+        label: "payByLink.details.tabs.shopperInformation",
+        content: /* @__PURE__ */ i(A, { children: [
+          /* @__PURE__ */ i(
+            m,
+            {
+              classNames: l.list,
+              items: t.shopperInformation,
+              align: "start",
+              layout: "4-8",
+              renderLabel: d,
+              renderValue: p
+            }
+          ),
+          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") }),
+            /* @__PURE__ */ i(
+              m,
+              {
+                classNames: l.list,
+                items: t.shippingAddress,
+                align: "start",
+                layout: "4-8",
+                renderLabel: d,
+                renderValue: p
+              }
+            )
+          ] }),
+          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") }),
+            /* @__PURE__ */ i(
+              m,
+              {
+                classNames: l.list,
+                items: t.billingAddress,
+                align: "start",
+                layout: "4-8",
+                renderLabel: d,
+                renderValue: p
+              }
+            )
+          ] })
+        ] })
+      },
+      {
+        id: "activity",
+        label: "payByLink.details.tabs.activity",
+        content: /* @__PURE__ */ i(de, { activities: e.paymentLinkActivities ?? [] })
+      }
+    ],
+    [t, d, p, a, e.paymentLinkActivities]
+  );
+  return /* @__PURE__ */ i("div", { className: l.root, children: /* @__PURE__ */ i(ae, { tabs: re }) });
+};
+export {
+  _e as PaymentLinkTabs
+};

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

@@ -0,0 +1,17 @@
+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 }));
+  }
+}
+r(a, "type", "paymentLinkSettings");
+export {
+  a as PaymentLinkSettingsElement,
+  a 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 f 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 { 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", ue = ({
+  navigateBack: a,
+  ...c
+}) => {
+  const {
+    activeMenuItem: u,
+    setSelectedMenuItem: g,
+    selectedStore: _,
+    isLoadingStores: n,
+    isShowingRequirements: h,
+    storesError: d,
+    setSelectedStore: I,
+    filteredStores: i,
+    menuItems: t,
+    isLoadingContent: N,
+    allStores: r,
+    themeError: L,
+    termsAndConditionsError: y
+  } = q(), o = G(P.down.xs), [m, l] = D(!1);
+  F(() => {
+    const s = !!(!o || o && t && (t == null ? void 0 : t.length) === 1);
+    l(s);
+  }, [o, t]);
+  const O = A(
+    (s) => {
+      l(s);
+    },
+    [l]
+  ), R = A(() => {
+    o && l(!1);
+  }, [o]), E = C(() => {
+    if (!(!r || r.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))
+      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;
+  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" }),
+    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(
+        W,
+        {
+          renderHeader: () => /* @__PURE__ */ e(
+            z,
+            {
+              stores: i,
+              selectedStoreId: _,
+              setSelectedStoreId: I
+            }
+          ),
+          contentVisible: m,
+          loading: n,
+          className: V,
+          items: t,
+          activeValue: u,
+          onValueChange: g,
+          onContentVisibilityChange: O,
+          renderContent: (s) => /* @__PURE__ */ e(
+            f,
+            {
+              activeMenuItem: s,
+              isLoadingContent: N,
+              navigateBack: a
+            }
+          ),
+          renderLoadingContent: () => /* @__PURE__ */ e(K, { rowNumber: 3 })
+        }
+      ) }) : /* @__PURE__ */ e(
+        f,
+        {
+          activeMenuItem: u,
+          isLoadingContent: N,
+          navigateBack: a
+        }
+      ) }),
+      v && /* @__PURE__ */ e(
+        w,
+        {
+          navigateBack: a || void 0,
+          closeContent: o ? R : void 0
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  ue as default
+};

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

@@ -0,0 +1,31 @@
+import { jsx as m } 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
+}) => {
+  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,
+    {
+      embeddedInOverview: u,
+      selectedMenuItems: f,
+      storeIds: c,
+      navigateBack: n == null ? void 0 : n.navigateBack,
+      children: /* @__PURE__ */ m(k, { ...n })
+    }
+  );
+};
+export {
+  x 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,50 @@
+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 { 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 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) {
+    case i.theme:
+      return /* @__PURE__ */ t(u, {});
+    case i.termsAndConditions:
+      return /* @__PURE__ */ t(d, {});
+    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,
+      {
+        type: a.SUCCESS,
+        variant: r.TIP,
+        onClose: () => y(!1),
+        description: s.get("payByLink.settings.common.alerts.saveSuccess"),
+        className: "adyen-pe-payment-link-settings__content-item--alert"
+      }
+    ),
+    l && /* @__PURE__ */ t(
+      o,
+      {
+        type: a.CRITICAL,
+        variant: r.TIP,
+        onClose: () => C(!1),
+        description: s.get("payByLink.settings.common.alerts.saveError"),
+        className: "adyen-pe-payment-link-settings__content-item--alert"
+      }
+    )
+  ] });
+};
+export {
+  B 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,42 @@
+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";
+/* 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 { 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]);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: B("adyen-pe-payment-link-settings__cta-container", {
+        "adyen-pe-payment-link-settings__cta-container--mobile": o
+      }),
+      children: /* @__PURE__ */ c(x, { actions: _, layout: S })
+    }
+  );
+};
+export {
+  F as default
+};

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

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