impact-ui 5.0.2-alpha.1 → 5.0.2-alpha.2

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 (79) hide show
  1. package/dist/components/Badge/index.js +1 -1
  2. package/dist/components/Badge/stroke/strokeOnlyLabelBadges/index.js +1 -1
  3. package/dist/components/Panel/Panel.types.d.ts +0 -7
  4. package/dist/components/Panel/Panel.types.d.ts.map +1 -1
  5. package/dist/components/Panel/index.d.ts +1 -1
  6. package/dist/components/Panel/index.d.ts.map +1 -1
  7. package/dist/components/Panel/index.js +2 -5
  8. package/dist/components/TableChat/EmptyContainer.js +3 -3
  9. package/dist/components/TableChat/TableChatSidePanel.d.ts +1 -2
  10. package/dist/components/TableChat/TableChatSidePanel.d.ts.map +1 -1
  11. package/dist/components/TableChat/TableChatSidePanel.js +23 -214
  12. package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.js +1 -1
  13. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts +2 -4
  14. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts.map +1 -1
  15. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.js +24 -55
  16. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelList.d.ts.map +1 -1
  17. package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelList.js +2 -3
  18. package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.d.ts.map +1 -1
  19. package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.js +43 -20
  20. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.d.ts.map +1 -1
  21. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js +2 -37
  22. package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.d.ts.map +1 -1
  23. package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.js +18 -54
  24. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts +1 -4
  25. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts.map +1 -1
  26. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js +81 -90
  27. package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.js +2 -2
  28. package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.js +65 -0
  29. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts.map +1 -1
  30. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.js +4 -11
  31. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts.map +1 -1
  32. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.js +56 -67
  33. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts +1 -8
  34. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts.map +1 -1
  35. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.js +4 -170
  36. package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.d.ts +1 -5
  37. package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.d.ts.map +1 -1
  38. package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.js +124 -138
  39. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.d.ts +9 -11
  40. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.d.ts.map +1 -1
  41. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js +106 -102
  42. package/dist/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.js +17 -0
  43. package/dist/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.d.ts.map +1 -1
  44. package/dist/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.js +1 -4
  45. package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts +1 -2
  46. package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts.map +1 -1
  47. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts.map +1 -1
  48. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.js +215 -327
  49. package/dist/components/TableChat/components/chatConfig.js +1 -0
  50. package/dist/components/TableV36/AgGridHeader.d.ts.map +1 -1
  51. package/dist/components/TableV36/AgGridHeader.js +22 -3
  52. package/dist/components/TableV36/index.d.ts.map +1 -1
  53. package/dist/components/TableV36/index.js +8 -135
  54. package/dist/components/TableV36/tableHeader.d.ts +1 -5
  55. package/dist/components/TableV36/tableHeader.d.ts.map +1 -1
  56. package/dist/components/TableV36/tableHeader.js +11 -36
  57. package/dist/locales/de-DE.json.d.ts +3 -16
  58. package/dist/locales/de-DE.json.js +3 -15
  59. package/dist/locales/en-US.json.d.ts +3 -16
  60. package/dist/locales/en-US.json.js +3 -15
  61. package/dist/locales/es-ES.json.d.ts +3 -16
  62. package/dist/locales/es-ES.json.js +3 -15
  63. package/dist/mcp-component-registry.json +7 -1
  64. package/dist/node_modules/@impactsmartsuite/impact-icons/dist/index.js +156 -250
  65. package/dist/stories/tableV36ChatApiMock.d.ts +74 -222
  66. package/dist/stories/tableV36ChatApiMock.d.ts.map +1 -1
  67. package/package.json +2 -2
  68. package/dist/_virtual/Check.js +0 -4
  69. package/dist/components/TableChat/components/TableChatLeftSection/ChatFilterChips/ChatFilterChips.d.ts +0 -11
  70. package/dist/components/TableChat/components/TableChatLeftSection/ChatFilterChips/ChatFilterChips.d.ts.map +0 -1
  71. package/dist/components/TableChat/components/TableChatLeftSection/ChatFilterChips/ChatFilterChips.js +0 -57
  72. package/dist/components/TableChat/components/TableChatRightSection/ChatInlineEdit/ChatInlineEdit.d.ts +0 -12
  73. package/dist/components/TableChat/components/TableChatRightSection/ChatInlineEdit/ChatInlineEdit.d.ts.map +0 -1
  74. package/dist/components/TableChat/components/TableChatRightSection/ChatInlineEdit/ChatInlineEdit.js +0 -132
  75. package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.js +0 -29
  76. package/dist/components/TableV36/withChatIndicator.d.ts +0 -3
  77. package/dist/components/TableV36/withChatIndicator.d.ts.map +0 -1
  78. package/dist/components/TableV36/withChatIndicator.js +0 -89
  79. package/dist/node_modules/@mui/icons-material/Check.js +0 -17
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,: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{border-radius:12px;box-sizing:border-box;color:#1f2b4d;display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-weight:500;gap:4px;line-height:1.6;max-width:100%;overflow-wrap:break-word;padding:12px;white-space:pre-wrap;width:fit-content;word-break:normal}.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 .message-author-name{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;margin:0;padding:0 8px;text-transform:capitalize}.chat-message .message-text .message-quote{background:#fff;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:8px;width:100%}.chat-message .message-text .message-quote__author{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;margin:0;text-transform:capitalize}.chat-message .message-text .message-quote__content{color:#60697d;font-size:14px;font-weight:500;letter-spacing:.14px;line-height:1.6;margin:0}.chat-message .message-text .message-quote__content p{color:#60697d;margin:0}.chat-message .message-text .priority-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:8px}.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 .message-body-text{color:#1f2b4d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:1.6;margin:0;text-align:left}.chat-message .message-text .message-body{box-sizing:border-box;display:block;margin:0;max-width:100%;width:auto}.chat-message .message-text .message-body p{color:#1f2b4d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:1.6;margin:0;text-align:left}.chat-message .message-text .message-body .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}.chat-message .message-text .message-body strong{color:#1f2b4d;font-weight:700}.chat-message .message-text .message-body em{color:#1f2b4d;font-style:italic}.chat-message .message-text .message-body u{color:#1f2b4d;text-decoration:underline}.chat-message .message-text .message-body mark{background-color:#fef3c7;border-radius:4px;color:#1f2b4d;padding:2px 4px}.chat-message .message-text .message-body a{color:#4259ee;text-decoration:underline}.chat-message .message-text .message-body a:hover{color:#1531e8}.chat-message .message-text .message-body ol,.chat-message .message-text .message-body ul{margin:8px 0;padding-left:20px}.chat-message .message-text .message-body ol li,.chat-message .message-text .message-body ul li{color:#1f2b4d;margin:4px 0}.chat-message .message-text .message-body h1,.chat-message .message-text .message-body h2,.chat-message .message-text .message-body h3,.chat-message .message-text .message-body h4,.chat-message .message-text .message-body h5,.chat-message .message-text .message-body h6{color:#1f2b4d;font-weight:600;margin:12px 0 8px}.chat-message .message-text .message-body h1:first-child,.chat-message .message-text .message-body h2:first-child,.chat-message .message-text .message-body h3:first-child,.chat-message .message-text .message-body h4:first-child,.chat-message .message-text .message-body h5:first-child,.chat-message .message-text .message-body h6:first-child{margin-top:0}.chat-message .message-text .message-body h1{font-size:20px}.chat-message .message-text .message-body h2{font-size:18px}.chat-message .message-text .message-body h3{font-size:16px}.chat-message .message-text .message-body h4{font-size:15px}.chat-message .message-text .message-body h5{font-size:14px}.chat-message .message-text .message-body h6{font-size:13px}.chat-message .message-text .message-header{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:0;min-height:24px;width:100%}.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:flex;max-width:0;opacity:0;overflow:hidden;pointer-events:none}.chat-message .message-text:hover .message-action-info-container .pin-button-hover{max-width:32px;opacity:1;pointer-events:auto}.chat-message .flex-end{justify-content:flex-end;min-height:24px}.chat-message.assistant-message .message-text{background:linear-gradient(94.95deg,#f8f9fb .92%,#f6f7fa 98.11%);color:#1f2b4d;max-width:478px}.chat-message.assistant-message .message-text .message-body,.chat-message.assistant-message .message-text .message-body-text{background:#f8f9fb;border-radius:8px;box-sizing:border-box;padding:8px;width:100%}.chat-message.user-message .message-text{background:linear-gradient(91.97deg,#dfe7ff66 .67%,#e4d8ff52,#ffcbcc45 111.65%);color:#1f2b4d;gap:20px;max-width:393px}.chat-message.user-message .message-text .message-body,.chat-message.user-message .message-text .message-body-text{background:#0000;border-radius:0;padding:0}.chat-message.user-message .message-text .message-header{margin-top:0}.message-header{align-items:center;display:flex;gap:8px;justify-content:flex-end}.message-header .message-action-container{align-items:center;display:flex;gap:4px;margin-right:auto;max-width:0;opacity:0;overflow:hidden;pointer-events:none}.message-header .message-action-container img,.message-header .message-action-container svg{color:#b4bac7;cursor:pointer;width:14px}.message-header .message-action-container.visibility-enabled,.message-text:hover .message-action-container{max-width:96px;opacity:1;pointer-events:auto}.btn_border_default{background-color:initial!important;border:none!important}.message-timestamp{font-size:12px;letter-spacing:.12px;line-height:1.6;text-align:right;white-space:nowrap}.message-timestamp,.message-timestamp .edited-label{color:#60697d;font-weight:500}@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(a){console.error("vite-plugin-css-injected-by-js",a)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,: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;flex-shrink:0;font-size:14px;line-height:1.4;max-width:100%;overflow-wrap:break-word;padding:8px 12px;transition:box-shadow .25s ease,transform .2s ease,background-color .25s ease;white-space:pre-wrap;width:fit-content;word-break:normal}.chat-message .message-text:hover{box-shadow:0 2px 10px #00000014;transform:translateY(-1px)}.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 4px;text-align:left}.chat-message .message-text p:last-child{margin-bottom:0}.chat-message .message-text .message-content{display:block;margin:0;max-width:100%;width:auto}.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;transition:opacity .2s ease,transform .2s ease}.chat-message .message-text .message-action-info-container .pin-button-hover{display:flex;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:scale(.85);transition:opacity .25s ease,max-width .25s ease,transform .25s ease}.chat-message .message-text:hover .message-action-info-container .pin-button-hover{max-width:32px;opacity:1;pointer-events:auto;transform:scale(1)}.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;transition:box-shadow .25s ease,transform .2s ease,background-color .25s ease}.chat-message.assistant-message .message-text:hover{box-shadow:0 2px 10px #0000000f;transform:translateY(-1px)}.message-header{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-top:4px;transition:gap .25s ease}.message-header .message-action-container{align-items:center;display:flex;gap:4px;margin-right:auto;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translate(6px);transition:opacity .25s ease,max-width .25s ease,transform .25s ease}.message-header .message-action-container img,.message-header .message-action-container svg{color:#b4bac7;cursor:pointer;transition:color .2s ease,transform .2s ease;width:14px}.message-header .message-action-container img:hover,.message-header .message-action-container svg:hover{color:#4259ee;transform:scale(1.08)}.message-header .message-action-container.visibility-enabled,.message-text:hover .message-action-container{max-width:96px;opacity:1;pointer-events:auto;transform:translate(0)}.btn_border_default{background-color:initial!important;border:none!important}.message-timestamp{color:#7a8294;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em;opacity:.85;white-space:nowrap}.message-timestamp .edited-label{color:#7a8294;font-style:italic;font-weight:400;opacity:.75}@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(a){console.error("vite-plugin-css-injected-by-js",a)}}();
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { useState, useEffect } from "react";
4
4
  import DOMPurify from "dompurify";
@@ -14,40 +14,6 @@ const CheckBlueIcon = getAssetUrl("icons/checkBlueIcon.svg");
14
14
  const WarningRedIcon = getAssetUrl("icons/warningRedIcon.svg");
15
15
  const ThumbsUpYellowIcon = getAssetUrl("icons/thumbsUpYellowIcon.svg");
16
16
  const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
17
- const ALLOWED_TAGS = [
18
- "p",
19
- "span",
20
- "strong",
21
- "em",
22
- "u",
23
- "br",
24
- "a",
25
- "ul",
26
- "ol",
27
- "li",
28
- "h1",
29
- "h2",
30
- "h3",
31
- "h4",
32
- "h5",
33
- "h6",
34
- "s",
35
- "mark"
36
- ];
37
- const ALLOWED_ATTR = [
38
- "class",
39
- "data-type",
40
- "data-id",
41
- "data-label",
42
- "data-mention-suggestion-char",
43
- "href",
44
- "target",
45
- "rel"
46
- ];
47
- const sanitizeHtml = (html) => DOMPurify.sanitize(html, {
48
- ALLOWED_TAGS,
49
- ALLOWED_ATTR
50
- });
51
17
  const ChatDefaultMessageType = ({
52
18
  content,
53
19
  timestamp,
@@ -62,40 +28,52 @@ const ChatDefaultMessageType = ({
62
28
  isThreadIconVisible,
63
29
  isPinChatIconvisible,
64
30
  isHighlighted = false,
65
- highlightColor = null,
66
- authorName,
67
- quote,
68
- showMoreOptions = true
31
+ highlightColor = null
69
32
  }) => {
70
33
  const { t } = useTranslation();
71
- const renderContent = (raw) => {
72
- if (typeof raw !== "string") return raw;
73
- if (/<[^>]*>/g.test(raw)) {
74
- return /* @__PURE__ */ jsx(
75
- "div",
76
- {
77
- className: "message-body",
78
- dangerouslySetInnerHTML: { __html: sanitizeHtml(raw) }
79
- }
80
- );
34
+ const renderContent = (content2) => {
35
+ if (typeof content2 === "string") {
36
+ const hasHtmlTags = /<[^>]*>/g.test(content2);
37
+ if (hasHtmlTags) {
38
+ const sanitizedContent = DOMPurify.sanitize(content2, {
39
+ ALLOWED_TAGS: [
40
+ "p",
41
+ "span",
42
+ "strong",
43
+ "em",
44
+ "u",
45
+ "br",
46
+ "a",
47
+ "ul",
48
+ "ol",
49
+ "li",
50
+ "h1",
51
+ "h2",
52
+ "h3",
53
+ "h4",
54
+ "h5",
55
+ "h6",
56
+ "s",
57
+ "mark"
58
+ ],
59
+ ALLOWED_ATTR: [
60
+ "class",
61
+ "data-type",
62
+ "data-id",
63
+ "data-label",
64
+ "data-mention-suggestion-char",
65
+ "href",
66
+ "target",
67
+ "rel"
68
+ ]
69
+ });
70
+ return /* @__PURE__ */ jsx("div", { className: "message-content", dangerouslySetInnerHTML: { __html: sanitizedContent } });
71
+ } else {
72
+ return /* @__PURE__ */ jsx("p", { children: content2 });
73
+ }
74
+ } else {
75
+ return content2;
81
76
  }
82
- return /* @__PURE__ */ jsx("p", { className: "message-body-text", children: raw });
83
- };
84
- const renderQuote = () => {
85
- if (!quote) return null;
86
- const quoteLabel = quote.authorLabel || quote.authorName || t("tableChat.message.you");
87
- const quoteContent = quote.content || quote.text || "";
88
- const hasHtml = typeof quoteContent === "string" && /<[^>]*>/g.test(quoteContent);
89
- return /* @__PURE__ */ jsxs("div", { className: "message-quote", children: [
90
- /* @__PURE__ */ jsx("p", { className: "message-quote__author", children: `“ ${quoteLabel}` }),
91
- hasHtml ? /* @__PURE__ */ jsx(
92
- "div",
93
- {
94
- className: "message-quote__content",
95
- dangerouslySetInnerHTML: { __html: sanitizeHtml(quoteContent) }
96
- }
97
- ) : /* @__PURE__ */ jsx("p", { className: "message-quote__content", children: quoteContent })
98
- ] });
99
77
  };
100
78
  const [showPinned, setShowPinned] = useState(pinned);
101
79
  const customHighlightStyle = isHighlighted && highlightColor ? {
@@ -138,7 +116,6 @@ const ChatDefaultMessageType = ({
138
116
  };
139
117
  const showPriority = priority && priority !== "default" && priorityContent[priority];
140
118
  const pinnedIconSrc = showPinned ? PinnedIcon : UnpinIcon;
141
- const showAuthorName = !isUser && Boolean(authorName) && !quote;
142
119
  return /* @__PURE__ */ jsxs(
143
120
  "div",
144
121
  {
@@ -146,12 +123,10 @@ const ChatDefaultMessageType = ({
146
123
  style: customHighlightStyle,
147
124
  children: [
148
125
  showPriority ? /* @__PURE__ */ jsx("section", { className: "priority-container", children: priorityContent[priority] }) : null,
149
- showAuthorName ? /* @__PURE__ */ jsx("p", { className: "message-author-name", children: authorName }) : null,
150
- renderQuote(),
151
126
  renderContent(content),
152
127
  /* @__PURE__ */ jsxs("div", { className: `message-header ${!isUser ? "flex-end" : ""}`, children: [
153
- showMoreOptions || isThreadIconVisible ? /* @__PURE__ */ jsxs("div", { className: `message-action-container ${visibility ? "visibility-enabled" : ""}`, children: [
154
- showMoreOptions && handleClickOnMoreOptions ? /* @__PURE__ */ jsx(
128
+ isUser ? /* @__PURE__ */ jsxs("div", { className: `message-action-container ${visibility ? "visibility-enabled" : ""}`, children: [
129
+ /* @__PURE__ */ jsx(
155
130
  Button,
156
131
  {
157
132
  className: "btn_border_default participants-button",
@@ -162,7 +137,7 @@ const ChatDefaultMessageType = ({
162
137
  variant: "tertiary",
163
138
  onClick: handleClickOnMoreOptions
164
139
  }
165
- ) : null,
140
+ ),
166
141
  isThreadIconVisible && /* @__PURE__ */ jsx(
167
142
  Button,
168
143
  {
@@ -177,26 +152,42 @@ const ChatDefaultMessageType = ({
177
152
  )
178
153
  ] }) : null,
179
154
  /* @__PURE__ */ jsxs("div", { className: "message-action-info-container", children: [
180
- isPinChatIconvisible ? /* @__PURE__ */ jsx(
181
- Button,
182
- {
183
- className: showPinned ? "pin-button" : "pin-button-hover",
184
- icon: /* @__PURE__ */ jsx("img", { alt: "pin", src: showPinned ? pinnedIconSrc : PinnedIcon }),
185
- iconPlacement: "left",
186
- size: "small",
187
- type: "default",
188
- variant: "tertiary",
189
- onClick: () => {
190
- handlePin(!showPinned);
155
+ /* @__PURE__ */ jsxs("div", { style: { display: !isPinChatIconvisible ? "none" : "inline" }, children: [
156
+ showPinned && /* @__PURE__ */ jsx(
157
+ Button,
158
+ {
159
+ className: "pin-button",
160
+ icon: /* @__PURE__ */ jsx("img", { src: pinnedIconSrc }),
161
+ iconPlacement: "left",
162
+ size: "small",
163
+ type: "default",
164
+ variant: "tertiary",
165
+ onClick: () => {
166
+ handlePin(!showPinned);
167
+ }
191
168
  }
192
- }
193
- ) : null,
169
+ ),
170
+ !showPinned && /* @__PURE__ */ jsx(
171
+ Button,
172
+ {
173
+ className: "pin-button-hover",
174
+ icon: /* @__PURE__ */ jsx("img", { src: PinnedIcon }),
175
+ iconPlacement: "left",
176
+ size: "small",
177
+ type: "default",
178
+ variant: "tertiary",
179
+ onClick: () => {
180
+ handlePin(!showPinned);
181
+ }
182
+ }
183
+ )
184
+ ] }),
194
185
  /* @__PURE__ */ jsxs("span", { className: "message-timestamp", children: [
195
- edited ? /* @__PURE__ */ jsxs("span", { className: "edited-label", children: [
196
- t("commentsPanel.edited"),
197
- " "
198
- ] }) : null,
199
- timestamp
186
+ timestamp,
187
+ edited && /* @__PURE__ */ jsxs("span", { className: "edited-label", children: [
188
+ " ",
189
+ t("commentsPanel.edited")
190
+ ] })
200
191
  ] })
201
192
  ] })
202
193
  ] })
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,: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:#f2f3f4;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;max-width:fit-content;padding:4px 16px}.deleted-message .deleted-message-content{align-items:center;color:#7a8294;display:flex;font-size:14px;font-weight:500;gap:4px;line-height:20px}.deleted-message .deleted-message-content .delete-icon{color:#7a8294;font-size:16px}.deleted-message .deleted-message-content .deleted-text{font-style:normal}.deleted-message .deleted-timestamp{color:#7a8294;display:flex;font-size:12px;font-weight:500;justify-content:flex-end;letter-spacing:.12px;line-height:1.6}.deleted-message.user-deleted-message{margin-left:auto;margin-right:0}.deleted-message.assistant-deleted-message{margin-left:0;margin-right:auto}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,: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(i){console.error("vite-plugin-css-injected-by-js",i)}}();
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import default_1 from "../../../../../node_modules/@mui/icons-material/Block.js";
4
4
 
@@ -12,7 +12,7 @@ const ChatDeletedMessageType = ({ timestamp, isUser = false }) => {
12
12
  children: [
13
13
  /* @__PURE__ */ jsxs("div", { className: "deleted-message-content", children: [
14
14
  /* @__PURE__ */ jsx(default_1, { className: "delete-icon" }),
15
- /* @__PURE__ */ jsx("span", { className: "deleted-text", children: t("tableChat.pinned.deletedByAuthor") })
15
+ /* @__PURE__ */ jsx("span", { className: "deleted-text", children: t("tableChat.message.deleted") })
16
16
  ] }),
17
17
  timestamp && /* @__PURE__ */ jsx("span", { className: "deleted-timestamp", children: timestamp })
18
18
  ]
@@ -0,0 +1,65 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { useState } from "react";
3
+ import { getAssetUrl } from "../../../../../utils/assetBase.js";
4
+ import { useTranslation } from "../../../../../i18n/useTranslation.js";
5
+ const ThreeDotIcon = getAssetUrl("icons/treedotIcon.svg");
6
+ const TreadChatIcon = getAssetUrl("icons/treadChatIcon.svg");
7
+ const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
8
+ const UnpinIcon = getAssetUrl("icons/unpinedIcon.svg");
9
+ const ChatEditedMessageType = ({
10
+ content,
11
+ timestamp,
12
+ handleClickOnMoreOptions,
13
+ priority = "default",
14
+ edited = false,
15
+ onThreadClick,
16
+ pinned,
17
+ onPin
18
+ }) => {
19
+ const { t } = useTranslation();
20
+ const [showPinned, setShowPinned] = useState(pinned);
21
+ const handlePin = async (isPinned) => {
22
+ try {
23
+ const response = await onPin(isPinned);
24
+ console.log("Response: [DefaultMessageType]", response);
25
+ if (response) {
26
+ setShowPinned(isPinned);
27
+ }
28
+ return response;
29
+ } catch (error) {
30
+ console.error("Error pinning message:", error);
31
+ }
32
+ };
33
+ return /* @__PURE__ */ jsxs("div", { className: `message-text ${priority}`, children: [
34
+ typeof content === "string" ? /* @__PURE__ */ jsx("p", { children: content }) : content,
35
+ /* @__PURE__ */ jsxs("div", { className: `message-header ${!isUser ? "flex-end" : ""}`, children: [
36
+ /* @__PURE__ */ jsxs("div", { className: "message-action-container", children: [
37
+ /* @__PURE__ */ jsx("img", { alt: "threedot", src: ThreeDotIcon, onClick: handleClickOnMoreOptions }),
38
+ /* @__PURE__ */ jsx("img", { alt: "treaddd", src: TreadChatIcon, onClick: onThreadClick })
39
+ ] }),
40
+ /* @__PURE__ */ jsxs("div", { className: "message-action-info-container", children: [
41
+ /* @__PURE__ */ jsx(
42
+ "img",
43
+ {
44
+ alt: "unpinned",
45
+ height: 12.63,
46
+ src: pinned ? PinnedIcon : UnpinIcon,
47
+ style: { cursor: "pointer" },
48
+ width: 12.63,
49
+ onClick: () => handlePin(!showPinned)
50
+ }
51
+ ),
52
+ /* @__PURE__ */ jsxs("span", { className: "message-action-info", children: [
53
+ timestamp,
54
+ edited && /* @__PURE__ */ jsxs("span", { className: "edited-label", children: [
55
+ " ",
56
+ t("commentsPanel.edited")
57
+ ] })
58
+ ] })
59
+ ] })
60
+ ] })
61
+ ] });
62
+ };
63
+ export {
64
+ ChatEditedMessageType as default
65
+ };
@@ -1 +1 @@
1
- {"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,0BAA0B,CAAC;AAoBlC,eAAO,MAAM,UAAU,GAAI;;;;;;;;;;;CAW1B,4CA8YA,CAAC"}
1
+ {"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,0BAA0B,CAAC;AAoBlC,eAAO,MAAM,UAAU,GAAI;;;;;;;;;;;CAW1B,4CAuYA,CAAC"}
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,: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-header{align-items:center;background:#fff;border-bottom:1px solid #b3bdf8;border-radius:10px 10px 0 0;box-sizing:border-box;display:flex;gap:8px;height:64px;justify-content:space-between;min-width:0;overflow:hidden;padding:16px}.chat-header .chat-header-info-slot{flex:1 1 auto;max-width:calc(100% - 220px);min-width:0;overflow:hidden}.chat-header .chat-header-info-slot.is-collapsed{flex:0 0 0;max-width:0;min-width:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden;width:0}.chat-header .chat-header-content{max-width:100%;width:100%}.chat-header .chat-header-content .chat-title-row{align-items:center;display:flex;gap:8px;max-width:100%;min-width:0}.chat-header .chat-header-content .chat-title{color:#1f2b4d;display:block;font-size:16px;font-style:normal;font-weight:800;line-height:24px;margin:0;min-width:0}.chat-header .chat-header-content .chat-title--editable{border-radius:4px;cursor:pointer}.chat-header .chat-header-content .chat-title--editable:focus-visible,.chat-header .chat-header-content .chat-title--editable:hover{background:#f5f6fa;outline:none}.chat-header .chat-header-content .chat-title-input{flex:1 1 auto;max-width:100%;min-width:0}.chat-header .chat-header-content .chat-title-input.impact_inputbox_container,.chat-header .chat-header-content .chat-title-input.impact_inputbox_container_with_icons{min-width:0}.chat-header .chat-header-content .chat-title-input .impact-input-wrapper{background:#fff;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;gap:8px;height:32px;min-height:32px;min-width:0;padding:0 8px;width:100%}.chat-header .chat-header-content .chat-title-input .impact-input-wrapper:hover{border-color:#c3c8d4}.chat-header .chat-header-content .chat-title-input .impact-input-wrapper:focus-within{border-color:#4259ee}.chat-header .chat-header-content .chat-title-input .impact-input-wrapper .MuiInputBase-root{height:32px;min-height:32px;padding:0}.chat-header .chat-header-content .chat-title-input .impact-input-wrapper input.MuiInputBase-input{color:#1f2b4d;font-size:16px;font-weight:800;line-height:24px;padding:0!important}.chat-header .chat-header-content .chat-title-input .right-input-icon{align-items:center;cursor:default;display:inline-flex;flex-shrink:0}.chat-header .chat-header-content .chat-title-input__actions{align-items:center;display:inline-flex;gap:4px}.chat-header .chat-header-content .chat-title-input__btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#60697d;cursor:pointer;display:inline-flex;font-size:16px;height:20px;justify-content:center;line-height:1;padding:0;width:20px}.chat-header .chat-header-content .chat-title-input__btn:hover:not(:disabled){background:#f5f6fa}.chat-header .chat-header-content .chat-title-input__btn:disabled{cursor:default;opacity:.4}.chat-header .chat-header-content .chat-title-input__btn--confirm{color:#3bb273}.chat-header .chat-header-content .chat-title-input__btn--cancel{color:#60697d}.chat-header .chat-header-content .chat-resolve{align-items:center;background:#0000;border:none;color:#4259ee;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:500;gap:2px;line-height:20px;padding:0}.chat-header .chat-header-content .chat-resolve__icon{color:#7a8294;font-size:16px!important}.chat-header .chat-header-content .chat-resolve__label{white-space:nowrap}.chat-header .chat-header-content .chat-resolve--resolved{cursor:default;pointer-events:none}.chat-header .chat-header-content .chat-resolve--resolved .chat-resolve__icon{color:#3bb273}.chat-header .chat-header-content .chat-resolve:disabled{cursor:default}.chat-header .chat-header-content .chat-created-by,.chat-header .chat-header-content .chat-id{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-created-by{margin-left:5px}.chat-header .chat-header-content .chat-created-by:before{color:#c3c8d4;content:"|";margin-right:6px}.chat-header .chat-header-content .chat-info-outer{display:block;min-width:0;width:100%}.chat-header .chat-header-content .chat-info-outer>span{display:block!important;min-width:0;width:100%}.chat-header .chat-header-content .chat-info-container{color:#c3c8d4;display:block;font-size:14px;font-style:normal;font-weight:500;line-height:21px;max-width:100%;min-width:0;white-space:nowrap;width:100%}.chat-header .chat-header-content .chat-created-by-container{display:inline-block;max-width:100%}.chat-header .chat-header-content .chat-created-at{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .participant-avatars{align-items:center;display:flex}.chat-header .participant-avatars .participant-avatar{border:2px solid #fff;box-shadow:0 1px 3px #0000001a}.chat-header .participant-avatars .more-participants{align-items:center;background:#eceefd;border:2px solid #fff;border-radius:50%;color:#4259ee;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;margin-left:-8px;min-width:24px;padding:4px 6px}.chat-header .participants-button{background:none!important;border:none!important;border-radius:4px;color:#7a8294;cursor:pointer;padding:4px}.chat-pinned{cursor:pointer;transition:all .2s ease-in-out}.chat-header-right{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;min-width:0}.chat-header-right.search-enabled{flex:1 1 auto;min-width:0}.ia-styles.ia-menu.three-dot-menu-container .MuiPaper-root{margin-left:32px;margin-top:4px}.chat-search-container{align-items:center;display:flex;flex:0 0 auto;gap:12px;position:relative}.chat-search-container--active{flex:1 1 auto;max-width:440px;min-width:0}.chat-search-container .chat-search-trigger{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;padding:0;width:24px}.chat-search-container .chat-search-trigger:hover{background:#f5f6fa}.chat-search-container .search-icon{display:block;height:16px;width:16px}.chat-search-container .chat-search-input-container{flex:1 1 auto;max-width:353px;min-width:0;position:relative;width:100%}.chat-search-container .chat-search-input-container .chat-header-search-input{min-width:0;width:100%}.chat-search-container .chat-search-input-container .chat-header-search-input.impact_inputbox_container_with_icons{min-width:0}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper{background:#fff;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;gap:8px;height:32px;min-height:32px;min-width:0;padding:0 8px;width:100%}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper:hover{border-color:#c3c8d4}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper:focus-within{border-color:#4259ee}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper .MuiInputBase-root{height:32px;min-height:32px;padding:0}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper input.MuiInputBase-input{color:#1f2b4d;font-size:14px;font-weight:500;height:16px;line-height:20px;padding:0!important}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper input.MuiInputBase-input::placeholder{color:#7a8294;opacity:1}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper svg{color:#7a8294;height:16px;width:16px}.chat-search-container .chat-search-input-container .chat-header-search-input .left-input-icon,.chat-search-container .chat-search-input-container .chat-header-search-input .right-input-icon{align-items:center;color:#7a8294;cursor:default;display:inline-flex;flex-shrink:0;justify-content:center}.chat-search-container .chat-search-input-container .chat-header-search-input .right-input-icon{cursor:pointer}.chat-search-container .chat-search-input-container .chat-header-search-input .chat-header-search-input__icon{font-size:16px;height:16px;width:16px}.chat-search-container .chat-search-input-container .chat-header-search-input .chat-header-search-input__close{cursor:pointer;font-size:14px;height:14px;width:14px}.chat-search-container .chat-search-nav{align-items:center;display:flex;flex-shrink:0;gap:0;height:24px;justify-content:center;width:28px}.chat-search-container .chat-search-nav__btn{align-items:center;background:#0000;border:none;color:#60697d;cursor:pointer;display:inline-flex;font-size:16px;height:12px;justify-content:center;line-height:1;padding:0;width:28px}.chat-search-container .chat-search-nav__btn:hover{color:#1f2b4d}.search-enabled .chat-search-container{flex:1 1 auto;min-width:0}.chat-participants-container{align-items:center;display:flex;gap:.5rem;position:relative}.chat-header-right-button{align-items:center;background:#f5f6fa;border-radius:10px;cursor:pointer;display:flex;font-size:3em;height:32px;justify-content:center;padding:.5rem;width:32px}.chat-header-right-button:active{background-color:#e2f4ff;transform:scale(.98)}.ia-styles.ia-menu.participants-menu-container .MuiPaper-root{display:flex;flex-direction:column;margin-left:28px;overflow:hidden!important;width:260px}.ia-styles.ia-menu.participants-menu-container .menu-header{background:#fff;border-radius:16px 16px 0 0;flex-shrink:0;padding:4px 0 0;position:sticky;top:0;z-index:10}.ia-styles.ia-menu.participants-menu-container .MuiList-root{flex:1;overflow-x:hidden;padding-top:0}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar{width:6px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-track{background:#0000}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb{background:#c3c8d4;border-radius:3px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb:hover{background:#b4bac7}.ia-styles.ia-menu.participants-menu-container .MuiMenu-paper{overflow:hidden!important}.ia-styles.ia-menu.participants-menu-container .MuiMenu-list{max-height:320px;overflow-x:hidden!important;overflow-y:auto!important}.ia-styles.ia-menu.participants-menu-container .MuiButtonBase-root{padding:6px 16px}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding-left:12px!important}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .MuiButtonBase-root{padding:8px 8px 8px 14px}.ia-styles.ia-menu.participants-menu-container .ia-menu-action-button-container{background:#fff;border-top:none;bottom:0;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:auto;padding:8px 8px 4px;position:sticky;width:100%;z-index:10}.participants-img{height:22px}.btn_border_participant{background:#f5f6fa!important;border:none!important;height:32px!important}.pinned_img{background:none;background-color:initial!important;border:none!important}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,: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-header{align-items:center;background:#fff;border-bottom:1px solid #b3bdf8;border-radius:10px 10px 0 0;box-sizing:border-box;display:flex;height:64px;justify-content:space-between;min-width:0;overflow:hidden;padding:6px 20px 5px}.chat-header .chat-header-info-slot{flex:1 1 auto;max-width:calc(100% - 220px);min-width:0;overflow:hidden}.chat-header .chat-header-info-slot.is-collapsed{flex:0 0 0;max-width:0;overflow:hidden;visibility:hidden;width:0}.chat-header .chat-header-content{max-width:100%;width:100%}.chat-header .chat-header-content .chat-title{color:#1f2b4d;display:block;font-size:16px;font-style:normal;font-weight:800;line-height:24px;min-width:0}.chat-header .chat-header-content .chat-title .resolved-badge{align-items:center;color:#4259ee;display:flex;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.chat-header .chat-header-content .chat-title .resolved-badge img{height:16px;margin-right:2px;width:16px}.chat-header .chat-header-content .chat-created-by,.chat-header .chat-header-content .chat-id{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-created-by{margin-left:5px}.chat-header .chat-header-content .chat-created-by:before{color:#c3c8d4;content:"|";margin-right:6px}.chat-header .chat-header-content .chat-info-outer{display:block;min-width:0;width:100%}.chat-header .chat-header-content .chat-info-outer>span{display:block!important;min-width:0;width:100%}.chat-header .chat-header-content .chat-info-container{color:#c3c8d4;display:block;font-size:14px;font-style:normal;font-weight:500;line-height:21px;max-width:100%;min-width:0;white-space:nowrap;width:100%}.chat-header .chat-header-content .chat-created-by-container{display:inline-block;max-width:100%}.chat-header .chat-header-content .chat-created-at{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .chat-participants{align-items:center;display:flex;gap:12px}.chat-header .chat-participants .participant-avatars{align-items:center;display:flex}.chat-header .chat-participants .participant-avatars .participant-avatar{border:2px solid #fff;box-shadow:0 1px 3px #0000001a}.chat-header .chat-participants .participant-avatars .more-participants{align-items:center;background:#eceefd;border:2px solid #fff;border-radius:50%;color:#4259ee;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;margin-left:-8px;min-width:24px;padding:4px 6px}.chat-header .chat-participants .participants-button{background:none!important;border:none!important;border-radius:4px;color:#7a8294;cursor:pointer;padding:4px}.chat-pinned{cursor:pointer;padding:.25rem;transition:all .2s ease-in-out}.chat-header-right{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;min-width:0}.chat-header-right.search-enabled{flex:1;min-width:0}.ia-styles.ia-menu.three-dot-menu-container .MuiPaper-root{margin-left:32px;margin-top:4px}.chat-search-container{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;position:relative}.chat-search-container .search-icon{cursor:pointer;flex-shrink:0}.chat-search-container .chat-search-input-container{position:relative;width:100%}.chat-search-container .chat-search-input-container .chat-search-input{background:none;border:1px solid #f0f0f0;border-radius:8px;box-sizing:border-box;color:#60697d;font-family:inherit;font-size:14px;height:32px;line-height:1.4;outline:none;padding:.5rem 2rem .5rem 1.75rem;transition:all .2s ease-in-out;width:100%}.chat-search-container .chat-search-input-container .chat-search-input::placeholder{color:#60697d;font-size:12px;padding-left:.5rem}.chat-search-container .chat-search-input-container .chat-search-input:focus{border:1px solid #4259ee}.chat-search-container .chat-search-input-container .chat-input-search-icon{color:#b2c2e0;cursor:pointer;height:1.5rem;left:.25rem;position:absolute;top:.25rem;width:1.5rem}.chat-search-container .chat-search-input-container .chat-search-input-close-icon{color:#60697d;cursor:pointer;height:12px;position:absolute;right:.625rem;top:.625rem;width:12px}.search-enabled .chat-search-container{flex:1 1 auto;min-width:0}.chat-participants-container{align-items:center;display:flex;gap:.5rem;position:relative}.chat-header-right-button{align-items:center;background:#f5f6fa;border-radius:10px;cursor:pointer;display:flex;font-size:3em;height:32px;justify-content:center;padding:.5rem;width:32px}.chat-header-right-button:active{background-color:#e2f4ff;transform:scale(.98)}.ia-styles.ia-menu.participants-menu-container .MuiPaper-root{display:flex;flex-direction:column;margin-left:28px;overflow:hidden!important;width:260px}.ia-styles.ia-menu.participants-menu-container .menu-header{background:#fff;border-radius:16px 16px 0 0;flex-shrink:0;padding:4px 0 0;position:sticky;top:0;z-index:10}.ia-styles.ia-menu.participants-menu-container .MuiList-root{flex:1;overflow-x:hidden;padding-top:0}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar{width:6px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-track{background:#0000}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb{background:#c3c8d4;border-radius:3px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb:hover{background:#b4bac7}.ia-styles.ia-menu.participants-menu-container .MuiMenu-paper{overflow:hidden!important}.ia-styles.ia-menu.participants-menu-container .MuiMenu-list{max-height:320px;overflow-x:hidden!important;overflow-y:auto!important}.ia-styles.ia-menu.participants-menu-container .MuiButtonBase-root{padding:6px 16px}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding-left:12px!important}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .MuiButtonBase-root{padding:8px 8px 8px 14px}.ia-styles.ia-menu.participants-menu-container .ia-menu-action-button-container{background:#fff;border-top:none;bottom:0;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:auto;padding:8px 8px 4px;position:sticky;width:100%;z-index:10}.participants-img{height:22px}.btn_border_participant{background:#f5f6fa!important;border:none!important;height:32px!important}.pinned_img{background:none;background-color:initial!important;border:none!important}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { useState, useEffect, useCallback } from "react";
4
4
  import { getAssetUrl } from "../../../../../utils/assetBase.js";
@@ -24,7 +24,7 @@ const ChatHeader = ({
24
24
  title,
25
25
  chatId,
26
26
  participants = [],
27
- className = "",
27
+ className = "chat-header",
28
28
  participantsList,
29
29
  onSaveNotification,
30
30
  createdBy,
@@ -271,15 +271,8 @@ const ChatHeader = ({
271
271
  chatId,
272
272
  createdAt,
273
273
  createdBy,
274
- displayId: chatHeaderConfig.chatDisplayId ?? chatId,
275
- isResolved: chatHeaderConfig.isResolved,
276
- resolveLabel: chatHeaderConfig.resolveLabel,
277
- showChatId: chatHeaderConfig.showChatId ?? Boolean(chatId),
278
- showResolve: chatHeaderConfig.showResolve,
279
- title,
280
- isTitleEditable: chatHeaderConfig.isTitleEditable,
281
- onResolve: chatHeaderConfig.onResolve,
282
- onTitleChange: chatHeaderConfig.onTitleChange
274
+ showChatId: chatHeaderConfig.showChatId ?? false,
275
+ title
283
276
  }
284
277
  ) }),
285
278
  /* @__PURE__ */ jsx(
@@ -1 +1 @@
1
- {"version":3,"file":"ChatHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.tsx"],"names":[],"mappings":"AAoBA,QAAA,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCzB,4CAoTA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"ChatHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.tsx"],"names":[],"mappings":"AAoBA,QAAA,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCzB,4CAyUA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}