@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.
@@ -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.6";
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
- collectionError = _useState6[0],
38139
- setCollectionError = _useState6[1];
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
- messageError = _useState8[0],
38145
- setMessageError = _useState8[1];
38146
- var _useState9 = React.useState([]),
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
- conversations = _useState10[0],
38149
- setConversations = _useState10[1];
38152
+ messageError = _useState10[0],
38153
+ setMessageError = _useState10[1];
38150
38154
  var _useState11 = React.useState([]),
38151
38155
  _useState12 = _slicedToArray(_useState11, 2),
38152
- quickReplyList = _useState12[0],
38153
- setQuickReplyList = _useState12[1];
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
- message = _useState14[0],
38157
- setMessage = _useState14[1];
38158
- var _useState15 = React.useState(null),
38160
+ quickReplyList = _useState14[0],
38161
+ setQuickReplyList = _useState14[1];
38162
+ var _useState15 = React.useState(''),
38159
38163
  _useState16 = _slicedToArray(_useState15, 2),
38160
- currentContext = _useState16[0],
38161
- setCurrentContext = _useState16[1];
38162
- var _useState17 = React.useState({}),
38163
- _useState18 = _slicedToArray(_useState17, 2);
38164
- _useState18[0];
38165
- var setFeedbacks = _useState18[1];
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
- _useState20 = _slicedToArray(_useState19, 2),
38171
- position = _useState20[0],
38172
- setPosition = _useState20[1];
38173
- var _useState21 = React.useState({
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
- isDragging = _useState24[0],
38183
- setIsDragging = _useState24[1];
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
- dragged = _useState28[0],
38194
- setDragged = _useState28[1];
38195
- var _useState29 = React.useState(500),
38197
+ offset = _useState28[0],
38198
+ setOffset = _useState28[1];
38199
+ var _useState29 = React.useState(false),
38196
38200
  _useState30 = _slicedToArray(_useState29, 2),
38197
- chatWindowWidth = _useState30[0],
38198
- setChatWindowWidth = _useState30[1];
38199
- var _useState31 = React.useState(0),
38201
+ dragged = _useState30[0],
38202
+ setDragged = _useState30[1];
38203
+ var _useState31 = React.useState(500),
38200
38204
  _useState32 = _slicedToArray(_useState31, 2),
38201
- windowInnerWidthForMobile = _useState32[0],
38202
- setWindowInnerWidthForMobile = _useState32[1];
38203
- var chatWindowHeight = 600; //update this if changed in css
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 (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || messagesContainerRef.current && messagesContainerRef.current.contains(target)) {
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 isMobile = windowInnerWidthForMobile < 575;
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 (isMobile) {
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.unshift({
38449
- role: 'system',
38450
- content: getSystemPrompt()
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
- }))))), /*#__PURE__*/React__default["default"].createElement("span", {
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
- return window.removeEventListener("resize", handleResize);
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
- mihelpAgentRef: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro5 = props.mihelpAgentProps) === null || _props$mihelpAgentPro5 === void 0 ? void 0 : _props$mihelpAgentPro5.mihelpAgentRef
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 = {