@dotcms/uve 0.0.1-beta.0 → 0.0.1-beta.10

package/index.cjs.d.ts

@@ -1 +1 @@
-export * from "./src/public/index";
+export * from "./src/index";

package/index.cjs.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var types = require('./types.cjs.js');
+var internal = require('./internal.cjs.js');
 
 /**
  * Gets the current state of the Universal Visual Editor (UVE).
@@ -31,28 +32,55 @@ var types = require('./types.cjs.js');
  * ```
  */
 function getUVEState() {
-    if (typeof window === 'undefined' || window.parent === window || !window.location) {
-        return;
-    }
-    const url = new URL(window.location.href);
-    const possibleModes = Object.values(types.UVE_MODE);
-    let mode = url.searchParams.get('mode') ?? types.UVE_MODE.EDIT;
-    const languageId = url.searchParams.get('language_id');
-    const persona = url.searchParams.get('personaId');
-    const variantName = url.searchParams.get('variantName');
-    const experimentId = url.searchParams.get('experimentId');
-    const publishDate = url.searchParams.get('publishDate');
-    if (!possibleModes.includes(mode)) {
-        mode = types.UVE_MODE.EDIT;
-    }
-    return {
-        mode,
-        languageId,
-        persona,
-        variantName,
-        experimentId,
-        publishDate
-    };
+  if (typeof window === 'undefined' || window.parent === window || !window.location) {
+    return;
+  }
+  const url = new URL(window.location.href);
+  const possibleModes = Object.values(types.UVE_MODE);
+  let mode = url.searchParams.get('mode') ?? types.UVE_MODE.EDIT;
+  const languageId = url.searchParams.get('language_id');
+  const persona = url.searchParams.get('personaId');
+  const variantName = url.searchParams.get('variantName');
+  const experimentId = url.searchParams.get('experimentId');
+  const publishDate = url.searchParams.get('publishDate');
+  if (!possibleModes.includes(mode)) {
+    mode = types.UVE_MODE.EDIT;
+  }
+  return {
+    mode,
+    languageId,
+    persona,
+    variantName,
+    experimentId,
+    publishDate
+  };
+}
+/**
+ * Creates a subscription to a UVE event.
+ *
+ * @param {string} event - The event to subscribe to.
+ * @param {UVECallback} callback - The callback to call when the event is triggered.
+ * @return {UnsubscribeUVE | undefined} The unsubscribe function if the event is valid, undefined otherwise.
+ *
+ * @example
+ * ```ts
+ * const unsubscribeChanges = createUVESubscription('changes', (payload) => {
+ *   console.log(payload);
+ * });
+ * ```
+ */
+function createUVESubscription(event, callback) {
+  if (!getUVEState()) {
+    console.warn('UVE Subscription: Not running inside UVE');
+    return internal.__UVE_EVENT_ERROR_FALLBACK__(event);
+  }
+  const eventCallback = internal.__UVE_EVENTS__[event];
+  if (!eventCallback) {
+    console.error(`UVE Subscription: Event ${event} not found`);
+    return internal.__UVE_EVENT_ERROR_FALLBACK__(event);
+  }
+  return eventCallback(callback);
 }
 
+exports.createUVESubscription = createUVESubscription;
 exports.getUVEState = getUVEState;

package/index.esm.d.ts

@@ -1 +1 @@
-export * from "./src/public/index";
+export * from "./src/index";

package/index.esm.js

@@ -1,4 +1,5 @@
 import { UVE_MODE } from './types.esm.js';
+import { __UVE_EVENT_ERROR_FALLBACK__, __UVE_EVENTS__ } from './internal.esm.js';
 
 /**
  * Gets the current state of the Universal Visual Editor (UVE).
@@ -29,28 +30,54 @@ import { UVE_MODE } from './types.esm.js';
  * ```
  */
 function getUVEState() {
-    if (typeof window === 'undefined' || window.parent === window || !window.location) {
-        return;
-    }
-    const url = new URL(window.location.href);
-    const possibleModes = Object.values(UVE_MODE);
-    let mode = url.searchParams.get('mode') ?? UVE_MODE.EDIT;
-    const languageId = url.searchParams.get('language_id');
-    const persona = url.searchParams.get('personaId');
-    const variantName = url.searchParams.get('variantName');
-    const experimentId = url.searchParams.get('experimentId');
-    const publishDate = url.searchParams.get('publishDate');
-    if (!possibleModes.includes(mode)) {
-        mode = UVE_MODE.EDIT;
-    }
-    return {
-        mode,
-        languageId,
-        persona,
-        variantName,
-        experimentId,
-        publishDate
-    };
+  if (typeof window === 'undefined' || window.parent === window || !window.location) {
+    return;
+  }
+  const url = new URL(window.location.href);
+  const possibleModes = Object.values(UVE_MODE);
+  let mode = url.searchParams.get('mode') ?? UVE_MODE.EDIT;
+  const languageId = url.searchParams.get('language_id');
+  const persona = url.searchParams.get('personaId');
+  const variantName = url.searchParams.get('variantName');
+  const experimentId = url.searchParams.get('experimentId');
+  const publishDate = url.searchParams.get('publishDate');
+  if (!possibleModes.includes(mode)) {
+    mode = UVE_MODE.EDIT;
+  }
+  return {
+    mode,
+    languageId,
+    persona,
+    variantName,
+    experimentId,
+    publishDate
+  };
+}
+/**
+ * Creates a subscription to a UVE event.
+ *
+ * @param {string} event - The event to subscribe to.
+ * @param {UVECallback} callback - The callback to call when the event is triggered.
+ * @return {UnsubscribeUVE | undefined} The unsubscribe function if the event is valid, undefined otherwise.
+ *
+ * @example
+ * ```ts
+ * const unsubscribeChanges = createUVESubscription('changes', (payload) => {
+ *   console.log(payload);
+ * });
+ * ```
+ */
+function createUVESubscription(event, callback) {
+  if (!getUVEState()) {
+    console.warn('UVE Subscription: Not running inside UVE');
+    return __UVE_EVENT_ERROR_FALLBACK__(event);
+  }
+  const eventCallback = __UVE_EVENTS__[event];
+  if (!eventCallback) {
+    console.error(`UVE Subscription: Event ${event} not found`);
+    return __UVE_EVENT_ERROR_FALLBACK__(event);
+  }
+  return eventCallback(callback);
 }
 
-export { getUVEState };
+export { createUVESubscription, getUVEState };

package/internal.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./src/internal";

package/internal.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./internal.cjs.js').default;

package/internal.cjs.js

@@ -0,0 +1,76 @@
+'use strict';
+
+/**
+ * Actions received from the dotcms editor
+ *
+ * @export
+ * @enum {number}
+ */
+exports.__DOTCMS_UVE_EVENT__ = void 0;
+(function (__DOTCMS_UVE_EVENT__) {
+  /**
+   * Request to page to reload
+   */
+  __DOTCMS_UVE_EVENT__["UVE_RELOAD_PAGE"] = "uve-reload-page";
+  /**
+   * Request the bounds for the elements
+   */
+  __DOTCMS_UVE_EVENT__["UVE_REQUEST_BOUNDS"] = "uve-request-bounds";
+  /**
+   * Received pong from the editor
+   */
+  __DOTCMS_UVE_EVENT__["UVE_EDITOR_PONG"] = "uve-editor-pong";
+  /**
+   * Received scroll event trigger from the editor
+   */
+  __DOTCMS_UVE_EVENT__["UVE_SCROLL_INSIDE_IFRAME"] = "uve-scroll-inside-iframe";
+  /**
+   * Set the page data
+   */
+  __DOTCMS_UVE_EVENT__["UVE_SET_PAGE_DATA"] = "uve-set-page-data";
+  /**
+   * Copy contentlet inline editing success
+   */
+  __DOTCMS_UVE_EVENT__["UVE_COPY_CONTENTLET_INLINE_EDITING_SUCCESS"] = "uve-copy-contentlet-inline-editing-success";
+})(exports.__DOTCMS_UVE_EVENT__ || (exports.__DOTCMS_UVE_EVENT__ = {}));
+
+// TODO: WE NEED TO LOOK FOR ALL THE NOTIFY_CLIENT EVENTS AND ADD THEM TO THE UVE_EVENTS CONSTANT WHEN WE MIGRATE THE EDITOR TO THE NEW UVE LIBRARY
+/**
+ * Events that can be subscribed to in the UVE
+ *
+ * @internal
+ * @type {Record<string, UVEEvent>}
+ */
+const __UVE_EVENTS__ = {
+  changes: callback => {
+    const messageCallback = event => {
+      if (event.data.name === exports.__DOTCMS_UVE_EVENT__.UVE_SET_PAGE_DATA) {
+        callback(event.data.payload);
+      }
+    };
+    window.addEventListener('message', messageCallback);
+    return {
+      unsubscribe: () => {
+        window.removeEventListener('message', messageCallback);
+      },
+      event: 'changes'
+    };
+  }
+};
+/**
+ * Default UVE event
+ *
+ * @param {string} event - The event to subscribe to.
+ * @internal
+ */
+const __UVE_EVENT_ERROR_FALLBACK__ = event => {
+  return {
+    unsubscribe: () => {
+      /* do nothing */
+    },
+    event
+  };
+};
+
+exports.__UVE_EVENTS__ = __UVE_EVENTS__;
+exports.__UVE_EVENT_ERROR_FALLBACK__ = __UVE_EVENT_ERROR_FALLBACK__;

package/internal.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './internal.cjs.js';
+export { _default as default } from './internal.cjs.default.js';

package/internal.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/internal";

package/internal.esm.js

@@ -0,0 +1,73 @@
+/**
+ * Actions received from the dotcms editor
+ *
+ * @export
+ * @enum {number}
+ */
+var __DOTCMS_UVE_EVENT__;
+(function (__DOTCMS_UVE_EVENT__) {
+  /**
+   * Request to page to reload
+   */
+  __DOTCMS_UVE_EVENT__["UVE_RELOAD_PAGE"] = "uve-reload-page";
+  /**
+   * Request the bounds for the elements
+   */
+  __DOTCMS_UVE_EVENT__["UVE_REQUEST_BOUNDS"] = "uve-request-bounds";
+  /**
+   * Received pong from the editor
+   */
+  __DOTCMS_UVE_EVENT__["UVE_EDITOR_PONG"] = "uve-editor-pong";
+  /**
+   * Received scroll event trigger from the editor
+   */
+  __DOTCMS_UVE_EVENT__["UVE_SCROLL_INSIDE_IFRAME"] = "uve-scroll-inside-iframe";
+  /**
+   * Set the page data
+   */
+  __DOTCMS_UVE_EVENT__["UVE_SET_PAGE_DATA"] = "uve-set-page-data";
+  /**
+   * Copy contentlet inline editing success
+   */
+  __DOTCMS_UVE_EVENT__["UVE_COPY_CONTENTLET_INLINE_EDITING_SUCCESS"] = "uve-copy-contentlet-inline-editing-success";
+})(__DOTCMS_UVE_EVENT__ || (__DOTCMS_UVE_EVENT__ = {}));
+
+// TODO: WE NEED TO LOOK FOR ALL THE NOTIFY_CLIENT EVENTS AND ADD THEM TO THE UVE_EVENTS CONSTANT WHEN WE MIGRATE THE EDITOR TO THE NEW UVE LIBRARY
+/**
+ * Events that can be subscribed to in the UVE
+ *
+ * @internal
+ * @type {Record<string, UVEEvent>}
+ */
+const __UVE_EVENTS__ = {
+  changes: callback => {
+    const messageCallback = event => {
+      if (event.data.name === __DOTCMS_UVE_EVENT__.UVE_SET_PAGE_DATA) {
+        callback(event.data.payload);
+      }
+    };
+    window.addEventListener('message', messageCallback);
+    return {
+      unsubscribe: () => {
+        window.removeEventListener('message', messageCallback);
+      },
+      event: 'changes'
+    };
+  }
+};
+/**
+ * Default UVE event
+ *
+ * @param {string} event - The event to subscribe to.
+ * @internal
+ */
+const __UVE_EVENT_ERROR_FALLBACK__ = event => {
+  return {
+    unsubscribe: () => {
+      /* do nothing */
+    },
+    event
+  };
+};
+
+export { __DOTCMS_UVE_EVENT__, __UVE_EVENTS__, __UVE_EVENT_ERROR_FALLBACK__ };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/uve",
-  "version": "0.0.1-beta.0",
+  "version": "0.0.1-beta.10",
   "description": "Official JavaScript library for interacting with Universal Visual Editor (UVE)",
   "repository": {
     "type": "git",
@@ -13,12 +13,6 @@
     "UVE",
     "Universal Visual Editor"
   ],
-  "author": "dotcms <dev@dotcms.com>",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/dotCMS/core/issues"
-  },
-  "homepage": "https://github.com/dotCMS/core/tree/main/core-web/libs/sdk/client/README.md",
   "exports": {
     "./package.json": "./package.json",
     ".": {
@@ -32,9 +26,34 @@
       "types": "./types.esm.d.ts",
       "import": "./types.cjs.mjs",
       "default": "./types.cjs.js"
+    },
+    "./internal": {
+      "module": "./internal.esm.js",
+      "types": "./internal.esm.d.ts",
+      "import": "./internal.cjs.mjs",
+      "default": "./internal.cjs.js"
     }
   },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./src/index.d.ts"
+      ],
+      "types": [
+        "./src/types.d.ts"
+      ],
+      "internal": [
+        "./src/internal.d.ts"
+      ]
+    }
+  },
+  "author": "dotcms <dev@dotcms.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/dotCMS/core/issues"
+  },
+  "homepage": "https://github.com/dotCMS/core/tree/main/core-web/libs/sdk/uve/README.md",
   "module": "./index.esm.js",
   "main": "./index.cjs.js",
   "types": "./index.esm.d.ts"
-}
+}

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/utils';

package/src/internal/constants.d.ts

@@ -0,0 +1,18 @@
+import { UVEEvent } from '../lib/types/editor/public';
+/**
+ * Events that can be subscribed to in the UVE
+ *
+ * @internal
+ * @type {Record<string, UVEEvent>}
+ */
+export declare const __UVE_EVENTS__: Record<string, UVEEvent>;
+/**
+ * Default UVE event
+ *
+ * @param {string} event - The event to subscribe to.
+ * @internal
+ */
+export declare const __UVE_EVENT_ERROR_FALLBACK__: (event: string) => {
+    unsubscribe: () => void;
+    event: string;
+};

package/src/internal/index.d.ts

@@ -0,0 +1 @@
+export * from './constants';

package/src/internal.d.ts

@@ -0,0 +1,3 @@
+export * from './internal/index';
+export * from './lib/types/editor/internal';
+export * from './lib/types/events/internal';

package/src/lib/types/editor/internal.d.ts

@@ -0,0 +1,44 @@
+import { DotCMSUVEAction } from './public';
+/**
+ * @description Custom client parameters for fetching data.
+ */
+export type DotCMSCustomerParams = {
+    depth: string;
+};
+/**
+ * Configuration for reordering a menu.
+ */
+export interface DotCMSReorderMenuConfig {
+    /**
+     * The starting level of the menu to be reordered.
+     */
+    startLevel: number;
+    /**
+     * The depth of the menu levels to be reordered.
+     */
+    depth: number;
+}
+declare global {
+    interface Window {
+        dotCMSUVE: DotCMSUVE;
+    }
+}
+/**
+ * Post message props
+ *
+ * @export
+ * @template T
+ * @interface DotCMSUVEMessage
+ */
+export type DotCMSUVEMessage<T> = {
+    action: DotCMSUVEAction;
+    payload?: T;
+};
+type DotCMSUVEFunction = (...args: any[]) => void;
+export interface DotCMSUVE {
+    editContentlet: DotCMSUVEFunction;
+    initInlineEditing: DotCMSUVEFunction;
+    reorderMenu: DotCMSUVEFunction;
+    lastScrollYPosition: number;
+}
+export {};

package/src/lib/types/editor/public.d.ts

@@ -0,0 +1,138 @@
+/**
+ * Represents the state of the Universal Visual Editor (UVE)
+ * @interface
+ * @property {UVE_MODE} mode - The current mode of operation for UVE (EDIT, PREVIEW, LIVE, or UNKNOWN)
+ * @property {string | null} persona - The selected persona for content personalization
+ * @property {string | null} variantName - The name of the current content variant
+ * @property {string | null} experimentId - The identifier for the current A/B testing experiment
+ * @property {string | null} publishDate - The scheduled publish date for content
+ * @property {string | null} languageId - The identifier for the current language selection
+ */
+export interface UVEState {
+    mode: UVE_MODE;
+    persona: string | null;
+    variantName: string | null;
+    experimentId: string | null;
+    publishDate: string | null;
+    languageId: string | null;
+}
+/**
+ * Possible modes of UVE (Universal Visual Editor)
+ * @enum {string}
+ *
+ * @property {string} LIVE - Shows published and future content
+ * @property {string} PREVIEW - Shows published and working content
+ * @property {string} EDIT - Enables content editing functionality in UVE
+ * @property {string} UNKNOWN - Error state, UVE should not remain in this mode
+ */
+export declare enum UVE_MODE {
+    EDIT = "EDIT_MODE",
+    PREVIEW = "PREVIEW_MODE",
+    LIVE = "LIVE",
+    UNKNOWN = "UNKNOWN"
+}
+/**
+ * Callback function for UVE events
+ * @callback UVECallback
+ * @param {unknown} payload - The payload of the event
+ */
+export type UVECallback = (payload: unknown) => void;
+/**
+ * Unsubscribe function for UVE events
+ * @callback UnsubscribeUVE
+ */
+export type UnsubscribeUVE = () => void;
+/**
+ * UVESubscription type
+ * @typedef {Object} UVESubscription
+ * @property {UnsubscribeUVE} unsubscribe - The unsubscribe function for the UVE event
+ * @property {string} event - The event name
+ */
+export type UVESubscription = {
+    unsubscribe: UnsubscribeUVE;
+    event: string;
+};
+/**
+ * UVE event type
+ * @typedef {function} UVEEvent
+ */
+export type UVEEvent = (callback: UVECallback) => UVESubscription;
+/**
+ * Configuration type for DotCMS Editor
+ * @typedef {Object} DotCMSEditoConfig
+ * @property {Object} [params] - Parameters for Page API configuration
+ * @property {number} [params.depth] - The depth level for fetching page data
+ * @property {string} [query] - GraphQL query string for data fetching
+ */
+export type DotCMSEditorConfig = {
+    params: {
+        depth: number;
+    };
+} | {
+    query: string;
+};
+/**
+ * Actions send to the dotcms editor
+ *
+ * @export
+ * @enum {number}
+ */
+export declare enum DotCMSUVEAction {
+    /**
+     * Tell the dotcms editor that page change
+     */
+    NAVIGATION_UPDATE = "set-url",
+    /**
+     * Send the element position of the rows, columnsm containers and contentlets
+     */
+    SET_BOUNDS = "set-bounds",
+    /**
+     * Send the information of the hovered contentlet
+     */
+    SET_CONTENTLET = "set-contentlet",
+    /**
+     * Tell the editor that the page is being scrolled
+     */
+    IFRAME_SCROLL = "scroll",
+    /**
+     * Tell the editor that the page has stopped scrolling
+     */
+    IFRAME_SCROLL_END = "scroll-end",
+    /**
+     * Ping the editor to see if the page is inside the editor
+     */
+    PING_EDITOR = "ping-editor",
+    /**
+     * Tell the editor to init the inline editing editor.
+     */
+    INIT_INLINE_EDITING = "init-inline-editing",
+    /**
+     * Tell the editor to open the Copy-contentlet dialog
+     * To copy a content and then edit it inline.
+     */
+    COPY_CONTENTLET_INLINE_EDITING = "copy-contentlet-inline-editing",
+    /**
+     * Tell the editor to save inline edited contentlet
+     */
+    UPDATE_CONTENTLET_INLINE_EDITING = "update-contentlet-inline-editing",
+    /**
+     * Tell the editor to trigger a menu reorder
+     */
+    REORDER_MENU = "reorder-menu",
+    /**
+     * Tell the editor to send the page info to iframe
+     */
+    GET_PAGE_DATA = "get-page-data",
+    /**
+     * Tell the editor an user send a graphql query
+     */
+    CLIENT_READY = "client-ready",
+    /**
+     * Tell the editor to edit a contentlet
+     */
+    EDIT_CONTENTLET = "edit-contentlet",
+    /**
+     * Tell the editor to do nothing
+     */
+    NOOP = "noop"
+}

package/src/lib/types/events/internal.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Actions received from the dotcms editor
+ *
+ * @export
+ * @enum {number}
+ */
+export declare enum __DOTCMS_UVE_EVENT__ {
+    /**
+     * Request to page to reload
+     */
+    UVE_RELOAD_PAGE = "uve-reload-page",
+    /**
+     * Request the bounds for the elements
+     */
+    UVE_REQUEST_BOUNDS = "uve-request-bounds",
+    /**
+     * Received pong from the editor
+     */
+    UVE_EDITOR_PONG = "uve-editor-pong",
+    /**
+     * Received scroll event trigger from the editor
+     */
+    UVE_SCROLL_INSIDE_IFRAME = "uve-scroll-inside-iframe",
+    /**
+     * Set the page data
+     */
+    UVE_SET_PAGE_DATA = "uve-set-page-data",
+    /**
+     * Copy contentlet inline editing success
+     */
+    UVE_COPY_CONTENTLET_INLINE_EDITING_SUCCESS = "uve-copy-contentlet-inline-editing-success"
+}

package/src/lib/types/events/public.d.ts

@@ -0,0 +1,18 @@
+export type DotCMSInlineEditingType = 'BLOCK_EDITOR' | 'WYSIWYG';
+/**
+ * Interface representing the data needed for inline editing in DotCMS
+ *
+ * @interface DotCMSInlineEditorData
+ * @property {string} inode - The inode identifier of the content being edited
+ * @property {number} language - The language ID of the content
+ * @property {string} contentType - The content type identifier
+ * @property {string} fieldName - The name of the field being edited
+ * @property {Record<string, unknown>} content - The content data as key-value pairs
+ */
+export interface DotCMSInlineEditingPayload {
+    inode: string;
+    language: number;
+    contentType: string;
+    fieldName: string;
+    content: Record<string, unknown>;
+}

package/src/lib/utils.d.ts

@@ -1,4 +1,4 @@
-import { UVEState } from './types';
+import { UVECallback, UVEState, UVESubscription } from './types/editor/public';
 /**
  * Gets the current state of the Universal Visual Editor (UVE).
  *
@@ -28,3 +28,18 @@ import { UVEState } from './types';
  * ```
  */
 export declare function getUVEState(): UVEState | undefined;
+/**
+ * Creates a subscription to a UVE event.
+ *
+ * @param {string} event - The event to subscribe to.
+ * @param {UVECallback} callback - The callback to call when the event is triggered.
+ * @return {UnsubscribeUVE | undefined} The unsubscribe function if the event is valid, undefined otherwise.
+ *
+ * @example
+ * ```ts
+ * const unsubscribeChanges = createUVESubscription('changes', (payload) => {
+ *   console.log(payload);
+ * });
+ * ```
+ */
+export declare function createUVESubscription(event: string, callback: UVECallback): UVESubscription;

package/src/types.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/types/editor/public';
+export * from './lib/types/events/public';

package/types.cjs.d.ts

@@ -1 +1 @@
-export * from "./src/public/types";
+export * from "./src/types";

package/types.cjs.js

@@ -11,8 +11,74 @@
  */
 exports.UVE_MODE = void 0;
 (function (UVE_MODE) {
-    UVE_MODE["EDIT"] = "EDIT_MODE";
-    UVE_MODE["PREVIEW"] = "PREVIEW_MODE";
-    UVE_MODE["LIVE"] = "LIVE";
-    UVE_MODE["UNKNOWN"] = "UNKNOWN";
+  UVE_MODE["EDIT"] = "EDIT_MODE";
+  UVE_MODE["PREVIEW"] = "PREVIEW_MODE";
+  UVE_MODE["LIVE"] = "LIVE";
+  UVE_MODE["UNKNOWN"] = "UNKNOWN";
 })(exports.UVE_MODE || (exports.UVE_MODE = {}));
+/**
+ * Actions send to the dotcms editor
+ *
+ * @export
+ * @enum {number}
+ */
+exports.DotCMSUVEAction = void 0;
+(function (DotCMSUVEAction) {
+  /**
+   * Tell the dotcms editor that page change
+   */
+  DotCMSUVEAction["NAVIGATION_UPDATE"] = "set-url";
+  /**
+   * Send the element position of the rows, columnsm containers and contentlets
+   */
+  DotCMSUVEAction["SET_BOUNDS"] = "set-bounds";
+  /**
+   * Send the information of the hovered contentlet
+   */
+  DotCMSUVEAction["SET_CONTENTLET"] = "set-contentlet";
+  /**
+   * Tell the editor that the page is being scrolled
+   */
+  DotCMSUVEAction["IFRAME_SCROLL"] = "scroll";
+  /**
+   * Tell the editor that the page has stopped scrolling
+   */
+  DotCMSUVEAction["IFRAME_SCROLL_END"] = "scroll-end";
+  /**
+   * Ping the editor to see if the page is inside the editor
+   */
+  DotCMSUVEAction["PING_EDITOR"] = "ping-editor";
+  /**
+   * Tell the editor to init the inline editing editor.
+   */
+  DotCMSUVEAction["INIT_INLINE_EDITING"] = "init-inline-editing";
+  /**
+   * Tell the editor to open the Copy-contentlet dialog
+   * To copy a content and then edit it inline.
+   */
+  DotCMSUVEAction["COPY_CONTENTLET_INLINE_EDITING"] = "copy-contentlet-inline-editing";
+  /**
+   * Tell the editor to save inline edited contentlet
+   */
+  DotCMSUVEAction["UPDATE_CONTENTLET_INLINE_EDITING"] = "update-contentlet-inline-editing";
+  /**
+   * Tell the editor to trigger a menu reorder
+   */
+  DotCMSUVEAction["REORDER_MENU"] = "reorder-menu";
+  /**
+   * Tell the editor to send the page info to iframe
+   */
+  DotCMSUVEAction["GET_PAGE_DATA"] = "get-page-data";
+  /**
+   * Tell the editor an user send a graphql query
+   */
+  DotCMSUVEAction["CLIENT_READY"] = "client-ready";
+  /**
+   * Tell the editor to edit a contentlet
+   */
+  DotCMSUVEAction["EDIT_CONTENTLET"] = "edit-contentlet";
+  /**
+   * Tell the editor to do nothing
+   */
+  DotCMSUVEAction["NOOP"] = "noop";
+})(exports.DotCMSUVEAction || (exports.DotCMSUVEAction = {}));

package/types.esm.d.ts

@@ -1 +1 @@
-export * from "./src/public/types";
+export * from "./src/types";

package/types.esm.js

@@ -9,10 +9,76 @@
  */
 var UVE_MODE;
 (function (UVE_MODE) {
-    UVE_MODE["EDIT"] = "EDIT_MODE";
-    UVE_MODE["PREVIEW"] = "PREVIEW_MODE";
-    UVE_MODE["LIVE"] = "LIVE";
-    UVE_MODE["UNKNOWN"] = "UNKNOWN";
+  UVE_MODE["EDIT"] = "EDIT_MODE";
+  UVE_MODE["PREVIEW"] = "PREVIEW_MODE";
+  UVE_MODE["LIVE"] = "LIVE";
+  UVE_MODE["UNKNOWN"] = "UNKNOWN";
 })(UVE_MODE || (UVE_MODE = {}));
+/**
+ * Actions send to the dotcms editor
+ *
+ * @export
+ * @enum {number}
+ */
+var DotCMSUVEAction;
+(function (DotCMSUVEAction) {
+  /**
+   * Tell the dotcms editor that page change
+   */
+  DotCMSUVEAction["NAVIGATION_UPDATE"] = "set-url";
+  /**
+   * Send the element position of the rows, columnsm containers and contentlets
+   */
+  DotCMSUVEAction["SET_BOUNDS"] = "set-bounds";
+  /**
+   * Send the information of the hovered contentlet
+   */
+  DotCMSUVEAction["SET_CONTENTLET"] = "set-contentlet";
+  /**
+   * Tell the editor that the page is being scrolled
+   */
+  DotCMSUVEAction["IFRAME_SCROLL"] = "scroll";
+  /**
+   * Tell the editor that the page has stopped scrolling
+   */
+  DotCMSUVEAction["IFRAME_SCROLL_END"] = "scroll-end";
+  /**
+   * Ping the editor to see if the page is inside the editor
+   */
+  DotCMSUVEAction["PING_EDITOR"] = "ping-editor";
+  /**
+   * Tell the editor to init the inline editing editor.
+   */
+  DotCMSUVEAction["INIT_INLINE_EDITING"] = "init-inline-editing";
+  /**
+   * Tell the editor to open the Copy-contentlet dialog
+   * To copy a content and then edit it inline.
+   */
+  DotCMSUVEAction["COPY_CONTENTLET_INLINE_EDITING"] = "copy-contentlet-inline-editing";
+  /**
+   * Tell the editor to save inline edited contentlet
+   */
+  DotCMSUVEAction["UPDATE_CONTENTLET_INLINE_EDITING"] = "update-contentlet-inline-editing";
+  /**
+   * Tell the editor to trigger a menu reorder
+   */
+  DotCMSUVEAction["REORDER_MENU"] = "reorder-menu";
+  /**
+   * Tell the editor to send the page info to iframe
+   */
+  DotCMSUVEAction["GET_PAGE_DATA"] = "get-page-data";
+  /**
+   * Tell the editor an user send a graphql query
+   */
+  DotCMSUVEAction["CLIENT_READY"] = "client-ready";
+  /**
+   * Tell the editor to edit a contentlet
+   */
+  DotCMSUVEAction["EDIT_CONTENTLET"] = "edit-contentlet";
+  /**
+   * Tell the editor to do nothing
+   */
+  DotCMSUVEAction["NOOP"] = "noop";
+})(DotCMSUVEAction || (DotCMSUVEAction = {}));
 
-export { UVE_MODE };
+export { DotCMSUVEAction, UVE_MODE };

package/src/lib/types.d.ts

@@ -1,33 +0,0 @@
-/**
- * Represents the state of the Universal Visual Editor (UVE)
- * @interface
- * @property {UVE_MODE} mode - The current mode of operation for UVE (EDIT, PREVIEW, LIVE, or UNKNOWN)
- * @property {string | null} persona - The selected persona for content personalization
- * @property {string | null} variantName - The name of the current content variant
- * @property {string | null} experimentId - The identifier for the current A/B testing experiment
- * @property {string | null} publishDate - The scheduled publish date for content
- * @property {string | null} languageId - The identifier for the current language selection
- */
-export interface UVEState {
-    mode: UVE_MODE;
-    persona: string | null;
-    variantName: string | null;
-    experimentId: string | null;
-    publishDate: string | null;
-    languageId: string | null;
-}
-/**
- * Possible modes of UVE (Universal Visual Editor)
- * @enum {string}
- *
- * @property {string} LIVE - Shows published and future content
- * @property {string} PREVIEW - Shows published and working content
- * @property {string} EDIT - Enables content editing functionality in UVE
- * @property {string} UNKNOWN - Error state, UVE should not remain in this mode
- */
-export declare enum UVE_MODE {
-    EDIT = "EDIT_MODE",
-    PREVIEW = "PREVIEW_MODE",
-    LIVE = "LIVE",
-    UNKNOWN = "UNKNOWN"
-}

package/src/public/index.d.ts

@@ -1,2 +0,0 @@
-import { getUVEState } from '../lib/utils';
-export { getUVEState };

package/src/public/types.d.ts

@@ -1,2 +0,0 @@
-import { UVE_MODE, UVEState } from '../lib/types';
-export { UVE_MODE, UVEState };