impact-chatbot 2.0.0

package/dist/hooks/useChatFlow.d.ts

@@ -0,0 +1,16 @@
+export declare const useChatFlow: (chatDataRef: any, setLoader: any, setFlowType: any, setScreenName: any, setUserInput: any, setQuestionIndex: any, setCurrentAppLink: any, flowType: any, screenName: any, questionIndex: any, userInput: any, dateFormat: any, currentMode: any, activeConversationId: any, setIsModuleChanged: any, chatBodyRef: any, filterReducerState: any, dispatch: any, navigate: any, setShowChatPlaceholder: any, baseUrl: any, setChatDataState: any, setCurrentSessionId: any, customChatConfig: any, chatDataInfoRef: any, chatbotContext: any, setInitValue: any, setSessionId: any, thinkingContent: any, setThinkingContent: any, isThinking: any, setIsThinking: any, chatId: any, setChatId: any, isStop: any, setIsStop: any, functionsRef: any, functionsState: any, setFunctionsState: any, thinkingHeaderMessage: any, setThinkingHeaderMessage: any, uniqueChatId: any, initValue: any, sessionId: any, fieldNumber: any, setFieldNumber: any) => {
+    setUserFlow: (data: any) => Promise<void>;
+    setUserScreenAndFlow: (data: any) => void;
+    fetchUserResultsFromQuery: (refObject: any, fetchQuestions?: boolean, inputValue?: any) => Promise<void>;
+    getCurrentDateTimeString: () => any;
+    setScreens: (screens: any, headerTitle: any, timeString: any, mode: any) => {
+        timeStamp: any;
+        userType: string;
+        userName: string;
+        headerTitle: any;
+        bodyType: string;
+        bodyText: any;
+    };
+    setLink: (screenNameInfo: any) => void;
+    updateTheFilterConfigurationAndApply: (data: any) => void;
+};

package/dist/hooks/useChatSession.d.ts

@@ -0,0 +1,8 @@
+export declare const useChatSession: (chatDataRef: any, setFlowType: any, setScreenName: any, setUserInput: any, setTemplateData: any, chatDataScreenLinkRef: any, setShowModal: any, setMinimizedMode: any, setSelectedModule: any, setChatDataState: any, currentMode: any, setUserFlow: any, getCurrentDateTimeString: any, setCurrentAppLink: any, selectedModule: any, fetchUserResultsFromQuery: any, closeBot: any, activeConversationId: any, setActiveConversationId: any, setShowChatPlaceholder: any) => {
+    parseSavedFlow: (savedChatSession: any) => void;
+    saveCurrentChanges: (moduleSelected?: {}) => void;
+    endCurrentSession: () => void;
+    clearChatSession: () => void;
+    initiateNewChat: (mode: any) => void;
+    hasUnsavedChanges: () => boolean;
+};

package/dist/hooks/useChatState.d.ts

@@ -0,0 +1,134 @@
+export declare const useChatState: () => {
+    showModal: boolean;
+    setShowModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    minimizedMode: boolean;
+    setMinimizedMode: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    userInput: string;
+    setUserInput: import("react").Dispatch<import("react").SetStateAction<string>>;
+    position: any;
+    setPosition: import("react").Dispatch<any>;
+    flowType: any;
+    setFlowType: import("react").Dispatch<any>;
+    screenName: string;
+    setScreenName: import("react").Dispatch<import("react").SetStateAction<string>>;
+    questionIndex: number;
+    setQuestionIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    currentAppLink: string;
+    setCurrentAppLink: import("react").Dispatch<import("react").SetStateAction<string>>;
+    loader: boolean;
+    setLoader: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    enableRefreshAction: boolean;
+    setEnableRefreshAction: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    refreshLoader: boolean;
+    setRefreshLoader: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    chatDataState: {};
+    setChatDataState: import("react").Dispatch<import("react").SetStateAction<{}>>;
+    showExtendedContent: boolean;
+    setShowExtendedContent: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    currentMode: string;
+    setCurrentMode: import("react").Dispatch<import("react").SetStateAction<string>>;
+    selectedModule: {};
+    setSelectedModule: import("react").Dispatch<import("react").SetStateAction<{}>>;
+    isCardVisible: boolean;
+    setIsCardVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    templateData: any[];
+    setTemplateData: import("react").Dispatch<import("react").SetStateAction<any[]>>;
+    showAlert: boolean;
+    setShowAlert: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    activeConversationId: any;
+    setActiveConversationId: import("react").Dispatch<any>;
+    showChatPlaceholder: boolean;
+    setShowChatPlaceholder: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    currentAgentId: string;
+    setCurrentAgentId: import("react").Dispatch<import("react").SetStateAction<string>>;
+    baseUrl: string;
+    setBaseUrl: import("react").Dispatch<import("react").SetStateAction<string>>;
+    currentSessionId: string;
+    setCurrentSessionId: import("react").Dispatch<import("react").SetStateAction<string>>;
+    notificationData: any;
+    agentTaskCompleted: boolean;
+    setAgentTaskCompleted: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    customChatConfig: any;
+    setCustomChatConfig: import("react").Dispatch<any>;
+    isModuleChanged: boolean;
+    setIsModuleChanged: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    filterReducerState: any;
+    initValue: boolean;
+    setInitValue: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    sessionId: string;
+    setSessionId: import("react").Dispatch<import("react").SetStateAction<string>>;
+    thinkingContent: string;
+    setThinkingContent: import("react").Dispatch<import("react").SetStateAction<string>>;
+    isThinking: boolean;
+    setIsThinking: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    chatId: string;
+    setChatId: import("react").Dispatch<import("react").SetStateAction<string>>;
+    isStop: boolean;
+    setIsStop: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    functionsState: {};
+    setFunctionsState: import("react").Dispatch<import("react").SetStateAction<{}>>;
+    thinkingHeaderMessage: string;
+    setThinkingHeaderMessage: import("react").Dispatch<import("react").SetStateAction<string>>;
+    legacyAgentScreen: boolean;
+    setLegacyAgentScreen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    uniqueChatId: string;
+    setUniqueChatId: import("react").Dispatch<import("react").SetStateAction<string>>;
+    fieldNumber: number;
+    setFieldNumber: import("react").Dispatch<import("react").SetStateAction<number>>;
+    thinkingContext: any;
+    isModalOpen: boolean;
+    setIsModalOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    utilityList: {
+        key: string;
+        onClick: () => void;
+        icon: import("react/jsx-runtime").JSX.Element;
+    }[];
+    setUtilityList: import("react").Dispatch<import("react").SetStateAction<{
+        key: string;
+        onClick: () => void;
+        icon: import("react/jsx-runtime").JSX.Element;
+    }[]>>;
+    isUploadModalOpen: boolean;
+    setIsUploadModalOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isRefreshTriggered: boolean;
+    setIsRefreshTriggered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    grabPositionRef: import("react").MutableRefObject<any>;
+    chatDataRef: import("react").MutableRefObject<{
+        insights: {
+            conversations: {};
+        };
+        navigation: {
+            conversations: {};
+        };
+        agent: any[];
+    }>;
+    chatBodyRef: import("react").MutableRefObject<{}>;
+    isDraggingRef: import("react").MutableRefObject<any>;
+    minimizedBtnRef: import("react").MutableRefObject<any>;
+    chatDataScreenLinkRef: import("react").MutableRefObject<{
+        insights: {
+            screenName: string;
+            currentAppLink: string;
+        };
+        navigation: {
+            screenName: string;
+            currentAppLink: string;
+        };
+        agent: {
+            screenName: string;
+            currentAppLink: string;
+        };
+    }>;
+    chatDataInfoRef: import("react").MutableRefObject<{
+        insights: {};
+        navigation: {};
+        agent: {};
+    }>;
+    functionsRef: import("react").MutableRefObject<{}>;
+    navigate: any;
+    location: any;
+    dispatch: any;
+    globalClasses: any;
+    classes: any;
+    dateFormat: string;
+};

package/dist/hooks/useConversationManagement.d.ts

@@ -0,0 +1,10 @@
+export declare const useConversationManagement: (chatDataRef: any, currentMode: any, activeConversationId: any, setActiveConversationId: any, setChatDataState: any, selectedModule: any, setSelectedModule: any, isModuleChanged: any, setIsModuleChanged: any, setActiveChatId?: () => void, saveCurrentChanges?: () => void) => {
+    loading: boolean;
+    error: any;
+    fetchConversations: (activeChatId?: any) => Promise<void>;
+    fetchConversationChats: (conversationId: any) => Promise<void>;
+    createNewConversation: (name: any) => Promise<void>;
+    renameConversation: (conversationId: any, newName: any) => Promise<boolean>;
+    deleteConversation: (conversationId: any) => Promise<boolean>;
+    saveCurrentChat: () => Promise<boolean>;
+};

package/dist/hooks/useDragAndDrop.d.ts

@@ -0,0 +1,6 @@
+export declare const useDragAndDrop: (minimizedBtnRef: any, setPosition: any) => {
+    handleMouseDown: (e: any) => void;
+    handleMouseMove: (e: any) => void;
+    handleMouseUp: () => void;
+    isDraggingRef: import("react").MutableRefObject<any>;
+};

package/dist/impact-ui-components/ConfirmationDialog/index.d.ts

@@ -0,0 +1,24 @@
+import PropTypes from "prop-types";
+declare const ConfirmationDialog: {
+    ({ open, title, message, onConfirm, onCancel, confirmText, cancelText, type, }: {
+        open: any;
+        title?: string;
+        message?: string;
+        onConfirm: any;
+        onCancel: any;
+        confirmText?: string;
+        cancelText?: string;
+        type?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        open: PropTypes.Validator<boolean>;
+        title: PropTypes.Requireable<string>;
+        message: PropTypes.Requireable<string>;
+        onConfirm: PropTypes.Validator<(...args: any[]) => any>;
+        onCancel: PropTypes.Validator<(...args: any[]) => any>;
+        confirmText: PropTypes.Requireable<string>;
+        cancelText: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+    };
+};
+export default ConfirmationDialog;

package/dist/index.cjs.css

@@ -0,0 +1,360 @@
+/* Markdown Content Styling - Comprehensive styles for proper bullet point rendering */
+.markdown-content,
+.md-content {
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
+  overflow: visible !important;
+  /* Headings */
+}
+.markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content h5, .markdown-content h6,
+.md-content h1,
+.md-content h2,
+.md-content h3,
+.md-content h4,
+.md-content h5,
+.md-content h6 {
+  margin: 16px 0 8px 0;
+  font-weight: 600;
+  line-height: 1.3;
+  color: inherit;
+}
+.markdown-content h1,
+.md-content h1 {
+  font-size: 1.5em;
+}
+.markdown-content h2,
+.md-content h2 {
+  font-size: 1.3em;
+}
+.markdown-content h3,
+.md-content h3 {
+  font-size: 1.2em;
+}
+.markdown-content h4,
+.md-content h4 {
+  font-size: 1.1em;
+}
+.markdown-content h5,
+.md-content h5 {
+  font-size: 1.05em;
+}
+.markdown-content h6,
+.md-content h6 {
+  font-size: 1em;
+}
+.markdown-content,
+.md-content {
+  /* Paragraphs */
+}
+.markdown-content p,
+.markdown-content .markdown-paragraph,
+.md-content p,
+.md-content .markdown-paragraph {
+  margin: 8px 0;
+  line-height: 1.6;
+}
+.markdown-content,
+.md-content {
+  /* Lists - Critical styling for bullet points */
+}
+.markdown-content ul, .markdown-content ol,
+.md-content ul,
+.md-content ol {
+  margin: 12px 0 !important;
+  padding-left: 1.5rem !important;
+  line-height: 1.6 !important;
+  overflow: visible !important;
+}
+.markdown-content ul,
+.md-content ul {
+  list-style-type: disc !important;
+  list-style-position: outside !important;
+}
+.markdown-content ol,
+.md-content ol {
+  list-style-type: decimal !important;
+  list-style-position: outside !important;
+}
+.markdown-content li,
+.md-content li {
+  margin: 6px 0 !important;
+  line-height: 1.5 !important;
+  display: list-item !important;
+  list-style: inherit !important;
+}
+.markdown-content li p,
+.md-content li p {
+  margin: 4px 0;
+  display: inline;
+}
+.markdown-content li:has(> ul:only-child), .markdown-content li:has(> ol:only-child),
+.md-content li:has(> ul:only-child),
+.md-content li:has(> ol:only-child) {
+  list-style: none !important;
+}
+.markdown-content li ul, .markdown-content li ol,
+.md-content li ul,
+.md-content li ol {
+  margin: 4px 0 4px 0;
+  padding-left: 1.5rem !important;
+}
+.markdown-content,
+.md-content {
+  /* Specific styling for markdown lists */
+}
+.markdown-content .markdown-list,
+.md-content .markdown-list {
+  margin: 12px 0 !important;
+  padding-left: 1.5rem !important;
+  overflow: visible !important;
+}
+.markdown-content .markdown-list.markdown-ordered-list,
+.md-content .markdown-list.markdown-ordered-list {
+  list-style-type: decimal !important;
+  list-style-position: outside !important;
+}
+.markdown-content .markdown-list.markdown-ordered-list .markdown-list-item,
+.md-content .markdown-list.markdown-ordered-list .markdown-list-item {
+  position: relative;
+  display: list-item !important;
+  list-style: inherit !important;
+}
+.markdown-content .markdown-list.markdown-unordered-list,
+.md-content .markdown-list.markdown-unordered-list {
+  list-style-type: disc !important;
+  list-style-position: outside !important;
+}
+.markdown-content .markdown-list.markdown-unordered-list .markdown-list-item,
+.md-content .markdown-list.markdown-unordered-list .markdown-list-item {
+  position: relative;
+  display: list-item !important;
+  list-style: inherit !important;
+}
+.markdown-content .markdown-list.markdown-unordered-list .markdown-list-item::marker,
+.md-content .markdown-list.markdown-unordered-list .markdown-list-item::marker {
+  font-size: 1.1em;
+  color: currentColor;
+}
+.markdown-content .markdown-list.markdown-unordered-list .markdown-list-item:has(> .markdown-list:only-child),
+.md-content .markdown-list.markdown-unordered-list .markdown-list-item:has(> .markdown-list:only-child) {
+  list-style: none !important;
+}
+.markdown-content .markdown-list-item,
+.md-content .markdown-list-item {
+  margin: 8px 0 !important;
+  line-height: 1.6 !important;
+  display: list-item !important;
+  list-style: inherit !important;
+}
+.markdown-content .markdown-list-item > p,
+.md-content .markdown-list-item > p {
+  margin: 0;
+  display: inline;
+}
+.markdown-content .markdown-list-item br,
+.md-content .markdown-list-item br {
+  line-height: 1.8;
+}
+.markdown-content .markdown-list-item .markdown-list,
+.md-content .markdown-list-item .markdown-list {
+  margin: 4px 0 4px 0 !important;
+  padding-left: 1.5rem !important;
+}
+.markdown-content,
+.md-content {
+  /* Text formatting */
+}
+.markdown-content strong, .markdown-content b,
+.md-content strong,
+.md-content b {
+  font-weight: 600;
+  color: inherit;
+}
+.markdown-content em, .markdown-content i,
+.md-content em,
+.md-content i {
+  font-style: italic;
+}
+.markdown-content,
+.md-content {
+  /* Code */
+}
+.markdown-content code,
+.markdown-content .markdown-code,
+.md-content code,
+.md-content .markdown-code {
+  background: rgba(0, 0, 0, 0.1);
+  padding: 2px 4px;
+  border-radius: 3px;
+  font-family: "Courier New", Courier, monospace;
+  font-size: 0.9em;
+}
+.markdown-content pre,
+.markdown-content .markdown-pre,
+.md-content pre,
+.md-content .markdown-pre {
+  background: rgba(0, 0, 0, 0.1);
+  padding: 12px;
+  border-radius: 6px;
+  overflow-x: auto;
+  margin: 8px 0;
+}
+.markdown-content pre code,
+.markdown-content .markdown-pre code,
+.md-content pre code,
+.md-content .markdown-pre code {
+  background: none;
+  padding: 0;
+}
+.markdown-content,
+.md-content {
+  /* Blockquotes */
+}
+.markdown-content blockquote,
+.md-content blockquote {
+  border-left: 4px solid #646CE7;
+  margin: 8px 0;
+  padding: 4px 0 4px 12px;
+  background: rgba(100, 108, 231, 0.05);
+  font-style: italic;
+}
+.markdown-content,
+.md-content {
+  /* Links */
+}
+.markdown-content a,
+.md-content a {
+  color: #646CE7;
+  text-decoration: none;
+}
+.markdown-content a:hover,
+.md-content a:hover {
+  text-decoration: underline;
+}
+.chat-input-container {
+  width: 100%;
+  position: relative;
+  border-radius: 12px;
+  padding: 12px;
+  background: #fff;
+  border: 1px solid #d9dde7;
+  box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, 0.0588235294);
+}
+.chat-input-container:hover {
+  border: 1px solid #b3bdf8;
+}
+.chat-input-container:focus-within {
+  border: 1px solid #b3bdf8;
+}
+
+.chat-input-wrapper {
+  display: flex;
+  align-items: flex-end;
+  width: 100%;
+  max-height: 182px;
+  transition: all 0.2s ease-in-out;
+}
+
+.chat-input-wrapper.stacked {
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.chat-input-wrapper.empty {
+  flex-direction: row;
+  align-items: flex-end;
+}
+
+.chat-input-wrapper.single-line-textarea {
+  align-items: center;
+}
+
+.chat-input-editor {
+  flex: 1;
+  min-height: 22px;
+  max-height: 142px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  font-size: 14px;
+  line-height: 22.4px;
+  font-family: "Manrope", sans-serif;
+  font-weight: 400;
+  color: #1f2b4d;
+  outline: none;
+  border: none;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  -webkit-user-modify: read-write-plaintext-only;
+}
+.chat-input-editor:empty:before {
+  content: attr(data-placeholder);
+  color: #b4bac7;
+  pointer-events: none;
+  position: absolute;
+}
+.chat-input-editor:focus {
+  outline: none;
+}
+
+.chat-actions {
+  display: flex;
+  align-items: flex-end;
+  gap: 12px;
+  justify-content: flex-end;
+  height: 32px;
+}
+.chat-actions.fixed {
+  height: 36px;
+}
+.chat-actions.not-fixed {
+  height: 32px;
+}
+
+.stop-icon-button .ia-btn-icon {
+  width: auto;
+  height: auto;
+  margin-bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.mention-select-wrapper {
+  position: absolute;
+}
+
+.mention-highlight {
+  background-color: #7C5CB1;
+  color: #ffffff !important;
+  padding: 2px 6px;
+  border-radius: 6px;
+  font-weight: 500;
+  display: inline-block;
+  line-height: 18px;
+  vertical-align: middle;
+  margin: 0 2px;
+  cursor: default;
+  user-select: none;
+}
+.mention-highlight.mention-count-badge {
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 600;
+  padding: 2px 8px;
+}
+
+.mention-tooltip {
+  position: fixed;
+  background-color: #1f2b4d;
+  color: #ffffff;
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: 13px;
+  line-height: 20px;
+  z-index: 10000;
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
+  pointer-events: none;
+  white-space: nowrap;
+  font-family: "Manrope", sans-serif;
+}