@dotcms/analytics 0.0.1-beta.9 → 1.0.0

package/lib/dotAnalytics/shared/dot-content-analytics.utils.js

@@ -1,46 +1,123 @@
-import i from "analytics";
-import { EXPECTED_UTM_KEYS as a } from "./dot-content-analytics.constants.js";
-import { dotAnalyticsEnricherPlugin as s } from "../plugin/dot-analytics.enricher.plugin.js";
-import { dotAnalytics as c } from "../plugin/dot-analytics.plugin.js";
-const h = (e) => ({
-  utc_time: (/* @__PURE__ */ new Date()).toISOString(),
-  local_tz_offset: (/* @__PURE__ */ new Date()).getTimezoneOffset(),
-  screen_resolution: `${window.screen.width}x${window.screen.height}`,
-  vp_size: `${window.innerWidth}x${window.innerHeight}`,
-  userAgent: navigator.userAgent,
-  user_language: navigator.language,
-  doc_encoding: document.characterSet,
-  doc_path: e.pathname,
-  doc_host: e.hostname,
-  doc_protocol: e.protocol,
-  doc_hash: e.hash,
-  doc_search: e.search,
-  referrer: document.referrer,
-  page_title: document.title,
-  utm: u(window.location)
-}), u = (e) => {
-  const o = new URLSearchParams(e.search);
-  return a.reduce(
-    (t, r) => {
-      const n = o.get(r);
-      return n !== null && (t[r.replace("utm_", "")] = n), t;
-    },
-    {}
-  );
-}, m = () => {
+import { SESSION_STORAGE_KEY as h, DEFAULT_SESSION_TIMEOUT_MINUTES as S, USER_ID_KEY as m } from "./dot-content-analytics.constants.js";
+let d = null;
+const u = (t) => {
+  const e = Date.now(), n = Math.random().toString(36).substr(2, 9), o = Math.random().toString(36).substr(2, 9);
+  return `${t}_${e}_${n}${o}`;
+}, l = {
+  getItem: (t) => {
+    try {
+      return localStorage.getItem(t);
+    } catch {
+      return null;
+    }
+  },
+  setItem: (t, e) => {
+    try {
+      localStorage.setItem(t, e);
+    } catch {
+      console.warn(`DotAnalytics: Could not save ${t} to localStorage`);
+    }
+  }
+}, f = () => {
+  let t = l.getItem(m);
+  return t || (t = u("user"), l.setItem(m, t)), t;
+}, _ = (t) => {
+  const e = new Date(t), n = /* @__PURE__ */ new Date(), o = new Date(
+    e.getUTCFullYear(),
+    e.getUTCMonth(),
+    e.getUTCDate()
+  ), s = new Date(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate());
+  return o.getTime() !== s.getTime();
+}, p = () => {
+  const t = Date.now();
+  if (typeof window > "u")
+    return u("session_fallback");
   try {
-    return typeof window > "u" || !window.parent ? !1 : window.parent !== window;
+    const e = sessionStorage.getItem(h);
+    if (e) {
+      const { sessionId: s, startTime: c, lastActivity: i } = JSON.parse(e), g = !_(c), a = t - i < S * 60 * 1e3;
+      if (g && a)
+        return sessionStorage.setItem(
+          h,
+          JSON.stringify({
+            sessionId: s,
+            startTime: c,
+            lastActivity: t
+          })
+        ), s;
+    }
+    const n = u("session"), o = {
+      sessionId: n,
+      startTime: t,
+      lastActivity: t
+    };
+    return sessionStorage.setItem(h, JSON.stringify(o)), n;
   } catch {
-    return !1;
+    return u("session_fallback");
   }
-}, p = (e) => e.apiKey ? e.server ? i({
-  app: "dotAnalytics",
-  debug: e.debug,
-  plugins: [s, c(e)]
-}) : (console.error('DotContentAnalytics: Missing "server" in configuration'), null) : (console.error('DotContentAnalytics: Missing "apiKey" in configuration'), null);
+}, T = (t) => {
+  const e = p(), n = f();
+  return t.debug && console.warn("DotAnalytics Identity Context:", {
+    sessionId: e,
+    userId: n
+  }), {
+    site_key: t.siteKey,
+    session_id: e,
+    user_id: n
+  };
+}, w = () => d || (d = {
+  user_language: navigator.language || void 0,
+  doc_encoding: document.characterSet || document.charset || void 0,
+  screen_resolution: typeof screen < "u" && screen.width && screen.height ? `${screen.width}x${screen.height}` : void 0
+}, d), I = () => {
+  try {
+    const t = (/* @__PURE__ */ new Date()).getTimezoneOffset(), e = t > 0 ? "-" : "+", n = Math.abs(t), o = Math.floor(n / 60), s = n % 60;
+    return `${e}${o.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
+  } catch {
+    return "+00:00";
+  }
+}, D = () => {
+  try {
+    const t = /* @__PURE__ */ new Date(), e = I(), n = t.getFullYear(), o = (t.getMonth() + 1).toString().padStart(2, "0"), s = t.getDate().toString().padStart(2, "0"), c = t.getHours().toString().padStart(2, "0"), i = t.getMinutes().toString().padStart(2, "0"), g = t.getSeconds().toString().padStart(2, "0");
+    return `${n}-${o}-${s}T${c}:${i}:${g}${e}`;
+  } catch {
+    return (/* @__PURE__ */ new Date()).toISOString();
+  }
+}, $ = (t, e = typeof window < "u" ? window.location : {}) => {
+  const n = D(), o = w(), { properties: s } = t, { utm: c } = s, i = {
+    url: s.url ?? e.href,
+    doc_encoding: o.doc_encoding,
+    doc_hash: s.hash ?? e.hash ?? "",
+    doc_protocol: e.protocol,
+    doc_search: s.search ?? e.search ?? "",
+    doc_host: e.hostname,
+    doc_path: s.path ?? e.pathname,
+    title: s.title ?? (document == null ? void 0 : document.title),
+    language_id: void 0,
+    persona: void 0
+  }, g = {
+    screen_resolution: o.screen_resolution,
+    language: o.user_language,
+    viewport_width: String(s.width),
+    viewport_height: String(s.height)
+  }, a = {};
+  if (c && typeof c == "object") {
+    const r = c;
+    r.medium && (a.medium = r.medium), r.source && (a.source = r.source), r.campaign && (a.campaign = r.campaign), r.term && (a.term = r.term), r.content && (a.content = r.content);
+  }
+  return {
+    ...t,
+    page: i,
+    device: g,
+    ...Object.keys(a).length > 0 && { utm: a },
+    local_time: n
+  };
+};
 export {
-  p as createAnalyticsInstance,
-  u as extractUTMParameters,
-  h as getBrowserEventData,
-  m as isInsideEditor
+  $ as enrichPagePayloadOptimized,
+  u as generateSecureId,
+  T as getAnalyticsContext,
+  D as getLocalTime,
+  p as getSessionId,
+  f as getUserId
 };

package/lib/react/components/DotContentAnalyticsProvider.d.ts

@@ -1,15 +1,15 @@
-import { DotContentAnalyticsConfig } from '../../dotAnalytics/shared/dot-content-analytics.model';
+import { DotCMSAnalyticsConfig } from '../../dotAnalytics/shared/dot-content-analytics.model';
 import { ReactElement, ReactNode } from 'react';
 
 interface DotContentAnalyticsProviderProps {
     children?: ReactNode;
-    config: DotContentAnalyticsConfig;
+    config: DotCMSAnalyticsConfig;
 }
 /**
- * Provider component that initializes and manages DotContentAnalytics instance.
+ * Provider component that initializes and manages DotCMSAnalytics instance.
  * It makes the analytics functionality available to all child components through React Context.
  * This component is responsible for:
- * - Initializing the DotContentAnalytics singleton instance with the provided config
+ * - Initializing the DotCMSAnalytics singleton instance with the provided config
  * - Making the instance accessible via useContext hook to child components
  * - Managing the lifecycle of the analytics instance
  *

package/lib/react/components/DotContentAnalyticsProvider.js

@@ -7,8 +7,11 @@ const f = ({
   children: r,
   config: t
 }) => {
-  const o = i(() => n(t), [t]);
-  return t.autoPageView !== !1 && m(o), /* @__PURE__ */ e(a.Provider, { value: o, children: r });
+  const o = i(
+    () => n(t),
+    [t]
+  );
+  return t.autoPageView !== !1 && o && m(o), /* @__PURE__ */ e(a.Provider, { value: o, children: r });
 };
 export {
   f as DotContentAnalyticsProvider

package/lib/react/contexts/DotContentAnalyticsContext.d.ts

@@ -1,13 +1,13 @@
-import { DotAnalytics } from '../../dotAnalytics/shared/dot-content-analytics.model';
+import { DotCMSAnalytics } from '../../dotAnalytics/shared/dot-content-analytics.model';
 
 /**
  * `DotContentAnalyticsContext` is a React context that is designed to provide an instance of
- * `DotContentAnalytics` to all of the components within its tree that are Consumers of this context.
+ * `DotCMSAnalytics` to all of the components within its tree that are Consumers of this context.
  *
  * The context is created with a default value of `null`. It is meant to be provided a real value
  * using the `DotContentAnalyticsProvider` component.
  *
  * @see {@link https://reactjs.org/docs/context.html|React Context}
  */
-declare const DotContentAnalyticsContext: import('react').Context<DotAnalytics | null>;
+declare const DotContentAnalyticsContext: import('react').Context<DotCMSAnalytics | null>;
 export default DotContentAnalyticsContext;

package/lib/react/hook/useContentAnalytics.d.ts

@@ -1,15 +1,14 @@
-import { DotAnalytics } from '../../dotAnalytics/shared/dot-content-analytics.model';
+import { DotCMSAnalytics } from '../../dotAnalytics/shared/dot-content-analytics.model';
 
 /**
- * Custom hook that handles analytics page view tracking.
+ * Custom hook that handles analytics tracking for anonymous users.
  *
  * @example
  * ```tsx
  * function Button({ title, urlTitle }) {
  *   const { track } = useContentAnalytics();
  *
- *   // First parameter: custom event name to identify the action
- *   // Second parameter: object with properties you want to track
+ *   // Track button click with custom properties
  *   return (
  *     <button onClick={() => track('btn-click', { title, urlTitle })}>
  *       See Details →
@@ -17,6 +16,37 @@ import { DotAnalytics } from '../../dotAnalytics/shared/dot-content-analytics.mo
  *   );
  * }
  * ```
- * @returns {DotContentAnalyticsCustomHook} - The analytics instance used to track page views
+ *
+ * @example
+ * ```tsx
+ * // Session debugging example
+ * function AnalyticsDebugComponent() {
+ *   const { getAnonymousUserId, getSessionInfo, updateSessionActivity } = useContentAnalytics();
+ *
+ *   const handleManualActivity = () => {
+ *     updateSessionActivity();
+ *     // Manual activity updated
+ *   };
+ *
+ *   // Debug session info in development
+ *   const debugInfo = () => {
+ *     if (process.env.NODE_ENV === 'development') {
+ *       console.log('Anonymous ID:', getAnonymousUserId());
+ *       console.log('Session info:', getSessionInfo());
+ *     }
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={handleManualActivity}>Update Activity</button>
+ *       <button onClick={debugInfo}>Debug Session</button>
+ *       <p>User ID: {getAnonymousUserId()}</p>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @returns {DotCMSAnalytics} - The analytics instance with tracking capabilities for anonymous users
+ * @throws {Error} - Throws error if used outside of DotContentAnalyticsProvider or if analytics failed to initialize
  */
-export declare const useContentAnalytics: () => DotAnalytics;
+export declare const useContentAnalytics: () => DotCMSAnalytics;

package/lib/react/hook/useContentAnalytics.js

@@ -1,34 +1,32 @@
-import { useContext as i, useRef as s } from "react";
-import { isInsideEditor as r } from "../../dotAnalytics/shared/dot-content-analytics.utils.js";
-import a from "../contexts/DotContentAnalyticsContext.js";
-const f = () => {
-  const t = i(a), o = s(null);
+import { useContext as c, useRef as u, useCallback as a } from "react";
+import { getUVEState as i } from "../../../uve/src/lib/core/core.utils.js";
+import "../../../uve/src/internal/constants.js";
+import l from "../contexts/DotContentAnalyticsContext.js";
+const S = () => {
+  const t = c(l), n = u(null);
   if (!t)
-    throw new Error("useContentAnalytics must be used within a DotContentAnalyticsProvider");
-  return {
-    /**
-     * Track a custom event.
-     * @param {string} eventName - The name of the event to track.
-     * @param {Record<string, unknown>} payload - The payload to track.
-     */
-    track: (n, e = {}) => {
-      r() || t == null || t.track(n, {
+    throw new Error(
+      "useContentAnalytics must be used within a DotContentAnalyticsProvider and analytics must be successfully initialized"
+    );
+  const s = a(
+    (o, e = {}) => {
+      i() || t.track(o, {
         ...e,
         timestamp: (/* @__PURE__ */ new Date()).toISOString()
       });
     },
-    /**
-     * Track a page view.
-     * @param {Record<string, unknown>} payload - The payload to track.
-     */
-    pageView: (n = {}) => {
-      if (!r()) {
-        const e = window.location.pathname;
-        e !== o.current && (o.current = e, t.pageView(n));
-      }
+    [t]
+  ), r = a(() => {
+    if (!i()) {
+      const e = window.location.pathname;
+      e !== n.current && (n.current = e, t.pageView());
     }
+  }, [t]);
+  return {
+    track: s,
+    pageView: r
   };
 };
 export {
-  f as useContentAnalytics
+  S as useContentAnalytics
 };

package/lib/react/hook/useRouterTracker.d.ts

@@ -1,10 +1,10 @@
-import { DotAnalytics } from '../../dotAnalytics/shared/dot-content-analytics.model';
+import { DotCMSAnalytics } from '../../dotAnalytics/shared/dot-content-analytics.model';
 
 /**
  * Internal custom hook that handles analytics page view tracking.
  *
- * @param {DotContentAnalytics | null} instance - The analytics instance used to track page views
+ * @param {DotCMSAnalytics | null} instance - The analytics instance used to track page views
  * @returns {void}
  *
  */
-export declare function useRouterTracker(analytics: DotAnalytics | null): void;
+export declare function useRouterTracker(analytics: DotCMSAnalytics | null): void;

package/lib/react/hook/useRouterTracker.js

@@ -1,13 +1,14 @@
-import { useRef as r, useEffect as i } from "react";
-import { isInsideEditor as u } from "../../dotAnalytics/shared/dot-content-analytics.utils.js";
-function s(t) {
-  const n = r(null);
+import { useRef as u, useEffect as i } from "react";
+import { getUVEState as a } from "../../../uve/src/lib/core/core.utils.js";
+import "../../../uve/src/internal/constants.js";
+function p(t) {
+  const n = u(null);
   i(() => {
     if (!t)
       return;
     function e() {
-      const o = window.location.pathname;
-      o !== n.current && !u() && t && (n.current = o, t.pageView());
+      const o = window.location.pathname, r = a();
+      o !== n.current && !r && t && (n.current = o, t.pageView());
     }
     return e(), window.addEventListener("popstate", e), window.addEventListener("beforeunload", e), () => {
       window.removeEventListener("popstate", e), window.removeEventListener("beforeunload", e);
@@ -15,5 +16,5 @@ function s(t) {
   }, [t]);
 }
 export {
-  s as useRouterTracker
+  p as useRouterTracker
 };

package/lib/standalone.d.ts

@@ -1,8 +1,8 @@
-import { DotAnalytics } from './dotAnalytics/shared/dot-content-analytics.model';
+import { DotCMSAnalytics } from './dotAnalytics/shared/dot-content-analytics.model';
 import { ANALYTICS_WINDOWS_KEY } from './dotAnalytics/shared/dot-content-analytics.constants';
 
 declare global {
     interface Window {
-        [ANALYTICS_WINDOWS_KEY]: DotAnalytics;
+        [ANALYTICS_WINDOWS_KEY]: DotCMSAnalytics | null;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/analytics",
-  "version": "0.0.1-beta.9",
+  "version": "1.0.0",
   "description": "Official JavaScript library for Content Analytics with DotCMS.",
   "repository": {
     "type": "git",
@@ -23,12 +23,13 @@
     "analytics": "^0.8.14"
   },
   "peerDependencies": {
-    "react": "^18.2.0"
+    "react": "19.1.0",
+    "@dotcms/uve": "^1.0.0"
   },
   "devDependencies": {
-    "vite": "~5.0.0",
     "@testing-library/jest-dom": "^6.1.6",
-    "@testing-library/react": "^14.0.0"
+    "@testing-library/react": "^14.0.0",
+    "vite": "~5.0.0"
   },
   "main": "./index.cjs.js",
   "module": "./index.esm.js",

package/types/src/lib/editor/public.js

@@ -0,0 +1,5 @@
+var N = /* @__PURE__ */ ((r) => (r.EDIT = "EDIT_MODE", r.PREVIEW = "PREVIEW_MODE", r.LIVE = "LIVE", r.UNKNOWN = "UNKNOWN", r))(N || {}), E = /* @__PURE__ */ ((r) => (r.CONTENT_CHANGES = "changes", r.PAGE_RELOAD = "page-reload", r.REQUEST_BOUNDS = "request-bounds", r.IFRAME_SCROLL = "iframe-scroll", r.CONTENTLET_HOVERED = "contentlet-hovered", r))(E || {});
+export {
+  E as UVEEventType,
+  N as UVE_MODE
+};

package/types/src/lib/events/internal.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((e) => (e.UVE_RELOAD_PAGE = "uve-reload-page", e.UVE_REQUEST_BOUNDS = "uve-request-bounds", e.UVE_EDITOR_PONG = "uve-editor-pong", e.UVE_SCROLL_INSIDE_IFRAME = "uve-scroll-inside-iframe", e.UVE_SET_PAGE_DATA = "uve-set-page-data", e.UVE_COPY_CONTENTLET_INLINE_EDITING_SUCCESS = "uve-copy-contentlet-inline-editing-success", e))(t || {});
+export {
+  t as __DOTCMS_UVE_EVENT__
+};

package/uve/src/internal/constants.js

@@ -0,0 +1,3 @@
+import { UVEEventType as n } from "../../../types/src/lib/editor/public.js";
+import { onContentletHovered as r, onIframeScroll as o, onRequestBounds as t, onPageReload as E, onContentChanges as u } from "./events.js";
+n.CONTENT_CHANGES + "", n.PAGE_RELOAD + "", n.REQUEST_BOUNDS + "", n.IFRAME_SCROLL + "", n.CONTENTLET_HOVERED + "";

package/uve/src/internal/events.js

@@ -0,0 +1,108 @@
+import { UVEEventType as a } from "../../../types/src/lib/editor/public.js";
+import { __DOTCMS_UVE_EVENT__ as s } from "../../../types/src/lib/events/internal.js";
+import { findDotCMSElement as M, findDotCMSVTLData as p, getClosestDotCMSContainerData as w, getDotCMSPageBounds as S } from "../lib/dom/dom.utils.js";
+function U(o) {
+  const t = (n) => {
+    n.data.name === s.UVE_SET_PAGE_DATA && o(n.data.payload);
+  };
+  return window.addEventListener("message", t), {
+    unsubscribe: () => {
+      window.removeEventListener("message", t);
+    },
+    event: a.CONTENT_CHANGES
+  };
+}
+function V(o) {
+  const t = (n) => {
+    n.data.name === s.UVE_RELOAD_PAGE && o();
+  };
+  return window.addEventListener("message", t), {
+    unsubscribe: () => {
+      window.removeEventListener("message", t);
+    },
+    event: a.PAGE_RELOAD
+  };
+}
+function I(o) {
+  const t = (n) => {
+    if (n.data.name === s.UVE_REQUEST_BOUNDS) {
+      const e = Array.from(
+        document.querySelectorAll('[data-dot-object="container"]')
+      ), i = S(e);
+      o(i);
+    }
+  };
+  return window.addEventListener("message", t), {
+    unsubscribe: () => {
+      window.removeEventListener("message", t);
+    },
+    event: a.REQUEST_BOUNDS
+  };
+}
+function Y(o) {
+  const t = (n) => {
+    if (n.data.name === s.UVE_SCROLL_INSIDE_IFRAME) {
+      const e = n.data.direction;
+      o(e);
+    }
+  };
+  return window.addEventListener("message", t), {
+    unsubscribe: () => {
+      window.removeEventListener("message", t);
+    },
+    event: a.IFRAME_SCROLL
+  };
+}
+function B(o) {
+  const t = (n) => {
+    var d, r, E, c, T, l, m, _, u, C;
+    const e = M(n.target);
+    if (!e)
+      return;
+    const { x: i, y: g, width: v, height: N } = e.getBoundingClientRect(), f = ((d = e.dataset) == null ? void 0 : d.dotObject) === "container", L = {
+      identifier: "TEMP_EMPTY_CONTENTLET",
+      title: "TEMP_EMPTY_CONTENTLET",
+      contentType: "TEMP_EMPTY_CONTENTLET_TYPE",
+      inode: "TEMPY_EMPTY_CONTENTLET_INODE",
+      widgetTitle: "TEMP_EMPTY_CONTENTLET",
+      baseType: "TEMP_EMPTY_CONTENTLET",
+      onNumberOfPages: 1
+    }, P = {
+      identifier: (r = e.dataset) == null ? void 0 : r.dotIdentifier,
+      title: (E = e.dataset) == null ? void 0 : E.dotTitle,
+      inode: (c = e.dataset) == null ? void 0 : c.dotInode,
+      contentType: (T = e.dataset) == null ? void 0 : T.dotType,
+      baseType: (l = e.dataset) == null ? void 0 : l.dotBasetype,
+      widgetTitle: (m = e.dataset) == null ? void 0 : m.dotWidgetTitle,
+      onNumberOfPages: (_ = e.dataset) == null ? void 0 : _.dotOnNumberOfPages
+    }, O = p(e), b = {
+      container: (
+        // Here extract dot-container from contentlet if it is Headless
+        // or search in parent container if it is VTL
+        (u = e.dataset) != null && u.dotContainer ? JSON.parse((C = e.dataset) == null ? void 0 : C.dotContainer) : w(e)
+      ),
+      contentlet: f ? L : P,
+      vtlFiles: O
+    };
+    o({
+      x: i,
+      y: g,
+      width: v,
+      height: N,
+      payload: b
+    });
+  };
+  return document.addEventListener("pointermove", t), {
+    unsubscribe: () => {
+      document.removeEventListener("pointermove", t);
+    },
+    event: a.CONTENTLET_HOVERED
+  };
+}
+export {
+  U as onContentChanges,
+  B as onContentletHovered,
+  Y as onIframeScroll,
+  V as onPageReload,
+  I as onRequestBounds
+};

package/uve/src/lib/core/core.utils.js

@@ -0,0 +1,21 @@
+import { UVE_MODE as t } from "../../../../types/src/lib/editor/public.js";
+import "../../internal/constants.js";
+function p() {
+  if (typeof window > "u" || window.parent === window || !window.location)
+    return;
+  const e = new URL(window.location.href), o = Object.values(t);
+  let a = e.searchParams.get("mode") ?? t.EDIT;
+  const s = e.searchParams.get("language_id"), n = e.searchParams.get("personaId"), r = e.searchParams.get("variantName"), i = e.searchParams.get("experimentId"), c = e.searchParams.get("publishDate"), d = e.searchParams.get("dotCMSHost");
+  return o.includes(a) || (a = t.EDIT), {
+    mode: a,
+    languageId: s,
+    persona: n,
+    variantName: r,
+    experimentId: i,
+    publishDate: c,
+    dotCMSHost: d
+  };
+}
+export {
+  p as getUVEState
+};

package/uve/src/lib/dom/dom.utils.js

@@ -0,0 +1,81 @@
+import "../../internal/constants.js";
+function C(t) {
+  return t.map((a) => {
+    const o = a.getBoundingClientRect(), n = Array.from(
+      a.querySelectorAll('[data-dot-object="contentlet"]')
+    );
+    return {
+      x: o.x,
+      y: o.y,
+      width: o.width,
+      height: o.height,
+      payload: JSON.stringify({
+        container: u(a)
+      }),
+      contentlets: f(o, n)
+    };
+  });
+}
+function f(t, a) {
+  return a.map((o) => {
+    var d, r, i, e, s, c;
+    const n = o.getBoundingClientRect();
+    return {
+      x: 0,
+      y: n.y - t.y,
+      width: n.width,
+      height: n.height,
+      payload: JSON.stringify({
+        container: (d = o.dataset) != null && d.dotContainer ? JSON.parse((r = o.dataset) == null ? void 0 : r.dotContainer) : y(o),
+        contentlet: {
+          identifier: (i = o.dataset) == null ? void 0 : i.dotIdentifier,
+          title: (e = o.dataset) == null ? void 0 : e.dotTitle,
+          inode: (s = o.dataset) == null ? void 0 : s.dotInode,
+          contentType: (c = o.dataset) == null ? void 0 : c.dotType
+        }
+      })
+    };
+  });
+}
+function u(t) {
+  var a, o, n, d;
+  return {
+    acceptTypes: ((a = t.dataset) == null ? void 0 : a.dotAcceptTypes) || "",
+    identifier: ((o = t.dataset) == null ? void 0 : o.dotIdentifier) || "",
+    maxContentlets: ((n = t.dataset) == null ? void 0 : n.maxContentlets) || "",
+    uuid: ((d = t.dataset) == null ? void 0 : d.dotUuid) || ""
+  };
+}
+function y(t) {
+  const a = t.closest('[data-dot-object="container"]');
+  return a ? u(a) : (console.warn("No container found for the contentlet"), null);
+}
+function g(t) {
+  var o, n, d;
+  if (!t)
+    return null;
+  const a = t.querySelector('[data-dot-object="empty-content"]');
+  return ((o = t == null ? void 0 : t.dataset) == null ? void 0 : o.dotObject) === "contentlet" || // The container inside Headless components have a span with the data-dot-object="container" attribute
+  ((n = t == null ? void 0 : t.dataset) == null ? void 0 : n.dotObject) === "container" && a || // The container inside Traditional have no content inside
+  ((d = t == null ? void 0 : t.dataset) == null ? void 0 : d.dotObject) === "container" && t.children.length === 0 ? t : g(t == null ? void 0 : t.parentElement);
+}
+function h(t) {
+  const a = t.querySelectorAll(
+    '[data-dot-object="vtl-file"]'
+  );
+  return a.length ? Array.from(a).map((o) => {
+    var n, d;
+    return {
+      inode: (n = o.dataset) == null ? void 0 : n.dotInode,
+      name: (d = o.dataset) == null ? void 0 : d.dotUrl
+    };
+  }) : null;
+}
+export {
+  g as findDotCMSElement,
+  h as findDotCMSVTLData,
+  y as getClosestDotCMSContainerData,
+  u as getDotCMSContainerData,
+  f as getDotCMSContentletsBound,
+  C as getDotCMSPageBounds
+};