@copart/ops-tool-kit 1.10.20-alpha.5 → 1.10.20-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ops-tool-kit.js +234 -58
- package/dist/ops-tool-kit.js.map +1 -1
- package/package.json +1 -1
package/dist/ops-tool-kit.js
CHANGED
|
@@ -33,7 +33,7 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
|
|
|
33
33
|
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
|
|
34
34
|
|
|
35
35
|
const name$r = "@copart/ops-tool-kit";
|
|
36
|
-
const version$5 = "1.10.20-alpha.
|
|
36
|
+
const version$5 = "1.10.20-alpha.7";
|
|
37
37
|
const main$1 = "dist/ops-tool-kit.js";
|
|
38
38
|
const style = "dist/ops-tool-kit.css";
|
|
39
39
|
const files = [
|
|
@@ -9481,14 +9481,14 @@ fetcher.getCoreAppPermissions = getCoreAppPermissions;
|
|
|
9481
9481
|
fetcher.getInnovationHubToken = getInnovationHubToken;
|
|
9482
9482
|
fetcher.getUserScopes = getUserScopes;
|
|
9483
9483
|
|
|
9484
|
-
var getRouteName
|
|
9484
|
+
var getRouteName = function getRouteName() {
|
|
9485
9485
|
return window.location.pathname.split('/').splice(1)[0];
|
|
9486
9486
|
};
|
|
9487
9487
|
var regexCountry = /\.co\.([a-z]{2})/;
|
|
9488
9488
|
var regexCobaltCountry = /\.copart\.([a-z]{2})/;
|
|
9489
|
-
var isLogoutRoute = ['logout'].includes(getRouteName
|
|
9490
|
-
var isAuthRoute = ['login', 'logout', ''].includes(getRouteName
|
|
9491
|
-
var isCoreRoute = ['settings', 'home', 'webChat', 'embedded', ''].includes(getRouteName
|
|
9489
|
+
var isLogoutRoute = ['logout'].includes(getRouteName());
|
|
9490
|
+
var isAuthRoute = ['login', 'logout', ''].includes(getRouteName());
|
|
9491
|
+
var isCoreRoute = ['settings', 'home', 'webChat', 'embedded', ''].includes(getRouteName());
|
|
9492
9492
|
var getDomain = function getDomain(url) {
|
|
9493
9493
|
var country = url.match(regexCountry);
|
|
9494
9494
|
var countryCode = (country && country.length > 1 && country[1] || 'US').toUpperCase();
|
|
@@ -38080,7 +38080,7 @@ var GoHome = function GoHome(props) {
|
|
|
38080
38080
|
}, props.reason));
|
|
38081
38081
|
};
|
|
38082
38082
|
|
|
38083
|
-
var css_248z$2 = ".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.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 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}\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";
|
|
38083
|
+
var css_248z$2 = ".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}\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 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}\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";
|
|
38084
38084
|
styleInject(css_248z$2);
|
|
38085
38085
|
|
|
38086
38086
|
var _styleModuleImportMap$1 = {
|
|
@@ -38088,6 +38088,7 @@ var _styleModuleImportMap$1 = {
|
|
|
38088
38088
|
"mihelpAgentWrapper": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper",
|
|
38089
38089
|
"chatIcon": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon",
|
|
38090
38090
|
"chatWindow": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow",
|
|
38091
|
+
"spinner": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--spinner",
|
|
38091
38092
|
"chatWindowHeader": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader",
|
|
38092
38093
|
"title": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--title",
|
|
38093
38094
|
"chatWindowBody": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody",
|
|
@@ -38135,71 +38136,75 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38135
38136
|
setIsLoading = _useState4[1];
|
|
38136
38137
|
var _useState5 = React.useState(false),
|
|
38137
38138
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
38138
|
-
|
|
38139
|
-
|
|
38140
|
-
var retryCount = React.useRef(0);
|
|
38141
|
-
var messagesContainerRef = React.useRef(null);
|
|
38139
|
+
isFeedbackLoading = _useState6[0],
|
|
38140
|
+
setIsFeedbackLoading = _useState6[1];
|
|
38142
38141
|
var _useState7 = React.useState(false),
|
|
38143
38142
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
38144
|
-
|
|
38145
|
-
|
|
38146
|
-
var
|
|
38143
|
+
collectionError = _useState8[0],
|
|
38144
|
+
setCollectionError = _useState8[1];
|
|
38145
|
+
var retryCount = React.useRef(0);
|
|
38146
|
+
var messagesContainerRef = React.useRef(null);
|
|
38147
|
+
var _useState9 = React.useState(false),
|
|
38147
38148
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
38148
|
-
|
|
38149
|
-
|
|
38149
|
+
messageError = _useState10[0],
|
|
38150
|
+
setMessageError = _useState10[1];
|
|
38150
38151
|
var _useState11 = React.useState([]),
|
|
38151
38152
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
38152
|
-
|
|
38153
|
-
|
|
38154
|
-
var _useState13 = React.useState(
|
|
38153
|
+
conversations = _useState12[0],
|
|
38154
|
+
setConversations = _useState12[1];
|
|
38155
|
+
var _useState13 = React.useState([]),
|
|
38155
38156
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
38156
|
-
|
|
38157
|
-
|
|
38158
|
-
var _useState15 = React.useState(
|
|
38157
|
+
quickReplyList = _useState14[0],
|
|
38158
|
+
setQuickReplyList = _useState14[1];
|
|
38159
|
+
var _useState15 = React.useState(''),
|
|
38159
38160
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
38160
|
-
|
|
38161
|
-
|
|
38162
|
-
var _useState17 = React.useState(
|
|
38163
|
-
_useState18 = _slicedToArray(_useState17, 2)
|
|
38164
|
-
_useState18[0]
|
|
38165
|
-
|
|
38166
|
-
var _useState19 = React.useState({
|
|
38161
|
+
message = _useState16[0],
|
|
38162
|
+
setMessage = _useState16[1];
|
|
38163
|
+
var _useState17 = React.useState(null),
|
|
38164
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
38165
|
+
currentContext = _useState18[0],
|
|
38166
|
+
setCurrentContext = _useState18[1];
|
|
38167
|
+
var _useState19 = React.useState({}),
|
|
38168
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
38169
|
+
feedbacks = _useState20[0],
|
|
38170
|
+
setFeedbacks = _useState20[1];
|
|
38171
|
+
var _useState21 = React.useState({
|
|
38167
38172
|
x: 0,
|
|
38168
38173
|
y: 0
|
|
38169
38174
|
}),
|
|
38170
|
-
|
|
38171
|
-
position =
|
|
38172
|
-
setPosition =
|
|
38173
|
-
var
|
|
38175
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
38176
|
+
position = _useState22[0],
|
|
38177
|
+
setPosition = _useState22[1];
|
|
38178
|
+
var _useState23 = React.useState({
|
|
38174
38179
|
x: 50,
|
|
38175
38180
|
y: -68
|
|
38176
38181
|
}),
|
|
38177
|
-
_useState22 = _slicedToArray(_useState21, 2),
|
|
38178
|
-
chatPosition = _useState22[0],
|
|
38179
|
-
setChatPosition = _useState22[1];
|
|
38180
|
-
var _useState23 = React.useState(false),
|
|
38181
38182
|
_useState24 = _slicedToArray(_useState23, 2),
|
|
38182
|
-
|
|
38183
|
-
|
|
38184
|
-
var _useState25 = React.useState(
|
|
38183
|
+
chatPosition = _useState24[0],
|
|
38184
|
+
setChatPosition = _useState24[1];
|
|
38185
|
+
var _useState25 = React.useState(false),
|
|
38186
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
38187
|
+
isDragging = _useState26[0],
|
|
38188
|
+
setIsDragging = _useState26[1];
|
|
38189
|
+
var _useState27 = React.useState({
|
|
38185
38190
|
x: 0,
|
|
38186
38191
|
y: 0
|
|
38187
38192
|
}),
|
|
38188
|
-
_useState26 = _slicedToArray(_useState25, 2),
|
|
38189
|
-
offset = _useState26[0],
|
|
38190
|
-
setOffset = _useState26[1];
|
|
38191
|
-
var _useState27 = React.useState(false),
|
|
38192
38193
|
_useState28 = _slicedToArray(_useState27, 2),
|
|
38193
|
-
|
|
38194
|
-
|
|
38195
|
-
var _useState29 = React.useState(
|
|
38194
|
+
offset = _useState28[0],
|
|
38195
|
+
setOffset = _useState28[1];
|
|
38196
|
+
var _useState29 = React.useState(false),
|
|
38196
38197
|
_useState30 = _slicedToArray(_useState29, 2),
|
|
38197
|
-
|
|
38198
|
-
|
|
38199
|
-
var _useState31 = React.useState(
|
|
38198
|
+
dragged = _useState30[0],
|
|
38199
|
+
setDragged = _useState30[1];
|
|
38200
|
+
var _useState31 = React.useState(500),
|
|
38200
38201
|
_useState32 = _slicedToArray(_useState31, 2),
|
|
38201
|
-
|
|
38202
|
-
|
|
38202
|
+
chatWindowWidth = _useState32[0],
|
|
38203
|
+
setChatWindowWidth = _useState32[1];
|
|
38204
|
+
var _useState33 = React.useState(0),
|
|
38205
|
+
_useState34 = _slicedToArray(_useState33, 2),
|
|
38206
|
+
windowInnerWidthForMobile = _useState34[0],
|
|
38207
|
+
setWindowInnerWidthForMobile = _useState34[1];
|
|
38203
38208
|
var chatWindowHeight = 600; //update this if changed in css
|
|
38204
38209
|
var chatIconSize = 60; //update this if changed in css
|
|
38205
38210
|
|
|
@@ -38413,6 +38418,24 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38413
38418
|
};
|
|
38414
38419
|
}
|
|
38415
38420
|
}, []);
|
|
38421
|
+
React.useEffect(function () {
|
|
38422
|
+
var handleStorageChange = function handleStorageChange(event) {
|
|
38423
|
+
if (event.key === 'mihelpAgentConversations') {
|
|
38424
|
+
var conversationsFromSession = JSON.parse(event.newValue);
|
|
38425
|
+
var conversationsToBeSaved = !isEmpty$2(conversationsFromSession) ? conversationsFromSession : [];
|
|
38426
|
+
setConversations(conversationsToBeSaved);
|
|
38427
|
+
}
|
|
38428
|
+
if (event.key === 'mihelpAgentFeedbacks') {
|
|
38429
|
+
var feedbacksFromSession = JSON.parse(event.newValue);
|
|
38430
|
+
var feedbacksToBeSaved = !isEmpty$2(feedbacksFromSession) ? feedbacksFromSession : {};
|
|
38431
|
+
setFeedbacks(feedbacksToBeSaved);
|
|
38432
|
+
}
|
|
38433
|
+
};
|
|
38434
|
+
window.addEventListener('storage', handleStorageChange);
|
|
38435
|
+
return function () {
|
|
38436
|
+
window.removeEventListener('storage', handleStorageChange);
|
|
38437
|
+
};
|
|
38438
|
+
}, []);
|
|
38416
38439
|
var chatBodyRef = React.useRef(null);
|
|
38417
38440
|
var scroll = function scroll() {
|
|
38418
38441
|
chatBodyRef.current && chatBodyRef.current.scrollTo({
|
|
@@ -38435,7 +38458,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38435
38458
|
};
|
|
38436
38459
|
var send = /*#__PURE__*/function () {
|
|
38437
38460
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(messages) {
|
|
38438
|
-
var _window$toolkitEnv, _window$toolkitEnv2, _window$toolkitEnv3, _storage$getLocalItem, _storage$getLocalItem2, _response$data, newMessages, isCoreApp, appTiles, appName, appData, appAuthName, messagesWithOutId, payload, endpoint, response, newConversations;
|
|
38461
|
+
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;
|
|
38439
38462
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
38440
38463
|
while (1) switch (_context.prev = _context.next) {
|
|
38441
38464
|
case 0:
|
|
@@ -38445,10 +38468,14 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38445
38468
|
newMessages = _toConsumableArray(messages);
|
|
38446
38469
|
if (systemPrompt && typeof systemPrompt === 'string') {
|
|
38447
38470
|
if (!currentContext) {
|
|
38448
|
-
newMessages.
|
|
38449
|
-
|
|
38450
|
-
|
|
38451
|
-
|
|
38471
|
+
if (!newMessages.find(function (m) {
|
|
38472
|
+
return (m === null || m === void 0 ? void 0 : m.role) === 'system';
|
|
38473
|
+
})) {
|
|
38474
|
+
newMessages.unshift({
|
|
38475
|
+
role: 'system',
|
|
38476
|
+
content: getSystemPrompt()
|
|
38477
|
+
});
|
|
38478
|
+
}
|
|
38452
38479
|
if (!isEmpty$2(storage$1.appContext)) {
|
|
38453
38480
|
setCurrentContext(storage$1.appContext);
|
|
38454
38481
|
}
|
|
@@ -38496,6 +38523,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38496
38523
|
newConversations = [].concat(_toConsumableArray(newMessages), [{
|
|
38497
38524
|
role: 'assistant',
|
|
38498
38525
|
content: response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.content,
|
|
38526
|
+
retrievedDocuments: response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.retrieved_documents,
|
|
38499
38527
|
id: nonSecure()
|
|
38500
38528
|
}]);
|
|
38501
38529
|
setConversations(newConversations);
|
|
@@ -38581,6 +38609,122 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38581
38609
|
storage$1.setLocalItem('mihelpAgentFeedbacks', {});
|
|
38582
38610
|
setMessageError(false);
|
|
38583
38611
|
};
|
|
38612
|
+
var updateFeedback = /*#__PURE__*/function () {
|
|
38613
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(feedback, Currentconversation, conversations) {
|
|
38614
|
+
var _storage$getLocalItem3, _storage$getLocalItem4;
|
|
38615
|
+
var payload, endpoint, newConversations;
|
|
38616
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
38617
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
38618
|
+
case 0:
|
|
38619
|
+
payload = {
|
|
38620
|
+
chat_id: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id,
|
|
38621
|
+
feedback: feedback,
|
|
38622
|
+
chat_history: feedbacks[Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id],
|
|
38623
|
+
retrieved_documents: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.retrievedDocuments,
|
|
38624
|
+
timestamp: new Date().toISOString()
|
|
38625
|
+
};
|
|
38626
|
+
setIsFeedbackLoading(true);
|
|
38627
|
+
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);
|
|
38628
|
+
_context2.next = 5;
|
|
38629
|
+
return fetcher.put(endpoint, payload, {
|
|
38630
|
+
headers: {
|
|
38631
|
+
'Content-Type': 'application/json'
|
|
38632
|
+
}
|
|
38633
|
+
});
|
|
38634
|
+
case 5:
|
|
38635
|
+
_context2.sent;
|
|
38636
|
+
newConversations = clone$1(conversations).map(function (conversation) {
|
|
38637
|
+
if ((conversation === null || conversation === void 0 ? void 0 : conversation.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id)) {
|
|
38638
|
+
conversation.feedback = feedback;
|
|
38639
|
+
}
|
|
38640
|
+
return conversation;
|
|
38641
|
+
});
|
|
38642
|
+
setConversations(newConversations);
|
|
38643
|
+
setIsFeedbackLoading(false);
|
|
38644
|
+
storage$1.setLocalItem('mihelpAgentConversations', newConversations);
|
|
38645
|
+
case 10:
|
|
38646
|
+
case "end":
|
|
38647
|
+
return _context2.stop();
|
|
38648
|
+
}
|
|
38649
|
+
}, _callee2);
|
|
38650
|
+
}));
|
|
38651
|
+
return function updateFeedback(_x2, _x3, _x4) {
|
|
38652
|
+
return _ref3.apply(this, arguments);
|
|
38653
|
+
};
|
|
38654
|
+
}();
|
|
38655
|
+
var handleFeedback = /*#__PURE__*/function () {
|
|
38656
|
+
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(feedback, Currentconversation, conversations) {
|
|
38657
|
+
var _storage$getLocalItem5, _storage$getLocalItem6;
|
|
38658
|
+
var conversationsUntilCurrentMessage, lastFeedbackIndex, chatHistoryAfterLastFeedback, chatHistoryWithoutSystemPrompts, payload, endpoint, response, newConversations, newFeedbacks;
|
|
38659
|
+
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
|
38660
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
38661
|
+
case 0:
|
|
38662
|
+
if (!((Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.feedback) === feedback)) {
|
|
38663
|
+
_context3.next = 2;
|
|
38664
|
+
break;
|
|
38665
|
+
}
|
|
38666
|
+
return _context3.abrupt("return");
|
|
38667
|
+
case 2:
|
|
38668
|
+
if (!(Currentconversation !== null && Currentconversation !== void 0 && Currentconversation.feedback)) {
|
|
38669
|
+
_context3.next = 4;
|
|
38670
|
+
break;
|
|
38671
|
+
}
|
|
38672
|
+
return _context3.abrupt("return", updateFeedback(feedback, Currentconversation, conversations));
|
|
38673
|
+
case 4:
|
|
38674
|
+
conversationsUntilCurrentMessage = _toConsumableArray(conversations).slice(0, conversations.findIndex(function (c) {
|
|
38675
|
+
return (c === null || c === void 0 ? void 0 : c.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id);
|
|
38676
|
+
}) + 1);
|
|
38677
|
+
lastFeedbackIndex = conversationsUntilCurrentMessage.map(function (item) {
|
|
38678
|
+
return item.feedback;
|
|
38679
|
+
}).findLastIndex(function (item) {
|
|
38680
|
+
return item === 'thumbs_up' || item === 'thumbs_down';
|
|
38681
|
+
});
|
|
38682
|
+
chatHistoryAfterLastFeedback = lastFeedbackIndex === -1 ? conversationsUntilCurrentMessage : conversationsUntilCurrentMessage.slice(lastFeedbackIndex + 1);
|
|
38683
|
+
chatHistoryWithoutSystemPrompts = chatHistoryAfterLastFeedback.filter(function (c) {
|
|
38684
|
+
return (c === null || c === void 0 ? void 0 : c.role) !== 'system';
|
|
38685
|
+
});
|
|
38686
|
+
payload = {
|
|
38687
|
+
chat_id: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id,
|
|
38688
|
+
feedback: feedback,
|
|
38689
|
+
chat_history: chatHistoryWithoutSystemPrompts,
|
|
38690
|
+
retrieved_documents: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.retrievedDocuments,
|
|
38691
|
+
timestamp: new Date().toISOString()
|
|
38692
|
+
};
|
|
38693
|
+
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;
|
|
38694
|
+
setIsFeedbackLoading(true);
|
|
38695
|
+
_context3.next = 13;
|
|
38696
|
+
return fetcher.post(endpoint, payload, {
|
|
38697
|
+
headers: {
|
|
38698
|
+
'Content-Type': 'application/json'
|
|
38699
|
+
}
|
|
38700
|
+
});
|
|
38701
|
+
case 13:
|
|
38702
|
+
response = _context3.sent;
|
|
38703
|
+
newConversations = clone$1(conversations).map(function (conversation) {
|
|
38704
|
+
if ((conversation === null || conversation === void 0 ? void 0 : conversation.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id)) {
|
|
38705
|
+
var _response$data3;
|
|
38706
|
+
conversation.feedback = feedback;
|
|
38707
|
+
conversation.feedbackId = response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.feedback_id;
|
|
38708
|
+
}
|
|
38709
|
+
return conversation;
|
|
38710
|
+
});
|
|
38711
|
+
newFeedbacks = _objectSpread2({}, feedbacks);
|
|
38712
|
+
newFeedbacks[Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id] = chatHistoryWithoutSystemPrompts;
|
|
38713
|
+
setFeedbacks(newFeedbacks);
|
|
38714
|
+
setConversations(newConversations);
|
|
38715
|
+
setIsFeedbackLoading(false);
|
|
38716
|
+
storage$1.setLocalItem('mihelpAgentConversations', newConversations);
|
|
38717
|
+
storage$1.setLocalItem('mihelpAgentFeedbacks', newFeedbacks);
|
|
38718
|
+
case 22:
|
|
38719
|
+
case "end":
|
|
38720
|
+
return _context3.stop();
|
|
38721
|
+
}
|
|
38722
|
+
}, _callee3);
|
|
38723
|
+
}));
|
|
38724
|
+
return function handleFeedback(_x5, _x6, _x7) {
|
|
38725
|
+
return _ref4.apply(this, arguments);
|
|
38726
|
+
};
|
|
38727
|
+
}();
|
|
38584
38728
|
var isChromeOnIPhone = function isChromeOnIPhone() {
|
|
38585
38729
|
var userAgent = navigator.userAgent;
|
|
38586
38730
|
var isIPhone = /iPhone/i.test(userAgent);
|
|
@@ -38700,7 +38844,35 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38700
38844
|
dangerouslySetInnerHTML: {
|
|
38701
38845
|
__html: conversation === null || conversation === void 0 ? void 0 : conversation.content
|
|
38702
38846
|
}
|
|
38703
|
-
})
|
|
38847
|
+
}), !isUser && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
38848
|
+
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--feedbackContainer"
|
|
38849
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
38850
|
+
onClick: function onClick() {
|
|
38851
|
+
return handleFeedback('thumbs_up', conversation, clone$1(conversations));
|
|
38852
|
+
}
|
|
38853
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
|
|
38854
|
+
content: "Good Response"
|
|
38855
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
38856
|
+
name: "thumbs-up",
|
|
38857
|
+
variant: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_up' ? 'solid' : 'light',
|
|
38858
|
+
style: {
|
|
38859
|
+
color: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_up' ? '#3261BD' : '#242424',
|
|
38860
|
+
fontSize: '16px'
|
|
38861
|
+
}
|
|
38862
|
+
}))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
38863
|
+
onClick: function onClick() {
|
|
38864
|
+
return handleFeedback('thumbs_down', conversation, clone$1(conversations));
|
|
38865
|
+
}
|
|
38866
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
|
|
38867
|
+
content: "Bad Response"
|
|
38868
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
38869
|
+
name: "thumbs-down",
|
|
38870
|
+
variant: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_down' ? 'solid' : 'light',
|
|
38871
|
+
style: {
|
|
38872
|
+
color: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_down' ? '#3261BD' : '#242424',
|
|
38873
|
+
fontSize: '16px'
|
|
38874
|
+
}
|
|
38875
|
+
}))))));
|
|
38704
38876
|
});
|
|
38705
38877
|
}(), isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
38706
38878
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message"
|
|
@@ -38760,7 +38932,11 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38760
38932
|
cursor: isLoading || collectionError ? 'auto' : 'pointer'
|
|
38761
38933
|
},
|
|
38762
38934
|
disabled: isLoading || collectionError
|
|
38763
|
-
}))))
|
|
38935
|
+
})))), isFeedbackLoading && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
38936
|
+
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--spinner"
|
|
38937
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
|
|
38938
|
+
size: "60px"
|
|
38939
|
+
}))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
38764
38940
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon",
|
|
38765
38941
|
onClick: handleChatIconClick
|
|
38766
38942
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|