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

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

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

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

@@ -0,0 +1,49 @@
+import { jsx as s } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UNDEFINED_ERROR as c } from "../../../../../utils/getCommonErrorCode.js";
+import i from "../../../../../internal/CopyText/CopyText.js";
+const a = "ACCOUNT_MISCONFIGURATION", u = "WRONG_STORE_IDS", d = (r, t, m, o) => {
+  if (!r) return c;
+  const e = m ? "common.errors.errorCode" : "common.errors.errorCodeSupport", n = {
+    [e]: r.requestId ? /* @__PURE__ */ s(i, { copyButtonAriaLabelKey: "common.actions.copy.labels.errorCode", textToCopy: r.requestId }) : null
+  };
+  switch (r.errorCode) {
+    case a:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: ["payByLink.common.errors.accountConfiguration", "common.errors.contactSupport"],
+        translationValues: n
+      };
+    case u:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: ["payByLink.common.errors.storeID", "common.errors.contactSupport"],
+        translationValues: n,
+        onContactSupport: m
+      };
+    case "00_500":
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: [t, e],
+        translationValues: n,
+        refreshComponent: !0,
+        images: {
+          desktop: o == null ? void 0 : o({ name: "wrong-environment", subFolder: "images/small" })
+        }
+      };
+    default:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: [t, e],
+        translationValues: n,
+        refreshComponent: !0,
+        images: {
+          desktop: o == null ? void 0 : o({ name: "wrong-environment", subFolder: "images/small" })
+        }
+      };
+  }
+};
+export {
+  a as ACCOUNT_MISCONFIGURATION,
+  u as WRONG_STORE_IDS,
+  d 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,117 @@
+import { jsx as a } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import j from "../../../../../../internal/FormFields/InputText.js";
+import T from "../../../../../../internal/Typography/Typography.js";
+import { TypographyVariant as w, TypographyElement as R } from "../../../../../../internal/Typography/types.js";
+import { useUniqueId as z } from "../../../../../../../hooks/useUniqueId.js";
+import J from "../../../../../../../core/Context/useCoreContext.js";
+import { logoOptions as d, logoOptionsList as K } from "./constants.js";
+/* empty css               */
+import { useState as c, useEffect as L, useCallback as s } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { usePaymentLinkSettingsContext as Q } from "../../../PaymentLinkSettingsContainer/context/context.js";
+import { ThemeFormDataRequest as X } from "../../types.js";
+import Z from "../LogoPreview/LogoPreview.js";
+import $ from "../LogoInput/LogoInput.js";
+import { cloneFormData as N } from "../../../PaymentLinkSettingsContainer/utils/getThemePayload.js";
+import { Icon as ee } from "../../../../../../internal/Icon/Icon.js";
+const ge = ({ theme: A, initialPayload: v }) => {
+  const { setPayload: r, saveActionCalled: _, setSaveActionCalled: b, setIsValid: I, isSaving: p, setIsSaveSuccess: O, setIsSaveError: k } = Q(), { brandName: G, logo: W, fullWidthLogo: q } = A, [i, F] = c(G ?? void 0), [B, u] = c(W ?? null), [U, h] = c(q ?? null), [E, m] = c(), [x, f] = c(!1), y = z(), { i18n: g } = J();
+  L(() => {
+    I(!!i);
+  }, [i, I, E, r]), L(() => {
+    m(v);
+  }, [v]), L(() => {
+    _ && (i || f(!0), b(!1), O(!1), k(!1));
+  }, [_, b, i, f, k, O]);
+  const S = s(
+    (e, n) => {
+      m((t) => {
+        const o = t ? N(t) : new FormData();
+        return o.set(e, n, n.name), o.set(e, n, n.name), r(o), o;
+      });
+    },
+    [r]
+  ), H = s(
+    (e) => {
+      var t;
+      const n = (t = e == null ? void 0 : e.currentTarget) == null ? void 0 : t.value;
+      f(!1), F(n), m((o) => {
+        const l = o ? N(o) : new FormData();
+        return l.set(X.BRAND, n), r(l), l;
+      });
+    },
+    [f, F, m, r]
+  ), C = s(
+    (e) => {
+      m((n) => {
+        if (n && n.has(e)) {
+          const t = N(n);
+          return t.delete(e), r(t), t;
+        }
+        return n;
+      });
+    },
+    [r]
+  ), P = s(
+    (e, n) => {
+      const t = new FileReader();
+      t.onload = function(o) {
+        var D;
+        const l = (D = o == null ? void 0 : o.target) == null ? void 0 : D.result;
+        e === d.LOGO && u(l), e === d.FULL_WIDTH_LOGO && h(l);
+      }, t.readAsDataURL(n);
+    },
+    [u, h]
+  ), M = s(
+    (e, n) => {
+      const t = n[0];
+      t && (S(e, t), P(e, t));
+    },
+    [S, P]
+  ), V = s(
+    (e) => {
+      C(e), e === d.LOGO && u(null), e === d.FULL_WIDTH_LOGO && h(null);
+    },
+    [C, u, h]
+  ), Y = s(
+    (e) => e === d.LOGO ? B : U,
+    [U, B]
+  );
+  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: y, "aria-labelledby": y, className: "adyen-pe-payment-link-theme-form__brand-input", children: /* @__PURE__ */ a(T, { el: R.SPAN, variant: w.BODY, stronger: !0, children: g.get("payByLink.settings.theme.brandName.input.label") }) }),
+      /* @__PURE__ */ a(
+        j,
+        {
+          type: "text",
+          disabled: !!p,
+          readonly: !!p,
+          lang: g.locale,
+          uniqueId: y,
+          value: i,
+          onInput: H,
+          placeholder: g.get("payByLink.settings.theme.brandName.input.placeholder"),
+          isInvalid: x
+        }
+      ),
+      x && /* @__PURE__ */ a("div", { className: "adyen-pe-payment-link-theme-form__error", children: [
+        /* @__PURE__ */ a(ee, { name: "cross-circle-fill", className: "adyen-pe-payment-link-theme-form__error-icon" }),
+        /* @__PURE__ */ a(
+          T,
+          {
+            className: "adyen-pe-payment-link-theme-form__error-text",
+            el: R.SPAN,
+            variant: w.BODY,
+            children: g.get("payByLink.settings.theme.inputs.brandName.errors.missing")
+          }
+        )
+      ] })
+    ] }),
+    K.map((e) => {
+      const n = Y(e);
+      return /* @__PURE__ */ a("div", { className: "adyen-pe-payment-link-settings__input-container ", children: n ? /* @__PURE__ */ a(Z, { disabled: !!p, logoType: e, logoURL: n, onRemoveLogo: V }) : /* @__PURE__ */ a($, { disabled: !!p, logoType: e, onFileInputChange: M }) }, e);
+    })
+  ] }) });
+};
+export {
+  ge 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 q = () => {
+  const { getCdnConfig: e } = a(), s = c, [t, o] = m(s), r = i(async () => {
+    const n = await (e == null ? void 0 : e({
+      subFolder: "payByLink",
+      name: "termsRequirementsConfig",
+      fallback: s
+    }));
+    o(n ?? s);
+  }, [e, s]);
+  return {
+    termsRequirementsConfig: t,
+    getTermsRequirementsConfig: r
+  };
+};
+export {
+  q as useTermsRequirementsConfig
+};