@copart/ops-tool-kit 1.12.1-alpha.26 → 1.12.1-alpha.27

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.
@@ -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.26";
35
+ const version$7 = "1.12.1-alpha.27";
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 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";
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",
@@ -35866,71 +35867,75 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
35866
35867
  setIsLoading = _useState4[1];
35867
35868
  var _useState5 = React.useState(false),
35868
35869
  _useState6 = _slicedToArray(_useState5, 2),
35869
- collectionError = _useState6[0],
35870
- setCollectionError = _useState6[1];
35871
- var retryCount = React.useRef(0);
35872
- var messagesContainerRef = React.useRef(null);
35870
+ isFeedbackLoading = _useState6[0],
35871
+ setIsFeedbackLoading = _useState6[1];
35873
35872
  var _useState7 = React.useState(false),
35874
35873
  _useState8 = _slicedToArray(_useState7, 2),
35875
- messageError = _useState8[0],
35876
- setMessageError = _useState8[1];
35877
- var _useState9 = React.useState([]),
35874
+ collectionError = _useState8[0],
35875
+ setCollectionError = _useState8[1];
35876
+ var retryCount = React.useRef(0);
35877
+ var messagesContainerRef = React.useRef(null);
35878
+ var _useState9 = React.useState(false),
35878
35879
  _useState10 = _slicedToArray(_useState9, 2),
35879
- conversations = _useState10[0],
35880
- setConversations = _useState10[1];
35880
+ messageError = _useState10[0],
35881
+ setMessageError = _useState10[1];
35881
35882
  var _useState11 = React.useState([]),
35882
35883
  _useState12 = _slicedToArray(_useState11, 2),
35883
- quickReplyList = _useState12[0],
35884
- setQuickReplyList = _useState12[1];
35885
- var _useState13 = React.useState(''),
35884
+ conversations = _useState12[0],
35885
+ setConversations = _useState12[1];
35886
+ var _useState13 = React.useState([]),
35886
35887
  _useState14 = _slicedToArray(_useState13, 2),
35887
- message = _useState14[0],
35888
- setMessage = _useState14[1];
35889
- var _useState15 = React.useState(null),
35888
+ quickReplyList = _useState14[0],
35889
+ setQuickReplyList = _useState14[1];
35890
+ var _useState15 = React.useState(''),
35890
35891
  _useState16 = _slicedToArray(_useState15, 2),
35891
- currentContext = _useState16[0],
35892
- setCurrentContext = _useState16[1];
35893
- var _useState17 = React.useState({}),
35894
- _useState18 = _slicedToArray(_useState17, 2);
35895
- _useState18[0];
35896
- var setFeedbacks = _useState18[1];
35897
- var _useState19 = React.useState({
35892
+ message = _useState16[0],
35893
+ setMessage = _useState16[1];
35894
+ var _useState17 = React.useState(null),
35895
+ _useState18 = _slicedToArray(_useState17, 2),
35896
+ currentContext = _useState18[0],
35897
+ setCurrentContext = _useState18[1];
35898
+ var _useState19 = React.useState({}),
35899
+ _useState20 = _slicedToArray(_useState19, 2),
35900
+ feedbacks = _useState20[0],
35901
+ setFeedbacks = _useState20[1];
35902
+ var _useState21 = React.useState({
35898
35903
  x: 0,
35899
35904
  y: 0
35900
35905
  }),
35901
- _useState20 = _slicedToArray(_useState19, 2),
35902
- position = _useState20[0],
35903
- setPosition = _useState20[1];
35904
- var _useState21 = React.useState({
35906
+ _useState22 = _slicedToArray(_useState21, 2),
35907
+ position = _useState22[0],
35908
+ setPosition = _useState22[1];
35909
+ var _useState23 = React.useState({
35905
35910
  x: 50,
35906
35911
  y: -68
35907
35912
  }),
35908
- _useState22 = _slicedToArray(_useState21, 2),
35909
- chatPosition = _useState22[0],
35910
- setChatPosition = _useState22[1];
35911
- var _useState23 = React.useState(false),
35912
35913
  _useState24 = _slicedToArray(_useState23, 2),
35913
- isDragging = _useState24[0],
35914
- setIsDragging = _useState24[1];
35915
- var _useState25 = React.useState({
35914
+ chatPosition = _useState24[0],
35915
+ setChatPosition = _useState24[1];
35916
+ var _useState25 = React.useState(false),
35917
+ _useState26 = _slicedToArray(_useState25, 2),
35918
+ isDragging = _useState26[0],
35919
+ setIsDragging = _useState26[1];
35920
+ var _useState27 = React.useState({
35916
35921
  x: 0,
35917
35922
  y: 0
35918
35923
  }),
35919
- _useState26 = _slicedToArray(_useState25, 2),
35920
- offset = _useState26[0],
35921
- setOffset = _useState26[1];
35922
- var _useState27 = React.useState(false),
35923
35924
  _useState28 = _slicedToArray(_useState27, 2),
35924
- dragged = _useState28[0],
35925
- setDragged = _useState28[1];
35926
- var _useState29 = React.useState(500),
35925
+ offset = _useState28[0],
35926
+ setOffset = _useState28[1];
35927
+ var _useState29 = React.useState(false),
35927
35928
  _useState30 = _slicedToArray(_useState29, 2),
35928
- chatWindowWidth = _useState30[0],
35929
- setChatWindowWidth = _useState30[1];
35930
- var _useState31 = React.useState(0),
35929
+ dragged = _useState30[0],
35930
+ setDragged = _useState30[1];
35931
+ var _useState31 = React.useState(500),
35931
35932
  _useState32 = _slicedToArray(_useState31, 2),
35932
- windowInnerWidthForMobile = _useState32[0],
35933
- setWindowInnerWidthForMobile = _useState32[1];
35933
+ chatWindowWidth = _useState32[0],
35934
+ setChatWindowWidth = _useState32[1];
35935
+ var _useState33 = React.useState(0),
35936
+ _useState34 = _slicedToArray(_useState33, 2),
35937
+ windowInnerWidthForMobile = _useState34[0],
35938
+ setWindowInnerWidthForMobile = _useState34[1];
35934
35939
  var chatWindowHeight = 600; //update this if changed in css
35935
35940
  var chatIconSize = 60; //update this if changed in css
35936
35941
 
@@ -36144,6 +36149,24 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36144
36149
  };
36145
36150
  }
36146
36151
  }, []);
36152
+ React.useEffect(function () {
36153
+ var handleStorageChange = function handleStorageChange(event) {
36154
+ if (event.key === 'mihelpAgentConversations') {
36155
+ var conversationsFromSession = JSON.parse(event.newValue);
36156
+ var conversationsToBeSaved = !isEmpty$2(conversationsFromSession) ? conversationsFromSession : [];
36157
+ setConversations(conversationsToBeSaved);
36158
+ }
36159
+ if (event.key === 'mihelpAgentFeedbacks') {
36160
+ var feedbacksFromSession = JSON.parse(event.newValue);
36161
+ var feedbacksToBeSaved = !isEmpty$2(feedbacksFromSession) ? feedbacksFromSession : {};
36162
+ setFeedbacks(feedbacksToBeSaved);
36163
+ }
36164
+ };
36165
+ window.addEventListener('storage', handleStorageChange);
36166
+ return function () {
36167
+ window.removeEventListener('storage', handleStorageChange);
36168
+ };
36169
+ }, []);
36147
36170
  var chatBodyRef = React.useRef(null);
36148
36171
  var scroll = function scroll() {
36149
36172
  chatBodyRef.current && chatBodyRef.current.scrollTo({
@@ -36166,7 +36189,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36166
36189
  };
36167
36190
  var send = /*#__PURE__*/function () {
36168
36191
  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;
36192
+ 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
36193
  return _regeneratorRuntime().wrap(function _callee$(_context) {
36171
36194
  while (1) switch (_context.prev = _context.next) {
36172
36195
  case 0:
@@ -36176,10 +36199,14 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36176
36199
  newMessages = _toConsumableArray(messages);
36177
36200
  if (systemPrompt && typeof systemPrompt === 'string') {
36178
36201
  if (!currentContext) {
36179
- newMessages.unshift({
36180
- role: 'system',
36181
- content: getSystemPrompt()
36182
- });
36202
+ if (!newMessages.find(function (m) {
36203
+ return (m === null || m === void 0 ? void 0 : m.role) === 'system';
36204
+ })) {
36205
+ newMessages.unshift({
36206
+ role: 'system',
36207
+ content: getSystemPrompt()
36208
+ });
36209
+ }
36183
36210
  if (!isEmpty$2(storage$1.appContext)) {
36184
36211
  setCurrentContext(storage$1.appContext);
36185
36212
  }
@@ -36227,6 +36254,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36227
36254
  newConversations = [].concat(_toConsumableArray(newMessages), [{
36228
36255
  role: 'assistant',
36229
36256
  content: response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.content,
36257
+ retrievedDocuments: response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.retrieved_documents,
36230
36258
  id: nonSecure()
36231
36259
  }]);
36232
36260
  setConversations(newConversations);
@@ -36312,6 +36340,122 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36312
36340
  storage$1.setLocalItem('mihelpAgentFeedbacks', {});
36313
36341
  setMessageError(false);
36314
36342
  };
36343
+ var updateFeedback = /*#__PURE__*/function () {
36344
+ var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(feedback, Currentconversation, conversations) {
36345
+ var _storage$getLocalItem3, _storage$getLocalItem4;
36346
+ var payload, endpoint, newConversations;
36347
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
36348
+ while (1) switch (_context2.prev = _context2.next) {
36349
+ case 0:
36350
+ payload = {
36351
+ chat_id: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id,
36352
+ feedback: feedback,
36353
+ chat_history: feedbacks[Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id],
36354
+ retrieved_documents: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.retrievedDocuments,
36355
+ timestamp: new Date().toISOString()
36356
+ };
36357
+ setIsFeedbackLoading(true);
36358
+ 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);
36359
+ _context2.next = 5;
36360
+ return fetcher.put(endpoint, payload, {
36361
+ headers: {
36362
+ 'Content-Type': 'application/json'
36363
+ }
36364
+ });
36365
+ case 5:
36366
+ _context2.sent;
36367
+ newConversations = clone$1(conversations).map(function (conversation) {
36368
+ if ((conversation === null || conversation === void 0 ? void 0 : conversation.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id)) {
36369
+ conversation.feedback = feedback;
36370
+ }
36371
+ return conversation;
36372
+ });
36373
+ setConversations(newConversations);
36374
+ setIsFeedbackLoading(false);
36375
+ storage$1.setLocalItem('mihelpAgentConversations', newConversations);
36376
+ case 10:
36377
+ case "end":
36378
+ return _context2.stop();
36379
+ }
36380
+ }, _callee2);
36381
+ }));
36382
+ return function updateFeedback(_x2, _x3, _x4) {
36383
+ return _ref3.apply(this, arguments);
36384
+ };
36385
+ }();
36386
+ var handleFeedback = /*#__PURE__*/function () {
36387
+ var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(feedback, Currentconversation, conversations) {
36388
+ var _storage$getLocalItem5, _storage$getLocalItem6;
36389
+ var conversationsUntilCurrentMessage, lastFeedbackIndex, chatHistoryAfterLastFeedback, chatHistoryWithoutSystemPrompts, payload, endpoint, response, newConversations, newFeedbacks;
36390
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
36391
+ while (1) switch (_context3.prev = _context3.next) {
36392
+ case 0:
36393
+ if (!((Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.feedback) === feedback)) {
36394
+ _context3.next = 2;
36395
+ break;
36396
+ }
36397
+ return _context3.abrupt("return");
36398
+ case 2:
36399
+ if (!(Currentconversation !== null && Currentconversation !== void 0 && Currentconversation.feedback)) {
36400
+ _context3.next = 4;
36401
+ break;
36402
+ }
36403
+ return _context3.abrupt("return", updateFeedback(feedback, Currentconversation, conversations));
36404
+ case 4:
36405
+ conversationsUntilCurrentMessage = _toConsumableArray(conversations).slice(0, conversations.findIndex(function (c) {
36406
+ return (c === null || c === void 0 ? void 0 : c.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id);
36407
+ }) + 1);
36408
+ lastFeedbackIndex = conversationsUntilCurrentMessage.map(function (item) {
36409
+ return item.feedback;
36410
+ }).findLastIndex(function (item) {
36411
+ return item === 'thumbs_up' || item === 'thumbs_down';
36412
+ });
36413
+ chatHistoryAfterLastFeedback = lastFeedbackIndex === -1 ? conversationsUntilCurrentMessage : conversationsUntilCurrentMessage.slice(lastFeedbackIndex + 1);
36414
+ chatHistoryWithoutSystemPrompts = chatHistoryAfterLastFeedback.filter(function (c) {
36415
+ return (c === null || c === void 0 ? void 0 : c.role) !== 'system';
36416
+ });
36417
+ payload = {
36418
+ chat_id: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id,
36419
+ feedback: feedback,
36420
+ chat_history: chatHistoryWithoutSystemPrompts,
36421
+ retrieved_documents: Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.retrievedDocuments,
36422
+ timestamp: new Date().toISOString()
36423
+ };
36424
+ 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;
36425
+ setIsFeedbackLoading(true);
36426
+ _context3.next = 13;
36427
+ return fetcher.post(endpoint, payload, {
36428
+ headers: {
36429
+ 'Content-Type': 'application/json'
36430
+ }
36431
+ });
36432
+ case 13:
36433
+ response = _context3.sent;
36434
+ newConversations = clone$1(conversations).map(function (conversation) {
36435
+ if ((conversation === null || conversation === void 0 ? void 0 : conversation.id) === (Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id)) {
36436
+ var _response$data3;
36437
+ conversation.feedback = feedback;
36438
+ conversation.feedbackId = response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.feedback_id;
36439
+ }
36440
+ return conversation;
36441
+ });
36442
+ newFeedbacks = _objectSpread2({}, feedbacks);
36443
+ newFeedbacks[Currentconversation === null || Currentconversation === void 0 ? void 0 : Currentconversation.id] = chatHistoryWithoutSystemPrompts;
36444
+ setFeedbacks(newFeedbacks);
36445
+ setConversations(newConversations);
36446
+ setIsFeedbackLoading(false);
36447
+ storage$1.setLocalItem('mihelpAgentConversations', newConversations);
36448
+ storage$1.setLocalItem('mihelpAgentFeedbacks', newFeedbacks);
36449
+ case 22:
36450
+ case "end":
36451
+ return _context3.stop();
36452
+ }
36453
+ }, _callee3);
36454
+ }));
36455
+ return function handleFeedback(_x5, _x6, _x7) {
36456
+ return _ref4.apply(this, arguments);
36457
+ };
36458
+ }();
36315
36459
  var isChromeOnIPhone = function isChromeOnIPhone() {
36316
36460
  var userAgent = navigator.userAgent;
36317
36461
  var isIPhone = /iPhone/i.test(userAgent);
@@ -36431,7 +36575,35 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36431
36575
  dangerouslySetInnerHTML: {
36432
36576
  __html: conversation === null || conversation === void 0 ? void 0 : conversation.content
36433
36577
  }
36434
- })));
36578
+ }), !isUser && /*#__PURE__*/React__default["default"].createElement("div", {
36579
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--feedbackContainer"
36580
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
36581
+ onClick: function onClick() {
36582
+ return handleFeedback('thumbs_up', conversation, clone$1(conversations));
36583
+ }
36584
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
36585
+ content: "Good Response"
36586
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
36587
+ name: "thumbs-up",
36588
+ variant: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_up' ? 'solid' : 'light',
36589
+ style: {
36590
+ color: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_up' ? '#3261BD' : '#242424',
36591
+ fontSize: '16px'
36592
+ }
36593
+ }))), /*#__PURE__*/React__default["default"].createElement("span", {
36594
+ onClick: function onClick() {
36595
+ return handleFeedback('thumbs_down', conversation, clone$1(conversations));
36596
+ }
36597
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
36598
+ content: "Bad Response"
36599
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
36600
+ name: "thumbs-down",
36601
+ variant: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_down' ? 'solid' : 'light',
36602
+ style: {
36603
+ color: (conversation === null || conversation === void 0 ? void 0 : conversation.feedback) === 'thumbs_down' ? '#3261BD' : '#242424',
36604
+ fontSize: '16px'
36605
+ }
36606
+ }))))));
36435
36607
  });
36436
36608
  }(), isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
36437
36609
  className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message"
@@ -36491,7 +36663,11 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
36491
36663
  cursor: isLoading || collectionError ? 'auto' : 'pointer'
36492
36664
  },
36493
36665
  disabled: isLoading || collectionError
36494
- }))))), /*#__PURE__*/React__default["default"].createElement("span", {
36666
+ })))), isFeedbackLoading && /*#__PURE__*/React__default["default"].createElement("div", {
36667
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--spinner"
36668
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
36669
+ size: "60px"
36670
+ }))), /*#__PURE__*/React__default["default"].createElement("span", {
36495
36671
  className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon",
36496
36672
  onClick: handleChatIconClick
36497
36673
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {