@copart/ops-tool-kit 1.12.1-alpha.26 → 1.12.1-alpha.28
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
|
@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
|
32
32
|
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
|
|
33
33
|
|
|
34
34
|
const name$r = "@copart/ops-tool-kit";
|
|
35
|
-
const version$7 = "1.12.1-alpha.
|
|
35
|
+
const version$7 = "1.12.1-alpha.28";
|
|
36
36
|
const main$1 = "dist/ops-tool-kit.js";
|
|
37
37
|
const style = "dist/ops-tool-kit.css";
|
|
38
38
|
const files = [
|
|
@@ -35811,7 +35811,7 @@ var GoHome = function GoHome(props) {
|
|
|
35811
35811
|
}, props.reason));
|
|
35812
35812
|
};
|
|
35813
35813
|
|
|
35814
|
-
var css_248z$3 = ".utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper {\r\n position: absolute;\r\n /* right: 50px;\r\n bottom: 30px; */\r\n z-index: 9999;\r\n height: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0px;\r\n background: #1d5ab9;\r\n border-radius: 50%;\r\n width: 60px;\r\n height: 60px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 5px solid #fff;\r\n box-shadow: 0 0px 6px #c1c1c1;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n position: absolute;\r\n /* right: 0;\r\n bottom: 68px; */\r\n box-shadow: 0 0px 6px #c1c1c1;\r\n height: 600px;\r\n width: 500px;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n}\r\n.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";
|
|
35814
|
+
var css_248z$3 = ".utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper {\r\n position: absolute;\r\n /* right: 50px;\r\n bottom: 30px; */\r\n z-index: 9999;\r\n height: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0px;\r\n background: #1d5ab9;\r\n border-radius: 50%;\r\n width: 60px;\r\n height: 60px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 5px solid #fff;\r\n box-shadow: 0 0px 6px #c1c1c1;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n position: absolute;\r\n /* right: 0;\r\n bottom: 68px; */\r\n box-shadow: 0 0px 6px #c1c1c1;\r\n height: 600px;\r\n width: 500px;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--spinner{\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\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";
|
|
35815
35815
|
styleInject(css_248z$3);
|
|
35816
35816
|
|
|
35817
35817
|
var _styleModuleImportMap$2 = {
|
|
@@ -35819,6 +35819,7 @@ var _styleModuleImportMap$2 = {
|
|
|
35819
35819
|
"mihelpAgentWrapper": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper",
|
|
35820
35820
|
"chatIcon": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon",
|
|
35821
35821
|
"chatWindow": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow",
|
|
35822
|
+
"spinner": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--spinner",
|
|
35822
35823
|
"chatWindowHeader": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader",
|
|
35823
35824
|
"title": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--title",
|
|
35824
35825
|
"chatWindowBody": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody",
|
|
@@ -35855,6 +35856,8 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
35855
35856
|
systemPrompt = _ref$systemPrompt === void 0 ? '' : _ref$systemPrompt,
|
|
35856
35857
|
_ref$contextMessagesC = _ref.contextMessagesCount,
|
|
35857
35858
|
contextMessagesCount = _ref$contextMessagesC === void 0 ? 5 : _ref$contextMessagesC,
|
|
35859
|
+
_ref$contextChunks = _ref.contextChunks,
|
|
35860
|
+
contextChunks = _ref$contextChunks === void 0 ? 10 : _ref$contextChunks,
|
|
35858
35861
|
mihelpAgentRef = _ref.mihelpAgentRef;
|
|
35859
35862
|
var _useState = React.useState(false),
|
|
35860
35863
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -35866,72 +35869,81 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
35866
35869
|
setIsLoading = _useState4[1];
|
|
35867
35870
|
var _useState5 = React.useState(false),
|
|
35868
35871
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
35869
|
-
|
|
35870
|
-
|
|
35871
|
-
var retryCount = React.useRef(0);
|
|
35872
|
-
var messagesContainerRef = React.useRef(null);
|
|
35872
|
+
isFeedbackLoading = _useState6[0],
|
|
35873
|
+
setIsFeedbackLoading = _useState6[1];
|
|
35873
35874
|
var _useState7 = React.useState(false),
|
|
35874
35875
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
35875
|
-
|
|
35876
|
-
|
|
35877
|
-
var
|
|
35876
|
+
collectionError = _useState8[0],
|
|
35877
|
+
setCollectionError = _useState8[1];
|
|
35878
|
+
var retryCount = React.useRef(0);
|
|
35879
|
+
var messagesContainerRef = React.useRef(null);
|
|
35880
|
+
var inputContainerRef = React.useRef(null);
|
|
35881
|
+
var _useState9 = React.useState(false),
|
|
35878
35882
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
35879
|
-
|
|
35880
|
-
|
|
35883
|
+
messageError = _useState10[0],
|
|
35884
|
+
setMessageError = _useState10[1];
|
|
35881
35885
|
var _useState11 = React.useState([]),
|
|
35882
35886
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
35883
|
-
|
|
35884
|
-
|
|
35885
|
-
var _useState13 = React.useState(
|
|
35887
|
+
conversations = _useState12[0],
|
|
35888
|
+
setConversations = _useState12[1];
|
|
35889
|
+
var _useState13 = React.useState([]),
|
|
35886
35890
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
35887
|
-
|
|
35888
|
-
|
|
35889
|
-
var _useState15 = React.useState(
|
|
35891
|
+
quickReplyList = _useState14[0],
|
|
35892
|
+
setQuickReplyList = _useState14[1];
|
|
35893
|
+
var _useState15 = React.useState(''),
|
|
35890
35894
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
35891
|
-
|
|
35892
|
-
|
|
35893
|
-
var _useState17 = React.useState(
|
|
35894
|
-
_useState18 = _slicedToArray(_useState17, 2)
|
|
35895
|
-
_useState18[0]
|
|
35896
|
-
|
|
35897
|
-
var _useState19 = React.useState({
|
|
35895
|
+
message = _useState16[0],
|
|
35896
|
+
setMessage = _useState16[1];
|
|
35897
|
+
var _useState17 = React.useState(null),
|
|
35898
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
35899
|
+
currentContext = _useState18[0],
|
|
35900
|
+
setCurrentContext = _useState18[1];
|
|
35901
|
+
var _useState19 = React.useState({}),
|
|
35902
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
35903
|
+
feedbacks = _useState20[0],
|
|
35904
|
+
setFeedbacks = _useState20[1];
|
|
35905
|
+
var _useState21 = React.useState({
|
|
35898
35906
|
x: 0,
|
|
35899
35907
|
y: 0
|
|
35900
35908
|
}),
|
|
35901
|
-
|
|
35902
|
-
position =
|
|
35903
|
-
setPosition =
|
|
35904
|
-
var
|
|
35909
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
35910
|
+
position = _useState22[0],
|
|
35911
|
+
setPosition = _useState22[1];
|
|
35912
|
+
var _useState23 = React.useState({
|
|
35905
35913
|
x: 50,
|
|
35906
35914
|
y: -68
|
|
35907
35915
|
}),
|
|
35908
|
-
_useState22 = _slicedToArray(_useState21, 2),
|
|
35909
|
-
chatPosition = _useState22[0],
|
|
35910
|
-
setChatPosition = _useState22[1];
|
|
35911
|
-
var _useState23 = React.useState(false),
|
|
35912
35916
|
_useState24 = _slicedToArray(_useState23, 2),
|
|
35913
|
-
|
|
35914
|
-
|
|
35915
|
-
var _useState25 = React.useState(
|
|
35917
|
+
chatPosition = _useState24[0],
|
|
35918
|
+
setChatPosition = _useState24[1];
|
|
35919
|
+
var _useState25 = React.useState(false),
|
|
35920
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
35921
|
+
isDragging = _useState26[0],
|
|
35922
|
+
setIsDragging = _useState26[1];
|
|
35923
|
+
var _useState27 = React.useState({
|
|
35916
35924
|
x: 0,
|
|
35917
35925
|
y: 0
|
|
35918
35926
|
}),
|
|
35919
|
-
_useState26 = _slicedToArray(_useState25, 2),
|
|
35920
|
-
offset = _useState26[0],
|
|
35921
|
-
setOffset = _useState26[1];
|
|
35922
|
-
var _useState27 = React.useState(false),
|
|
35923
35927
|
_useState28 = _slicedToArray(_useState27, 2),
|
|
35924
|
-
|
|
35925
|
-
|
|
35926
|
-
var _useState29 = React.useState(
|
|
35928
|
+
offset = _useState28[0],
|
|
35929
|
+
setOffset = _useState28[1];
|
|
35930
|
+
var _useState29 = React.useState(false),
|
|
35927
35931
|
_useState30 = _slicedToArray(_useState29, 2),
|
|
35928
|
-
|
|
35929
|
-
|
|
35930
|
-
var _useState31 = React.useState(
|
|
35932
|
+
dragged = _useState30[0],
|
|
35933
|
+
setDragged = _useState30[1];
|
|
35934
|
+
var _useState31 = React.useState(500),
|
|
35931
35935
|
_useState32 = _slicedToArray(_useState31, 2),
|
|
35932
|
-
|
|
35933
|
-
|
|
35934
|
-
var
|
|
35936
|
+
chatWindowWidth = _useState32[0],
|
|
35937
|
+
setChatWindowWidth = _useState32[1];
|
|
35938
|
+
var _useState33 = React.useState(0),
|
|
35939
|
+
_useState34 = _slicedToArray(_useState33, 2),
|
|
35940
|
+
windowInnerWidthForMobile = _useState34[0],
|
|
35941
|
+
setWindowInnerWidthForMobile = _useState34[1];
|
|
35942
|
+
var _useState35 = React.useState(600),
|
|
35943
|
+
_useState36 = _slicedToArray(_useState35, 2),
|
|
35944
|
+
chatWindowHeight = _useState36[0],
|
|
35945
|
+
setchatWindowHeight = _useState36[1]; //update this if changed in css
|
|
35946
|
+
|
|
35935
35947
|
var chatIconSize = 60; //update this if changed in css
|
|
35936
35948
|
|
|
35937
35949
|
React.useEffect(function () {
|
|
@@ -35971,7 +35983,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
35971
35983
|
}, []);
|
|
35972
35984
|
var handleStart = function handleStart(e) {
|
|
35973
35985
|
var target = e.target;
|
|
35974
|
-
if (
|
|
35986
|
+
if (inputContainerRef.current && inputContainerRef.current.contains(target) || messagesContainerRef.current && messagesContainerRef.current.contains(target)) {
|
|
35975
35987
|
return;
|
|
35976
35988
|
}
|
|
35977
35989
|
e.preventDefault();
|
|
@@ -36024,6 +36036,10 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36024
36036
|
}
|
|
36025
36037
|
}, [position, dragged]);
|
|
36026
36038
|
var adjustChatWindowPosition = function adjustChatWindowPosition() {
|
|
36039
|
+
if (chatWindowHeight + chatIconSize + 20 > window.innerHeight) {
|
|
36040
|
+
return setchatWindowHeight(window.innerHeight - chatIconSize - 20);
|
|
36041
|
+
}
|
|
36042
|
+
// if (chatWindowHeight + chatIconSize + 20 > window.innerHeight) return
|
|
36027
36043
|
var bufferForMobile = window.innerWidth <= 575 ? 40 : 0;
|
|
36028
36044
|
// let chatX = 0 - chatIconSize + bufferForMobile
|
|
36029
36045
|
var chatX = 0 - chatIconSize;
|
|
@@ -36045,9 +36061,12 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36045
36061
|
});
|
|
36046
36062
|
};
|
|
36047
36063
|
var adjustChatIconPosition = function adjustChatIconPosition() {
|
|
36064
|
+
// if (chatWindowHeight + chatIconSize + 20 > window.innerHeight) {
|
|
36065
|
+
// return setchatWindowHeight(500)
|
|
36066
|
+
// }
|
|
36048
36067
|
var newX = position.x;
|
|
36049
36068
|
var newY = position.y;
|
|
36050
|
-
var
|
|
36069
|
+
var isSmallDevice = windowInnerWidthForMobile < 1000;
|
|
36051
36070
|
var middleX = windowInnerWidthForMobile / 2; // Middle of the screen
|
|
36052
36071
|
var closerToLeft = position.x < middleX; // Check if icon is closer to left or right
|
|
36053
36072
|
|
|
@@ -36062,7 +36081,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36062
36081
|
}
|
|
36063
36082
|
|
|
36064
36083
|
// In Mobile, move chat icon to the nearest screen edge (left or right)
|
|
36065
|
-
if (
|
|
36084
|
+
if (isSmallDevice) {
|
|
36066
36085
|
newX = closerToLeft ? 70 : windowInnerWidthForMobile - 10;
|
|
36067
36086
|
}
|
|
36068
36087
|
if (newX !== position.x || newY !== position.y) {
|
|
@@ -36072,6 +36091,12 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36072
36091
|
});
|
|
36073
36092
|
}
|
|
36074
36093
|
};
|
|
36094
|
+
React.useEffect(function () {
|
|
36095
|
+
if (chatWindowHeight !== 600) {
|
|
36096
|
+
adjustChatWindowPosition();
|
|
36097
|
+
// adjustChatIconPosition()
|
|
36098
|
+
}
|
|
36099
|
+
}, [chatWindowHeight]);
|
|
36075
36100
|
React.useEffect(function () {
|
|
36076
36101
|
if (isDragging) {
|
|
36077
36102
|
document.addEventListener('mousemove', handleMove);
|
|
@@ -36144,6 +36169,24 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36144
36169
|
};
|
|
36145
36170
|
}
|
|
36146
36171
|
}, []);
|
|
36172
|
+
React.useEffect(function () {
|
|
36173
|
+
var handleStorageChange = function handleStorageChange(event) {
|
|
36174
|
+
if (event.key === 'mihelpAgentConversations') {
|
|
36175
|
+
var conversationsFromSession = JSON.parse(event.newValue);
|
|
36176
|
+
var conversationsToBeSaved = !isEmpty$2(conversationsFromSession) ? conversationsFromSession : [];
|
|
36177
|
+
setConversations(conversationsToBeSaved);
|
|
36178
|
+
}
|
|
36179
|
+
if (event.key === 'mihelpAgentFeedbacks') {
|
|
36180
|
+
var feedbacksFromSession = JSON.parse(event.newValue);
|
|
36181
|
+
var feedbacksToBeSaved = !isEmpty$2(feedbacksFromSession) ? feedbacksFromSession : {};
|
|
36182
|
+
setFeedbacks(feedbacksToBeSaved);
|
|
36183
|
+
}
|
|
36184
|
+
};
|
|
36185
|
+
window.addEventListener('storage', handleStorageChange);
|
|
36186
|
+
return function () {
|
|
36187
|
+
window.removeEventListener('storage', handleStorageChange);
|
|
36188
|
+
};
|
|
36189
|
+
}, []);
|
|
36147
36190
|
var chatBodyRef = React.useRef(null);
|
|
36148
36191
|
var scroll = function scroll() {
|
|
36149
36192
|
chatBodyRef.current && chatBodyRef.current.scrollTo({
|
|
@@ -36166,7 +36209,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36166
36209
|
};
|
|
36167
36210
|
var send = /*#__PURE__*/function () {
|
|
36168
36211
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(messages) {
|
|
36169
|
-
var _window$toolkitEnv, _window$toolkitEnv2, _window$toolkitEnv3, _storage$getLocalItem, _storage$getLocalItem2, _response$data, newMessages, isCoreApp, appTiles, appName, appData, appAuthName, messagesWithOutId, payload, endpoint, response, newConversations;
|
|
36212
|
+
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;
|
|
36170
36213
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
36171
36214
|
while (1) switch (_context.prev = _context.next) {
|
|
36172
36215
|
case 0:
|
|
@@ -36176,10 +36219,14 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36176
36219
|
newMessages = _toConsumableArray(messages);
|
|
36177
36220
|
if (systemPrompt && typeof systemPrompt === 'string') {
|
|
36178
36221
|
if (!currentContext) {
|
|
36179
|
-
newMessages.
|
|
36180
|
-
|
|
36181
|
-
|
|
36182
|
-
|
|
36222
|
+
if (!newMessages.find(function (m) {
|
|
36223
|
+
return (m === null || m === void 0 ? void 0 : m.role) === 'system';
|
|
36224
|
+
})) {
|
|
36225
|
+
newMessages.unshift({
|
|
36226
|
+
role: 'system',
|
|
36227
|
+
content: getSystemPrompt()
|
|
36228
|
+
});
|
|
36229
|
+
}
|
|
36183
36230
|
if (!isEmpty$2(storage$1.appContext)) {
|
|
36184
36231
|
setCurrentContext(storage$1.appContext);
|
|
36185
36232
|
}
|
|
@@ -36212,7 +36259,8 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36212
36259
|
messages: messagesWithOutId,
|
|
36213
36260
|
collection: collection,
|
|
36214
36261
|
last_n: contextMessagesCount,
|
|
36215
|
-
appName: isCoreApp ? 'g2Home' : appAuthName
|
|
36262
|
+
appName: isCoreApp ? 'g2Home' : appAuthName,
|
|
36263
|
+
k: contextChunks
|
|
36216
36264
|
};
|
|
36217
36265
|
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;
|
|
36218
36266
|
_context.next = 15;
|
|
@@ -36227,6 +36275,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36227
36275
|
newConversations = [].concat(_toConsumableArray(newMessages), [{
|
|
36228
36276
|
role: 'assistant',
|
|
36229
36277
|
content: response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.content,
|
|
36278
|
+
retrievedDocuments: response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.retrieved_documents,
|
|
36230
36279
|
id: nonSecure()
|
|
36231
36280
|
}]);
|
|
36232
36281
|
setConversations(newConversations);
|
|
@@ -36312,6 +36361,122 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36312
36361
|
storage$1.setLocalItem('mihelpAgentFeedbacks', {});
|
|
36313
36362
|
setMessageError(false);
|
|
36314
36363
|
};
|
|
36364
|
+
var updateFeedback = /*#__PURE__*/function () {
|
|
36365
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(feedback, Currentconversation, conversations) {
|
|
36366
|
+
var _storage$getLocalItem3, _storage$getLocalItem4;
|
|
36367
|
+
var payload, endpoint, newConversations;
|
|
36368
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
36369
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
36370
|
+
case 0:
|
|
36371
|
+
payload = {
|
|
36372
|
+
chat_id: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id,
|
|
36373
|
+
feedback: feedback,
|
|
36374
|
+
chat_history: feedbacks[Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id],
|
|
36375
|
+
retrieved_documents: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.retrievedDocuments,
|
|
36376
|
+
timestamp: new Date().toISOString()
|
|
36377
|
+
};
|
|
36378
|
+
setIsFeedbackLoading(true);
|
|
36379
|
+
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);
|
|
36380
|
+
_context2.next = 5;
|
|
36381
|
+
return fetcher.put(endpoint, payload, {
|
|
36382
|
+
headers: {
|
|
36383
|
+
'Content-Type': 'application/json'
|
|
36384
|
+
}
|
|
36385
|
+
});
|
|
36386
|
+
case 5:
|
|
36387
|
+
_context2.sent;
|
|
36388
|
+
newConversations = clone$1(conversations).map(function (conversation) {
|
|
36389
|
+
if ((conversation === null || conversation === void 0 ? void 0 : conversation.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id)) {
|
|
36390
|
+
conversation.feedback = feedback;
|
|
36391
|
+
}
|
|
36392
|
+
return conversation;
|
|
36393
|
+
});
|
|
36394
|
+
setConversations(newConversations);
|
|
36395
|
+
setIsFeedbackLoading(false);
|
|
36396
|
+
storage$1.setLocalItem('mihelpAgentConversations', newConversations);
|
|
36397
|
+
case 10:
|
|
36398
|
+
case "end":
|
|
36399
|
+
return _context2.stop();
|
|
36400
|
+
}
|
|
36401
|
+
}, _callee2);
|
|
36402
|
+
}));
|
|
36403
|
+
return function updateFeedback(_x2, _x3, _x4) {
|
|
36404
|
+
return _ref3.apply(this, arguments);
|
|
36405
|
+
};
|
|
36406
|
+
}();
|
|
36407
|
+
var handleFeedback = /*#__PURE__*/function () {
|
|
36408
|
+
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(feedback, Currentconversation, conversations) {
|
|
36409
|
+
var _storage$getLocalItem5, _storage$getLocalItem6;
|
|
36410
|
+
var conversationsUntilCurrentMessage, lastFeedbackIndex, chatHistoryAfterLastFeedback, chatHistoryWithoutSystemPrompts, payload, endpoint, response, newConversations, newFeedbacks;
|
|
36411
|
+
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
|
36412
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
36413
|
+
case 0:
|
|
36414
|
+
if (!((Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.feedback) === feedback)) {
|
|
36415
|
+
_context3.next = 2;
|
|
36416
|
+
break;
|
|
36417
|
+
}
|
|
36418
|
+
return _context3.abrupt("return");
|
|
36419
|
+
case 2:
|
|
36420
|
+
if (!(Currentconversation !== null && Currentconversation !== void 0 && Currentconversation.feedback)) {
|
|
36421
|
+
_context3.next = 4;
|
|
36422
|
+
break;
|
|
36423
|
+
}
|
|
36424
|
+
return _context3.abrupt("return", updateFeedback(feedback, Currentconversation, conversations));
|
|
36425
|
+
case 4:
|
|
36426
|
+
conversationsUntilCurrentMessage = _toConsumableArray(conversations).slice(0, conversations.findIndex(function (c) {
|
|
36427
|
+
return (c === null || c === void 0 ? void 0 : c.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id);
|
|
36428
|
+
}) + 1);
|
|
36429
|
+
lastFeedbackIndex = conversationsUntilCurrentMessage.map(function (item) {
|
|
36430
|
+
return item.feedback;
|
|
36431
|
+
}).findLastIndex(function (item) {
|
|
36432
|
+
return item === 'thumbs_up' || item === 'thumbs_down';
|
|
36433
|
+
});
|
|
36434
|
+
chatHistoryAfterLastFeedback = lastFeedbackIndex === -1 ? conversationsUntilCurrentMessage : conversationsUntilCurrentMessage.slice(lastFeedbackIndex + 1);
|
|
36435
|
+
chatHistoryWithoutSystemPrompts = chatHistoryAfterLastFeedback.filter(function (c) {
|
|
36436
|
+
return (c === null || c === void 0 ? void 0 : c.role) !== 'system';
|
|
36437
|
+
});
|
|
36438
|
+
payload = {
|
|
36439
|
+
chat_id: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id,
|
|
36440
|
+
feedback: feedback,
|
|
36441
|
+
chat_history: chatHistoryWithoutSystemPrompts,
|
|
36442
|
+
retrieved_documents: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.retrievedDocuments,
|
|
36443
|
+
timestamp: new Date().toISOString()
|
|
36444
|
+
};
|
|
36445
|
+
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;
|
|
36446
|
+
setIsFeedbackLoading(true);
|
|
36447
|
+
_context3.next = 13;
|
|
36448
|
+
return fetcher.post(endpoint, payload, {
|
|
36449
|
+
headers: {
|
|
36450
|
+
'Content-Type': 'application/json'
|
|
36451
|
+
}
|
|
36452
|
+
});
|
|
36453
|
+
case 13:
|
|
36454
|
+
response = _context3.sent;
|
|
36455
|
+
newConversations = clone$1(conversations).map(function (conversation) {
|
|
36456
|
+
if ((conversation === null || conversation === void 0 ? void 0 : conversation.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id)) {
|
|
36457
|
+
var _response$data3;
|
|
36458
|
+
conversation.feedback = feedback;
|
|
36459
|
+
conversation.feedbackId = response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.feedback_id;
|
|
36460
|
+
}
|
|
36461
|
+
return conversation;
|
|
36462
|
+
});
|
|
36463
|
+
newFeedbacks = _objectSpread2({}, feedbacks);
|
|
36464
|
+
newFeedbacks[Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id] = chatHistoryWithoutSystemPrompts;
|
|
36465
|
+
setFeedbacks(newFeedbacks);
|
|
36466
|
+
setConversations(newConversations);
|
|
36467
|
+
setIsFeedbackLoading(false);
|
|
36468
|
+
storage$1.setLocalItem('mihelpAgentConversations', newConversations);
|
|
36469
|
+
storage$1.setLocalItem('mihelpAgentFeedbacks', newFeedbacks);
|
|
36470
|
+
case 22:
|
|
36471
|
+
case "end":
|
|
36472
|
+
return _context3.stop();
|
|
36473
|
+
}
|
|
36474
|
+
}, _callee3);
|
|
36475
|
+
}));
|
|
36476
|
+
return function handleFeedback(_x5, _x6, _x7) {
|
|
36477
|
+
return _ref4.apply(this, arguments);
|
|
36478
|
+
};
|
|
36479
|
+
}();
|
|
36315
36480
|
var isChromeOnIPhone = function isChromeOnIPhone() {
|
|
36316
36481
|
var userAgent = navigator.userAgent;
|
|
36317
36482
|
var isIPhone = /iPhone/i.test(userAgent);
|
|
@@ -36333,7 +36498,8 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36333
36498
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow",
|
|
36334
36499
|
style: {
|
|
36335
36500
|
left: "".concat(chatPosition.x, "px"),
|
|
36336
|
-
top: "".concat(chatPosition.y, "px")
|
|
36501
|
+
top: "".concat(chatPosition.y, "px"),
|
|
36502
|
+
height: chatWindowHeight
|
|
36337
36503
|
}
|
|
36338
36504
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36339
36505
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader"
|
|
@@ -36431,7 +36597,35 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36431
36597
|
dangerouslySetInnerHTML: {
|
|
36432
36598
|
__html: conversation === null || conversation === void 0 ? void 0 : conversation.content
|
|
36433
36599
|
}
|
|
36434
|
-
})
|
|
36600
|
+
}), !isUser && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36601
|
+
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--feedbackContainer"
|
|
36602
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
36603
|
+
onClick: function onClick() {
|
|
36604
|
+
return handleFeedback('thumbs_up', conversation, clone$1(conversations));
|
|
36605
|
+
}
|
|
36606
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
|
|
36607
|
+
content: "Good Response"
|
|
36608
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
36609
|
+
name: "thumbs-up",
|
|
36610
|
+
variant: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_up' ? 'solid' : 'light',
|
|
36611
|
+
style: {
|
|
36612
|
+
color: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_up' ? '#3261BD' : '#242424',
|
|
36613
|
+
fontSize: '16px'
|
|
36614
|
+
}
|
|
36615
|
+
}))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
36616
|
+
onClick: function onClick() {
|
|
36617
|
+
return handleFeedback('thumbs_down', conversation, clone$1(conversations));
|
|
36618
|
+
}
|
|
36619
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
|
|
36620
|
+
content: "Bad Response"
|
|
36621
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
36622
|
+
name: "thumbs-down",
|
|
36623
|
+
variant: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_down' ? 'solid' : 'light',
|
|
36624
|
+
style: {
|
|
36625
|
+
color: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_down' ? '#3261BD' : '#242424',
|
|
36626
|
+
fontSize: '16px'
|
|
36627
|
+
}
|
|
36628
|
+
}))))));
|
|
36435
36629
|
});
|
|
36436
36630
|
}(), isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36437
36631
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message"
|
|
@@ -36466,6 +36660,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36466
36660
|
}, /*#__PURE__*/React__default["default"].createElement("p", null, "Oops! Something went wrong. Please try again."))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36467
36661
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowFooter"
|
|
36468
36662
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36663
|
+
ref: inputContainerRef,
|
|
36469
36664
|
className: _getClassName("inputContainer ".concat(collectionError ? 'disabled' : ''), _styleModuleImportMap$2, {
|
|
36470
36665
|
"handleMissingStyleName": "warn"
|
|
36471
36666
|
})
|
|
@@ -36491,7 +36686,11 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
|
|
|
36491
36686
|
cursor: isLoading || collectionError ? 'auto' : 'pointer'
|
|
36492
36687
|
},
|
|
36493
36688
|
disabled: isLoading || collectionError
|
|
36494
|
-
}))))
|
|
36689
|
+
})))), isFeedbackLoading && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36690
|
+
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--spinner"
|
|
36691
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
|
|
36692
|
+
size: "60px"
|
|
36693
|
+
}))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
36495
36694
|
className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon",
|
|
36496
36695
|
onClick: handleChatIconClick
|
|
36497
36696
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
@@ -47468,7 +47667,7 @@ var SCROLL = {
|
|
|
47468
47667
|
var NO_SCROLL = {};
|
|
47469
47668
|
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>';
|
|
47470
47669
|
var AppFrame = function AppFrame(props) {
|
|
47471
|
-
var _props$mihelpAgentPro, _props$mihelpAgentPro2, _props$mihelpAgentPro3, _props$mihelpAgentPro4, _props$mihelpAgentPro5;
|
|
47670
|
+
var _props$mihelpAgentPro, _props$mihelpAgentPro2, _props$mihelpAgentPro3, _props$mihelpAgentPro4, _props$mihelpAgentPro5, _props$mihelpAgentPro6;
|
|
47472
47671
|
// Check if the child AppBar is mounted
|
|
47473
47672
|
var _useState = React.useState(false),
|
|
47474
47673
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -47491,6 +47690,7 @@ var AppFrame = function AppFrame(props) {
|
|
|
47491
47690
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
47492
47691
|
showNavigationCounts = _useState10[0],
|
|
47493
47692
|
setShowNavigationCounts = _useState10[1];
|
|
47693
|
+
var chatBotEnabledRef = React.useRef(false);
|
|
47494
47694
|
var setChatBotEnableStatus = function setChatBotEnableStatus() {
|
|
47495
47695
|
var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
|
|
47496
47696
|
var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
|
|
@@ -47500,6 +47700,7 @@ var AppFrame = function AppFrame(props) {
|
|
|
47500
47700
|
console.log("***chatBotEnabled=", chatBotEnabled, coreAppConfig);
|
|
47501
47701
|
console.log("***isCoreRoute=", isCoreRoute, enableChatBot, window.location.pathname, !window.location.pathname.includes('embedded'));
|
|
47502
47702
|
setChatBotEnabled(chatBotEnabled);
|
|
47703
|
+
chatBotEnabledRef.current = chatBotEnabled;
|
|
47503
47704
|
};
|
|
47504
47705
|
|
|
47505
47706
|
// useEffect(() => {
|
|
@@ -47529,17 +47730,28 @@ var AppFrame = function AppFrame(props) {
|
|
|
47529
47730
|
});
|
|
47530
47731
|
var isMobileLandscape = function isMobileLandscape() {
|
|
47531
47732
|
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
|
|
47532
|
-
var isMobile = /android|iphone|ipod|blackberry|iemobile|opera mini/i.test(userAgent) && !/ipad|tablet|playbook|silk/i.test(userAgent);
|
|
47733
|
+
var isMobile = /android|iphone|ipod|blackberry|iemobile|opera mini/i.test(userAgent) && !/ipad|tablet|playbook|silk|mediapad/i.test(userAgent);
|
|
47734
|
+
var isSmallDevice = Math.min(screen.width, screen.height) <= 500;
|
|
47533
47735
|
var isLandscape = window.innerWidth > window.innerHeight;
|
|
47534
|
-
return isMobile && isLandscape;
|
|
47736
|
+
return isMobile && isLandscape && isSmallDevice;
|
|
47535
47737
|
};
|
|
47536
47738
|
React.useEffect(function () {
|
|
47537
47739
|
var handleResize = function handleResize() {
|
|
47538
47740
|
setIsLandscapeInMobile(isMobileLandscape());
|
|
47539
47741
|
};
|
|
47742
|
+
var handleOrientationChange = function handleOrientationChange() {
|
|
47743
|
+
if (chatBotEnabledRef.current) {
|
|
47744
|
+
setChatBotEnabled(false);
|
|
47745
|
+
setTimeout(function () {
|
|
47746
|
+
setChatBotEnabled(true);
|
|
47747
|
+
}, 200);
|
|
47748
|
+
}
|
|
47749
|
+
};
|
|
47540
47750
|
window.addEventListener("resize", handleResize);
|
|
47751
|
+
window.addEventListener("orientationchange", handleOrientationChange);
|
|
47541
47752
|
return function () {
|
|
47542
|
-
|
|
47753
|
+
window.removeEventListener("resize", handleResize);
|
|
47754
|
+
window.removeEventListener("orientationchange", handleOrientationChange);
|
|
47543
47755
|
};
|
|
47544
47756
|
}, []);
|
|
47545
47757
|
|
|
@@ -47589,7 +47801,8 @@ var AppFrame = function AppFrame(props) {
|
|
|
47589
47801
|
collection: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro2 = props.mihelpAgentProps) === null || _props$mihelpAgentPro2 === void 0 ? void 0 : _props$mihelpAgentPro2.collection,
|
|
47590
47802
|
systemPrompt: (props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro3 = props.mihelpAgentProps) === null || _props$mihelpAgentPro3 === void 0 ? void 0 : _props$mihelpAgentPro3.systemPrompt) || defaultSystemPrompt,
|
|
47591
47803
|
contextMessagesCount: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro4 = props.mihelpAgentProps) === null || _props$mihelpAgentPro4 === void 0 ? void 0 : _props$mihelpAgentPro4.contextMessagesCount,
|
|
47592
|
-
|
|
47804
|
+
contextChunks: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro5 = props.mihelpAgentProps) === null || _props$mihelpAgentPro5 === void 0 ? void 0 : _props$mihelpAgentPro5.contextChunksCount,
|
|
47805
|
+
mihelpAgentRef: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro6 = props.mihelpAgentProps) === null || _props$mihelpAgentPro6 === void 0 ? void 0 : _props$mihelpAgentPro6.mihelpAgentRef
|
|
47593
47806
|
}))))));
|
|
47594
47807
|
};
|
|
47595
47808
|
AppFrame.defaultProps = {
|