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

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

@@ -1,117 +1,115 @@
 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";
+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 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(
+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) => {
-      m((t) => {
-        const o = t ? N(t) : new FormData();
+      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]
-  ), H = s(
+  ), E = 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;
+      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;
       });
     },
-    [f, F, m, r]
-  ), C = s(
+    [h, k, i, r]
+  ), S = s(
     (e) => {
-      m((n) => {
+      i((n) => {
         if (n && n.has(e)) {
-          const t = N(n);
+          const t = L(n);
           return t.delete(e), r(t), t;
         }
         return n;
       });
     },
     [r]
-  ), P = s(
+  ), C = 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);
+        const P = o?.target?.result;
+        e === m.LOGO && p(P), e === m.FULL_WIDTH_LOGO && u(P);
       }, t.readAsDataURL(n);
     },
-    [u, h]
-  ), M = s(
+    [p, u]
+  ), H = s(
     (e, n) => {
       const t = n[0];
-      t && (S(e, t), P(e, t));
+      t && (x(e, t), C(e, t));
     },
-    [S, P]
-  ), V = s(
+    [x, C]
+  ), M = s(
     (e) => {
-      C(e), e === d.LOGO && u(null), e === d.FULL_WIDTH_LOGO && h(null);
+      S(e), e === m.LOGO && p(null), e === m.FULL_WIDTH_LOGO && u(null);
     },
-    [C, u, h]
-  ), Y = s(
-    (e) => e === d.LOGO ? B : U,
-    [U, B]
+    [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: 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("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(
-        j,
+        Y,
         {
           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
+          disabled: !!c,
+          readonly: !!c,
+          lang: f.locale,
+          uniqueId: g,
+          value: l,
+          onInput: E,
+          placeholder: f.get("payByLink.settings.theme.brandName.input.placeholder"),
+          isInvalid: U
         }
       ),
-      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" }),
+      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(
-          T,
+          D,
           {
             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")
+            el: w.SPAN,
+            variant: T.BODY,
+            children: f.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);
+    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 {
-  ge as ThemeForm
+  fe as ThemeForm
 };

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

@@ -1,20 +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({
+const g = () => {
+  const { getCdnConfig: s } = a(), e = c, [t, n] = m(e), o = i(async () => {
+    const r = await s?.({
       subFolder: "payByLink",
       name: "termsRequirementsConfig",
-      fallback: s
-    }));
-    o(n ?? s);
-  }, [e, s]);
+      fallback: e
+    });
+    n(r ?? e);
+  }, [s, e]);
   return {
     termsRequirementsConfig: t,
-    getTermsRequirementsConfig: r
+    getTermsRequirementsConfig: o
   };
 };
 export {
-  q as useTermsRequirementsConfig
+  g as useTermsRequirementsConfig
 };

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

@@ -1,102 +1,100 @@
 import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css                        */
-import { useRef as w, useState as a, useEffect as f, useCallback as c, useMemo as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as U, useState as s, useEffect as p, useCallback as o, useMemo as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import J from "../../../../../core/Context/useCoreContext.js";
 import Q from "../../../../internal/FormFields/InputText.js";
-import C from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as _, TypographyElement as D } from "../../../../internal/Typography/types.js";
+import h from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as g, TypographyElement as V } from "../../../../internal/Typography/types.js";
 import { AlertVariantOption as X, AlertTypeOption as Z } from "../../../../internal/Alert/types.js";
 import { Alert as $ } from "../../../../internal/Alert/Alert.js";
 import { usePaymentLinkSettingsContext as ee } from "../PaymentLinkSettingsContainer/context/context.js";
 import { isTermsAndConditionsData as ne } from "../PaymentLinkThemeContainer/types.js";
-import { isValidURL as I } from "../PaymentLinkSettingsContainer/utils/validateTermsAndConditionsURL.js";
+import { isValidURL as k } from "../PaymentLinkSettingsContainer/utils/validateTermsAndConditionsURL.js";
 import { ButtonVariant as te } from "../../../../internal/Button/types.js";
 import { Requirements as se } from "./Requirements/Requirements.js";
-import ie from "classnames";
-import re from "../../../../internal/Button/Button.js";
+import re from "classnames";
+import ie from "../../../../internal/Button/Button.js";
 import { Translation as ae } from "../../../../internal/Translation/Translation.js";
-import { Icon as E } from "../../../../internal/Icon/Icon.js";
+import { Icon as w } from "../../../../internal/Icon/Icon.js";
 import { Checkbox as oe } from "../../../../internal/Checkbox/Checkbox.js";
-import { uniqueId as le } from "../../../../../utils/random/uniqueId.js";
-const qe = ({ data: h, initialData: A }) => {
-  const { i18n: i } = J(), g = w(le()), [t, P] = a((h == null ? void 0 : h.termsOfServiceUrl) ?? ""), [o, m] = a(void 0), [b, N] = a(!1), [T, R] = a(!1), [Y, S] = a(!1), [W, q] = a(!1), d = w(!1), {
-    savedData: p,
-    setPayload: u,
-    saveActionCalled: x,
-    setIsValid: k,
-    isSaving: v,
-    setSaveActionCalled: L,
-    setIsSaveError: B,
-    setIsSaveSuccess: O,
-    isShowingRequirements: U,
-    embeddedInOverview: G,
-    setIsShowingRequirements: y
+import { uniqueId as ce } from "../../../../../utils/random/uniqueId.js";
+const xe = ({ data: D, initialData: v }) => {
+  const { i18n: r } = J(), u = U(ce()), [t, E] = s(D?.termsOfServiceUrl ?? ""), [a, c] = s(void 0), [C, _] = s(!1), [I, A] = s(!1), [P, T] = s(!1), [Y, b] = s(!1), l = U(!1), {
+    savedData: d,
+    setPayload: m,
+    saveActionCalled: N,
+    setIsValid: y,
+    isSaving: f,
+    setSaveActionCalled: R,
+    setIsSaveError: q,
+    setIsSaveSuccess: S,
+    isShowingRequirements: x,
+    embeddedInOverview: W,
+    setIsShowingRequirements: i
   } = ee();
-  f(() => {
-    o && I(t) ? k(!0) : k(!1);
-  }, [o, t, k, u]), f(() => {
-    d.current = !1;
-  }, [p]), f(() => {
-    x && (R(!!(t && !I(t))), N(!o), L(!1), O(!1), B(!1));
-  }, [t, o, x, L, u, B, O]), f(() => {
-    let e = ne(p) ? p : void 0;
-    e || (e = A);
-    const s = !e || !e.termsOfServiceUrl;
-    e && ((e == null ? void 0 : e.termsOfServiceUrl) === t || !e.termsOfServiceUrl && t === "") ? (s || (q(!0), m(!0)), S(!1)) : (q(!1), S(!0), m(d.current));
-  }, [t, p, A]);
-  const M = c(
+  p(() => {
+    a && k(t) ? y(!0) : y(!1);
+  }, [a, t, y, m]), p(() => {
+    l.current = !1;
+  }, [d]), p(() => {
+    N && (A(!!(t && !k(t))), _(!a), R(!1), S(!1), q(!1));
+  }, [t, a, N, R, m, q, S]), p(() => {
+    let e = ne(d) ? d : void 0;
+    e || (e = v);
+    const z = !e || !e.termsOfServiceUrl;
+    e && (e?.termsOfServiceUrl === t || !e.termsOfServiceUrl && t === "") ? (z || (b(!0), c(!0)), T(!1)) : (b(!1), T(!0), c(l.current));
+  }, [t, d, v]);
+  const G = o(
     (e) => {
-      var s, r, l;
-      e.preventDefault(), R(!1), P((s = e == null ? void 0 : e.currentTarget) == null ? void 0 : s.value), I((r = e == null ? void 0 : e.currentTarget) == null ? void 0 : r.value) && u({ termsOfServiceUrl: (l = e == null ? void 0 : e.currentTarget) == null ? void 0 : l.value });
+      e.preventDefault(), A(!1), E(e?.currentTarget?.value), k(e?.currentTarget?.value) && m({ termsOfServiceUrl: e?.currentTarget?.value });
     },
-    [u]
-  ), j = c(
+    [m]
+  ), [L, O] = s(!1), M = o(
     (e) => {
-      var s, r, l;
-      e.preventDefault(), (s = e.currentTarget) != null && s.checked && N(!1), d.current = (r = e.currentTarget) == null ? void 0 : r.checked, m((l = e.currentTarget) == null ? void 0 : l.checked);
+      e.preventDefault(), e.currentTarget?.checked && _(!1), !l.current && e.currentTarget?.checked && !L && (i(!0), O(!0)), l.current = e.currentTarget?.checked, c(e.currentTarget?.checked);
     },
-    [d]
-  ), V = c(() => {
-    y(!0);
-  }, [y]), F = H(() => /* @__PURE__ */ n(
+    [L, i]
+  ), B = o(() => {
+    i(!0), O(!0);
+  }, [i]), j = H(() => /* @__PURE__ */ n(
     ae,
     {
       translationKey: "payByLink.settings.termsAndConditions.requirement.checkbox.part1",
       fills: {
         requirements: /* @__PURE__ */ n(
-          re,
+          ie,
           {
             className: "adyen-pe-payment-link-settings-terms-and-conditions__requirements-link",
             variant: te.TERTIARY,
-            onClick: V,
-            children: i.get("payByLink.settings.termsAndConditions.requirement.checkbox.part2")
+            onClick: B,
+            children: r.get("payByLink.settings.termsAndConditions.requirement.checkbox.part2")
           }
         )
       }
     }
-  ), [i, V]), K = c(() => y(!1), [y]), z = c(() => m(!0), []);
+  ), [r, B]), F = o(() => i(!1), [i]), K = o(() => c(!0), []);
   return /* @__PURE__ */ n("section", { className: "adyen-pe-payment-link-settings-terms-and-conditions", children: [
     /* @__PURE__ */ n(
       "div",
       {
-        className: ie("adyen-pe-payment-link-settings-terms-and-conditions__content", {
-          "adyen-pe-payment-link-settings-terms-and-conditions__content--hidden": U
+        className: re("adyen-pe-payment-link-settings-terms-and-conditions__content", {
+          "adyen-pe-payment-link-settings-terms-and-conditions__content--hidden": x
         }),
         children: [
           /* @__PURE__ */ n("div", { className: "adyen-pe-payment-link-settings__input-container", children: [
             /* @__PURE__ */ n(
               "label",
               {
-                htmlFor: g.current,
-                "aria-labelledby": g.current,
+                htmlFor: u.current,
+                "aria-labelledby": u.current,
                 className: "adyen-pe-payment-link-settings-terms-and-conditions-input__label",
                 children: /* @__PURE__ */ n(
-                  C,
+                  h,
                   {
-                    variant: _.BODY,
+                    variant: g.BODY,
                     stronger: !0,
                     className: "adyen-pe-payment-link-settings-terms-and-conditions-input__label--info-text",
-                    children: i.get("payByLink.settings.termsAndConditions.urlInput.label")
+                    children: r.get("payByLink.settings.termsAndConditions.urlInput.label")
                   }
                 )
               }
@@ -104,34 +102,34 @@ const qe = ({ data: h, initialData: A }) => {
             /* @__PURE__ */ n(
               Q,
               {
-                disabled: !!v,
-                readonly: !!v,
-                uniqueId: g.current,
+                disabled: !!f,
+                readonly: !!f,
+                uniqueId: u.current,
                 value: t,
-                onInput: M,
+                onInput: G,
                 maxLength: 2e3,
-                isInvalid: T
+                isInvalid: I
               }
             ),
-            T && /* @__PURE__ */ n("div", { className: "adyen-pe-payment-link-settings-terms-and-conditions__error", children: [
-              /* @__PURE__ */ n(E, { name: "cross-circle-fill", className: "adyen-pe-payment-link-settings-terms-and-conditions__error-icon" }),
+            I && /* @__PURE__ */ n("div", { className: "adyen-pe-payment-link-settings-terms-and-conditions__error", children: [
+              /* @__PURE__ */ n(w, { name: "cross-circle-fill", className: "adyen-pe-payment-link-settings-terms-and-conditions__error-icon" }),
               /* @__PURE__ */ n(
-                C,
+                h,
                 {
                   className: "adyen-pe-payment-link-settings-terms-and-conditions__error-text",
-                  el: D.SPAN,
-                  variant: _.BODY,
-                  children: i.get("payByLink.settings.termsAndConditions.error.urlValidation")
+                  el: V.SPAN,
+                  variant: g.BODY,
+                  children: r.get("payByLink.settings.termsAndConditions.error.urlValidation")
                 }
               )
             ] })
           ] }),
-          Y && /* @__PURE__ */ n(
+          P && /* @__PURE__ */ n(
             $,
             {
               type: Z.WARNING,
               variant: X.TIP,
-              description: i.get("payByLink.settings.termsAndConditions.alert.urlChange"),
+              description: r.get("payByLink.settings.termsAndConditions.alert.urlChange"),
               className: "adyen-pe-payment-link-settings-terms-and-conditions__alert"
             }
           ),
@@ -139,23 +137,23 @@ const qe = ({ data: h, initialData: A }) => {
             /* @__PURE__ */ n(
               oe,
               {
-                checked: o,
-                disabled: W || v,
+                checked: a,
+                disabled: Y || f,
                 className: "adyen-pe-payment-link-settings-terms-and-conditions-checkbox",
-                label: F,
-                onInput: j,
-                error: b
+                label: j,
+                onInput: M,
+                error: C
               }
             ),
-            b && /* @__PURE__ */ n("div", { className: "adyen-pe-payment-link-settings-terms-and-conditions__error", children: [
-              /* @__PURE__ */ n(E, { name: "cross-circle-fill", className: "adyen-pe-payment-link-settings-terms-and-conditions__error-icon" }),
+            C && /* @__PURE__ */ n("div", { className: "adyen-pe-payment-link-settings-terms-and-conditions__error", children: [
+              /* @__PURE__ */ n(w, { name: "cross-circle-fill", className: "adyen-pe-payment-link-settings-terms-and-conditions__error-icon" }),
               /* @__PURE__ */ n(
-                C,
+                h,
                 {
                   className: "adyen-pe-payment-link-settings-terms-and-conditions__error-text",
-                  el: D.SPAN,
-                  variant: _.BODY,
-                  children: i.get("payByLink.settings.termsAndConditions.error.requirementsNotChecked")
+                  el: V.SPAN,
+                  variant: g.BODY,
+                  children: r.get("payByLink.settings.termsAndConditions.error.requirementsNotChecked")
                 }
               )
             ] })
@@ -163,17 +161,17 @@ const qe = ({ data: h, initialData: A }) => {
         ]
       }
     ),
-    U && /* @__PURE__ */ n(
+    x && /* @__PURE__ */ n(
       se,
       {
-        onGoBack: K,
+        onGoBack: F,
         termsAndConditionsURL: t,
-        acceptRequirements: z,
-        embeddedInOverview: G
+        acceptRequirements: K,
+        embeddedInOverview: W
       }
     )
   ] });
 };
 export {
-  qe as TermsAndConditions
+  xe as TermsAndConditions
 };

package/dist/es/components/external/PaymentLinkSettings/hooks/useSaveAction.js

@@ -4,56 +4,56 @@ import { MenuItem as U } from "../components/PaymentLinkSettingsContainer/contex
 import { getThemePayload as R } from "../components/PaymentLinkSettingsContainer/utils/getThemePayload.js";
 import { isThemePayload as A } from "../components/PaymentLinkThemeContainer/types.js";
 import { useConfigContext as W } from "../../../../core/ConfigContext/context.js";
-import { isFunction as j, isUndefined as q } from "../../../../utils/value/is.js";
-const K = (r, f, m, e, n, i, t, l, c, s, p) => {
+import { isFunction as d, isUndefined as q } from "../../../../utils/value/is.js";
+const J = (o, u, f, t, r, m, i, l, c, s, p) => {
   const { updatePayByLinkTheme: F, savePayByLinkSettings: k } = W().endpoints, h = N(null);
   O(() => () => {
     h.current && clearTimeout(h.current);
   }, []);
   const x = T(() => {
-    p && j(p) ? h.current = setTimeout(() => {
+    p && d(p) ? h.current = setTimeout(() => {
       p();
-    }, 500) : r(!1);
-  }, [p, r]), y = P({
+    }, 500) : o(!1);
+  }, [p, o]), y = P({
     queryFn: F,
     options: {
-      onSuccess: (o) => {
-        const u = { brandName: o == null ? void 0 : o.brandName, logo: o == null ? void 0 : o.logoUrl, fullWidthLogo: o == null ? void 0 : o.fullWidthLogoUrl };
-        c(u), s(R(u)), f(!1), m(!0), r(!1);
+      onSuccess: (n) => {
+        const e = { brandName: n?.brandName, logo: n?.logoUrl, fullWidthLogo: n?.fullWidthLogoUrl };
+        c(e), s(R(e)), u(!1), f(!0), o(!1);
       },
       onError: () => {
-        f(!0), m(!1), r(!1);
+        u(!0), f(!1), o(!1);
       }
     }
   }), C = T(() => {
-    !e || q(n) || !t() || A(n) && (r(!0), y.mutate({ contentType: "multipart/form-data", body: n }, { path: { storeId: e } }));
-  }, [y, e, n, t, r]), L = P({
+    !t || q(r) || !i() || A(r) && (o(!0), y.mutate({ contentType: "multipart/form-data", body: r }, { path: { storeId: t } }));
+  }, [y, t, r, i, o]), L = P({
     queryFn: k,
     options: {
-      onSuccess: (o) => {
-        const u = !o || !(o != null && o.termsOfServiceUrl) ? { termsOfServiceUrl: "" } : o;
-        c(u), s(u), f(!1), m(!0), x();
+      onSuccess: (n) => {
+        const e = !n || !n?.termsOfServiceUrl ? { termsOfServiceUrl: "" } : n;
+        c(e), s(e), u(!1), f(!0), x();
       },
       onError: () => {
-        f(!0), m(!1), r(!1);
+        u(!0), f(!1), o(!1);
       }
     }
   }), b = T(() => {
-    !e || q(n) || !t() || A(n) || (r(!0), L.mutate(
+    !t || q(r) || !i() || A(r) || (o(!0), L.mutate(
       {
         contentType: "application/json",
-        body: n
+        body: r
       },
-      { path: { storeId: e } }
+      { path: { storeId: t } }
     ));
-  }, [L, e, n, t, r]);
+  }, [L, t, r, i, o]);
   return { onSave: T(() => {
-    if (i) {
-      if (l(!0), i === U.theme) return C();
-      if (i === U.termsAndConditions) return b();
+    if (m) {
+      if (l(!0), m === U.theme) return C();
+      if (m === U.termsAndConditions) return b();
     }
-  }, [i, b, C, l]) };
+  }, [m, b, C, l]) };
 };
 export {
-  K as useSaveAction
+  J as useSaveAction
 };

package/dist/es/components/external/PaymentLinkSettings/hooks/useSettingsPermission.js

@@ -0,0 +1,11 @@
+import { useConfigContext as s } from "../../../../core/ConfigContext/context.js";
+const a = () => {
+  const { savePayByLinkSettings: e, getPayByLinkSettings: n, getPayByLinkTheme: t, updatePayByLinkTheme: i } = s().endpoints;
+  return {
+    themeEnabled: !!t && !!i,
+    termsAndConditionsEnabled: !!n && !!e
+  };
+};
+export {
+  a as useSettingsPermission
+};

package/dist/es/components/external/PaymentLinkSettings/hooks/useStoreTermsAndConditions.js

@@ -1,26 +1,26 @@
 import { useMemo as u, useEffect as p } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { useFetch as C } from "../../../../hooks/useFetch.js";
+import { useFetch as a } from "../../../../hooks/useFetch.js";
 import { useConfigContext as d } from "../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as h } from "../../../../utils/value/constants.js";
-const v = (n, i, m, f, c) => {
-  const { getPayByLinkSettings: o } = d().endpoints, { data: r, isFetching: s, error: t } = C(
+import { EMPTY_OBJECT as C } from "../../../../utils/value/constants.js";
+const T = (t, i, m, f, c) => {
+  const { getPayByLinkSettings: o } = d().endpoints, { data: r, isFetching: n, error: s } = a(
     u(
       () => ({
         fetchOptions: {
-          enabled: !!o && i && !!n,
+          enabled: !!o && i && !!t,
           onSuccess: () => {
             m(!1), c(!1);
           }
         },
-        queryFn: async () => o == null ? void 0 : o(h, { path: { storeId: n } })
+        queryFn: async () => o?.(C, { path: { storeId: t } })
       }),
-      [o, n, i, m, c]
+      [o, t, i, m, c]
     )
-  ), e = u(() => (!r || !(r != null && r.termsOfServiceUrl)) && !s && !t ? { termsOfServiceUrl: "" } : r, [r, s, t]);
+  ), e = u(() => (!r || !r?.termsOfServiceUrl) && !n && !s ? { termsOfServiceUrl: "" } : r, [r, n, s]);
   return p(() => {
     f(e);
-  }, [e, f]), { data: e, isFetching: s, error: t };
+  }, [e, f]), { data: e, isFetching: n, error: s };
 };
 export {
-  v as useStoreTermsAndConditions
+  T as useStoreTermsAndConditions
 };