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

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

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

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

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

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

@@ -0,0 +1,15 @@
+const a = (n) => {
+  const t = new FormData();
+  for (const [o, e] of n.entries())
+    e instanceof File ? t.set(o, e, e.name) : t.set(o, e);
+  return t;
+}, r = (n) => {
+  const t = new FormData();
+  for (const [o, e] of Object.entries(n))
+    e && t.set(o, e);
+  return a(t);
+};
+export {
+  a as cloneFormData,
+  r as getThemePayload
+};

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

@@ -0,0 +1,11 @@
+const e = (r) => {
+  if (r === "") return !0;
+  try {
+    return new URL(r), !0;
+  } catch {
+    return !1;
+  }
+};
+export {
+  e as isValidURL
+};

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

@@ -0,0 +1,28 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+/* empty css                               */
+import d from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as p } from "../../../../internal/Typography/types.js";
+import l from "../../../../../core/Context/useCoreContext.js";
+import { usePaymentLinkSettingsContext as c } from "../PaymentLinkSettingsContainer/context/context.js";
+import { useState as h, useEffect as f, useMemo as u } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { isThemePayload as g, isThemeData as k } from "./types.js";
+import L from "../PaymentLinkSettingsContainer/components/LoadingSkeleton/LoadingSkeleton.js";
+import T from "../PaymentLinkSettingsContainer/components/SettingsError/SettingsError.js";
+import { ThemeForm as E } from "./components/ThemeForm/ThemeForm.js";
+const N = "payByLink.settings.theme.errors.couldNotLoad", O = () => {
+  const { i18n: n } = l(), { payload: a, setSavedData: y, savedData: t, themeError: r, isLoadingContent: i } = c(), [o, s] = h();
+  f(() => {
+    g(a) && s(a);
+  }, [a, y, s]);
+  const m = u(() => !i && !r ? t && typeof t == "object" && Object.keys(t).length > 0 ? t : { brandName: "" } : { brandName: "" }, [t, i, r]);
+  return r ? /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-theme", children: /* @__PURE__ */ e(T, { error: r, errorMessage: N }) }) : !t || !k(m) || !o ? /* @__PURE__ */ e(L, { rowNumber: 3 }) : /* @__PURE__ */ e("section", { className: "adyen-pe-payment-link-theme", children: [
+    /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-settings__content-header", children: [
+      /* @__PURE__ */ e(d, { variant: p.TITLE, medium: !0, children: n.get("payByLink.settings.theme.title") }),
+      /* @__PURE__ */ e(d, { variant: p.BODY, wide: !0, className: "adyen-pe-payment-link-settings-terms-and-conditions-disclaimer", children: n.get("payByLink.settings.theme.subtitle") })
+    ] }),
+    /* @__PURE__ */ e(E, { theme: m, initialPayload: o })
+  ] });
+};
+export {
+  O as default
+};

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/components/LogoInput/LogoInput.js

@@ -0,0 +1,75 @@
+import { jsx as t } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import g from "../../../../../../../core/Context/useCoreContext.js";
+import { useUniqueId as _ } from "../../../../../../../hooks/useUniqueId.js";
+import { useCallback as s, useMemo as l } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { validationErrors as E } from "../../../../../../internal/FormFields/FileInput/constants.js";
+import { defaultMapErrors as O } from "../../../../../../internal/FormFields/FileInput/helpers/defaultMapError.js";
+import p from "../../../../../../internal/Typography/Typography.js";
+import { TypographyVariant as f, TypographyElement as d } from "../../../../../../internal/Typography/types.js";
+import { FileInput as y } from "../../../../../../internal/FormFields/FileInput/FileInput.js";
+import { LogoLabel as D, THEME_FORM_ALLOWED_FILE_TYPES as I, THEME_FORM_UPLOAD_DOCUMENT_MAX_SIZE as M, logoOptions as u } from "../ThemeForm/constants.js";
+import F from "../LogoRequirements/LogoRequirements.js";
+import { Fragment as b } from "../../../../../../../external/preact/dist/preact.module.js";
+const k = (o) => {
+  switch (o) {
+    case u.LOGO:
+      return { width: 200, height: 200 };
+    case u.FULL_WIDTH_LOGO:
+    default:
+      return { width: 300, height: 30 };
+  }
+}, R = ({
+  disabled: o,
+  logoType: e,
+  onFileInputChange: a
+}) => {
+  const { i18n: r } = g(), n = _(), c = s(
+    (i) => {
+      a(e, i);
+    },
+    [e, a]
+  ), h = l(() => k(e), [e]), m = l(
+    () => e === "logo" ? "payByLink.settings.themes.inputs.file.errors.logo.maxDimension" : "payByLink.settings.themes.inputs.file.errors.fullWidthLogo.maxDimension",
+    [e]
+  ), L = s(
+    (i) => {
+      switch (i) {
+        case E.MAX_DIMENSIONS:
+          return r.get(m);
+        default:
+          return r.get(O(i));
+      }
+    },
+    [r, m]
+  );
+  return /* @__PURE__ */ t(b, { children: [
+    /* @__PURE__ */ t("label", { htmlFor: n, "aria-labelledby": n, className: "adyen-pe-payment-link-theme-form__file-input", children: [
+      /* @__PURE__ */ t(p, { el: d.SPAN, variant: f.BODY, stronger: !0, children: r.get(D[e]) }),
+      /* @__PURE__ */ t(
+        p,
+        {
+          el: d.SPAN,
+          variant: f.BODY,
+          className: "adyen-pe-payment-link-theme-form__field-label-optional",
+          children: `(${r.get("payByLink.common.fields.optional.label")})`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      y,
+      {
+        disabled: o,
+        maxDimensions: h,
+        maxFileSize: M,
+        allowedFileTypes: I,
+        onChange: c,
+        id: n,
+        mapError: L
+      }
+    ),
+    /* @__PURE__ */ t(F, { logoType: e })
+  ] });
+};
+export {
+  R as default
+};

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/components/LogoPreview/LogoPreview.js

@@ -0,0 +1,36 @@
+import { jsx as e } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useUniqueId as l } from "../../../../../../../hooks/useUniqueId.js";
+import p from "../../../../../../../core/Context/useCoreContext.js";
+import { useCallback as s } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { TypographyVariant as c, TypographyElement as d } from "../../../../../../internal/Typography/types.js";
+import f from "../../../../../../internal/Typography/Typography.js";
+import { LogoLabel as h } from "../ThemeForm/constants.js";
+import { ButtonVariant as y } from "../../../../../../internal/Button/types.js";
+import g from "../../../../../../internal/Button/Button.js";
+const B = ({
+  disabled: i,
+  logoType: r,
+  logoURL: m,
+  onRemoveLogo: o
+}) => {
+  const { i18n: a } = p(), t = l(), n = s(() => {
+    o(r);
+  }, [r, o]);
+  return /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-theme-form__preview--conteiner", children: [
+    /* @__PURE__ */ e("label", { htmlFor: t, "aria-labelledby": t, children: /* @__PURE__ */ e(f, { el: d.SPAN, variant: c.BODY, stronger: !0, children: a.get(h[r]) }) }),
+    /* @__PURE__ */ e("img", { id: t, src: m, alt: "full-width-logo", className: "adyen-pe-payment-link-theme-form__preview--image" }),
+    /* @__PURE__ */ e(
+      g,
+      {
+        disabled: i,
+        variant: y.SECONDARY,
+        onClick: n,
+        className: "adyen-pe-payment-link-theme-form__preview--remove",
+        children: a.get("payByLink.settings.theme.action.logo.remove")
+      }
+    )
+  ] });
+};
+export {
+  B as default
+};

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/components/LogoRequirements/LogoRequirements.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import l from "../../../../../../../core/Context/useCoreContext.js";
+import n from "../../../../../../internal/Typography/Typography.js";
+import { TypographyVariant as a } from "../../../../../../internal/Typography/types.js";
+import { THEME_FORM_ALLOWED_FILE_TYPES as p, logoOptions as o, THEME_FORM_UPLOAD_DOCUMENT_MAX_SIZE as s } from "../ThemeForm/constants.js";
+import { getHumanReadableFileName as f } from "../../../../../../../utils/file/naming.js";
+import { getHumanReadableFileSize as _ } from "../../../../../../../utils/file/size.js";
+const y = (t) => {
+  switch (t) {
+    case o.FULL_WIDTH_LOGO:
+      return "300 x 30 px";
+    case o.LOGO:
+    default:
+      return "200 x 200 px";
+  }
+}, x = ({ logoType: t }) => {
+  const { i18n: i } = l(), m = y(t);
+  return /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-theme-form__file-info-container", children: [
+    /* @__PURE__ */ e(n, { variant: a.BODY, className: "adyen-pe-payment-link-theme-form__file-info", children: [
+      i.get("payByLink.settings.theme.limitations.file.input.supportedFile.text"),
+      p.map((r) => f(r)).join(", ")
+    ] }),
+    /* @__PURE__ */ e(n, { variant: a.BODY, className: "adyen-pe-payment-link-theme-form__file-info", children: [
+      i.get("payByLink.settings.theme.limitations.file.input.maxSize.text"),
+      _(s)
+    ] }),
+    /* @__PURE__ */ e(n, { variant: a.BODY, className: "adyen-pe-payment-link-theme-form__file-info", children: [
+      i.get("payByLink.settings.theme.limitations.file.input.imageSize.text"),
+      m
+    ] })
+  ] });
+};
+export {
+  x as default
+};

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/components/ThemeForm/ThemeForm.js

@@ -0,0 +1,115 @@
+import { jsx as a } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import Y from "../../../../../../internal/FormFields/InputText.js";
+import D from "../../../../../../internal/Typography/Typography.js";
+import { TypographyVariant as T, TypographyElement as w } from "../../../../../../internal/Typography/types.js";
+import { useUniqueId as j } from "../../../../../../../hooks/useUniqueId.js";
+import z from "../../../../../../../core/Context/useCoreContext.js";
+import { logoOptions as m, logoOptionsList as J } from "./constants.js";
+/* empty css               */
+import { useState as d, useEffect as y, useCallback as s } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { usePaymentLinkSettingsContext as K } from "../../../PaymentLinkSettingsContainer/context/context.js";
+import { ThemeFormDataRequest as Q } from "../../types.js";
+import X from "../LogoPreview/LogoPreview.js";
+import Z from "../LogoInput/LogoInput.js";
+import { cloneFormData as L } from "../../../PaymentLinkSettingsContainer/utils/getThemePayload.js";
+import { Icon as $ } from "../../../../../../internal/Icon/Icon.js";
+const fe = ({ theme: R, initialPayload: N }) => {
+  const { setPayload: r, saveActionCalled: v, setSaveActionCalled: _, setIsValid: b, isSaving: c, setIsSaveSuccess: I, setIsSaveError: O } = K(), { brandName: A, logo: G, fullWidthLogo: W } = R, [l, k] = d(A ?? void 0), [F, p] = d(G ?? null), [B, u] = d(W ?? null), [q, i] = d(), [U, h] = d(!1), g = j(), { i18n: f } = z();
+  y(() => {
+    b(!!l);
+  }, [l, b, q, r]), y(() => {
+    i(N);
+  }, [N]), y(() => {
+    v && (l || h(!0), _(!1), I(!1), O(!1));
+  }, [v, _, l, h, O, I]);
+  const x = s(
+    (e, n) => {
+      i((t) => {
+        const o = t ? L(t) : new FormData();
+        return o.set(e, n, n.name), o.set(e, n, n.name), r(o), o;
+      });
+    },
+    [r]
+  ), E = s(
+    (e) => {
+      const n = e?.currentTarget?.value;
+      h(!1), k(n), i((t) => {
+        const o = t ? L(t) : new FormData();
+        return o.set(Q.BRAND, n), r(o), o;
+      });
+    },
+    [h, k, i, r]
+  ), S = s(
+    (e) => {
+      i((n) => {
+        if (n && n.has(e)) {
+          const t = L(n);
+          return t.delete(e), r(t), t;
+        }
+        return n;
+      });
+    },
+    [r]
+  ), C = s(
+    (e, n) => {
+      const t = new FileReader();
+      t.onload = function(o) {
+        const P = o?.target?.result;
+        e === m.LOGO && p(P), e === m.FULL_WIDTH_LOGO && u(P);
+      }, t.readAsDataURL(n);
+    },
+    [p, u]
+  ), H = s(
+    (e, n) => {
+      const t = n[0];
+      t && (x(e, t), C(e, t));
+    },
+    [x, C]
+  ), M = s(
+    (e) => {
+      S(e), e === m.LOGO && p(null), e === m.FULL_WIDTH_LOGO && u(null);
+    },
+    [S, p, u]
+  ), V = s(
+    (e) => e === m.LOGO ? F : B,
+    [B, F]
+  );
+  return /* @__PURE__ */ a("div", { className: "adyen-pe-payment-link-theme-form-container", children: /* @__PURE__ */ a("div", { className: "adyen-pe-payment-link-theme-form", children: [
+    /* @__PURE__ */ a("div", { className: "adyen-pe-payment-link-settings__input-container", children: [
+      /* @__PURE__ */ a("label", { htmlFor: g, "aria-labelledby": g, className: "adyen-pe-payment-link-theme-form__brand-input", children: /* @__PURE__ */ a(D, { el: w.SPAN, variant: T.BODY, stronger: !0, children: f.get("payByLink.settings.theme.brandName.input.label") }) }),
+      /* @__PURE__ */ a(
+        Y,
+        {
+          type: "text",
+          disabled: !!c,
+          readonly: !!c,
+          lang: f.locale,
+          uniqueId: g,
+          value: l,
+          onInput: E,
+          placeholder: f.get("payByLink.settings.theme.brandName.input.placeholder"),
+          isInvalid: U
+        }
+      ),
+      U && /* @__PURE__ */ a("div", { className: "adyen-pe-payment-link-theme-form__error", children: [
+        /* @__PURE__ */ a($, { name: "cross-circle-fill", className: "adyen-pe-payment-link-theme-form__error-icon" }),
+        /* @__PURE__ */ a(
+          D,
+          {
+            className: "adyen-pe-payment-link-theme-form__error-text",
+            el: w.SPAN,
+            variant: T.BODY,
+            children: f.get("payByLink.settings.theme.inputs.brandName.errors.missing")
+          }
+        )
+      ] })
+    ] }),
+    J.map((e) => {
+      const n = V(e);
+      return /* @__PURE__ */ a("div", { className: "adyen-pe-payment-link-settings__input-container ", children: n ? /* @__PURE__ */ a(X, { disabled: !!c, logoType: e, logoURL: n, onRemoveLogo: M }) : /* @__PURE__ */ a(Z, { disabled: !!c, logoType: e, onFileInputChange: H }) }, e);
+    })
+  ] }) });
+};
+export {
+  fe as ThemeForm
+};

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/components/ThemeForm/constants.js

@@ -0,0 +1,14 @@
+const o = 51200, t = ["image/jpeg"], l = {
+  LOGO: "logo",
+  FULL_WIDTH_LOGO: "fullWidthLogo"
+}, L = {
+  logo: "payByLink.settings.theme.logo.input.label",
+  fullWidthLogo: "payByLink.settings.theme.wideLogo.input.label"
+}, g = ["logo", "fullWidthLogo"];
+export {
+  L as LogoLabel,
+  t as THEME_FORM_ALLOWED_FILE_TYPES,
+  o as THEME_FORM_UPLOAD_DOCUMENT_MAX_SIZE,
+  l as logoOptions,
+  g as logoOptionsList
+};

package/dist/es/components/external/PaymentLinkSettings/components/PaymentLinkThemeContainer/types.js

@@ -0,0 +1,10 @@
+import { hasOwnProperty as e } from "../../../../../utils/struct/property.js";
+const r = {
+  BRAND: "brandName"
+}, n = (t) => e(typeof t == "object" ? t : {}, "termsOfServiceUrl"), s = (t) => e(typeof t == "object" ? t : {}, "brandName"), m = (t) => t instanceof FormData;
+export {
+  r as ThemeFormDataRequest,
+  n as isTermsAndConditionsData,
+  s as isThemeData,
+  m as isThemePayload
+};

package/dist/es/components/external/PaymentLinkSettings/components/TermsAndConditions/Requirements/Requirements.js

@@ -0,0 +1,41 @@
+import { jsx as e } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as g, useEffect as h } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import q from "../../../../../../core/Context/useCoreContext.js";
+import i from "../../../../../internal/Typography/Typography.js";
+import { TypographyVariant as s } from "../../../../../internal/Typography/types.js";
+import { useTermsRequirementsConfig as k } from "./useTermsRequirementsConfig.js";
+/* empty css                  */
+import { ButtonVariant as p } from "../../../../../internal/Button/types.js";
+import d from "../../../../../internal/Button/Button.js";
+import v from "../../../../../internal/Modal/Modal.js";
+const Y = ({
+  onGoBack: r,
+  acceptRequirements: a,
+  termsAndConditionsURL: u,
+  embeddedInOverview: y = !1
+}) => {
+  const { termsRequirementsConfig: m, getTermsRequirementsConfig: o } = k(), { i18n: n } = q(), f = g(() => {
+    a(), r();
+  }, [a, r]);
+  h(() => {
+    o();
+  }, [o]);
+  const l = /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-requirements", children: [
+    /* @__PURE__ */ e(i, { variant: s.SUBTITLE, stronger: !0, children: n.get(m.titleKey) }),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-requirements__sections-container", children: m.sections.map((t) => /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-requirements__section", children: [
+      /* @__PURE__ */ e(i, { variant: s.SUBTITLE, stronger: !0, children: n.get(t.titleKey) }),
+      /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-requirements__section-content", children: [
+        /* @__PURE__ */ e(i, { className: "adyen-pe-payment-link-requirements__description", variant: s.BODY, children: n.get(t.descriptionKey) }),
+        /* @__PURE__ */ e("ul", { className: "adyen-pe-payment-link-requirements__list", children: t.items.map((c) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(i, { variant: s.BODY, children: n.get(c.key) }) }, c.key)) })
+      ] })
+    ] }, t.id)) }),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-payment-link-requirements__buttons-container", children: [
+      /* @__PURE__ */ e(d, { variant: p.SECONDARY, onClick: r, children: n.get("payByLink.settings.terms.requirements.actions.goBack") }),
+      u && /* @__PURE__ */ e(d, { variant: p.PRIMARY, onClick: f, children: n.get("payByLink.settings.terms.requirements.actions.confirmRequirements") })
+    ] })
+  ] });
+  return y ? l : /* @__PURE__ */ e(v, { isOpen: !0, onClose: r, isDismissible: !0, headerWithBorder: !1, size: "large", children: l });
+};
+export {
+  Y as Requirements
+};

package/dist/es/components/external/PaymentLinkSettings/components/TermsAndConditions/Requirements/useTermsRequirementsConfig.js

@@ -0,0 +1,20 @@
+import { useState as m, useCallback as i } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import a from "../../../../../../core/Context/useCoreContext.js";
+import c from "../../../../../../config/payByLink/termsRequirementsConfig.json.js";
+const g = () => {
+  const { getCdnConfig: s } = a(), e = c, [t, n] = m(e), o = i(async () => {
+    const r = await s?.({
+      subFolder: "payByLink",
+      name: "termsRequirementsConfig",
+      fallback: e
+    });
+    n(r ?? e);
+  }, [s, e]);
+  return {
+    termsRequirementsConfig: t,
+    getTermsRequirementsConfig: o
+  };
+};
+export {
+  g as useTermsRequirementsConfig
+};