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

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.cjs

@@ -0,0 +1,91 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.tsx
+var ThreadFooter_exports = {};
+__export(ThreadFooter_exports, {
+  default: () => ThreadFooter_default
+});
+module.exports = __toCommonJS(ThreadFooter_exports);
+var import_hooks = require("preact/hooks");
+var import_Button = __toESM(require("../Button/Button.cjs"), 1);
+var import_ButtonGroup = __toESM(require("../ButtonGroup/ButtonGroup.cjs"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var ThreadFooter = ({
+  onClose,
+  handleOnSaveRef,
+  isDisabled,
+  editComment
+}) => {
+  const [loading, setLoading] = (0, import_hooks.useState)(false);
+  const onSubmit = async (event) => {
+    setLoading(true);
+    event.preventDefault();
+    await handleOnSaveRef.current?.();
+    setLoading(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "collab-thread-footer--wrapper",
+        "flex-v-center",
+        (0, import_collab.collabStyles)()["collab-thread-footer--wrapper"],
+        import_collab.flexAlignCenter
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ButtonGroup.default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Button.default,
+          {
+            type: "button",
+            buttonType: "tertiary",
+            testId: "thread-cancel-btn",
+            onClick: () => onClose(false),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Button.default,
+          {
+            type: "button",
+            buttonType: "primary",
+            onClick: onSubmit,
+            testId: "thread-save-btn",
+            disabled: isDisabled || loading,
+            children: editComment === "" ? "Post" : "Update"
+          }
+        )
+      ] })
+    }
+  );
+};
+var ThreadFooter_default = ThreadFooter;
+//# sourceMappingURL=ThreadFooter.cjs.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport { useState } from \"preact/hooks\";\nimport Button from \"../Button/Button\";\nimport ButtonGroup from \"../ButtonGroup/ButtonGroup\";\nimport classNames from \"classnames\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport { IThreadFooter } from \"../../../types/collab.types\";\n\nconst ThreadFooter = ({\n    onClose,\n    handleOnSaveRef,\n    isDisabled,\n    editComment,\n}: IThreadFooter) => {\n    const [loading, setLoading] = useState(false);\n    const onSubmit: JSX.MouseEventHandler<HTMLButtonElement> = async (\n        event\n    ) => {\n        setLoading(true);\n        event.preventDefault();\n        await handleOnSaveRef.current?.();\n        setLoading(false);\n    };\n\n    return (\n        <div\n            className={classNames(\n                \"collab-thread-footer--wrapper\",\n                \"flex-v-center\",\n                collabStyles()[\"collab-thread-footer--wrapper\"],\n                flexAlignCenter\n            )}\n        >\n            <ButtonGroup>\n                <Button\n                    type=\"button\"\n                    buttonType=\"tertiary\"\n                    testId={\"thread-cancel-btn\"}\n                    onClick={() => onClose(false)}\n                >\n                    Cancel\n                </Button>\n                <Button\n                    type=\"button\"\n                    buttonType=\"primary\"\n                    onClick={onSubmit}\n                    testId={\"thread-save-btn\"}\n                    disabled={isDisabled || loading}\n                >\n                    {editComment === \"\" ? \"Post\" : \"Update\"}\n                </Button>\n            </ButtonGroup>\n        </div>\n    );\n};\nexport default ThreadFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AACzB,oBAAmB;AACnB,yBAAwB;AACxB,wBAAuB;AACvB,oBAA8C;AA4BlC;AAzBZ,IAAM,eAAe,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAqB;AACjB,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,WAAqD,OACvD,UACC;AACD,eAAW,IAAI;AACf,UAAM,eAAe;AACrB,UAAM,gBAAgB,UAAU;AAChC,eAAW,KAAK;AAAA,EACpB;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,QACA;AAAA,YACA,4BAAa,EAAE,+BAA+B;AAAA,QAC9C;AAAA,MACJ;AAAA,MAEA,uDAAC,mBAAAC,SAAA,EACG;AAAA;AAAA,UAAC,cAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,YAAW;AAAA,YACX,QAAQ;AAAA,YACR,SAAS,MAAM,QAAQ,KAAK;AAAA,YAC/B;AAAA;AAAA,QAED;AAAA,QACA;AAAA,UAAC,cAAAA;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,YAAW;AAAA,YACX,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,UAAU,cAAc;AAAA,YAEvB,0BAAgB,KAAK,SAAS;AAAA;AAAA,QACnC;AAAA,SACJ;AAAA;AAAA,EACJ;AAER;AACA,IAAO,uBAAQ;","names":["classNames","ButtonGroup","Button"]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.d.cts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { IThreadFooter } from '../../../types/collab.types.cjs';
+
+/** @jsxImportSource preact */
+
+declare const ThreadFooter: ({ onClose, handleOnSaveRef, isDisabled, editComment, }: IThreadFooter) => React.JSX.Element;
+
+export { ThreadFooter as default };

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.d.ts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { IThreadFooter } from '../../../types/collab.types.js';
+
+/** @jsxImportSource preact */
+
+declare const ThreadFooter: ({ onClose, handleOnSaveRef, isDisabled, editComment, }: IThreadFooter) => React.JSX.Element;
+
+export { ThreadFooter as default };

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.js

@@ -0,0 +1,62 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.tsx
+import { useState } from "preact/hooks";
+import Button from "../Button/Button.js";
+import ButtonGroup from "../ButtonGroup/ButtonGroup.js";
+import classNames from "classnames";
+import { collabStyles, flexAlignCenter } from "../../../collab.style.js";
+import { jsx, jsxs } from "preact/jsx-runtime";
+var ThreadFooter = ({
+  onClose,
+  handleOnSaveRef,
+  isDisabled,
+  editComment
+}) => {
+  const [loading, setLoading] = useState(false);
+  const onSubmit = async (event) => {
+    setLoading(true);
+    event.preventDefault();
+    await handleOnSaveRef.current?.();
+    setLoading(false);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames(
+        "collab-thread-footer--wrapper",
+        "flex-v-center",
+        collabStyles()["collab-thread-footer--wrapper"],
+        flexAlignCenter
+      ),
+      children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            buttonType: "tertiary",
+            testId: "thread-cancel-btn",
+            onClick: () => onClose(false),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            buttonType: "primary",
+            onClick: onSubmit,
+            testId: "thread-save-btn",
+            disabled: isDisabled || loading,
+            children: editComment === "" ? "Post" : "Update"
+          }
+        )
+      ] })
+    }
+  );
+};
+var ThreadFooter_default = ThreadFooter;
+export {
+  ThreadFooter_default as default
+};
+//# sourceMappingURL=ThreadFooter.js.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport { useState } from \"preact/hooks\";\nimport Button from \"../Button/Button\";\nimport ButtonGroup from \"../ButtonGroup/ButtonGroup\";\nimport classNames from \"classnames\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport { IThreadFooter } from \"../../../types/collab.types\";\n\nconst ThreadFooter = ({\n    onClose,\n    handleOnSaveRef,\n    isDisabled,\n    editComment,\n}: IThreadFooter) => {\n    const [loading, setLoading] = useState(false);\n    const onSubmit: JSX.MouseEventHandler<HTMLButtonElement> = async (\n        event\n    ) => {\n        setLoading(true);\n        event.preventDefault();\n        await handleOnSaveRef.current?.();\n        setLoading(false);\n    };\n\n    return (\n        <div\n            className={classNames(\n                \"collab-thread-footer--wrapper\",\n                \"flex-v-center\",\n                collabStyles()[\"collab-thread-footer--wrapper\"],\n                flexAlignCenter\n            )}\n        >\n            <ButtonGroup>\n                <Button\n                    type=\"button\"\n                    buttonType=\"tertiary\"\n                    testId={\"thread-cancel-btn\"}\n                    onClick={() => onClose(false)}\n                >\n                    Cancel\n                </Button>\n                <Button\n                    type=\"button\"\n                    buttonType=\"primary\"\n                    onClick={onSubmit}\n                    testId={\"thread-save-btn\"}\n                    disabled={isDisabled || loading}\n                >\n                    {editComment === \"\" ? \"Post\" : \"Update\"}\n                </Button>\n            </ButtonGroup>\n        </div>\n    );\n};\nexport default ThreadFooter;\n"],"mappings":";;;AAGA,SAAS,gBAAgB;AACzB,OAAO,YAAY;AACnB,OAAO,iBAAiB;AACxB,OAAO,gBAAgB;AACvB,SAAS,cAAc,uBAAuB;AA4BlC,SACI,KADJ;AAzBZ,IAAM,eAAe,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAqB;AACjB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,WAAqD,OACvD,UACC;AACD,eAAW,IAAI;AACf,UAAM,eAAe;AACrB,UAAM,gBAAgB,UAAU;AAChC,eAAW,KAAK;AAAA,EACpB;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,QACA,aAAa,EAAE,+BAA+B;AAAA,QAC9C;AAAA,MACJ;AAAA,MAEA,+BAAC,eACG;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,YAAW;AAAA,YACX,QAAQ;AAAA,YACR,SAAS,MAAM,QAAQ,KAAK;AAAA,YAC/B;AAAA;AAAA,QAED;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,YAAW;AAAA,YACX,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,UAAU,cAAc;AAAA,YAEvB,0BAAgB,KAAK,SAAS;AAAA;AAAA,QACnC;AAAA,SACJ;AAAA;AAAA,EACJ;AAER;AACA,IAAO,uBAAQ;","names":[]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadHeader.cjs

@@ -0,0 +1,124 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/Collab/ThreadPopup/ThreadHeader.tsx
+var ThreadHeader_exports = {};
+__export(ThreadHeader_exports, {
+  default: () => ThreadHeader_default
+});
+module.exports = __toCommonJS(ThreadHeader_exports);
+var import_compat = __toESM(require("preact/compat"), 1);
+var import_hooks = require("preact/hooks");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_Button = __toESM(require("../Button/Button.cjs"), 1);
+var import_collab = require("../../../collab.style.cjs");
+var import_collabUtils = require("../../../utils/collabUtils.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+var ThreadHeader = import_compat.default.memo(
+  ({ onClose, displayResolve, onResolve, commentCount, activeThread }) => {
+    const handleResolve = (0, import_hooks.useCallback)(async () => {
+      try {
+        const payload = {
+          threadUid: activeThread._id,
+          payload: {
+            threadState: 2
+          }
+        };
+        const resolveResponse = await onResolve(payload);
+        onClose(true);
+      } catch (error) {
+      }
+    }, [activeThread]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "collab-thread-header--wrapper",
+          "flex-v-center",
+          (0, import_collab.collabStyles)()["collab-thread-header--wrapper"],
+          import_collab.flexAlignCenter
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: (0, import_classnames.default)(
+              "collab-thread-header--container",
+              "flex-v-center",
+              (0, import_collab.collabStyles)()["collab-thread-header--container"],
+              import_collab.flexAlignCenter
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  className: (0, import_classnames.default)(
+                    "collab-thread-header--title",
+                    (0, import_collab.collabStyles)()["collab-thread-header--title"]
+                  ),
+                  children: (0, import_collabUtils.getThreadTitle)(commentCount)
+                }
+              ),
+              displayResolve ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_Button.default,
+                {
+                  buttonType: "tertiary",
+                  className: (0, import_classnames.default)(
+                    "collab-thread-header--resolve",
+                    (0, import_collab.collabStyles)()["collab-thread-header--resolve"]
+                  ),
+                  icon: "RightMarkActive",
+                  iconProps: {
+                    className: (0, import_classnames.default)(
+                      (0, import_collab.collabStyles)()["collab-thread-header--resolve--icon"],
+                      "collab-thread-header--resolve--icon"
+                    )
+                  },
+                  onClick: handleResolve,
+                  testId: "collab-thread-resolve-btn",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "span",
+                    {
+                      className: (0, import_classnames.default)(
+                        "collab-thread-header--resolve--text",
+                        (0, import_collab.collabStyles)()["collab-thread-header--resolve--text"]
+                      ),
+                      children: "Resolve"
+                    }
+                  )
+                }
+              ) : null
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+var ThreadHeader_default = ThreadHeader;
+//# sourceMappingURL=ThreadHeader.cjs.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ThreadHeader.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useCallback } from \"preact/hooks\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport { getThreadTitle } from \"../../../utils/collabUtils\";\nimport {\n    IDefaultAPIResponse,\n    IThreadHeader,\n} from \"../../../types/collab.types\";\n\nconst ThreadHeader: React.FC<IThreadHeader> = React.memo(\n    ({ onClose, displayResolve, onResolve, commentCount, activeThread }) => {\n        // Handler for deleting a comment\n        const handleResolve = useCallback(async () => {\n            try {\n                // Call the onResolveComment function\n                const payload = {\n                    threadUid: activeThread._id,\n                    payload: {\n                        threadState: 2,\n                    },\n                };\n                const resolveResponse: IDefaultAPIResponse =\n                    await onResolve(payload);\n                onClose(true);\n            } catch (error: any) {}\n        }, [activeThread]);\n\n        return (\n            <div\n                className={classNames(\n                    \"collab-thread-header--wrapper\",\n                    \"flex-v-center\",\n                    collabStyles()[\"collab-thread-header--wrapper\"],\n                    flexAlignCenter\n                )}\n            >\n                <div\n                    className={classNames(\n                        \"collab-thread-header--container\",\n                        \"flex-v-center\",\n                        collabStyles()[\"collab-thread-header--container\"],\n                        flexAlignCenter\n                    )}\n                >\n                    <div\n                        className={classNames(\n                            \"collab-thread-header--title\",\n                            collabStyles()[\"collab-thread-header--title\"]\n                        )}\n                    >\n                        {getThreadTitle(commentCount)}\n                    </div>\n                    {displayResolve ? (\n                        <Button\n                            buttonType=\"tertiary\"\n                            className={classNames(\n                                \"collab-thread-header--resolve\",\n                                collabStyles()[\"collab-thread-header--resolve\"]\n                            )}\n                            icon=\"RightMarkActive\"\n                            iconProps={{\n                                className: classNames(\n                                    collabStyles()[\n                                        \"collab-thread-header--resolve--icon\"\n                                    ],\n                                    \"collab-thread-header--resolve--icon\"\n                                ),\n                            }}\n                            onClick={handleResolve}\n                            testId=\"collab-thread-resolve-btn\"\n                        >\n                            <span\n                                className={classNames(\n                                    \"collab-thread-header--resolve--text\",\n                                    collabStyles()[\n                                        \"collab-thread-header--resolve--text\"\n                                    ]\n                                )}\n                            >\n                                Resolve\n                            </span>\n                        </Button>\n                    ) : null}\n                </div>\n            </div>\n        );\n    }\n);\n\nexport default ThreadHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAkB;AAClB,mBAA4B;AAC5B,wBAAuB;AACvB,oBAAmB;AACnB,oBAA8C;AAC9C,yBAA+B;AAiCf;AA3BhB,IAAM,eAAwC,cAAAA,QAAM;AAAA,EAChD,CAAC,EAAE,SAAS,gBAAgB,WAAW,cAAc,aAAa,MAAM;AAEpE,UAAM,oBAAgB,0BAAY,YAAY;AAC1C,UAAI;AAEA,cAAM,UAAU;AAAA,UACZ,WAAW,aAAa;AAAA,UACxB,SAAS;AAAA,YACL,aAAa;AAAA,UACjB;AAAA,QACJ;AACA,cAAM,kBACF,MAAM,UAAU,OAAO;AAC3B,gBAAQ,IAAI;AAAA,MAChB,SAAS,OAAY;AAAA,MAAC;AAAA,IAC1B,GAAG,CAAC,YAAY,CAAC;AAEjB,WACI;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAC;AAAA,UACP;AAAA,UACA;AAAA,cACA,4BAAa,EAAE,+BAA+B;AAAA,UAC9C;AAAA,QACJ;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,eAAW,kBAAAA;AAAA,cACP;AAAA,cACA;AAAA,kBACA,4BAAa,EAAE,iCAAiC;AAAA,cAChD;AAAA,YACJ;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACG,eAAW,kBAAAA;AAAA,oBACP;AAAA,wBACA,4BAAa,EAAE,6BAA6B;AAAA,kBAChD;AAAA,kBAEC,iDAAe,YAAY;AAAA;AAAA,cAChC;AAAA,cACC,iBACG;AAAA,gBAAC,cAAAC;AAAA,gBAAA;AAAA,kBACG,YAAW;AAAA,kBACX,eAAW,kBAAAD;AAAA,oBACP;AAAA,wBACA,4BAAa,EAAE,+BAA+B;AAAA,kBAClD;AAAA,kBACA,MAAK;AAAA,kBACL,WAAW;AAAA,oBACP,eAAW,kBAAAA;AAAA,0BACP,4BAAa,EACT,qCACJ;AAAA,sBACA;AAAA,oBACJ;AAAA,kBACJ;AAAA,kBACA,SAAS;AAAA,kBACT,QAAO;AAAA,kBAEP;AAAA,oBAAC;AAAA;AAAA,sBACG,eAAW,kBAAAA;AAAA,wBACP;AAAA,4BACA,4BAAa,EACT,qCACJ;AAAA,sBACJ;AAAA,sBACH;AAAA;AAAA,kBAED;AAAA;AAAA,cACJ,IACA;AAAA;AAAA;AAAA,QACR;AAAA;AAAA,IACJ;AAAA,EAER;AACJ;AAEA,IAAO,uBAAQ;","names":["React","classNames","Button"]}

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadHeader.d.cts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { IThreadHeader } from '../../../types/collab.types.cjs';
+
+/** @jsxImportSource preact */
+
+declare const ThreadHeader: React.FC<IThreadHeader>;
+
+export { ThreadHeader as default };

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadHeader.d.ts

@@ -0,0 +1,8 @@
+import React from 'preact/compat';
+import { IThreadHeader } from '../../../types/collab.types.js';
+
+/** @jsxImportSource preact */
+
+declare const ThreadHeader: React.FC<IThreadHeader>;
+
+export { ThreadHeader as default };

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadHeader.js

@@ -0,0 +1,95 @@
+import "../../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/Collab/ThreadPopup/ThreadHeader.tsx
+import React from "preact/compat";
+import { useCallback } from "preact/hooks";
+import classNames from "classnames";
+import Button from "../Button/Button.js";
+import { collabStyles, flexAlignCenter } from "../../../collab.style.js";
+import { getThreadTitle } from "../../../utils/collabUtils.js";
+import { jsx, jsxs } from "preact/jsx-runtime";
+var ThreadHeader = React.memo(
+  ({ onClose, displayResolve, onResolve, commentCount, activeThread }) => {
+    const handleResolve = useCallback(async () => {
+      try {
+        const payload = {
+          threadUid: activeThread._id,
+          payload: {
+            threadState: 2
+          }
+        };
+        const resolveResponse = await onResolve(payload);
+        onClose(true);
+      } catch (error) {
+      }
+    }, [activeThread]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames(
+          "collab-thread-header--wrapper",
+          "flex-v-center",
+          collabStyles()["collab-thread-header--wrapper"],
+          flexAlignCenter
+        ),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: classNames(
+              "collab-thread-header--container",
+              "flex-v-center",
+              collabStyles()["collab-thread-header--container"],
+              flexAlignCenter
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: classNames(
+                    "collab-thread-header--title",
+                    collabStyles()["collab-thread-header--title"]
+                  ),
+                  children: getThreadTitle(commentCount)
+                }
+              ),
+              displayResolve ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  buttonType: "tertiary",
+                  className: classNames(
+                    "collab-thread-header--resolve",
+                    collabStyles()["collab-thread-header--resolve"]
+                  ),
+                  icon: "RightMarkActive",
+                  iconProps: {
+                    className: classNames(
+                      collabStyles()["collab-thread-header--resolve--icon"],
+                      "collab-thread-header--resolve--icon"
+                    )
+                  },
+                  onClick: handleResolve,
+                  testId: "collab-thread-resolve-btn",
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: classNames(
+                        "collab-thread-header--resolve--text",
+                        collabStyles()["collab-thread-header--resolve--text"]
+                      ),
+                      children: "Resolve"
+                    }
+                  )
+                }
+              ) : null
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+var ThreadHeader_default = ThreadHeader;
+export {
+  ThreadHeader_default as default
+};
+//# sourceMappingURL=ThreadHeader.js.map

package/dist/modern/visualBuilder/components/Collab/ThreadPopup/ThreadHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ThreadHeader.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { useCallback } from \"preact/hooks\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport { getThreadTitle } from \"../../../utils/collabUtils\";\nimport {\n    IDefaultAPIResponse,\n    IThreadHeader,\n} from \"../../../types/collab.types\";\n\nconst ThreadHeader: React.FC<IThreadHeader> = React.memo(\n    ({ onClose, displayResolve, onResolve, commentCount, activeThread }) => {\n        // Handler for deleting a comment\n        const handleResolve = useCallback(async () => {\n            try {\n                // Call the onResolveComment function\n                const payload = {\n                    threadUid: activeThread._id,\n                    payload: {\n                        threadState: 2,\n                    },\n                };\n                const resolveResponse: IDefaultAPIResponse =\n                    await onResolve(payload);\n                onClose(true);\n            } catch (error: any) {}\n        }, [activeThread]);\n\n        return (\n            <div\n                className={classNames(\n                    \"collab-thread-header--wrapper\",\n                    \"flex-v-center\",\n                    collabStyles()[\"collab-thread-header--wrapper\"],\n                    flexAlignCenter\n                )}\n            >\n                <div\n                    className={classNames(\n                        \"collab-thread-header--container\",\n                        \"flex-v-center\",\n                        collabStyles()[\"collab-thread-header--container\"],\n                        flexAlignCenter\n                    )}\n                >\n                    <div\n                        className={classNames(\n                            \"collab-thread-header--title\",\n                            collabStyles()[\"collab-thread-header--title\"]\n                        )}\n                    >\n                        {getThreadTitle(commentCount)}\n                    </div>\n                    {displayResolve ? (\n                        <Button\n                            buttonType=\"tertiary\"\n                            className={classNames(\n                                \"collab-thread-header--resolve\",\n                                collabStyles()[\"collab-thread-header--resolve\"]\n                            )}\n                            icon=\"RightMarkActive\"\n                            iconProps={{\n                                className: classNames(\n                                    collabStyles()[\n                                        \"collab-thread-header--resolve--icon\"\n                                    ],\n                                    \"collab-thread-header--resolve--icon\"\n                                ),\n                            }}\n                            onClick={handleResolve}\n                            testId=\"collab-thread-resolve-btn\"\n                        >\n                            <span\n                                className={classNames(\n                                    \"collab-thread-header--resolve--text\",\n                                    collabStyles()[\n                                        \"collab-thread-header--resolve--text\"\n                                    ]\n                                )}\n                            >\n                                Resolve\n                            </span>\n                        </Button>\n                    ) : null}\n                </div>\n            </div>\n        );\n    }\n);\n\nexport default ThreadHeader;\n"],"mappings":";;;AACA,OAAO,WAAW;AAClB,SAAS,mBAAmB;AAC5B,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB,SAAS,cAAc,uBAAuB;AAC9C,SAAS,sBAAsB;AAiCf,SAQI,KARJ;AA3BhB,IAAM,eAAwC,MAAM;AAAA,EAChD,CAAC,EAAE,SAAS,gBAAgB,WAAW,cAAc,aAAa,MAAM;AAEpE,UAAM,gBAAgB,YAAY,YAAY;AAC1C,UAAI;AAEA,cAAM,UAAU;AAAA,UACZ,WAAW,aAAa;AAAA,UACxB,SAAS;AAAA,YACL,aAAa;AAAA,UACjB;AAAA,QACJ;AACA,cAAM,kBACF,MAAM,UAAU,OAAO;AAC3B,gBAAQ,IAAI;AAAA,MAChB,SAAS,OAAY;AAAA,MAAC;AAAA,IAC1B,GAAG,CAAC,YAAY,CAAC;AAEjB,WACI;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA,aAAa,EAAE,+BAA+B;AAAA,UAC9C;AAAA,QACJ;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,cACA,aAAa,EAAE,iCAAiC;AAAA,cAChD;AAAA,YACJ;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACG,WAAW;AAAA,oBACP;AAAA,oBACA,aAAa,EAAE,6BAA6B;AAAA,kBAChD;AAAA,kBAEC,yBAAe,YAAY;AAAA;AAAA,cAChC;AAAA,cACC,iBACG;AAAA,gBAAC;AAAA;AAAA,kBACG,YAAW;AAAA,kBACX,WAAW;AAAA,oBACP;AAAA,oBACA,aAAa,EAAE,+BAA+B;AAAA,kBAClD;AAAA,kBACA,MAAK;AAAA,kBACL,WAAW;AAAA,oBACP,WAAW;AAAA,sBACP,aAAa,EACT,qCACJ;AAAA,sBACA;AAAA,oBACJ;AAAA,kBACJ;AAAA,kBACA,SAAS;AAAA,kBACT,QAAO;AAAA,kBAEP;AAAA,oBAAC;AAAA;AAAA,sBACG,WAAW;AAAA,wBACP;AAAA,wBACA,aAAa,EACT,qCACJ;AAAA,sBACJ;AAAA,sBACH;AAAA;AAAA,kBAED;AAAA;AAAA,cACJ,IACA;AAAA;AAAA;AAAA,QACR;AAAA;AAAA,IACJ;AAAA,EAER;AACJ;AAEA,IAAO,uBAAQ;","names":[]}