@contentstack/live-preview-utils 3.2.2 → 3.2.4

package/README.md

@@ -15,8 +15,8 @@ npm install @contentstack/live-preview-utils
 Alternatively, if you want to include the package directly in your website HTML code, use the following command:
 
 ```html
-<script type='module'  integrity='sha384-SHUnMbbEHjE8k0KW44O7mqfIkMq3FXetFL0TBcsLnyje7aLZch0lhjcp2HxvHC8B' crossorigin="anonymous">
-     import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@3.2.2';
+<script type='module'  integrity='sha384-b6G+ggU20rGxqCqsgaS6zludFgj5N11xsuXhMEIARMuQY2PtyDS04TU0H5goP+32' crossorigin="anonymous">
+     import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@3.2.4';
 
      ContentstackLivePreview.init({
         stackDetails: {

package/dist/legacy/index.cjs

@@ -35,50 +35,8 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 var import_contentstack_live_preview_HOC = __toESM(require("./preview/contentstack-live-preview-HOC.cjs"), 1);
-var _LightLivePreviewHoC = class _LightLivePreviewHoC {
-  static init() {
-    if (typeof window === "undefined") {
-      return Promise.resolve(_LightLivePreviewHoC.previewConstructors);
-    }
-    return _LightLivePreviewHoC.initializePreview();
-  }
-  static initializePreview() {
-    _LightLivePreviewHoC.previewConstructors = {
-      livePreview: {},
-      visualBuilder: {}
-    };
-    _LightLivePreviewHoC.onEntryChangeCallbacks = {};
-    return Promise.resolve(_LightLivePreviewHoC.previewConstructors);
-  }
-  static get hash() {
-    return "";
-  }
-  static get config() {
-    return {};
-  }
-  static isInitialized() {
-    return false;
-  }
-  static onEntryChange(callback, config = {}) {
-    const { skipInitialRender = false } = config;
-    if (!skipInitialRender) {
-      callback();
-    }
-    return "live-preview-id";
-  }
-  static onLiveEdit(callback) {
-    return "live-preview-id";
-  }
-  static unsubscribeOnEntryChange() {
-  }
-  static getSdkVersion() {
-    return "3.2.2";
-  }
-};
-_LightLivePreviewHoC.previewConstructors = {};
-_LightLivePreviewHoC.onEntryChangeCallbacks = {};
-var LightLivePreviewHoC = _LightLivePreviewHoC;
-var ContentstackLivePreview = typeof process !== "undefined" && (process.env.PURGE_PREVIEW_SDK === "true" || process.env.REACT_APP_PURGE_PREVIEW_SDK === "true") ? LightLivePreviewHoC : import_contentstack_live_preview_HOC.default;
+var import_light_sdk = __toESM(require("./light-sdk.cjs"), 1);
+var ContentstackLivePreview = typeof process !== "undefined" && (process.env.PURGE_PREVIEW_SDK === "true" || process.env.REACT_APP_PURGE_PREVIEW_SDK === "true") ? import_light_sdk.default : import_contentstack_live_preview_HOC.default;
 var VB_EmptyBlockParentClass = "visual-builder__empty-block-parent";
 var index_default = ContentstackLivePreview;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/legacy/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC from \"./preview/contentstack-live-preview-HOC\";\nimport { IStackSdk as ExternalStackSdkType } from \"./types/types\";\n\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeConfig,\n} from \"./livePreview/types/onEntryChangeCallback.type\";\n\nexport type IStackSdk = ExternalStackSdkType;\n\nclass LightLivePreviewHoC {\n    private static previewConstructors = {};\n    private static onEntryChangeCallbacks = {};\n\n    static init() {\n        if (typeof window === \"undefined\") {\n            return Promise.resolve(LightLivePreviewHoC.previewConstructors);\n        }\n\n        return LightLivePreviewHoC.initializePreview();\n    }\n\n    private static initializePreview() {\n        LightLivePreviewHoC.previewConstructors = {\n            livePreview: {},\n            visualBuilder: {},\n        };\n\n        LightLivePreviewHoC.onEntryChangeCallbacks = {};\n\n        return Promise.resolve(LightLivePreviewHoC.previewConstructors);\n    }\n\n    static get hash() {\n        return \"\";\n    }\n\n    static get config() {\n        return {};\n    }\n\n    static isInitialized() {\n        return false;\n    }\n\n    static onEntryChange(\n        callback: OnEntryChangeCallback,\n        config: OnEntryChangeConfig = {}\n    ): OnEntryChangeCallbackUID {\n        const { skipInitialRender = false } = config;\n\n        if (!skipInitialRender) {\n            callback();\n        }\n\n        return \"live-preview-id\";\n    }\n\n    static onLiveEdit(callback: OnEntryChangeCallback) {\n        return \"live-preview-id\";\n    }\n\n    static unsubscribeOnEntryChange() {\n        // intentionally empty\n    }\n\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\nconst ContentstackLivePreview =\n    typeof process !== \"undefined\" &&\n    (process?.env?.PURGE_PREVIEW_SDK === \"true\" ||\n        process?.env?.REACT_APP_PURGE_PREVIEW_SDK === \"true\")\n        ? LightLivePreviewHoC\n        : ContentstackLivePreviewHOC;\n\nexport const VB_EmptyBlockParentClass = \"visual-builder__empty-block-parent\";\nexport default ContentstackLivePreview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CAAuC;AAWvC,IAAM,uBAAN,MAAM,qBAAoB;AAAA,EAItB,OAAO,OAAO;AACV,QAAI,OAAO,WAAW,aAAa;AAC/B,aAAO,QAAQ,QAAQ,qBAAoB,mBAAmB;AAAA,IAClE;AAEA,WAAO,qBAAoB,kBAAkB;AAAA,EACjD;AAAA,EAEA,OAAe,oBAAoB;AAC/B,yBAAoB,sBAAsB;AAAA,MACtC,aAAa,CAAC;AAAA,MACd,eAAe,CAAC;AAAA,IACpB;AAEA,yBAAoB,yBAAyB,CAAC;AAE9C,WAAO,QAAQ,QAAQ,qBAAoB,mBAAmB;AAAA,EAClE;AAAA,EAEA,WAAW,OAAO;AACd,WAAO;AAAA,EACX;AAAA,EAEA,WAAW,SAAS;AAChB,WAAO,CAAC;AAAA,EACZ;AAAA,EAEA,OAAO,gBAAgB;AACnB,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,cACH,UACA,SAA8B,CAAC,GACP;AACxB,UAAM,EAAE,oBAAoB,MAAM,IAAI;AAEtC,QAAI,CAAC,mBAAmB;AACpB,eAAS;AAAA,IACb;AAEA,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,WAAW,UAAiC;AAC/C,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,2BAA2B;AAAA,EAElC;AAAA,EAEA,OAAO,gBAAwB;AAC3B,WAAO;AAAA,EACX;AACJ;AA3DM,qBACa,sBAAsB,CAAC;AADpC,qBAEa,yBAAyB,CAAC;AAF7C,IAAM,sBAAN;AA6DA,IAAM,0BACF,OAAO,YAAY,gBAClB,kCAAoC,UACjC,4CAA8C,UAC5C,sBACA,qCAAAA;AAEH,IAAM,2BAA2B;AACxC,IAAO,gBAAQ;","names":["ContentstackLivePreviewHOC"]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC from \"./preview/contentstack-live-preview-HOC\";\nimport { IStackSdk as ExternalStackSdkType } from \"./types/types\";\n\nimport LightLivePreviewHoC from \"./light-sdk\";\n\nexport type IStackSdk = ExternalStackSdkType;\n\n\nconst ContentstackLivePreview =\n    typeof process !== \"undefined\" &&\n    (process?.env?.PURGE_PREVIEW_SDK === \"true\" ||\n        process?.env?.REACT_APP_PURGE_PREVIEW_SDK === \"true\")\n        ? LightLivePreviewHoC\n        : ContentstackLivePreviewHOC;\n\nexport const VB_EmptyBlockParentClass = \"visual-builder__empty-block-parent\";\nexport default ContentstackLivePreview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CAAuC;AAGvC,uBAAgC;AAKhC,IAAM,0BACF,OAAO,YAAY,gBAClB,kCAAoC,UACjC,4CAA8C,UAC5C,iBAAAA,UACA,qCAAAC;AAEH,IAAM,2BAA2B;AACxC,IAAO,gBAAQ;","names":["LightLivePreviewHoC","ContentstackLivePreviewHOC"]}

package/dist/legacy/index.d.cts

@@ -1,23 +1,11 @@
 import ContentstackLivePreview$1 from './preview/contentstack-live-preview-HOC.cjs';
 import { IStackSdk as IStackSdk$1 } from './types/types.cjs';
-import { OnEntryChangeCallback, OnEntryChangeConfig, OnEntryChangeCallbackUID } from './livePreview/types/onEntryChangeCallback.type.cjs';
+import LightLivePreviewHoC from './light-sdk.cjs';
+import './livePreview/types/onEntryChangeCallback.type.cjs';
 import './visualBuilder/types/collab.types.cjs';
 
 type IStackSdk = IStackSdk$1;
-declare class LightLivePreviewHoC {
-    private static previewConstructors;
-    private static onEntryChangeCallbacks;
-    static init(): Promise<{}>;
-    private static initializePreview;
-    static get hash(): string;
-    static get config(): {};
-    static isInitialized(): boolean;
-    static onEntryChange(callback: OnEntryChangeCallback, config?: OnEntryChangeConfig): OnEntryChangeCallbackUID;
-    static onLiveEdit(callback: OnEntryChangeCallback): string;
-    static unsubscribeOnEntryChange(): void;
-    static getSdkVersion(): string;
-}
-declare const ContentstackLivePreview: typeof LightLivePreviewHoC | typeof ContentstackLivePreview$1;
+declare const ContentstackLivePreview: typeof ContentstackLivePreview$1 | typeof LightLivePreviewHoC;
 declare const VB_EmptyBlockParentClass = "visual-builder__empty-block-parent";
 
 export { type IStackSdk, VB_EmptyBlockParentClass, ContentstackLivePreview as default };

package/dist/legacy/index.d.ts

@@ -1,23 +1,11 @@
 import ContentstackLivePreview$1 from './preview/contentstack-live-preview-HOC.js';
 import { IStackSdk as IStackSdk$1 } from './types/types.js';
-import { OnEntryChangeCallback, OnEntryChangeConfig, OnEntryChangeCallbackUID } from './livePreview/types/onEntryChangeCallback.type.js';
+import LightLivePreviewHoC from './light-sdk.js';
+import './livePreview/types/onEntryChangeCallback.type.js';
 import './visualBuilder/types/collab.types.js';
 
 type IStackSdk = IStackSdk$1;
-declare class LightLivePreviewHoC {
-    private static previewConstructors;
-    private static onEntryChangeCallbacks;
-    static init(): Promise<{}>;
-    private static initializePreview;
-    static get hash(): string;
-    static get config(): {};
-    static isInitialized(): boolean;
-    static onEntryChange(callback: OnEntryChangeCallback, config?: OnEntryChangeConfig): OnEntryChangeCallbackUID;
-    static onLiveEdit(callback: OnEntryChangeCallback): string;
-    static unsubscribeOnEntryChange(): void;
-    static getSdkVersion(): string;
-}
-declare const ContentstackLivePreview: typeof LightLivePreviewHoC | typeof ContentstackLivePreview$1;
+declare const ContentstackLivePreview: typeof ContentstackLivePreview$1 | typeof LightLivePreviewHoC;
 declare const VB_EmptyBlockParentClass = "visual-builder__empty-block-parent";
 
 export { type IStackSdk, VB_EmptyBlockParentClass, ContentstackLivePreview as default };

package/dist/legacy/index.js

@@ -2,49 +2,7 @@ import "./chunk-5WRI5ZAA.js";
 
 // src/index.ts
 import ContentstackLivePreviewHOC from "./preview/contentstack-live-preview-HOC.js";
-var _LightLivePreviewHoC = class _LightLivePreviewHoC {
-  static init() {
-    if (typeof window === "undefined") {
-      return Promise.resolve(_LightLivePreviewHoC.previewConstructors);
-    }
-    return _LightLivePreviewHoC.initializePreview();
-  }
-  static initializePreview() {
-    _LightLivePreviewHoC.previewConstructors = {
-      livePreview: {},
-      visualBuilder: {}
-    };
-    _LightLivePreviewHoC.onEntryChangeCallbacks = {};
-    return Promise.resolve(_LightLivePreviewHoC.previewConstructors);
-  }
-  static get hash() {
-    return "";
-  }
-  static get config() {
-    return {};
-  }
-  static isInitialized() {
-    return false;
-  }
-  static onEntryChange(callback, config = {}) {
-    const { skipInitialRender = false } = config;
-    if (!skipInitialRender) {
-      callback();
-    }
-    return "live-preview-id";
-  }
-  static onLiveEdit(callback) {
-    return "live-preview-id";
-  }
-  static unsubscribeOnEntryChange() {
-  }
-  static getSdkVersion() {
-    return "3.2.2";
-  }
-};
-_LightLivePreviewHoC.previewConstructors = {};
-_LightLivePreviewHoC.onEntryChangeCallbacks = {};
-var LightLivePreviewHoC = _LightLivePreviewHoC;
+import LightLivePreviewHoC from "./light-sdk.js";
 var ContentstackLivePreview = typeof process !== "undefined" && (process.env.PURGE_PREVIEW_SDK === "true" || process.env.REACT_APP_PURGE_PREVIEW_SDK === "true") ? LightLivePreviewHoC : ContentstackLivePreviewHOC;
 var VB_EmptyBlockParentClass = "visual-builder__empty-block-parent";
 var index_default = ContentstackLivePreview;

package/dist/legacy/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC from \"./preview/contentstack-live-preview-HOC\";\nimport { IStackSdk as ExternalStackSdkType } from \"./types/types\";\n\nimport {\n    OnEntryChangeCallback,\n    OnEntryChangeCallbackUID,\n    OnEntryChangeConfig,\n} from \"./livePreview/types/onEntryChangeCallback.type\";\n\nexport type IStackSdk = ExternalStackSdkType;\n\nclass LightLivePreviewHoC {\n    private static previewConstructors = {};\n    private static onEntryChangeCallbacks = {};\n\n    static init() {\n        if (typeof window === \"undefined\") {\n            return Promise.resolve(LightLivePreviewHoC.previewConstructors);\n        }\n\n        return LightLivePreviewHoC.initializePreview();\n    }\n\n    private static initializePreview() {\n        LightLivePreviewHoC.previewConstructors = {\n            livePreview: {},\n            visualBuilder: {},\n        };\n\n        LightLivePreviewHoC.onEntryChangeCallbacks = {};\n\n        return Promise.resolve(LightLivePreviewHoC.previewConstructors);\n    }\n\n    static get hash() {\n        return \"\";\n    }\n\n    static get config() {\n        return {};\n    }\n\n    static isInitialized() {\n        return false;\n    }\n\n    static onEntryChange(\n        callback: OnEntryChangeCallback,\n        config: OnEntryChangeConfig = {}\n    ): OnEntryChangeCallbackUID {\n        const { skipInitialRender = false } = config;\n\n        if (!skipInitialRender) {\n            callback();\n        }\n\n        return \"live-preview-id\";\n    }\n\n    static onLiveEdit(callback: OnEntryChangeCallback) {\n        return \"live-preview-id\";\n    }\n\n    static unsubscribeOnEntryChange() {\n        // intentionally empty\n    }\n\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\nconst ContentstackLivePreview =\n    typeof process !== \"undefined\" &&\n    (process?.env?.PURGE_PREVIEW_SDK === \"true\" ||\n        process?.env?.REACT_APP_PURGE_PREVIEW_SDK === \"true\")\n        ? LightLivePreviewHoC\n        : ContentstackLivePreviewHOC;\n\nexport const VB_EmptyBlockParentClass = \"visual-builder__empty-block-parent\";\nexport default ContentstackLivePreview;\n"],"mappings":";;;AAAA,OAAO,gCAAgC;AAWvC,IAAM,uBAAN,MAAM,qBAAoB;AAAA,EAItB,OAAO,OAAO;AACV,QAAI,OAAO,WAAW,aAAa;AAC/B,aAAO,QAAQ,QAAQ,qBAAoB,mBAAmB;AAAA,IAClE;AAEA,WAAO,qBAAoB,kBAAkB;AAAA,EACjD;AAAA,EAEA,OAAe,oBAAoB;AAC/B,yBAAoB,sBAAsB;AAAA,MACtC,aAAa,CAAC;AAAA,MACd,eAAe,CAAC;AAAA,IACpB;AAEA,yBAAoB,yBAAyB,CAAC;AAE9C,WAAO,QAAQ,QAAQ,qBAAoB,mBAAmB;AAAA,EAClE;AAAA,EAEA,WAAW,OAAO;AACd,WAAO;AAAA,EACX;AAAA,EAEA,WAAW,SAAS;AAChB,WAAO,CAAC;AAAA,EACZ;AAAA,EAEA,OAAO,gBAAgB;AACnB,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,cACH,UACA,SAA8B,CAAC,GACP;AACxB,UAAM,EAAE,oBAAoB,MAAM,IAAI;AAEtC,QAAI,CAAC,mBAAmB;AACpB,eAAS;AAAA,IACb;AAEA,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,WAAW,UAAiC;AAC/C,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,2BAA2B;AAAA,EAElC;AAAA,EAEA,OAAO,gBAAwB;AAC3B,WAAO;AAAA,EACX;AACJ;AA3DM,qBACa,sBAAsB,CAAC;AADpC,qBAEa,yBAAyB,CAAC;AAF7C,IAAM,sBAAN;AA6DA,IAAM,0BACF,OAAO,YAAY,gBAClB,kCAAoC,UACjC,4CAA8C,UAC5C,sBACA;AAEH,IAAM,2BAA2B;AACxC,IAAO,gBAAQ;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import ContentstackLivePreviewHOC from \"./preview/contentstack-live-preview-HOC\";\nimport { IStackSdk as ExternalStackSdkType } from \"./types/types\";\n\nimport LightLivePreviewHoC from \"./light-sdk\";\n\nexport type IStackSdk = ExternalStackSdkType;\n\n\nconst ContentstackLivePreview =\n    typeof process !== \"undefined\" &&\n    (process?.env?.PURGE_PREVIEW_SDK === \"true\" ||\n        process?.env?.REACT_APP_PURGE_PREVIEW_SDK === \"true\")\n        ? LightLivePreviewHoC\n        : ContentstackLivePreviewHOC;\n\nexport const VB_EmptyBlockParentClass = \"visual-builder__empty-block-parent\";\nexport default ContentstackLivePreview;\n"],"mappings":";;;AAAA,OAAO,gCAAgC;AAGvC,OAAO,yBAAyB;AAKhC,IAAM,0BACF,OAAO,YAAY,gBAClB,kCAAoC,UACjC,4CAA8C,UAC5C,sBACA;AAEH,IAAM,2BAA2B;AACxC,IAAO,gBAAQ;","names":[]}

package/dist/legacy/light-sdk.cjs

@@ -0,0 +1,70 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/light-sdk.ts
+var light_sdk_exports = {};
+__export(light_sdk_exports, {
+  default: () => light_sdk_default
+});
+module.exports = __toCommonJS(light_sdk_exports);
+var _LightLivePreviewHoC = class _LightLivePreviewHoC {
+  static init() {
+    if (typeof window === "undefined") {
+      return Promise.resolve(_LightLivePreviewHoC.previewConstructors);
+    }
+    return _LightLivePreviewHoC.initializePreview();
+  }
+  static initializePreview() {
+    _LightLivePreviewHoC.previewConstructors = {
+      livePreview: {},
+      visualBuilder: {}
+    };
+    _LightLivePreviewHoC.onEntryChangeCallbacks = {};
+    return Promise.resolve(_LightLivePreviewHoC.previewConstructors);
+  }
+  static get hash() {
+    return "";
+  }
+  static get config() {
+    return {};
+  }
+  static isInitialized() {
+    return false;
+  }
+  static onEntryChange(callback, config = {}) {
+    const { skipInitialRender = false } = config;
+    if (!skipInitialRender) {
+      callback();
+    }
+    return "live-preview-id";
+  }
+  static onLiveEdit(callback) {
+    return "live-preview-id";
+  }
+  static unsubscribeOnEntryChange() {
+  }
+  static getSdkVersion() {
+    return "3.2.4";
+  }
+};
+_LightLivePreviewHoC.previewConstructors = {};
+_LightLivePreviewHoC.onEntryChangeCallbacks = {};
+var LightLivePreviewHoC = _LightLivePreviewHoC;
+var light_sdk_default = LightLivePreviewHoC;
+//# sourceMappingURL=light-sdk.cjs.map

package/dist/legacy/light-sdk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/light-sdk.ts"],"sourcesContent":["import { OnEntryChangeCallbackUID, OnEntryChangeConfig } from \"./livePreview/types/onEntryChangeCallback.type\";\n\nimport { OnEntryChangeCallback } from \"./livePreview/types/onEntryChangeCallback.type\";\nimport { IExportedConfig } from \"./types/types\";\n\nclass LightLivePreviewHoC {\n    private static previewConstructors = {};\n    private static onEntryChangeCallbacks = {};\n\n    static init() {\n        if (typeof window === \"undefined\") {\n            return Promise.resolve(LightLivePreviewHoC.previewConstructors);\n        }\n\n        return LightLivePreviewHoC.initializePreview();\n    }\n\n    private static initializePreview() {\n        LightLivePreviewHoC.previewConstructors = {\n            livePreview: {},\n            visualBuilder: {},\n        };\n\n        LightLivePreviewHoC.onEntryChangeCallbacks = {};\n\n        return Promise.resolve(LightLivePreviewHoC.previewConstructors);\n    }\n\n    static get hash() {\n        return \"\";\n    }\n\n    static get config() {\n        return {} as IExportedConfig;\n    }\n\n    static isInitialized() {\n        return false;\n    }\n\n    static onEntryChange(\n        callback: OnEntryChangeCallback,\n        config: OnEntryChangeConfig = {}\n    ): OnEntryChangeCallbackUID {\n        const { skipInitialRender = false } = config;\n\n        if (!skipInitialRender) {\n            callback();\n        }\n\n        return \"live-preview-id\";\n    }\n\n    static onLiveEdit(callback: OnEntryChangeCallback) {\n        return \"live-preview-id\";\n    }\n\n    static unsubscribeOnEntryChange() {\n        // intentionally empty\n    }\n\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\nexport default LightLivePreviewHoC;"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,IAAM,uBAAN,MAAM,qBAAoB;AAAA,EAItB,OAAO,OAAO;AACV,QAAI,OAAO,WAAW,aAAa;AAC/B,aAAO,QAAQ,QAAQ,qBAAoB,mBAAmB;AAAA,IAClE;AAEA,WAAO,qBAAoB,kBAAkB;AAAA,EACjD;AAAA,EAEA,OAAe,oBAAoB;AAC/B,yBAAoB,sBAAsB;AAAA,MACtC,aAAa,CAAC;AAAA,MACd,eAAe,CAAC;AAAA,IACpB;AAEA,yBAAoB,yBAAyB,CAAC;AAE9C,WAAO,QAAQ,QAAQ,qBAAoB,mBAAmB;AAAA,EAClE;AAAA,EAEA,WAAW,OAAO;AACd,WAAO;AAAA,EACX;AAAA,EAEA,WAAW,SAAS;AAChB,WAAO,CAAC;AAAA,EACZ;AAAA,EAEA,OAAO,gBAAgB;AACnB,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,cACH,UACA,SAA8B,CAAC,GACP;AACxB,UAAM,EAAE,oBAAoB,MAAM,IAAI;AAEtC,QAAI,CAAC,mBAAmB;AACpB,eAAS;AAAA,IACb;AAEA,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,WAAW,UAAiC;AAC/C,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,2BAA2B;AAAA,EAElC;AAAA,EAEA,OAAO,gBAAwB;AAC3B,WAAO;AAAA,EACX;AACJ;AA3DM,qBACa,sBAAsB,CAAC;AADpC,qBAEa,yBAAyB,CAAC;AAF7C,IAAM,sBAAN;AA6DA,IAAO,oBAAQ;","names":[]}

package/dist/legacy/light-sdk.d.cts

@@ -0,0 +1,19 @@
+import { OnEntryChangeCallback, OnEntryChangeConfig, OnEntryChangeCallbackUID } from './livePreview/types/onEntryChangeCallback.type.cjs';
+import { IExportedConfig } from './types/types.cjs';
+import './visualBuilder/types/collab.types.cjs';
+
+declare class LightLivePreviewHoC {
+    private static previewConstructors;
+    private static onEntryChangeCallbacks;
+    static init(): Promise<{}>;
+    private static initializePreview;
+    static get hash(): string;
+    static get config(): IExportedConfig;
+    static isInitialized(): boolean;
+    static onEntryChange(callback: OnEntryChangeCallback, config?: OnEntryChangeConfig): OnEntryChangeCallbackUID;
+    static onLiveEdit(callback: OnEntryChangeCallback): string;
+    static unsubscribeOnEntryChange(): void;
+    static getSdkVersion(): string;
+}
+
+export { LightLivePreviewHoC as default };

package/dist/legacy/light-sdk.d.ts

@@ -0,0 +1,19 @@
+import { OnEntryChangeCallback, OnEntryChangeConfig, OnEntryChangeCallbackUID } from './livePreview/types/onEntryChangeCallback.type.js';
+import { IExportedConfig } from './types/types.js';
+import './visualBuilder/types/collab.types.js';
+
+declare class LightLivePreviewHoC {
+    private static previewConstructors;
+    private static onEntryChangeCallbacks;
+    static init(): Promise<{}>;
+    private static initializePreview;
+    static get hash(): string;
+    static get config(): IExportedConfig;
+    static isInitialized(): boolean;
+    static onEntryChange(callback: OnEntryChangeCallback, config?: OnEntryChangeConfig): OnEntryChangeCallbackUID;
+    static onLiveEdit(callback: OnEntryChangeCallback): string;
+    static unsubscribeOnEntryChange(): void;
+    static getSdkVersion(): string;
+}
+
+export { LightLivePreviewHoC as default };

package/dist/legacy/light-sdk.js

@@ -0,0 +1,51 @@
+import "./chunk-5WRI5ZAA.js";
+
+// src/light-sdk.ts
+var _LightLivePreviewHoC = class _LightLivePreviewHoC {
+  static init() {
+    if (typeof window === "undefined") {
+      return Promise.resolve(_LightLivePreviewHoC.previewConstructors);
+    }
+    return _LightLivePreviewHoC.initializePreview();
+  }
+  static initializePreview() {
+    _LightLivePreviewHoC.previewConstructors = {
+      livePreview: {},
+      visualBuilder: {}
+    };
+    _LightLivePreviewHoC.onEntryChangeCallbacks = {};
+    return Promise.resolve(_LightLivePreviewHoC.previewConstructors);
+  }
+  static get hash() {
+    return "";
+  }
+  static get config() {
+    return {};
+  }
+  static isInitialized() {
+    return false;
+  }
+  static onEntryChange(callback, config = {}) {
+    const { skipInitialRender = false } = config;
+    if (!skipInitialRender) {
+      callback();
+    }
+    return "live-preview-id";
+  }
+  static onLiveEdit(callback) {
+    return "live-preview-id";
+  }
+  static unsubscribeOnEntryChange() {
+  }
+  static getSdkVersion() {
+    return "3.2.4";
+  }
+};
+_LightLivePreviewHoC.previewConstructors = {};
+_LightLivePreviewHoC.onEntryChangeCallbacks = {};
+var LightLivePreviewHoC = _LightLivePreviewHoC;
+var light_sdk_default = LightLivePreviewHoC;
+export {
+  light_sdk_default as default
+};
+//# sourceMappingURL=light-sdk.js.map

package/dist/legacy/light-sdk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/light-sdk.ts"],"sourcesContent":["import { OnEntryChangeCallbackUID, OnEntryChangeConfig } from \"./livePreview/types/onEntryChangeCallback.type\";\n\nimport { OnEntryChangeCallback } from \"./livePreview/types/onEntryChangeCallback.type\";\nimport { IExportedConfig } from \"./types/types\";\n\nclass LightLivePreviewHoC {\n    private static previewConstructors = {};\n    private static onEntryChangeCallbacks = {};\n\n    static init() {\n        if (typeof window === \"undefined\") {\n            return Promise.resolve(LightLivePreviewHoC.previewConstructors);\n        }\n\n        return LightLivePreviewHoC.initializePreview();\n    }\n\n    private static initializePreview() {\n        LightLivePreviewHoC.previewConstructors = {\n            livePreview: {},\n            visualBuilder: {},\n        };\n\n        LightLivePreviewHoC.onEntryChangeCallbacks = {};\n\n        return Promise.resolve(LightLivePreviewHoC.previewConstructors);\n    }\n\n    static get hash() {\n        return \"\";\n    }\n\n    static get config() {\n        return {} as IExportedConfig;\n    }\n\n    static isInitialized() {\n        return false;\n    }\n\n    static onEntryChange(\n        callback: OnEntryChangeCallback,\n        config: OnEntryChangeConfig = {}\n    ): OnEntryChangeCallbackUID {\n        const { skipInitialRender = false } = config;\n\n        if (!skipInitialRender) {\n            callback();\n        }\n\n        return \"live-preview-id\";\n    }\n\n    static onLiveEdit(callback: OnEntryChangeCallback) {\n        return \"live-preview-id\";\n    }\n\n    static unsubscribeOnEntryChange() {\n        // intentionally empty\n    }\n\n    static getSdkVersion(): string {\n        return process?.env?.PACKAGE_VERSION!;\n    }\n}\n\nexport default LightLivePreviewHoC;"],"mappings":";;;AAKA,IAAM,uBAAN,MAAM,qBAAoB;AAAA,EAItB,OAAO,OAAO;AACV,QAAI,OAAO,WAAW,aAAa;AAC/B,aAAO,QAAQ,QAAQ,qBAAoB,mBAAmB;AAAA,IAClE;AAEA,WAAO,qBAAoB,kBAAkB;AAAA,EACjD;AAAA,EAEA,OAAe,oBAAoB;AAC/B,yBAAoB,sBAAsB;AAAA,MACtC,aAAa,CAAC;AAAA,MACd,eAAe,CAAC;AAAA,IACpB;AAEA,yBAAoB,yBAAyB,CAAC;AAE9C,WAAO,QAAQ,QAAQ,qBAAoB,mBAAmB;AAAA,EAClE;AAAA,EAEA,WAAW,OAAO;AACd,WAAO;AAAA,EACX;AAAA,EAEA,WAAW,SAAS;AAChB,WAAO,CAAC;AAAA,EACZ;AAAA,EAEA,OAAO,gBAAgB;AACnB,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,cACH,UACA,SAA8B,CAAC,GACP;AACxB,UAAM,EAAE,oBAAoB,MAAM,IAAI;AAEtC,QAAI,CAAC,mBAAmB;AACpB,eAAS;AAAA,IACb;AAEA,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,WAAW,UAAiC;AAC/C,WAAO;AAAA,EACX;AAAA,EAEA,OAAO,2BAA2B;AAAA,EAElC;AAAA,EAEA,OAAO,gBAAwB;AAC3B,WAAO;AAAA,EACX;AACJ;AA3DM,qBACa,sBAAsB,CAAC;AADpC,qBAEa,yBAAyB,CAAC;AAF7C,IAAM,sBAAN;AA6DA,IAAO,oBAAQ;","names":[]}

package/dist/legacy/livePreview/eventManager/postMessageEvent.hooks.cjs

@@ -89,7 +89,7 @@ function sendInitializeLivePreviewPostMessageEvent() {
       config: {
         shouldReload: import_configManager.default.get().ssr,
         href: window.location.href,
-        sdkVersion: "3.2.2",
+        sdkVersion: "3.2.4",
         mode: import_configManager.default.get().mode
       }
     }

package/dist/legacy/livePreview/eventManager/postMessageEvent.hooks.js

@@ -55,7 +55,7 @@ function sendInitializeLivePreviewPostMessageEvent() {
       config: {
         shouldReload: Config.get().ssr,
         href: window.location.href,
-        sdkVersion: "3.2.2",
+        sdkVersion: "3.2.4",
         mode: Config.get().mode
       }
     }

package/dist/legacy/preview/contentstack-live-preview-HOC.cjs

@@ -227,7 +227,7 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
    * @returns The version of the SDK as a string.
    */
   static getSdkVersion() {
-    return "3.2.2";
+    return "3.2.4";
   }
 };
 _ContentstackLivePreview.previewConstructors = {};

package/dist/legacy/preview/contentstack-live-preview-HOC.js

@@ -195,7 +195,7 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
    * @returns The version of the SDK as a string.
    */
   static getSdkVersion() {
-    return "3.2.2";
+    return "3.2.4";
   }
 };
 _ContentstackLivePreview.previewConstructors = {};

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.cjs

@@ -94,26 +94,29 @@ var MentionSuggestionsList = ({
         }
       },
       ref: listRef,
-      children: filteredUsers.map((user, index) => {
-        var _a2;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "li",
-          {
-            onClick: () => insertMention(user),
-            className: (0, import_classnames.default)(
-              "collab-thread-body--input--textarea--suggestionsList--item",
-              (0, import_collab.collabStyles)()["collab-thread-body--input--textarea--suggestionsList--item"],
-              index === selectedIndex ? (0, import_collab.collabStyles)()["collab-thread-body--input--textarea--suggestionsList--item-selected"] : ""
-            ),
-            ref: (el) => itemRefs.current[index] = el,
-            onKeyDown: (e) => e.key === "Enter" ? insertMention(user) : handleKeyDown(e),
-            tabIndex: -1,
-            "aria-selected": index === selectedIndex,
-            children: (((_a2 = user.display) == null ? void 0 : _a2.length) || 0) > 20 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.default, { content: user.display || "", children: (user.display || "").substring(0, 18) + "..." }) : user.display || ""
-          },
-          user.uid
-        );
-      })
+      children: filteredUsers.map((user, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "li",
+        {
+          onClick: () => insertMention(user),
+          className: (0, import_classnames.default)(
+            "collab-thread-body--input--textarea--suggestionsList--item",
+            (0, import_collab.collabStyles)()["collab-thread-body--input--textarea--suggestionsList--item"],
+            index === selectedIndex ? (0, import_collab.collabStyles)()["collab-thread-body--input--textarea--suggestionsList--item-selected"] : ""
+          ),
+          ref: (el) => itemRefs.current[index] = el,
+          onKeyDown: (e) => e.key === "Enter" ? insertMention(user) : handleKeyDown(e),
+          tabIndex: -1,
+          "aria-selected": index === selectedIndex,
+          children: user.display === user.email ? user.display.length > 20 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.default, { content: user.display || "", children: (user.display || "").substring(0, 18) + "..." }) : user.display : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_Tooltip.default,
+            {
+              content: user.display + " - " + user.email || "",
+              children: user.display.length > 20 ? (user.display || "").substring(0, 18) + "..." : user.display
+            }
+          )
+        },
+        user.uid
+      ))
     }
   );
 };

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect } from \"preact/hooks\";\nimport { useCommentTextArea } from \"../../../hooks/useCommentTextArea\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport {\n    ICommentTextAreaProps,\n    IMentionList,\n} from \"../../../types/collab.types\";\nimport classNames from \"classnames\";\nimport Tooltip from \"../Tooltip/Tooltip\";\n\nconst ErrorIndicator: React.FC<{ errorMessage: string }> = ({\n    errorMessage,\n}) => (\n    <div\n        className={classNames(\n            \"collab-thread-input-indicator--error\",\n            collabStyles()[\"collab-thread-input-indicator--error\"]\n        )}\n    >\n        {errorMessage}\n    </div>\n);\n\nconst CharacterCounter: React.FC<{\n    currentLength: number;\n    maxLength: number;\n}> = ({ currentLength, maxLength }) => (\n    <div\n        className={classNames(\n            \"collab-thread-input-indicator--count\",\n            collabStyles()[\"collab-thread-input-indicator--count\"]\n        )}\n    >\n        {currentLength}/{maxLength}\n    </div>\n);\n\nconst MentionSuggestionsList: React.FC<{\n    filteredUsers: IMentionList[];\n    selectedIndex: number;\n    cursorPosition: { top: number; showAbove: boolean };\n    inputRef: React.RefObject<HTMLTextAreaElement>;\n    listRef: React.RefObject<HTMLUListElement>;\n    itemRefs: React.MutableRefObject<(HTMLLIElement | null)[]>;\n    insertMention: (user: IMentionList) => void;\n    handleKeyDown: (event: KeyboardEvent) => void;\n}> = ({\n    filteredUsers,\n    selectedIndex,\n    cursorPosition,\n    inputRef,\n    listRef,\n    itemRefs,\n    insertMention,\n    handleKeyDown,\n}) => {\n    if (filteredUsers.length === 0) return null;\n\n    return (\n        <ul\n            className={classNames(\n                \"collab-thread-body--input--textarea--suggestionsList\",\n                collabStyles()[\n                    \"collab-thread-body--input--textarea--suggestionsList\"\n                ]\n            )}\n            style={{\n                ...(cursorPosition.showAbove\n                    ? {\n                          bottom: `${window.innerHeight - (inputRef.current?.getBoundingClientRect().top || 0) - cursorPosition.top}px`,\n                          top: \"auto\",\n                      }\n                    : {\n                          top: `${(inputRef.current?.getBoundingClientRect().top || 0) + cursorPosition.top}px`,\n                      }),\n            }}\n            ref={listRef}\n        >\n            {filteredUsers.map((user, index) => (\n                <li\n                    key={user.uid}\n                    onClick={() => insertMention(user)}\n                    className={classNames(\n                        \"collab-thread-body--input--textarea--suggestionsList--item\",\n                        collabStyles()[\n                            \"collab-thread-body--input--textarea--suggestionsList--item\"\n                        ],\n                        index === selectedIndex\n                            ? collabStyles()[\n                                  \"collab-thread-body--input--textarea--suggestionsList--item-selected\"\n                              ]\n                            : \"\"\n                    )}\n                    ref={(el) => (itemRefs.current[index] = el)}\n                    onKeyDown={(e) =>\n                        e.key === \"Enter\"\n                            ? insertMention(user)\n                            : handleKeyDown(e as KeyboardEvent)\n                    }\n                    tabIndex={-1}\n                    aria-selected={index === selectedIndex}\n                >\n                    {(user.display?.length || 0) > 20 ? (\n                        <Tooltip content={user.display || \"\"}>\n                            {(user.display || \"\").substring(0, 18) + \"...\"}\n                        </Tooltip>\n                    ) : (\n                        user.display || \"\"\n                    )}\n                </li>\n            ))}\n        </ul>\n    );\n};\n\nconst CommentTextArea: React.FC<ICommentTextAreaProps> = React.memo(\n    ({ userState, handleOnSaveRef, comment, onClose }) => {\n        const {\n            state,\n            error,\n            showSuggestions,\n            cursorPosition,\n            selectedIndex,\n            filteredUsers,\n            inputRef,\n            listRef,\n            itemRefs,\n            handleInputChange,\n            handleKeyDown,\n            handleSubmit,\n            insertMention,\n            maxMessageLength,\n        } = useCommentTextArea(userState, comment, onClose);\n\n        const onChangeHandler = (event: Event) =>\n            handleInputChange(event as any);\n        const onKeyDownHandler = (event: KeyboardEvent) =>\n            handleKeyDown(event as any);\n\n        useEffect(() => {\n            handleOnSaveRef.current = handleSubmit;\n        }, [handleSubmit, handleOnSaveRef]);\n\n        return (\n            <div\n                className={classNames(\n                    \"collab-thread-body--input--wrapper\",\n                    collabStyles()[\"collab-thread-body--input--wrapper\"]\n                )}\n            >\n                <div\n                    className={classNames(\n                        \"collab-thread-body--input\",\n                        collabStyles()[\"collab-thread-body--input\"]\n                    )}\n                >\n                    <div\n                        className={classNames(\n                            \"collab-thread-body--input--textarea--wrapper\",\n                            collabStyles()[\n                                \"collab-thread-body--input--textarea--wrapper\"\n                            ]\n                        )}\n                    >\n                        <textarea\n                            name=\"collab-thread-body--input--textarea\"\n                            id=\"collab-thread-body--input--textarea\"\n                            rows={1}\n                            className={classNames(\n                                \"collab-thread-body--input--textarea\",\n                                collabStyles()[\n                                    \"collab-thread-body--input--textarea\"\n                                ]\n                            )}\n                            value={state.message}\n                            onChange={onChangeHandler}\n                            onKeyDown={onKeyDownHandler}\n                            maxLength={maxMessageLength}\n                            placeholder=\"Enter a comment or tag others using “@”\"\n                            ref={inputRef}\n                        />\n                        {showSuggestions && (\n                            <MentionSuggestionsList\n                                filteredUsers={filteredUsers}\n                                selectedIndex={selectedIndex}\n                                cursorPosition={cursorPosition}\n                                inputRef={inputRef}\n                                listRef={listRef}\n                                itemRefs={itemRefs}\n                                insertMention={insertMention}\n                                handleKeyDown={handleKeyDown}\n                            />\n                        )}\n                    </div>\n                </div>\n\n                <div\n                    className={classNames(\n                        \"collab-thread-input-indicator--wrapper\",\n                        \"flex-v-center\",\n                        collabStyles()[\n                            \"collab-thread-input-indicator--wrapper\"\n                        ],\n                        flexAlignCenter\n                    )}\n                >\n                    <ErrorIndicator errorMessage={error.message} />\n                    <CharacterCounter\n                        currentLength={state.message.length}\n                        maxLength={maxMessageLength}\n                    />\n                </div>\n            </div>\n        );\n    }\n);\n\nexport default CommentTextArea;\n"],"mappings":"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","names":["classNames","_a","Tooltip","React"]}
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect } from \"preact/hooks\";\nimport { useCommentTextArea } from \"../../../hooks/useCommentTextArea\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport {\n    ICommentTextAreaProps,\n    IMentionList,\n} from \"../../../types/collab.types\";\nimport classNames from \"classnames\";\nimport Tooltip from \"../Tooltip/Tooltip\";\n\nconst ErrorIndicator: React.FC<{ errorMessage: string }> = ({\n    errorMessage,\n}) => (\n    <div\n        className={classNames(\n            \"collab-thread-input-indicator--error\",\n            collabStyles()[\"collab-thread-input-indicator--error\"]\n        )}\n    >\n        {errorMessage}\n    </div>\n);\n\nconst CharacterCounter: React.FC<{\n    currentLength: number;\n    maxLength: number;\n}> = ({ currentLength, maxLength }) => (\n    <div\n        className={classNames(\n            \"collab-thread-input-indicator--count\",\n            collabStyles()[\"collab-thread-input-indicator--count\"]\n        )}\n    >\n        {currentLength}/{maxLength}\n    </div>\n);\n\nconst MentionSuggestionsList: React.FC<{\n    filteredUsers: IMentionList[];\n    selectedIndex: number;\n    cursorPosition: { top: number; showAbove: boolean };\n    inputRef: React.RefObject<HTMLTextAreaElement>;\n    listRef: React.RefObject<HTMLUListElement>;\n    itemRefs: React.MutableRefObject<(HTMLLIElement | null)[]>;\n    insertMention: (user: IMentionList) => void;\n    handleKeyDown: (event: KeyboardEvent) => void;\n}> = ({\n    filteredUsers,\n    selectedIndex,\n    cursorPosition,\n    inputRef,\n    listRef,\n    itemRefs,\n    insertMention,\n    handleKeyDown,\n}) => {\n    if (filteredUsers.length === 0) return null;\n\n    return (\n        <ul\n            className={classNames(\n                \"collab-thread-body--input--textarea--suggestionsList\",\n                collabStyles()[\n                    \"collab-thread-body--input--textarea--suggestionsList\"\n                ]\n            )}\n            style={{\n                ...(cursorPosition.showAbove\n                    ? {\n                          bottom: `${window.innerHeight - (inputRef.current?.getBoundingClientRect().top || 0) - cursorPosition.top}px`,\n                          top: \"auto\",\n                      }\n                    : {\n                          top: `${(inputRef.current?.getBoundingClientRect().top || 0) + cursorPosition.top}px`,\n                      }),\n            }}\n            ref={listRef}\n        >\n            {filteredUsers.map((user, index) => (\n                <li\n                    key={user.uid}\n                    onClick={() => insertMention(user)}\n                    className={classNames(\n                        \"collab-thread-body--input--textarea--suggestionsList--item\",\n                        collabStyles()[\n                            \"collab-thread-body--input--textarea--suggestionsList--item\"\n                        ],\n                        index === selectedIndex\n                            ? collabStyles()[\n                                  \"collab-thread-body--input--textarea--suggestionsList--item-selected\"\n                              ]\n                            : \"\"\n                    )}\n                    ref={(el) => (itemRefs.current[index] = el)}\n                    onKeyDown={(e) =>\n                        e.key === \"Enter\"\n                            ? insertMention(user)\n                            : handleKeyDown(e as KeyboardEvent)\n                    }\n                    tabIndex={-1}\n                    aria-selected={index === selectedIndex}\n                >\n                    {user.display === user.email ? (\n                        user.display.length > 20 ? (\n                            <Tooltip content={user.display || \"\"}>\n                                {(user.display || \"\").substring(0, 18) + \"...\"}\n                            </Tooltip>\n                        ) : (\n                            user.display\n                        )\n                    ) : (\n                        <Tooltip\n                            content={user.display + \" - \" + user.email || \"\"}\n                        >\n                            {user.display.length > 20\n                                ? (user.display || \"\").substring(0, 18) + \"...\"\n                                : user.display}\n                        </Tooltip>\n                    )}\n                </li>\n            ))}\n        </ul>\n    );\n};\n\nconst CommentTextArea: React.FC<ICommentTextAreaProps> = React.memo(\n    ({ userState, handleOnSaveRef, comment, onClose }) => {\n        const {\n            state,\n            error,\n            showSuggestions,\n            cursorPosition,\n            selectedIndex,\n            filteredUsers,\n            inputRef,\n            listRef,\n            itemRefs,\n            handleInputChange,\n            handleKeyDown,\n            handleSubmit,\n            insertMention,\n            maxMessageLength,\n        } = useCommentTextArea(userState, comment, onClose);\n\n        const onChangeHandler = (event: Event) =>\n            handleInputChange(event as any);\n        const onKeyDownHandler = (event: KeyboardEvent) =>\n            handleKeyDown(event as any);\n\n        useEffect(() => {\n            handleOnSaveRef.current = handleSubmit;\n        }, [handleSubmit, handleOnSaveRef]);\n\n        return (\n            <div\n                className={classNames(\n                    \"collab-thread-body--input--wrapper\",\n                    collabStyles()[\"collab-thread-body--input--wrapper\"]\n                )}\n            >\n                <div\n                    className={classNames(\n                        \"collab-thread-body--input\",\n                        collabStyles()[\"collab-thread-body--input\"]\n                    )}\n                >\n                    <div\n                        className={classNames(\n                            \"collab-thread-body--input--textarea--wrapper\",\n                            collabStyles()[\n                                \"collab-thread-body--input--textarea--wrapper\"\n                            ]\n                        )}\n                    >\n                        <textarea\n                            name=\"collab-thread-body--input--textarea\"\n                            id=\"collab-thread-body--input--textarea\"\n                            rows={1}\n                            className={classNames(\n                                \"collab-thread-body--input--textarea\",\n                                collabStyles()[\n                                    \"collab-thread-body--input--textarea\"\n                                ]\n                            )}\n                            value={state.message}\n                            onChange={onChangeHandler}\n                            onKeyDown={onKeyDownHandler}\n                            maxLength={maxMessageLength}\n                            placeholder=\"Enter a comment or tag others using “@”\"\n                            ref={inputRef}\n                        />\n                        {showSuggestions && (\n                            <MentionSuggestionsList\n                                filteredUsers={filteredUsers}\n                                selectedIndex={selectedIndex}\n                                cursorPosition={cursorPosition}\n                                inputRef={inputRef}\n                                listRef={listRef}\n                                itemRefs={itemRefs}\n                                insertMention={insertMention}\n                                handleKeyDown={handleKeyDown}\n                            />\n                        )}\n                    </div>\n                </div>\n\n                <div\n                    className={classNames(\n                        \"collab-thread-input-indicator--wrapper\",\n                        \"flex-v-center\",\n                        collabStyles()[\n                            \"collab-thread-input-indicator--wrapper\"\n                        ],\n                        flexAlignCenter\n                    )}\n                >\n                    <ErrorIndicator errorMessage={error.message} />\n                    <CharacterCounter\n                        currentLength={state.message.length}\n                        maxLength={maxMessageLength}\n                    />\n                </div>\n            </div>\n        );\n    }\n);\n\nexport default CommentTextArea;\n"],"mappings":"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","names":["classNames","Tooltip","React"]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentTextArea.js

@@ -62,26 +62,29 @@ var MentionSuggestionsList = ({
         }
       },
       ref: listRef,
-      children: filteredUsers.map((user, index) => {
-        var _a2;
-        return /* @__PURE__ */ jsx(
-          "li",
-          {
-            onClick: () => insertMention(user),
-            className: classNames(
-              "collab-thread-body--input--textarea--suggestionsList--item",
-              collabStyles()["collab-thread-body--input--textarea--suggestionsList--item"],
-              index === selectedIndex ? collabStyles()["collab-thread-body--input--textarea--suggestionsList--item-selected"] : ""
-            ),
-            ref: (el) => itemRefs.current[index] = el,
-            onKeyDown: (e) => e.key === "Enter" ? insertMention(user) : handleKeyDown(e),
-            tabIndex: -1,
-            "aria-selected": index === selectedIndex,
-            children: (((_a2 = user.display) == null ? void 0 : _a2.length) || 0) > 20 ? /* @__PURE__ */ jsx(Tooltip, { content: user.display || "", children: (user.display || "").substring(0, 18) + "..." }) : user.display || ""
-          },
-          user.uid
-        );
-      })
+      children: filteredUsers.map((user, index) => /* @__PURE__ */ jsx(
+        "li",
+        {
+          onClick: () => insertMention(user),
+          className: classNames(
+            "collab-thread-body--input--textarea--suggestionsList--item",
+            collabStyles()["collab-thread-body--input--textarea--suggestionsList--item"],
+            index === selectedIndex ? collabStyles()["collab-thread-body--input--textarea--suggestionsList--item-selected"] : ""
+          ),
+          ref: (el) => itemRefs.current[index] = el,
+          onKeyDown: (e) => e.key === "Enter" ? insertMention(user) : handleKeyDown(e),
+          tabIndex: -1,
+          "aria-selected": index === selectedIndex,
+          children: user.display === user.email ? user.display.length > 20 ? /* @__PURE__ */ jsx(Tooltip, { content: user.display || "", children: (user.display || "").substring(0, 18) + "..." }) : user.display : /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              content: user.display + " - " + user.email || "",
+              children: user.display.length > 20 ? (user.display || "").substring(0, 18) + "..." : user.display
+            }
+          )
+        },
+        user.uid
+      ))
     }
   );
 };