npm - @contentstack/live-preview-utils - Versions diffs - 3.2.0-alpha.1 → 3.2.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (484) hide show

package/dist/legacy/visualBuilder/components/Collab/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Button/Button.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport classNames from \"classnames\";\nimport Icon, { IconProps } from \"../Icon/Icon\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport {\n collabStyles,\n flexAlignCenter,\n flexCentered,\n} from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\ninterface ButtonProps {\n buttonType?: \"primary\" \| \"secondary\" \| \"tertiary\" \| \"destructive\";\n children?: React.ReactNode;\n className?: string;\n testId?: string;\n onClick?: JSX.MouseEventHandler<HTMLButtonElement \| HTMLAnchorElement>;\n disabled?: boolean;\n type?: \"button\" \| \"submit\" \| \"reset\";\n style?: React.CSSProperties;\n href?: string;\n id?: string;\n size?: \"large\" \| \"small\";\n icon?: IconName;\n iconProps?: Partial<IconProps>;\n iconAlignment?: \"left\" \| \"right\" \| \"both\";\n}\n\nconst Button: React.FC<ButtonProps> = ({\n buttonType = \"primary\",\n children,\n className = \"\",\n testId,\n onClick,\n disabled = false,\n type = \"button\",\n style,\n href,\n id,\n size = \"large\",\n icon,\n iconProps,\n iconAlignment = \"left\",\n}) => {\n const Element = href ? \"a\" : \"button\";\n let nestedChildren: React.ReactNode =\n children && React.Children.toArray([children]);\n\n if (icon) {\n let iconChild = <Icon icon={icon} {...iconProps} />;\n\n switch (iconAlignment) {\n case \"left\":\n nestedChildren = React.Children.toArray([\n iconChild,\n nestedChildren,\n ]);\n break;\n case \"right\":\n nestedChildren = React.Children.toArray([\n nestedChildren,\n iconChild,\n ]);\n break;\n case \"both\":\n nestedChildren = React.Children.toArray([\n iconChild,\n nestedChildren,\n iconChild,\n ]);\n break;\n default:\n break;\n }\n }\n\n const combinedClassName = classNames(\n collabStyles()[\"collab-button--basestyle\"],\n collabStyles()[\"collab-button--type\"][buttonType],\n collabStyles()[\"collab-button--size\"][size],\n icon && collabStyles()[\"collab-button--icon-allignment\"][iconAlignment],\n disabled && collabStyles()[\"collab-button--disabled\"],\n className,\n\n `collab-button collab-button--${buttonType} collab-button--${size} ${\n icon ? `collab-button--icon-${iconAlignment}` : \"\"\n } ${disabled ? \"collab-button--disabled\" : \"\"}`\n );\n\n // Ensure style is valid\n const validStyle = Object.fromEntries(\n Object.entries(style \|\| {}).filter(([_, value]) => value != null)\n );\n\n return (\n <Element\n className={combinedClassName}\n id={id}\n onClick={onClick}\n type={type}\n style={validStyle as React.CSSProperties}\n disabled={disabled}\n href={href}\n data-testid={testId}\n >\n <div className={classNames(\"flex-center\", flexCentered)}>\n <div\n className={classNames(\"flex-v-center\", flexAlignCenter, {\n [`${collabStyles()[\"collab-button--size\"][\"regular\"]} collab-button--regular`]:\n size !== \"small\",\n })}\n >\n {nestedChildren}\n </div>\n </div>\n </Element>\n );\n};\n\nexport default Button;\n"],"mappings":";;;AACA,OAAO,WAAW;AAElB,OAAO,gBAAgB;AACvB,OAAO,UAAyB;~~AAEhC~~;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;~~AA0CiB~~;~~AArBxB~~,IAAM,SAAgC,CAAC;AAAA,EACnC,aAAa;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,gBAAgB;AACpB,MAAM;AACF,QAAM,UAAU,OAAO,MAAM;AAC7B,MAAI,iBACA,YAAY,MAAM,SAAS,QAAQ,CAAC,QAAQ,CAAC;AAEjD,MAAI,MAAM;AACN,QAAI,YAAY,oBAAC,QAAK,MAAa,GAAG,WAAW;AAEjD,YAAQ,eAAe;AAAA,MACnB,KAAK;AACD,yBAAiB,MAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ,KAAK;AACD,yBAAiB,MAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ,KAAK;AACD,yBAAiB,MAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ;AACI;AAAA,IACR;AAAA,EACJ;AAEA,QAAM,oBAAoB;AAAA,IACtB,aAAa,EAAE,0BAA0B;AAAA,IACzC,aAAa,EAAE,qBAAqB,EAAE,UAAU;AAAA,IAChD,aAAa,EAAE,qBAAqB,EAAE,IAAI;AAAA,IAC1C,QAAQ,aAAa,EAAE,gCAAgC,EAAE,aAAa;AAAA,IACtE,YAAY,aAAa,EAAE,yBAAyB;AAAA,IACpD;AAAA,IAEA,gCAAgC,UAAU,mBAAmB,IAAI,IAC7D,OAAO,uBAAuB,aAAa,KAAK,EACpD,IAAI,WAAW,4BAA4B,EAAE;AAAA,~~EACjD~~;AAGA,QAAM,aAAa,OAAO;AAAA,IACtB,OAAO,QAAQ,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,MAAM,SAAS,IAAI;AAAA,EACpE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MAEb,~~8BAAC,~~SAAI,WAAW,WAAW,eAAe,YAAY,~~GAClD~~;AAAA,~~QAAC~~;AAAA;AAAA,~~UACG~~,WAAW,WAAW,~~iBAAiB~~,~~iBAAiB~~;AAAA,~~YACpD~~,CAAC,GAAG,aAAa,EAAE,qBAAqB,EAAE,SAAS,CAAC,yBAAyB,GACzE,SAAS;AAAA,~~UACjB~~,CAAC;AAAA,~~UAEA~~;AAAA;AAAA,~~MACL~~,~~GACJ~~;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,iBAAQ;","names":[]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Button/Button.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport classNames from \"classnames\";\nimport Icon, { IconProps } from \"../Icon/Icon\";\nimport AsyncLoader from \"../AsyncLoader/AsyncLoader\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport {\n collabStyles,\n flexAlignCenter,\n flexCentered,\n} from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\ninterface ButtonProps {\n buttonType?: \"primary\" \| \"secondary\" \| \"tertiary\" \| \"destructive\";\n children?: React.ReactNode;\n className?: string;\n testId?: string;\n onClick?: JSX.MouseEventHandler<HTMLButtonElement \| HTMLAnchorElement>;\n isLoading?: boolean;\n loadingColor?: \"primary\" \| \"secondary\" \| \"tertiary\" \| \"destructive\";\n disabled?: boolean;\n type?: \"button\" \| \"submit\" \| \"reset\";\n style?: React.CSSProperties;\n href?: string;\n id?: string;\n size?: \"large\" \| \"small\";\n icon?: IconName;\n iconProps?: Partial<IconProps>;\n iconAlignment?: \"left\" \| \"right\" \| \"both\";\n}\n\nconst Button: React.FC<ButtonProps> = ({\n buttonType = \"primary\",\n children,\n className = \"\",\n testId,\n onClick,\n isLoading,\n loadingColor = \"primary\",\n disabled = false,\n type = \"button\",\n style,\n href,\n id,\n size = \"large\",\n icon,\n iconProps,\n iconAlignment = \"left\",\n}) => {\n const Element = href ? \"a\" : \"button\";\n let nestedChildren: React.ReactNode =\n children && React.Children.toArray([children]);\n\n if (icon) {\n let iconChild = <Icon icon={icon} {...iconProps} />;\n\n switch (iconAlignment) {\n case \"left\":\n nestedChildren = React.Children.toArray([\n iconChild,\n nestedChildren,\n ]);\n break;\n case \"right\":\n nestedChildren = React.Children.toArray([\n nestedChildren,\n iconChild,\n ]);\n break;\n case \"both\":\n nestedChildren = React.Children.toArray([\n iconChild,\n nestedChildren,\n iconChild,\n ]);\n break;\n default:\n break;\n }\n }\n\n const combinedClassName = classNames(\n collabStyles()[\"collab-button--basestyle\"],\n collabStyles()[\"collab-button--type\"][buttonType],\n collabStyles()[\"collab-button--size\"][size],\n icon && collabStyles()[\"collab-button--icon-allignment\"][iconAlignment],\n disabled && collabStyles()[\"collab-button--disabled\"],\n isLoading && collabStyles()[\"collab-button--loading\"],\n className,\n\n `collab-button collab-button--${buttonType} collab-button--${size} ${\n icon ? `collab-button--icon-${iconAlignment}` : \"\"\n } ${disabled ? \"collab-button--disabled\" : \"\"}\n ${isLoading ? \"collab-button--loading\" : \"\"}`\n );\n\n // Ensure style is valid\n const validStyle = Object.fromEntries(\n Object.entries(style \|\| {}).filter(([_, value]) => value != null)\n );\n\n return (\n <Element\n className={combinedClassName}\n id={id}\n onClick={onClick}\n type={type}\n style={validStyle as React.CSSProperties}\n disabled={disabled}\n href={href}\n data-testid={testId}\n >\n <div className={classNames(\"flex-center\", flexCentered)}>\n {isLoading && (\n <div\n className={classNames(\n collabStyles()[\"collab-button--loader--wrapper\"],\n \"collab-button--loader--wrapper\"\n )}\n >\n <AsyncLoader color={loadingColor} />\n </div>\n )}\n <div\n className={classNames(\n \"flex-v-center\",\n flexAlignCenter,\n {\n [`${collabStyles()[\"collab-button--size\"][\"regular\"]} collab-button--regular`]:\n size !== \"small\",\n },\n !isLoading\n ? `${collabStyles()[\"collab-button--visible\"]} collab-button--visible`\n : `${collabStyles()[\"collab-button--hidden\"]} collab-button--hidden`\n )}\n >\n {nestedChildren}\n </div>\n </div>\n </Element>\n );\n};\n\nexport default Button;\n"],"mappings":";;;AACA,OAAO,WAAW;AAElB,OAAO,gBAAgB;AACvB,OAAO,UAAyB;AAChC,OAAO,iBAAiB;AAExB;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;AA8CiB,cA0DZ,YA1DY;AAvBxB,IAAM,SAAgC,CAAC;AAAA,EACnC,aAAa;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,gBAAgB;AACpB,MAAM;AACF,QAAM,UAAU,OAAO,MAAM;AAC7B,MAAI,iBACA,YAAY,MAAM,SAAS,QAAQ,CAAC,QAAQ,CAAC;AAEjD,MAAI,MAAM;AACN,QAAI,YAAY,oBAAC,QAAK,MAAa,GAAG,WAAW;AAEjD,YAAQ,eAAe;AAAA,MACnB,KAAK;AACD,yBAAiB,MAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ,KAAK;AACD,yBAAiB,MAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ,KAAK;AACD,yBAAiB,MAAM,SAAS,QAAQ;AAAA,UACpC;AAAA,UACA;AAAA,UACA;AAAA,QACJ,CAAC;AACD;AAAA,MACJ;AACI;AAAA,IACR;AAAA,EACJ;AAEA,QAAM,oBAAoB;AAAA,IACtB,aAAa,EAAE,0BAA0B;AAAA,IACzC,aAAa,EAAE,qBAAqB,EAAE,UAAU;AAAA,IAChD,aAAa,EAAE,qBAAqB,EAAE,IAAI;AAAA,IAC1C,QAAQ,aAAa,EAAE,gCAAgC,EAAE,aAAa;AAAA,IACtE,YAAY,aAAa,EAAE,yBAAyB;AAAA,IACpD,aAAa,aAAa,EAAE,wBAAwB;AAAA,IACpD;AAAA,IAEA,gCAAgC,UAAU,mBAAmB,IAAI,IAC7D,OAAO,uBAAuB,aAAa,KAAK,EACpD,IAAI,WAAW,4BAA4B,EAAE;AAAA,UAC3C,YAAY,2BAA2B,EAAE;AAAA,EAC/C;AAGA,QAAM,aAAa,OAAO;AAAA,IACtB,OAAO,QAAQ,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,MAAM,SAAS,IAAI;AAAA,EACpE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MAEb,+BAAC,SAAI,WAAW,WAAW,eAAe,YAAY,GACjD;AAAA,qBACG;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP,aAAa,EAAE,gCAAgC;AAAA,cAC/C;AAAA,YACJ;AAAA,YAEA,8BAAC,eAAY,OAAO,cAAc;AAAA;AAAA,QACtC;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,gBACI,CAAC,GAAG,aAAa,EAAE,qBAAqB,EAAE,SAAS,CAAC,yBAAyB,GACzE,SAAS;AAAA,cACjB;AAAA,cACA,CAAC,YACK,GAAG,aAAa,EAAE,wBAAwB,CAAC,4BAC3C,GAAG,aAAa,EAAE,uBAAuB,CAAC;AAAA,YACpD;AAAA,YAEC;AAAA;AAAA,QACL;AAAA,SACJ;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/legacy/visualBuilder/components/Collab/CollabIndicator.cjs CHANGED Viewed

@@ -34,6 +34,7 @@ __export(CollabIndicator_exports, {
 });
 module.exports = __toCommonJS(CollabIndicator_exports);
 var import_collab = require("../../collab.style.cjs");
+var import_hooks = require("preact/hooks");
 var import_classnames = __toESM(require("classnames"), 1);
 var import_ThreadPopup = __toESM(require("./ThreadPopup/index.cjs"), 1);
 var import_configManager = __toESM(require("../../../configManager/configManager.cjs"), 1);
@@ -43,9 +44,15 @@ var import_generateThread = require("../../generators/generateThread.cjs");
 var import_CollabIcons = require("../icons/CollabIcons.cjs");
 var import_jsx_runtime = require("preact/jsx-runtime");
 var CollabIndicator = (props) => {
-  var _a;
+  var _a, _b;
   const config = import_configManager.default.get();
-  const inviteMetadata = (_a = config == null ? void 0 : config.collab) == null ? void 0 : _a.inviteMetadata;
+  const [inviteMetadata, setInviteMetadata] = (0, import_hooks.useState)(
+    (_a = config == null ? void 0 : config.collab) == null ? void 0 : _a.inviteMetadata
+  );
+  (0, import_hooks.useEffect)(() => {
+    var _a2;
+    setInviteMetadata((_a2 = config == null ? void 0 : config.collab) == null ? void 0 : _a2.inviteMetadata);
+  }, [(_b = config == null ? void 0 : config.collab) == null ? void 0 : _b.inviteMetadata]);
   const {
     buttonRef,
     popupRef,
@@ -68,9 +75,9 @@ var CollabIndicator = (props) => {
     deleteThread
   } = (0, import_useCollabOperations.useCollabOperations)();
   const handleClose = (isResolved = false) => {
-    var _a2, _b, _c;
+    var _a2, _b2, _c;
     if (isResolved) {
-      (_b = (_a2 = buttonRef.current) == null ? void 0 : _a2.closest("div[field-path]")) == null ? void 0 : _b.remove();
+      (_b2 = (_a2 = buttonRef.current) == null ? void 0 : _a2.closest("div[field-path]")) == null ? void 0 : _b2.remove();
     }
     (0, import_generateThread.handleEmptyThreads)();
     setShowPopup(false);

package/dist/legacy/visualBuilder/components/Collab/CollabIndicator.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/visualBuilder/components/Collab/CollabIndicator.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { collabStyles } from \"../../collab.style\";\nimport classNames from \"classnames\";\nimport React from \"preact/compat\";\nimport ThreadPopup from \"./ThreadPopup\";\nimport Config from \"../../../configManager/configManager\";\nimport { IActiveThread, IInviteMetadata } from \"../../types/collab.types\";\nimport { useCollabIndicator } from \"../../hooks/useCollabIndicator\";\nimport { useCollabOperations } from \"../../hooks/useCollabOperations\";\nimport { handleEmptyThreads } from \"../../generators/generateThread\";\nimport { iconComponents } from \"../icons/CollabIcons\";\nexport interface ICollabIndicator {\n newThread?: boolean;\n activeThread?: IActiveThread;\n}\n\nconst CollabIndicator: React.FC<ICollabIndicator> = (props) => {\n const config = Config.get();\n const inviteMetadata: ~~IInviteMetadata~~ = config?.collab?.inviteMetadata;\n\n const {\n buttonRef,\n popupRef,\n showPopup,\n setShowPopup,\n activeThread,\n setActiveThread,\n togglePopup,\n } = useCollabIndicator({\n newThread: props.newThread ?? false,\n thread: props.activeThread \|\| { _id: \"new\" },\n });\n\n const {\n createComment,\n editComment,\n deleteComment,\n resolveThread,\n fetchComments,\n createNewThread,\n deleteThread,\n } = useCollabOperations();\n\n const handleClose = (isResolved: boolean = false) => {\n if (isResolved) {\n buttonRef.current?.closest(\"div[field-path]\")?.remove();\n }\n handleEmptyThreads();\n setShowPopup(false);\n\n if (config?.collab?.isFeedbackMode === false) {\n Config.set(\"collab.isFeedbackMode\", true);\n }\n };\n const IconComponent = iconComponents[\"Indicator\"];\n\n return (\n <>\n <button\n ref={buttonRef}\n data-testid=\"collab-indicator\"\n className={classNames(\n \"collab-indicator\",\n collabStyles()[\"collab-indicator\"]\n )}\n onClick={togglePopup}\n >\n <IconComponent active={!showPopup} />\n </button>\n {showPopup && (\n <div\n ref={popupRef}\n className={classNames(\n \"collab-popup\",\n collabStyles()[\"collab-popup\"]\n )}\n data-testid=\"collab-popup\"\n >\n <ThreadPopup\n onCreateComment={createComment}\n onEditComment={editComment}\n onDeleteComment={deleteComment}\n onClose={handleClose}\n onResolve={resolveThread}\n inviteMetadata={inviteMetadata}\n loadMoreMessages={fetchComments}\n activeThread={activeThread}\n setActiveThread={setActiveThread}\n onDeleteThread={deleteThread}\n createNewThread={() =>\n createNewThread(buttonRef, inviteMetadata)\n }\n />\n </div>\n )}\n </>\n );\n};\n\nexport default CollabIndicator;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA6B;AAC7B,wBAAuB;AAEvB,yBAAwB;AACxB,2BAAmB;AAEnB,gCAAmC;AACnC,iCAAoC;AACpC,4BAAmC;AACnC,yBAA+B;AA~~+CvB;AAzCR~~,IAAM,kBAA8C,CAAC,UAAU;~~AAhB~~/D;~~AAiBI~~,QAAM,SAAS,qBAAAA,QAAO,IAAI;AAC1B,QAAM,~~kBAAkC~~,sCAAQ,WAAR,mBAAgB;~~AAExD~~,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,QAAI,8CAAmB;AAAA,IACnB,WAAW,MAAM,aAAa;AAAA,IAC9B,QAAQ,MAAM,gBAAgB,EAAE,KAAK,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,QAAI,gDAAoB;AAExB,QAAM,cAAc,CAAC,aAAsB,UAAU;~~AA3CzD~~,~~QAAAC~~,KAAA;~~AA4CQ~~,QAAI,YAAY;AACZ,~~aAAAA~~,MAAA,UAAU,YAAV,gBAAAA,IAAmB,QAAQ,uBAA3B,~~mBAA~~+C;AAAA,IACnD;AACA,kDAAmB;AACnB,iBAAa,KAAK;AAElB,UAAI,sCAAQ,WAAR,mBAAgB,oBAAmB,OAAO;AAC1C,~~2BAAAD~~,QAAO,IAAI,yBAAyB,IAAI;AAAA,IAC5C;AAAA,EACJ;AACA,QAAM,gBAAgB,kCAAe,WAAW;AAEhD,SACI,4EACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,eAAY;AAAA,QACZ,eAAW,~~kBAAAE~~;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,kBAAkB;AAAA,QACrC;AAAA,QACA,SAAS;AAAA,QAET,sDAAC,iBAAc,QAAQ,CAAC,WAAW;AAAA;AAAA,IACvC;AAAA,IACC,aACG;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,cAAc;AAAA,QACjC;AAAA,QACA,eAAY;AAAA,QAEZ;AAAA,UAAC,mBAAAC;AAAA,UAAA;AAAA,YACG,iBAAiB;AAAA,YACjB,eAAe;AAAA,YACf,iBAAiB;AAAA,YACjB,SAAS;AAAA,YACT,WAAW;AAAA,YACX;AAAA,YACA,kBAAkB;AAAA,YAClB;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,iBAAiB,MACb,gBAAgB,WAAW,cAAc;AAAA;AAAA,QAEjD;AAAA;AAAA,IACJ;AAAA,KAER;AAER;AAEA,IAAO,0BAAQ;","names":["Config","_a","classNames","ThreadPopup"]}
1	+ {"version":3,"sources":["../../../../../src/visualBuilder/components/Collab/CollabIndicator.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { collabStyles } from \"../../collab.style\";\nimport { useState, useEffect } from \"preact/hooks\";\nimport classNames from \"classnames\";\nimport React from \"preact/compat\";\nimport ThreadPopup from \"./ThreadPopup\";\nimport Config from \"../../../configManager/configManager\";\nimport { IActiveThread, IInviteMetadata } from \"../../types/collab.types\";\nimport { useCollabIndicator } from \"../../hooks/useCollabIndicator\";\nimport { useCollabOperations } from \"../../hooks/useCollabOperations\";\nimport { handleEmptyThreads } from \"../../generators/generateThread\";\nimport { iconComponents } from \"../icons/CollabIcons\";\nexport interface ICollabIndicator {\n newThread?: boolean;\n activeThread?: IActiveThread;\n}\n\nconst CollabIndicator: React.FC<ICollabIndicator> = (props) => {\n const config = Config.get();\n const [inviteMetadata, setInviteMetadata] = useState<IInviteMetadata>(\n config?.collab?.inviteMetadata\n );\n\n useEffect(() => {\n setInviteMetadata(config?.collab?.inviteMetadata);\n }, [config?.collab?.inviteMetadata]);\n\n const {\n buttonRef,\n popupRef,\n showPopup,\n setShowPopup,\n activeThread,\n setActiveThread,\n togglePopup,\n } = useCollabIndicator({\n newThread: props.newThread ?? false,\n thread: props.activeThread \|\| { _id: \"new\" },\n });\n\n const {\n createComment,\n editComment,\n deleteComment,\n resolveThread,\n fetchComments,\n createNewThread,\n deleteThread,\n } = useCollabOperations();\n\n const handleClose = (isResolved: boolean = false) => {\n if (isResolved) {\n buttonRef.current?.closest(\"div[field-path]\")?.remove();\n }\n handleEmptyThreads();\n setShowPopup(false);\n\n if (config?.collab?.isFeedbackMode === false) {\n Config.set(\"collab.isFeedbackMode\", true);\n }\n };\n const IconComponent = iconComponents[\"Indicator\"];\n\n return (\n <>\n <button\n ref={buttonRef}\n data-testid=\"collab-indicator\"\n className={classNames(\n \"collab-indicator\",\n collabStyles()[\"collab-indicator\"]\n )}\n onClick={togglePopup}\n >\n <IconComponent active={!showPopup} />\n </button>\n {showPopup && (\n <div\n ref={popupRef}\n className={classNames(\n \"collab-popup\",\n collabStyles()[\"collab-popup\"]\n )}\n data-testid=\"collab-popup\"\n >\n <ThreadPopup\n onCreateComment={createComment}\n onEditComment={editComment}\n onDeleteComment={deleteComment}\n onClose={handleClose}\n onResolve={resolveThread}\n inviteMetadata={inviteMetadata}\n loadMoreMessages={fetchComments}\n activeThread={activeThread}\n setActiveThread={setActiveThread}\n onDeleteThread={deleteThread}\n createNewThread={() =>\n createNewThread(buttonRef, inviteMetadata)\n }\n />\n </div>\n )}\n </>\n );\n};\n\nexport default CollabIndicator;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAA6B;AAC7B,mBAAoC;AACpC,wBAAuB;AAEvB,yBAAwB;AACxB,2BAAmB;AAEnB,gCAAmC;AACnC,iCAAoC;AACpC,4BAAmC;AACnC,yBAA+B;AAqDvB;AA/CR,IAAM,kBAA8C,CAAC,UAAU;AAjB/D;AAkBI,QAAM,SAAS,qBAAAA,QAAO,IAAI;AAC1B,QAAM,CAAC,gBAAgB,iBAAiB,QAAI;AAAA,KACxC,sCAAQ,WAAR,mBAAgB;AAAA,EACpB;AAEA,8BAAU,MAAM;AAvBpB,QAAAC;AAwBQ,uBAAkBA,MAAA,iCAAQ,WAAR,gBAAAA,IAAgB,cAAc;AAAA,EACpD,GAAG,EAAC,sCAAQ,WAAR,mBAAgB,cAAc,CAAC;AAEnC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,QAAI,8CAAmB;AAAA,IACnB,WAAW,MAAM,aAAa;AAAA,IAC9B,QAAQ,MAAM,gBAAgB,EAAE,KAAK,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,QAAI,gDAAoB;AAExB,QAAM,cAAc,CAAC,aAAsB,UAAU;AAlDzD,QAAAA,KAAAC,KAAA;AAmDQ,QAAI,YAAY;AACZ,OAAAA,OAAAD,MAAA,UAAU,YAAV,gBAAAA,IAAmB,QAAQ,uBAA3B,gBAAAC,IAA+C;AAAA,IACnD;AACA,kDAAmB;AACnB,iBAAa,KAAK;AAElB,UAAI,sCAAQ,WAAR,mBAAgB,oBAAmB,OAAO;AAC1C,2BAAAF,QAAO,IAAI,yBAAyB,IAAI;AAAA,IAC5C;AAAA,EACJ;AACA,QAAM,gBAAgB,kCAAe,WAAW;AAEhD,SACI,4EACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,eAAY;AAAA,QACZ,eAAW,kBAAAG;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,kBAAkB;AAAA,QACrC;AAAA,QACA,SAAS;AAAA,QAET,sDAAC,iBAAc,QAAQ,CAAC,WAAW;AAAA;AAAA,IACvC;AAAA,IACC,aACG;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,cAAc;AAAA,QACjC;AAAA,QACA,eAAY;AAAA,QAEZ;AAAA,UAAC,mBAAAC;AAAA,UAAA;AAAA,YACG,iBAAiB;AAAA,YACjB,eAAe;AAAA,YACf,iBAAiB;AAAA,YACjB,SAAS;AAAA,YACT,WAAW;AAAA,YACX;AAAA,YACA,kBAAkB;AAAA,YAClB;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,iBAAiB,MACb,gBAAgB,WAAW,cAAc;AAAA;AAAA,QAEjD;AAAA;AAAA,IACJ;AAAA,KAER;AAER;AAEA,IAAO,0BAAQ;","names":["Config","_a","_b","classNames","ThreadPopup"]}

package/dist/legacy/visualBuilder/components/Collab/CollabIndicator.js CHANGED Viewed

@@ -2,6 +2,7 @@ import "../../../chunk-5WRI5ZAA.js";
 // src/visualBuilder/components/Collab/CollabIndicator.tsx
 import { collabStyles } from "../../collab.style.js";
+import { useState, useEffect } from "preact/hooks";
 import classNames from "classnames";
 import ThreadPopup from "./ThreadPopup/index.js";
 import Config from "../../../configManager/configManager.js";
@@ -11,9 +12,15 @@ import { handleEmptyThreads } from "../../generators/generateThread.js";
 import { iconComponents } from "../icons/CollabIcons.js";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 var CollabIndicator = (props) => {
-  var _a;
+  var _a, _b;
   const config = Config.get();
-  const inviteMetadata = (_a = config == null ? void 0 : config.collab) == null ? void 0 : _a.inviteMetadata;
+  const [inviteMetadata, setInviteMetadata] = useState(
+    (_a = config == null ? void 0 : config.collab) == null ? void 0 : _a.inviteMetadata
+  );
+  useEffect(() => {
+    var _a2;
+    setInviteMetadata((_a2 = config == null ? void 0 : config.collab) == null ? void 0 : _a2.inviteMetadata);
+  }, [(_b = config == null ? void 0 : config.collab) == null ? void 0 : _b.inviteMetadata]);
   const {
     buttonRef,
     popupRef,
@@ -36,9 +43,9 @@ var CollabIndicator = (props) => {
     deleteThread
   } = useCollabOperations();
   const handleClose = (isResolved = false) => {
-    var _a2, _b, _c;
+    var _a2, _b2, _c;
     if (isResolved) {
-      (_b = (_a2 = buttonRef.current) == null ? void 0 : _a2.closest("div[field-path]")) == null ? void 0 : _b.remove();
+      (_b2 = (_a2 = buttonRef.current) == null ? void 0 : _a2.closest("div[field-path]")) == null ? void 0 : _b2.remove();
     }
     handleEmptyThreads();
     setShowPopup(false);

package/dist/legacy/visualBuilder/components/Collab/CollabIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/visualBuilder/components/Collab/CollabIndicator.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { collabStyles } from \"../../collab.style\";\nimport classNames from \"classnames\";\nimport React from \"preact/compat\";\nimport ThreadPopup from \"./ThreadPopup\";\nimport Config from \"../../../configManager/configManager\";\nimport { IActiveThread, IInviteMetadata } from \"../../types/collab.types\";\nimport { useCollabIndicator } from \"../../hooks/useCollabIndicator\";\nimport { useCollabOperations } from \"../../hooks/useCollabOperations\";\nimport { handleEmptyThreads } from \"../../generators/generateThread\";\nimport { iconComponents } from \"../icons/CollabIcons\";\nexport interface ICollabIndicator {\n newThread?: boolean;\n activeThread?: IActiveThread;\n}\n\nconst CollabIndicator: React.FC<ICollabIndicator> = (props) => {\n const config = Config.get();\n const inviteMetadata: ~~IInviteMetadata~~ = config?.collab?.inviteMetadata;\n\n const {\n buttonRef,\n popupRef,\n showPopup,\n setShowPopup,\n activeThread,\n setActiveThread,\n togglePopup,\n } = useCollabIndicator({\n newThread: props.newThread ?? false,\n thread: props.activeThread \|\| { _id: \"new\" },\n });\n\n const {\n createComment,\n editComment,\n deleteComment,\n resolveThread,\n fetchComments,\n createNewThread,\n deleteThread,\n } = useCollabOperations();\n\n const handleClose = (isResolved: boolean = false) => {\n if (isResolved) {\n buttonRef.current?.closest(\"div[field-path]\")?.remove();\n }\n handleEmptyThreads();\n setShowPopup(false);\n\n if (config?.collab?.isFeedbackMode === false) {\n Config.set(\"collab.isFeedbackMode\", true);\n }\n };\n const IconComponent = iconComponents[\"Indicator\"];\n\n return (\n <>\n <button\n ref={buttonRef}\n data-testid=\"collab-indicator\"\n className={classNames(\n \"collab-indicator\",\n collabStyles()[\"collab-indicator\"]\n )}\n onClick={togglePopup}\n >\n <IconComponent active={!showPopup} />\n </button>\n {showPopup && (\n <div\n ref={popupRef}\n className={classNames(\n \"collab-popup\",\n collabStyles()[\"collab-popup\"]\n )}\n data-testid=\"collab-popup\"\n >\n <ThreadPopup\n onCreateComment={createComment}\n onEditComment={editComment}\n onDeleteComment={deleteComment}\n onClose={handleClose}\n onResolve={resolveThread}\n inviteMetadata={inviteMetadata}\n loadMoreMessages={fetchComments}\n activeThread={activeThread}\n setActiveThread={setActiveThread}\n onDeleteThread={deleteThread}\n createNewThread={() =>\n createNewThread(buttonRef, inviteMetadata)\n }\n />\n </div>\n )}\n </>\n );\n};\n\nexport default CollabIndicator;\n"],"mappings":";;;AACA,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AAEvB,OAAO,iBAAiB;AACxB,OAAO,YAAY;AAEnB,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;~~AA+CvB~~,mBAUQ,KAVR;~~AAzCR~~,IAAM,kBAA8C,CAAC,UAAU;~~AAhB~~/D;~~AAiBI~~,QAAM,SAAS,OAAO,IAAI;AAC1B,QAAM,~~kBAAkC~~,sCAAQ,WAAR,mBAAgB;~~AAExD~~,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI,mBAAmB;AAAA,IACnB,WAAW,MAAM,aAAa;AAAA,IAC9B,QAAQ,MAAM,gBAAgB,EAAE,KAAK,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI,oBAAoB;AAExB,QAAM,cAAc,CAAC,aAAsB,UAAU;~~AA3CzD~~,QAAAA,KAAA;~~AA4CQ~~,QAAI,YAAY;AACZ,~~aAAAA~~,MAAA,UAAU,YAAV,gBAAAA,IAAmB,QAAQ,uBAA3B,~~mBAA~~+C;AAAA,IACnD;AACA,uBAAmB;AACnB,iBAAa,KAAK;AAElB,UAAI,sCAAQ,WAAR,mBAAgB,oBAAmB,OAAO;AAC1C,aAAO,IAAI,yBAAyB,IAAI;AAAA,IAC5C;AAAA,EACJ;AACA,QAAM,gBAAgB,eAAe,WAAW;AAEhD,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,kBAAkB;AAAA,QACrC;AAAA,QACA,SAAS;AAAA,QAET,8BAAC,iBAAc,QAAQ,CAAC,WAAW;AAAA;AAAA,IACvC;AAAA,IACC,aACG;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,cAAc;AAAA,QACjC;AAAA,QACA,eAAY;AAAA,QAEZ;AAAA,UAAC;AAAA;AAAA,YACG,iBAAiB;AAAA,YACjB,eAAe;AAAA,YACf,iBAAiB;AAAA,YACjB,SAAS;AAAA,YACT,WAAW;AAAA,YACX;AAAA,YACA,kBAAkB;AAAA,YAClB;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,iBAAiB,MACb,gBAAgB,WAAW,cAAc;AAAA;AAAA,QAEjD;AAAA;AAAA,IACJ;AAAA,KAER;AAER;AAEA,IAAO,0BAAQ;","names":["_a"]}
1	+ {"version":3,"sources":["../../../../../src/visualBuilder/components/Collab/CollabIndicator.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { collabStyles } from \"../../collab.style\";\nimport { useState, useEffect } from \"preact/hooks\";\nimport classNames from \"classnames\";\nimport React from \"preact/compat\";\nimport ThreadPopup from \"./ThreadPopup\";\nimport Config from \"../../../configManager/configManager\";\nimport { IActiveThread, IInviteMetadata } from \"../../types/collab.types\";\nimport { useCollabIndicator } from \"../../hooks/useCollabIndicator\";\nimport { useCollabOperations } from \"../../hooks/useCollabOperations\";\nimport { handleEmptyThreads } from \"../../generators/generateThread\";\nimport { iconComponents } from \"../icons/CollabIcons\";\nexport interface ICollabIndicator {\n newThread?: boolean;\n activeThread?: IActiveThread;\n}\n\nconst CollabIndicator: React.FC<ICollabIndicator> = (props) => {\n const config = Config.get();\n const [inviteMetadata, setInviteMetadata] = useState<IInviteMetadata>(\n config?.collab?.inviteMetadata\n );\n\n useEffect(() => {\n setInviteMetadata(config?.collab?.inviteMetadata);\n }, [config?.collab?.inviteMetadata]);\n\n const {\n buttonRef,\n popupRef,\n showPopup,\n setShowPopup,\n activeThread,\n setActiveThread,\n togglePopup,\n } = useCollabIndicator({\n newThread: props.newThread ?? false,\n thread: props.activeThread \|\| { _id: \"new\" },\n });\n\n const {\n createComment,\n editComment,\n deleteComment,\n resolveThread,\n fetchComments,\n createNewThread,\n deleteThread,\n } = useCollabOperations();\n\n const handleClose = (isResolved: boolean = false) => {\n if (isResolved) {\n buttonRef.current?.closest(\"div[field-path]\")?.remove();\n }\n handleEmptyThreads();\n setShowPopup(false);\n\n if (config?.collab?.isFeedbackMode === false) {\n Config.set(\"collab.isFeedbackMode\", true);\n }\n };\n const IconComponent = iconComponents[\"Indicator\"];\n\n return (\n <>\n <button\n ref={buttonRef}\n data-testid=\"collab-indicator\"\n className={classNames(\n \"collab-indicator\",\n collabStyles()[\"collab-indicator\"]\n )}\n onClick={togglePopup}\n >\n <IconComponent active={!showPopup} />\n </button>\n {showPopup && (\n <div\n ref={popupRef}\n className={classNames(\n \"collab-popup\",\n collabStyles()[\"collab-popup\"]\n )}\n data-testid=\"collab-popup\"\n >\n <ThreadPopup\n onCreateComment={createComment}\n onEditComment={editComment}\n onDeleteComment={deleteComment}\n onClose={handleClose}\n onResolve={resolveThread}\n inviteMetadata={inviteMetadata}\n loadMoreMessages={fetchComments}\n activeThread={activeThread}\n setActiveThread={setActiveThread}\n onDeleteThread={deleteThread}\n createNewThread={() =>\n createNewThread(buttonRef, inviteMetadata)\n }\n />\n </div>\n )}\n </>\n );\n};\n\nexport default CollabIndicator;\n"],"mappings":";;;AACA,SAAS,oBAAoB;AAC7B,SAAS,UAAU,iBAAiB;AACpC,OAAO,gBAAgB;AAEvB,OAAO,iBAAiB;AACxB,OAAO,YAAY;AAEnB,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAqDvB,mBAUQ,KAVR;AA/CR,IAAM,kBAA8C,CAAC,UAAU;AAjB/D;AAkBI,QAAM,SAAS,OAAO,IAAI;AAC1B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,KACxC,sCAAQ,WAAR,mBAAgB;AAAA,EACpB;AAEA,YAAU,MAAM;AAvBpB,QAAAA;AAwBQ,uBAAkBA,MAAA,iCAAQ,WAAR,gBAAAA,IAAgB,cAAc;AAAA,EACpD,GAAG,EAAC,sCAAQ,WAAR,mBAAgB,cAAc,CAAC;AAEnC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI,mBAAmB;AAAA,IACnB,WAAW,MAAM,aAAa;AAAA,IAC9B,QAAQ,MAAM,gBAAgB,EAAE,KAAK,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI,oBAAoB;AAExB,QAAM,cAAc,CAAC,aAAsB,UAAU;AAlDzD,QAAAA,KAAAC,KAAA;AAmDQ,QAAI,YAAY;AACZ,OAAAA,OAAAD,MAAA,UAAU,YAAV,gBAAAA,IAAmB,QAAQ,uBAA3B,gBAAAC,IAA+C;AAAA,IACnD;AACA,uBAAmB;AACnB,iBAAa,KAAK;AAElB,UAAI,sCAAQ,WAAR,mBAAgB,oBAAmB,OAAO;AAC1C,aAAO,IAAI,yBAAyB,IAAI;AAAA,IAC5C;AAAA,EACJ;AACA,QAAM,gBAAgB,eAAe,WAAW;AAEhD,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,kBAAkB;AAAA,QACrC;AAAA,QACA,SAAS;AAAA,QAET,8BAAC,iBAAc,QAAQ,CAAC,WAAW;AAAA;AAAA,IACvC;AAAA,IACC,aACG;AAAA,MAAC;AAAA;AAAA,QACG,KAAK;AAAA,QACL,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,cAAc;AAAA,QACjC;AAAA,QACA,eAAY;AAAA,QAEZ;AAAA,UAAC;AAAA;AAAA,YACG,iBAAiB;AAAA,YACjB,eAAe;AAAA,YACf,iBAAiB;AAAA,YACjB,SAAS;AAAA,YACT,WAAW;AAAA,YACX;AAAA,YACA,kBAAkB;AAAA,YAClB;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,iBAAiB,MACb,gBAAgB,WAAW,cAAc;AAAA;AAAA,QAEjD;AAAA;AAAA,IACJ;AAAA,KAER;AAER;AAEA,IAAO,0BAAQ;","names":["_a","_b"]}

package/dist/legacy/visualBuilder/components/Collab/Icon/Icon.cjs CHANGED Viewed

@@ -43,9 +43,14 @@ var IconWrapper = ({
   className,
   onClick,
   testId,
+  disabled,
   ...otherProps
 }) => {
   const IconComponent = import_CollabIcons.iconComponents[icon];
+  const handleClick = (e) => {
+    if (disabled) return;
+    onClick == null ? void 0 : onClick(e);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
@@ -53,7 +58,7 @@ var IconWrapper = ({
         "collab-icon-wrapper",
         (0, import_collab.collabStyles)()["collab-icon-wrapper"]
       ),
-      onClick,
+      onClick: handleClick,
       "data-testid": testId,
       ...otherProps,
       children: IconComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/legacy/visualBuilder/components/Collab/Icon/Icon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n icon: IconName;\n tooltipContent?: string;\n className?: string;\n withTooltip?: boolean;\n onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n testId?: string;\n}\n\nconst IconWrapper = ({\n icon,\n className,\n onClick,\n testId, \n ...otherProps\n}: Omit<IconProps, \"withTooltip\" \| \"tooltipContent\">) => {\n const IconComponent = iconComponents[icon];\n\n return (\n <div\n className={classNames(\n \"collab-icon-wrapper\",\n collabStyles()[\"collab-icon-wrapper\"]\n )}\n onClick={~~onClick~~}\n data-testid={testId}\n {...otherProps}\n >\n {IconComponent ? (\n <IconComponent\n className={classNames(\n \"collab-icon\",\n collabStyles()[\"collab-icon\"],\n className\n )}\n />\n ) : null}\n </div>\n );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n withTooltip = false,\n tooltipContent = \"\",\n testId = \"collab-icon\",\n ...props\n}: IconProps) => {\n return withTooltip && tooltipContent ? (\n <div data-testid={testId}>\n <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n <Component {...props} />\n </Tooltip>\n </div>\n ) : (\n \n <Component {...props} testId={testId} />\n );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAoB;AACpB,yBAA+B;AAC/B,wBAAuB;AACvB,oBAA6B;~~AAiCb~~;~~AApBhB~~,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,kCAAe,IAAI;AAEzC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA;AAAA,~~MACA~~,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,eAAW,kBAAAA;AAAA,YACP;AAAA,gBACA,4BAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAC,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,4CAAC,SAAI,eAAa,QACd,sDAAC,eAAAC,SAAA,EAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,sDAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,4CAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["classNames","withTooltip","Tooltip"]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n icon: IconName;\n tooltipContent?: string;\n className?: string;\n withTooltip?: boolean;\n onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n testId?: string;\n disabled?: boolean; \n}\n\nconst IconWrapper = ({\n icon,\n className,\n onClick,\n testId, \n disabled,\n ...otherProps\n}: Omit<IconProps, \"withTooltip\" \| \"tooltipContent\">) => {\n const IconComponent = iconComponents[icon];\n\n const handleClick = (e: JSX.TargetedMouseEvent<HTMLDivElement>) => {\n if (disabled) return; \n onClick?.(e);\n };\n\n\n return (\n <div\n className={classNames(\n \"collab-icon-wrapper\",\n collabStyles()[\"collab-icon-wrapper\"]\n )}\n onClick={handleClick}\n data-testid={testId}\n {...otherProps}\n >\n {IconComponent ? (\n <IconComponent\n className={classNames(\n \"collab-icon\",\n collabStyles()[\"collab-icon\"],\n className\n )}\n />\n ) : null}\n </div>\n );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n withTooltip = false,\n tooltipContent = \"\",\n testId = \"collab-icon\",\n ...props\n}: IconProps) => {\n return withTooltip && tooltipContent ? (\n <div data-testid={testId}>\n <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n <Component {...props} />\n </Tooltip>\n </div>\n ) : (\n \n <Component {...props} testId={testId} />\n );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAoB;AACpB,yBAA+B;AAC/B,wBAAuB;AACvB,oBAA6B;AAyCb;AA3BhB,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,kCAAe,IAAI;AAEzC,QAAM,cAAc,CAAC,MAA8C;AAC/D,QAAI,SAAU;AACd,uCAAU;AAAA,EACd;AAGA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA,SAAS;AAAA,MACT,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,eAAW,kBAAAA;AAAA,YACP;AAAA,gBACA,4BAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAC,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,4CAAC,SAAI,eAAa,QACd,sDAAC,eAAAC,SAAA,EAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,sDAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,4CAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["classNames","withTooltip","Tooltip"]}

package/dist/legacy/visualBuilder/components/Collab/Icon/Icon.d.cts CHANGED Viewed

@@ -12,6 +12,7 @@ interface IconProps {
     withTooltip?: boolean;
     onClick?: JSX.MouseEventHandler<HTMLDivElement>;
     testId?: string;
+    disabled?: boolean;
 }
 declare const Icon: ({ withTooltip, tooltipContent, testId, ...props }: IconProps) => React.JSX.Element;

package/dist/legacy/visualBuilder/components/Collab/Icon/Icon.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ interface IconProps {
     withTooltip?: boolean;
     onClick?: JSX.MouseEventHandler<HTMLDivElement>;
     testId?: string;
+    disabled?: boolean;
 }
 declare const Icon: ({ withTooltip, tooltipContent, testId, ...props }: IconProps) => React.JSX.Element;

package/dist/legacy/visualBuilder/components/Collab/Icon/Icon.js CHANGED Viewed

@@ -11,9 +11,14 @@ var IconWrapper = ({
   className,
   onClick,
   testId,
+  disabled,
   ...otherProps
 }) => {
   const IconComponent = iconComponents[icon];
+  const handleClick = (e) => {
+    if (disabled) return;
+    onClick == null ? void 0 : onClick(e);
+  };
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -21,7 +26,7 @@ var IconWrapper = ({
         "collab-icon-wrapper",
         collabStyles()["collab-icon-wrapper"]
       ),
-      onClick,
+      onClick: handleClick,
       "data-testid": testId,
       ...otherProps,
       children: IconComponent ? /* @__PURE__ */ jsx(

package/dist/legacy/visualBuilder/components/Collab/Icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n icon: IconName;\n tooltipContent?: string;\n className?: string;\n withTooltip?: boolean;\n onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n testId?: string;\n}\n\nconst IconWrapper = ({\n icon,\n className,\n onClick,\n testId, \n ...otherProps\n}: Omit<IconProps, \"withTooltip\" \| \"tooltipContent\">) => {\n const IconComponent = iconComponents[icon];\n\n return (\n <div\n className={classNames(\n \"collab-icon-wrapper\",\n collabStyles()[\"collab-icon-wrapper\"]\n )}\n onClick={~~onClick~~}\n data-testid={testId}\n {...otherProps}\n >\n {IconComponent ? (\n <IconComponent\n className={classNames(\n \"collab-icon\",\n collabStyles()[\"collab-icon\"],\n className\n )}\n />\n ) : null}\n </div>\n );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n withTooltip = false,\n tooltipContent = \"\",\n testId = \"collab-icon\",\n ...props\n}: IconProps) => {\n return withTooltip && tooltipContent ? (\n <div data-testid={testId}>\n <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n <Component {...props} />\n </Tooltip>\n </div>\n ) : (\n \n <Component {...props} testId={testId} />\n );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;AAGA,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,oBAAoB;~~AAiCb~~;~~AApBhB~~,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,eAAe,IAAI;AAEzC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA;AAAA,~~MACA~~,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,aAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAA,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,oBAAC,SAAI,eAAa,QACd,8BAAC,WAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,8BAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,oBAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["withTooltip"]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/Icon/Icon.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { iconComponents } from \"../../icons/CollabIcons\";\nimport classNames from \"classnames\";\nimport { collabStyles } from \"../../../collab.style\";\n\ntype IconName = keyof typeof iconComponents;\n\nexport interface IconProps {\n icon: IconName;\n tooltipContent?: string;\n className?: string;\n withTooltip?: boolean;\n onClick?: JSX.MouseEventHandler<HTMLDivElement>;\n testId?: string;\n disabled?: boolean; \n}\n\nconst IconWrapper = ({\n icon,\n className,\n onClick,\n testId, \n disabled,\n ...otherProps\n}: Omit<IconProps, \"withTooltip\" \| \"tooltipContent\">) => {\n const IconComponent = iconComponents[icon];\n\n const handleClick = (e: JSX.TargetedMouseEvent<HTMLDivElement>) => {\n if (disabled) return; \n onClick?.(e);\n };\n\n\n return (\n <div\n className={classNames(\n \"collab-icon-wrapper\",\n collabStyles()[\"collab-icon-wrapper\"]\n )}\n onClick={handleClick}\n data-testid={testId}\n {...otherProps}\n >\n {IconComponent ? (\n <IconComponent\n className={classNames(\n \"collab-icon\",\n collabStyles()[\"collab-icon\"],\n className\n )}\n />\n ) : null}\n </div>\n );\n};\n\nconst withTooltip = (Component: typeof IconWrapper) => ({\n withTooltip = false,\n tooltipContent = \"\",\n testId = \"collab-icon\",\n ...props\n}: IconProps) => {\n return withTooltip && tooltipContent ? (\n <div data-testid={testId}>\n <Tooltip content={tooltipContent} position=\"bottom\" testId=\"collab-icon-tooltip\">\n <Component {...props} />\n </Tooltip>\n </div>\n ) : (\n \n <Component {...props} testId={testId} />\n );\n};\n\nconst Icon = withTooltip(IconWrapper);\n\nexport default Icon;\n"],"mappings":";;;AAGA,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAC/B,OAAO,gBAAgB;AACvB,SAAS,oBAAoB;AAyCb;AA3BhB,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyD;AACrD,QAAM,gBAAgB,eAAe,IAAI;AAEzC,QAAM,cAAc,CAAC,MAA8C;AAC/D,QAAI,SAAU;AACd,uCAAU;AAAA,EACd;AAGA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,qBAAqB;AAAA,MACxC;AAAA,MACA,SAAS;AAAA,MACT,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BACG;AAAA,QAAC;AAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,aAAa,EAAE,aAAa;AAAA,YAC5B;AAAA,UACJ;AAAA;AAAA,MACJ,IACA;AAAA;AAAA,EACR;AAER;AAEA,IAAM,cAAc,CAAC,cAAkC,CAAC;AAAA,EACpD,aAAAA,eAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,GAAG;AACP,MAAiB;AACb,SAAOA,gBAAe,iBAClB,oBAAC,SAAI,eAAa,QACd,8BAAC,WAAQ,SAAS,gBAAgB,UAAS,UAAS,QAAO,uBACvD,8BAAC,aAAW,GAAG,OAAQ,GAC3B,GACJ,IAGA,oBAAC,aAAW,GAAG,OAAO,QAAgB;AAE9C;AAEA,IAAM,OAAO,YAAY,WAAW;AAEpC,IAAO,eAAQ;","names":["withTooltip"]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.cjs CHANGED Viewed

@@ -46,6 +46,7 @@ var CommentActionBar = ({
   commentUID
 }) => {
   const { setThreadState, onDeleteComment, activeThread, onDeleteThread } = (0, import_hooks.useContext)(import_ContextProvider.ThreadProvider);
+  const [isDeleting, setIsDeleting] = (0, import_hooks.useState)(false);
   const setEditComment = (uid) => {
     setThreadState((prevState) => ({
       ...prevState,
@@ -61,9 +62,10 @@ var CommentActionBar = ({
     }
   };
   const handleCommentDelete = async () => {
-    if (!commentUID) {
+    if (!commentUID || isDeleting) {
       return;
     }
+    setIsDeleting(true);
     try {
       const deleteResponse = await onDeleteComment({
         threadUid: activeThread == null ? void 0 : activeThread._id,
@@ -83,6 +85,8 @@ var CommentActionBar = ({
         };
       });
     } catch (error) {
+    } finally {
+      setIsDeleting(false);
     }
   };
   if (mode === "edit" && commentUID) {
@@ -105,7 +109,7 @@ var CommentActionBar = ({
       }
     );
   }
-  if (commentUser.uid !== currentUser.uid || !commentUID) {
+  if ((commentUser == null ? void 0 : commentUser.uid) !== (currentUser == null ? void 0 : currentUser.uid) || !commentUID) {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -134,7 +138,8 @@ var CommentActionBar = ({
             tooltipContent: "Delete",
             withTooltip: true,
             testId: "collab-thread-comment-delete",
-            onClick: handleCommentDelete
+            onClick: handleCommentDelete,
+            disabled: isDeleting
           }
         )
       ]

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useContext } from \"preact/hooks\";\nimport {\n IThreadPopupState,\n ICommentActionBar,\n} from \"../../../types/collab.types\";\nimport Icon from \"../Icon/Icon\";\nimport { ThreadProvider } from \"./ContextProvider\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\~~n// Define the CommentActionBar component\~~nconst CommentActionBar: React.FC<ICommentActionBar> = ({\n mode,\n commentUser,\n currentUser,\n commentUID,\n}) => {\n const { setThreadState, onDeleteComment, activeThread, onDeleteThread } =\n useContext(ThreadProvider)!;\n\n const setEditComment = (uid: string \| null) => {\n setThreadState((prevState: IThreadPopupState) => ({\n ...prevState,\n editComment: uid \|\| \"\",\n }));\n };\n\n ~~// Handler for cancel action\n~~ const handleCancel = () => {\n setEditComment(null);\n };\n\n ~~// Handler for editing a comment\n~~ const handleCommentEdit = () => {\n if (commentUID) {\n setEditComment(commentUID);\n }\n };\n\n ~~// Handler for deleting a comment\n~~ const handleCommentDelete = async () => {\n if (!commentUID) {\n return;\n }\n try {\n ~~// Call the onDeleteComment function\n~~ const deleteResponse = await onDeleteComment({\n threadUid: activeThread?._id,\n commentUid: commentUID,\n });\n\n ~~// Update the thread state after successful deletion\n~~ setThreadState((prevState: IThreadPopupState) => {\n const updatedComments = prevState.comments.filter(\n (comment) => comment._id !== commentUID\n );\n if (prevState.commentCount - 1 === 0) {\n onDeleteThread({ threadUid: activeThread?._id });\n }\n return {\n ...prevState,\n comments: updatedComments,\n commentCount: prevState.commentCount - 1,\n };\n });\n } catch (error: any) {}\n };\n\n ~~// Render based on the mode and user permissions~~\n if (mode === \"edit\" && commentUID) {\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n >\n <Icon\n icon=\"Cancel\"\n withTooltip\n tooltipContent=\"Cancel\"\n onClick={handleCancel}\n />\n </div>\n );\n }\n\n if (commentUser.uid !== currentUser.uid \|\| !commentUID) {\n return null;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n data-testid=\"collab-thread-comment-action--wrapper\"\n >\n <Icon\n icon=\"Edit\"\n tooltipContent=\"Edit\"\n withTooltip\n testId=\"collab-thread-comment-edit\"\n onClick={handleCommentEdit}\n />\n <Icon\n icon=\"Delete\"\n tooltipContent=\"Delete\"\n withTooltip\n testId=\"collab-thread-comment-delete\"\n onClick={handleCommentDelete}\n />\n </div>\n );\n};\n\nexport default CommentActionBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,~~mBAA2B~~;~~AAK3B~~,kBAAiB;AACjB,6BAA+B;AAC/B,oBAA6B;AAC7B,wBAAuB;AAqEP;~~AAlEhB~~,IAAM,mBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,EAAE,gBAAgB,iBAAiB,cAAc,eAAe,QAClE,yBAAW,qCAAc;~~AAE7B~~,QAAM,iBAAiB,CAAC,QAAuB;AAC3C,mBAAe,CAAC,eAAkC;AAAA,MAC9C,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,IACxB,EAAE;AAAA,EACN;~~AAGA~~,QAAM,eAAe,MAAM;AACvB,mBAAe,IAAI;AAAA,EACvB;~~AAGA~~,QAAM,oBAAoB,MAAM;AAC5B,QAAI,YAAY;AACZ,qBAAe,UAAU;AAAA,IAC7B;AAAA,EACJ;~~AAGA~~,QAAM,sBAAsB,YAAY;AACpC,QAAI,CAAC,YAAY;~~AACb~~;AAAA,IACJ;~~AACA~~,QAAI;~~AAEA~~,YAAM,iBAAiB,MAAM,gBAAgB;AAAA,QACzC,WAAW,6CAAc;AAAA,QACzB,YAAY;AAAA,MAChB,CAAC;~~AAGD~~,qBAAe,CAAC,cAAiC;AAC7C,cAAM,kBAAkB,UAAU,SAAS;AAAA,UACvC,CAAC,YAAY,QAAQ,QAAQ;AAAA,QACjC;AACA,YAAI,UAAU,eAAe,MAAM,GAAG;AAClC,yBAAe,EAAE,WAAW,6CAAc,IAAI,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,UACH,GAAG;AAAA,UACH,UAAU;AAAA,UACV,cAAc,UAAU,eAAe;AAAA,QAC3C;AAAA,MACJ,CAAC;AAAA,IACL,SAAS,OAAY;AAAA,~~IAAC~~;AAAA,~~EAC1B~~;~~AAGA~~,MAAI,SAAS,UAAU,YAAY;AAC/B,WACI;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,uCAAuC;AAAA,QAC1D;AAAA,QAEA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,aAAW;AAAA,YACX,gBAAe;AAAA,YACf,SAAS;AAAA;AAAA,QACb;AAAA;AAAA,IACJ;AAAA,EAER;AAEA,~~MAAI~~,~~YAAY~~,~~QAAQ~~,~~YAAY~~,~~OAAO~~,CAAC,YAAY;~~AACpD~~,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAD;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,uCAAuC;AAAA,MAC1D;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,~~QACb~~;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,2BAAQ;","names":["classNames","Icon"]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useContext, useState } from \"preact/hooks\";\nimport {\n IThreadPopupState,\n ICommentActionBar,\n} from \"../../../types/collab.types\";\nimport Icon from \"../Icon/Icon\";\nimport { ThreadProvider } from \"./ContextProvider\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentActionBar: React.FC<ICommentActionBar> = ({\n mode,\n commentUser,\n currentUser,\n commentUID,\n}) => {\n const { setThreadState, onDeleteComment, activeThread, onDeleteThread } =\n useContext(ThreadProvider)!;\n const [isDeleting, setIsDeleting] = useState(false);\n\n const setEditComment = (uid: string \| null) => {\n setThreadState((prevState: IThreadPopupState) => ({\n ...prevState,\n editComment: uid \|\| \"\",\n }));\n };\n\n const handleCancel = () => {\n setEditComment(null);\n };\n\n const handleCommentEdit = () => {\n if (commentUID) {\n setEditComment(commentUID);\n }\n };\n\n const handleCommentDelete = async () => {\n if (!commentUID \|\| isDeleting) {\n return;\n }\n\n setIsDeleting(true);\n\n try {\n const deleteResponse = await onDeleteComment({\n threadUid: activeThread?._id,\n commentUid: commentUID,\n });\n\n setThreadState((prevState: IThreadPopupState) => {\n const updatedComments = prevState.comments.filter(\n (comment) => comment._id !== commentUID\n );\n if (prevState.commentCount - 1 === 0) {\n onDeleteThread({ threadUid: activeThread?._id });\n }\n return {\n ...prevState,\n comments: updatedComments,\n commentCount: prevState.commentCount - 1,\n };\n });\n } catch (error: any) {\n } finally {\n setIsDeleting(false);\n }\n };\n\n if (mode === \"edit\" && commentUID) {\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n >\n <Icon\n icon=\"Cancel\"\n withTooltip\n tooltipContent=\"Cancel\"\n onClick={handleCancel}\n />\n </div>\n );\n }\n\n if (commentUser?.uid !== currentUser?.uid \|\| !commentUID) {\n return null;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n data-testid=\"collab-thread-comment-action--wrapper\"\n >\n <Icon\n icon=\"Edit\"\n tooltipContent=\"Edit\"\n withTooltip\n testId=\"collab-thread-comment-edit\"\n onClick={handleCommentEdit}\n />\n <Icon\n icon=\"Delete\"\n tooltipContent=\"Delete\"\n withTooltip\n testId=\"collab-thread-comment-delete\"\n onClick={handleCommentDelete}\n disabled={isDeleting}\n />\n </div>\n );\n};\n\nexport default CommentActionBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAqC;AAKrC,kBAAiB;AACjB,6BAA+B;AAC/B,oBAA6B;AAC7B,wBAAuB;AAqEP;AAnEhB,IAAM,mBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,EAAE,gBAAgB,iBAAiB,cAAc,eAAe,QAClE,yBAAW,qCAAc;AAC7B,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAElD,QAAM,iBAAiB,CAAC,QAAuB;AAC3C,mBAAe,CAAC,eAAkC;AAAA,MAC9C,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,IACxB,EAAE;AAAA,EACN;AAEA,QAAM,eAAe,MAAM;AACvB,mBAAe,IAAI;AAAA,EACvB;AAEA,QAAM,oBAAoB,MAAM;AAC5B,QAAI,YAAY;AACZ,qBAAe,UAAU;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,sBAAsB,YAAY;AACpC,QAAI,CAAC,cAAc,YAAY;AAC3B;AAAA,IACJ;AAEA,kBAAc,IAAI;AAElB,QAAI;AACA,YAAM,iBAAiB,MAAM,gBAAgB;AAAA,QACzC,WAAW,6CAAc;AAAA,QACzB,YAAY;AAAA,MAChB,CAAC;AAED,qBAAe,CAAC,cAAiC;AAC7C,cAAM,kBAAkB,UAAU,SAAS;AAAA,UACvC,CAAC,YAAY,QAAQ,QAAQ;AAAA,QACjC;AACA,YAAI,UAAU,eAAe,MAAM,GAAG;AAClC,yBAAe,EAAE,WAAW,6CAAc,IAAI,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,UACH,GAAG;AAAA,UACH,UAAU;AAAA,UACV,cAAc,UAAU,eAAe;AAAA,QAC3C;AAAA,MACJ,CAAC;AAAA,IACL,SAAS,OAAY;AAAA,IACrB,UAAE;AACE,oBAAc,KAAK;AAAA,IACvB;AAAA,EACJ;AAEA,MAAI,SAAS,UAAU,YAAY;AAC/B,WACI;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,4BAAa,EAAE,uCAAuC;AAAA,QAC1D;AAAA,QAEA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,aAAW;AAAA,YACX,gBAAe;AAAA,YACf,SAAS;AAAA;AAAA,QACb;AAAA;AAAA,IACJ;AAAA,EAER;AAEA,OAAI,2CAAa,UAAQ,2CAAa,QAAO,CAAC,YAAY;AACtD,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAD;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,uCAAuC;AAAA,MAC1D;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,2BAAQ;","names":["classNames","Icon"]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "../../../../chunk-5WRI5ZAA.js";
 // src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx
-import { useContext } from "preact/hooks";
+import { useContext, useState } from "preact/hooks";
 import Icon from "../Icon/Icon.js";
 import { ThreadProvider } from "./ContextProvider/index.js";
 import { collabStyles } from "../../../collab.style.js";
@@ -14,6 +14,7 @@ var CommentActionBar = ({
   commentUID
 }) => {
   const { setThreadState, onDeleteComment, activeThread, onDeleteThread } = useContext(ThreadProvider);
+  const [isDeleting, setIsDeleting] = useState(false);
   const setEditComment = (uid) => {
     setThreadState((prevState) => ({
       ...prevState,
@@ -29,9 +30,10 @@ var CommentActionBar = ({
     }
   };
   const handleCommentDelete = async () => {
-    if (!commentUID) {
+    if (!commentUID || isDeleting) {
       return;
     }
+    setIsDeleting(true);
     try {
       const deleteResponse = await onDeleteComment({
         threadUid: activeThread == null ? void 0 : activeThread._id,
@@ -51,6 +53,8 @@ var CommentActionBar = ({
         };
       });
     } catch (error) {
+    } finally {
+      setIsDeleting(false);
     }
   };
   if (mode === "edit" && commentUID) {
@@ -73,7 +77,7 @@ var CommentActionBar = ({
       }
     );
   }
-  if (commentUser.uid !== currentUser.uid || !commentUID) {
+  if ((commentUser == null ? void 0 : commentUser.uid) !== (currentUser == null ? void 0 : currentUser.uid) || !commentUID) {
     return null;
   }
   return /* @__PURE__ */ jsxs(
@@ -102,7 +106,8 @@ var CommentActionBar = ({
             tooltipContent: "Delete",
             withTooltip: true,
             testId: "collab-thread-comment-delete",
-            onClick: handleCommentDelete
+            onClick: handleCommentDelete,
+            disabled: isDeleting
           }
         )
       ]

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useContext } from \"preact/hooks\";\nimport {\n IThreadPopupState,\n ICommentActionBar,\n} from \"../../../types/collab.types\";\nimport Icon from \"../Icon/Icon\";\nimport { ThreadProvider } from \"./ContextProvider\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\~~n// Define the CommentActionBar component\~~nconst CommentActionBar: React.FC<ICommentActionBar> = ({\n mode,\n commentUser,\n currentUser,\n commentUID,\n}) => {\n const { setThreadState, onDeleteComment, activeThread, onDeleteThread } =\n useContext(ThreadProvider)!;\n\n const setEditComment = (uid: string \| null) => {\n setThreadState((prevState: IThreadPopupState) => ({\n ...prevState,\n editComment: uid \|\| \"\",\n }));\n };\n\n ~~// Handler for cancel action\n~~ const handleCancel = () => {\n setEditComment(null);\n };\n\n ~~// Handler for editing a comment\n~~ const handleCommentEdit = () => {\n if (commentUID) {\n setEditComment(commentUID);\n }\n };\n\n ~~// Handler for deleting a comment\n~~ const handleCommentDelete = async () => {\n if (!commentUID) {\n return;\n }\n try {\n ~~// Call the onDeleteComment function\n~~ const deleteResponse = await onDeleteComment({\n threadUid: activeThread?._id,\n commentUid: commentUID,\n });\n\n ~~// Update the thread state after successful deletion\n~~ setThreadState((prevState: IThreadPopupState) => {\n const updatedComments = prevState.comments.filter(\n (comment) => comment._id !== commentUID\n );\n if (prevState.commentCount - 1 === 0) {\n onDeleteThread({ threadUid: activeThread?._id });\n }\n return {\n ...prevState,\n comments: updatedComments,\n commentCount: prevState.commentCount - 1,\n };\n });\n } catch (error: any) {}\n };\n\n ~~// Render based on the mode and user permissions~~\n if (mode === \"edit\" && commentUID) {\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n >\n <Icon\n icon=\"Cancel\"\n withTooltip\n tooltipContent=\"Cancel\"\n onClick={handleCancel}\n />\n </div>\n );\n }\n\n if (commentUser.uid !== currentUser.uid \|\| !commentUID) {\n return null;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n data-testid=\"collab-thread-comment-action--wrapper\"\n >\n <Icon\n icon=\"Edit\"\n tooltipContent=\"Edit\"\n withTooltip\n testId=\"collab-thread-comment-edit\"\n onClick={handleCommentEdit}\n />\n <Icon\n icon=\"Delete\"\n tooltipContent=\"Delete\"\n withTooltip\n testId=\"collab-thread-comment-delete\"\n onClick={handleCommentDelete}\n />\n </div>\n );\n};\n\nexport default CommentActionBar;\n"],"mappings":";;;AAEA,SAAS,~~kBAAkB~~;~~AAK3B~~,OAAO,UAAU;AACjB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AAqEP,cAeR,YAfQ;~~AAlEhB~~,IAAM,mBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,EAAE,gBAAgB,iBAAiB,cAAc,eAAe,IAClE,WAAW,cAAc;~~AAE7B~~,QAAM,iBAAiB,CAAC,QAAuB;AAC3C,mBAAe,CAAC,eAAkC;AAAA,MAC9C,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,IACxB,EAAE;AAAA,EACN;~~AAGA~~,QAAM,eAAe,MAAM;AACvB,mBAAe,IAAI;AAAA,EACvB;~~AAGA~~,QAAM,oBAAoB,MAAM;AAC5B,QAAI,YAAY;AACZ,qBAAe,UAAU;AAAA,IAC7B;AAAA,EACJ;~~AAGA~~,QAAM,sBAAsB,YAAY;AACpC,QAAI,CAAC,YAAY;~~AACb~~;AAAA,IACJ;~~AACA~~,QAAI;~~AAEA~~,YAAM,iBAAiB,MAAM,gBAAgB;AAAA,QACzC,WAAW,6CAAc;AAAA,QACzB,YAAY;AAAA,MAChB,CAAC;~~AAGD~~,qBAAe,CAAC,cAAiC;AAC7C,cAAM,kBAAkB,UAAU,SAAS;AAAA,UACvC,CAAC,YAAY,QAAQ,QAAQ;AAAA,QACjC;AACA,YAAI,UAAU,eAAe,MAAM,GAAG;AAClC,yBAAe,EAAE,WAAW,6CAAc,IAAI,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,UACH,GAAG;AAAA,UACH,UAAU;AAAA,UACV,cAAc,UAAU,eAAe;AAAA,QAC3C;AAAA,MACJ,CAAC;AAAA,IACL,SAAS,OAAY;AAAA,~~IAAC~~;AAAA,~~EAC1B~~;~~AAGA~~,MAAI,SAAS,UAAU,YAAY;AAC/B,WACI;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,uCAAuC;AAAA,QAC1D;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,aAAW;AAAA,YACX,gBAAe;AAAA,YACf,SAAS;AAAA;AAAA,QACb;AAAA;AAAA,IACJ;AAAA,EAER;AAEA,~~MAAI~~,~~YAAY~~,~~QAAQ~~,~~YAAY~~,~~OAAO~~,CAAC,YAAY;~~AACpD~~,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,uCAAuC;AAAA,MAC1D;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,~~QACb~~;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,2BAAQ;","names":[]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentActionBar.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useContext, useState } from \"preact/hooks\";\nimport {\n IThreadPopupState,\n ICommentActionBar,\n} from \"../../../types/collab.types\";\nimport Icon from \"../Icon/Icon\";\nimport { ThreadProvider } from \"./ContextProvider\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentActionBar: React.FC<ICommentActionBar> = ({\n mode,\n commentUser,\n currentUser,\n commentUID,\n}) => {\n const { setThreadState, onDeleteComment, activeThread, onDeleteThread } =\n useContext(ThreadProvider)!;\n const [isDeleting, setIsDeleting] = useState(false);\n\n const setEditComment = (uid: string \| null) => {\n setThreadState((prevState: IThreadPopupState) => ({\n ...prevState,\n editComment: uid \|\| \"\",\n }));\n };\n\n const handleCancel = () => {\n setEditComment(null);\n };\n\n const handleCommentEdit = () => {\n if (commentUID) {\n setEditComment(commentUID);\n }\n };\n\n const handleCommentDelete = async () => {\n if (!commentUID \|\| isDeleting) {\n return;\n }\n\n setIsDeleting(true);\n\n try {\n const deleteResponse = await onDeleteComment({\n threadUid: activeThread?._id,\n commentUid: commentUID,\n });\n\n setThreadState((prevState: IThreadPopupState) => {\n const updatedComments = prevState.comments.filter(\n (comment) => comment._id !== commentUID\n );\n if (prevState.commentCount - 1 === 0) {\n onDeleteThread({ threadUid: activeThread?._id });\n }\n return {\n ...prevState,\n comments: updatedComments,\n commentCount: prevState.commentCount - 1,\n };\n });\n } catch (error: any) {\n } finally {\n setIsDeleting(false);\n }\n };\n\n if (mode === \"edit\" && commentUID) {\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n >\n <Icon\n icon=\"Cancel\"\n withTooltip\n tooltipContent=\"Cancel\"\n onClick={handleCancel}\n />\n </div>\n );\n }\n\n if (commentUser?.uid !== currentUser?.uid \|\| !commentUID) {\n return null;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment-action--wrapper\",\n collabStyles()[\"collab-thread-comment-action--wrapper\"]\n )}\n data-testid=\"collab-thread-comment-action--wrapper\"\n >\n <Icon\n icon=\"Edit\"\n tooltipContent=\"Edit\"\n withTooltip\n testId=\"collab-thread-comment-edit\"\n onClick={handleCommentEdit}\n />\n <Icon\n icon=\"Delete\"\n tooltipContent=\"Delete\"\n withTooltip\n testId=\"collab-thread-comment-delete\"\n onClick={handleCommentDelete}\n disabled={isDeleting}\n />\n </div>\n );\n};\n\nexport default CommentActionBar;\n"],"mappings":";;;AAEA,SAAS,YAAY,gBAAgB;AAKrC,OAAO,UAAU;AACjB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AAqEP,cAeR,YAfQ;AAnEhB,IAAM,mBAAgD,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,EAAE,gBAAgB,iBAAiB,cAAc,eAAe,IAClE,WAAW,cAAc;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,iBAAiB,CAAC,QAAuB;AAC3C,mBAAe,CAAC,eAAkC;AAAA,MAC9C,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,IACxB,EAAE;AAAA,EACN;AAEA,QAAM,eAAe,MAAM;AACvB,mBAAe,IAAI;AAAA,EACvB;AAEA,QAAM,oBAAoB,MAAM;AAC5B,QAAI,YAAY;AACZ,qBAAe,UAAU;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,sBAAsB,YAAY;AACpC,QAAI,CAAC,cAAc,YAAY;AAC3B;AAAA,IACJ;AAEA,kBAAc,IAAI;AAElB,QAAI;AACA,YAAM,iBAAiB,MAAM,gBAAgB;AAAA,QACzC,WAAW,6CAAc;AAAA,QACzB,YAAY;AAAA,MAChB,CAAC;AAED,qBAAe,CAAC,cAAiC;AAC7C,cAAM,kBAAkB,UAAU,SAAS;AAAA,UACvC,CAAC,YAAY,QAAQ,QAAQ;AAAA,QACjC;AACA,YAAI,UAAU,eAAe,MAAM,GAAG;AAClC,yBAAe,EAAE,WAAW,6CAAc,IAAI,CAAC;AAAA,QACnD;AACA,eAAO;AAAA,UACH,GAAG;AAAA,UACH,UAAU;AAAA,UACV,cAAc,UAAU,eAAe;AAAA,QAC3C;AAAA,MACJ,CAAC;AAAA,IACL,SAAS,OAAY;AAAA,IACrB,UAAE;AACE,oBAAc,KAAK;AAAA,IACvB;AAAA,EACJ;AAEA,MAAI,SAAS,UAAU,YAAY;AAC/B,WACI;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,aAAa,EAAE,uCAAuC;AAAA,QAC1D;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,aAAW;AAAA,YACX,gBAAe;AAAA,YACf,SAAS;AAAA;AAAA,QACb;AAAA;AAAA,IACJ;AAAA,EAER;AAEA,OAAI,2CAAa,UAAQ,2CAAa,QAAO,CAAC,YAAY;AACtD,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,uCAAuC;AAAA,MAC1D;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,aAAW;AAAA,YACX,QAAO;AAAA,YACP,SAAS;AAAA,YACT,UAAU;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,2BAAQ;","names":[]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentCard.cjs CHANGED Viewed

@@ -35,7 +35,6 @@ __export(CommentCard_exports, {
 module.exports = __toCommonJS(CommentCard_exports);
 var import_hooks = require("preact/hooks");
 var import_CommentTextArea = __toESM(require("./CommentTextArea.cjs"), 1);
-var import_moment = __toESM(require("moment"), 1);
 var import_collabUtils = require("../../../utils/collabUtils.cjs");
 var import_CommentActionBar = __toESM(require("./CommentActionBar.cjs"), 1);
 var import_CommentResolvedText = __toESM(require("./CommentResolvedText.cjs"), 1);
@@ -45,7 +44,7 @@ var import_collab = require("../../../collab.style.cjs");
 var import_classnames = __toESM(require("classnames"), 1);
 var import_jsx_runtime = require("preact/jsx-runtime");
 var formatCommentDate = (comment) => {
-  return comment ? (0, import_moment.default)(comment.createdAt).format("MMM DD, YYYY, hh:mm A") : "";
+  return comment ? (0, import_collabUtils.formatDate)(comment.updatedAt || comment.createdAt) : "";
 };
 var CommentCard = ({
   userState,

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentCard.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentCard.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect, useState, useMemo } from \"preact/hooks\";\nimport CommentTextArea from \"./CommentTextArea\";\nimport {\n ICommentCard,\n IMessageDTO,\n IUserDTO,\n} from \"../../../types/collab.types\";\nimport ~~moment from \"moment\";\nimport~~ { getUserName } from \"../../../utils/collabUtils\";\nimport CommentActionBar from \"./CommentActionBar\";\nimport CommentResolvedText from \"./CommentResolvedText\";\nimport Avatar from \"../Avatar/Avatar\";\nimport ThreadBodyLoader from \"./loader/ThreadBody\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst formatCommentDate = (comment: IMessageDTO \| null): string => {\n return comment\n ? ~~moment~~(comment.createdAt)~~.format(\"MMM~~ ~~DD, YYYY, hh~~:mm A\")\~~n : \~~"\";\n};\n\nconst CommentCard = ({\n userState,\n comment,\n onClose,\n handleOnSaveRef,\n mode,\n}: ICommentCard) => {\n const [commentUser, setCommentUser] = useState<IUserDTO \| null>(null);\n const [isHovered, setIsHovered] = useState(false);\n\n useEffect(() => {\n setCommentUser(\n comment\n ? userState.userMap[comment.createdBy]\n : userState.currentUser\n );\n }, [comment, userState]);\n\n const formattedDate = useMemo(() => formatCommentDate(comment), [comment]);\n\n if (!commentUser) {\n return <ThreadBodyLoader key=\"collab-thread-body--comment-loader\" />;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment--wrapper\",\n collabStyles()[\"collab-thread-comment--wrapper\"]\n )}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-details\",\n \"flex-v-center\",\n collabStyles()[\"collab-thread-comment--user-details\"],\n flexAlignCenter\n )}\n >\n <Avatar\n avatar={\n {\n name: getUserName(commentUser),\n id: commentUser.uid,\n } as any\n }\n />\n <div\n className={classNames(\n \"collab-thread-comment--user-details__text\",\n collabStyles()[\n \"collab-thread-comment--user-details__text\"\n ]\n )}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-name\",\n collabStyles()[\"collab-thread-comment--user-name\"]\n )}\n >\n {getUserName(commentUser)}\n </div>\n {comment && (\n <div\n className={classNames(\n \"collab-thread-comment--time-details\",\n collabStyles()[\n \"collab-thread-comment--time-details\"\n ]\n )}\n >\n {formattedDate}\n </div>\n )}\n </div>\n {isHovered && (\n <CommentActionBar\n mode={mode}\n commentUser={commentUser}\n currentUser={userState.currentUser}\n commentUID={comment?._id}\n />\n )}\n </div>\n {mode === \"edit\" ? (\n <CommentTextArea\n onClose={onClose}\n userState={userState}\n handleOnSaveRef={handleOnSaveRef}\n comment={comment}\n />\n ) : (\n comment && (\n <CommentResolvedText\n comment={comment}\n userState={userState}\n />\n )\n )}\n </div>\n );\n};\n\nexport default CommentCard;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;AAC7C,6BAA4B;AAM5B,~~oBAAmB~~;~~AACnB~~,~~yBAA4B;AAC5B,~~8BAA6B;AAC7B,iCAAgC;AAChC,oBAAmB;AACnB,wBAA6B;AAC7B,oBAA8C;AAC9C,wBAAuB;~~AA6BR~~;~~AA3Bf~~,IAAM,oBAAoB,CAAC,YAAwC;AAC/D,SAAO,~~cACD~~,~~cAAAA~~,~~SAAO~~,QAAQ,SAAS,~~EAAE,OAAO,uBAAuB,IACxD~~;~~AACV~~;AAEA,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAA0B,IAAI;AACpE,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACZ;AAAA,MACI,UACM,UAAU,QAAQ,QAAQ,SAAS,IACnC,UAAU;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,oBAAgB,sBAAQ,MAAM,kBAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAEzE,MAAI,CAAC,aAAa;AACd,WAAO,4CAAC,~~kBAAAC~~,SAAA,IAAqB,oCAAqC;AAAA,EACtE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAC;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MAEtC;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,eAAW,kBAAAA;AAAA,cACP;AAAA,cACA;AAAA,kBACA,4BAAa,EAAE,qCAAqC;AAAA,cACpD;AAAA,YACJ;AAAA,YAEA;AAAA;AAAA,gBAAC,cAAAC;AAAA,gBAAA;AAAA,kBACG,QACI;AAAA,oBACI,UAAM,gCAAY,WAAW;AAAA,oBAC7B,IAAI,YAAY;AAAA,kBACpB;AAAA;AAAA,cAER;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACG,eAAW,kBAAAD;AAAA,oBACP;AAAA,wBACA,4BAAa,EACT,2CACJ;AAAA,kBACJ;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACG,eAAW,kBAAAA;AAAA,0BACP;AAAA,8BACA,4BAAa,EAAE,kCAAkC;AAAA,wBACrD;AAAA,wBAEC,8CAAY,WAAW;AAAA;AAAA,oBAC5B;AAAA,oBACC,WACG;AAAA,sBAAC;AAAA;AAAA,wBACG,eAAW,kBAAAA;AAAA,0BACP;AAAA,8BACA,4BAAa,EACT,qCACJ;AAAA,wBACJ;AAAA,wBAEC;AAAA;AAAA,oBACL;AAAA;AAAA;AAAA,cAER;AAAA,cACC,aACG;AAAA,gBAAC,wBAAAE;AAAA,gBAAA;AAAA,kBACG;AAAA,kBACA;AAAA,kBACA,aAAa,UAAU;AAAA,kBACvB,YAAY,mCAAS;AAAA;AAAA,cACzB;AAAA;AAAA;AAAA,QAER;AAAA,QACC,SAAS,SACN;AAAA,UAAC,uBAAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACJ,IAEA,WACI;AAAA,UAAC,2BAAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EAGZ;AAER;AAEA,IAAO,sBAAQ;","names":["~~moment","~~ThreadBodyLoader","classNames","Avatar","CommentActionBar","CommentTextArea","CommentResolvedText"]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentCard.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect, useState, useMemo } from \"preact/hooks\";\nimport CommentTextArea from \"./CommentTextArea\";\nimport {\n ICommentCard,\n IMessageDTO,\n IUserDTO,\n} from \"../../../types/collab.types\";\nimport { getUserName, formatDate } from \"../../../utils/collabUtils\";\nimport CommentActionBar from \"./CommentActionBar\";\nimport CommentResolvedText from \"./CommentResolvedText\";\nimport Avatar from \"../Avatar/Avatar\";\nimport ThreadBodyLoader from \"./loader/ThreadBody\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst formatCommentDate = (comment: IMessageDTO \| null): string => {\n return comment ? formatDate(comment.updatedAt \|\| comment.createdAt) : \"\";\n};\n\nconst CommentCard = ({\n userState,\n comment,\n onClose,\n handleOnSaveRef,\n mode,\n}: ICommentCard) => {\n const [commentUser, setCommentUser] = useState<IUserDTO \| null>(null);\n const [isHovered, setIsHovered] = useState(false);\n\n useEffect(() => {\n setCommentUser(\n comment\n ? userState.userMap[comment.createdBy]\n : userState.currentUser\n );\n }, [comment, userState]);\n\n const formattedDate = useMemo(() => formatCommentDate(comment), [comment]);\n\n if (!commentUser) {\n return <ThreadBodyLoader key=\"collab-thread-body--comment-loader\" />;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment--wrapper\",\n collabStyles()[\"collab-thread-comment--wrapper\"]\n )}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-details\",\n \"flex-v-center\",\n collabStyles()[\"collab-thread-comment--user-details\"],\n flexAlignCenter\n )}\n >\n <Avatar\n avatar={\n {\n name: getUserName(commentUser),\n id: commentUser.uid,\n } as any\n }\n />\n <div\n className={classNames(\n \"collab-thread-comment--user-details__text\",\n collabStyles()[\n \"collab-thread-comment--user-details__text\"\n ]\n )}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-name\",\n collabStyles()[\"collab-thread-comment--user-name\"]\n )}\n >\n {getUserName(commentUser)}\n </div>\n {comment && (\n <div\n className={classNames(\n \"collab-thread-comment--time-details\",\n collabStyles()[\n \"collab-thread-comment--time-details\"\n ]\n )}\n >\n {formattedDate}\n </div>\n )}\n </div>\n {isHovered && (\n <CommentActionBar\n mode={mode}\n commentUser={commentUser}\n currentUser={userState.currentUser}\n commentUID={comment?._id}\n />\n )}\n </div>\n {mode === \"edit\" ? (\n <CommentTextArea\n onClose={onClose}\n userState={userState}\n handleOnSaveRef={handleOnSaveRef}\n comment={comment}\n />\n ) : (\n comment && (\n <CommentResolvedText\n comment={comment}\n userState={userState}\n />\n )\n )}\n </div>\n );\n};\n\nexport default CommentCard;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;AAC7C,6BAA4B;AAM5B,yBAAwC;AACxC,8BAA6B;AAC7B,iCAAgC;AAChC,oBAAmB;AACnB,wBAA6B;AAC7B,oBAA8C;AAC9C,wBAAuB;AA2BR;AAzBf,IAAM,oBAAoB,CAAC,YAAwC;AAC/D,SAAO,cAAU,+BAAW,QAAQ,aAAa,QAAQ,SAAS,IAAI;AAC1E;AAEA,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAA0B,IAAI;AACpE,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACZ;AAAA,MACI,UACM,UAAU,QAAQ,QAAQ,SAAS,IACnC,UAAU;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,oBAAgB,sBAAQ,MAAM,kBAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAEzE,MAAI,CAAC,aAAa;AACd,WAAO,4CAAC,kBAAAA,SAAA,IAAqB,oCAAqC;AAAA,EACtE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAC;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MAEtC;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,eAAW,kBAAAA;AAAA,cACP;AAAA,cACA;AAAA,kBACA,4BAAa,EAAE,qCAAqC;AAAA,cACpD;AAAA,YACJ;AAAA,YAEA;AAAA;AAAA,gBAAC,cAAAC;AAAA,gBAAA;AAAA,kBACG,QACI;AAAA,oBACI,UAAM,gCAAY,WAAW;AAAA,oBAC7B,IAAI,YAAY;AAAA,kBACpB;AAAA;AAAA,cAER;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACG,eAAW,kBAAAD;AAAA,oBACP;AAAA,wBACA,4BAAa,EACT,2CACJ;AAAA,kBACJ;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACG,eAAW,kBAAAA;AAAA,0BACP;AAAA,8BACA,4BAAa,EAAE,kCAAkC;AAAA,wBACrD;AAAA,wBAEC,8CAAY,WAAW;AAAA;AAAA,oBAC5B;AAAA,oBACC,WACG;AAAA,sBAAC;AAAA;AAAA,wBACG,eAAW,kBAAAA;AAAA,0BACP;AAAA,8BACA,4BAAa,EACT,qCACJ;AAAA,wBACJ;AAAA,wBAEC;AAAA;AAAA,oBACL;AAAA;AAAA;AAAA,cAER;AAAA,cACC,aACG;AAAA,gBAAC,wBAAAE;AAAA,gBAAA;AAAA,kBACG;AAAA,kBACA;AAAA,kBACA,aAAa,UAAU;AAAA,kBACvB,YAAY,mCAAS;AAAA;AAAA,cACzB;AAAA;AAAA;AAAA,QAER;AAAA,QACC,SAAS,SACN;AAAA,UAAC,uBAAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACJ,IAEA,WACI;AAAA,UAAC,2BAAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EAGZ;AAER;AAEA,IAAO,sBAAQ;","names":["ThreadBodyLoader","classNames","Avatar","CommentActionBar","CommentTextArea","CommentResolvedText"]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentCard.js CHANGED Viewed

@@ -3,8 +3,7 @@ import "../../../../chunk-5WRI5ZAA.js";
 // src/visualBuilder/components/Collab/ThreadPopup/CommentCard.tsx
 import { useEffect, useState, useMemo } from "preact/hooks";
 import CommentTextArea from "./CommentTextArea.js";
-import moment from "moment";
-import { getUserName } from "../../../utils/collabUtils.js";
+import { getUserName, formatDate } from "../../../utils/collabUtils.js";
 import CommentActionBar from "./CommentActionBar.js";
 import CommentResolvedText from "./CommentResolvedText.js";
 import Avatar from "../Avatar/Avatar.js";
@@ -13,7 +12,7 @@ import { collabStyles, flexAlignCenter } from "../../../collab.style.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "preact/jsx-runtime";
 var formatCommentDate = (comment) => {
-  return comment ? moment(comment.createdAt).format("MMM DD, YYYY, hh:mm A") : "";
+  return comment ? formatDate(comment.updatedAt || comment.createdAt) : "";
 };
 var CommentCard = ({
   userState,

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentCard.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect, useState, useMemo } from \"preact/hooks\";\nimport CommentTextArea from \"./CommentTextArea\";\nimport {\n ICommentCard,\n IMessageDTO,\n IUserDTO,\n} from \"../../../types/collab.types\";\nimport ~~moment from \"moment\";\nimport~~ { getUserName } from \"../../../utils/collabUtils\";\nimport CommentActionBar from \"./CommentActionBar\";\nimport CommentResolvedText from \"./CommentResolvedText\";\nimport Avatar from \"../Avatar/Avatar\";\nimport ThreadBodyLoader from \"./loader/ThreadBody\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst formatCommentDate = (comment: IMessageDTO \| null): string => {\n return comment\n ? ~~moment~~(comment.createdAt)~~.format(\"MMM~~ ~~DD, YYYY, hh~~:mm A\")\~~n : \~~"\";\n};\n\nconst CommentCard = ({\n userState,\n comment,\n onClose,\n handleOnSaveRef,\n mode,\n}: ICommentCard) => {\n const [commentUser, setCommentUser] = useState<IUserDTO \| null>(null);\n const [isHovered, setIsHovered] = useState(false);\n\n useEffect(() => {\n setCommentUser(\n comment\n ? userState.userMap[comment.createdBy]\n : userState.currentUser\n );\n }, [comment, userState]);\n\n const formattedDate = useMemo(() => formatCommentDate(comment), [comment]);\n\n if (!commentUser) {\n return <ThreadBodyLoader key=\"collab-thread-body--comment-loader\" />;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment--wrapper\",\n collabStyles()[\"collab-thread-comment--wrapper\"]\n )}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-details\",\n \"flex-v-center\",\n collabStyles()[\"collab-thread-comment--user-details\"],\n flexAlignCenter\n )}\n >\n <Avatar\n avatar={\n {\n name: getUserName(commentUser),\n id: commentUser.uid,\n } as any\n }\n />\n <div\n className={classNames(\n \"collab-thread-comment--user-details__text\",\n collabStyles()[\n \"collab-thread-comment--user-details__text\"\n ]\n )}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-name\",\n collabStyles()[\"collab-thread-comment--user-name\"]\n )}\n >\n {getUserName(commentUser)}\n </div>\n {comment && (\n <div\n className={classNames(\n \"collab-thread-comment--time-details\",\n collabStyles()[\n \"collab-thread-comment--time-details\"\n ]\n )}\n >\n {formattedDate}\n </div>\n )}\n </div>\n {isHovered && (\n <CommentActionBar\n mode={mode}\n commentUser={commentUser}\n currentUser={userState.currentUser}\n commentUID={comment?._id}\n />\n )}\n </div>\n {mode === \"edit\" ? (\n <CommentTextArea\n onClose={onClose}\n userState={userState}\n handleOnSaveRef={handleOnSaveRef}\n comment={comment}\n />\n ) : (\n comment && (\n <CommentResolvedText\n comment={comment}\n userState={userState}\n />\n )\n )}\n </div>\n );\n};\n\nexport default CommentCard;\n"],"mappings":";;;AAEA,SAAS,WAAW,UAAU,eAAe;AAC7C,OAAO,qBAAqB;AAM5B,~~OAAO~~,~~YAAY;AACnB~~,~~SAAS,mBAAmB~~;~~AAC5B~~,OAAO,sBAAsB;AAC7B,OAAO,yBAAyB;AAChC,OAAO,YAAY;AACnB,OAAO,sBAAsB;AAC7B,SAAS,cAAc,uBAAuB;AAC9C,OAAO,gBAAgB;~~AA6BR~~,cA4BC,YA5BD;~~AA3Bf~~,IAAM,oBAAoB,CAAC,YAAwC;AAC/D,SAAO,~~UACD~~,~~OAAO~~,QAAQ,~~SAAS~~,~~EAAE~~,~~OAAO~~,~~uBAAuB,IACxD~~;~~AACV~~;AAEA,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0B,IAAI;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACZ;AAAA,MACI,UACM,UAAU,QAAQ,QAAQ,SAAS,IACnC,UAAU;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,gBAAgB,QAAQ,MAAM,kBAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAEzE,MAAI,CAAC,aAAa;AACd,WAAO,oBAAC,sBAAqB,oCAAqC;AAAA,EACtE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MAEtC;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,cACA,aAAa,EAAE,qCAAqC;AAAA,cACpD;AAAA,YACJ;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACG,QACI;AAAA,oBACI,MAAM,YAAY,WAAW;AAAA,oBAC7B,IAAI,YAAY;AAAA,kBACpB;AAAA;AAAA,cAER;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACG,WAAW;AAAA,oBACP;AAAA,oBACA,aAAa,EACT,2CACJ;AAAA,kBACJ;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACG,WAAW;AAAA,0BACP;AAAA,0BACA,aAAa,EAAE,kCAAkC;AAAA,wBACrD;AAAA,wBAEC,sBAAY,WAAW;AAAA;AAAA,oBAC5B;AAAA,oBACC,WACG;AAAA,sBAAC;AAAA;AAAA,wBACG,WAAW;AAAA,0BACP;AAAA,0BACA,aAAa,EACT,qCACJ;AAAA,wBACJ;AAAA,wBAEC;AAAA;AAAA,oBACL;AAAA;AAAA;AAAA,cAER;AAAA,cACC,aACG;AAAA,gBAAC;AAAA;AAAA,kBACG;AAAA,kBACA;AAAA,kBACA,aAAa,UAAU;AAAA,kBACvB,YAAY,mCAAS;AAAA;AAAA,cACzB;AAAA;AAAA;AAAA,QAER;AAAA,QACC,SAAS,SACN;AAAA,UAAC;AAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACJ,IAEA,WACI;AAAA,UAAC;AAAA;AAAA,YACG;AAAA,YACA;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EAGZ;AAER;AAEA,IAAO,sBAAQ;","names":[]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentCard.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useEffect, useState, useMemo } from \"preact/hooks\";\nimport CommentTextArea from \"./CommentTextArea\";\nimport {\n ICommentCard,\n IMessageDTO,\n IUserDTO,\n} from \"../../../types/collab.types\";\nimport { getUserName, formatDate } from \"../../../utils/collabUtils\";\nimport CommentActionBar from \"./CommentActionBar\";\nimport CommentResolvedText from \"./CommentResolvedText\";\nimport Avatar from \"../Avatar/Avatar\";\nimport ThreadBodyLoader from \"./loader/ThreadBody\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst formatCommentDate = (comment: IMessageDTO \| null): string => {\n return comment ? formatDate(comment.updatedAt \|\| comment.createdAt) : \"\";\n};\n\nconst CommentCard = ({\n userState,\n comment,\n onClose,\n handleOnSaveRef,\n mode,\n}: ICommentCard) => {\n const [commentUser, setCommentUser] = useState<IUserDTO \| null>(null);\n const [isHovered, setIsHovered] = useState(false);\n\n useEffect(() => {\n setCommentUser(\n comment\n ? userState.userMap[comment.createdBy]\n : userState.currentUser\n );\n }, [comment, userState]);\n\n const formattedDate = useMemo(() => formatCommentDate(comment), [comment]);\n\n if (!commentUser) {\n return <ThreadBodyLoader key=\"collab-thread-body--comment-loader\" />;\n }\n\n return (\n <div\n className={classNames(\n \"collab-thread-comment--wrapper\",\n collabStyles()[\"collab-thread-comment--wrapper\"]\n )}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-details\",\n \"flex-v-center\",\n collabStyles()[\"collab-thread-comment--user-details\"],\n flexAlignCenter\n )}\n >\n <Avatar\n avatar={\n {\n name: getUserName(commentUser),\n id: commentUser.uid,\n } as any\n }\n />\n <div\n className={classNames(\n \"collab-thread-comment--user-details__text\",\n collabStyles()[\n \"collab-thread-comment--user-details__text\"\n ]\n )}\n >\n <div\n className={classNames(\n \"collab-thread-comment--user-name\",\n collabStyles()[\"collab-thread-comment--user-name\"]\n )}\n >\n {getUserName(commentUser)}\n </div>\n {comment && (\n <div\n className={classNames(\n \"collab-thread-comment--time-details\",\n collabStyles()[\n \"collab-thread-comment--time-details\"\n ]\n )}\n >\n {formattedDate}\n </div>\n )}\n </div>\n {isHovered && (\n <CommentActionBar\n mode={mode}\n commentUser={commentUser}\n currentUser={userState.currentUser}\n commentUID={comment?._id}\n />\n )}\n </div>\n {mode === \"edit\" ? (\n <CommentTextArea\n onClose={onClose}\n userState={userState}\n handleOnSaveRef={handleOnSaveRef}\n comment={comment}\n />\n ) : (\n comment && (\n <CommentResolvedText\n comment={comment}\n userState={userState}\n />\n )\n )}\n </div>\n );\n};\n\nexport default CommentCard;\n"],"mappings":";;;AAEA,SAAS,WAAW,UAAU,eAAe;AAC7C,OAAO,qBAAqB;AAM5B,SAAS,aAAa,kBAAkB;AACxC,OAAO,sBAAsB;AAC7B,OAAO,yBAAyB;AAChC,OAAO,YAAY;AACnB,OAAO,sBAAsB;AAC7B,SAAS,cAAc,uBAAuB;AAC9C,OAAO,gBAAgB;AA2BR,cA4BC,YA5BD;AAzBf,IAAM,oBAAoB,CAAC,YAAwC;AAC/D,SAAO,UAAU,WAAW,QAAQ,aAAa,QAAQ,SAAS,IAAI;AAC1E;AAEA,IAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0B,IAAI;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACZ;AAAA,MACI,UACM,UAAU,QAAQ,QAAQ,SAAS,IACnC,UAAU;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,gBAAgB,QAAQ,MAAM,kBAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAEzE,MAAI,CAAC,aAAa;AACd,WAAO,oBAAC,sBAAqB,oCAAqC;AAAA,EACtE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,aAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MAEtC;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,cACA,aAAa,EAAE,qCAAqC;AAAA,cACpD;AAAA,YACJ;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACG,QACI;AAAA,oBACI,MAAM,YAAY,WAAW;AAAA,oBAC7B,IAAI,YAAY;AAAA,kBACpB;AAAA;AAAA,cAER;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACG,WAAW;AAAA,oBACP;AAAA,oBACA,aAAa,EACT,2CACJ;AAAA,kBACJ;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACG,WAAW;AAAA,0BACP;AAAA,0BACA,aAAa,EAAE,kCAAkC;AAAA,wBACrD;AAAA,wBAEC,sBAAY,WAAW;AAAA;AAAA,oBAC5B;AAAA,oBACC,WACG;AAAA,sBAAC;AAAA;AAAA,wBACG,WAAW;AAAA,0BACP;AAAA,0BACA,aAAa,EACT,qCACJ;AAAA,wBACJ;AAAA,wBAEC;AAAA;AAAA,oBACL;AAAA;AAAA;AAAA,cAER;AAAA,cACC,aACG;AAAA,gBAAC;AAAA;AAAA,kBACG;AAAA,kBACA;AAAA,kBACA,aAAa,UAAU;AAAA,kBACvB,YAAY,mCAAS;AAAA;AAAA,cACzB;AAAA;AAAA;AAAA,QAER;AAAA,QACC,SAAS,SACN;AAAA,UAAC;AAAA;AAAA,YACG;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACJ,IAEA,WACI;AAAA,UAAC;AAAA;AAAA,YACG;AAAA,YACA;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EAGZ;AAER;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.cjs CHANGED Viewed

@@ -39,12 +39,9 @@ var import_collab = require("../../../collab.style.cjs");
 var import_classnames = __toESM(require("classnames"), 1);
 var import_jsx_runtime = require("preact/jsx-runtime");
 var CommentResolvedText = ({ comment, userState }) => {
-  const text = (0, import_hooks.useMemo)(() => {
-    return (0, import_collabUtils.getMessageWithDisplayName)(comment, userState, "html");
-  }, [comment.message, userState.userMap, comment.toUsers]);
   const sanitizedText = (0, import_hooks.useMemo)(() => {
-    return (0, import_collabUtils.sanitizeData)(text);
-  }, [text]);
+    return (0, import_collabUtils.getMessageWithDisplayName)(comment, userState, "html") ?? "";
+  }, [comment.message, userState.userMap, comment.toUsers]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {

package/dist/legacy/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { useMemo } from \"preact/hooks\";\nimport { ICommentResolvedText } from \"../../../types/collab.types\";\nimport {\n getMessageWithDisplayName~~,\n sanitizeData,\n~~} from \"../../../utils/collabUtils\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentResolvedText = ({ comment, userState }: ICommentResolvedText) => {\n const ~~text~~ = useMemo(() => {\n return getMessageWithDisplayName(comment, userState, \"html\");\n }, [comment.message, userState.userMap, comment.toUsers]);\n\n ~~const sanitizedText = useMemo(() => {\n~~ return ~~sanitizeData~~(~~text);\n }, [text]);\n~~\n ~~return (\n~~ <div\n data-testid={\"collab-thread-comment--message\"}\n className={classNames(\n \"collab-thread-comment--message\",\n collabStyles()[\"collab-thread-comment--message\"]\n )}\n dangerouslySetInnerHTML={{ __html: sanitizedText }}\n ></div>\n );\n};\n\nexport default CommentResolvedText;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwB;AAExB,~~yBAGO~~;~~AACP~~,oBAA6B;AAC7B,wBAAuB;~~AAYf~~;~~AAVR~~,IAAM,sBAAsB,CAAC,EAAE,SAAS,UAAU,MAA4B;AAC1E,QAAM,~~WAAO~~,sBAAQ,MAAM;~~AACvB~~,eAAO,8CAA0B,SAAS,WAAW,MAAM;AAAA,~~EAC/D~~,GAAG,CAAC,QAAQ,SAAS,UAAU,SAAS,QAAQ,OAAO,CAAC;AAExD,~~QAAM,oBAAgB,sBAAQ,MAAM;AAChC,eAAO,iCAAa,IAAI;AAAA,EAC5B,GAAG,CAAC,IAAI,CAAC;AAET,~~SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAa;AAAA,MACb,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,yBAAyB,EAAE,QAAQ,cAAc;AAAA;AAAA,EACpD;AAET;AAEA,IAAO,8BAAQ;","names":["classNames"]}
1	+ {"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport { useMemo } from \"preact/hooks\";\nimport { ICommentResolvedText } from \"../../../types/collab.types\";\nimport { getMessageWithDisplayName } from \"../../../utils/collabUtils\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nconst CommentResolvedText = ({ comment, userState }: ICommentResolvedText) => {\n const sanitizedText = useMemo(() => {\n return getMessageWithDisplayName(comment, userState, \"html\") ?? \"\";\n }, [comment.message, userState.userMap, comment.toUsers]);\n\n return (\n <div\n data-testid={\"collab-thread-comment--message\"}\n className={classNames(\n \"collab-thread-comment--message\",\n collabStyles()[\"collab-thread-comment--message\"]\n )}\n dangerouslySetInnerHTML={{ __html: sanitizedText }}\n ></div>\n );\n};\n\nexport default CommentResolvedText;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwB;AAExB,yBAA0C;AAC1C,oBAA6B;AAC7B,wBAAuB;AAQf;AANR,IAAM,sBAAsB,CAAC,EAAE,SAAS,UAAU,MAA4B;AAC1E,QAAM,oBAAgB,sBAAQ,MAAM;AAChC,eAAO,8CAA0B,SAAS,WAAW,MAAM,KAAK;AAAA,EACpE,GAAG,CAAC,QAAQ,SAAS,UAAU,SAAS,QAAQ,OAAO,CAAC;AAExD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAa;AAAA,MACb,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,gCAAgC;AAAA,MACnD;AAAA,MACA,yBAAyB,EAAE,QAAQ,cAAc;AAAA;AAAA,EACpD;AAET;AAEA,IAAO,8BAAQ;","names":["classNames"]}