@copart/ops-tool-kit 1.10.20-alpha.6 → 1.10.20-alpha.8
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 +278 -65
- 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.8";
|
|
37
37
|
const main$1 = "dist/ops-tool-kit.js";
|
|
38
38
|
const style = "dist/ops-tool-kit.css";
|
|
39
39
|
const files = [
|
|
@@ -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 .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";
|
|
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",
|
|
@@ -38124,6 +38125,8 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38124
38125
|
systemPrompt = _ref$systemPrompt === void 0 ? '' : _ref$systemPrompt,
|
|
38125
38126
|
_ref$contextMessagesC = _ref.contextMessagesCount,
|
|
38126
38127
|
contextMessagesCount = _ref$contextMessagesC === void 0 ? 5 : _ref$contextMessagesC,
|
|
38128
|
+
_ref$contextChunks = _ref.contextChunks,
|
|
38129
|
+
contextChunks = _ref$contextChunks === void 0 ? 10 : _ref$contextChunks,
|
|
38127
38130
|
mihelpAgentRef = _ref.mihelpAgentRef;
|
|
38128
38131
|
var _useState = React.useState(false),
|
|
38129
38132
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -38135,72 +38138,81 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38135
38138
|
setIsLoading = _useState4[1];
|
|
38136
38139
|
var _useState5 = React.useState(false),
|
|
38137
38140
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
38138
|
-
|
|
38139
|
-
|
|
38140
|
-
var retryCount = React.useRef(0);
|
|
38141
|
-
var messagesContainerRef = React.useRef(null);
|
|
38141
|
+
isFeedbackLoading = _useState6[0],
|
|
38142
|
+
setIsFeedbackLoading = _useState6[1];
|
|
38142
38143
|
var _useState7 = React.useState(false),
|
|
38143
38144
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
38144
|
-
|
|
38145
|
-
|
|
38146
|
-
var
|
|
38145
|
+
collectionError = _useState8[0],
|
|
38146
|
+
setCollectionError = _useState8[1];
|
|
38147
|
+
var retryCount = React.useRef(0);
|
|
38148
|
+
var messagesContainerRef = React.useRef(null);
|
|
38149
|
+
var inputContainerRef = React.useRef(null);
|
|
38150
|
+
var _useState9 = React.useState(false),
|
|
38147
38151
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
38148
|
-
|
|
38149
|
-
|
|
38152
|
+
messageError = _useState10[0],
|
|
38153
|
+
setMessageError = _useState10[1];
|
|
38150
38154
|
var _useState11 = React.useState([]),
|
|
38151
38155
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
38152
|
-
|
|
38153
|
-
|
|
38154
|
-
var _useState13 = React.useState(
|
|
38156
|
+
conversations = _useState12[0],
|
|
38157
|
+
setConversations = _useState12[1];
|
|
38158
|
+
var _useState13 = React.useState([]),
|
|
38155
38159
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
38156
|
-
|
|
38157
|
-
|
|
38158
|
-
var _useState15 = React.useState(
|
|
38160
|
+
quickReplyList = _useState14[0],
|
|
38161
|
+
setQuickReplyList = _useState14[1];
|
|
38162
|
+
var _useState15 = React.useState(''),
|
|
38159
38163
|
_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({
|
|
38164
|
+
message = _useState16[0],
|
|
38165
|
+
setMessage = _useState16[1];
|
|
38166
|
+
var _useState17 = React.useState(null),
|
|
38167
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
38168
|
+
currentContext = _useState18[0],
|
|
38169
|
+
setCurrentContext = _useState18[1];
|
|
38170
|
+
var _useState19 = React.useState({}),
|
|
38171
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
38172
|
+
feedbacks = _useState20[0],
|
|
38173
|
+
setFeedbacks = _useState20[1];
|
|
38174
|
+
var _useState21 = React.useState({
|
|
38167
38175
|
x: 0,
|
|
38168
38176
|
y: 0
|
|
38169
38177
|
}),
|
|
38170
|
-
|
|
38171
|
-
position =
|
|
38172
|
-
setPosition =
|
|
38173
|
-
var
|
|
38178
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
38179
|
+
position = _useState22[0],
|
|
38180
|
+
setPosition = _useState22[1];
|
|
38181
|
+
var _useState23 = React.useState({
|
|
38174
38182
|
x: 50,
|
|
38175
38183
|
y: -68
|
|
38176
38184
|
}),
|
|
38177
|
-
_useState22 = _slicedToArray(_useState21, 2),
|
|
38178
|
-
chatPosition = _useState22[0],
|
|
38179
|
-
setChatPosition = _useState22[1];
|
|
38180
|
-
var _useState23 = React.useState(false),
|
|
38181
38185
|
_useState24 = _slicedToArray(_useState23, 2),
|
|
38182
|
-
|
|
38183
|
-
|
|
38184
|
-
var _useState25 = React.useState(
|
|
38186
|
+
chatPosition = _useState24[0],
|
|
38187
|
+
setChatPosition = _useState24[1];
|
|
38188
|
+
var _useState25 = React.useState(false),
|
|
38189
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
38190
|
+
isDragging = _useState26[0],
|
|
38191
|
+
setIsDragging = _useState26[1];
|
|
38192
|
+
var _useState27 = React.useState({
|
|
38185
38193
|
x: 0,
|
|
38186
38194
|
y: 0
|
|
38187
38195
|
}),
|
|
38188
|
-
_useState26 = _slicedToArray(_useState25, 2),
|
|
38189
|
-
offset = _useState26[0],
|
|
38190
|
-
setOffset = _useState26[1];
|
|
38191
|
-
var _useState27 = React.useState(false),
|
|
38192
38196
|
_useState28 = _slicedToArray(_useState27, 2),
|
|
38193
|
-
|
|
38194
|
-
|
|
38195
|
-
var _useState29 = React.useState(
|
|
38197
|
+
offset = _useState28[0],
|
|
38198
|
+
setOffset = _useState28[1];
|
|
38199
|
+
var _useState29 = React.useState(false),
|
|
38196
38200
|
_useState30 = _slicedToArray(_useState29, 2),
|
|
38197
|
-
|
|
38198
|
-
|
|
38199
|
-
var _useState31 = React.useState(
|
|
38201
|
+
dragged = _useState30[0],
|
|
38202
|
+
setDragged = _useState30[1];
|
|
38203
|
+
var _useState31 = React.useState(500),
|
|
38200
38204
|
_useState32 = _slicedToArray(_useState31, 2),
|
|
38201
|
-
|
|
38202
|
-
|
|
38203
|
-
var
|
|
38205
|
+
chatWindowWidth = _useState32[0],
|
|
38206
|
+
setChatWindowWidth = _useState32[1];
|
|
38207
|
+
var _useState33 = React.useState(0),
|
|
38208
|
+
_useState34 = _slicedToArray(_useState33, 2),
|
|
38209
|
+
windowInnerWidthForMobile = _useState34[0],
|
|
38210
|
+
setWindowInnerWidthForMobile = _useState34[1];
|
|
38211
|
+
var _useState35 = React.useState(600),
|
|
38212
|
+
_useState36 = _slicedToArray(_useState35, 2),
|
|
38213
|
+
chatWindowHeight = _useState36[0],
|
|
38214
|
+
setchatWindowHeight = _useState36[1]; //update this if changed in css
|
|
38215
|
+
|
|
38204
38216
|
var chatIconSize = 60; //update this if changed in css
|
|
38205
38217
|
|
|
38206
38218
|
React.useEffect(function () {
|
|
@@ -38240,7 +38252,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38240
38252
|
}, []);
|
|
38241
38253
|
var handleStart = function handleStart(e) {
|
|
38242
38254
|
var target = e.target;
|
|
38243
|
-
if (
|
|
38255
|
+
if (inputContainerRef.current && inputContainerRef.current.contains(target) || messagesContainerRef.current && messagesContainerRef.current.contains(target)) {
|
|
38244
38256
|
return;
|
|
38245
38257
|
}
|
|
38246
38258
|
e.preventDefault();
|
|
@@ -38293,6 +38305,10 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38293
38305
|
}
|
|
38294
38306
|
}, [position, dragged]);
|
|
38295
38307
|
var adjustChatWindowPosition = function adjustChatWindowPosition() {
|
|
38308
|
+
if (chatWindowHeight + chatIconSize + 20 > window.innerHeight) {
|
|
38309
|
+
return setchatWindowHeight(window.innerHeight - chatIconSize - 20);
|
|
38310
|
+
}
|
|
38311
|
+
// if (chatWindowHeight + chatIconSize + 20 > window.innerHeight) return
|
|
38296
38312
|
var bufferForMobile = window.innerWidth <= 575 ? 40 : 0;
|
|
38297
38313
|
// let chatX = 0 - chatIconSize + bufferForMobile
|
|
38298
38314
|
var chatX = 0 - chatIconSize;
|
|
@@ -38314,9 +38330,12 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38314
38330
|
});
|
|
38315
38331
|
};
|
|
38316
38332
|
var adjustChatIconPosition = function adjustChatIconPosition() {
|
|
38333
|
+
// if (chatWindowHeight + chatIconSize + 20 > window.innerHeight) {
|
|
38334
|
+
// return setchatWindowHeight(500)
|
|
38335
|
+
// }
|
|
38317
38336
|
var newX = position.x;
|
|
38318
38337
|
var newY = position.y;
|
|
38319
|
-
var
|
|
38338
|
+
var isSmallDevice = windowInnerWidthForMobile < 1000;
|
|
38320
38339
|
var middleX = windowInnerWidthForMobile / 2; // Middle of the screen
|
|
38321
38340
|
var closerToLeft = position.x < middleX; // Check if icon is closer to left or right
|
|
38322
38341
|
|
|
@@ -38331,7 +38350,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38331
38350
|
}
|
|
38332
38351
|
|
|
38333
38352
|
// In Mobile, move chat icon to the nearest screen edge (left or right)
|
|
38334
|
-
if (
|
|
38353
|
+
if (isSmallDevice) {
|
|
38335
38354
|
newX = closerToLeft ? 70 : windowInnerWidthForMobile - 10;
|
|
38336
38355
|
}
|
|
38337
38356
|
if (newX !== position.x || newY !== position.y) {
|
|
@@ -38341,6 +38360,12 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38341
38360
|
});
|
|
38342
38361
|
}
|
|
38343
38362
|
};
|
|
38363
|
+
React.useEffect(function () {
|
|
38364
|
+
if (chatWindowHeight !== 600) {
|
|
38365
|
+
adjustChatWindowPosition();
|
|
38366
|
+
// adjustChatIconPosition()
|
|
38367
|
+
}
|
|
38368
|
+
}, [chatWindowHeight]);
|
|
38344
38369
|
React.useEffect(function () {
|
|
38345
38370
|
if (isDragging) {
|
|
38346
38371
|
document.addEventListener('mousemove', handleMove);
|
|
@@ -38413,6 +38438,24 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38413
38438
|
};
|
|
38414
38439
|
}
|
|
38415
38440
|
}, []);
|
|
38441
|
+
React.useEffect(function () {
|
|
38442
|
+
var handleStorageChange = function handleStorageChange(event) {
|
|
38443
|
+
if (event.key === 'mihelpAgentConversations') {
|
|
38444
|
+
var conversationsFromSession = JSON.parse(event.newValue);
|
|
38445
|
+
var conversationsToBeSaved = !isEmpty$2(conversationsFromSession) ? conversationsFromSession : [];
|
|
38446
|
+
setConversations(conversationsToBeSaved);
|
|
38447
|
+
}
|
|
38448
|
+
if (event.key === 'mihelpAgentFeedbacks') {
|
|
38449
|
+
var feedbacksFromSession = JSON.parse(event.newValue);
|
|
38450
|
+
var feedbacksToBeSaved = !isEmpty$2(feedbacksFromSession) ? feedbacksFromSession : {};
|
|
38451
|
+
setFeedbacks(feedbacksToBeSaved);
|
|
38452
|
+
}
|
|
38453
|
+
};
|
|
38454
|
+
window.addEventListener('storage', handleStorageChange);
|
|
38455
|
+
return function () {
|
|
38456
|
+
window.removeEventListener('storage', handleStorageChange);
|
|
38457
|
+
};
|
|
38458
|
+
}, []);
|
|
38416
38459
|
var chatBodyRef = React.useRef(null);
|
|
38417
38460
|
var scroll = function scroll() {
|
|
38418
38461
|
chatBodyRef.current && chatBodyRef.current.scrollTo({
|
|
@@ -38435,7 +38478,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38435
38478
|
};
|
|
38436
38479
|
var send = /*#__PURE__*/function () {
|
|
38437
38480
|
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;
|
|
38481
|
+
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
38482
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
38440
38483
|
while (1) switch (_context.prev = _context.next) {
|
|
38441
38484
|
case 0:
|
|
@@ -38445,10 +38488,14 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38445
38488
|
newMessages = _toConsumableArray(messages);
|
|
38446
38489
|
if (systemPrompt && typeof systemPrompt === 'string') {
|
|
38447
38490
|
if (!currentContext) {
|
|
38448
|
-
newMessages.
|
|
38449
|
-
|
|
38450
|
-
|
|
38451
|
-
|
|
38491
|
+
if (!newMessages.find(function (m) {
|
|
38492
|
+
return (m === null || m === void 0 ? void 0 : m.role) === 'system';
|
|
38493
|
+
})) {
|
|
38494
|
+
newMessages.unshift({
|
|
38495
|
+
role: 'system',
|
|
38496
|
+
content: getSystemPrompt()
|
|
38497
|
+
});
|
|
38498
|
+
}
|
|
38452
38499
|
if (!isEmpty$2(storage$1.appContext)) {
|
|
38453
38500
|
setCurrentContext(storage$1.appContext);
|
|
38454
38501
|
}
|
|
@@ -38481,7 +38528,8 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38481
38528
|
messages: messagesWithOutId,
|
|
38482
38529
|
collection: collection,
|
|
38483
38530
|
last_n: contextMessagesCount,
|
|
38484
|
-
appName: isCoreApp ? 'g2Home' : appAuthName
|
|
38531
|
+
appName: isCoreApp ? 'g2Home' : appAuthName,
|
|
38532
|
+
k: contextChunks
|
|
38485
38533
|
};
|
|
38486
38534
|
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;
|
|
38487
38535
|
_context.next = 15;
|
|
@@ -38496,6 +38544,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38496
38544
|
newConversations = [].concat(_toConsumableArray(newMessages), [{
|
|
38497
38545
|
role: 'assistant',
|
|
38498
38546
|
content: response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.content,
|
|
38547
|
+
retrievedDocuments: response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.retrieved_documents,
|
|
38499
38548
|
id: nonSecure()
|
|
38500
38549
|
}]);
|
|
38501
38550
|
setConversations(newConversations);
|
|
@@ -38581,6 +38630,122 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38581
38630
|
storage$1.setLocalItem('mihelpAgentFeedbacks', {});
|
|
38582
38631
|
setMessageError(false);
|
|
38583
38632
|
};
|
|
38633
|
+
var updateFeedback = /*#__PURE__*/function () {
|
|
38634
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(feedback, Currentconversation, conversations) {
|
|
38635
|
+
var _storage$getLocalItem3, _storage$getLocalItem4;
|
|
38636
|
+
var payload, endpoint, newConversations;
|
|
38637
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
38638
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
38639
|
+
case 0:
|
|
38640
|
+
payload = {
|
|
38641
|
+
chat_id: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id,
|
|
38642
|
+
feedback: feedback,
|
|
38643
|
+
chat_history: feedbacks[Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id],
|
|
38644
|
+
retrieved_documents: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.retrievedDocuments,
|
|
38645
|
+
timestamp: new Date().toISOString()
|
|
38646
|
+
};
|
|
38647
|
+
setIsFeedbackLoading(true);
|
|
38648
|
+
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);
|
|
38649
|
+
_context2.next = 5;
|
|
38650
|
+
return fetcher.put(endpoint, payload, {
|
|
38651
|
+
headers: {
|
|
38652
|
+
'Content-Type': 'application/json'
|
|
38653
|
+
}
|
|
38654
|
+
});
|
|
38655
|
+
case 5:
|
|
38656
|
+
_context2.sent;
|
|
38657
|
+
newConversations = clone$1(conversations).map(function (conversation) {
|
|
38658
|
+
if ((conversation === null || conversation === void 0 ? void 0 : conversation.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id)) {
|
|
38659
|
+
conversation.feedback = feedback;
|
|
38660
|
+
}
|
|
38661
|
+
return conversation;
|
|
38662
|
+
});
|
|
38663
|
+
setConversations(newConversations);
|
|
38664
|
+
setIsFeedbackLoading(false);
|
|
38665
|
+
storage$1.setLocalItem('mihelpAgentConversations', newConversations);
|
|
38666
|
+
case 10:
|
|
38667
|
+
case "end":
|
|
38668
|
+
return _context2.stop();
|
|
38669
|
+
}
|
|
38670
|
+
}, _callee2);
|
|
38671
|
+
}));
|
|
38672
|
+
return function updateFeedback(_x2, _x3, _x4) {
|
|
38673
|
+
return _ref3.apply(this, arguments);
|
|
38674
|
+
};
|
|
38675
|
+
}();
|
|
38676
|
+
var handleFeedback = /*#__PURE__*/function () {
|
|
38677
|
+
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(feedback, Currentconversation, conversations) {
|
|
38678
|
+
var _storage$getLocalItem5, _storage$getLocalItem6;
|
|
38679
|
+
var conversationsUntilCurrentMessage, lastFeedbackIndex, chatHistoryAfterLastFeedback, chatHistoryWithoutSystemPrompts, payload, endpoint, response, newConversations, newFeedbacks;
|
|
38680
|
+
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
|
38681
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
38682
|
+
case 0:
|
|
38683
|
+
if (!((Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.feedback) === feedback)) {
|
|
38684
|
+
_context3.next = 2;
|
|
38685
|
+
break;
|
|
38686
|
+
}
|
|
38687
|
+
return _context3.abrupt("return");
|
|
38688
|
+
case 2:
|
|
38689
|
+
if (!(Currentconversation !== null && Currentconversation !== void 0 && Currentconversation.feedback)) {
|
|
38690
|
+
_context3.next = 4;
|
|
38691
|
+
break;
|
|
38692
|
+
}
|
|
38693
|
+
return _context3.abrupt("return", updateFeedback(feedback, Currentconversation, conversations));
|
|
38694
|
+
case 4:
|
|
38695
|
+
conversationsUntilCurrentMessage = _toConsumableArray(conversations).slice(0, conversations.findIndex(function (c) {
|
|
38696
|
+
return (c === null || c === void 0 ? void 0 : c.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id);
|
|
38697
|
+
}) + 1);
|
|
38698
|
+
lastFeedbackIndex = conversationsUntilCurrentMessage.map(function (item) {
|
|
38699
|
+
return item.feedback;
|
|
38700
|
+
}).findLastIndex(function (item) {
|
|
38701
|
+
return item === 'thumbs_up' || item === 'thumbs_down';
|
|
38702
|
+
});
|
|
38703
|
+
chatHistoryAfterLastFeedback = lastFeedbackIndex === -1 ? conversationsUntilCurrentMessage : conversationsUntilCurrentMessage.slice(lastFeedbackIndex + 1);
|
|
38704
|
+
chatHistoryWithoutSystemPrompts = chatHistoryAfterLastFeedback.filter(function (c) {
|
|
38705
|
+
return (c === null || c === void 0 ? void 0 : c.role) !== 'system';
|
|
38706
|
+
});
|
|
38707
|
+
payload = {
|
|
38708
|
+
chat_id: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id,
|
|
38709
|
+
feedback: feedback,
|
|
38710
|
+
chat_history: chatHistoryWithoutSystemPrompts,
|
|
38711
|
+
retrieved_documents: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.retrievedDocuments,
|
|
38712
|
+
timestamp: new Date().toISOString()
|
|
38713
|
+
};
|
|
38714
|
+
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;
|
|
38715
|
+
setIsFeedbackLoading(true);
|
|
38716
|
+
_context3.next = 13;
|
|
38717
|
+
return fetcher.post(endpoint, payload, {
|
|
38718
|
+
headers: {
|
|
38719
|
+
'Content-Type': 'application/json'
|
|
38720
|
+
}
|
|
38721
|
+
});
|
|
38722
|
+
case 13:
|
|
38723
|
+
response = _context3.sent;
|
|
38724
|
+
newConversations = clone$1(conversations).map(function (conversation) {
|
|
38725
|
+
if ((conversation === null || conversation === void 0 ? void 0 : conversation.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id)) {
|
|
38726
|
+
var _response$data3;
|
|
38727
|
+
conversation.feedback = feedback;
|
|
38728
|
+
conversation.feedbackId = response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.feedback_id;
|
|
38729
|
+
}
|
|
38730
|
+
return conversation;
|
|
38731
|
+
});
|
|
38732
|
+
newFeedbacks = _objectSpread2({}, feedbacks);
|
|
38733
|
+
newFeedbacks[Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id] = chatHistoryWithoutSystemPrompts;
|
|
38734
|
+
setFeedbacks(newFeedbacks);
|
|
38735
|
+
setConversations(newConversations);
|
|
38736
|
+
setIsFeedbackLoading(false);
|
|
38737
|
+
storage$1.setLocalItem('mihelpAgentConversations', newConversations);
|
|
38738
|
+
storage$1.setLocalItem('mihelpAgentFeedbacks', newFeedbacks);
|
|
38739
|
+
case 22:
|
|
38740
|
+
case "end":
|
|
38741
|
+
return _context3.stop();
|
|
38742
|
+
}
|
|
38743
|
+
}, _callee3);
|
|
38744
|
+
}));
|
|
38745
|
+
return function handleFeedback(_x5, _x6, _x7) {
|
|
38746
|
+
return _ref4.apply(this, arguments);
|
|
38747
|
+
};
|
|
38748
|
+
}();
|
|
38584
38749
|
var isChromeOnIPhone = function isChromeOnIPhone() {
|
|
38585
38750
|
var userAgent = navigator.userAgent;
|
|
38586
38751
|
var isIPhone = /iPhone/i.test(userAgent);
|
|
@@ -38602,7 +38767,8 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38602
38767
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow",
|
|
38603
38768
|
style: {
|
|
38604
38769
|
left: "".concat(chatPosition.x, "px"),
|
|
38605
|
-
top: "".concat(chatPosition.y, "px")
|
|
38770
|
+
top: "".concat(chatPosition.y, "px"),
|
|
38771
|
+
height: chatWindowHeight
|
|
38606
38772
|
}
|
|
38607
38773
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
38608
38774
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader"
|
|
@@ -38700,7 +38866,35 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38700
38866
|
dangerouslySetInnerHTML: {
|
|
38701
38867
|
__html: conversation === null || conversation === void 0 ? void 0 : conversation.content
|
|
38702
38868
|
}
|
|
38703
|
-
})
|
|
38869
|
+
}), !isUser && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
38870
|
+
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--feedbackContainer"
|
|
38871
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
38872
|
+
onClick: function onClick() {
|
|
38873
|
+
return handleFeedback('thumbs_up', conversation, clone$1(conversations));
|
|
38874
|
+
}
|
|
38875
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
|
|
38876
|
+
content: "Good Response"
|
|
38877
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
38878
|
+
name: "thumbs-up",
|
|
38879
|
+
variant: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_up' ? 'solid' : 'light',
|
|
38880
|
+
style: {
|
|
38881
|
+
color: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_up' ? '#3261BD' : '#242424',
|
|
38882
|
+
fontSize: '16px'
|
|
38883
|
+
}
|
|
38884
|
+
}))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
38885
|
+
onClick: function onClick() {
|
|
38886
|
+
return handleFeedback('thumbs_down', conversation, clone$1(conversations));
|
|
38887
|
+
}
|
|
38888
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
|
|
38889
|
+
content: "Bad Response"
|
|
38890
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
38891
|
+
name: "thumbs-down",
|
|
38892
|
+
variant: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_down' ? 'solid' : 'light',
|
|
38893
|
+
style: {
|
|
38894
|
+
color: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_down' ? '#3261BD' : '#242424',
|
|
38895
|
+
fontSize: '16px'
|
|
38896
|
+
}
|
|
38897
|
+
}))))));
|
|
38704
38898
|
});
|
|
38705
38899
|
}(), isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
38706
38900
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message"
|
|
@@ -38735,6 +38929,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38735
38929
|
}, /*#__PURE__*/React__default["default"].createElement("p", null, "Oops! Something went wrong. Please try again."))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
38736
38930
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowFooter"
|
|
38737
38931
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
38932
|
+
ref: inputContainerRef,
|
|
38738
38933
|
className: _getClassName("inputContainer ".concat(collectionError ? 'disabled' : ''), _styleModuleImportMap$1, {
|
|
38739
38934
|
"handleMissingStyleName": "warn"
|
|
38740
38935
|
})
|
|
@@ -38760,7 +38955,11 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
38760
38955
|
cursor: isLoading || collectionError ? 'auto' : 'pointer'
|
|
38761
38956
|
},
|
|
38762
38957
|
disabled: isLoading || collectionError
|
|
38763
|
-
}))))
|
|
38958
|
+
})))), isFeedbackLoading && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
38959
|
+
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--spinner"
|
|
38960
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
|
|
38961
|
+
size: "60px"
|
|
38962
|
+
}))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
38764
38963
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon",
|
|
38765
38964
|
onClick: handleChatIconClick
|
|
38766
38965
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
@@ -38801,7 +39000,7 @@ var SCROLL = {
|
|
|
38801
39000
|
var NO_SCROLL = {};
|
|
38802
39001
|
var defaultSystemPrompt = 'Format all of the subsequent AI responses in valid HTML5, without markdown code blocks or any additional formatting, ensuring that the response consists only of raw HTML tags. Format your response in this structure:<html> <p> Your answer here </p> </html>';
|
|
38803
39002
|
var AppFrame = function AppFrame(props) {
|
|
38804
|
-
var _props$mihelpAgentPro, _props$mihelpAgentPro2, _props$mihelpAgentPro3, _props$mihelpAgentPro4, _props$mihelpAgentPro5;
|
|
39003
|
+
var _props$mihelpAgentPro, _props$mihelpAgentPro2, _props$mihelpAgentPro3, _props$mihelpAgentPro4, _props$mihelpAgentPro5, _props$mihelpAgentPro6;
|
|
38805
39004
|
// Check if the child AppBar is mounted
|
|
38806
39005
|
var _useState = React.useState(false),
|
|
38807
39006
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -38815,6 +39014,7 @@ var AppFrame = function AppFrame(props) {
|
|
|
38815
39014
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
38816
39015
|
isLandscapeInMobile = _useState6[0],
|
|
38817
39016
|
setIsLandscapeInMobile = _useState6[1];
|
|
39017
|
+
var chatBotEnabledRef = React.useRef(false);
|
|
38818
39018
|
var setChatBotEnableStatus = function setChatBotEnableStatus() {
|
|
38819
39019
|
var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
|
|
38820
39020
|
var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
|
|
@@ -38824,6 +39024,7 @@ var AppFrame = function AppFrame(props) {
|
|
|
38824
39024
|
console.log("***chatBotEnabled=", chatBotEnabled, coreAppConfig);
|
|
38825
39025
|
console.log("***isCoreRoute=", isCoreRoute, enableChatBot, window.location.pathname, !window.location.pathname.includes('embedded'));
|
|
38826
39026
|
setChatBotEnabled(chatBotEnabled);
|
|
39027
|
+
chatBotEnabledRef.current = chatBotEnabled;
|
|
38827
39028
|
};
|
|
38828
39029
|
React.useEffect(function () {
|
|
38829
39030
|
if (appBarMounted) {
|
|
@@ -38843,17 +39044,28 @@ var AppFrame = function AppFrame(props) {
|
|
|
38843
39044
|
});
|
|
38844
39045
|
var isMobileLandscape = function isMobileLandscape() {
|
|
38845
39046
|
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
|
|
38846
|
-
var isMobile = /android|iphone|ipod|blackberry|iemobile|opera mini/i.test(userAgent) && !/ipad|tablet|playbook|silk/i.test(userAgent);
|
|
39047
|
+
var isMobile = /android|iphone|ipod|blackberry|iemobile|opera mini/i.test(userAgent) && !/ipad|tablet|playbook|silk|mediapad/i.test(userAgent);
|
|
39048
|
+
var isSmallDevice = Math.min(screen.width, screen.height) <= 500;
|
|
38847
39049
|
var isLandscape = window.innerWidth > window.innerHeight;
|
|
38848
|
-
return isMobile && isLandscape;
|
|
39050
|
+
return isMobile && isLandscape && isSmallDevice;
|
|
38849
39051
|
};
|
|
38850
39052
|
React.useEffect(function () {
|
|
38851
39053
|
var handleResize = function handleResize() {
|
|
38852
39054
|
setIsLandscapeInMobile(isMobileLandscape());
|
|
38853
39055
|
};
|
|
39056
|
+
var handleOrientationChange = function handleOrientationChange() {
|
|
39057
|
+
if (chatBotEnabledRef.current) {
|
|
39058
|
+
setChatBotEnabled(false);
|
|
39059
|
+
setTimeout(function () {
|
|
39060
|
+
setChatBotEnabled(true);
|
|
39061
|
+
}, 200);
|
|
39062
|
+
}
|
|
39063
|
+
};
|
|
38854
39064
|
window.addEventListener("resize", handleResize);
|
|
39065
|
+
window.addEventListener("orientationchange", handleOrientationChange);
|
|
38855
39066
|
return function () {
|
|
38856
|
-
|
|
39067
|
+
window.removeEventListener("resize", handleResize);
|
|
39068
|
+
window.removeEventListener("orientationchange", handleOrientationChange);
|
|
38857
39069
|
};
|
|
38858
39070
|
}, []);
|
|
38859
39071
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -38886,7 +39098,8 @@ var AppFrame = function AppFrame(props) {
|
|
|
38886
39098
|
collection: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro2 = props.mihelpAgentProps) === null || _props$mihelpAgentPro2 === void 0 ? void 0 : _props$mihelpAgentPro2.collection,
|
|
38887
39099
|
systemPrompt: (props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro3 = props.mihelpAgentProps) === null || _props$mihelpAgentPro3 === void 0 ? void 0 : _props$mihelpAgentPro3.systemPrompt) || defaultSystemPrompt,
|
|
38888
39100
|
contextMessagesCount: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro4 = props.mihelpAgentProps) === null || _props$mihelpAgentPro4 === void 0 ? void 0 : _props$mihelpAgentPro4.contextMessagesCount,
|
|
38889
|
-
|
|
39101
|
+
contextChunks: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro5 = props.mihelpAgentProps) === null || _props$mihelpAgentPro5 === void 0 ? void 0 : _props$mihelpAgentPro5.contextChunksCount,
|
|
39102
|
+
mihelpAgentRef: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro6 = props.mihelpAgentProps) === null || _props$mihelpAgentPro6 === void 0 ? void 0 : _props$mihelpAgentPro6.mihelpAgentRef
|
|
38890
39103
|
})))));
|
|
38891
39104
|
};
|
|
38892
39105
|
AppFrame.defaultProps = {
|