impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js

@@ -0,0 +1,190 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chat-message .message-text{background-color:#eceefd;border-radius:10px;box-shadow:0 1px 2px #0000000f;color:#1f2b4d;font-size:14px;line-height:1.4;padding:12px 16px;transition:all .3s ease;white-space:pre-wrap;word-break:break-word}.chat-message .message-text.highlighted-message-content{animation:highlightScalePulse 1.5s infinite;border:2px solid #4259ee;box-shadow:0 0 8px #4259ee4d}.chat-message .message-text .priority-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:12px}.chat-message .message-text .priority-container .priority-label{align-items:center;display:flex;font-size:14px;gap:4px}.chat-message .message-text.low{border-left:3px solid #31935f}.chat-message .message-text.medium{border-left:3px solid #e1bc29}.chat-message .message-text.high{border-left:3px solid #e15554}.chat-message .message-text.normal{border-left:3px solid #4259ee}.chat-message .message-text p{color:#60697d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:160%;margin:0 0 8px;text-align:left}.chat-message .message-text p:last-child{margin-bottom:0}.chat-message .message-text .message-content{margin:0}.chat-message .message-text .message-content p{color:#60697d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:160%;margin:0;text-align:left}.chat-message .message-text .message-content p:last-child{margin-bottom:0}.chat-message .message-text .message-content .mention{background-color:#4259ee1a;border:1px solid #4259ee4d;border-radius:4px;color:#4259ee;display:inline-block;font-weight:600;margin:0 2px;padding:0 6px;text-decoration:none;transition:all .2s ease}.chat-message .message-text .message-content .mention:hover{background-color:#4259ee26;border-color:#4259ee80}.chat-message .message-text .message-content strong{color:#60697d;font-weight:700}.chat-message .message-text .message-content em{color:#60697d;font-style:italic}.chat-message .message-text .message-content u{color:#60697d;text-decoration:underline}.chat-message .message-text .message-content mark{background-color:#fef3c7;border-radius:4px;color:#60697d;padding:2px 4px}.chat-message .message-text .message-content a{color:#4259ee;text-decoration:underline}.chat-message .message-text .message-content a:hover{color:#1531e8}.chat-message .message-text .message-content ol,.chat-message .message-text .message-content ul{margin:8px 0;padding-left:20px}.chat-message .message-text .message-content ol li,.chat-message .message-text .message-content ul li{color:#60697d;margin:4px 0}.chat-message .message-text .message-content h1,.chat-message .message-text .message-content h2,.chat-message .message-text .message-content h3,.chat-message .message-text .message-content h4,.chat-message .message-text .message-content h5,.chat-message .message-text .message-content h6{color:#60697d;font-weight:600;margin:12px 0 8px}.chat-message .message-text .message-content h1:first-child,.chat-message .message-text .message-content h2:first-child,.chat-message .message-text .message-content h3:first-child,.chat-message .message-text .message-content h4:first-child,.chat-message .message-text .message-content h5:first-child,.chat-message .message-text .message-content h6:first-child{margin-top:0}.chat-message .message-text .message-content h1{font-size:20px}.chat-message .message-text .message-content h2{font-size:18px}.chat-message .message-text .message-content h3{font-size:16px}.chat-message .message-text .message-content h4{font-size:15px}.chat-message .message-text .message-content h5{font-size:14px}.chat-message .message-text .message-content h6{font-size:13px}.chat-message .message-text .message-action-info-container{align-items:center;display:flex;gap:8px}.chat-message .message-text .message-action-info-container .pin-button{display:flex}.chat-message .message-text .message-action-info-container .pin-button-hover{display:none}.chat-message .message-text:hover .message-action-info-container .pin-button-hover{display:flex}.chat-message .flex-end{justify-content:flex-end;min-height:24px}.chat-message.assistant-message .message-text{background:linear-gradient(92.25deg,#f8f9fb -.92%,#f2f4fb 98.11%);color:#60697d;margin-left:0;margin-right:60px}.message-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.message-header .message-action-container{align-items:center;display:flex;gap:4px;visibility:hidden}.message-header .message-action-container img,.message-header .message-action-container svg{color:#b4bac7;cursor:pointer;width:14px}.message-header .visibility-enabled{visibility:visible}.btn_border_default{background-color:initial!important;border:none!important}.message-timestamp{color:#7a8294;font-size:12px;font-weight:400}.message-timestamp .edited-label{color:#7a8294;font-style:italic;opacity:.8}@keyframes highlightScalePulse{0%{box-shadow:0 0 #4259ee00;transform:scale(1)}30%{box-shadow:0 0 12px #4259ee99;transform:scale(1.03)}60%{box-shadow:0 0 10px #4259ee66;transform:scale(.98)}to{box-shadow:0 0 8px #4259ee4d;transform:scale(1)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import DOMPurify from "dompurify";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
+import { Button } from "../../../../Button/index.js";
+
+const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
+const TreadChatIcon = getAssetUrl("icons/treadChatIcon.svg");
+const ThreeDotIcon = getAssetUrl("icons/treedotIcon.svg");
+const UnpinIcon = getAssetUrl("icons/unpinedIcon.svg");
+const CheckBlueIcon = getAssetUrl("icons/checkBlueIcon.svg");
+const WarningRedIcon = getAssetUrl("icons/warningRedIcon.svg");
+const ThumbsUpYellowIcon = getAssetUrl("icons/thumbsUpYellowIcon.svg");
+const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
+const ChatDefaultMessageType = ({
+  content,
+  timestamp,
+  handleClickOnMoreOptions,
+  priority = "default",
+  edited = false,
+  onThreadClick,
+  pinned,
+  visibility,
+  onPin,
+  isUser = true,
+  isThreadIconVisible,
+  isPinChatIconvisible,
+  isHighlighted = false,
+  highlightColor = null
+}) => {
+  const renderContent = (content2) => {
+    if (typeof content2 === "string") {
+      const hasHtmlTags = /<[^>]*>/g.test(content2);
+      if (hasHtmlTags) {
+        const sanitizedContent = DOMPurify.sanitize(content2, {
+          ALLOWED_TAGS: [
+            "p",
+            "span",
+            "strong",
+            "em",
+            "u",
+            "br",
+            "a",
+            "ul",
+            "ol",
+            "li",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "s",
+            "mark"
+          ],
+          ALLOWED_ATTR: [
+            "class",
+            "data-type",
+            "data-id",
+            "data-label",
+            "data-mention-suggestion-char",
+            "href",
+            "target",
+            "rel"
+          ]
+        });
+        return /* @__PURE__ */ jsx("div", { className: "message-content", dangerouslySetInnerHTML: { __html: sanitizedContent } });
+      } else {
+        return /* @__PURE__ */ jsx("p", { children: content2 });
+      }
+    } else {
+      return content2;
+    }
+  };
+  const [showPinned, setShowPinned] = useState(pinned);
+  const customHighlightStyle = isHighlighted && highlightColor ? {
+    borderColor: highlightColor,
+    boxShadow: `0px 0px 8px ${highlightColor}40`
+    // 40 is 25% opacity in hex
+  } : {};
+  const handlePin = async (isPinned) => {
+    try {
+      const pinnedResponse = await onPin(isPinned);
+      setShowPinned(pinnedResponse == null ? void 0 : pinnedResponse.isPinned);
+    } catch (error) {
+      console.error("Error pinning message:", error);
+    }
+  };
+  useEffect(() => {
+    setShowPinned(pinned);
+  }, [pinned]);
+  const priorityContent = {
+    normal: /* @__PURE__ */ jsxs("span", { className: "priority-label", children: [
+      /* @__PURE__ */ jsx("img", { alt: "checkBlueIcon", src: CheckBlueIcon }),
+      " Normal Priority"
+    ] }),
+    high: /* @__PURE__ */ jsxs("span", { className: "priority-label", children: [
+      /* @__PURE__ */ jsx("img", { alt: "warningRedIcon", src: WarningRedIcon }),
+      " High Priority"
+    ] }),
+    medium: /* @__PURE__ */ jsxs("span", { className: "priority-label", children: [
+      /* @__PURE__ */ jsx("img", { alt: "thumbsUpYellowIcon", src: ThumbsUpYellowIcon }),
+      " Medium Priority"
+    ] }),
+    low: /* @__PURE__ */ jsxs("span", { className: "priority-label", children: [
+      /* @__PURE__ */ jsx("img", { alt: "notAllowedGreenIcon", src: NotAllowedGreenIcon }),
+      " Low Priority"
+    ] })
+  };
+  const pinnedIconSrc = showPinned ? PinnedIcon : UnpinIcon;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `message-text ${priority} ${isHighlighted ? "highlighted-message-content" : ""}`,
+      style: customHighlightStyle,
+      children: [
+        /* @__PURE__ */ jsx("section", { className: "priority-container", children: priorityContent[priority] }),
+        renderContent(content),
+        /* @__PURE__ */ jsxs("div", { className: `message-header ${!isUser ? "flex-end" : ""}`, children: [
+          isUser ? /* @__PURE__ */ jsxs("div", { className: `message-action-container ${visibility ? "visibility-enabled" : ""}`, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "btn_border_default participants-button",
+                icon: /* @__PURE__ */ jsx("img", { alt: "more", src: ThreeDotIcon }),
+                iconPlacement: "left",
+                size: "small",
+                type: "default",
+                variant: "tertiary",
+                onClick: handleClickOnMoreOptions
+              }
+            ),
+            isThreadIconVisible && /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "btn_border_default participants-button",
+                icon: /* @__PURE__ */ jsx("img", { alt: "thread", src: TreadChatIcon }),
+                iconPlacement: "left",
+                size: "large",
+                type: "default",
+                variant: "tertiary",
+                onClick: onThreadClick
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "message-action-info-container", children: [
+            /* @__PURE__ */ jsxs("div", { style: { display: !isPinChatIconvisible ? "none" : "inline" }, children: [
+              showPinned && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  className: "pin-button",
+                  icon: /* @__PURE__ */ jsx("img", { src: pinnedIconSrc }),
+                  iconPlacement: "left",
+                  size: "small",
+                  type: "default",
+                  variant: "tertiary",
+                  onClick: () => {
+                    handlePin(!showPinned);
+                  }
+                }
+              ),
+              !showPinned && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  className: "pin-button-hover",
+                  icon: /* @__PURE__ */ jsx("img", { src: PinnedIcon }),
+                  iconPlacement: "left",
+                  size: "small",
+                  type: "default",
+                  variant: "tertiary",
+                  onClick: () => {
+                    handlePin(!showPinned);
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "message-timestamp", children: [
+              timestamp,
+              edited && /* @__PURE__ */ jsx("span", { className: "edited-label", children: " (edited)" })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  ChatDefaultMessageType as default
+};

package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.d.ts

@@ -0,0 +1,6 @@
+
+export declare const ChatDeletedMessageType: ({ timestamp, isUser }: {
+    timestamp: any;
+    isUser?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatDeletedMessageType.d.ts.map

package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatDeletedMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.tsx"],"names":[],"mappings":"AAGA,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,sBAAsB,GAAI;;;CAA6B,4CAYnE,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.js

@@ -0,0 +1,22 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.deleted-message{background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:4px;max-width:fit-content;padding:8px 12px}.deleted-message .deleted-message-content{align-items:center;color:#b4bac7;display:flex;font-size:14px;gap:8px}.deleted-message .deleted-message-content .delete-icon{color:#b4bac7;font-size:16px}.deleted-message .deleted-message-content .deleted-text{font-style:italic}.deleted-message .deleted-timestamp{color:#7a8294;display:flex;font-size:12px;justify-content:flex-end}.deleted-message.user-deleted-message{margin-left:auto;margin-right:0}.deleted-message.user-deleted-message .deleted-timestamp{justify-content:flex-end}.deleted-message.assistant-deleted-message{margin-left:0;margin-right:auto}.deleted-message.assistant-deleted-message .deleted-timestamp{justify-content:flex-end}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import default_1 from "../../../../../node_modules/@mui/icons-material/Block.js";
+
+const ChatDeletedMessageType = ({ timestamp, isUser = false }) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `deleted-message ${isUser ? "user-deleted-message" : "assistant-deleted-message"}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "deleted-message-content", children: [
+          /* @__PURE__ */ jsx(default_1, { className: "delete-icon" }),
+          /* @__PURE__ */ jsx("span", { className: "deleted-text", children: "Message deleted by its author" })
+        ] }),
+        timestamp && /* @__PURE__ */ jsx("span", { className: "deleted-timestamp", children: timestamp })
+      ]
+    }
+  );
+};
+export {
+  ChatDeletedMessageType
+};

package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType /ChatEditedMessageType.d.ts

@@ -0,0 +1,12 @@
+declare const ChatEditedMessageType: ({ content, timestamp, handleClickOnMoreOptions, priority, edited, onThreadClick, pinned, onPin, }: {
+    content: any;
+    timestamp: any;
+    handleClickOnMoreOptions: any;
+    priority?: string | undefined;
+    edited?: boolean | undefined;
+    onThreadClick: any;
+    pinned: any;
+    onPin: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChatEditedMessageType;
+//# sourceMappingURL=ChatEditedMessageType.d.ts.map

package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType /ChatEditedMessageType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatEditedMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatEditedMessageType /ChatEditedMessageType.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;CAS9B,4CAuCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType /ChatEditedMessageType.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
+const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
+const TreadChatIcon = getAssetUrl("icons/treadChatIcon.svg");
+const ThreeDotIcon = getAssetUrl("icons/treedotIcon.svg");
+const UnpinIcon = getAssetUrl("icons/unpinedIcon.svg");
+const ChatEditedMessageType = ({
+  content,
+  timestamp,
+  handleClickOnMoreOptions,
+  priority = "default",
+  edited = false,
+  onThreadClick,
+  pinned,
+  onPin
+}) => {
+  const [showPinned, setShowPinned] = useState(pinned);
+  const handlePin = async (isPinned) => {
+    try {
+      const response = await onPin(isPinned);
+      console.log("Response: [DefaultMessageType]", response);
+      if (response) {
+        setShowPinned(isPinned);
+      }
+      return response;
+    } catch (error) {
+      console.error("Error pinning message:", error);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `message-text ${priority}`, children: [
+    typeof content === "string" ? /* @__PURE__ */ jsx("p", { children: content }) : content,
+    /* @__PURE__ */ jsxs("div", { className: `message-header ${!isUser ? "flex-end" : ""}`, children: [
+      /* @__PURE__ */ jsxs("div", { className: "message-action-container", children: [
+        /* @__PURE__ */ jsx("img", { alt: "threedot", src: ThreeDotIcon, onClick: handleClickOnMoreOptions }),
+        /* @__PURE__ */ jsx("img", { alt: "treaddd", src: TreadChatIcon, onClick: onThreadClick })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "message-action-info-container", children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt: "unpinned",
+            height: 12.63,
+            src: pinned ? PinnedIcon : UnpinIcon,
+            style: { cursor: "pointer" },
+            width: 12.63,
+            onClick: () => handlePin(!showPinned)
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "message-action-info", children: [
+          timestamp,
+          edited && /* @__PURE__ */ jsx("span", { className: "edited-label", children: " (edited)" })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  ChatEditedMessageType as default
+};

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts

@@ -0,0 +1,14 @@
+
+export declare const ChatHeader: ({ title, chatId, participants, className, participantsList, onSaveNotification, createdBy, createdAt, chatHeaderConfig, ...restProps }: {
+    [x: string]: any;
+    title: any;
+    chatId: any;
+    participants?: never[] | undefined;
+    className?: string | undefined;
+    participantsList: any;
+    onSaveNotification: any;
+    createdBy: any;
+    createdAt: any;
+    chatHeaderConfig?: {} | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatHeader.d.ts.map

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,0BAA0B,CAAC;AAqBlC,eAAO,MAAM,UAAU,GAAI;;;;;;;;;;;CAW1B,4CA+XA,CAAC"}