impact-ui 4.0.1-alpha.14 → 4.0.1-alpha.15
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.
- package/dist/_virtual/index13.js +2 -2
- package/dist/_virtual/index14.js +2 -2
- package/dist/_virtual/index15.js +2 -2
- package/dist/_virtual/index16.js +2 -2
- package/dist/_virtual/index3.js +4 -2
- package/dist/_virtual/index4.js +3 -3
- package/dist/_virtual/index5.js +2 -4
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/Chart/index.js +28 -30
- package/dist/components/Chatbot/constant.d.ts.map +1 -1
- package/dist/components/Chatbot/constant.js +2 -8
- package/dist/components/Chatbot/index.d.ts.map +1 -1
- package/dist/components/Chatbot/index.js +14 -23
- package/dist/components/Chatbot/newChatComponent.js +1 -1
- package/dist/components/Checkbox/Default.js +1 -1
- package/dist/components/CommentsPanel/CommentsContext.js +9 -5
- package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts.map +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.impl.js +10 -6
- package/dist/components/FiltersStrip/AppliedFilters.d.ts.map +1 -1
- package/dist/components/FiltersStrip/AppliedFilters.js +6 -7
- package/dist/components/Header/index.js +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +3 -2
- package/dist/components/KeyboardShortCuts/tutorial.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/tutorial.js +3 -2
- package/dist/components/Menu/MenuHeaderInfo.d.ts.map +1 -1
- package/dist/components/Menu/MenuHeaderInfo.js +4 -3
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.js +7 -31
- package/dist/components/Select/menuList.d.ts.map +1 -1
- package/dist/components/Select/menuList.js +3 -2
- package/dist/components/Table/AdvanceSortModal.d.ts.map +1 -1
- package/dist/components/Table/AdvanceSortModal.js +5 -3
- package/dist/components/Table/AgGridHeader.d.ts.map +1 -1
- package/dist/components/Table/AgGridHeader.js +2 -2
- package/dist/components/Table/CommentsPortal.d.ts.map +1 -1
- package/dist/components/Table/CommentsPortal.js +10 -6
- package/dist/components/Table/NoComments.d.ts.map +1 -1
- package/dist/components/Table/NoComments.js +3 -2
- package/dist/components/Table/index.js +1 -1
- package/dist/components/Table/tableFunctions.d.ts.map +1 -1
- package/dist/components/Table/tableFunctions.js +4 -3
- package/dist/components/Table/tableMoreOptions.d.ts.map +1 -1
- package/dist/components/Table/tableMoreOptions.js +1 -0
- package/dist/components/Table/withCommentIcon.d.ts.map +1 -1
- package/dist/components/Table/withCommentIcon.js +3 -2
- package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.js +0 -6
- package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js +3 -3
- package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType /ChatEditedMessageType.js +2 -2
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.js +2 -3
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts +1 -2
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.js +24 -45
- package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.js +8 -6
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js +3 -1
- package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts.map +1 -1
- package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
- package/dist/components/TableOld/AgGridHeader.js +2 -2
- package/dist/components/TableOld/index.js +1 -1
- package/dist/components/TableOld/tableFunctions.d.ts.map +1 -1
- package/dist/components/TableOld/tableFunctions.js +4 -3
- package/dist/mcp-component-registry.json +1 -1
- package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
- package/dist/node_modules/call-bind/index.js +1 -1
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/is-symbol/index.js +1 -1
- package/dist/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/react-with-styles-interface-css/dist/index.js +1 -1
- package/package.json +4 -5
- package/dist/_virtual/ExpandLessOutlined.js +0 -4
- package/dist/_virtual/ExpandMoreOutlined.js +0 -4
- package/dist/_virtual/North.js +0 -4
- package/dist/node_modules/@impactsmartsuite/impact-icons/dist/index.js +0 -5215
- package/dist/node_modules/@mui/icons-material/ExpandLessOutlined.js +0 -17
- package/dist/node_modules/@mui/icons-material/ExpandMoreOutlined.js +0 -17
- package/dist/node_modules/@mui/icons-material/North.js +0 -17
package/dist/_virtual/index13.js
CHANGED
package/dist/_virtual/index14.js
CHANGED
package/dist/_virtual/index15.js
CHANGED
package/dist/_virtual/index16.js
CHANGED
package/dist/_virtual/index3.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import { getAugmentedNamespace } from "./_commonjsHelpers.js";
|
|
2
|
+
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
|
|
3
|
+
const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
2
4
|
export {
|
|
3
|
-
|
|
5
|
+
require$$1 as default
|
|
4
6
|
};
|
package/dist/_virtual/index4.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { getAugmentedNamespace } from "./_commonjsHelpers.js";
|
|
2
|
-
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/
|
|
3
|
-
const require$$
|
|
2
|
+
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
|
|
3
|
+
const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
4
4
|
export {
|
|
5
|
-
require$$
|
|
5
|
+
require$$2 as default
|
|
6
6
|
};
|
package/dist/_virtual/index5.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
|
|
3
|
-
const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
1
|
+
var reactIs = { exports: {} };
|
|
4
2
|
export {
|
|
5
|
-
|
|
3
|
+
reactIs as __module
|
|
6
4
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AAMrD,OAAO,qBAAqB,CAAC;AAyC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DrB,4CA4nBA,CAAC"}
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".chart-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:40px;height:100%;padding:12px 12px 0;position:relative;transform-origin:center center;transition:all .25s ease}.chart-container.above-chart-component{gap:16px}.chart-container.card-container{box-shadow:0 0 4px #0000001f}.chart-container.fullscreen-animating{animation:expandAnim .2s ease forwards}.chart-container.fullscreen-animating-out{animation:collapseAnim .2s ease forwards}.chart-container.expanded{padding:24px}.chart-container .chart-container-header{align-items:center;display:flex;justify-content:space-between}.chart-container .chart-container-header .chart-container-header-title{align-items:center;display:flex;gap:6px}.chart-container .chart-container-header .chart-container-header-title .chart-container-header-title-text{color:#0d152c;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.chart-container .chart-container-header .chart-container-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chart-container .divider-line{background:#d9dde7;height:16px;width:1px}.chart-custom-actions{align-items:center;display:flex;gap:12px}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{color:#60697d!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:500}.highcharts-xaxis .highcharts-axis-title,.highcharts-yaxis .highcharts-axis-title{color:#60697d!important;font-family:Manrope,sans-serif;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}.tooltip-key{font-size:12px;font-weight:500;line-height:16px}.tooltip-value{font-size:14px;font-weight:600;line-height:24px}.highcharts-text-outline{stroke-width:0px}.chart-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.chart-empty-state span{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center}@keyframes expandAnim{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes collapseAnim{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import React__default, { useState, useRef, useEffect, useMemo } from "react";
|
|
4
|
-
import Highcharts from "highcharts";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import { ChartDropdown as ChartDropdown_default, CollapseNew as CollapseNew_default, ExpandIcon as ExpandIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
|
|
4
|
+
import Highcharts from "highcharts/esm/highcharts.js";
|
|
5
|
+
import "highcharts/esm/highcharts-3d.js";
|
|
6
|
+
import "highcharts/esm/highcharts-more.js";
|
|
7
|
+
import "highcharts/esm/modules/heatmap.js";
|
|
8
|
+
import "highcharts/esm/modules/stock.js";
|
|
9
|
+
import "highcharts/esm/modules/venn.js";
|
|
10
|
+
import "highcharts/esm/modules/treemap.js";
|
|
11
|
+
import "highcharts/esm/modules/exporting.js";
|
|
12
|
+
import "highcharts/esm/modules/export-data.js";
|
|
13
|
+
import "highcharts/esm/modules/offline-exporting.js";
|
|
14
|
+
import * as borderRadiusModule from "highcharts-border-radius";
|
|
15
|
+
import * as highchartsReactModule from "highcharts-react-official";
|
|
17
16
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
18
17
|
|
|
19
18
|
import { Button } from "../Button/index.js";
|
|
@@ -21,22 +20,21 @@ import { Menu } from "../Menu/index.js";
|
|
|
21
20
|
import { Tooltip } from "../Tooltip/index.js";
|
|
22
21
|
import default_1 from "../../node_modules/@mui/icons-material/TableChartOutlined.js";
|
|
23
22
|
import default_1$1 from "../../node_modules/@mui/icons-material/FileDownloadOutlined.js";
|
|
23
|
+
const ExpandIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/expand-icon.svg"), ...props });
|
|
24
|
+
const Collapse = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/collapse-new.svg"), ...props });
|
|
25
|
+
const ChartDropdown = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/Chart-dropdown.svg"), ...props });
|
|
24
26
|
const EmptyStateImage = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/emptyStateImage.svg"), ...props });
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
HighchartsOfflineExporting
|
|
37
|
-
].forEach((mod) => {
|
|
38
|
-
if (typeof mod === "function") mod(Highcharts);
|
|
39
|
-
});
|
|
27
|
+
const interopDefault = (mod) => {
|
|
28
|
+
let value = mod;
|
|
29
|
+
while (value && typeof value === "object" && !value.$$typeof && value.default) {
|
|
30
|
+
value = value.default;
|
|
31
|
+
}
|
|
32
|
+
return value;
|
|
33
|
+
};
|
|
34
|
+
const HighchartsReact = interopDefault(highchartsReactModule);
|
|
35
|
+
const borderRadius = interopDefault(borderRadiusModule);
|
|
36
|
+
if (typeof Highcharts === "object" && typeof borderRadius === "function") {
|
|
37
|
+
borderRadius(Highcharts);
|
|
40
38
|
}
|
|
41
39
|
const Chart = ({
|
|
42
40
|
graphType = "column",
|
|
@@ -531,7 +529,7 @@ const Chart = ({
|
|
|
531
529
|
showChartTypeDropdown && /* @__PURE__ */ jsx(Tooltip, { title: "Change chart type", variant: "tertiary", children: /* @__PURE__ */ jsx(
|
|
532
530
|
Button,
|
|
533
531
|
{
|
|
534
|
-
icon: /* @__PURE__ */ jsx(
|
|
532
|
+
icon: /* @__PURE__ */ jsx(ChartDropdown, {}),
|
|
535
533
|
variant: "text",
|
|
536
534
|
onClick: (event) => {
|
|
537
535
|
setShowChartList((prev) => !prev);
|
|
@@ -558,7 +556,7 @@ const Chart = ({
|
|
|
558
556
|
showExpandButton && /* @__PURE__ */ jsx(Tooltip, { title: "Expand", variant: "tertiary", children: /* @__PURE__ */ jsx(
|
|
559
557
|
Button,
|
|
560
558
|
{
|
|
561
|
-
icon: isExpanded ? /* @__PURE__ */ jsx(
|
|
559
|
+
icon: isExpanded ? /* @__PURE__ */ jsx(Collapse, {}) : /* @__PURE__ */ jsx(ExpandIcon, {}),
|
|
562
560
|
variant: "text",
|
|
563
561
|
onClick: () => {
|
|
564
562
|
if (isExpanded) exitFullscreen();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/constant.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,eAAO,MAAM,SAAS,EAAE,OAAO,EAS9B,CAAC;
|
|
1
|
+
{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/constant.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,eAAO,MAAM,SAAS,EAAE,OAAO,EAS9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,OAAO,EAA4C,CAAC;AAEnF,eAAO,MAAM,eAAe,EAAE,OAI7B,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { getAssetUrl } from "../../utils/assetBase.js";
|
|
|
2
2
|
const NotificationIcon = getAssetUrl("icons/bell.svg");
|
|
3
3
|
const BookMarkIcon = getAssetUrl("icons/bookmarkIcon.svg");
|
|
4
4
|
const HistoryIcon = getAssetUrl("icons/historyIcon.svg");
|
|
5
|
-
|
|
5
|
+
getAssetUrl("icons/newChatIcon.svg");
|
|
6
6
|
const PageIcon = getAssetUrl("icons/pageIcon.svg");
|
|
7
7
|
const menuItems = [
|
|
8
8
|
{ key: "bookmark", icon: BookMarkIcon },
|
|
@@ -15,13 +15,7 @@ const menuItems = [
|
|
|
15
15
|
}
|
|
16
16
|
];
|
|
17
17
|
const mandatoryTabList = [{ key: "history", icon: HistoryIcon }];
|
|
18
|
-
const newChatMenuItem = {
|
|
19
|
-
key: "newchat",
|
|
20
|
-
icon: NewChatIcon,
|
|
21
|
-
className: "chatbot-component-menu-container-icon-new-chat"
|
|
22
|
-
};
|
|
23
18
|
export {
|
|
24
19
|
mandatoryTabList,
|
|
25
|
-
menuItems
|
|
26
|
-
newChatMenuItem
|
|
20
|
+
menuItems
|
|
27
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,iBAAiB,CAAC;AAC1E,OAAO,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,iBAAiB,CAAC;AAC1E,OAAO,sBAAsB,CAAC;AAK9B,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,YAAiD,EACjD,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,cAAc,EAC7B,cAAc,EAAE,eAAe,EAC/B,mBAAmB,EACnB,mBAAmB,EACnB,eAA0B,EAC1B,cAAc,EAAE,eAAoB,EACpC,mBAA2B,EAC3B,UAAe,EACf,aAAwB,EACxB,OAAO,EACP,eAAe,EACf,UAA6C,EAC7C,YAAmB,EACnB,cAAsB,EACtB,eAAsB,EACtB,WAAsB,EACtB,cAAyB,EACzB,kBAA6B,EAC7B,SAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAqB,EACrB,aAAqB,EACrB,mBAA2B,EAC3B,gBAGC,EACD,UAAkB,EAClB,eAA0B,EAC1B,aAAqB,EACrB,UAA4F,EAC5F,uBAAkC,EAClC,oBAA4B,EAC5B,WAAgB,EAChB,oBAA2B,EAC3B,mBAA8B,EAC9B,gBAAqB,EACrB,qBAAgC,EAChC,2BAAsC,EACtC,oBAA+B,EAC/B,iBAAiB,EACjB,mBAA8B,EAC9B,gBAAuB,EACvB,WAAmB,EACnB,oBAAoB,EACpB,iBAA4B,EAC5B,iBAA4B,EAC5B,iBAAiB,EACjB,eAA0B,GAC3B,EAAE,YAAY,kDA8Wd;yBAxae,gBAAgB"}
|
|
@@ -1,34 +1,20 @@
|
|
|
1
1
|
!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}.chatbot-modal-wrapper{position:fixed;right:0;top:56px;z-index:1300}.chatbot-modal-wrapper .chatbot-component-container{background:#fff;box-shadow:0 8px 32px #101e3629;height:calc(100vh - 56px);padding:10px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-header-close-icon{height:26px;width:26px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container{height:100%;pointer-events:none;position:relative;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-body{display:flex;flex-direction:column;height:calc(100vh - 125px);justify-content:space-between}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-close-icon{align-items:center;display:flex;gap:10px;justify-content:flex-end;pointer-events:auto}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-circle-1{background:#418dffab;border-radius:50%;filter:blur(68px);height:118px;left:calc(50% - 120px);position:absolute;top:calc(50% - 60px);width:118px;z-index:1}.chatbot-modal-wrapper .chatbot-component-container .chatbot-landing-screen-container .chatbot-landing-screen-container-circle-2{background:#ffb4d8;border-radius:50%;filter:blur(80px);height:189px;left:calc(50% - 20px);position:absolute;top:calc(50% - 40px);width:189px;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side{height:100%;position:relative;width:60px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side:before{background:linear-gradient(180deg,#b3bdf8,#eceefd 61%,#f7bea3b3);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side.chatbot-component-left-side-open{width:400px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container{display:flex;height:100%;justify-content:center;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open{justify-content:unset}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper{flex:1;height:100%;padding:12px 12px 12px 0}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container{background:linear-gradient(180deg,#f0f2ff99,#ffeff871 50%,#ffeceb40);box-shadow:12px 13px 45px -1px #402b701c;display:flex;flex-direction:column;gap:16px;height:100%;padding:20px 16px 0;position:relative;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container:before{background:linear-gradient(187.22deg,#b3bdf8b3,#fff 57.21%,#cdcaf5);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-left{align-items:center;display:flex;gap:7px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-left .book-mark-panel-header-left-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container.chatbot-component-menu-container-open .book-mark-panel-container-wrapper .book-mark-panel-container .book-mark-panel-header .book-mark-panel-header-right{align-items:center;display:flex;gap:12px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container{background:linear-gradient(180deg,#f0f2ff99,#ffeff871 50%,#ffeceb40);border-radius:12px;position:relative;z-index:1}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-block:12px;transition:all .3s ease-in-out}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon.chatbot-component-menu-container-icon-open{padding:12px;width:60px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list{align-items:center;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:37px;justify-content:center;width:37px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li: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}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:hover{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .utility-list li:hover{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)!important}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .active{background:linear-gradient(152deg,#b3bdf82b 17.25%,#b3bdf89c 122.41%)}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-list img{cursor:pointer}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon-new-chat{margin-bottom:10px}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon-notification{height:16px;width:16px}.chatbot-modal-wrapper .chatbot-component-right-side{bottom:0;left:70px;padding:16px;position:absolute;right:0;top:0;transition:none!important}.chatbot-modal-wrapper .chatbot-component-right-side.chatbot-component-right-side-open{left:410px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header{align-items:center;display:flex;justify-content:space-between}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header .chatbot-component-header-dropdown .ia-btn-icon{margin-bottom:0}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-header .chatbot-component-header-dropdown .chatbot-component-header-dropdown-text{font-size:12px;font-weight:400}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body{align-items:center;display:flex;height:calc(100% - 45px);justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container{display:flex;flex:1;flex-direction:column;gap:10px;justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon.rotating{animation:chatbot-rotate .7s linear}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon{align-items:center;display:flex;height:84px;justify-content:center;margin:auto;width:84px}@keyframes chatbot-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-container .chatbot-component-body-icon{height:54px;width:54px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title{color:#1f2b4d;font-size:26px;font-weight:600}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title .chatbot-component-body-text-username{background:linear-gradient(82deg,#ec7550 10.92%,#a0508f 81.37%);-webkit-background-clip:text;font-weight:700;-webkit-text-fill-color:#0000;background-clip:text;color:#0000;line-height:47px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-title .chatbot-component-body-text-username img{height:20px;margin-left:6px;margin-top:-2px;vertical-align:middle;width:20px}.chatbot-modal-wrapper .chatbot-component-right-side .chatbot-component-body .chatbot-component-body-text .chatbot-component-body-text-description{color:#7a8294;font-size:16px;font-weight:500;margin-bottom:15px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header{align-items:center;display:flex;justify-content:space-between}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .left_logo_arrow_container{align-items:center;display:flex;gap:5px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .left_logo_arrow_container .conversation_chatbot_logo_container img{height:18px;width:18px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .left_logo_arrow_container .conversation_chatbot_logo_container .left_logo_arrow_container{align-items:center;display:flex;gap:5px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container{background:linear-gradient(91deg,#f8f8ff 54.01%,#ffe4e400 107.24%);border:1px solid #b3bdf8;border-radius:37px;display:flex;height:30px;width:calc(100% - 136px)}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container: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}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul{box-sizing:border-box;display:flex;gap:2px;padding-left:15px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li{align-items:center;border-radius:4px 4px 0 0;color:#1f2b4d;cursor:pointer;display:flex;font-size:12px;gap:4px;height:25px;margin-top:4px;padding:4px 12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li: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}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li .close_thread img{height:8px;width:8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .center_options_container .left_tabs_container ul li.active{background:#fff;border:1px solid #b3bdf8;border-bottom:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-screen-container-header .right_close_save_icon_container{display:flex;gap:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container.show-suggestion-banner{bottom:155px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container{bottom:110px;box-sizing:border-box;left:0;overflow:auto;padding:8px 32px;position:absolute;right:0;scrollbar-width:none;top:56px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .time_stamp_badge_chat_container{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .time_stamp_badge_chat_container .time_stamp_badge_chat{align-items:center;background:linear-gradient(90deg,#f5f5f5 6%,#f5f5f500 120%);border:1px solid #d9dde7;border-radius:23px;box-sizing:border-box;color:#60697d;display:flex;font-size:12px;font-weight:500;height:23px;max-width:100%;padding:2px 8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container{align-items:flex-end;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;margin-bottom:35px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message{background:linear-gradient(91deg,#dfe7ff66 .67%,#e4d8ff52,#ffcbcc45 111.65%);border-radius:12px;max-width:550px;padding:16px 16px 8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message .user_chat_message_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:18px;word-wrap:break-word}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .user_chat_messages_container .user_chat_message .time_chat{color:#60697d;font-size:12px;font-weight:500;margin-top:4px;text-align:right}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container{display:flex;margin-bottom:35px;width:100%}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .chat_logo_circle{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/chat-icon-circle.svg) no-repeat 50%;height:25px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .chat_logo_circle_empty{height:25px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages{align-items:center;animation:none;background:#0000;border:none;display:flex;gap:4px;height:25px;justify-content:center;margin-left:12px;width:25px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot{animation:loading-dot-bounce-vertical 1.2s infinite;background:#1f2b4d;border-radius:50%;height:6px;opacity:1;transform:translateY(0);width:6px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:first-child{animation-delay:0s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:nth-child(2){animation-delay:.2s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .loading_messages .dot:nth-child(3){animation-delay:.4s}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container{margin-left:12px;width:80%;word-wrap:break-word}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container{color:#7a8294;display:inline-flex;font-size:12px;margin-bottom:10px;padding-right:13px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container: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}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_with_dropdown_container:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container{background:#fff;border-radius:12px;box-shadow:0 0 4px #7c5cb1;padding:16px 16px 8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container.questions-container{background:#0000;box-shadow:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_text_container{color:#1f2b4d;font-size:14px;line-height:18px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container{display:flex;flex-direction:column;gap:8px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container .datePicker-input-container,.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .assistant_form_container .dateRangePicker-container{width:100%}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_main_container .time_chat{color:#60697d;font-size:12px;font-weight:500;margin-top:4px;text-align:right}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .questions-container{background:#0000}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container{align-items:center;display:flex;gap:8px;margin-top:12px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons{background:#0000;border:none;border-radius:4px;cursor:pointer}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons: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}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .asst_feedback_buttons:focus:not(:focus-visible){box-shadow:none;outline:none}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action{display:flex;gap:4px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .good_feedback{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up.svg) no-repeat;background-size:cover;height:20px;transition:background-image .2s;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .animatingLike{animation:rotateUpDown 1s forwards}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .animatingDislike{animation:rotateDownUp 1s forwards}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .liked{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-filled.svg) no-repeat;background-size:cover}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .bad_feedback{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down.svg) no-repeat;background-size:cover;height:20px;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .disliked{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-filled.svg) no-repeat;background-size:cover}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .left_icon_container_action .speaker{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/speaker.svg) no-repeat;background-size:cover;height:20px;width:20px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .button_url_container{border-left:1px solid #d9dde7;padding-left:10px}.chatbot-modal-wrapper .conversation-screen-container .conversation-body-container .assistant_chat_messages_container .response_main_container .assistant_actions_container .button_url_container .asst_feedback_buttons{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/add-thread.svg) no-repeat;color:#60697d;padding-left:24px}@keyframes loading-dot-bounce-vertical{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.chatbot-modal-wrapper .chatbot-component-footer{align-items:center;bottom:10px;display:flex;justify-content:center;left:calc(50% - 259px);position:absolute;right:calc(50% - 259px)}.chatbot-modal-wrapper .chatbot-component-footer .chatbot-component-footer-text,.chatbot-modal-wrapper .chatbot-component-footer .chatbot-component-footer-text-link{color:#7a8294;font-size:12px;font-weight:500}.chatbot-modal-wrapper .chatbot-component-container .chatbot-component-left-side .chatbot-component-menu-container .chatbot-component-menu-container-icon .chatbot-component-menu-list li:first-child:hover{background:#0000}.dis_none{display:none!important}.bold{font-weight:700}.green_text{color:#108431}.red_text{color:#ec4c5c}.resizer{cursor:col-resize;height:100%;left:0;position:absolute;top:0;width:5px;z-index:10}.no-select{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.book-mark-panel-tabs-container{height:38px}.bookmark-tabs{align-items:center;display:flex;height:100%;justify-content:space-around;position:relative}.bookmark-tabs:after{background:#b3bdf8;bottom:0;content:" ";height:1px;left:-16px;position:absolute;right:-16px}.bookmark-tab{color:#60697d;cursor:pointer;font-size:16px;font-weight:500;position:relative;transition:color .2s}.bookmark-tab.active:after{background:#4259ee;bottom:-10px;content:"";height:2px;left:-25px;position:absolute;right:-25px}.bookmark-panel-body{align-items:center;background:#0000;display:flex;gap:8px;padding:8px 0}.drag-handle{color:#b3b3b3;cursor:grab;font-size:22px;-webkit-user-select:none;user-select:none}.bookmark-question-text{color:#31416e;font-size:16px;font-weight:500;line-height:1.2}.bookmark-menu{color:#b3b3b3;cursor:pointer;font-size:26px;margin-left:16px}@keyframes rotateUpDown{0%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up.svg);transform:rotate(0)}20%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-blue.svg);transform:rotate(-15deg)}80%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-blue.svg);transform:rotate(0)}to{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-up-filled.svg);transform:rotate(0)}}@keyframes rotateDownUp{0%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down.svg);transform:rotate(0)}20%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-blue.svg);transform:rotate(15deg)}80%{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-blue.svg);transform:rotate(0)}to{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/thumbs-down-filled.svg);transform:rotate(0)}}.conversation-footer-container{box-sizing:border-box;height:64px;padding:8px 23px 0}.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #d9dde7}.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset,.conversation-footer-container .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border:1px solid #b3bdf8}.conversation-footer-container .css-1eow9i0-MuiInputBase-root-MuiOutlinedInput-root{font-size:14px;padding:12px}.suggestion-banner{align-items:center;background:linear-gradient(90deg,#eceefd,#f5ecfd);border-radius:8px;box-shadow:0 0 16px 2px #0000000f;color:#425690;display:flex;gap:8px;height:32px;justify-content:space-between;overflow:hidden;padding-inline:8px;position:relative}.suggestion-banner img{height:20px;width:20px}.suggestion-banner .suggestion-banner-content{align-items:center;display:flex;gap:5px}.suggestion-banner .suggestion-banner-text{font-size:14px;font-weight:400;line-height:21px}.suggestion-banner:before{background:linear-gradient(90deg,#b3bdf8,#d6cbe633);border-radius:9px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:0}.stop-icon-button .ia-btn-icon{height:auto;margin-bottom:0;width:auto}.chat-input-box{border-radius:12px;bottom:30px;display:flex;flex-direction:column;gap:6px;position:absolute;width:90%!important}.chat-input-box.new-chat-screen{bottom:0;position:relative;width:100%!important}.chat-input-box.custom-screen{bottom:15px;width:95%!important}.chat-input-container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-shadow:0 0 12px 8px #0000000f;padding:12px;position:relative;width:100%}.chat-input-container:focus-within,.chat-input-container:hover{border:1px solid #b3bdf8}.chat-input-wrapper{align-items:flex-end;display:flex;max-height:182px;transition:all .2s ease-in-out;width:100%}.chat-input-wrapper.stacked{align-items:stretch;flex-direction:column}.chat-input-wrapper.empty{align-items:flex-end;flex-direction:row}.chat-input-wrapper.single-line-textarea{align-items:center}.chat-textarea{background:#0000;border:none;color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:160%;max-height:142px;outline:none;overflow-y:hidden;padding:0;resize:none}.chat-textarea::placeholder{color:#b4bac7}.chat-textarea{transition:all .2s ease-in-out}.chat-textarea.scrollable{overflow-y:auto}.chat-actions{align-items:flex-end;display:flex;gap:12px;height:32px;justify-content:flex-end}.chat-actions.fixed{height:36px}.chat-actions.not-fixed{height:32px}.history-panel-container{border:1px solid #000;border-radius:8px;display:flex;flex:1;flex-direction:column;gap:12px;margin:12px 12px 12px 0;min-width:0;padding:12px}.history-panel-header{align-items:center;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding-bottom:8px}.history-panel-header span{font-weight:600}.history-panel-header img{cursor:pointer;height:16px;width:16px}.history-panel-header img: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}.history-panel-header img:focus:not(:focus-visible){box-shadow:none;outline:none}.history-panel-search input{background:#fff;border:1px solid #d9dde7;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;outline:none;padding:8px 10px;width:100%}.history-panel-search input::placeholder{color:#b4bac7}.history-panel-search input:focus{border:1px solid #b3bdf8}.history-panel-groups{display:flex;flex-direction:column;gap:8px;height:100%;overflow:auto}.history-pinned-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 8px;padding:0}.history-pinned-item{background:#6366f114;border-color:#b3bdf8}.history-group{display:flex;flex-direction:column;gap:6px}.history-group-header{align-items:center;background:#0000;border:none;border-radius:6px;color:#1f2b4d;cursor:pointer;display:flex;gap:6px;padding:6px 2px;text-align:left}.history-group-header: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}.history-group-header:focus:not(:focus-visible){box-shadow:none;outline:none}.history-group-header .chevron{display:inline-block;width:12px}.history-group-header .group-title{font-weight:600}.history-group-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.history-item{align-items:center;background:#fff;border:1px solid #d9dde7;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;position:relative}.history-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}.history-item:focus:not(:focus-visible){box-shadow:none;outline:none}.history-item:hover{border-color:#b3bdf8}.history-item.active{border:2px solid #b3bdf8}.history-item-row{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.item-menu-trigger{background:#0000;border:none;border-radius:6px;cursor:pointer;line-height:1;opacity:0;padding:2px 6px;transition:opacity .15s ease-in-out,background .15s ease-in-out}.item-menu-trigger: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}.item-menu-trigger:focus:not(:focus-visible){box-shadow:none;outline:none}.item-menu-trigger:hover{background:#f3f4f6}.history-item:hover .item-menu-trigger{opacity:1}.item-menu-trigger:focus-visible{opacity:1}.item-menu-trigger.always-visible{opacity:1}.history-item-menu{background:#fff;border:1px solid #d9dde7;border-radius:10px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:6px;min-width:180px;padding:8px;position:absolute;right:8px;top:36px;z-index:5}.history-item-menu .menu-item{background:#0000;border:none;border-radius:8px;color:#1f2b4d;cursor:pointer;padding:10px;text-align:left}.history-item-menu .menu-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}.history-item-menu .menu-item:focus:not(:focus-visible){box-shadow:none;outline:none}.history-item-menu .menu-item:hover{background:#f7f7f9}.history-item-menu .menu-item.danger{color:#d12c2c}.history-item-name{color:#1f2b4d;font-size:14px;font-weight:500;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-icon{margin-right:8px}.history-empty-state{align-items:center;color:#b4bac7;display:flex;flex:1;font-size:12px;justify-content:center;padding:12px 0}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
2
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { useState, useMemo, useEffect
|
|
3
|
+
import { useState, useMemo, useEffect } from "react";
|
|
4
4
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
5
5
|
import { Tooltip } from "../Tooltip/index.js";
|
|
6
6
|
import { BookMarkPanel } from "./bookMarkPanel.js";
|
|
7
7
|
import { ChatBotFooter } from "./chatBotFooter.js";
|
|
8
8
|
import ChatBotLandingScreen from "./chatBotLandingScreen.js";
|
|
9
9
|
import { ChatbotModuleMenu } from "./chatbotModuleMenu.js";
|
|
10
|
-
import {
|
|
10
|
+
import { mandatoryTabList, menuItems } from "./constant.js";
|
|
11
11
|
import { ConversationScreen } from "./conversationScreen.js";
|
|
12
12
|
import { CustomScreen } from "./customScreen.js";
|
|
13
13
|
import { HistoryPanel } from "./historyPanel.js";
|
|
14
14
|
import { NewChatComponent } from "./newChatComponent.js";
|
|
15
15
|
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
if (typeof icon === "string") {
|
|
19
|
-
return /* @__PURE__ */ jsx("img", { alt: key, className: iconClassName, src: icon });
|
|
20
|
-
}
|
|
21
|
-
if (isValidElement(icon)) {
|
|
22
|
-
const el = icon;
|
|
23
|
-
return cloneElement(el, {
|
|
24
|
-
"aria-hidden": void 0,
|
|
25
|
-
"aria-label": key,
|
|
26
|
-
role: "img",
|
|
27
|
-
className: [el.props.className, iconClassName].filter(Boolean).join(" ") || void 0
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
return icon;
|
|
31
|
-
}
|
|
16
|
+
const BookMarkIcon = getAssetUrl("icons/bookmarkIcon.svg");
|
|
17
|
+
const NewChatIcon = getAssetUrl("icons/newChatIcon.svg");
|
|
32
18
|
function ChatBotComponent({
|
|
33
19
|
onClose,
|
|
34
20
|
userName,
|
|
@@ -126,15 +112,20 @@ function ChatBotComponent({
|
|
|
126
112
|
setInputValue(inputText);
|
|
127
113
|
}, [inputText]);
|
|
128
114
|
useEffect(() => {
|
|
115
|
+
const newChatItem = {
|
|
116
|
+
key: "newchat",
|
|
117
|
+
icon: NewChatIcon,
|
|
118
|
+
className: "chatbot-component-menu-container-icon-new-chat"
|
|
119
|
+
};
|
|
129
120
|
if (tabList && Array.isArray(tabList)) {
|
|
130
121
|
setMenuItems([
|
|
131
|
-
|
|
122
|
+
newChatItem,
|
|
132
123
|
...tabList.map((tab, idx) => {
|
|
133
124
|
var _a2, _b;
|
|
134
125
|
return {
|
|
135
126
|
...tab,
|
|
136
127
|
key: ((_a2 = tab.name) == null ? void 0 : _a2.toLowerCase()) || `tab${idx}`,
|
|
137
|
-
icon: tab.icon ||
|
|
128
|
+
icon: tab.icon || BookMarkIcon,
|
|
138
129
|
className: `chatbot-component-menu-container-icon-${(_b = tab.name) == null ? void 0 : _b.toLowerCase()}`,
|
|
139
130
|
label: tab.name,
|
|
140
131
|
onClick: tab.onClick
|
|
@@ -143,7 +134,7 @@ function ChatBotComponent({
|
|
|
143
134
|
...showHistoryPanel ? mandatoryTabList : []
|
|
144
135
|
]);
|
|
145
136
|
} else {
|
|
146
|
-
setMenuItems([
|
|
137
|
+
setMenuItems([newChatItem, ...menuItems]);
|
|
147
138
|
}
|
|
148
139
|
}, [tabList, showHistoryPanel]);
|
|
149
140
|
useEffect(() => {
|
|
@@ -276,7 +267,7 @@ function ChatBotComponent({
|
|
|
276
267
|
handleMenuClick(item);
|
|
277
268
|
}
|
|
278
269
|
},
|
|
279
|
-
children:
|
|
270
|
+
children: typeof item.icon === "string" ? /* @__PURE__ */ jsx("img", { alt: item.key, className: item.iconClassName, src: item.icon }) : item.icon
|
|
280
271
|
}
|
|
281
272
|
)
|
|
282
273
|
},
|
|
@@ -302,7 +293,7 @@ function ChatBotComponent({
|
|
|
302
293
|
(_a2 = item.onClick) == null ? void 0 : _a2.call(item);
|
|
303
294
|
}
|
|
304
295
|
},
|
|
305
|
-
children:
|
|
296
|
+
children: typeof item.icon === "string" ? /* @__PURE__ */ jsx("img", { alt: item.key, src: item.icon }) : item.icon
|
|
306
297
|
}
|
|
307
298
|
)
|
|
308
299
|
},
|
|
@@ -3,7 +3,7 @@ import { useState, useEffect } from "react";
|
|
|
3
3
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
4
4
|
import ChatInput from "./chatInput.js";
|
|
5
5
|
const SmartBotIcon = getAssetUrl("icons/smartBotAlan.svg");
|
|
6
|
-
const SunIcon = getAssetUrl("icons/sun.
|
|
6
|
+
const SunIcon = getAssetUrl("icons/sun.png");
|
|
7
7
|
const getGreeting = () => {
|
|
8
8
|
const hour = (/* @__PURE__ */ new Date()).getHours();
|
|
9
9
|
if (hour >= 5 && hour < 12) return "Good Morning";
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { createContext, useContext, useState, useRef, useEffect, useCallback, useMemo } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
4
4
|
import { Menu } from "../Menu/index.js";
|
|
5
5
|
import { Prompt } from "../Prompt/index.js";
|
|
6
|
+
const EditIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/edit-black.svg"), ...props });
|
|
7
|
+
const DeleteIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/delete-black.svg"), ...props });
|
|
8
|
+
const UnreadIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/Comment.svg"), ...props });
|
|
9
|
+
const ReadIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/CheckTickAll.svg"), ...props });
|
|
6
10
|
const CommentsContext = createContext(null);
|
|
7
11
|
function CommentsProvider({ commentProps, children }) {
|
|
8
12
|
const [comments, setComments] = useState((commentProps == null ? void 0 : commentProps.comments) || {});
|
|
@@ -134,13 +138,13 @@ function CommentsProvider({ commentProps, children }) {
|
|
|
134
138
|
setSelectedComment(null);
|
|
135
139
|
},
|
|
136
140
|
value: "mark-as-unread",
|
|
137
|
-
icon: isRead ? /* @__PURE__ */ jsx(
|
|
141
|
+
icon: isRead ? /* @__PURE__ */ jsx(UnreadIcon, {}) : /* @__PURE__ */ jsx(ReadIcon, {})
|
|
138
142
|
});
|
|
139
143
|
}
|
|
140
144
|
if (!config.disableDeleteThread && author == (commentProps == null ? void 0 : commentProps.author)) {
|
|
141
145
|
options.push({
|
|
142
146
|
label: "Delete Thread",
|
|
143
|
-
icon: /* @__PURE__ */ jsx(
|
|
147
|
+
icon: /* @__PURE__ */ jsx(DeleteIcon, {}),
|
|
144
148
|
onClick: () => {
|
|
145
149
|
setThreadToDelete({
|
|
146
150
|
cellId: selectedComment == null ? void 0 : selectedComment.id,
|
|
@@ -159,7 +163,7 @@ function CommentsProvider({ commentProps, children }) {
|
|
|
159
163
|
if (!config.disableEditComment) {
|
|
160
164
|
options.push({
|
|
161
165
|
label: "Edit",
|
|
162
|
-
icon: /* @__PURE__ */ jsx(
|
|
166
|
+
icon: /* @__PURE__ */ jsx(EditIcon, {}),
|
|
163
167
|
onClick: () => {
|
|
164
168
|
if (selectedComment) {
|
|
165
169
|
setEditingComment(selectedComment);
|
|
@@ -173,7 +177,7 @@ function CommentsProvider({ commentProps, children }) {
|
|
|
173
177
|
if (!config.disableDeleteComment) {
|
|
174
178
|
options.push({
|
|
175
179
|
label: "Delete",
|
|
176
|
-
icon: /* @__PURE__ */ jsx(
|
|
180
|
+
icon: /* @__PURE__ */ jsx(DeleteIcon, {}),
|
|
177
181
|
onClick: () => {
|
|
178
182
|
setCommentToDelete({
|
|
179
183
|
cellId: popup == null ? void 0 : popup.cellId,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommentsPanel.impl.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/CommentsPanel.impl.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CommentsPanel.impl.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/CommentsPanel.impl.tsx"],"names":[],"mappings":"AAaA,OAAO,6BAA6B,CAAC;AA2BrC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE;;;;;CAAA,kDAyZtF"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
!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}.comment-panel-main-container{background-color:#fff;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;opacity:0;overflow:hidden;transition:all .2s ease-in-out;visibility:hidden;width:0}.comment-panel-main-container .comment-panel-header{align-items:center;background-color:#eceefd;display:flex;justify-content:space-between;padding:12px 16px}.comment-panel-main-container .comment-panel-header h2{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;margin:0}.comment-panel-main-container .comment-panel-header .close_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;cursor:pointer;height:12px;width:12px}.comment-panel-main-container .comment-panel-header .close_icon:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;color:#3649c6}.comment-panel-main-container .comment-panel-body{bottom:0;left:0;padding-top:8px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-search-panel{align-items:center;display:flex;justify-content:space-between;padding:0 12px}.comment-panel-main-container .comment-panel-search-panel .left-input-icon{padding-top:2px}.comment-panel-main-container .comment-panel-search-panel .ia-styles.ia-btn.ia-btn-small{padding:14px!important}.comment-panel-main-container .comment-panel-search-panel .impact_inputbox_container_with_icons{width:279px}.comment-panel-main-container .comment-panel-content{bottom:0;display:flex;flex-direction:column;gap:0;left:0;line-height:20px;overflow:auto;padding:8px 12px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-item{background-color:initial;cursor:pointer;padding:16px;position:relative}.comment-panel-main-container .comment-panel-item:not(:last-child){margin-bottom:16px}.comment-panel-main-container .comment-panel-item:not(:last-child):after{background:#d9dde7;bottom:-8px;content:"";height:1px;left:16px;position:absolute;right:16px}.comment-panel-main-container .comment-panel-item.active{background-color:#eceefd;border-radius:16px}.comment-panel-main-container .comment-panel-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-left{align-items:flex-start;display:flex;gap:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info{display:flex;flex-direction:column;gap:2px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:first-child{color:#31416e;font-size:14px;font-weight:600;line-height:21px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:last-child{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right{align-items:baseline;display:flex}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-icon{padding:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-button{background-color:initial;padding:8px}.comment-panel-main-container .comment-panel-item-content{color:#1f2b4d;display:-webkit-box;font-size:14px;font-weight:500;line-clamp:3;-webkit-line-clamp:3;line-height:20px;-webkit-box-orient:vertical;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.comment-panel-main-container .comment-panel-item-footer{background:none;border:none;color:#4259ee;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;padding:0;text-align:left}.comment-panel-main-container .comment-panel-item-footer-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px;width:100%}.comment-panel-main-container .comment-panel-item-footer-link{color:#4259ee}.comment-panel-main-container .comment-panel-item-footer-muted{color:#7a8294;cursor:default}.comment-panel-main-container .impact_emptystate{border:none;border-radius:0;bottom:0;left:0;margin:0;min-height:auto;padding:0;position:absolute;right:0;top:2px;width:auto}.comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:inherit;width:285px}.comment-panel-main-container.display-comment-panel{border-radius:8px;gap:8px;min-height:480px;opacity:1;padding:0;visibility:visible;width:355px;z-index:999}.comment-panel-main-container.display-comment-panel .comment-panel-header{border-bottom:none}.comment-panel-main-container.display-comment-panel .comment-panel-header .close_icon{padding:0}.header-comments-dropdown{border-radius:8px;box-shadow:0 4px 16px #00000029;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;min-height:300px;position:relative;top:auto}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useMemo, useEffect } from "react";
|
|
4
|
-
import { Search as Search_default, MaterialSymbolsSort as MaterialSymbolsSort_default, MoreHorizontal as MoreHorizontal_default, SuccessFill as SuccessFill_default, SuccessGray as SuccessGray_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
|
|
5
4
|
import moment from "moment";
|
|
6
5
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
7
6
|
import { getUserAvatarColor } from "../../utils/avatarColor.js";
|
|
@@ -14,7 +13,12 @@ import { Input } from "../Input/index.js";
|
|
|
14
13
|
import { Menu } from "../Menu/index.js";
|
|
15
14
|
import { useComments } from "./CommentsContext.js";
|
|
16
15
|
|
|
16
|
+
const MenuIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/MoreHorizontal.svg"), ...props });
|
|
17
|
+
const SuccessIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/success-gray.svg"), ...props });
|
|
18
|
+
const SuccessFillIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/success-fill.svg"), ...props });
|
|
19
|
+
const SortIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/material-symbols_sort.svg"), ...props });
|
|
17
20
|
const EmptyStateIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/commentEmptyStateIcon.svg"), ...props });
|
|
21
|
+
const SearchIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/search.svg"), ...props });
|
|
18
22
|
const NoFilterResultsIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/no-filter-results.svg"), ...props });
|
|
19
23
|
const COMMENT_SEARCH_OPTIONS = [
|
|
20
24
|
{ label: "Sort by date", value: "opt1" },
|
|
@@ -190,7 +194,7 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
|
|
|
190
194
|
/* @__PURE__ */ jsx(
|
|
191
195
|
Input,
|
|
192
196
|
{
|
|
193
|
-
leftIcon: /* @__PURE__ */ jsx(
|
|
197
|
+
leftIcon: /* @__PURE__ */ jsx(SearchIcon, {}),
|
|
194
198
|
placeholder: "Search comments",
|
|
195
199
|
type: "text",
|
|
196
200
|
value: searchTerm,
|
|
@@ -204,7 +208,7 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
|
|
|
204
208
|
{
|
|
205
209
|
className: "sortIcon",
|
|
206
210
|
disabled: false,
|
|
207
|
-
icon: /* @__PURE__ */ jsx(
|
|
211
|
+
icon: /* @__PURE__ */ jsx(SortIcon, { fontSize: "small" }),
|
|
208
212
|
iconPlacement: "left",
|
|
209
213
|
size: "small",
|
|
210
214
|
type: "default",
|
|
@@ -307,7 +311,7 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
|
|
|
307
311
|
{
|
|
308
312
|
className: "comment-panel-action-button",
|
|
309
313
|
disabled: false,
|
|
310
|
-
icon: /* @__PURE__ */ jsx(
|
|
314
|
+
icon: /* @__PURE__ */ jsx(MenuIcon, { fontSize: "small" }),
|
|
311
315
|
iconPlacement: "left",
|
|
312
316
|
size: "small",
|
|
313
317
|
type: "text",
|
|
@@ -325,7 +329,7 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
|
|
|
325
329
|
e.stopPropagation();
|
|
326
330
|
if (handleUnresolve) handleUnresolve(key);
|
|
327
331
|
},
|
|
328
|
-
children: /* @__PURE__ */ jsx(
|
|
332
|
+
children: /* @__PURE__ */ jsx(SuccessFillIcon, { fontSize: "small" })
|
|
329
333
|
}
|
|
330
334
|
) : /* @__PURE__ */ jsx(
|
|
331
335
|
"div",
|
|
@@ -335,7 +339,7 @@ function CommentsPanel({ className, style, onClose, visibleSortOptions }) {
|
|
|
335
339
|
e.stopPropagation();
|
|
336
340
|
if (handleMarkAsResolved) handleMarkAsResolved(key, value);
|
|
337
341
|
},
|
|
338
|
-
children: /* @__PURE__ */ jsx(
|
|
342
|
+
children: /* @__PURE__ */ jsx(SuccessIcon, { fontSize: "small" })
|
|
339
343
|
}
|
|
340
344
|
) })
|
|
341
345
|
] })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppliedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/AppliedFilters.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,2DAA2D;AAE3D,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,gBAAgB,EAAE,qBAAqB,EAAE,CAAC;IAC1C,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,GACzB,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"AppliedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/AppliedFilters.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,2DAA2D;AAE3D,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,gBAAgB,EAAE,qBAAqB,EAAE,CAAC;IAC1C,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,GACzB,EAAE,mBAAmB,2CA8JrB;yBA9Ke,cAAc"}
|
|
@@ -27,15 +27,14 @@ function AppliedFilters({
|
|
|
27
27
|
setSavedLists(savedFilterLists);
|
|
28
28
|
}, [savedFilterLists]);
|
|
29
29
|
const handleSearch = (event) => {
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
const value = event.target.value;
|
|
31
|
+
setSearchInput(value);
|
|
32
|
+
const searchTerm = value.trim().toUpperCase();
|
|
32
33
|
const searchTerms = searchTerm.split(/\s+/).filter(Boolean);
|
|
33
34
|
if (searchTerms.length > 0) {
|
|
34
|
-
const searchResults = savedFilterLists.filter(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return searchTerms.every((term) => label.includes(term));
|
|
38
|
-
});
|
|
35
|
+
const searchResults = savedFilterLists.filter(
|
|
36
|
+
(option) => searchTerms.every((term) => new RegExp(term, "i").test(option.label))
|
|
37
|
+
);
|
|
39
38
|
setSavedLists([...searchResults]);
|
|
40
39
|
} else {
|
|
41
40
|
setSavedLists(savedFilterLists);
|
|
@@ -7,9 +7,9 @@ import CommentsPanel from "../CommentsPanel/index.js";
|
|
|
7
7
|
import { CommentsProvider } from "../CommentsPanel/CommentsContext.js";
|
|
8
8
|
import { Menu } from "../Menu/index.js";
|
|
9
9
|
|
|
10
|
-
const ImpactLogoHD2 = getAssetUrl("icons/IA_Logo.svg");
|
|
11
10
|
const NotificationIcon = getAssetUrl("icons/bell.svg");
|
|
12
11
|
const HelpIcon = getAssetUrl("icons/help-icon.svg");
|
|
12
|
+
const ImpactLogoHD2 = getAssetUrl("icons/IA_Logo.svg");
|
|
13
13
|
const KeyboardShortcutsIcon = getAssetUrl("icons/keyboardShortuctIcon.svg");
|
|
14
14
|
const MessageIconDisabled = getAssetUrl("icons/message-icon-disabled.svg");
|
|
15
15
|
const MessageIcon = getAssetUrl("icons/message-icon.svg");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShortcutLandingPage.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/ShortcutLandingPage.tsx"],"names":[],"mappings":"AASA,OAAO,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"ShortcutLandingPage.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/ShortcutLandingPage.tsx"],"names":[],"mappings":"AASA,OAAO,iCAAiC,CAAC;AAiCzC,eAAO,MAAM,mBAAmB,GAAI;;;;CAInC,4CAwBA,CAAC"}
|