@contentstack/live-preview-utils 3.1.0 → 3.2.0-alpha.1

package/dist/modern/visualBuilder/utils/collabUtils.d.ts

@@ -0,0 +1,52 @@
+import { IUserDTO, IMentionedList, IMentionItem, IMessageDTO, IUserState, ICommentState } from '../types/collab.types.js';
+
+/**
+ * Generates the title for the thread based on the number of comments.
+ * @param {number} commentCount - The number of comments.
+ * @returns {string} The title for the thread.
+ */
+declare const getThreadTitle: (commentCount: number) => string;
+/**
+ * returns the available email.
+ * @param {IUserDTO} user - The user object.
+ * @returns {string} The user's email.
+ */
+declare const getUserName: (user: IUserDTO) => string;
+/**
+ * Validates the comment length and the number of mentions.
+ * @param {string} comment - The comment message.
+ * @param {IMentionedList} toUsers - The list of mentioned users.
+ * @returns {string} The error message if validation fails, otherwise an empty string.
+ */
+declare const validateCommentAndMentions: (comment: string, toUsers: IMentionedList) => string;
+/**
+ * Removes mentions that no longer exist in the message.
+ * @param {string} message - The comment message.
+ * @param {IMentionedList} toUsers - The list of mentioned users.
+ * @returns {Object} The updated lists of mentioned users.
+ */
+declare const filterOutInvalidMentions: (message: string, toUsers: IMentionedList) => {
+    toUsers: IMentionItem[];
+};
+/**
+ * Replaces mention placeholders with display names in the comment message.
+ * @param {IMessageDTO | undefined} comment - The comment object.
+ * @param {IUserState} userState - The user state containing user and role maps.
+ * @param {"text" | "html"} profile - The format for the output message, either plain text or HTML.
+ * @returns {string | undefined} The formatted message or undefined if the comment is not provided.
+ */
+declare const getMessageWithDisplayName: (comment: IMessageDTO | undefined | null, userState: IUserState, profile: "text" | "html") => string | undefined;
+/**
+ * Sanitizes HTML content to prevent XSS attacks.
+ * @param {any} dirty - The unsanitized HTML content.
+ * @returns {string} The sanitized HTML content.
+ */
+declare const sanitizeData: (dirty: any) => string;
+/**
+ * Constructs the comment body with mentions replaced by their unique identifiers.
+ * @param {ICommentState} state - The state containing the comment and mentions.
+ * @returns {Object} The comment body containing the sanitized message and mentioned users.
+ */
+declare const getCommentBody: (state: ICommentState) => ICommentState;
+
+export { filterOutInvalidMentions, getCommentBody, getMessageWithDisplayName, getThreadTitle, getUserName, sanitizeData, validateCommentAndMentions };

package/dist/modern/visualBuilder/utils/collabUtils.js

@@ -0,0 +1,77 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/utils/collabUtils.ts
+import { maxMessageLength, mentionLimit } from "./constants.js";
+import { uniqBy } from "lodash-es";
+import DOMPurify from "dompurify";
+var escapeRegExp = (string) => {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+var getThreadTitle = (commentCount) => {
+  if (commentCount === 0) return "Add New Comment";
+  return commentCount === 1 ? "1 Comment" : `${commentCount} Comments`;
+};
+var getUserName = (user) => {
+  return user.firstName && user.lastName ? `${user.firstName} ${user.lastName}` : user.firstName || user.lastName || user.email;
+};
+var validateCommentAndMentions = (comment, toUsers) => {
+  if (comment.length > maxMessageLength) {
+    return `Limit exceeded. You can have a maximum length of ${maxMessageLength} characters.`;
+  }
+  if (toUsers.length > mentionLimit) {
+    return `Limit exceeded. You can tag a maximum of ${mentionLimit} users.`;
+  }
+  return "";
+};
+var filterOutInvalidMentions = (message, toUsers) => {
+  const to_users_temp = toUsers.filter(
+    (user) => message.includes(user.display)
+  );
+  return {
+    toUsers: uniqBy(to_users_temp, "id")
+  };
+};
+var getMessageWithDisplayName = (comment, userState, profile) => {
+  if (!comment) return void 0;
+  let tempText = comment.message;
+  comment?.toUsers?.forEach((user) => {
+    const userPattern = new RegExp(`{{${user}}}`, "g");
+    const userData = userState.userMap[user];
+    const replacement = profile === "html" ? `<b class="collab-thread-comment--message">@${userData.display || getUserName(userData)}</b>` : `@${userData.display || getUserName(userData)}`;
+    tempText = tempText.replace(userPattern, replacement);
+  });
+  return tempText;
+};
+var sanitizeData = (dirty) => {
+  return DOMPurify.sanitize(dirty, { USE_PROFILES: { html: true } });
+};
+var getCommentBody = (state) => {
+  let finalMessage = state.message.replace(/[^\S\r\n]+/g, " ").replace(/ *\n */g, "\n").trim();
+  const comment = {
+    message: finalMessage,
+    toUsers: [],
+    images: [],
+    createdBy: state.createdBy,
+    author: state.author
+  };
+  const updateMentionToUID = (entity, result) => {
+    const displayName = entity.display;
+    const escapedDisplayName = escapeRegExp(`@${displayName}`);
+    const regexUser = new RegExp(escapedDisplayName, "g");
+    finalMessage = finalMessage.replace(regexUser, `{{${entity.id}}}`);
+    result.push(entity.id);
+  };
+  state.toUsers?.forEach((user) => updateMentionToUID(user, comment.toUsers));
+  comment.message = finalMessage;
+  return comment;
+};
+export {
+  filterOutInvalidMentions,
+  getCommentBody,
+  getMessageWithDisplayName,
+  getThreadTitle,
+  getUserName,
+  sanitizeData,
+  validateCommentAndMentions
+};
+//# sourceMappingURL=collabUtils.js.map

package/dist/modern/visualBuilder/utils/collabUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/collabUtils.ts"],"sourcesContent":["import {\n    ICommentState,\n    IMentionedList,\n    IMentionItem,\n    IMessageDTO,\n    IUserDTO,\n    IUserState,\n} from \"../types/collab.types\";\nimport { maxMessageLength, mentionLimit } from \"./constants\";\nimport { uniqBy } from \"lodash-es\";\nimport DOMPurify from \"dompurify\";\n\nconst escapeRegExp = (string: string): string => {\n    return string.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\n/**\n * Generates the title for the thread based on the number of comments.\n * @param {number} commentCount - The number of comments.\n * @returns {string} The title for the thread.\n */\nexport const getThreadTitle = (commentCount: number): string => {\n    if (commentCount === 0) return \"Add New Comment\";\n    return commentCount === 1 ? \"1 Comment\" : `${commentCount} Comments`;\n};\n\n/**\n * returns the available email.\n * @param {IUserDTO} user - The user object.\n * @returns {string} The user's email.\n */\nexport const getUserName = (user: IUserDTO): string => {\n    return user.firstName && user.lastName\n        ? `${user.firstName} ${user.lastName}`\n        : user.firstName || user.lastName || user.email;\n};\n\n/**\n * Validates the comment length and the number of mentions.\n * @param {string} comment - The comment message.\n * @param {IMentionedList} toUsers - The list of mentioned users.\n * @returns {string} The error message if validation fails, otherwise an empty string.\n */\nexport const validateCommentAndMentions = (\n    comment: string,\n    toUsers: IMentionedList\n): string => {\n    if (comment.length > maxMessageLength) {\n        return `Limit exceeded. You can have a maximum length of ${maxMessageLength} characters.`;\n    }\n    if (toUsers.length > mentionLimit) {\n        return `Limit exceeded. You can tag a maximum of ${mentionLimit} users.`;\n    }\n    return \"\";\n};\n\n/**\n * Removes mentions that no longer exist in the message.\n * @param {string} message - The comment message.\n * @param {IMentionedList} toUsers - The list of mentioned users.\n * @returns {Object} The updated lists of mentioned users.\n */\nexport const filterOutInvalidMentions = (\n    message: string,\n    toUsers: IMentionedList\n) => {\n    const to_users_temp = toUsers.filter((user) =>\n        message.includes(user.display)\n    );\n\n    return {\n        toUsers: uniqBy(to_users_temp, \"id\"),\n    };\n};\n\n/**\n * Replaces mention placeholders with display names in the comment message.\n * @param {IMessageDTO | undefined} comment - The comment object.\n * @param {IUserState} userState - The user state containing user and role maps.\n * @param {\"text\" | \"html\"} profile - The format for the output message, either plain text or HTML.\n * @returns {string | undefined} The formatted message or undefined if the comment is not provided.\n */\nexport const getMessageWithDisplayName = (\n    comment: IMessageDTO | undefined | null,\n    userState: IUserState,\n    profile: \"text\" | \"html\"\n): string | undefined => {\n    if (!comment) return undefined;\n\n    let tempText = comment.message;\n\n    comment?.toUsers?.forEach((user) => {\n        const userPattern = new RegExp(`{{${user}}}`, \"g\");\n        const userData = userState.userMap[user];\n        const replacement =\n            profile === \"html\"\n                ? `<b class=\"collab-thread-comment--message\">@${userData.display || getUserName(userData)}</b>`\n                : `@${userData.display || getUserName(userData)}`;\n        tempText = tempText.replace(userPattern, replacement);\n    });\n\n    return tempText;\n};\n\n/**\n * Sanitizes HTML content to prevent XSS attacks.\n * @param {any} dirty - The unsanitized HTML content.\n * @returns {string} The sanitized HTML content.\n */\nexport const sanitizeData = (dirty: any): string => {\n    return DOMPurify.sanitize(dirty, { USE_PROFILES: { html: true } });\n};\n\n/**\n * Constructs the comment body with mentions replaced by their unique identifiers.\n * @param {ICommentState} state - The state containing the comment and mentions.\n * @returns {Object} The comment body containing the sanitized message and mentioned users.\n */\nexport const getCommentBody = (state: ICommentState): ICommentState => {\n    let finalMessage = state.message\n        .replace(/[^\\S\\r\\n]+/g, \" \")\n        .replace(/ *\\n */g, \"\\n\")\n        .trim();\n\n    const comment = {\n        message: finalMessage,\n        toUsers: [],\n        images: [],\n        createdBy: state.createdBy,\n        author: state.author,\n    };\n\n    const updateMentionToUID = (\n        entity: IMentionItem,\n        result: Array<string>\n    ) => {\n        const displayName = entity.display;\n\n        const escapedDisplayName = escapeRegExp(`@${displayName}`);\n        const regexUser = new RegExp(escapedDisplayName, \"g\");\n        finalMessage = finalMessage.replace(regexUser, `{{${entity.id}}}`);\n        result.push(entity.id);\n    };\n\n    state.toUsers?.forEach((user) => updateMentionToUID(user, comment.toUsers));\n\n    comment.message = finalMessage;\n    return comment;\n};\n"],"mappings":";;;AAQA,SAAS,kBAAkB,oBAAoB;AAC/C,SAAS,cAAc;AACvB,OAAO,eAAe;AAEtB,IAAM,eAAe,CAAC,WAA2B;AAC7C,SAAO,OAAO,QAAQ,uBAAuB,MAAM;AACvD;AAOO,IAAM,iBAAiB,CAAC,iBAAiC;AAC5D,MAAI,iBAAiB,EAAG,QAAO;AAC/B,SAAO,iBAAiB,IAAI,cAAc,GAAG,YAAY;AAC7D;AAOO,IAAM,cAAc,CAAC,SAA2B;AACnD,SAAO,KAAK,aAAa,KAAK,WACxB,GAAG,KAAK,SAAS,IAAI,KAAK,QAAQ,KAClC,KAAK,aAAa,KAAK,YAAY,KAAK;AAClD;AAQO,IAAM,6BAA6B,CACtC,SACA,YACS;AACT,MAAI,QAAQ,SAAS,kBAAkB;AACnC,WAAO,oDAAoD,gBAAgB;AAAA,EAC/E;AACA,MAAI,QAAQ,SAAS,cAAc;AAC/B,WAAO,4CAA4C,YAAY;AAAA,EACnE;AACA,SAAO;AACX;AAQO,IAAM,2BAA2B,CACpC,SACA,YACC;AACD,QAAM,gBAAgB,QAAQ;AAAA,IAAO,CAAC,SAClC,QAAQ,SAAS,KAAK,OAAO;AAAA,EACjC;AAEA,SAAO;AAAA,IACH,SAAS,OAAO,eAAe,IAAI;AAAA,EACvC;AACJ;AASO,IAAM,4BAA4B,CACrC,SACA,WACA,YACqB;AACrB,MAAI,CAAC,QAAS,QAAO;AAErB,MAAI,WAAW,QAAQ;AAEvB,WAAS,SAAS,QAAQ,CAAC,SAAS;AAChC,UAAM,cAAc,IAAI,OAAO,KAAK,IAAI,MAAM,GAAG;AACjD,UAAM,WAAW,UAAU,QAAQ,IAAI;AACvC,UAAM,cACF,YAAY,SACN,8CAA8C,SAAS,WAAW,YAAY,QAAQ,CAAC,SACvF,IAAI,SAAS,WAAW,YAAY,QAAQ,CAAC;AACvD,eAAW,SAAS,QAAQ,aAAa,WAAW;AAAA,EACxD,CAAC;AAED,SAAO;AACX;AAOO,IAAM,eAAe,CAAC,UAAuB;AAChD,SAAO,UAAU,SAAS,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,EAAE,CAAC;AACrE;AAOO,IAAM,iBAAiB,CAAC,UAAwC;AACnE,MAAI,eAAe,MAAM,QACpB,QAAQ,eAAe,GAAG,EAC1B,QAAQ,WAAW,IAAI,EACvB,KAAK;AAEV,QAAM,UAAU;AAAA,IACZ,SAAS;AAAA,IACT,SAAS,CAAC;AAAA,IACV,QAAQ,CAAC;AAAA,IACT,WAAW,MAAM;AAAA,IACjB,QAAQ,MAAM;AAAA,EAClB;AAEA,QAAM,qBAAqB,CACvB,QACA,WACC;AACD,UAAM,cAAc,OAAO;AAE3B,UAAM,qBAAqB,aAAa,IAAI,WAAW,EAAE;AACzD,UAAM,YAAY,IAAI,OAAO,oBAAoB,GAAG;AACpD,mBAAe,aAAa,QAAQ,WAAW,KAAK,OAAO,EAAE,IAAI;AACjE,WAAO,KAAK,OAAO,EAAE;AAAA,EACzB;AAEA,QAAM,SAAS,QAAQ,CAAC,SAAS,mBAAmB,MAAM,QAAQ,OAAO,CAAC;AAE1E,UAAQ,UAAU;AAClB,SAAO;AACX;","names":[]}

package/dist/modern/visualBuilder/utils/constants.cjs

@@ -31,6 +31,8 @@ __export(constants_exports, {
   TOP_EDGE_BUFFER: () => TOP_EDGE_BUFFER,
   VISUAL_BUILDER_CHANNEL_ID: () => VISUAL_BUILDER_CHANNEL_ID,
   VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY: () => VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
+  maxMessageLength: () => maxMessageLength,
+  mentionLimit: () => mentionLimit,
   numericInputRegex: () => numericInputRegex,
   unicodeNonBreakingSpace: () => unicodeNonBreakingSpace
 });
@@ -68,6 +70,8 @@ var DEFAULT_MULTIPLE_FIELDS = [
   import_types.FieldDataType.BLOCK
 ];
 var unicodeNonBreakingSpace = "\xA0";
+var mentionLimit = 20;
+var maxMessageLength = 500;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ALLOWED_INLINE_EDITABLE_FIELD,
@@ -81,6 +85,8 @@ var unicodeNonBreakingSpace = "\xA0";
   TOP_EDGE_BUFFER,
   VISUAL_BUILDER_CHANNEL_ID,
   VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
+  maxMessageLength,
+  mentionLimit,
   numericInputRegex,
   unicodeNonBreakingSpace
 });

package/dist/modern/visualBuilder/utils/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/constants.ts"],"sourcesContent":["import { FieldDataType } from \"./types/index.types\";\n\nexport const numericInputRegex = /^-?\\d*(\\.\\d*)?([eE][-+]?\\d*)?$/;\n\nexport const VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY = \"data-cslp-field-type\";\n\nexport const VISUAL_BUILDER_CHANNEL_ID = \"visual-builder\";\n\nexport const LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX = 2;\n\n// Minimum distance from top edge to prevent toolbar from being hidden\nexport const TOP_EDGE_BUFFER = 42;\nexport const RIGHT_EDGE_BUFFER = 180;\n\nexport const TOOLBAR_EDGE_BUFFER = 8;\n\nexport const DATA_CSLP_ATTR_SELECTOR = \"data-cslp\";\n\n/**\n * The field that can be directly modified using contenteditable=true.\n * This includes all text fields like title and numbers.\n */\nexport const ALLOWED_INLINE_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.SINGLELINE,\n    FieldDataType.MULTILINE,\n    FieldDataType.NUMBER,\n];\n\nexport const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.HTML_RTE,\n    FieldDataType.MARKDOWN_RTE,\n    FieldDataType.JSON_RTE,\n    FieldDataType.CUSTOM_FIELD,\n    FieldDataType.LINK,\n    FieldDataType.ISODATE,\n    FieldDataType.URL,\n];\n\nexport const ALLOWED_REPLACE_FIELDS: FieldDataType[] = [\n    FieldDataType.REFERENCE,\n    FieldDataType.FILE,\n];\n\nexport const DEFAULT_MULTIPLE_FIELDS: FieldDataType[] = [\n    FieldDataType.GLOBAL_FIELD,\n    FieldDataType.GROUP,\n    FieldDataType.BLOCK,\n];\n\nexport const unicodeNonBreakingSpace = \"\\u00A0\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAEvB,IAAM,oBAAoB;AAE1B,IAAM,0CAA0C;AAEhD,IAAM,4BAA4B;AAElC,IAAM,mCAAmC;AAGzC,IAAM,kBAAkB;AACxB,IAAM,oBAAoB;AAE1B,IAAM,sBAAsB;AAE5B,IAAM,0BAA0B;AAMhC,IAAM,gCAAiD;AAAA,EAC1D,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,+BAAgD;AAAA,EACzD,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,yBAA0C;AAAA,EACnD,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,0BAA2C;AAAA,EACpD,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,0BAA0B;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/constants.ts"],"sourcesContent":["import { FieldDataType } from \"./types/index.types\";\n\nexport const numericInputRegex = /^-?\\d*(\\.\\d*)?([eE][-+]?\\d*)?$/;\n\nexport const VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY = \"data-cslp-field-type\";\n\nexport const VISUAL_BUILDER_CHANNEL_ID = \"visual-builder\";\n\nexport const LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX = 2;\n\n// Minimum distance from top edge to prevent toolbar from being hidden\nexport const TOP_EDGE_BUFFER = 42;\nexport const RIGHT_EDGE_BUFFER = 180;\n\nexport const TOOLBAR_EDGE_BUFFER = 8;\n\nexport const DATA_CSLP_ATTR_SELECTOR = \"data-cslp\";\n\n/**\n * The field that can be directly modified using contenteditable=true.\n * This includes all text fields like title and numbers.\n */\nexport const ALLOWED_INLINE_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.SINGLELINE,\n    FieldDataType.MULTILINE,\n    FieldDataType.NUMBER,\n];\n\nexport const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.HTML_RTE,\n    FieldDataType.MARKDOWN_RTE,\n    FieldDataType.JSON_RTE,\n    FieldDataType.CUSTOM_FIELD,\n    FieldDataType.LINK,\n    FieldDataType.ISODATE,\n    FieldDataType.URL,\n];\n\nexport const ALLOWED_REPLACE_FIELDS: FieldDataType[] = [\n    FieldDataType.REFERENCE,\n    FieldDataType.FILE,\n];\n\nexport const DEFAULT_MULTIPLE_FIELDS: FieldDataType[] = [\n    FieldDataType.GLOBAL_FIELD,\n    FieldDataType.GROUP,\n    FieldDataType.BLOCK,\n];\n\nexport const unicodeNonBreakingSpace = \"\\u00A0\";\n\nexport const mentionLimit = 20;\nexport const maxMessageLength = 500;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAEvB,IAAM,oBAAoB;AAE1B,IAAM,0CAA0C;AAEhD,IAAM,4BAA4B;AAElC,IAAM,mCAAmC;AAGzC,IAAM,kBAAkB;AACxB,IAAM,oBAAoB;AAE1B,IAAM,sBAAsB;AAE5B,IAAM,0BAA0B;AAMhC,IAAM,gCAAiD;AAAA,EAC1D,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,+BAAgD;AAAA,EACzD,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,yBAA0C;AAAA,EACnD,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,0BAA2C;AAAA,EACpD,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,0BAA0B;AAEhC,IAAM,eAAe;AACrB,IAAM,mBAAmB;","names":[]}

package/dist/modern/visualBuilder/utils/constants.d.cts

@@ -18,5 +18,7 @@ declare const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[];
 declare const ALLOWED_REPLACE_FIELDS: FieldDataType[];
 declare const DEFAULT_MULTIPLE_FIELDS: FieldDataType[];
 declare const unicodeNonBreakingSpace = "\u00A0";
+declare const mentionLimit = 20;
+declare const maxMessageLength = 500;
 
-export { ALLOWED_INLINE_EDITABLE_FIELD, ALLOWED_MODAL_EDITABLE_FIELD, ALLOWED_REPLACE_FIELDS, DATA_CSLP_ATTR_SELECTOR, DEFAULT_MULTIPLE_FIELDS, LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX, RIGHT_EDGE_BUFFER, TOOLBAR_EDGE_BUFFER, TOP_EDGE_BUFFER, VISUAL_BUILDER_CHANNEL_ID, VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY, numericInputRegex, unicodeNonBreakingSpace };
+export { ALLOWED_INLINE_EDITABLE_FIELD, ALLOWED_MODAL_EDITABLE_FIELD, ALLOWED_REPLACE_FIELDS, DATA_CSLP_ATTR_SELECTOR, DEFAULT_MULTIPLE_FIELDS, LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX, RIGHT_EDGE_BUFFER, TOOLBAR_EDGE_BUFFER, TOP_EDGE_BUFFER, VISUAL_BUILDER_CHANNEL_ID, VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY, maxMessageLength, mentionLimit, numericInputRegex, unicodeNonBreakingSpace };

package/dist/modern/visualBuilder/utils/constants.d.ts

@@ -18,5 +18,7 @@ declare const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[];
 declare const ALLOWED_REPLACE_FIELDS: FieldDataType[];
 declare const DEFAULT_MULTIPLE_FIELDS: FieldDataType[];
 declare const unicodeNonBreakingSpace = "\u00A0";
+declare const mentionLimit = 20;
+declare const maxMessageLength = 500;
 
-export { ALLOWED_INLINE_EDITABLE_FIELD, ALLOWED_MODAL_EDITABLE_FIELD, ALLOWED_REPLACE_FIELDS, DATA_CSLP_ATTR_SELECTOR, DEFAULT_MULTIPLE_FIELDS, LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX, RIGHT_EDGE_BUFFER, TOOLBAR_EDGE_BUFFER, TOP_EDGE_BUFFER, VISUAL_BUILDER_CHANNEL_ID, VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY, numericInputRegex, unicodeNonBreakingSpace };
+export { ALLOWED_INLINE_EDITABLE_FIELD, ALLOWED_MODAL_EDITABLE_FIELD, ALLOWED_REPLACE_FIELDS, DATA_CSLP_ATTR_SELECTOR, DEFAULT_MULTIPLE_FIELDS, LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX, RIGHT_EDGE_BUFFER, TOOLBAR_EDGE_BUFFER, TOP_EDGE_BUFFER, VISUAL_BUILDER_CHANNEL_ID, VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY, maxMessageLength, mentionLimit, numericInputRegex, unicodeNonBreakingSpace };

package/dist/modern/visualBuilder/utils/constants.js

@@ -34,6 +34,8 @@ var DEFAULT_MULTIPLE_FIELDS = [
   FieldDataType.BLOCK
 ];
 var unicodeNonBreakingSpace = "\xA0";
+var mentionLimit = 20;
+var maxMessageLength = 500;
 export {
   ALLOWED_INLINE_EDITABLE_FIELD,
   ALLOWED_MODAL_EDITABLE_FIELD,
@@ -46,6 +48,8 @@ export {
   TOP_EDGE_BUFFER,
   VISUAL_BUILDER_CHANNEL_ID,
   VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
+  maxMessageLength,
+  mentionLimit,
   numericInputRegex,
   unicodeNonBreakingSpace
 };

package/dist/modern/visualBuilder/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/constants.ts"],"sourcesContent":["import { FieldDataType } from \"./types/index.types\";\n\nexport const numericInputRegex = /^-?\\d*(\\.\\d*)?([eE][-+]?\\d*)?$/;\n\nexport const VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY = \"data-cslp-field-type\";\n\nexport const VISUAL_BUILDER_CHANNEL_ID = \"visual-builder\";\n\nexport const LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX = 2;\n\n// Minimum distance from top edge to prevent toolbar from being hidden\nexport const TOP_EDGE_BUFFER = 42;\nexport const RIGHT_EDGE_BUFFER = 180;\n\nexport const TOOLBAR_EDGE_BUFFER = 8;\n\nexport const DATA_CSLP_ATTR_SELECTOR = \"data-cslp\";\n\n/**\n * The field that can be directly modified using contenteditable=true.\n * This includes all text fields like title and numbers.\n */\nexport const ALLOWED_INLINE_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.SINGLELINE,\n    FieldDataType.MULTILINE,\n    FieldDataType.NUMBER,\n];\n\nexport const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.HTML_RTE,\n    FieldDataType.MARKDOWN_RTE,\n    FieldDataType.JSON_RTE,\n    FieldDataType.CUSTOM_FIELD,\n    FieldDataType.LINK,\n    FieldDataType.ISODATE,\n    FieldDataType.URL,\n];\n\nexport const ALLOWED_REPLACE_FIELDS: FieldDataType[] = [\n    FieldDataType.REFERENCE,\n    FieldDataType.FILE,\n];\n\nexport const DEFAULT_MULTIPLE_FIELDS: FieldDataType[] = [\n    FieldDataType.GLOBAL_FIELD,\n    FieldDataType.GROUP,\n    FieldDataType.BLOCK,\n];\n\nexport const unicodeNonBreakingSpace = \"\\u00A0\";\n"],"mappings":";;;AAAA,SAAS,qBAAqB;AAEvB,IAAM,oBAAoB;AAE1B,IAAM,0CAA0C;AAEhD,IAAM,4BAA4B;AAElC,IAAM,mCAAmC;AAGzC,IAAM,kBAAkB;AACxB,IAAM,oBAAoB;AAE1B,IAAM,sBAAsB;AAE5B,IAAM,0BAA0B;AAMhC,IAAM,gCAAiD;AAAA,EAC1D,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,+BAAgD;AAAA,EACzD,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,yBAA0C;AAAA,EACnD,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,0BAA2C;AAAA,EACpD,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,0BAA0B;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/constants.ts"],"sourcesContent":["import { FieldDataType } from \"./types/index.types\";\n\nexport const numericInputRegex = /^-?\\d*(\\.\\d*)?([eE][-+]?\\d*)?$/;\n\nexport const VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY = \"data-cslp-field-type\";\n\nexport const VISUAL_BUILDER_CHANNEL_ID = \"visual-builder\";\n\nexport const LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX = 2;\n\n// Minimum distance from top edge to prevent toolbar from being hidden\nexport const TOP_EDGE_BUFFER = 42;\nexport const RIGHT_EDGE_BUFFER = 180;\n\nexport const TOOLBAR_EDGE_BUFFER = 8;\n\nexport const DATA_CSLP_ATTR_SELECTOR = \"data-cslp\";\n\n/**\n * The field that can be directly modified using contenteditable=true.\n * This includes all text fields like title and numbers.\n */\nexport const ALLOWED_INLINE_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.SINGLELINE,\n    FieldDataType.MULTILINE,\n    FieldDataType.NUMBER,\n];\n\nexport const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.HTML_RTE,\n    FieldDataType.MARKDOWN_RTE,\n    FieldDataType.JSON_RTE,\n    FieldDataType.CUSTOM_FIELD,\n    FieldDataType.LINK,\n    FieldDataType.ISODATE,\n    FieldDataType.URL,\n];\n\nexport const ALLOWED_REPLACE_FIELDS: FieldDataType[] = [\n    FieldDataType.REFERENCE,\n    FieldDataType.FILE,\n];\n\nexport const DEFAULT_MULTIPLE_FIELDS: FieldDataType[] = [\n    FieldDataType.GLOBAL_FIELD,\n    FieldDataType.GROUP,\n    FieldDataType.BLOCK,\n];\n\nexport const unicodeNonBreakingSpace = \"\\u00A0\";\n\nexport const mentionLimit = 20;\nexport const maxMessageLength = 500;\n"],"mappings":";;;AAAA,SAAS,qBAAqB;AAEvB,IAAM,oBAAoB;AAE1B,IAAM,0CAA0C;AAEhD,IAAM,4BAA4B;AAElC,IAAM,mCAAmC;AAGzC,IAAM,kBAAkB;AACxB,IAAM,oBAAoB;AAE1B,IAAM,sBAAsB;AAE5B,IAAM,0BAA0B;AAMhC,IAAM,gCAAiD;AAAA,EAC1D,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,+BAAgD;AAAA,EACzD,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,yBAA0C;AAAA,EACnD,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,0BAA2C;AAAA,EACpD,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,0BAA0B;AAEhC,IAAM,eAAe;AACrB,IAAM,mBAAmB;","names":[]}

package/dist/modern/visualBuilder/utils/types/postMessage.types.cjs

@@ -43,6 +43,14 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["MOVE_INSTANCE"] = "move-instance";
   VisualBuilderPostMessageEvents2["GET_DISCUSSION_ID"] = "get-discussion-id-for-comment-modal";
   VisualBuilderPostMessageEvents2["OPEN_FIELD_COMMENT_MODAL"] = "open-field-comment-modal";
+  VisualBuilderPostMessageEvents2["COLLAB_CREATE_THREAD"] = "collab-create-thread";
+  VisualBuilderPostMessageEvents2["COLLAB_CREATE_COMMENT"] = "collab-create-comment";
+  VisualBuilderPostMessageEvents2["COLLAB_FETCH_COMMENTS"] = "collab-fetch-comments";
+  VisualBuilderPostMessageEvents2["COLLAB_EDIT_COMMENT"] = "collab-edit-comment";
+  VisualBuilderPostMessageEvents2["COLLAB_DELETE_COMMENT"] = "collab-delete-comment";
+  VisualBuilderPostMessageEvents2["COLLAB_RESOLVE_THREAD"] = "collab-resolve-thread";
+  VisualBuilderPostMessageEvents2["COLLAB_DELETE_THREAD"] = "collab-delete-thread";
+  VisualBuilderPostMessageEvents2["COLLAB_MISSING_THREADS"] = "collab-missing-threads";
   VisualBuilderPostMessageEvents2["GET_ALL_ENTRIES_IN_CURRENT_PAGE"] = "get-entries-in-current-page";
   VisualBuilderPostMessageEvents2["HIDE_FOCUS_OVERLAY"] = "hide-focus-overlay";
   VisualBuilderPostMessageEvents2["SHOW_DRAFT_FIELDS"] = "show-draft-fields";
@@ -57,6 +65,11 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["GET_VARIANT_ID"] = "get-variant-id";
   VisualBuilderPostMessageEvents2["GET_LOCALE"] = "get-locale";
   VisualBuilderPostMessageEvents2["SEND_VARIANT_AND_LOCALE"] = "send-variant-and-locale";
+  VisualBuilderPostMessageEvents2["COLLAB_ENABLE"] = "collab-enable";
+  VisualBuilderPostMessageEvents2["COLLAB_DISABLE"] = "collab-disable";
+  VisualBuilderPostMessageEvents2["COLLAB_THREAD_REMOVE"] = "collab-thread-remove";
+  VisualBuilderPostMessageEvents2["COLLAB_THREAD_REOPEN"] = "collab-thread-reopen";
+  VisualBuilderPostMessageEvents2["COLLAB_THREAD_HIGHLIGHT"] = "collab-thread-highlight";
   return VisualBuilderPostMessageEvents2;
 })(VisualBuilderPostMessageEvents || {});
 // Annotate the CommonJS export names for ESM import in node:

package/dist/modern/visualBuilder/utils/types/postMessage.types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = 'sync-field',\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAE3B,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,6BAA0B;AAlClB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREAD_REMOVE = \"collab-thread-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AAGzB,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAhDlB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}

package/dist/modern/visualBuilder/utils/types/postMessage.types.d.cts

@@ -18,6 +18,14 @@ declare enum VisualBuilderPostMessageEvents {
     MOVE_INSTANCE = "move-instance",
     GET_DISCUSSION_ID = "get-discussion-id-for-comment-modal",
     OPEN_FIELD_COMMENT_MODAL = "open-field-comment-modal",
+    COLLAB_CREATE_THREAD = "collab-create-thread",
+    COLLAB_CREATE_COMMENT = "collab-create-comment",
+    COLLAB_FETCH_COMMENTS = "collab-fetch-comments",
+    COLLAB_EDIT_COMMENT = "collab-edit-comment",
+    COLLAB_DELETE_COMMENT = "collab-delete-comment",
+    COLLAB_RESOLVE_THREAD = "collab-resolve-thread",
+    COLLAB_DELETE_THREAD = "collab-delete-thread",
+    COLLAB_MISSING_THREADS = "collab-missing-threads",
     GET_ALL_ENTRIES_IN_CURRENT_PAGE = "get-entries-in-current-page",
     HIDE_FOCUS_OVERLAY = "hide-focus-overlay",
     SHOW_DRAFT_FIELDS = "show-draft-fields",
@@ -31,7 +39,12 @@ declare enum VisualBuilderPostMessageEvents {
     REMOVE_HIGHLIGHTED_COMMENTS = "remove-highlighted-comments",
     GET_VARIANT_ID = "get-variant-id",
     GET_LOCALE = "get-locale",
-    SEND_VARIANT_AND_LOCALE = "send-variant-and-locale"
+    SEND_VARIANT_AND_LOCALE = "send-variant-and-locale",
+    COLLAB_ENABLE = "collab-enable",
+    COLLAB_DISABLE = "collab-disable",
+    COLLAB_THREAD_REMOVE = "collab-thread-remove",
+    COLLAB_THREAD_REOPEN = "collab-thread-reopen",
+    COLLAB_THREAD_HIGHLIGHT = "collab-thread-highlight"
 }
 
 export { VisualBuilderPostMessageEvents };

package/dist/modern/visualBuilder/utils/types/postMessage.types.d.ts

@@ -18,6 +18,14 @@ declare enum VisualBuilderPostMessageEvents {
     MOVE_INSTANCE = "move-instance",
     GET_DISCUSSION_ID = "get-discussion-id-for-comment-modal",
     OPEN_FIELD_COMMENT_MODAL = "open-field-comment-modal",
+    COLLAB_CREATE_THREAD = "collab-create-thread",
+    COLLAB_CREATE_COMMENT = "collab-create-comment",
+    COLLAB_FETCH_COMMENTS = "collab-fetch-comments",
+    COLLAB_EDIT_COMMENT = "collab-edit-comment",
+    COLLAB_DELETE_COMMENT = "collab-delete-comment",
+    COLLAB_RESOLVE_THREAD = "collab-resolve-thread",
+    COLLAB_DELETE_THREAD = "collab-delete-thread",
+    COLLAB_MISSING_THREADS = "collab-missing-threads",
     GET_ALL_ENTRIES_IN_CURRENT_PAGE = "get-entries-in-current-page",
     HIDE_FOCUS_OVERLAY = "hide-focus-overlay",
     SHOW_DRAFT_FIELDS = "show-draft-fields",
@@ -31,7 +39,12 @@ declare enum VisualBuilderPostMessageEvents {
     REMOVE_HIGHLIGHTED_COMMENTS = "remove-highlighted-comments",
     GET_VARIANT_ID = "get-variant-id",
     GET_LOCALE = "get-locale",
-    SEND_VARIANT_AND_LOCALE = "send-variant-and-locale"
+    SEND_VARIANT_AND_LOCALE = "send-variant-and-locale",
+    COLLAB_ENABLE = "collab-enable",
+    COLLAB_DISABLE = "collab-disable",
+    COLLAB_THREAD_REMOVE = "collab-thread-remove",
+    COLLAB_THREAD_REOPEN = "collab-thread-reopen",
+    COLLAB_THREAD_HIGHLIGHT = "collab-thread-highlight"
 }
 
 export { VisualBuilderPostMessageEvents };

package/dist/modern/visualBuilder/utils/types/postMessage.types.js

@@ -21,6 +21,14 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["MOVE_INSTANCE"] = "move-instance";
   VisualBuilderPostMessageEvents2["GET_DISCUSSION_ID"] = "get-discussion-id-for-comment-modal";
   VisualBuilderPostMessageEvents2["OPEN_FIELD_COMMENT_MODAL"] = "open-field-comment-modal";
+  VisualBuilderPostMessageEvents2["COLLAB_CREATE_THREAD"] = "collab-create-thread";
+  VisualBuilderPostMessageEvents2["COLLAB_CREATE_COMMENT"] = "collab-create-comment";
+  VisualBuilderPostMessageEvents2["COLLAB_FETCH_COMMENTS"] = "collab-fetch-comments";
+  VisualBuilderPostMessageEvents2["COLLAB_EDIT_COMMENT"] = "collab-edit-comment";
+  VisualBuilderPostMessageEvents2["COLLAB_DELETE_COMMENT"] = "collab-delete-comment";
+  VisualBuilderPostMessageEvents2["COLLAB_RESOLVE_THREAD"] = "collab-resolve-thread";
+  VisualBuilderPostMessageEvents2["COLLAB_DELETE_THREAD"] = "collab-delete-thread";
+  VisualBuilderPostMessageEvents2["COLLAB_MISSING_THREADS"] = "collab-missing-threads";
   VisualBuilderPostMessageEvents2["GET_ALL_ENTRIES_IN_CURRENT_PAGE"] = "get-entries-in-current-page";
   VisualBuilderPostMessageEvents2["HIDE_FOCUS_OVERLAY"] = "hide-focus-overlay";
   VisualBuilderPostMessageEvents2["SHOW_DRAFT_FIELDS"] = "show-draft-fields";
@@ -35,6 +43,11 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["GET_VARIANT_ID"] = "get-variant-id";
   VisualBuilderPostMessageEvents2["GET_LOCALE"] = "get-locale";
   VisualBuilderPostMessageEvents2["SEND_VARIANT_AND_LOCALE"] = "send-variant-and-locale";
+  VisualBuilderPostMessageEvents2["COLLAB_ENABLE"] = "collab-enable";
+  VisualBuilderPostMessageEvents2["COLLAB_DISABLE"] = "collab-disable";
+  VisualBuilderPostMessageEvents2["COLLAB_THREAD_REMOVE"] = "collab-thread-remove";
+  VisualBuilderPostMessageEvents2["COLLAB_THREAD_REOPEN"] = "collab-thread-reopen";
+  VisualBuilderPostMessageEvents2["COLLAB_THREAD_HIGHLIGHT"] = "collab-thread-highlight";
   return VisualBuilderPostMessageEvents2;
 })(VisualBuilderPostMessageEvents || {});
 export {

package/dist/modern/visualBuilder/utils/types/postMessage.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = 'sync-field',\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n}\n"],"mappings":";;;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAE3B,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,6BAA0B;AAlClB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREAD_REMOVE = \"collab-thread-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n}\n"],"mappings":";;;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AAGzB,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAhDlB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@contentstack/live-preview-utils",
-    "version": "3.1.0",
+    "version": "3.2.0-alpha.1",
     "description": "Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting  live changes to the preview pane.",
     "type": "module",
     "types": "dist/legacy/index.d.ts",
@@ -28,7 +28,7 @@
         "test": "vitest",
         "test:once": "vitest run",
         "test:coverage": "vitest --coverage",
-        "dev": "tsup --watch",
+        "dev": "NODE_OPTIONS='--max-old-space-size=16384' tsup --watch",
         "prepare": "husky",
         "lint": "eslint src",
         "lint:fix": "eslint --fix",
@@ -86,14 +86,17 @@
         "url": "https://github.com/contentstack/live-preview-sdk.git"
     },
     "dependencies": {
-        "@preact/compat": "^17.1.2",
-        "@preact/signals": "^1.2.2",
+        "@preact/compat": "17.1.2",
+        "@preact/signals": "1.2.2",
         "classnames": "^2.5.1",
         "deepsignal": "^1.5.0",
+        "dompurify": "^3.2.3",
+        "get-xpath": "^3.2.0",
         "goober": "^2.1.14",
         "lodash-es": "^4.17.21",
+        "moment": "^2.30.1",
         "mustache": "^4.2.0",
-        "preact": "^10.19.5",
+        "preact": "10.19.5",
         "uuid": "^8.3.2"
     },
     "optionalDependencies": {