@copart/ops-tool-kit 1.12.1-alpha.34 → 1.12.1-alpha.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/ops-tool-kit.js +163 -85
  2. package/dist/ops-tool-kit.js.map +1 -1
  3. package/package.json +1 -1
package/dist/ops-tool-kit.js CHANGED
@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
32
  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
33
33
 
34
34
  const name$r = "@copart/ops-tool-kit";
35
- const version$7 = "1.12.1-alpha.34";
35
+ const version$7 = "1.12.1-alpha.36";
36
36
  const main$1 = "dist/ops-tool-kit.js";
37
37
  const style = "dist/ops-tool-kit.css";
38
38
  const files = [
@@ -35811,7 +35811,22 @@ var GoHome = function GoHome(props) {
35811
35811
  }, props.reason));
35812
35812
  };
35813
35813
 
35814
- var css_248z$3 = ".utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper {\r\n position: absolute;\r\n /* right: 50px;\r\n bottom: 30px; */\r\n z-index: 9999;\r\n height: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0px;\r\n background: #1d5ab9;\r\n border-radius: 50%;\r\n width: 60px;\r\n height: 60px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 5px solid #fff;\r\n box-shadow: 0 0px 6px #c1c1c1;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n position: absolute;\r\n /* right: 0;\r\n bottom: 68px; */\r\n box-shadow: 0 0px 6px #c1c1c1;\r\n height: 600px;\r\n width: 500px;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--spinner{\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader {\r\n background: #1d5ab9;\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 15px;\r\n align-items: center;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 22px;\r\n color: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody {\r\n flex: 1;\r\n padding: 12px 36px;\r\n overflow: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatVisible {\r\n padding-top: 56px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer {\r\n padding: 8px 0;\r\n border-bottom: 1px solid #d1d1d1;\r\n display: flex;\r\n justify-content: end;\r\n align-items: center;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatVisible .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer {\r\n position: absolute;\r\n width: calc(100% - 72px);\r\n top: 57px;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messagesContainer {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 16px;\r\n gap: 16px;\r\n cursor: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatButton {\r\n display: flex;\r\n align-items: center;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n cursor: pointer;\r\n border: 1px solid #d1d1d1;\r\n border-radius: 4px;\r\n padding: 6px 12px;\r\n font-weight: 600;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message {\r\n display: flex;\r\n align-items: flex-start;\r\n grid-gap: 10px;\r\n gap: 10px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user {\r\n justify-content: flex-end;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--welcomeQuestion {\r\n margin-top: 5px;\r\n margin-left: 36px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions {\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 12px;\r\n gap: 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionWrapper {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionContainer {\r\n max-width: 95%;\r\n word-break: break-all;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestion {\r\n border: 1px solid #3261bd;\r\n border-radius: 16px;\r\n padding: 6px 8px;\r\n font-size: 14px;\r\n color: #3261bd;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon {\r\n width: 26px;\r\n border-radius: 50%;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble {\r\n background-color: #f5f5f5;\r\n border-radius: 0px 12px 12px 12px;\r\n padding: 10px 15px;\r\n max-width: 85%;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--error {\r\n border: 1px solid #f1bbbc;\r\n background: #fdf6f6;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble {\r\n background: #3261bd;\r\n color: #fff;\r\n border-radius: 12px 0px 12px 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--feedbackContainer {\r\n display: flex;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n margin-top: 10px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--feedbackContainer i {\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p {\r\n margin: 0;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p a {\r\n color: #1e54ad;\r\n text-decoration: underline;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p ol,\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p ul {\r\n padding-left: 15px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowFooter {\r\n border-top: 1px solid #d1d1d1;\r\n padding: 16px 24px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer {\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid #ddd;\r\n border-radius: 12px;\r\n padding: 10px 15px;\r\n cursor: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--disabled {\r\n background-color: #fafafa;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input {\r\n border: none;\r\n outline: none;\r\n flex-grow: 1;\r\n font-size: 14px !important;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-webkit-input-placeholder {\r\n color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-moz-placeholder {\r\n color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-ms-input-placeholder {\r\n color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::placeholder {\r\n color: #757575;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px;\r\n width: 75px;\r\n background-color: #f5f5f5;\r\n border-radius: 0px 12px 12px 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot {\r\n width: 8px;\r\n height: 8px;\r\n margin: 0 3px;\r\n background-color: #3261bd;\r\n border-radius: 50%;\r\n display: inline-block;\r\n -webkit-animation: utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce 1.2s infinite ease-in-out both;\r\n animation: utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce 1.2s infinite ease-in-out both;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot:nth-child(1) {\r\n -webkit-animation-delay: -0.32s;\r\n animation-delay: -0.32s;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot:nth-child(2) {\r\n -webkit-animation-delay: -0.16s;\r\n animation-delay: -0.16s;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce {\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0);\r\n transform: scale(0);\r\n }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce {\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0);\r\n transform: scale(0);\r\n }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n /* .mihelpAgentWrapper {\r\n right: 20px;\r\n bottom: 100px;\r\n } */\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--iphoneChrome {\r\n bottom: 125px;\r\n }\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 450px;\r\n }\r\n}\r\n\r\n@media (max-width: 475px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 400px;\r\n }\r\n}\r\n\r\n@media (max-width: 425px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 350px;\r\n }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 325px;\r\n }\r\n}\r\n\r\n@media (max-width: 350px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 300px;\r\n }\r\n}\r\n\r\n@media (max-width: 325px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 275px;\r\n }\r\n}\r\n";
35814
+ var sanitizeHtml = function sanitizeHtml(string) {
35815
+ return string.replace(/<\/?html[^>]*>/gi, '').replace(/<\/?head[^>]*>/gi, '').replace(/<body[^>]*>/gi, '').replace(/<\/body>/gi, '').replace(/<title[^>]*>[\s\S]*?<\/title>/gi, '');
35816
+ };
35817
+ var pdfTemplate = function pdfTemplate(conversations) {
35818
+ var html = '';
35819
+ conversations.filter(function (c) {
35820
+ return (c === null || c === void 0 ? void 0 : c.role) !== 'system';
35821
+ }).map(function (conversation) {
35822
+ var isUser = (conversation === null || conversation === void 0 ? void 0 : conversation.role) === 'user';
35823
+ var conversationHtml = "<div class='message ".concat(isUser ? 'user' : '', "'>\n ").concat(!isUser ? "<img\n src=\"https://g2-qa4.copart.com/assets/images/mihelpIcons/icon-sparkle.svg\"\n alt=\"User Icon\"\n class=\"agentIcon\"\n />" : '', "\n <div class=\"messageBubble\">\n <p>").concat(sanitizeHtml(conversation === null || conversation === void 0 ? void 0 : conversation.content), "</p>\n </div>\n </div>");
35824
+ html += conversationHtml;
35825
+ });
35826
+ return "<html>\n <head>\n <meta charset=\"utf-8\">\n <style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n }\n .messagesContainer {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n .message {\n page-break-inside: avoid;\n }\n .message img{\n float: left;\n }\n .message.user {\n margin-bottom: 20px;\n margin-top: 20px;\n }\n .message.welcomeQuestion {\n margin-top: 5px;\n }\n\n .messageBubble {\n background-color: #f5f5f5;\n border-radius: 0px 12px 12px 12px;\n padding: 10px 15px;\n width: 85%;\n font-size: 14px;\n line-height: 1.5;\n page-break-inside: avoid;\n margin-left: 36px;\n }\n .messageBubble.error {\n border: 1px solid #f1bbbc;\n background: #fdf6f6;\n }\n .message.user .messageBubble {\n background: #3261bd;\n color: #fff;\n border-radius: 12px 0px 12px 12px;\n }\n .messageBubble .feedbackContainer {\n display: flex;\n gap: 8px;\n margin-top: 10px;\n }\n .messageBubble .feedbackContainer i {\n cursor: pointer;\n }\n .messageBubble p {\n margin: 0;\n }\n .messageBubble p a {\n color: #1e54ad;\n text-decoration: underline;\n }\n .messageBubble p ol,\n .messageBubble p ul {\n padding-left: 15px;\n }\n </style>\n </head>\n <body>\n <div class=\"messagesContainer\">\n <div class=\"welcomeMessage\">\n <div class=\"message\">\n <img\n src=\"https://g2-qa4.copart.com/assets/images/mihelpIcons/icon-sparkle.svg\"\n alt=\"User Icon\"\n class=\"agentIcon\"\n />\n <div class=\"messageBubble\">\n <p>Hi! Welcome to MiHelp Bot.</p>\n </div>\n </div>\n\n <div class=\"message welcomeQuestion\">\n <div class=\"messageBubble\">\n <p>How can I help you today?</p>\n </div>\n </div>\n </div>\n ".concat(html, "\n </div>\n </body>\n </html>");
35827
+ };
35828
+
35829
+ var css_248z$3 = ".utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper {\r\n position: absolute;\r\n /* right: 50px;\r\n bottom: 30px; */\r\n z-index: 9999;\r\n height: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0px;\r\n background: #1d5ab9;\r\n border-radius: 50%;\r\n width: 60px;\r\n height: 60px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 5px solid #fff;\r\n box-shadow: 0 0px 6px #c1c1c1;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n position: absolute;\r\n /* right: 0;\r\n bottom: 68px; */\r\n box-shadow: 0 0px 6px #c1c1c1;\r\n height: 600px;\r\n width: 500px;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--spinner{\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader {\r\n background: #1d5ab9;\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 15px;\r\n align-items: center;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 22px;\r\n color: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody {\r\n flex: 1;\r\n padding: 12px 36px;\r\n overflow: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatVisible {\r\n padding-top: 56px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer {\r\n padding: 8px 0;\r\n border-bottom: 1px solid #d1d1d1;\r\n display: flex;\r\n justify-content: end;\r\n align-items: center;\r\n grid-gap: 12px;\r\n gap: 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatVisible .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer {\r\n position: absolute;\r\n width: calc(100% - 72px);\r\n top: 57px;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messagesContainer {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 16px;\r\n gap: 16px;\r\n cursor: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatButton {\r\n display: flex;\r\n align-items: center;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n cursor: pointer;\r\n border: 1px solid #d1d1d1;\r\n border-radius: 4px;\r\n padding: 6px 12px;\r\n font-weight: 600;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message {\r\n display: flex;\r\n align-items: flex-start;\r\n grid-gap: 10px;\r\n gap: 10px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user {\r\n justify-content: flex-end;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--welcomeQuestion {\r\n margin-top: 5px;\r\n margin-left: 36px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions {\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 12px;\r\n gap: 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionWrapper {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionContainer {\r\n max-width: 95%;\r\n word-break: break-all;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestion {\r\n border: 1px solid #3261bd;\r\n border-radius: 16px;\r\n padding: 6px 8px;\r\n font-size: 14px;\r\n color: #3261bd;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon {\r\n width: 26px;\r\n border-radius: 50%;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble {\r\n background-color: #f5f5f5;\r\n border-radius: 0px 12px 12px 12px;\r\n padding: 10px 15px;\r\n max-width: 85%;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--error {\r\n border: 1px solid #f1bbbc;\r\n background: #fdf6f6;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble {\r\n background: #3261bd;\r\n color: #fff;\r\n border-radius: 12px 0px 12px 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--feedbackContainer {\r\n display: flex;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n margin-top: 10px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--feedbackContainer i {\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p {\r\n margin: 0;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p a {\r\n color: #1e54ad;\r\n text-decoration: underline;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p ol,\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p ul {\r\n padding-left: 15px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowFooter {\r\n border-top: 1px solid #d1d1d1;\r\n padding: 16px 24px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer {\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid #ddd;\r\n border-radius: 12px;\r\n padding: 10px 15px;\r\n cursor: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--disabled {\r\n background-color: #fafafa;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input {\r\n border: none;\r\n outline: none;\r\n flex-grow: 1;\r\n font-size: 14px !important;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-webkit-input-placeholder {\r\n color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-moz-placeholder {\r\n color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-ms-input-placeholder {\r\n color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::placeholder {\r\n color: #757575;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px;\r\n width: 75px;\r\n background-color: #f5f5f5;\r\n border-radius: 0px 12px 12px 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot {\r\n width: 8px;\r\n height: 8px;\r\n margin: 0 3px;\r\n background-color: #3261bd;\r\n border-radius: 50%;\r\n display: inline-block;\r\n -webkit-animation: utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce 1.2s infinite ease-in-out both;\r\n animation: utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce 1.2s infinite ease-in-out both;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot:nth-child(1) {\r\n -webkit-animation-delay: -0.32s;\r\n animation-delay: -0.32s;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot:nth-child(2) {\r\n -webkit-animation-delay: -0.16s;\r\n animation-delay: -0.16s;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce {\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0);\r\n transform: scale(0);\r\n }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce {\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0);\r\n transform: scale(0);\r\n }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n /* .mihelpAgentWrapper {\r\n right: 20px;\r\n bottom: 100px;\r\n } */\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--iphoneChrome {\r\n bottom: 125px;\r\n }\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 450px;\r\n }\r\n}\r\n\r\n@media (max-width: 475px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 400px;\r\n }\r\n}\r\n\r\n@media (max-width: 425px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 350px;\r\n }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 325px;\r\n }\r\n}\r\n\r\n@media (max-width: 350px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 300px;\r\n }\r\n}\r\n\r\n@media (max-width: 325px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 275px;\r\n }\r\n}\r\n";
35815
35830
  styleInject(css_248z$3);
35816
35831
 
35817
35832
  var _styleModuleImportMap$2 = {
@@ -35899,51 +35914,55 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
35899
35914
  _useState18 = _slicedToArray(_useState17, 2),
35900
35915
  currentContext = _useState18[0],
35901
35916
  setCurrentContext = _useState18[1];
35902
- var _useState19 = React.useState({}),
35917
+ var _useState19 = React.useState(null),
35903
35918
  _useState20 = _slicedToArray(_useState19, 2),
35904
- feedbacks = _useState20[0],
35905
- setFeedbacks = _useState20[1];
35906
- var _useState21 = React.useState({
35919
+ lastSentFromApp = _useState20[0],
35920
+ setLastSentFromApp = _useState20[1];
35921
+ var _useState21 = React.useState({}),
35922
+ _useState22 = _slicedToArray(_useState21, 2),
35923
+ feedbacks = _useState22[0],
35924
+ setFeedbacks = _useState22[1];
35925
+ var _useState23 = React.useState({
35907
35926
  x: 0,
35908
35927
  y: 0
35909
35928
  }),
35910
- _useState22 = _slicedToArray(_useState21, 2),
35911
- position = _useState22[0],
35912
- setPosition = _useState22[1];
35913
- var _useState23 = React.useState({
35929
+ _useState24 = _slicedToArray(_useState23, 2),
35930
+ position = _useState24[0],
35931
+ setPosition = _useState24[1];
35932
+ var _useState25 = React.useState({
35914
35933
  x: 50,
35915
35934
  y: -68
35916
35935
  }),
35917
- _useState24 = _slicedToArray(_useState23, 2),
35918
- chatPosition = _useState24[0],
35919
- setChatPosition = _useState24[1];
35920
- var _useState25 = React.useState(false),
35921
35936
  _useState26 = _slicedToArray(_useState25, 2),
35922
- isDragging = _useState26[0],
35923
- setIsDragging = _useState26[1];
35924
- var _useState27 = React.useState({
35937
+ chatPosition = _useState26[0],
35938
+ setChatPosition = _useState26[1];
35939
+ var _useState27 = React.useState(false),
35940
+ _useState28 = _slicedToArray(_useState27, 2),
35941
+ isDragging = _useState28[0],
35942
+ setIsDragging = _useState28[1];
35943
+ var _useState29 = React.useState({
35925
35944
  x: 0,
35926
35945
  y: 0
35927
35946
  }),
35928
- _useState28 = _slicedToArray(_useState27, 2),
35929
- offset = _useState28[0],
35930
- setOffset = _useState28[1];
35931
- var _useState29 = React.useState(false),
35932
35947
  _useState30 = _slicedToArray(_useState29, 2),
35933
- dragged = _useState30[0],
35934
- setDragged = _useState30[1];
35935
- var _useState31 = React.useState(500),
35948
+ offset = _useState30[0],
35949
+ setOffset = _useState30[1];
35950
+ var _useState31 = React.useState(false),
35936
35951
  _useState32 = _slicedToArray(_useState31, 2),
35937
- chatWindowWidth = _useState32[0],
35938
- setChatWindowWidth = _useState32[1];
35939
- var _useState33 = React.useState(0),
35952
+ dragged = _useState32[0],
35953
+ setDragged = _useState32[1];
35954
+ var _useState33 = React.useState(500),
35940
35955
  _useState34 = _slicedToArray(_useState33, 2),
35941
- windowInnerWidthForMobile = _useState34[0],
35942
- setWindowInnerWidthForMobile = _useState34[1];
35943
- var _useState35 = React.useState(600),
35956
+ chatWindowWidth = _useState34[0],
35957
+ setChatWindowWidth = _useState34[1];
35958
+ var _useState35 = React.useState(0),
35944
35959
  _useState36 = _slicedToArray(_useState35, 2),
35945
- chatWindowHeight = _useState36[0],
35946
- setchatWindowHeight = _useState36[1]; //update this if changed in css
35960
+ windowInnerWidthForMobile = _useState36[0],
35961
+ setWindowInnerWidthForMobile = _useState36[1];
35962
+ var _useState37 = React.useState(600),
35963
+ _useState38 = _slicedToArray(_useState37, 2),
35964
+ chatWindowHeight = _useState38[0],
35965
+ setchatWindowHeight = _useState38[1]; //update this if changed in css
35947
35966
 
35948
35967
  var chatIconSize = 60; //update this if changed in css
35949
35968
 
@@ -36159,8 +36178,10 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36159
36178
  var conversationsToBeSaved = !isEmpty$2(conversationsFromSession) ? conversationsFromSession : [];
36160
36179
  setConversations(conversationsToBeSaved);
36161
36180
  var feedbacksFromSession = storage$1.getLocalItem('mihelpAgentFeedbacks');
36181
+ var lastSentApp = storage$1.getLocalItem('mihelpAgentLastSentApp');
36162
36182
  var feedbacksToBeSaved = !isEmpty$2(feedbacksFromSession) ? feedbacksFromSession : {};
36163
36183
  setFeedbacks(feedbacksToBeSaved);
36184
+ setLastSentFromApp(lastSentApp);
36164
36185
  if (conversationsToBeSaved.length) {
36165
36186
  saveCurrentContext(conversationsToBeSaved);
36166
36187
  } else {
@@ -36194,6 +36215,9 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36194
36215
  var feedbacksToBeSaved = !isEmpty$2(feedbacksFromSession) ? feedbacksFromSession : {};
36195
36216
  setFeedbacks(feedbacksToBeSaved);
36196
36217
  }
36218
+ if (event.key === 'mihelpAgentLastSentApp') {
36219
+ setLastSentFromApp(event.newValue);
36220
+ }
36197
36221
  };
36198
36222
  window.addEventListener('storage', handleStorageChange);
36199
36223
  return function () {
@@ -36222,7 +36246,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36222
36246
  };
36223
36247
  var send = /*#__PURE__*/function () {
36224
36248
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(messages) {
36225
- var _window$toolkitEnv, _window$toolkitEnv2, _window$toolkitEnv3, _storage$getLocalItem, _storage$getLocalItem2, _response$data, _response$data2, newMessages, isCoreApp, appTiles, appName, appData, appAuthName, messagesWithOutId, payload, endpoint, response, newConversations;
36249
+ var _window$toolkitEnv, _window$toolkitEnv2, _window$toolkitEnv3, _storage$getLocalItem, _storage$getLocalItem2, _response$data, _response$data2, newMessages, isCoreApp, appTiles, appName, appData, appAuthName, currentAppName, messagesWithOutId, payload, endpoint, response, newConversations;
36226
36250
  return _regeneratorRuntime().wrap(function _callee$(_context) {
36227
36251
  while (1) switch (_context.prev = _context.next) {
36228
36252
  case 0:
@@ -36230,6 +36254,18 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36230
36254
  setMessageError(false);
36231
36255
  _context.prev = 2;
36232
36256
  newMessages = _toConsumableArray(messages);
36257
+ isCoreApp = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.IS_CORE_APP ? window.toolkitEnv.IS_CORE_APP : process.env.IS_CORE_APP;
36258
+ appTiles = storage$1.getLocalItem('opsportal-core:config').tiles || [];
36259
+ appName = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
36260
+ appData = appTiles.find(function (tile) {
36261
+ if (tile.appName) {
36262
+ return tile.appName === appName;
36263
+ } else {
36264
+ return tile.path === "/".concat(appName);
36265
+ }
36266
+ });
36267
+ appAuthName = appData ? appData.appAuthName : (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.APP_AUTH_NAME ? window.toolkitEnv.APP_AUTH_NAME : process.env.APP_AUTH_NAME;
36268
+ currentAppName = isCoreApp ? 'g2Home' : appAuthName;
36233
36269
  if (systemPrompt && typeof systemPrompt === 'string') {
36234
36270
  if (!currentContext) {
36235
36271
  if (!newMessages.find(function (m) {
@@ -36243,7 +36279,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36243
36279
  if (!isEmpty$2(storage$1.appContext)) {
36244
36280
  setCurrentContext(storage$1.appContext);
36245
36281
  }
36246
- } else if (!equals$1(currentContext, storage$1.appContext)) {
36282
+ } else if (!equals$1(currentContext, storage$1.appContext) || lastSentFromApp !== currentAppName) {
36247
36283
  setCurrentContext(storage$1.appContext);
36248
36284
  newMessages.splice(newMessages.length - 1, 0, {
36249
36285
  role: 'system',
@@ -36251,17 +36287,6 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36251
36287
  });
36252
36288
  }
36253
36289
  }
36254
- isCoreApp = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.IS_CORE_APP ? window.toolkitEnv.IS_CORE_APP : process.env.IS_CORE_APP;
36255
- appTiles = storage$1.getLocalItem('opsportal-core:config').tiles || [];
36256
- appName = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
36257
- appData = appTiles.find(function (tile) {
36258
- if (tile.appName) {
36259
- return tile.appName === appName;
36260
- } else {
36261
- return tile.path === "/".concat(appName);
36262
- }
36263
- });
36264
- appAuthName = appData ? appData.appAuthName : (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.APP_AUTH_NAME ? window.toolkitEnv.APP_AUTH_NAME : process.env.APP_AUTH_NAME;
36265
36290
  messagesWithOutId = newMessages.map(function (m) {
36266
36291
  return {
36267
36292
  role: m === null || m === void 0 ? void 0 : m.role,
@@ -36272,18 +36297,20 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36272
36297
  messages: messagesWithOutId,
36273
36298
  // collection,
36274
36299
  last_n: contextMessagesCount,
36275
- app_name: isCoreApp ? 'g2Home' : appAuthName,
36276
- k: contextChunks
36300
+ app_name: currentAppName,
36301
+ k: contextChunks,
36302
+ user_email: storage$1.userEmail
36277
36303
  };
36278
36304
  endpoint = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.mihelpChat;
36279
- _context.next = 15;
36305
+ _context.next = 16;
36280
36306
  return fetcher.post(endpoint, payload, {
36281
36307
  headers: {
36282
36308
  'Content-Type': 'application/json'
36283
36309
  }
36284
36310
  });
36285
- case 15:
36311
+ case 16:
36286
36312
  response = _context.sent;
36313
+ setLastSentFromApp(currentAppName);
36287
36314
  setIsLoading(false);
36288
36315
  newConversations = [].concat(_toConsumableArray(newMessages), [{
36289
36316
  role: 'assistant',
@@ -36293,28 +36320,29 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36293
36320
  }]);
36294
36321
  setConversations(newConversations);
36295
36322
  storage$1.setLocalItem('mihelpAgentConversations', newConversations);
36296
- _context.next = 34;
36323
+ storage$1.setLocalItem('mihelpAgentLastSentApp', currentAppName);
36324
+ _context.next = 37;
36297
36325
  break;
36298
- case 22:
36299
- _context.prev = 22;
36326
+ case 25:
36327
+ _context.prev = 25;
36300
36328
  _context.t0 = _context["catch"](2);
36301
36329
  if (!(retryCount.current < 3)) {
36302
- _context.next = 30;
36330
+ _context.next = 33;
36303
36331
  break;
36304
36332
  }
36305
36333
  retryCount.current++;
36306
36334
  send(messages);
36307
36335
  return _context.abrupt("return");
36308
- case 30:
36336
+ case 33:
36309
36337
  retryCount.current = 0;
36310
36338
  setMessageError(true);
36311
36339
  setIsLoading(false);
36312
36340
  console.log(_context.t0);
36313
- case 34:
36341
+ case 37:
36314
36342
  case "end":
36315
36343
  return _context.stop();
36316
36344
  }
36317
- }, _callee, null, [[2, 22]]);
36345
+ }, _callee, null, [[2, 25]]);
36318
36346
  }));
36319
36347
  return function send(_x) {
36320
36348
  return _ref2.apply(this, arguments);
@@ -36372,33 +36400,73 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36372
36400
  setConversations([]);
36373
36401
  storage$1.setLocalItem('mihelpAgentConversations', []);
36374
36402
  storage$1.setLocalItem('mihelpAgentFeedbacks', {});
36403
+ storage$1.setLocalItem('mihelpAgentLastSentApp', '');
36375
36404
  setMessageError(false);
36376
36405
  setCurrentContext(null);
36377
36406
  };
36378
- var updateFeedback = /*#__PURE__*/function () {
36379
- var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(feedback, Currentconversation, conversations) {
36407
+ var handleDownload = /*#__PURE__*/function () {
36408
+ var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
36380
36409
  var _storage$getLocalItem3, _storage$getLocalItem4;
36381
- var payload, endpoint, newConversations;
36410
+ var payload, endpoint, response, url, link;
36382
36411
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
36383
36412
  while (1) switch (_context2.prev = _context2.next) {
36384
36413
  case 0:
36385
36414
  payload = {
36386
- chat_id: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id,
36387
- feedback: feedback,
36388
- chat_history: feedbacks[Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id],
36389
- retrieved_documents: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.retrievedDocuments,
36390
- timestamp: new Date().toISOString()
36415
+ htmlContent: pdfTemplate(conversations)
36391
36416
  };
36417
+ endpoint = (_storage$getLocalItem3 = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem3 === void 0 ? void 0 : (_storage$getLocalItem4 = _storage$getLocalItem3.endpoints) === null || _storage$getLocalItem4 === void 0 ? void 0 : _storage$getLocalItem4.generatePdf;
36392
36418
  setIsFeedbackLoading(true);
36393
- endpoint = "".concat((_storage$getLocalItem3 = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem3 === void 0 ? void 0 : (_storage$getLocalItem4 = _storage$getLocalItem3.endpoints) === null || _storage$getLocalItem4 === void 0 ? void 0 : _storage$getLocalItem4.mihelpChatFeedback, "/").concat(Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.feedbackId);
36394
36419
  _context2.next = 5;
36420
+ return fetcher.post(endpoint, payload, {
36421
+ responseType: 'blob',
36422
+ headers: {
36423
+ 'Content-Type': 'application/json',
36424
+ Accept: 'application/pdf'
36425
+ }
36426
+ });
36427
+ case 5:
36428
+ response = _context2.sent;
36429
+ url = window.URL.createObjectURL(new Blob([response.data], {
36430
+ type: 'application/pdf'
36431
+ }));
36432
+ link = document.createElement('a');
36433
+ link.href = url;
36434
+ link.setAttribute('download', 'Mihelp Bot Conversation.pdf');
36435
+ document.body.appendChild(link);
36436
+ link.click();
36437
+ link.remove();
36438
+ window.URL.revokeObjectURL(url);
36439
+ setIsFeedbackLoading(false);
36440
+ case 15:
36441
+ case "end":
36442
+ return _context2.stop();
36443
+ }
36444
+ }, _callee2);
36445
+ }));
36446
+ return function handleDownload() {
36447
+ return _ref3.apply(this, arguments);
36448
+ };
36449
+ }();
36450
+ var updateFeedback = /*#__PURE__*/function () {
36451
+ var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(feedback, Currentconversation, conversations) {
36452
+ var _storage$getLocalItem5, _storage$getLocalItem6;
36453
+ var payload, endpoint, newConversations;
36454
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
36455
+ while (1) switch (_context3.prev = _context3.next) {
36456
+ case 0:
36457
+ payload = {
36458
+ feedback: feedback
36459
+ };
36460
+ setIsFeedbackLoading(true);
36461
+ endpoint = "".concat((_storage$getLocalItem5 = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem5 === void 0 ? void 0 : (_storage$getLocalItem6 = _storage$getLocalItem5.endpoints) === null || _storage$getLocalItem6 === void 0 ? void 0 : _storage$getLocalItem6.mihelpChatFeedback, "/").concat(Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.feedbackId);
36462
+ _context3.next = 5;
36395
36463
  return fetcher.put(endpoint, payload, {
36396
36464
  headers: {
36397
36465
  'Content-Type': 'application/json'
36398
36466
  }
36399
36467
  });
36400
36468
  case 5:
36401
- _context2.sent;
36469
+ _context3.sent;
36402
36470
  newConversations = clone$1(conversations).map(function (conversation) {
36403
36471
  if ((conversation === null || conversation === void 0 ? void 0 : conversation.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id)) {
36404
36472
  conversation.feedback = feedback;
@@ -36410,32 +36478,32 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36410
36478
  storage$1.setLocalItem('mihelpAgentConversations', newConversations);
36411
36479
  case 10:
36412
36480
  case "end":
36413
- return _context2.stop();
36481
+ return _context3.stop();
36414
36482
  }
36415
- }, _callee2);
36483
+ }, _callee3);
36416
36484
  }));
36417
36485
  return function updateFeedback(_x2, _x3, _x4) {
36418
- return _ref3.apply(this, arguments);
36486
+ return _ref4.apply(this, arguments);
36419
36487
  };
36420
36488
  }();
36421
36489
  var handleFeedback = /*#__PURE__*/function () {
36422
- var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(feedback, Currentconversation, conversations) {
36423
- var _storage$getLocalItem5, _storage$getLocalItem6;
36490
+ var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(feedback, Currentconversation, conversations) {
36491
+ var _storage$getLocalItem7, _storage$getLocalItem8;
36424
36492
  var conversationsUntilCurrentMessage, lastFeedbackIndex, chatHistoryAfterLastFeedback, chatHistoryWithoutSystemPrompts, payload, endpoint, response, newConversations, newFeedbacks;
36425
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
36426
- while (1) switch (_context3.prev = _context3.next) {
36493
+ return _regeneratorRuntime().wrap(function _callee4$(_context4) {
36494
+ while (1) switch (_context4.prev = _context4.next) {
36427
36495
  case 0:
36428
36496
  if (!((Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.feedback) === feedback)) {
36429
- _context3.next = 2;
36497
+ _context4.next = 2;
36430
36498
  break;
36431
36499
  }
36432
- return _context3.abrupt("return");
36500
+ return _context4.abrupt("return");
36433
36501
  case 2:
36434
36502
  if (!(Currentconversation !== null && Currentconversation !== void 0 && Currentconversation.feedback)) {
36435
- _context3.next = 4;
36503
+ _context4.next = 4;
36436
36504
  break;
36437
36505
  }
36438
- return _context3.abrupt("return", updateFeedback(feedback, Currentconversation, conversations));
36506
+ return _context4.abrupt("return", updateFeedback(feedback, Currentconversation, conversations));
36439
36507
  case 4:
36440
36508
  conversationsUntilCurrentMessage = _toConsumableArray(conversations).slice(0, conversations.findIndex(function (c) {
36441
36509
  return (c === null || c === void 0 ? void 0 : c.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id);
@@ -36454,18 +36522,19 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36454
36522
  feedback: feedback,
36455
36523
  chat_history: chatHistoryWithoutSystemPrompts,
36456
36524
  retrieved_documents: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.retrievedDocuments,
36457
- timestamp: new Date().toISOString()
36525
+ timestamp: new Date().toISOString(),
36526
+ user_email: storage$1.userEmail
36458
36527
  };
36459
- endpoint = (_storage$getLocalItem5 = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem5 === void 0 ? void 0 : (_storage$getLocalItem6 = _storage$getLocalItem5.endpoints) === null || _storage$getLocalItem6 === void 0 ? void 0 : _storage$getLocalItem6.mihelpChatFeedback;
36528
+ endpoint = (_storage$getLocalItem7 = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem7 === void 0 ? void 0 : (_storage$getLocalItem8 = _storage$getLocalItem7.endpoints) === null || _storage$getLocalItem8 === void 0 ? void 0 : _storage$getLocalItem8.mihelpChatFeedback;
36460
36529
  setIsFeedbackLoading(true);
36461
- _context3.next = 13;
36530
+ _context4.next = 13;
36462
36531
  return fetcher.post(endpoint, payload, {
36463
36532
  headers: {
36464
36533
  'Content-Type': 'application/json'
36465
36534
  }
36466
36535
  });
36467
36536
  case 13:
36468
- response = _context3.sent;
36537
+ response = _context4.sent;
36469
36538
  newConversations = clone$1(conversations).map(function (conversation) {
36470
36539
  if ((conversation === null || conversation === void 0 ? void 0 : conversation.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id)) {
36471
36540
  var _response$data3;
@@ -36483,12 +36552,12 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36483
36552
  storage$1.setLocalItem('mihelpAgentFeedbacks', newFeedbacks);
36484
36553
  case 22:
36485
36554
  case "end":
36486
- return _context3.stop();
36555
+ return _context4.stop();
36487
36556
  }
36488
- }, _callee3);
36557
+ }, _callee4);
36489
36558
  }));
36490
36559
  return function handleFeedback(_x5, _x6, _x7) {
36491
- return _ref4.apply(this, arguments);
36560
+ return _ref5.apply(this, arguments);
36492
36561
  };
36493
36562
  }();
36494
36563
  var isChromeOnIPhone = function isChromeOnIPhone() {
@@ -36539,7 +36608,16 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36539
36608
  })
36540
36609
  }, conversations.length > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
36541
36610
  className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer"
36542
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
36611
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
36612
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatButton",
36613
+ onClick: handleDownload
36614
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
36615
+ name: "arrow-down-to-line",
36616
+ style: {
36617
+ color: '#000',
36618
+ fontSize: '16px'
36619
+ }
36620
+ }), /*#__PURE__*/React__default["default"].createElement("span", null, "Export")), /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
36543
36621
  content: "Restarting will delete your chat history.",
36544
36622
  position: "leftCenter"
36545
36623
  }, /*#__PURE__*/React__default["default"].createElement("div", {