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

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 +3 -3
  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.36";
35
+ const version$7 = "1.12.1-alpha.37";
36
36
  const main$1 = "dist/ops-tool-kit.js";
37
37
  const style = "dist/ops-tool-kit.css";
38
38
  const files = [
@@ -35820,10 +35820,10 @@ var pdfTemplate = function pdfTemplate(conversations) {
35820
35820
  return (c === null || c === void 0 ? void 0 : c.role) !== 'system';
35821
35821
  }).map(function (conversation) {
35822
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>");
35823
+ var conversationHtml = "<div class='message ".concat(isUser ? 'user' : '', "'>\n ").concat(!isUser ? "<img\n src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMiIGN5PSIxMyIgcj0iMTMiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xMDYwXzI0OTApIi8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDYwXzI0OTApIj4KPHBhdGggZD0iTTE0LjU5NDcgOC40OTYwOUMxNC40NjI5IDguNTQ1OSAxNC4zNzUgOC42NzE4OCAxNC4zNzUgOC44MTI1QzE0LjM3NSA4Ljk1MzEzIDE0LjQ2MjkgOS4wNzkxIDE0LjU5NDcgOS4xMjg5MUwxNi4yNSA5Ljc1TDE2Ljg3MTEgMTEuNDA1M0MxNi45MjA5IDExLjUzNzEgMTcuMDQ2OSAxMS42MjUgMTcuMTg3NSAxMS42MjVDMTcuMzI4MSAxMS42MjUgMTcuNDU0MSAxMS41MzcxIDE3LjUwMzkgMTEuNDA1M0wxOC4xMjUgOS43NUwxOS43ODAzIDkuMTI4OTFDMTkuOTEyMSA5LjA3OTEgMjAgOC45NTMxMyAyMCA4LjgxMjVDMjAgOC42NzE4OCAxOS45MTIxIDguNTQ1OSAxOS43ODAzIDguNDk2MDlMMTguMTI1IDcuODc1TDE3LjUwMzkgNi4yMTk3M0MxNy40NTQxIDYuMDg3ODkgMTcuMzI4MSA2IDE3LjE4NzUgNkMxNy4wNDY5IDYgMTYuOTIwOSA2LjA4Nzg5IDE2Ljg3MTEgNi4yMTk3M0wxNi4yNSA3Ljg3NUwxNC41OTQ3IDguNDk2MDlaTTExLjAwODggOC4xNDc0NkMxMC45MzI2IDcuOTgwNDcgMTAuNzY1NiA3Ljg3NSAxMC41ODQgNy44NzVDMTAuNDAyMyA3Ljg3NSAxMC4yMzU0IDcuOTgwNDcgMTAuMTU5MiA4LjE0NzQ2TDguNjEyMzEgMTEuNDg3M0w1LjI3MjQ2IDEzLjAzMTJDNS4xMDU0NyAxMy4xMDc0IDUgMTMuMjc0NCA1IDEzLjQ1OUM1IDEzLjY0MzYgNS4xMDU0NyAxMy44MDc2IDUuMjcyNDYgMTMuODgzOEw4LjYxNTIzIDE1LjQyNzdMMTAuMTU2MyAxOC43Njc2QzEwLjIzMjQgMTguOTM0NiAxMC4zOTk0IDE5LjA0IDEwLjU4MTEgMTkuMDRDMTAuNzYyNyAxOS4wNCAxMC45Mjk3IDE4LjkzNDYgMTEuMDA1OSAxOC43Njc2TDEyLjU0OTggMTUuNDI0OEwxNS44OTI2IDEzLjg4MDlDMTYuMDU5NiAxMy44MDQ3IDE2LjE2NSAxMy42Mzc3IDE2LjE2NSAxMy40NTYxQzE2LjE2NSAxMy4yNzQ0IDE2LjA1OTYgMTMuMTA3NCAxNS44OTI2IDEzLjAzMTJMMTIuNTUyNyAxMS40OTAyTDExLjAwODggOC4xNDc0NlpNMTYuMjUgMTcuMjVMMTQuNTk0NyAxNy44NzExQzE0LjQ2MjkgMTcuOTIwOSAxNC4zNzUgMTguMDQ2OSAxNC4zNzUgMTguMTg3NUMxNC4zNzUgMTguMzI4MSAxNC40NjI5IDE4LjQ1NDEgMTQuNTk0NyAxOC41MDM5TDE2LjI1IDE5LjEyNUwxNi44NzExIDIwLjc4MDNDMTYuOTIwOSAyMC45MTIxIDE3LjA0NjkgMjEgMTcuMTg3NSAyMUMxNy4zMjgxIDIxIDE3LjQ1NDEgMjAuOTEyMSAxNy41MDM5IDIwLjc4MDNMMTguMTI1IDE5LjEyNUwxOS43ODAzIDE4LjUwMzlDMTkuOTEyMSAxOC40NTQxIDIwIDE4LjMyODEgMjAgMTguMTg3NUMyMCAxOC4wNDY5IDE5LjkxMjEgMTcuOTIwOSAxOS43ODAzIDE3Ljg3MTFMMTguMTI1IDE3LjI1TDE3LjUwMzkgMTUuNTk0N0MxNy40NTQxIDE1LjQ2MjkgMTcuMzI4MSAxNS4zNzUgMTcuMTg3NSAxNS4zNzVDMTcuMDQ2OSAxNS4zNzUgMTYuOTIwOSAxNS40NjI5IDE2Ljg3MTEgMTUuNTk0N0wxNi4yNSAxNy4yNVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xMDYwXzI0OTAiIHgxPSItMC4zOTE3OTgiIHkxPSIxMy42MzkxIiB4Mj0iMjUuNjAyMSIgeTI9IjE0LjAyNDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzcyODVFMyIvPgo8c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzUwNUJBMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNzUiIHN0b3AtY29sb3I9IiMzRjQ3N0UiLz4KPHN0b3Agb2Zmc2V0PSIwLjg3NSIgc3RvcC1jb2xvcj0iIzM2M0M2RCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRTMyNUMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDYwXzI0OTAiPgo8cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDYpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==\"\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
35824
  html += conversationHtml;
35825
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>");
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=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMiIGN5PSIxMyIgcj0iMTMiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xMDYwXzI0OTApIi8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDYwXzI0OTApIj4KPHBhdGggZD0iTTE0LjU5NDcgOC40OTYwOUMxNC40NjI5IDguNTQ1OSAxNC4zNzUgOC42NzE4OCAxNC4zNzUgOC44MTI1QzE0LjM3NSA4Ljk1MzEzIDE0LjQ2MjkgOS4wNzkxIDE0LjU5NDcgOS4xMjg5MUwxNi4yNSA5Ljc1TDE2Ljg3MTEgMTEuNDA1M0MxNi45MjA5IDExLjUzNzEgMTcuMDQ2OSAxMS42MjUgMTcuMTg3NSAxMS42MjVDMTcuMzI4MSAxMS42MjUgMTcuNDU0MSAxMS41MzcxIDE3LjUwMzkgMTEuNDA1M0wxOC4xMjUgOS43NUwxOS43ODAzIDkuMTI4OTFDMTkuOTEyMSA5LjA3OTEgMjAgOC45NTMxMyAyMCA4LjgxMjVDMjAgOC42NzE4OCAxOS45MTIxIDguNTQ1OSAxOS43ODAzIDguNDk2MDlMMTguMTI1IDcuODc1TDE3LjUwMzkgNi4yMTk3M0MxNy40NTQxIDYuMDg3ODkgMTcuMzI4MSA2IDE3LjE4NzUgNkMxNy4wNDY5IDYgMTYuOTIwOSA2LjA4Nzg5IDE2Ljg3MTEgNi4yMTk3M0wxNi4yNSA3Ljg3NUwxNC41OTQ3IDguNDk2MDlaTTExLjAwODggOC4xNDc0NkMxMC45MzI2IDcuOTgwNDcgMTAuNzY1NiA3Ljg3NSAxMC41ODQgNy44NzVDMTAuNDAyMyA3Ljg3NSAxMC4yMzU0IDcuOTgwNDcgMTAuMTU5MiA4LjE0NzQ2TDguNjEyMzEgMTEuNDg3M0w1LjI3MjQ2IDEzLjAzMTJDNS4xMDU0NyAxMy4xMDc0IDUgMTMuMjc0NCA1IDEzLjQ1OUM1IDEzLjY0MzYgNS4xMDU0NyAxMy44MDc2IDUuMjcyNDYgMTMuODgzOEw4LjYxNTIzIDE1LjQyNzdMMTAuMTU2MyAxOC43Njc2QzEwLjIzMjQgMTguOTM0NiAxMC4zOTk0IDE5LjA0IDEwLjU4MTEgMTkuMDRDMTAuNzYyNyAxOS4wNCAxMC45Mjk3IDE4LjkzNDYgMTEuMDA1OSAxOC43Njc2TDEyLjU0OTggMTUuNDI0OEwxNS44OTI2IDEzLjg4MDlDMTYuMDU5NiAxMy44MDQ3IDE2LjE2NSAxMy42Mzc3IDE2LjE2NSAxMy40NTYxQzE2LjE2NSAxMy4yNzQ0IDE2LjA1OTYgMTMuMTA3NCAxNS44OTI2IDEzLjAzMTJMMTIuNTUyNyAxMS40OTAyTDExLjAwODggOC4xNDc0NlpNMTYuMjUgMTcuMjVMMTQuNTk0NyAxNy44NzExQzE0LjQ2MjkgMTcuOTIwOSAxNC4zNzUgMTguMDQ2OSAxNC4zNzUgMTguMTg3NUMxNC4zNzUgMTguMzI4MSAxNC40NjI5IDE4LjQ1NDEgMTQuNTk0NyAxOC41MDM5TDE2LjI1IDE5LjEyNUwxNi44NzExIDIwLjc4MDNDMTYuOTIwOSAyMC45MTIxIDE3LjA0NjkgMjEgMTcuMTg3NSAyMUMxNy4zMjgxIDIxIDE3LjQ1NDEgMjAuOTEyMSAxNy41MDM5IDIwLjc4MDNMMTguMTI1IDE5LjEyNUwxOS43ODAzIDE4LjUwMzlDMTkuOTEyMSAxOC40NTQxIDIwIDE4LjMyODEgMjAgMTguMTg3NUMyMCAxOC4wNDY5IDE5LjkxMjEgMTcuOTIwOSAxOS43ODAzIDE3Ljg3MTFMMTguMTI1IDE3LjI1TDE3LjUwMzkgMTUuNTk0N0MxNy40NTQxIDE1LjQ2MjkgMTcuMzI4MSAxNS4zNzUgMTcuMTg3NSAxNS4zNzVDMTcuMDQ2OSAxNS4zNzUgMTYuOTIwOSAxNS40NjI5IDE2Ljg3MTEgMTUuNTk0N0wxNi4yNSAxNy4yNVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xMDYwXzI0OTAiIHgxPSItMC4zOTE3OTgiIHkxPSIxMy42MzkxIiB4Mj0iMjUuNjAyMSIgeTI9IjE0LjAyNDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzcyODVFMyIvPgo8c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzUwNUJBMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNzUiIHN0b3AtY29sb3I9IiMzRjQ3N0UiLz4KPHN0b3Agb2Zmc2V0PSIwLjg3NSIgc3RvcC1jb2xvcj0iIzM2M0M2RCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRTMyNUMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDYwXzI0OTAiPgo8cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDYpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==\"\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
35827
  };
35828
35828
 
35829
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";