impact-ui 4.0.1-alpha.8 → 4.0.1

package/dist/components/TableChat/components/TextEditor/EditorToolbar.js

@@ -19,70 +19,71 @@ import default_1$7 from "../../../../node_modules/@mui/icons-material/LooksTwo.j
 import default_1$a from "../../../../node_modules/@mui/icons-material/StrikethroughS.js";
 import { ChatIconButton } from "../TableChatLeftSection/ChatIconButton/ChatIconButton.js";
 
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const TOOLBAR_ITEMS = {
   bold: {
     icon: default_1$f,
-    ariaLabel: "Bold text",
+    ariaLabel: "tableChat.toolbar.bold",
     command: "toggleBold"
   },
   italic: {
     icon: default_1$e,
-    ariaLabel: "Italic text",
+    ariaLabel: "tableChat.toolbar.italic",
     command: "toggleItalic"
   },
   link: {
     icon: default_1$d,
-    ariaLabel: "Add link",
+    ariaLabel: "tableChat.toolbar.addLink",
     command: "toggleLink"
   },
   bulletList: {
     icon: default_1$c,
-    ariaLabel: "Bullet list",
+    ariaLabel: "tableChat.toolbar.bulletList",
     command: "toggleBulletList"
   },
   orderedList: {
     icon: default_1$b,
-    ariaLabel: "Numbered list",
+    ariaLabel: "tableChat.toolbar.numberedList",
     command: "toggleOrderedList"
   },
   strike: {
     icon: default_1$a,
-    ariaLabel: "Strike through",
+    ariaLabel: "tableChat.toolbar.strikeThrough",
     command: "toggleStrike"
   },
   highlight: {
     icon: default_1$9,
-    ariaLabel: "Highlight text",
+    ariaLabel: "tableChat.toolbar.highlight",
     command: "toggleHighlight"
   },
   h1: {
     icon: default_1$8,
-    ariaLabel: "Heading 1",
+    ariaLabel: "tableChat.toolbar.heading1",
     command: "toggleH1"
   },
   h2: {
     icon: default_1$7,
-    ariaLabel: "Heading 2",
+    ariaLabel: "tableChat.toolbar.heading2",
     command: "toggleH2"
   },
   h3: {
     icon: default_1$6,
-    ariaLabel: "Heading 3",
+    ariaLabel: "tableChat.toolbar.heading3",
     command: "toggleH3"
   },
   h4: {
     icon: default_1$5,
-    ariaLabel: "Heading 4",
+    ariaLabel: "tableChat.toolbar.heading4",
     command: "toggleH4"
   },
   h5: {
     icon: default_1$4,
-    ariaLabel: "Heading 5",
+    ariaLabel: "tableChat.toolbar.heading5",
     command: "toggleH5"
   },
   h6: {
     icon: default_1$3,
-    ariaLabel: "Heading 6",
+    ariaLabel: "tableChat.toolbar.heading6",
     command: "toggleH6"
   }
 };
@@ -96,6 +97,7 @@ const EditorToolbar = React__default.forwardRef(
     onEmojiSelect,
     className = ""
   }, ref) => {
+    const { t } = useTranslation();
     const fileInputRef = React__default.useRef(null);
     const imageInputRef = React__default.useRef(null);
     React__default.useImperativeHandle(ref, () => ({
@@ -128,7 +130,7 @@ const EditorToolbar = React__default.forwardRef(
         /* @__PURE__ */ jsx(
           ChatIconButton,
           {
-            ariaLabel: "Attach file",
+            ariaLabel: t("tableChat.toolbar.attachFile"),
             className: "format-button",
             icon: /* @__PURE__ */ jsx(default_1, { fontSize: "small", style: { width: "16px", height: "16px" } }),
             onClick: () => {
@@ -152,7 +154,7 @@ const EditorToolbar = React__default.forwardRef(
         /* @__PURE__ */ jsx(
           ChatIconButton,
           {
-            ariaLabel: "Upload image",
+            ariaLabel: t("tableChat.toolbar.uploadImage"),
             className: "format-button",
             icon: /* @__PURE__ */ jsx(default_1$1, { fontSize: "small", style: { width: "16px", height: "16px" } }),
             onClick: () => {
@@ -165,7 +167,7 @@ const EditorToolbar = React__default.forwardRef(
       onEmojiSelect && /* @__PURE__ */ jsx(
         ChatIconButton,
         {
-          ariaLabel: "Add emoji",
+          ariaLabel: t("tableChat.toolbar.addEmoji"),
           className: "format-button",
           icon: /* @__PURE__ */ jsx(default_1$2, { fontSize: "small", style: { width: "16px", height: "16px" } }),
           onClick: onEmojiSelect
@@ -178,7 +180,7 @@ const EditorToolbar = React__default.forwardRef(
         return /* @__PURE__ */ jsx(
           ChatIconButton,
           {
-            ariaLabel: item.ariaLabel,
+            ariaLabel: t(item.ariaLabel),
             className: `format-button ${activeStates[itemKey] ? "is-active" : ""}`,
             icon: /* @__PURE__ */ jsx(Icon, { fontSize: "small", style: { width: "16px", height: "16px" } }),
             onClick: () => {

package/dist/components/TableChat/components/TextEditor/Mention.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 
-export declare const MentionEditor: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const MentionEditor: import('react').ForwardRefExoticComponent<import('react').RefAttributes<unknown>>;
 //# sourceMappingURL=Mention.d.ts.map

package/dist/components/TableChat/components/TextEditor/Mention.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/Mention.tsx"],"names":[],"mappings":"AACA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAqD,MAAM,OAAO,CAAC;AAW1E,eAAO,MAAM,aAAa,+DAgNzB,CAAC"}
+{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/Mention.tsx"],"names":[],"mappings":"AACA,OAAO,eAAe,CAAC;AAcvB,eAAO,MAAM,aAAa,mFAkNzB,CAAC"}

package/dist/components/TableChat/components/TextEditor/Mention.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,: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}.ProseMirror-focused{outline:none}.tiptap :first-child{margin-top:0}.tiptap p{margin:.5em 0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.tiptap h1{font-size:2em;margin:1em 0 .5em}.tiptap h1,.tiptap h2{color:#1a202c;font-weight:600}.tiptap h2{font-size:1.5em;margin:.83em 0 .5em}.tiptap h3{color:#1a202c;font-size:1.17em;font-weight:600;margin:.67em 0 .5em}.tiptap h4{font-size:1em}.tiptap h4,.tiptap h5{color:#1a202c;font-weight:600;margin:.5em 0}.tiptap h5{font-size:.83em}.tiptap h6{color:#1a202c;font-size:.67em;margin:.5em 0}.tiptap h6,.tiptap strong{font-weight:600}.tiptap em{font-style:italic}.tiptap s{color:#666;text-decoration:line-through;text-decoration-thickness:.1em}.tiptap .highlight{background-color:#fef3c7!important}.tiptap .highlight,.tiptap mark{border-radius:4px;margin:0 2px;padding:2px 4px}.tiptap mark{background-color:#fef3c7}.tiptap a{border-bottom:1px solid #2b6cb0;color:#2b6cb0;text-decoration:none;transition:all .2s ease}.tiptap a:hover{border-bottom-color:#1a4971;color:#1a4971}.tiptap img{border-radius:4px;height:auto;margin:.5em 0;max-width:100%}.tiptap .mention{background-color:#f0f4f8;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#2b6cb0;font-weight:500;padding:2px 6px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.tiptap .mention:hover{background-color:#e2e8f0;cursor:pointer}.tiptap .is-active{background-color:#f0f4f8}.tiptap ol,.tiptap ul{margin:.5em 0;padding-left:1.2em}.tiptap ol li,.tiptap ul li{line-height:1.2;margin:.2em 0;padding-left:0}.tiptap ol li p,.tiptap ul li p{display:inline-block;margin:0}.tiptap ul li{list-style-type:disc}.tiptap ol li{list-style-type:decimal}.tiptap ol ol,.tiptap ol ul,.tiptap ul ol,.tiptap ul ul{margin:.2em 0 .2em .5em}.tiptap ul ul li{list-style-type:circle}.tiptap ul ul ul li{list-style-type:square}.tiptap ol ol li{list-style-type:lower-alpha}.tiptap ol ol ol li{list-style-type:lower-roman}.tiptap ol[data-type=orderedList] li,.tiptap ul[data-type=bulletList] li{position:relative}.tiptap ol[data-type=orderedList] li:before,.tiptap ul[data-type=bulletList] li:before{border-radius:50%;content:"";height:4px;left:-1em;position:absolute;top:50%;transform:translateY(-50%);width:4px}.tiptap .highlight{background-color:#fef3c7;border-radius:2px;padding:0 2px}.tiptap code{background-color:#f7fafc;border-radius:4px;font-family:monospace;padding:.2em .4em}.tiptap blockquote{border-left:3px solid #e2e8f0;color:#4a5568;margin:.5em 0;padding-left:1em}.character-count{align-items:center;color:var(--gray-5);display:flex;font-size:.75rem;gap:.5rem;margin:1.5rem}.character-count svg{color:var(--purple)}.character-count--warning,.character-count--warning svg{color:var(--red)}.tiptap-editor{margin-right:10px;max-height:100px;overflow-y:auto;width:88%}.tiptap-editor .ProseMirror{max-height:100px;min-height:40px;outline:none;overflow-y:auto;padding:8px 12px;word-wrap:break-word}.tiptap-editor .ProseMirror::-webkit-scrollbar{width:4px}.tiptap-editor .ProseMirror::-webkit-scrollbar-track{background:#0000}.tiptap-editor .ProseMirror::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.tiptap-editor .ProseMirror::-webkit-scrollbar-thumb:hover{background:#0000004d}')),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,: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}.ProseMirror-focused{outline:none}.tiptap :first-child{margin-top:0}.tiptap p{margin:.5em 0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.tiptap h1{font-size:2em;margin:1em 0 .5em}.tiptap h1,.tiptap h2{color:#1a202c;font-weight:600}.tiptap h2{font-size:1.5em;margin:.83em 0 .5em}.tiptap h3{color:#1a202c;font-size:1.17em;font-weight:600;margin:.67em 0 .5em}.tiptap h4{font-size:1em}.tiptap h4,.tiptap h5{color:#1a202c;font-weight:600;margin:.5em 0}.tiptap h5{font-size:.83em}.tiptap h6{color:#1a202c;font-size:.67em;margin:.5em 0}.tiptap h6,.tiptap strong{font-weight:600}.tiptap em{font-style:italic}.tiptap s{color:#666;text-decoration:line-through;text-decoration-thickness:.1em}.tiptap .highlight{background-color:#fef3c7!important}.tiptap .highlight,.tiptap mark{border-radius:4px;margin:0 2px;padding:2px 4px}.tiptap mark{background-color:#fef3c7}.tiptap a{border-bottom:1px solid #2b6cb0;color:#2b6cb0;text-decoration:none;transition:all .2s ease}.tiptap a:hover{border-bottom-color:#1a4971;color:#1a4971}.tiptap img{border-radius:4px;height:auto;margin:.5em 0;max-width:100%}.tiptap .mention{background-color:#f0f4f8;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#2b6cb0;font-weight:500;padding:2px 6px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.tiptap .mention:hover{background-color:#e2e8f0;cursor:pointer}.tiptap .is-active{background-color:#f0f4f8}.tiptap ol,.tiptap ul{margin:.5em 0;padding-left:1.2em}.tiptap ol li,.tiptap ul li{line-height:1.2;margin:.2em 0;padding-left:0}.tiptap ol li p,.tiptap ul li p{display:inline-block;margin:0}.tiptap ul li{list-style-type:disc}.tiptap ol li{list-style-type:decimal}.tiptap ol ol,.tiptap ol ul,.tiptap ul ol,.tiptap ul ul{margin:.2em 0 .2em .5em}.tiptap ul ul li{list-style-type:circle}.tiptap ul ul ul li{list-style-type:square}.tiptap ol ol li{list-style-type:lower-alpha}.tiptap ol ol ol li{list-style-type:lower-roman}.tiptap ol[data-type=orderedList] li,.tiptap ul[data-type=bulletList] li{position:relative}.tiptap ol[data-type=orderedList] li:before,.tiptap ul[data-type=bulletList] li:before{border-radius:50%;content:"";height:4px;left:-1em;position:absolute;top:50%;transform:translateY(-50%);width:4px}.tiptap .highlight{background-color:#fef3c7;border-radius:2px;padding:0 2px}.tiptap code{background-color:#f7fafc;border-radius:4px;font-family:monospace;padding:.2em .4em}.tiptap blockquote{border-left:3px solid #e2e8f0;color:#4a5568;margin:.5em 0;padding-left:1em}.character-count{align-items:center;color:var(--gray-5);display:flex;font-size:.75rem;gap:.5rem;margin:1.5rem}.character-count svg{color:var(--purple)}.character-count--warning,.character-count--warning svg{color:var(--red)}.tiptap-editor{margin-right:10px;max-height:100px;overflow-y:auto;width:88%}.tiptap-editor .ProseMirror{max-height:100px;min-height:40px;outline:none;overflow-y:auto;padding:8px 0 0!important;word-wrap:break-word}.tiptap-editor .ProseMirror::-webkit-scrollbar{width:4px}.tiptap-editor .ProseMirror::-webkit-scrollbar-track{background:#0000}.tiptap-editor .ProseMirror::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.tiptap-editor .ProseMirror::-webkit-scrollbar-thumb:hover{background:#0000004d}')),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
 import { jsx } from "react/jsx-runtime";
 
 import { forwardRef, useEffect, useImperativeHandle } from "react";
@@ -10,6 +10,7 @@ import { Placeholder } from "@tiptap/extension-placeholder";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import suggestion from "./suggestion.js";
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const MentionEditor = forwardRef(
   ({
     value,
@@ -17,18 +18,20 @@ const MentionEditor = forwardRef(
     onSend,
     disabled = false,
     maxLength = 5e3,
-    placeholder = "Type message...",
+    placeholder,
     chatId,
     loadParticipantsAvatar,
     isMultiLine = false,
     ...restConfig
   }, ref) => {
+    const { t } = useTranslation();
+    const resolvedPlaceholder = placeholder ?? t("table.comments.typeMessage");
     const editor = useEditor({
       ...restConfig,
       extensions: [
         StarterKit,
         Placeholder.configure({
-          placeholder
+          placeholder: resolvedPlaceholder
         }),
         Mention.configure({
           HTMLAttributes: {
@@ -115,7 +118,7 @@ const MentionEditor = forwardRef(
       toggleItalic: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run(),
       toggleLink: () => {
         const previousUrl = editor == null ? void 0 : editor.getAttributes("link").href;
-        const url = window.prompt("URL", previousUrl);
+        const url = window.prompt(t("tableChat.editor.urlPrompt"), previousUrl);
         if (url === null) return;
         if (url === "") {
           editor == null ? void 0 : editor.chain().focus().extendMarkRange("link").unsetLink().run();

package/dist/components/TableChat/components/TextEditor/MentionList.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 
-export declare const MentionList: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const MentionList: import('react').ForwardRefExoticComponent<import('react').RefAttributes<unknown>>;
 //# sourceMappingURL=MentionList.d.ts.map

package/dist/components/TableChat/components/TextEditor/MentionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentionList.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/MentionList.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,eAAO,MAAM,WAAW,+DAuGtB,CAAC"}
+{"version":3,"file":"MentionList.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/MentionList.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAM5B,eAAO,MAAM,WAAW,mFAwGtB,CAAC"}

package/dist/components/TableChat/components/TextEditor/MentionList.js

@@ -1,10 +1,12 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,: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}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;max-height:250px;min-width:180px;overflow:auto;padding:8px;position:relative}.dropdown-menu .mention-item{align-items:center;background-color:initial;border:none;border-radius:4px;color:#0d152c;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu .mention-item .mention-avatar{align-items:center;display:flex;justify-content:center}.dropdown-menu .mention-item .mention-info{display:flex;flex:1;flex-direction:column;gap:2px}.dropdown-menu .mention-item .mention-name{font-weight:400;line-height:1.2}.dropdown-menu .mention-item .mention-status{font-size:11px;font-weight:400;line-height:1;opacity:.7;text-transform:capitalize}.dropdown-menu .mention-item .mention-status.online{color:#22c55e}.dropdown-menu .mention-item .mention-status.offline{color:#b4bac7}.dropdown-menu .mention-item:hover,.dropdown-menu .mention-item:hover.is-selected{background-color:#f5f5f5}.dropdown-menu .mention-item.is-selected{background-color:#f0f0f0;font-weight:500}.dropdown-menu .mention-item:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.dropdown-menu .mention-item:focus:not(:focus-visible){box-shadow:none;outline:none}.dropdown-menu .mention-item:focus{outline:none}.dropdown-menu .item{color:#b4bac7;font-size:14px;padding:8px 12px;text-align:center}.dropdown-menu .mention-loading{align-items:center;color:#b4bac7;display:flex;font-size:14px;gap:8px;padding:12px;text-align:center}.dropdown-menu .mention-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f5f5f5;border-radius:50%;border-top-color:#4259ee;height:16px;width:16px}.dropdown-menu .mention-error{color:#ef4444;font-size:14px;padding:12px;text-align:center}.dropdown-menu .mention-no-result{color:#b4bac7;font-size:14px;padding:12px;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#c7c7c7}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,: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}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;max-height:250px;min-width:180px;overflow:auto;padding:8px;position:relative}.dropdown-menu .mention-item{align-items:center;background-color:initial;border:none;border-radius:4px;color:#0d152c;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu .mention-item .mention-avatar{align-items:center;display:flex;justify-content:center}.dropdown-menu .mention-item .mention-info{display:flex;flex:1;flex-direction:column;gap:2px}.dropdown-menu .mention-item .mention-name{font-weight:400;line-height:1.2}.dropdown-menu .mention-item .mention-status{font-size:11px;font-weight:400;line-height:1;opacity:.7;text-transform:capitalize}.dropdown-menu .mention-item .mention-status.online{color:#22c55e}.dropdown-menu .mention-item .mention-status.offline{color:#b4bac7}.dropdown-menu .mention-item:hover,.dropdown-menu .mention-item:hover.is-selected{background-color:#f5f5f5}.dropdown-menu .mention-item.is-selected{background-color:#f0f0f0;font-weight:500}.dropdown-menu .mention-item:focus{box-shadow:0 0 0 2px #4259ee33;outline:none}.dropdown-menu .item{color:#b4bac7;font-size:14px;padding:8px 12px;text-align:center}.dropdown-menu .mention-loading{align-items:center;color:#b4bac7;display:flex;font-size:14px;gap:8px;padding:12px;text-align:center}.dropdown-menu .mention-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f5f5f5;border-radius:50%;border-top-color:#4259ee;height:16px;width:16px}.dropdown-menu .mention-error{color:#ef4444;font-size:14px;padding:12px;text-align:center}.dropdown-menu .mention-no-result{color:#b4bac7;font-size:14px;padding:12px;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#c7c7c7}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import { forwardRef, useState, useEffect, useImperativeHandle } from "react";
 import { ChatAvatar } from "../TableChatRightSection/AvatarGroup/AvatarGroup.js";
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const MentionList = forwardRef((props, ref) => {
   var _a;
+  const { t } = useTranslation();
   const [selectedIndex, setSelectedIndex] = useState(0);
   const [isLoading, setIsLoading] = useState(false);
   const selectItem = (index) => {
@@ -58,7 +60,7 @@ const MentionList = forwardRef((props, ref) => {
   if (isLoading) {
     return /* @__PURE__ */ jsx("div", { className: "dropdown-menu", children: /* @__PURE__ */ jsxs("div", { className: "mention-loading", children: [
       /* @__PURE__ */ jsx("div", { className: "loading-spinner" }),
-      /* @__PURE__ */ jsx("span", { children: "Loading users..." })
+      /* @__PURE__ */ jsx("span", { children: t("tableChat.mention.loadingUsers") })
     ] }) });
   }
   return /* @__PURE__ */ jsx("div", { className: "dropdown-menu", children: ((_a = props.items) == null ? void 0 : _a.length) ? props.items.map((item, index) => /* @__PURE__ */ jsxs(
@@ -77,7 +79,7 @@ const MentionList = forwardRef((props, ref) => {
       ]
     },
     item.id || index
-  )) : /* @__PURE__ */ jsx("div", { className: "mention-no-result", children: "No users found" }) });
+  )) : /* @__PURE__ */ jsx("div", { className: "mention-no-result", children: t("tableChat.mention.noUsersFound") }) });
 });
 export {
   MentionList

package/dist/components/TableChat/utils/formatChatTimestamp.js

@@ -0,0 +1,14 @@
+import moment from "moment";
+const toLocalMoment = (timestamp) => {
+  if (!timestamp) return null;
+  const localTime = moment.utc(timestamp).local();
+  return localTime.isValid() ? localTime : null;
+};
+const formatChatHeaderTimestamp = (timestamp) => {
+  const localTime = toLocalMoment(timestamp);
+  if (!localTime) return "";
+  return localTime.format("MMM D, YYYY [at] hh:mm A");
+};
+export {
+  formatChatHeaderTimestamp
+};

package/dist/components/TableOld/AgGridHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/AgGridHeader.tsx"],"names":[],"mappings":"AAgBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;CAAA,2CA4eA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/AgGridHeader.tsx"],"names":[],"mappings":"AAkBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;CAAA,2CAyfA;AAED,eAAe,YAAY,CAAC"}

package/dist/components/TableOld/AgGridHeader.js

@@ -9,8 +9,9 @@ import { debounce } from "../../utils/debounce.js";
 import { DatePicker } from "../DatePicker/index.js";
 import { Input } from "../Input/index.js";
 import { Tooltip } from "../Tooltip/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
-const TableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
+const TableSortIconUrl = getAssetUrl("icons/tableSortIcon.svg");
 const TableSortAscIcon = getAssetUrl("icons/Up.svg");
 const TableSortDescIcon = getAssetUrl("icons/Down.svg");
 function AgGridHeader({
@@ -24,6 +25,7 @@ function AgGridHeader({
   ...rest
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P;
+  const { t } = useTranslation();
   const menuRef = useRef();
   useRef();
   const [showInputField, setShowInputField] = useState(false);
@@ -64,7 +66,7 @@ function AgGridHeader({
     }
   }, [rest.api, (_f = rest.column) == null ? void 0 : _f.colId]);
   useEffect(() => {
-    var _a2, _b2, _c2, _d2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
     const filterModel = rest.api.getFilterModel();
     if (filterModel[(_a2 = rest.column) == null ? void 0 : _a2.colId]) {
       const columnFilter = filterModel[(_b2 = rest.column) == null ? void 0 : _b2.colId];
@@ -80,6 +82,13 @@ function AgGridHeader({
         setSearchText(filterValue);
       }
       setHasActiveSearch(!!filterValue);
+      if (filterValue && ((_f2 = (_e2 = rest.column) == null ? void 0 : _e2.colDef) == null ? void 0 : _f2.isSearchable)) {
+        if (((_h2 = (_g2 = rest.column) == null ? void 0 : _g2.colDef) == null ? void 0 : _h2.filter) === "agDateColumnFilter") {
+          setShowDatePicker(true);
+        } else {
+          setShowInputField(true);
+        }
+      }
     } else {
       setSearchText("");
       setHasActiveSearch(false);
@@ -292,10 +301,10 @@ function AgGridHeader({
                     }
                   }
                 ),
-                displayFormat: ((_s = (_r = rest.column) == null ? void 0 : _r.colDef) == null ? void 0 : _s.displayFormat) || "MM-DD-YYYY",
+                displayFormat: ((_s = (_r = rest.column) == null ? void 0 : _r.colDef) == null ? void 0 : _s.displayFormat) || t("table.filter.dateFormat"),
                 maxDate: /* @__PURE__ */ new Date("2100-12-31"),
                 minDate: /* @__PURE__ */ new Date("2000-01-01"),
-                placeholder: "Select Date",
+                placeholder: t("table.filter.selectDate"),
                 selectedDate,
                 setSelectedDate,
                 onPrimaryButtonClick: () => {
@@ -332,7 +341,7 @@ function AgGridHeader({
             /* @__PURE__ */ jsx(
               Input,
               {
-                placeholder: "Search",
+                placeholder: t("common.search"),
                 rightIcon: /* @__PURE__ */ jsxs(Fragment, { children: [
                   searchText.toString().length > 0 && (columnWidth[(_v = rest.column) == null ? void 0 : _v.colId] ?? ((_w = rest.column) == null ? void 0 : _w.actualWidth)) >= 200 && /* @__PURE__ */ jsx(
                     default_1$1,
@@ -420,7 +429,7 @@ function AgGridHeader({
                 {
                   alt: "TableSortIcon",
                   className: "ia-table-sort-icon",
-                  src: currentSort === "asc" ? TableSortAscIcon : currentSort === "desc" ? TableSortDescIcon : TableSortIcon,
+                  src: currentSort === "asc" ? TableSortAscIcon : currentSort === "desc" ? TableSortDescIcon : TableSortIconUrl,
                   onClick: onHeaderClick
                 }
               )

package/dist/components/TableOld/actionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/actionBar.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB;;;;;CAAA,2CA2BA"}
+{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/actionBar.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB;;;;;CAAA,2CA8BA"}

package/dist/components/TableOld/actionBar.js

@@ -1,12 +1,14 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import default_1$1 from "../../node_modules/@mui/icons-material/CheckCircle.js";
 import default_1 from "../../node_modules/@mui/icons-material/Info.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 function BulkActionBar({
   showBulkActionBar,
   bulkActionBarProps,
   onSelectAllRows,
   onClearSelection
 }) {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsx(Fragment, { children: showBulkActionBar && /* @__PURE__ */ jsxs("div", { className: "ia-bulk-action-bar", children: [
     /* @__PURE__ */ jsx("span", { className: "icon", children: (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}) }),
     /* @__PURE__ */ jsx("span", { className: "ia-bulk-action-bar-text", children: bulkActionBarProps == null ? void 0 : bulkActionBarProps.actionBarLabel }),
@@ -21,7 +23,9 @@ function BulkActionBar({
             onClearSelection == null ? void 0 : onClearSelection();
           }
         },
-        children: (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) ? `Select all ${bulkActionBarProps.totalRowCount} rows across all pages` : "Clear selection"
+        children: (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) ? t("table.selectAllRows", {
+          count: bulkActionBarProps.totalRowCount
+        }) : t("table.clearSelection")
       }
     )
   ] }) });

package/dist/components/TableOld/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 
-export declare const OldTable: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const OldTable: import('react').ForwardRefExoticComponent<import('react').RefAttributes<unknown>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TableOld/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAW7F,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAK7B,eAAO,MAAM,QAAQ,+DAknBpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAK7B,eAAO,MAAM,QAAQ,mFA6oBpB,CAAC"}