@progress/kendo-react-common 14.5.0-develop.8 → 15.0.0-develop.1

package/watermark/WatermarkOverlay.mjs

@@ -8,10 +8,10 @@
 "use client";
 import * as e from "react";
 import * as L from "react-dom";
-const v = { current: !0 }, x = 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif', u = {
+const v = { current: !0 }, x = 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif', d = {
   TKL201: {
-    title: (n, o) => `License key missing for ${n} v${o}.`,
-    description: "A license key is required for both paid and trial usage.",
+    title: (n, o) => `Premium feature detected in ${n} v${o}.`,
+    description: "Use Premium components without watermark. Start Free Trial or check the browser console for a list of premium features currently in use.",
     buttonText: "Start Free Trial",
     buttonLink: "https://prgress.co/NoLicenseWatermarkKendoReact"
   },
@@ -49,36 +49,36 @@ const v = { current: !0 }, x = 'system-ui, -apple-system, "Segoe UI", Roboto, He
   const {
     code: o,
     licenseType: f,
-    productName: l = "",
+    productName: a = "",
     version: p = "",
     notificationTitle: c,
-    notificationBody: d,
-    notificationMessage: a,
-    notificationIcon: r,
-    callToAction: i
+    notificationBody: u,
+    notificationMessage: l,
+    notificationIcon: i,
+    callToAction: r
   } = n || {};
   let t = "default";
-  o && (`${o}:${f}` in u ? t = `${o}:${f}` : o in u && (t = o));
-  const s = u[t] || u.default;
+  o && (`${o}:${f}` in d ? t = `${o}:${f}` : o in d && (t = o));
+  const s = d[t] || d.default;
   return {
-    icon: r == null ? void 0 : r.content,
-    title: c || s.title(l, p),
-    description: d || s.description,
-    descriptionHtml: a && !d ? a : void 0,
-    buttonText: (i == null ? void 0 : i.message) || s.buttonText,
-    buttonLink: (i == null ? void 0 : i.link) || s.buttonLink
+    icon: i == null ? void 0 : i.content,
+    title: c || s.title(a, p),
+    description: u || s.description,
+    descriptionHtml: l && !u ? l : void 0,
+    buttonText: (r == null ? void 0 : r.message) || s.buttonText,
+    buttonLink: (r == null ? void 0 : r.link) || s.buttonLink
   };
 }, Q = (n) => {
-  const [o, f] = e.useState(!0), [l] = e.useState(() => v.current ? (v.current = !1, !0) : !1), [p, c] = e.useState(!1), [d, a] = e.useState(!1), [r, i] = e.useState(!1), [t, s] = e.useState(!1), [g, C] = e.useState(!1);
+  const [o, f] = e.useState(!0), [a] = e.useState(() => v.current ? (v.current = !1, !0) : !1), [p, c] = e.useState(!1), [u, l] = e.useState(!1), [i, r] = e.useState(!1), [t, s] = e.useState(!1), [g, C] = e.useState(!1);
   e.useEffect(() => {
     c(!0);
     const A = () => {
       s(window.innerWidth < 500), C(window.innerWidth >= 768);
     };
     return A(), window.addEventListener("resize", A), () => {
-      window.removeEventListener("resize", A), l && (v.current = !0);
+      window.removeEventListener("resize", A), a && (v.current = !0);
     };
-  }, [l]);
+  }, [a]);
   const h = () => {
     f(!1);
   }, { icon: P, title: E, description: w, descriptionHtml: m, buttonText: b, buttonLink: H } = I(n.message), B = /* @__PURE__ */ e.createElement(
@@ -123,13 +123,13 @@ const v = { current: !0 }, x = 'system-ui, -apple-system, "Segoe UI", Roboto, He
           border: "none",
           borderRadius: "4px",
           padding: "4px",
-          backgroundColor: r ? "#3d3d3d14" : "transparent",
+          backgroundColor: i ? "#3d3d3d14" : "transparent",
           transition: "background-color 0.2s ease-in-out",
           outline: "none",
           cursor: "pointer"
         },
-        onMouseLeave: () => i(!1),
-        onMouseEnter: () => i(!0),
+        onMouseLeave: () => r(!1),
+        onMouseEnter: () => r(!0),
         onClick: h
       },
       /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
@@ -215,7 +215,7 @@ const v = { current: !0 }, x = 'system-ui, -apple-system, "Segoe UI", Roboto, He
             position: "relative",
             border: "none",
             borderRadius: "4px",
-            backgroundColor: d ? "#b90138" : "#eb0249",
+            backgroundColor: u ? "#b90138" : "#eb0249",
             color: "#ffffff",
             transition: "background-color 0.2s ease-in-out",
             outline: "none",
@@ -228,8 +228,8 @@ const v = { current: !0 }, x = 'system-ui, -apple-system, "Segoe UI", Roboto, He
           href: H,
           target: "_blank",
           rel: "noopener noreferrer",
-          onMouseLeave: () => a(!1),
-          onMouseEnter: () => a(!0)
+          onMouseLeave: () => l(!1),
+          onMouseEnter: () => l(!0)
         },
         b
       ),
@@ -244,13 +244,13 @@ const v = { current: !0 }, x = 'system-ui, -apple-system, "Segoe UI", Roboto, He
             border: "none",
             borderRadius: "4px",
             padding: "4px",
-            backgroundColor: r ? "#3d3d3d14" : "transparent",
+            backgroundColor: i ? "#3d3d3d14" : "transparent",
             transition: "background-color 0.2s ease-in-out",
             outline: "none",
             cursor: "pointer"
           },
-          onMouseLeave: () => i(!1),
-          onMouseEnter: () => i(!0),
+          onMouseLeave: () => r(!1),
+          onMouseEnter: () => r(!0),
           onClick: h
         },
         /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
@@ -266,6 +266,7 @@ const v = { current: !0 }, x = 'system-ui, -apple-system, "Segoe UI", Roboto, He
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
+      "data-kendo-watermark": !0,
       style: {
         position: "absolute",
         width: "100%",
@@ -283,7 +284,7 @@ const v = { current: !0 }, x = 'system-ui, -apple-system, "Segoe UI", Roboto, He
         )
       }
     }
-  ), p && l && o && L.createPortal(B, document.body));
+  ), p && a && o && L.createPortal(B, document.body));
 };
 export {
   Q as WatermarkOverlay