@capillarytech/blaze-ui 5.10.0 → 5.11.1

package/index.js

@@ -1586,7 +1586,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-ask-aira-raw-input{padding:0;border:none}.cap-ask-aira-raw-input:focus{outline:none}.cap-ask-aira-raw-input:disabled{background:none}.cap-ask-aira-no-scrollbar{white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.cap-ask-aira-no-scrollbar::-webkit-scrollbar{height:0;width:0;background:rgba(0,0,0,0);-webkit-appearance:none}.cap-ask-aira-popup{user-select:none;border-radius:.5rem;box-shadow:0 2px 5px 1px rgba(0,0,0,.1333333333);background-color:#fff;z-index:2147483001;overflow:hidden}.cap-ask-aira-error-bar{gap:.65rem;margin-top:1rem;margin-bottom:.35rem;color:#ea213a}.cap-ask-aira-error-bar img{height:1.2rem}.cap-ask-aira-title-bar{gap:.5rem;cursor:move;background:linear-gradient(90deg, #d0d7ff 47.35%, #ace0ff 100%);border-top-left-radius:inherit;border-top-right-radius:inherit;position:relative;z-index:9}.cap-ask-aira-title-bar .cap-ask-aira-heading-text{margin-left:.25rem;font-size:1.05rem;font-weight:500;user-select:none}.cap-ask-aira-title-bar .cap-ask-aira-close-btn{margin-right:.1rem;cursor:pointer;margin-left:auto}.cap-ask-aira-tooltip-overlay.ant-tooltip.cap-tooltip-overlay-v2{z-index:2147483003}.cap-ask-aira-tooltip-overlay.ant-tooltip.cap-tooltip-overlay-v2 ul{padding-inline-start:2.5rem;list-style:disc}.cap-ask-aira-tooltip{padding:.5rem}.cap-ask-aira-tooltip .cap-ask-aira-description{font-size:.8rem;margin-top:.3rem}.cap-ask-aira-bot-icon{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;overflow:visible;width:auto !important;height:auto !important;min-width:2.5rem;min-height:2.5rem;flex-shrink:0}.cap-ask-aira-bot-icon[data-visible=true]{pointer-events:none}.cap-ask-aira-root{text-align:start;bottom:.857rem;line-height:normal;z-index:100}.cap-ask-aira-root.cap-ask-aira-float-br{z-index:80;position:absolute;bottom:.2rem;right:.2rem}.cap-ask-aira-root.cap-ask-aira-fixed-br-beamer{position:fixed;bottom:100px;right:20px}.cap-ask-aira-root *{box-sizing:border-box}@keyframes cap-ask-aira-border-animation{0%{background-position:0% 0%}100%{background-position:100% 0%}}.cap-ask-aira-input-border{width:100%;height:4rem;background:linear-gradient(10deg, #4a67ff 0%, #44ddff 50%, #4a67ff 100%);border-radius:.5rem;background-size:200% 100%;--border-width: 0.2rem;padding:var(--border-width);margin-top:.35rem}.cap-ask-aira-input-border form{width:100%;height:100%;background-color:#fff;border-radius:calc(.5rem - var(--border-width)/2);box-sizing:content-box;display:flex;flex-direction:row;align-items:center;gap:.5rem}.cap-ask-aira-input-border form .cap-ask-aira-input-box{border:none;outline:none;height:80%;width:0;flex-grow:1;font-size:1.1rem}.cap-ask-aira-input-border form .cap-ask-aira-input-bnox:focus{outline:none}.cap-ask-aira-input-border form .cap-ask-aira-three-stars-img{margin-left:.65rem}.cap-ask-aira-input-border form .cap-ask-aira-send-img{cursor:pointer;margin-right:.65rem}.cap-ask-aira-input-border[data-loading=true]{animation:cap-ask-aira-border-animation 1s ease-in-out alternate infinite}.cap-ask-aira-round{border-radius:999px}.cap-ask-aira-multiline-input-root{margin-top:auto;width:100%;--border-radius: 0.5rem;--border-width: 0.2rem;border-radius:var(--border-radius);padding:var(--border-width);border:1px solid #6268ff}.cap-ask-aira-multiline-input-root .cap-ask-aira-inside-input-border{background-color:#fff;border-radius:calc(var(--border-radius) - var(--border-width)/2);display:flex;align-items:end}.cap-ask-aira-multiline-input-root .cap-ask-aira-text-area{flex-grow:1}.cap-ask-aira-multiline-input-root textarea.ant-input{border:none !important}.cap-ask-aira-notification{z-index:21474830014}.cap-ask-aira-multiline-input-extended{margin-top:auto;margin-bottom:8px;width:100%;--border-radius: 4px;--border-width: 1px;border-radius:var(--border-radius);padding:var(--border-width);background:linear-gradient(90deg, #6268ff, #3ba7ff)}.cap-ask-aira-multiline-input-extended .cap-ask-aira-inside-input-border{background-color:#fff;border-radius:calc(var(--border-radius) - var(--border-width)/2);position:relative;padding:0;overflow:hidden}.cap-ask-aira-multiline-input-extended .cap-ask-aira-text-area{width:100%}.cap-ask-aira-multiline-input-extended .cap-ask-aira-text-area .ant-input{height:76px;margin-bottom:8px;resize:none;padding:10px 12px 0px 12px;border:none !important}.cap-ask-aira-multiline-input-extended .cap-ask-aira-send-button-wrapper{position:absolute;right:8px;bottom:8px;z-index:5;padding:4px;display:flex;align-items:center;justify-content:center}.cap-ask-aira-multiline-input-extended .cap-ask-aira-send-icon{width:24px !important;height:24px !important}.cap-ask-aira-multiline-input-extended .cap-ask-aira-send-icon.enabled{cursor:pointer}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-ask-aira-raw-input{padding:0;border:none}.cap-ask-aira-raw-input:focus{outline:none}.cap-ask-aira-raw-input:disabled{background:none}.cap-ask-aira-no-scrollbar{white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.cap-ask-aira-no-scrollbar::-webkit-scrollbar{height:0;width:0;background:rgba(0,0,0,0);-webkit-appearance:none}.cap-ask-aira-popup{user-select:none;border-radius:.5rem;box-shadow:0 .1429rem .3571rem .0714rem rgba(0,0,0,.1333333333);background-color:#fff;z-index:2147483001;overflow:hidden}.cap-ask-aira-error-bar{gap:.65rem;margin-top:1rem;margin-bottom:.35rem;color:#ea213a}.cap-ask-aira-error-bar img{height:1.2rem}.cap-ask-aira-title-bar{gap:.5rem;cursor:move;background:linear-gradient(90deg, #d0d7ff 47.35%, #ace0ff 100%);border-top-left-radius:inherit;border-top-right-radius:inherit;position:relative;z-index:9}.cap-ask-aira-title-bar .cap-ask-aira-heading-text{margin-left:.25rem;font-size:1.05rem;font-weight:500;user-select:none}.cap-ask-aira-title-bar .cap-ask-aira-close-btn{margin-right:.1rem;cursor:pointer;margin-left:auto}.cap-ask-aira-tooltip-overlay.ant-tooltip.cap-tooltip-overlay-v2{z-index:2147483003}.cap-ask-aira-tooltip-overlay.ant-tooltip.cap-tooltip-overlay-v2 ul{padding-inline-start:2.5rem;list-style:disc}.cap-ask-aira-tooltip{padding:.5rem}.cap-ask-aira-tooltip .cap-ask-aira-description{font-size:.8rem;margin-top:.3rem}.cap-ask-aira-bot-icon{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;overflow:visible;width:auto !important;height:auto !important;min-width:2.5rem;min-height:2.5rem;flex-shrink:0}.cap-ask-aira-bot-icon[data-visible=true]{pointer-events:none}.cap-ask-aira-root{text-align:start;bottom:.857rem;line-height:normal;z-index:100}.cap-ask-aira-root.cap-ask-aira-float-br{z-index:80;position:absolute;bottom:.2rem;right:.2rem}.cap-ask-aira-root.cap-ask-aira-fixed-br-beamer{position:fixed;bottom:7.1429rem;right:1.4286rem}.cap-ask-aira-root *{box-sizing:border-box}@keyframes cap-ask-aira-border-animation{0%{background-position:0% 0%}100%{background-position:100% 0%}}.cap-ask-aira-input-border{width:100%;height:4rem;background:linear-gradient(10deg, #4a67ff 0%, #44ddff 50%, #4a67ff 100%);border-radius:.5rem;background-size:200% 100%;--border-width: 0.2rem;padding:var(--border-width);margin-top:.35rem}.cap-ask-aira-input-border form{width:100%;height:100%;background-color:#fff;border-radius:calc(.5rem - var(--border-width)/2);box-sizing:content-box;display:flex;flex-direction:row;align-items:center;gap:.5rem}.cap-ask-aira-input-border form .cap-ask-aira-input-box{border:none;outline:none;height:80%;width:0;flex-grow:1;font-size:1.1rem}.cap-ask-aira-input-border form .cap-ask-aira-input-bnox:focus{outline:none}.cap-ask-aira-input-border form .cap-ask-aira-three-stars-img{margin-left:.65rem}.cap-ask-aira-input-border form .cap-ask-aira-send-img{cursor:pointer;margin-right:.65rem}.cap-ask-aira-input-border[data-loading=true]{animation:cap-ask-aira-border-animation 1s ease-in-out alternate infinite}.cap-ask-aira-round{border-radius:71.357rem}.cap-ask-aira-multiline-input-root{margin-top:auto;width:100%;--border-radius: 0.5rem;--border-width: 0.2rem;border-radius:var(--border-radius);padding:var(--border-width);border:.0714rem solid #6268ff}.cap-ask-aira-multiline-input-root .cap-ask-aira-inside-input-border{background-color:#fff;border-radius:calc(var(--border-radius) - var(--border-width)/2);display:flex;align-items:end}.cap-ask-aira-multiline-input-root .cap-ask-aira-text-area{flex-grow:1}.cap-ask-aira-multiline-input-root textarea.ant-input{border:none !important}.cap-ask-aira-notification{z-index:21474830014}.cap-ask-aira-multiline-input-extended{margin-top:auto;margin-bottom:.5714rem;width:100%;--border-radius: 0.2857rem;--border-width: 0.0714rem;border-radius:var(--border-radius);padding:var(--border-width);background:linear-gradient(90deg, #6268ff, #3ba7ff)}.cap-ask-aira-multiline-input-extended .cap-ask-aira-inside-input-border{background-color:#fff;border-radius:calc(var(--border-radius) - var(--border-width)/2);position:relative;padding:0;overflow:hidden}.cap-ask-aira-multiline-input-extended .cap-ask-aira-text-area{width:100%}.cap-ask-aira-multiline-input-extended .cap-ask-aira-text-area .ant-input{height:5.4286rem;margin-bottom:.5714rem;resize:none;padding:.7143rem .8571rem 0 .8571rem;border:none !important}.cap-ask-aira-multiline-input-extended .cap-ask-aira-send-button-wrapper{position:absolute;right:.5714rem;bottom:.5714rem;z-index:5;padding:.2857rem;display:flex;align-items:center;justify-content:center}.cap-ask-aira-multiline-input-extended .cap-ask-aira-send-icon{width:1.7143rem !important;height:1.7143rem !important}.cap-ask-aira-multiline-input-extended .cap-ask-aira-send-icon.enabled{cursor:pointer}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-ask-aira-raw-input": `cap-ask-aira-raw-input`,
@@ -10398,9 +10398,9 @@ var _default = exports["default"] = CapHeadingWithStatic;
 exports.__esModule = true;
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
 var _CapButton = _interopRequireDefault(__webpack_require__(80739));
 var _CapRow = _interopRequireDefault(__webpack_require__(69813));
-var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
 var _constants = __webpack_require__(23944);
 var _useWebsocket = _interopRequireDefault(__webpack_require__(69406));
 var _rootStyles = _interopRequireDefault(__webpack_require__(43647));
@@ -10410,13 +10410,12 @@ var _Icons = __webpack_require__(91540);
 var _constants2 = _interopRequireWildcard(__webpack_require__(63763));
 var constants = _constants2;
 var _jsonAssembler = _interopRequireWildcard(__webpack_require__(66282));
+var _messages = _interopRequireDefault(__webpack_require__(49956));
 var _styles = _interopRequireDefault(__webpack_require__(17320));
 var _UtilComponents = __webpack_require__(96532);
 var _jsxRuntime = __webpack_require__(74848);
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
 const ContentGenerationBot = _ref => {
   var _chat;
   let {
@@ -10425,18 +10424,21 @@ const ContentGenerationBot = _ref => {
     popupWidth = '42rem',
     iconPlacement,
     rootStyle,
-    textTypeAMessage,
-    textError,
-    textAiraTitle,
-    textAiraTooltip,
-    textCharacters,
-    textReplaceWithThis,
-    textResetToDefault,
-    textMoreLikeThis,
-    textGenerateMore,
-    textReplaced,
-    iconSize
+    iconSize,
+    intl: {
+      formatMessage
+    }
   } = _ref;
+  const textTypeAMessage = formatMessage(_messages.default.textTypeAMessage);
+  const textError = formatMessage(_messages.default.textError);
+  const textAiraTitle = formatMessage(_messages.default.textAiraTitle);
+  const textAiraTooltip = formatMessage(_messages.default.textAiraTooltip);
+  const textCharacters = formatMessage(_messages.default.textCharacters);
+  const textReplaceWithThis = formatMessage(_messages.default.textReplaceWithThis);
+  const textResetToDefault = formatMessage(_messages.default.textResetToDefault);
+  const textMoreLikeThis = formatMessage(_messages.default.textMoreLikeThis);
+  const textGenerateMore = formatMessage(_messages.default.textGenerateMore);
+  const textReplaced = formatMessage(_messages.default.textReplaced);
   const chatCompletionRef = (0, _react.useRef)(null);
   const originalPrompt = (0, _react.useRef)('');
   const [chat, setChat] = (0, _react.useState)([]);
@@ -10539,8 +10541,9 @@ const ContentGenerationBot = _ref => {
       className: _rootStyles.default[_constants.rootClsPrefix + "-no-scrollbar"] + " " + _styles.default[_constants2.clsPrefix + "-chat-container"],
       children: [(renderedChat == null ? void 0 : renderedChat.length) > 0 && renderedChat.map((msg, index) => {
         if ((msg == null ? void 0 : msg.type) === 'user') {
+          const userContent = msg;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_UtilComponents.PromptLI, {
-            content: msg,
+            content: userContent,
             moreLikeThis: index > 0,
             showReset: replacedWith !== null,
             reset: resetReplacedTextToOriginal,
@@ -10550,21 +10553,26 @@ const ContentGenerationBot = _ref => {
           }, index);
         }
         if ((msg == null ? void 0 : msg.type) === 'bot') {
+          var _botMsg$content;
+          const botMsg = msg;
+          const botContent = (_botMsg$content = botMsg.content) != null ? _botMsg$content : {
+            content: ''
+          };
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_UtilComponents.SuggestionLI, {
             textMoreLikeThis: textMoreLikeThis,
             textReplaced: textReplaced,
-            content: msg == null ? void 0 : msg.content,
-            loading: !(msg != null && msg.suggestionLoaded),
+            content: botContent,
+            loading: !botMsg.suggestionLoaded,
             replace: () => {
-              var _msg$content$content, _msg$content;
-              setText((_msg$content$content = msg == null || (_msg$content = msg.content) == null ? void 0 : _msg$content.content) != null ? _msg$content$content : '');
+              var _botContent$content;
+              setText((_botContent$content = botContent.content) != null ? _botContent$content : '');
               setReplacedWith(index);
             },
             active: replacedWith === index,
             moreLikeThis: () => {
-              var _msg$content$content2, _msg$content2;
+              var _botContent$content2;
               scrollToBottomWithDelay();
-              getSuggestions((_msg$content$content2 = msg == null || (_msg$content2 = msg.content) == null ? void 0 : _msg$content2.content) != null ? _msg$content$content2 : '');
+              getSuggestions((_botContent$content2 = botContent.content) != null ? _botContent$content2 : '');
             },
             textReplaceWithThis: textReplaceWithThis,
             textCharacters: textCharacters
@@ -10584,9 +10592,7 @@ const ContentGenerationBot = _ref => {
     })]
   });
 };
-var _default = exports["default"] = (0, _LocaleHoc.default)(ContentGenerationBot, {
-  key: 'CapAskAira.ContentGenerationBot'
-});
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(ContentGenerationBot);
 
 /***/ }),
 
@@ -11714,7 +11720,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-media-generation-bot-content{padding:0rem .75rem 1.12rem .75rem;height:100%;display:flex;flex-direction:column;align-items:center}.cap-media-generation-bot-content .cap-media-generation-bot-tab-container{display:flex;justify-content:space-around;width:100%;margin-bottom:1.5rem;flex-direction:row}.cap-media-generation-bot-content .cap-media-generation-bot-tab-container .cap-media-generation-bot-tab{padding:.5rem;font-size:1rem;opacity:.5;cursor:not-allowed;width:50%;text-align:center}.cap-media-generation-bot-content .cap-media-generation-bot-tab-container .cap-media-generation-bot-tab[data-active=true]{border-bottom:.15rem solid rgba(0,0,0,0);border-image:linear-gradient(to right, #6268ff 0%, #3ba7ff 100%);border-image-slice:1;font-weight:500}.cap-media-generation-bot-content .cap-media-generation-bot-text-media-footer{position:absolute;bottom:0;background-color:#fff}.cap-media-generation-bot-content .imageTextBot{margin:.5rem 0rem}.cap-media-generation-bot-content .doc-bot{text-align:center;margin-top:2rem;flex-direction:column;align-items:center}.cap-media-generation-bot-content .doc-bot .three-star-icon{border-radius:100%;border:.0625rem solid gray}.cap-media-generation-bot-content .cap-media-generation-bot-tips-box{background-color:#d4e1fc;padding:1rem;margin:.92rem;border-radius:.3rem}.cap-media-generation-bot-content .cap-media-generation-bot-tips-box svg{margin-right:.5rem;fill:#0056e0}.cap-media-generation-bot-content .cap-media-generation-bot-tips-box .tips-box-head{display:flex;margin-bottom:.25rem}.cap-media-generation-bot-content .cap-media-generation-bot-image-container{width:100%;display:flex;overflow-y:auto;margin:1.5rem 0 3rem 0}.cap-media-generation-bot-content .cap-media-generation-bot-image-answer-container{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.cap-media-generation-bot-content .chat-loader-icon{padding:.48rem;display:flex}.cap-media-generation-bot-content .cap-media-generation-bot-generate-more{display:flex;align-items:center;background:#ebecf0;border-radius:.3rem;padding:.375rem .5rem;width:fit-content;gap:.3rem;cursor:pointer;opacity:1}.cap-media-generation-bot-content .cap-media-generation-bot-generate-more.loading{cursor:not-allowed;opacity:.5}.cap-media-generation-bot-content .rate-icon{display:flex;gap:.3rem;align-items:center;margin-left:auto}.cap-media-generation-bot-content .image-container{width:100%;height:15rem;border-radius:.3rem;position:relative;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.cap-media-generation-bot-content .image-container>div{width:100% !important;min-width:100px}.cap-media-generation-bot-content .image-container-img{object-fit:cover;width:100% !important;height:100% !important;border-radius:.3rem}.cap-media-generation-bot-content .image-container-overlay-content{width:100%;height:15rem;border-radius:.3rem;background-color:rgba(255,255,255,.8);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.cap-media-generation-bot-content .image-container-overlay-content a{color:#091e42}.cap-media-generation-bot-content .image-container-download-icon{cursor:pointer;padding:.75rem;background:#fff;border-radius:.25rem}.cap-media-generation-bot-content .image-container-copy-icon{fill:#fff;cursor:pointer;margin-right:.5rem;background:#dfe2e7;padding:10px;border-radius:.25rem}.cap-media-generation-bot-content .image-footer{display:flex;margin:.5rem .75rem;gap:.3rem;align-items:center;flex:100}.cap-media-generation-bot-content .image-footer .image-footer-icon{flex:5}.cap-media-generation-bot-content .image-footer .image-footer-heading{flex:95}.cap-media-generation-bot-tooltip-copied-size{padding:.625rem .75rem}.cap-media-generation-bot-tooltip-size{padding:.5rem 1rem}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-media-generation-bot-content{padding:0rem .75rem 1.12rem .75rem;height:100%;display:flex;flex-direction:column;align-items:center}.cap-media-generation-bot-content .cap-media-generation-bot-tab-container{display:flex;justify-content:space-around;width:100%;margin-bottom:1.5rem;flex-direction:row}.cap-media-generation-bot-content .cap-media-generation-bot-tab-container .cap-media-generation-bot-tab{padding:.5rem;font-size:1rem;opacity:.5;cursor:not-allowed;width:50%;text-align:center}.cap-media-generation-bot-content .cap-media-generation-bot-tab-container .cap-media-generation-bot-tab[data-active=true]{border-bottom:.15rem solid rgba(0,0,0,0);border-image:linear-gradient(to right, #6268ff 0%, #3ba7ff 100%);border-image-slice:1;font-weight:500}.cap-media-generation-bot-content .cap-media-generation-bot-text-media-footer{position:absolute;bottom:0;background-color:#fff}.cap-media-generation-bot-content .imageTextBot{margin:.5rem 0rem}.cap-media-generation-bot-content .doc-bot{text-align:center;margin-top:2rem;flex-direction:column;align-items:center}.cap-media-generation-bot-content .doc-bot .three-star-icon{border-radius:100%;border:.0625rem solid #7a869a}.cap-media-generation-bot-content .cap-media-generation-bot-tips-box{background-color:#d4e1fc;padding:1rem;margin:.92rem;border-radius:.3rem}.cap-media-generation-bot-content .cap-media-generation-bot-tips-box svg{margin-right:.5rem;fill:#0056e0}.cap-media-generation-bot-content .cap-media-generation-bot-tips-box .tips-box-head{display:flex;margin-bottom:.25rem}.cap-media-generation-bot-content .cap-media-generation-bot-image-container{width:100%;display:flex;overflow-y:auto;margin:1.5rem 0 3rem 0}.cap-media-generation-bot-content .cap-media-generation-bot-image-answer-container{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.cap-media-generation-bot-content .chat-loader-icon{padding:.48rem;display:flex}.cap-media-generation-bot-content .cap-media-generation-bot-generate-more{display:flex;align-items:center;background:#ebecf0;border-radius:.3rem;padding:.375rem .5rem;width:fit-content;gap:.3rem;cursor:pointer;opacity:1}.cap-media-generation-bot-content .cap-media-generation-bot-generate-more.cap-media-generation-bot-loading{cursor:not-allowed;opacity:.5;pointer-events:none}.cap-media-generation-bot-content .rate-icon{display:flex;gap:.3rem;align-items:center;margin-left:auto}.cap-media-generation-bot-content .image-container{width:100%;height:15rem;border-radius:.3rem;position:relative;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.cap-media-generation-bot-content .image-container>div{width:100% !important;min-width:7.1429rem}.cap-media-generation-bot-content .image-container-img{object-fit:cover;width:100% !important;height:100% !important;border-radius:.3rem}.cap-media-generation-bot-content .image-container-overlay-content{width:100%;height:15rem;border-radius:.3rem;background-color:rgba(255,255,255,.8);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.cap-media-generation-bot-content .image-container-overlay-content a{color:#091e42}.cap-media-generation-bot-content .image-container-download-icon{cursor:pointer;padding:.75rem;background:#fff;border-radius:.25rem}.cap-media-generation-bot-content .image-container-copy-icon{fill:#fff;cursor:pointer;margin-right:.5rem;background:#dfe2e7;padding:.7143rem;border-radius:.25rem}.cap-media-generation-bot-content .image-footer{display:flex;margin:.5rem .75rem;gap:.3rem;align-items:center;flex:100}.cap-media-generation-bot-content .image-footer .image-footer-icon{flex:5}.cap-media-generation-bot-content .image-footer .image-footer-heading{flex:95}.cap-media-generation-bot-tooltip-copied-size{padding:.625rem .75rem}.cap-media-generation-bot-tooltip-size{padding:.5rem 1rem}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-media-generation-bot-content": `cap-media-generation-bot-content`,
@@ -11730,7 +11736,7 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"cap-media-generation-bot-image-answer-container": `cap-media-generation-bot-image-answer-container`,
 	"chat-loader-icon": `chat-loader-icon`,
 	"cap-media-generation-bot-generate-more": `cap-media-generation-bot-generate-more`,
-	"loading": `loading`,
+	"cap-media-generation-bot-loading": `cap-media-generation-bot-loading`,
 	"rate-icon": `rate-icon`,
 	"image-container": `image-container`,
 	"image-container-img": `image-container-img`,
@@ -17211,17 +17217,18 @@ exports.getMergedStatus = getMergedStatus;
 exports.__esModule = true;
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
 var _CapDivider = _interopRequireDefault(__webpack_require__(23406));
 var _CapHeading = _interopRequireDefault(__webpack_require__(7319));
 var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
 var _CapRow = _interopRequireDefault(__webpack_require__(69813));
-var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
 var _constants = __webpack_require__(23944);
 var _useWebsocket = _interopRequireDefault(__webpack_require__(69406));
 var _rootStyles = _interopRequireDefault(__webpack_require__(43647));
 var _AiraContainer = _interopRequireDefault(__webpack_require__(97060));
 var _InputBox = _interopRequireDefault(__webpack_require__(36227));
 var _constants2 = __webpack_require__(82260);
+var _messages = _interopRequireDefault(__webpack_require__(63525));
 var _styles = _interopRequireDefault(__webpack_require__(58861));
 var _UtilComponents = __webpack_require__(78507);
 var _jsxRuntime = __webpack_require__(74848);
@@ -17229,18 +17236,21 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const DocumentationBot = _ref => {
   let {
-    textAskYourQuestion,
-    textVisitDocs,
-    textNeedHelp,
-    textHowMayIHelp,
-    textAira,
-    textTooltip,
-    textLinks,
-    textConfidence,
-    textWasHelpful,
-    textCantConnect,
-    iconPlacement
+    iconPlacement,
+    intl: {
+      formatMessage
+    }
   } = _ref;
+  const textAskYourQuestion = formatMessage(_messages.default.textAskYourQuestion);
+  const textVisitDocs = formatMessage(_messages.default.textVisitDocs);
+  const textNeedHelp = formatMessage(_messages.default.textNeedHelp);
+  const textHowMayIHelp = formatMessage(_messages.default.textHowMayIHelp);
+  const textAira = formatMessage(_messages.default.textAira);
+  const textTooltip = formatMessage(_messages.default.textTooltip);
+  const textLinks = formatMessage(_messages.default.textLinks);
+  const textConfidence = formatMessage(_messages.default.textConfidence);
+  const textWasHelpful = formatMessage(_messages.default.textWasHelpful);
+  const textCantConnect = formatMessage(_messages.default.textCantConnect);
   const queryId = (0, _react.useRef)(null);
   const [query, setQuery] = (0, _react.useState)('');
   const [lastQuery, setLastQuery] = (0, _react.useState)();
@@ -17272,7 +17282,7 @@ const DocumentationBot = _ref => {
     }
   }, []);
   const onError = (0, _react.useCallback)(() => {
-    setAnswerContent(textCantConnect != null ? textCantConnect : '');
+    setAnswerContent(textCantConnect);
     setLoading(false);
   }, [textCantConnect]);
   const {
@@ -17380,9 +17390,7 @@ const DocumentationBot = _ref => {
     })
   });
 };
-var _default = exports["default"] = (0, _LocaleHoc.default)(DocumentationBot, {
-  key: 'CapAskAira.DocumentationBot'
-});
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(DocumentationBot);
 
 /***/ }),
 
@@ -18987,7 +18995,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-aira-content-type-message{margin-top:.25rem;padding:1rem;color:#97a0af;border-bottom:1px solid #dfe2e7}.cap-aira-content-chat-container{max-height:27rem;overflow-y:scroll;padding-top:.25rem}.cap-aira-content-generate-suggestions{margin:.4rem .5rem}.cap-aira-content-suggestion-li{position:relative;flex-wrap:nowrap;gap:.65rem;padding:0 1rem;user-select:text}.cap-aira-content-suggestion-li[data-active=true]{background-color:#ecf7ec}.cap-aira-content-suggestion-li .cap-aira-content-only-hover{opacity:0;pointer-events:none}.cap-aira-content-suggestion-li:hover .cap-aira-content-only-hover{opacity:1;pointer-events:all}.cap-aira-content-suggestion-li>.cap-aira-content-cover{display:none;background-color:rgba(255,238,0,.03);position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.cap-aira-content-suggestion-li:hover>.cap-aira-content-cover{display:block}.cap-aira-content-suggestion-li .cap-aira-content-content{flex-grow:1;padding:.65rem 0}.cap-aira-content-suggestion-li .cap-aira-content-content .cap-aira-content-content-text{white-space:pre-wrap}.cap-aira-content-suggestion-li .cap-aira-content-content .cap-aira-content-content-info{margin-top:.5rem}.cap-aira-content-suggestion-li .cap-aira-content-content .cap-aira-content-content-info .cap-aira-content-emoji{font-size:1.1rem}.cap-aira-content-suggestion-li .cap-aira-content-content .cap-aira-content-content-info .cap-aira-content-emoji-character-count{margin-left:.7rem;padding-left:.7rem;border-left:1px solid #dfe2e7;font-size:.8rem;color:#5e6c84}.cap-aira-content-suggestion-li .cap-aira-content-replaced-txt{padding:0 1.25rem}.cap-aira-content-suggestion-li .cap-aira-content-replaced-txt>span{color:#47af46;margin-left:.35rem}.cap-aira-content-suggestion-li .cap-aira-content-more-btn{margin-left:auto}.cap-aira-content-suggestion-li .cap-aira-content-replace-btn{margin-left:.5rem}.cap-aira-content-suggestion-li+.cap-aira-content-suggestion-li>.cap-aira-content-content{border-top:1px solid #dfe2e7}.cap-aira-content-reset-to-default{cursor:pointer;color:#2466ea;font-weight:500;padding:0 1rem;margin-left:auto}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-aira-content-type-message{margin-top:.25rem;padding:1rem;color:#97a0af;border-bottom:.0714rem solid #dfe2e7}.cap-aira-content-chat-container{max-height:27rem;overflow-y:scroll;padding-top:.25rem}.cap-aira-content-generate-suggestions{margin:.4rem .5rem}.cap-aira-content-suggestion-li{position:relative;flex-wrap:nowrap;gap:.65rem;padding:0 1rem;user-select:text}.cap-aira-content-suggestion-li[data-active=true]{background-color:#ecf7ec}.cap-aira-content-suggestion-li .cap-aira-content-only-hover{opacity:0;pointer-events:none}.cap-aira-content-suggestion-li:hover .cap-aira-content-only-hover{opacity:1;pointer-events:all}.cap-aira-content-suggestion-li>.cap-aira-content-cover{display:none;background-color:rgba(255,238,0,.03);position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.cap-aira-content-suggestion-li:hover>.cap-aira-content-cover{display:block}.cap-aira-content-suggestion-li .cap-aira-content-content{flex-grow:1;padding:.65rem 0}.cap-aira-content-suggestion-li .cap-aira-content-content .cap-aira-content-content-text{white-space:pre-wrap}.cap-aira-content-suggestion-li .cap-aira-content-content .cap-aira-content-content-info{margin-top:.5rem}.cap-aira-content-suggestion-li .cap-aira-content-content .cap-aira-content-content-info .cap-aira-content-emoji{font-size:1.1rem}.cap-aira-content-suggestion-li .cap-aira-content-content .cap-aira-content-content-info .cap-aira-content-emoji-character-count{margin-left:.7rem;padding-left:.7rem;border-left:.0714rem solid #dfe2e7;font-size:.8rem;color:#5e6c84}.cap-aira-content-suggestion-li .cap-aira-content-replaced-txt{padding:0 1.25rem}.cap-aira-content-suggestion-li .cap-aira-content-replaced-txt>span{color:#47af46;margin-left:.35rem}.cap-aira-content-suggestion-li .cap-aira-content-more-btn{margin-left:auto}.cap-aira-content-suggestion-li .cap-aira-content-replace-btn{margin-left:.5rem}.cap-aira-content-suggestion-li+.cap-aira-content-suggestion-li>.cap-aira-content-content{border-top:.0714rem solid #dfe2e7}.cap-aira-content-reset-to-default{cursor:pointer;color:#2466ea;font-weight:500;padding:0 1rem;margin-left:auto}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-aira-content-type-message": `cap-aira-content-type-message`,
@@ -20496,18 +20504,20 @@ module.exports = assignValue;
 exports.__esModule = true;
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
 var _CapButton = _interopRequireDefault(__webpack_require__(80739));
 var _CapDivider = _interopRequireDefault(__webpack_require__(23406));
 var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
 var _CapModal = _interopRequireDefault(__webpack_require__(7442));
 var _CapNotification = _interopRequireDefault(__webpack_require__(98170));
 var _CapRow = _interopRequireDefault(__webpack_require__(69813));
-var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
+var _constants = __webpack_require__(23944);
 var _AiraContainer = _interopRequireDefault(__webpack_require__(97060));
 var _ErrorBar = _interopRequireDefault(__webpack_require__(83985));
 var _Icons = __webpack_require__(91540);
 var _MultiLineInpuxBox = _interopRequireDefault(__webpack_require__(34388));
-var _constants = __webpack_require__(20082);
+var _constants2 = __webpack_require__(20082);
+var _messages = _interopRequireDefault(__webpack_require__(42639));
 var _styles = _interopRequireDefault(__webpack_require__(43377));
 var _jsxRuntime = __webpack_require__(74848);
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -20515,7 +20525,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const AudienceFilterBot = _ref => {
   var _audienceData$approac, _audienceData$status, _ref2;
   let {
-    textAiraTitle = '',
+    textAiraTitle: textAiraTitleProp,
     setFilterDataFromApi = () => {},
     clearFilterData = () => {},
     updateSetQueryData = () => {},
@@ -20535,24 +20545,28 @@ const AudienceFilterBot = _ref => {
         partial_error: false
       }
     },
-    textNeedHelp,
-    textAskAiraLink,
-    textDescribeAudience,
-    textPlaceholder,
-    textError,
-    textThoughtProcess,
-    textFiltersAdded,
-    textAnalyzing,
-    textPartialFiltersAdded,
-    textFeedbackTitle,
-    textFeedbackOptional,
-    textFeedbackMessage,
-    textFeedbackPlaceholder,
-    textFeedbackSubmit,
-    textFeedbackCancel,
-    textThankYouFeedback,
-    textThankYouDetailedFeedback
+    intl: {
+      formatMessage
+    }
   } = _ref;
+  const textAiraTitle = textAiraTitleProp != null ? textAiraTitleProp : formatMessage(_messages.default.textAiraTitle);
+  const textNeedHelp = formatMessage(_messages.default.textNeedHelp);
+  const textAskAiraLink = formatMessage(_messages.default.textAskAiraLink);
+  const textDescribeAudience = formatMessage(_messages.default.textDescribeAudience);
+  const textPlaceholder = formatMessage(_messages.default.textPlaceholder);
+  const textError = formatMessage(_messages.default.textError);
+  const textThoughtProcess = formatMessage(_messages.default.textThoughtProcess);
+  const textFiltersAdded = formatMessage(_messages.default.textFiltersAdded);
+  const textAnalyzing = formatMessage(_messages.default.textAnalyzing);
+  const textPartialFiltersAdded = formatMessage(_messages.default.textPartialFiltersAdded);
+  const textFeedbackTitle = formatMessage(_messages.default.textFeedbackTitle);
+  const textFeedbackOptional = formatMessage(_messages.default.textFeedbackOptional);
+  const textFeedbackMessage = formatMessage(_messages.default.textFeedbackMessage);
+  const textFeedbackPlaceholder = formatMessage(_messages.default.textFeedbackPlaceholder);
+  const textFeedbackSubmit = formatMessage(_messages.default.textFeedbackSubmit);
+  const textFeedbackCancel = formatMessage(_messages.default.textFeedbackCancel);
+  const textThankYouFeedback = formatMessage(_messages.default.textThankYouFeedback);
+  const textThankYouDetailedFeedback = formatMessage(_messages.default.textThankYouDetailedFeedback);
   const [query, setQuery] = (0, _react.useState)('');
   const [isVisible, setIsVisible] = (0, _react.useState)(false);
   const [isQuerySubmitted, setIsQuerySubmitted] = (0, _react.useState)(false);
@@ -20628,16 +20642,16 @@ const AudienceFilterBot = _ref => {
     }
   };
   const getOuterBoxClass = () => {
-    if (!isVisible) return _styles.default[_constants.clsPrefix + "-collapsed"];
-    if (isQuerySubmitted) return _styles.default[_constants.clsPrefix + "-analysis-height"];
-    return _styles.default[_constants.clsPrefix + "-expanded"];
+    if (!isVisible) return _styles.default[_constants2.clsPrefix + "-collapsed"];
+    if (isQuerySubmitted) return _styles.default[_constants2.clsPrefix + "-analysis-height"];
+    return _styles.default[_constants2.clsPrefix + "-expanded"];
   };
   const renderLoadingIndicator = () => {
     if (getAudienceDataStatus === 'COMPLETE') return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _styles.default[_constants.clsPrefix + "-loading-container"],
+      className: _styles.default[_constants2.clsPrefix + "-loading-container"],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _styles.default[_constants.clsPrefix + "-loading-text"],
+        className: _styles.default[_constants2.clsPrefix + "-loading-text"],
         children: textAnalyzing
       })
     });
@@ -20650,51 +20664,51 @@ const AudienceFilterBot = _ref => {
       type: 'anchor-br'
     },
     title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: _styles.default[_constants.clsPrefix + "-custom-title"],
+      className: _styles.default[_constants2.clsPrefix + "-custom-title"],
       children: textAiraTitle
     }),
     onHide: onHide,
     mode: "audience-filter",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: _styles.default[_constants.clsPrefix + "-multiline-box-outer"] + " " + getOuterBoxClass(),
+      className: _styles.default[_constants2.clsPrefix + "-multiline-box-outer"] + " " + getOuterBoxClass(),
       children: [!isVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _styles.default[_constants.clsPrefix + "-info-container"],
+        className: _styles.default[_constants2.clsPrefix + "-info-container"],
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          className: _styles.default[_constants.clsPrefix + "-info-text"],
+          className: _styles.default[_constants2.clsPrefix + "-info-text"],
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
             type: "three-star-dark",
             size: "m",
-            className: _styles.default[_constants.clsPrefix + "-icon-margin"]
+            className: _styles.default[_constants2.clsPrefix + "-icon-margin"]
           }), textNeedHelp, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: _styles.default[_constants.clsPrefix + "-ask-aira-wrapper"],
+            className: _styles.default[_constants2.clsPrefix + "-ask-aira-wrapper"],
             onClick: toggleVisibility,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: _styles.default[_constants.clsPrefix + "-ask-aira-link"],
+              className: _styles.default[_constants2.clsPrefix + "-ask-aira-link"],
               children: textAskAiraLink
             })
           })]
         })
       }), isVisible && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _styles.default[_constants.clsPrefix + "-header-container"],
+          className: _styles.default[_constants2.clsPrefix + "-header-container"],
           children: isQuerySubmitted ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: _styles.default[_constants.clsPrefix + "-submitted-elements-container"],
+            className: _styles.default[_constants2.clsPrefix + "-submitted-elements-container"],
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: _styles.default[_constants.clsPrefix + "-submitted-left-section"],
+              className: _styles.default[_constants2.clsPrefix + "-submitted-left-section"],
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                 type: "three-star-dark",
                 size: "m",
-                className: _styles.default[_constants.clsPrefix + "-header-icon"]
+                className: _styles.default[_constants2.clsPrefix + "-header-icon"]
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                className: _styles.default[_constants.clsPrefix + "-query-label"] + " " + _styles.default[_constants.clsPrefix + "-header-label"],
+                className: _styles.default[_constants2.clsPrefix + "-query-label"] + " " + _styles.default[_constants2.clsPrefix + "-header-label"],
                 children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-                  className: _styles.default[_constants.clsPrefix + "-ask-aira-link"] + " " + _styles.default[_constants.clsPrefix + "-query-display"] + " " + (getAudienceDataStatus !== 'REQUEST' ? _styles.default[_constants.clsPrefix + "-normal-color"] : ''),
+                  className: _styles.default[_constants2.clsPrefix + "-ask-aira-link"] + " " + _styles.default[_constants2.clsPrefix + "-query-display"] + " " + (getAudienceDataStatus !== 'REQUEST' ? _styles.default[_constants2.clsPrefix + "-normal-color"] : ''),
                   children: [query, getAudienceDataStatus !== 'REQUEST' && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: _styles.default[_constants.clsPrefix + "-edit-icon-container"],
+                    className: _styles.default[_constants2.clsPrefix + "-edit-icon-container"],
                     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                       type: "edit",
                       size: "s",
-                      className: _styles.default[_constants.clsPrefix + "-edit-icon"],
+                      className: _styles.default[_constants2.clsPrefix + "-edit-icon"],
                       onClick: () => {
                         setIsQuerySubmitted(false);
                         setFeedbackState(null);
@@ -20707,7 +20721,7 @@ const AudienceFilterBot = _ref => {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
               type: "close",
               size: "s",
-              className: _styles.default[_constants.clsPrefix + "-close-icon"] + " " + _styles.default[_constants.clsPrefix + "-close-button"],
+              className: _styles.default[_constants2.clsPrefix + "-close-icon"] + " " + _styles.default[_constants2.clsPrefix + "-close-button"],
               onClick: () => {
                 setIsVisible(false);
                 setIsQuerySubmitted(false);
@@ -20718,21 +20732,21 @@ const AudienceFilterBot = _ref => {
               }
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: _styles.default[_constants.clsPrefix + "-placeholder-container"],
+            className: _styles.default[_constants2.clsPrefix + "-placeholder-container"],
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: _styles.default[_constants.clsPrefix + "-header-left-container"],
+              className: _styles.default[_constants2.clsPrefix + "-header-left-container"],
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                 type: "three-star-dark",
                 size: "m",
-                className: _styles.default[_constants.clsPrefix + "-header-icon"]
+                className: _styles.default[_constants2.clsPrefix + "-header-icon"]
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                className: _styles.default[_constants.clsPrefix + "-query-label"] + " " + _styles.default[_constants.clsPrefix + "-header-label"],
+                className: _styles.default[_constants2.clsPrefix + "-query-label"] + " " + _styles.default[_constants2.clsPrefix + "-header-label"],
                 children: textDescribeAudience
               })]
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
               type: "close",
               size: "s",
-              className: _styles.default[_constants.clsPrefix + "-close-icon"] + " " + _styles.default[_constants.clsPrefix + "-close-button"],
+              className: _styles.default[_constants2.clsPrefix + "-close-icon"] + " " + _styles.default[_constants2.clsPrefix + "-close-button"],
               onClick: () => {
                 setIsVisible(false);
                 setIsQuerySubmitted(false);
@@ -20744,7 +20758,7 @@ const AudienceFilterBot = _ref => {
             })]
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _styles.default[_constants.clsPrefix + "-input-wrapper"] + " " + (isQuerySubmitted ? _styles.default[_constants.clsPrefix + "-hidden"] : ''),
+          className: _styles.default[_constants2.clsPrefix + "-input-wrapper"] + " " + (isQuerySubmitted ? _styles.default[_constants2.clsPrefix + "-hidden"] : ''),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiLineInpuxBox.default, {
             value: query,
             setValue: setQuery,
@@ -20755,20 +20769,20 @@ const AudienceFilterBot = _ref => {
           })
         }), isQuerySubmitted && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDivider.default, {
-            className: _styles.default[_constants.clsPrefix + "-divider"]
+            className: _styles.default[_constants2.clsPrefix + "-divider"]
           }), renderLoadingIndicator(), hasError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: _styles.default[_constants.clsPrefix + "-error-container"],
+              className: _styles.default[_constants2.clsPrefix + "-error-container"],
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
                 type: "flex",
                 justify: "start",
                 align: "top",
-                className: _styles.default[_constants.clsPrefix + "-full-width-row"],
+                className: _styles.default[_constants2.clsPrefix + "-full-width-row"],
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                  className: _styles.default[_constants.clsPrefix + "-header-left-container"],
+                  className: _styles.default[_constants2.clsPrefix + "-header-left-container"],
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorBar.default, {
                     textError: textError != null ? textError : '',
-                    className: _styles.default[_constants.clsPrefix + "-error-bar-no-padding"]
+                    className: _styles.default[_constants2.clsPrefix + "-error-bar-no-padding"]
                   })
                 })
               })
@@ -20776,107 +20790,107 @@ const AudienceFilterBot = _ref => {
           })]
         }), hasResults && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: _styles.default[_constants.clsPrefix + "-success-container"],
+            className: _styles.default[_constants2.clsPrefix + "-success-container"],
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
               type: "flex",
               justify: "space-between",
               align: "middle",
-              className: _styles.default[_constants.clsPrefix + "-full-width-row"],
+              className: _styles.default[_constants2.clsPrefix + "-full-width-row"],
               children: [(audienceData == null || (_audienceData$approac = audienceData.approach) == null ? void 0 : _audienceData$approac.length) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                className: _styles.default[_constants.clsPrefix + "-approach-container"],
+                className: _styles.default[_constants2.clsPrefix + "-approach-container"],
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  className: _styles.default[_constants.clsPrefix + "-thought-process-heading"],
+                  className: _styles.default[_constants2.clsPrefix + "-thought-process-heading"],
                   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: _styles.default[_constants.clsPrefix + "-thought-process-text"],
+                    className: _styles.default[_constants2.clsPrefix + "-thought-process-text"],
                     onClick: () => setShowApproaches(!showApproaches),
                     children: textThoughtProcess
                   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                     type: showApproaches ? 'chevron-up' : 'chevron-down',
                     size: "s",
-                    className: _styles.default[_constants.clsPrefix + "-chevron-icon"],
+                    className: _styles.default[_constants2.clsPrefix + "-chevron-icon"],
                     onClick: () => setShowApproaches(!showApproaches)
                   })]
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                  className: showApproaches ? _styles.default[_constants.clsPrefix + "-approach-content-visible"] : _styles.default[_constants.clsPrefix + "-approach-content"],
+                  className: showApproaches ? _styles.default[_constants2.clsPrefix + "-approach-content-visible"] : _styles.default[_constants2.clsPrefix + "-approach-content"],
                   children: audienceData == null ? void 0 : audienceData.approach.map((approaches, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-                    className: _styles.default[_constants.clsPrefix + "-approach-item"],
+                    className: _styles.default[_constants2.clsPrefix + "-approach-item"],
                     type: "flex",
                     align: "top",
                     justify: "start",
                     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                      className: _styles.default[_constants.clsPrefix + "-bullet"],
+                      className: _styles.default[_constants2.clsPrefix + "-bullet"],
                       children: "\u2022"
                     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                      className: _styles.default[_constants.clsPrefix + "-approach-text"],
+                      className: _styles.default[_constants2.clsPrefix + "-approach-text"],
                       children: String(approaches)
                     })]
                   }, "approach-" + index))
                 })]
               }), (audienceData == null ? void 0 : audienceData.error) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: _styles.default[_constants.clsPrefix + "-error-container"],
+                className: _styles.default[_constants2.clsPrefix + "-error-container"],
                 children: audienceData == null ? void 0 : audienceData.error.map((error, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-                  className: _styles.default[_constants.clsPrefix + "-error-item"],
+                  className: _styles.default[_constants2.clsPrefix + "-error-item"],
                   type: "flex",
                   align: "top",
                   justify: "start",
                   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-                    className: _styles.default[_constants.clsPrefix + "-error-icon"],
+                    className: _styles.default[_constants2.clsPrefix + "-error-icon"],
                     type: 'error',
                     size: "s",
                     "data-testid": "cap-icon"
                   }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: _styles.default[_constants.clsPrefix + "-error-text"],
+                    className: _styles.default[_constants2.clsPrefix + "-error-text"],
                     children: error
                   })]
                 }, "error-" + index))
               }), (audienceData == null ? void 0 : audienceData.warning) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 children: audienceData == null ? void 0 : audienceData.warning.map((warn, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-                  className: _styles.default[_constants.clsPrefix + "-warning-item"],
+                  className: _styles.default[_constants2.clsPrefix + "-warning-item"],
                   type: "flex",
                   align: "middle",
                   justify: "start",
                   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-                    className: _styles.default[_constants.clsPrefix + "-warning-icon"],
+                    className: _styles.default[_constants2.clsPrefix + "-warning-icon"],
                     type: 'alert-warning',
                     "data-testid": "cap-icon"
                   }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: _styles.default[_constants.clsPrefix + "-warning-text"],
+                    className: _styles.default[_constants2.clsPrefix + "-warning-text"],
                     children: warn
                   })]
                 }, "warning-" + index))
               }), Boolean((audienceData == null ? void 0 : audienceData.response) && (audienceData == null || (_audienceData$status = audienceData.status) == null ? void 0 : _audienceData$status.code) == 200) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                className: _styles.default[_constants.clsPrefix + "-filters-added-container"],
+                className: _styles.default[_constants2.clsPrefix + "-filters-added-container"],
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  className: _styles.default[_constants.clsPrefix + "-filters-added-content"],
+                  className: _styles.default[_constants2.clsPrefix + "-filters-added-content"],
                   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                     type: "check-filled",
                     size: "m",
-                    className: _styles.default[_constants.clsPrefix + "-success-icon"]
+                    className: _styles.default[_constants2.clsPrefix + "-success-icon"]
                   }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: _styles.default[_constants.clsPrefix + "-filters-added-text"],
+                    className: _styles.default[_constants2.clsPrefix + "-filters-added-text"],
                     children: (_ref2 = audienceData != null && audienceData.partial_error ? textPartialFiltersAdded : textFiltersAdded) != null ? _ref2 : ''
                   })]
                 }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  className: _styles.default[_constants.clsPrefix + "-feedback-buttons"],
+                  className: _styles.default[_constants2.clsPrefix + "-feedback-buttons"],
                   children: [feedbackState === 'like' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                     type: "filled-like",
                     size: "m",
-                    className: _styles.default[_constants.clsPrefix + "-feedback-icon"] + " " + _styles.default[_constants.clsPrefix + "-feedback-selected"] + " " + (feedbackSubmitted ? _styles.default[_constants.clsPrefix + "-feedback-submitted"] : ''),
+                    className: _styles.default[_constants2.clsPrefix + "-feedback-icon"] + " " + _styles.default[_constants2.clsPrefix + "-feedback-selected"] + " " + (feedbackSubmitted ? _styles.default[_constants2.clsPrefix + "-feedback-submitted"] : ''),
                     onClick: handleLikeClick
                   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                     type: "like",
                     size: "m",
-                    className: _styles.default[_constants.clsPrefix + "-feedback-icon"] + " " + (feedbackSubmitted && feedbackState === 'dislike' ? _styles.default[_constants.clsPrefix + "-feedback-disabled"] : ''),
+                    className: _styles.default[_constants2.clsPrefix + "-feedback-icon"] + " " + (feedbackSubmitted && feedbackState === 'dislike' ? _styles.default[_constants2.clsPrefix + "-feedback-disabled"] : ''),
                     onClick: handleLikeClick
                   }), feedbackState === 'dislike' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                     type: "filled-disLike",
                     size: "m",
-                    className: _styles.default[_constants.clsPrefix + "-feedback-icon"] + " " + _styles.default[_constants.clsPrefix + "-feedback-selected"] + " " + (feedbackSubmitted ? _styles.default[_constants.clsPrefix + "-feedback-submitted"] : ''),
+                    className: _styles.default[_constants2.clsPrefix + "-feedback-icon"] + " " + _styles.default[_constants2.clsPrefix + "-feedback-selected"] + " " + (feedbackSubmitted ? _styles.default[_constants2.clsPrefix + "-feedback-submitted"] : ''),
                     onClick: handleDislikeClick
                   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                     type: "disLike",
                     size: "m",
-                    className: _styles.default[_constants.clsPrefix + "-feedback-icon"] + " " + (feedbackSubmitted && feedbackState === 'like' ? _styles.default[_constants.clsPrefix + "-feedback-disabled"] : ''),
+                    className: _styles.default[_constants2.clsPrefix + "-feedback-icon"] + " " + (feedbackSubmitted && feedbackState === 'like' ? _styles.default[_constants2.clsPrefix + "-feedback-disabled"] : ''),
                     onClick: handleDislikeClick
                   })]
                 })]
@@ -20888,10 +20902,10 @@ const AudienceFilterBot = _ref => {
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapModal.default, {
       title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: _styles.default[_constants.clsPrefix + "-modal-title"],
+          className: _styles.default[_constants2.clsPrefix + "-modal-title"],
           children: textFeedbackTitle
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: _styles.default[_constants.clsPrefix + "-modal-title-optional"],
+          className: _styles.default[_constants2.clsPrefix + "-modal-title-optional"],
           children: textFeedbackOptional
         })]
       }),
@@ -20902,16 +20916,16 @@ const AudienceFilterBot = _ref => {
       closeText: textFeedbackCancel,
       styles: {
         body: {
-          height: '188px'
+          height: '13.4286rem'
         },
         mask: {
-          backgroundColor: 'rgba(244, 245, 247, 0.9)'
+          backgroundColor: _constants.CAP_ASK_AIRA_COLORS.MASK_BG
         }
       },
       transitionName: "",
       maskTransitionName: "",
       footer: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _styles.default[_constants.clsPrefix + "-modal-footer"],
+        className: _styles.default[_constants2.clsPrefix + "-modal-footer"],
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapButton.default, {
           onClick: handleModalOk,
           type: "primary",
@@ -20919,33 +20933,31 @@ const AudienceFilterBot = _ref => {
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapButton.default, {
           onClick: handleModalCancel,
           type: "flat",
-          className: _styles.default[_constants.clsPrefix + "-modal-flat-button"],
+          className: _styles.default[_constants2.clsPrefix + "-modal-flat-button"],
           children: textFeedbackCancel
         })]
       }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _styles.default[_constants.clsPrefix + "-feedback-message"],
+        className: _styles.default[_constants2.clsPrefix + "-feedback-message"],
         children: textFeedbackMessage
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _styles.default[_constants.clsPrefix + "-textarea-container"],
+        className: _styles.default[_constants2.clsPrefix + "-textarea-container"],
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
-          className: _styles.default[_constants.clsPrefix + "-feedback-textarea"],
+          className: _styles.default[_constants2.clsPrefix + "-feedback-textarea"],
           rows: 4,
           value: comment,
           onChange: handleCommentChange,
           placeholder: textFeedbackPlaceholder,
           maxLength: 200
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default[_constants.clsPrefix + "-character-count"],
+          className: _styles.default[_constants2.clsPrefix + "-character-count"],
           children: [comment.length, "/200"]
         })]
       })]
     })]
   });
 };
-var _default = exports["default"] = (0, _LocaleHoc.default)(AudienceFilterBot, {
-  key: 'CapAskAira.AudienceFilterBot'
-});
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(AudienceFilterBot);
 
 /***/ }),
 
@@ -22091,12 +22103,12 @@ exports.__esModule = true;
 exports["default"] = exports.RuleSummarizationBot = void 0;
 var _markdownToJsx = _interopRequireDefault(__webpack_require__(36841));
 var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
 var _reactRedux = __webpack_require__(31286);
 var _redux = __webpack_require__(90916);
 var _reselect = __webpack_require__(86751);
 var _CapHeading = _interopRequireDefault(__webpack_require__(7319));
 var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
-var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
 var _AiraContainer = _interopRequireDefault(__webpack_require__(97060));
 var _ErrorBar = _interopRequireDefault(__webpack_require__(83985));
 var _Icons = __webpack_require__(91540);
@@ -22374,12 +22386,8 @@ function mapDispatchToProps(dispatch) {
 }
 const withConnect = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps);
 
-// LocaleHoc + connect/compose produce a component type that's hard to express; cast avoids complex generics
-const LocalizedRuleSummarizationBot = (0, _LocaleHoc.default)(RuleSummarizationBot, {
-  key: 'CapAskAira.RuleSummarizationBot'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-});
-var _default = exports["default"] = (0, _redux.compose)(withConnect)(LocalizedRuleSummarizationBot);
+// compose(connect)(injectIntl(...)) conflicts: connect infers actions return action objects, props type uses void; cast avoids complex generics
+var _default = exports["default"] = (0, _redux.compose)(withConnect)((0, _reactIntl.injectIntl)(RuleSummarizationBot));
 
 /***/ }),
 
@@ -23570,6 +23578,7 @@ var _default = exports["default"] = CapAlert;
 exports.__esModule = true;
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
 var _uuid = __webpack_require__(79308);
 var _cart = _interopRequireDefault(__webpack_require__(53425));
 var _offer = _interopRequireDefault(__webpack_require__(63915));
@@ -23578,7 +23587,6 @@ var _CapHeading = _interopRequireDefault(__webpack_require__(7319));
 var _CapImage = _interopRequireDefault(__webpack_require__(84446));
 var _CapLabel = _interopRequireDefault(__webpack_require__(92675));
 var _CapRow = _interopRequireDefault(__webpack_require__(69813));
-var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
 var _constants = __webpack_require__(23944);
 var _useWebsocket = _interopRequireDefault(__webpack_require__(69406));
 var _rootStyles = _interopRequireDefault(__webpack_require__(43647));
@@ -23590,22 +23598,40 @@ exports.clsPrefix = _constants2.clsPrefix;
 var _CopilotResponse = _interopRequireDefault(__webpack_require__(98418));
 var _GeneratingResponse = _interopRequireDefault(__webpack_require__(24650));
 var _IdentityIcon = _interopRequireDefault(__webpack_require__(14338));
+var _messages = _interopRequireDefault(__webpack_require__(65061));
 var _styles = _interopRequireDefault(__webpack_require__(29225));
 var _UserRequest = _interopRequireDefault(__webpack_require__(80551));
 var _jsxRuntime = __webpack_require__(74848);
-const _excluded = ["iconPlacement", "textAiraTitle", "textAiraTooltip"],
-  _excluded2 = ["request", "getAPICallObject", "textPromptHere", "textCreate", "textCancel", "textGeneratingResponse", "firstName", "lastName"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const ConfigurationBot = _ref => {
   let {
-      iconPlacement,
-      textAiraTitle,
-      textAiraTooltip
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    iconPlacement,
+    request,
+    getAPICallObject,
+    firstName,
+    lastName,
+    intl: {
+      formatMessage
+    }
+  } = _ref;
+  const textAiraTitle = formatMessage(_messages.default.textAiraTitle);
+  const textAiraTooltip = formatMessage(_messages.default.textAiraTooltip);
+  const textPromptHere = formatMessage(_messages.default.textPromptHere);
+  const textCreate = formatMessage(_messages.default.textCreate);
+  const textCancel = formatMessage(_messages.default.textCancel);
+  const textGeneratingResponse = formatMessage(_messages.default.textGeneratingResponse);
+  const textUser = formatMessage(_messages.default.textUser);
+  const textPilot = formatMessage(_messages.default.textPilot);
+  const textCouponTile = formatMessage(_messages.default.textCouponTile);
+  const textCouponDescription = formatMessage(_messages.default.textCouponDescription);
+  const textPromotionTitle = formatMessage(_messages.default.textPromotionTitle);
+  const textPromotionDescription = formatMessage(_messages.default.textPromotionDescription);
+  const textStreakTitle = formatMessage(_messages.default.textStreakTitle);
+  const textStreakDescription = formatMessage(_messages.default.textStreakDescription);
+  const textCouponPrompt = formatMessage(_messages.default.textCouponPrompt);
+  const textPromotionPrompt = formatMessage(_messages.default.textPromotionPrompt);
+  const textStreakPrompt = formatMessage(_messages.default.textStreakPrompt);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AiraContainer.default, {
       titlePadding: "0.5rem",
@@ -23620,7 +23646,27 @@ const ConfigurationBot = _ref => {
         type: 'float-br',
         padding: '0rem'
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopupContent, _extends({}, rest))
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopupContent, {
+        request: request,
+        getAPICallObject: getAPICallObject,
+        textPromptHere: textPromptHere,
+        textCreate: textCreate,
+        textCancel: textCancel,
+        textGeneratingResponse: textGeneratingResponse,
+        firstName: firstName,
+        lastName: lastName,
+        textUser: textUser,
+        textPilot: textPilot,
+        textCouponTile: textCouponTile,
+        textCouponDescription: textCouponDescription,
+        textPromotionTitle: textPromotionTitle,
+        textPromotionDescription: textPromotionDescription,
+        textStreakTitle: textStreakTitle,
+        textStreakDescription: textStreakDescription,
+        textCouponPrompt: textCouponPrompt,
+        textPromotionPrompt: textPromotionPrompt,
+        textStreakPrompt: textStreakPrompt
+      })
     })
   });
 };
@@ -23748,16 +23794,26 @@ const BootupPage = _ref2 => {
 };
 const PopupContent = _ref3 => {
   let {
-      request,
-      getAPICallObject,
-      textPromptHere,
-      textCreate,
-      textCancel,
-      textGeneratingResponse,
-      firstName,
-      lastName
-    } = _ref3,
-    rest = _objectWithoutPropertiesLoose(_ref3, _excluded2);
+    request,
+    getAPICallObject,
+    textPromptHere,
+    textCreate,
+    textCancel,
+    textGeneratingResponse,
+    firstName,
+    lastName,
+    textUser,
+    textPilot,
+    textCouponTile,
+    textCouponDescription,
+    textPromotionTitle,
+    textPromotionDescription,
+    textStreakTitle,
+    textStreakDescription,
+    textCouponPrompt,
+    textPromotionPrompt,
+    textStreakPrompt
+  } = _ref3;
   const [query, setQuery] = (0, _react.useState)('');
   const [loading, setLoading] = (0, _react.useState)(false);
   const [changes, setChanges] = (0, _react.useState)({});
@@ -23921,9 +23977,20 @@ const PopupContent = _ref3 => {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _styles.default[_constants2.clsPrefix + "-answer-container"] + " " + _rootStyles.default[_constants.rootClsPrefix + "-no-scrollbar"],
       ref: scrollRef,
-      children: [showBootupPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(BootupPage, _extends({
-        setQuery: setQuery
-      }, rest)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+      children: [showBootupPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(BootupPage, {
+        setQuery: setQuery,
+        textUser: textUser,
+        textPilot: textPilot,
+        textCouponTile: textCouponTile,
+        textCouponDescription: textCouponDescription,
+        textPromotionTitle: textPromotionTitle,
+        textPromotionDescription: textPromotionDescription,
+        textStreakTitle: textStreakTitle,
+        textStreakDescription: textStreakDescription,
+        textCouponPrompt: textCouponPrompt,
+        textPromotionPrompt: textPromotionPrompt,
+        textStreakPrompt: textStreakPrompt
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
         className: _styles.default['copilot-body-container'],
         children: renderChatMessages(chat, progressStatusData)
       })]
@@ -23939,9 +24006,7 @@ const PopupContent = _ref3 => {
     })]
   });
 };
-var _default = exports["default"] = (0, _LocaleHoc.default)(ConfigurationBot, {
-  key: 'CapAskAira.ConfigurationBot'
-});
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(ConfigurationBot);
 
 /***/ }),
 
@@ -27004,7 +27069,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-aira-audiencefilter-multiline-box-outer{background:linear-gradient(90deg, #F5F5FF, #EBF6FF);padding:8px 16px;width:74.143rem}.cap-aira-audiencefilter-multiline-box-outer.collapsed{height:40px}.cap-aira-audiencefilter-multiline-box-outer.expanded{height:auto}.cap-aira-audiencefilter-multiline-box-outer.analysis-height{height:max-content;min-height:85px;position:relative;overflow:visible}.cap-aira-audiencefilter-custom-title{font-weight:normal}.cap-aira-audiencefilter-info-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}.cap-aira-audiencefilter-info-text{text-align:left;display:flex;align-items:center;font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0}.cap-aira-audiencefilter-icon-margin{margin-right:8px;width:16px;height:16px}.cap-aira-audiencefilter-icon-margin svg{width:16px;height:16px}.cap-aira-audiencefilter-ask-aira-wrapper{display:inline-flex;align-items:center;justify-content:flex-start;margin-left:.5rem;cursor:pointer;height:28px;border-radius:4px;padding:0;box-sizing:border-box;max-width:164px}.cap-aira-audiencefilter-ask-aira-wrapper:hover{background-color:#d4e1fc}.cap-aira-audiencefilter-ask-aira-link{font-family:"Roboto",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0px;text-wrap:auto;word-break:break-word;overflow-wrap:break-word;background:linear-gradient(90deg, #6268FF, #3BA7FF);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);display:inline-block;padding:4px 8px;white-space:nowrap}.cap-aira-audiencefilter-ask-aira-link.query-display{margin-left:0;cursor:default;text-wrap:wrap;white-space:normal;word-break:break-word;overflow-wrap:break-word}.cap-aira-audiencefilter-ask-aira-link.normal-color{background:none;color:inherit;-webkit-background-clip:initial}.cap-aira-audiencefilter-query-label{font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0}.cap-aira-audiencefilter-close-icon{cursor:pointer;align-self:flex-start}.cap-aira-audiencefilter-input-wrapper{display:flex;align-items:center;margin-top:0}.cap-aira-audiencefilter-hidden{display:none}.cap-aira-audiencefilter-error-container{text-align:left;padding:0;margin-top:0;width:100%}.cap-aira-audiencefilter-error-container .cap-aira-error-bar{justify-content:flex-start;margin:0;padding:0;text-align:left}.cap-aira-audiencefilter-error-container .cap-aira-error-bar span{padding-left:0;text-align:left}.cap-aira-audiencefilter-loading-text{font-family:"Roboto",sans-serif;font-weight:400;letter-spacing:0;font-size:12px;line-height:16px;color:#091e42;display:block}.cap-aira-audiencefilter-header-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 8px 0}.cap-aira-audiencefilter-submitted-elements-container{display:flex;align-items:center;width:100%;justify-content:space-between;padding:0;border-radius:4px;margin-bottom:0}.cap-aira-audiencefilter-submitted-left-section{display:flex;align-items:center;max-width:calc(100% - 24px);overflow:hidden}.cap-aira-audiencefilter-placeholder-container{display:flex;align-items:center;width:100%;justify-content:space-between}.cap-aira-audiencefilter-header-left-container{display:flex;align-items:center}.cap-aira-audiencefilter-header-icon{margin:0;width:16px;height:16px}.cap-aira-audiencefilter-header-icon svg{width:16px;height:16px}.cap-aira-audiencefilter-submitted-left-section .cap-aira-audiencefilter-header-icon{align-self:flex-start;margin-top:7px}.cap-aira-audiencefilter-header-label{margin:0 0 0 8px;width:100%;display:block}.cap-aira-audiencefilter-close-button{margin:6px 0 0 0;align-self:flex-start}.cap-aira-audiencefilter-divider{width:952px;height:1px;background-color:#dfe2e7;border:none;margin:0px !important;display:block}.cap-aira-audiencefilter-success-container{display:flex;justify-content:flex-end;width:100%;padding:0;margin:0}.cap-aira-audiencefilter-error-container,.cap-aira-audiencefilter-success-container{font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0}.cap-aira-audiencefilter-edit-icon-container{display:inline-flex;margin-left:4px;margin-top:-2px;vertical-align:middle;width:24px;height:24px;align-items:center;justify-content:center;border-radius:34px}.cap-aira-audiencefilter-edit-icon-container:hover{background-color:#ebecf0}.cap-aira-audiencefilter-edit-icon{width:16px;height:16px;cursor:pointer}.cap-aira-audiencefilter-loading-container{width:100%;padding:10px 0;text-align:left}.cap-aira-audiencefilter-thought-process-heading{font-size:14px;font-weight:bold;color:#091e42;margin:8px 0 2px 0;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cap-aira-audiencefilter-thought-process-text{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-right:4px}.cap-aira-audiencefilter-approach-item{margin-top:4px;padding:0;color:#000;display:flex;align-items:flex-start}.cap-aira-audiencefilter-approach-content{display:none}.cap-aira-audiencefilter-approach-content-visible{display:block}.cap-aira-audiencefilter-bullet{display:inline-block;flex-shrink:0;width:12px;margin:2px 0 0 8px;line-height:20px}.cap-aira-audiencefilter-approach-text{word-break:break-word;margin:2px 2px;flex:1}.cap-aira-audiencefilter-approach-container{width:100%}.cap-aira-audiencefilter-error-item{margin:8px 0 3px 3px;padding:0;color:red;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;width:100%}.cap-aira-audiencefilter-error-icon{margin:2px 8px 0 0;align-self:flex-start}.dAqpdr{font-size:19px !important}.cap-aira-audiencefilter-error-text{word-break:break-word;flex:1;white-space:pre-wrap;margin-left:4px;padding-top:1px;text-align:left}.cap-aira-audiencefilter-filters-added-container{width:100%;display:flex;margin:8px 0 0 0;justify-content:space-between}.cap-aira-audiencefilter-filters-added-content{display:flex}.cap-aira-audiencefilter-filters-added-text{color:#091e42;padding:0 8px;display:block;margin-top:2px}.cap-aira-audiencefilter-full-width-row{width:100%}.cap-aira-audiencefilter-error-bar-no-padding{padding:0}.cap-aira-audiencefilter-chevron-icon{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer}.cap-aira-audiencefilter-feedback-buttons{display:flex;gap:4px}.cap-aira-audiencefilter-feedback-icon{cursor:pointer;padding:5px;border-radius:50%;transition:background-color .2s}.cap-aira-audiencefilter-feedback-icon:hover{background-color:rgba(0,0,0,.05)}.cap-aira-audiencefilter-feedback-textarea::placeholder{color:#b3bac5}.cap-aira-audiencefilter-feedback-disabled{opacity:.5;cursor:not-allowed}.cap-aira-audiencefilter-feedback-submitted{cursor:default}.cap-aira-audiencefilter-modal-footer{margin-left:8px;display:flex;justify-content:flex-start}.cap-aira-audiencefilter-modal-flat-button{background-color:#ebecf0}.cap-aira-audiencefilter-modal-title{color:#091e42;font-weight:500}.cap-aira-audiencefilter-modal-title-optional{color:#5e6c84;margin-left:4px}.cap-aira-audiencefilter-feedback-message{margin-bottom:16px;color:#091e42}.cap-aira-audiencefilter-textarea-container{position:relative;width:326px}.cap-aira-audiencefilter-character-count{position:absolute;bottom:8px;right:8px;font-size:12px;color:#5e6c84;background-color:rgba(255,255,255,.8);padding:2px 4px;border-radius:2px}.cap-aira-audiencefilter-feedback-textarea{width:326px;height:120px;padding:8px;border-radius:4px;border:1px solid #091e42;resize:none;padding-bottom:24px}.cap-aira-audiencefilter-warning-item{margin-top:4px;padding:0;color:orange;display:flex;align-items:flex-start}.cap-aira-audiencefilter-warning-icon{margin-right:8px;align-self:flex-start}.cap-aira-audiencefilter-warning-text{word-break:break-word;flex:1}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-aira-audiencefilter-multiline-box-outer{background:linear-gradient(90deg, #f5f5ff, #ebf6ff);padding:.5714rem 1.1429rem;width:74.143rem}.cap-aira-audiencefilter-multiline-box-outer.collapsed{height:2.8571rem}.cap-aira-audiencefilter-multiline-box-outer.expanded{height:auto}.cap-aira-audiencefilter-multiline-box-outer.analysis-height{height:max-content;min-height:6.0714rem;position:relative;overflow:visible}.cap-aira-audiencefilter-custom-title{font-weight:normal}.cap-aira-audiencefilter-info-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}.cap-aira-audiencefilter-info-text{text-align:left;display:flex;align-items:center;font-family:"Roboto",sans-serif;font-weight:400;font-size:1rem;line-height:1.4286rem;letter-spacing:0}.cap-aira-audiencefilter-icon-margin{margin-right:.5714rem;width:1.1429rem;height:1.1429rem}.cap-aira-audiencefilter-icon-margin svg{width:1.1429rem;height:1.1429rem}.cap-aira-audiencefilter-ask-aira-wrapper{display:inline-flex;align-items:center;justify-content:flex-start;margin-left:.5rem;cursor:pointer;height:2rem;border-radius:.2857rem;padding:0;box-sizing:border-box;max-width:11.7143rem}.cap-aira-audiencefilter-ask-aira-wrapper:hover{background-color:#d4e1fc}.cap-aira-audiencefilter-ask-aira-link{font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;line-height:1.4286rem;letter-spacing:0;text-wrap:auto;word-break:break-word;overflow-wrap:break-word;background:linear-gradient(90deg, #6268ff, #3ba7ff);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);display:inline-block;padding:.2857rem .5714rem;white-space:nowrap}.cap-aira-audiencefilter-ask-aira-link.query-display{margin-left:0;cursor:default;text-wrap:wrap;white-space:normal;word-break:break-word;overflow-wrap:break-word}.cap-aira-audiencefilter-ask-aira-link.normal-color{background:none;color:inherit;-webkit-background-clip:initial}.cap-aira-audiencefilter-query-label{font-family:"Roboto",sans-serif;font-weight:400;font-size:1rem;line-height:1.4286rem;letter-spacing:0}.cap-aira-audiencefilter-close-icon{cursor:pointer;align-self:flex-start}.cap-aira-audiencefilter-input-wrapper{display:flex;align-items:center;margin-top:0}.cap-aira-audiencefilter-hidden{display:none}.cap-aira-audiencefilter-error-container{text-align:left;padding:0;margin-top:0;width:100%}.cap-aira-audiencefilter-error-container .cap-aira-error-bar{justify-content:flex-start;margin:0;padding:0;text-align:left}.cap-aira-audiencefilter-error-container .cap-aira-error-bar span{padding-left:0;text-align:left}.cap-aira-audiencefilter-loading-text{font-family:"Roboto",sans-serif;font-weight:400;letter-spacing:0;font-size:.8571rem;line-height:1.1429rem;color:#091e42;display:block}.cap-aira-audiencefilter-header-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 .5714rem 0}.cap-aira-audiencefilter-submitted-elements-container{display:flex;align-items:center;width:100%;justify-content:space-between;padding:0;border-radius:.2857rem;margin-bottom:0}.cap-aira-audiencefilter-submitted-left-section{display:flex;align-items:center;max-width:calc(100% - 1.7143rem);overflow:hidden}.cap-aira-audiencefilter-placeholder-container{display:flex;align-items:center;width:100%;justify-content:space-between}.cap-aira-audiencefilter-header-left-container{display:flex;align-items:center}.cap-aira-audiencefilter-header-icon{margin:0;width:1.1429rem;height:1.1429rem}.cap-aira-audiencefilter-header-icon svg{width:1.1429rem;height:1.1429rem}.cap-aira-audiencefilter-submitted-left-section .cap-aira-audiencefilter-header-icon{align-self:flex-start;margin-top:.5rem}.cap-aira-audiencefilter-header-label{margin:0 0 0 .5714rem;width:100%;display:block}.cap-aira-audiencefilter-close-button{margin:.4286rem 0 0 0;align-self:flex-start}.cap-aira-audiencefilter-divider{width:68rem;height:.0714rem;background-color:#dfe2e7;border:none;margin:0 !important;display:block}.cap-aira-audiencefilter-success-container{display:flex;justify-content:flex-end;width:100%;padding:0;margin:0}.cap-aira-audiencefilter-error-container,.cap-aira-audiencefilter-success-container{font-family:"Roboto",sans-serif;font-weight:400;font-size:1rem;line-height:1.4286rem;letter-spacing:0}.cap-aira-audiencefilter-edit-icon-container{display:inline-flex;margin-left:.2857rem;margin-top:-0.1429rem;vertical-align:middle;width:1.7143rem;height:1.7143rem;align-items:center;justify-content:center;border-radius:2.4286rem}.cap-aira-audiencefilter-edit-icon-container:hover{background-color:#ebecf0}.cap-aira-audiencefilter-edit-icon{width:1.1429rem;height:1.1429rem;cursor:pointer}.cap-aira-audiencefilter-loading-container{width:100%;padding:.7143rem 0;text-align:left}.cap-aira-audiencefilter-thought-process-heading{font-size:1rem;font-weight:bold;color:#091e42;margin:.5714rem 0 .1429rem 0;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cap-aira-audiencefilter-thought-process-text{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-right:.2857rem}.cap-aira-audiencefilter-approach-item{margin-top:.2857rem;padding:0;color:#000;display:flex;align-items:flex-start}.cap-aira-audiencefilter-approach-content{display:none}.cap-aira-audiencefilter-approach-content-visible{display:block}.cap-aira-audiencefilter-bullet{display:inline-block;flex-shrink:0;width:.8571rem;margin:.1429rem 0 0 .5714rem;line-height:1.4286rem}.cap-aira-audiencefilter-approach-text{word-break:break-word;margin:.1429rem .1429rem;flex:1}.cap-aira-audiencefilter-approach-container{width:100%}.cap-aira-audiencefilter-error-item{margin:.5714rem 0 .2143rem .2143rem;padding:0;color:#ea213a;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;width:100%}.cap-aira-audiencefilter-error-icon{margin:.1429rem .5714rem 0 0;align-self:flex-start}.dAqpdr{font-size:1.3571rem !important}.cap-aira-audiencefilter-error-text{word-break:break-word;flex:1;white-space:pre-wrap;margin-left:.2857rem;padding-top:.0714rem;text-align:left}.cap-aira-audiencefilter-filters-added-container{width:100%;display:flex;margin:.5714rem 0 0 0;justify-content:space-between}.cap-aira-audiencefilter-filters-added-content{display:flex}.cap-aira-audiencefilter-filters-added-text{color:#091e42;padding:0 .5714rem;display:block;margin-top:.1429rem}.cap-aira-audiencefilter-full-width-row{width:100%}.cap-aira-audiencefilter-error-bar-no-padding{padding:0}.cap-aira-audiencefilter-chevron-icon{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer}.cap-aira-audiencefilter-feedback-buttons{display:flex;gap:.2857rem}.cap-aira-audiencefilter-feedback-icon{cursor:pointer;padding:.3571rem;border-radius:50%;transition:background-color .2s}.cap-aira-audiencefilter-feedback-icon:hover{background-color:rgba(0,0,0,.05)}.cap-aira-audiencefilter-feedback-textarea::placeholder{color:#b3bac5}.cap-aira-audiencefilter-feedback-disabled{opacity:.5;cursor:not-allowed}.cap-aira-audiencefilter-feedback-submitted{cursor:default}.cap-aira-audiencefilter-modal-footer{margin-left:.5714rem;display:flex;justify-content:flex-start}.cap-aira-audiencefilter-modal-flat-button{background-color:#ebecf0}.cap-aira-audiencefilter-modal-title{color:#091e42;font-weight:500}.cap-aira-audiencefilter-modal-title-optional{color:#5e6c84;margin-left:.2857rem}.cap-aira-audiencefilter-feedback-message{margin-bottom:1.1429rem;color:#091e42}.cap-aira-audiencefilter-textarea-container{position:relative;width:23.2857rem}.cap-aira-audiencefilter-character-count{position:absolute;bottom:.5714rem;right:.5714rem;font-size:.8571rem;color:#5e6c84;background-color:rgba(255,255,255,.8);padding:.1429rem .2857rem;border-radius:.1429rem}.cap-aira-audiencefilter-feedback-textarea{width:23.2857rem;height:8.5714rem;padding:.5714rem;border-radius:.2857rem;border:.0714rem solid #091e42;resize:none;padding-bottom:1.7143rem}.cap-aira-audiencefilter-warning-item{margin-top:.2857rem;padding:0;color:#f87d23;display:flex;align-items:flex-start}.cap-aira-audiencefilter-warning-icon{margin-right:.5714rem;align-self:flex-start}.cap-aira-audiencefilter-warning-text{word-break:break-word;flex:1}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-aira-audiencefilter-multiline-box-outer": `cap-aira-audiencefilter-multiline-box-outer`,
@@ -27952,7 +28017,7 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 
 
 exports.__esModule = true;
-exports.rootClsPrefix = exports.WS_DOMAIN = exports.DOMAIN = exports.AIRA_REDUCER_DOMAIN = void 0;
+exports.rootClsPrefix = exports.WS_DOMAIN = exports.DOMAIN = exports.CAP_ASK_AIRA_COLORS = exports.AIRA_REDUCER_DOMAIN = void 0;
 const DOMAIN = exports.DOMAIN =  true ? '' :
 // : 'https://crm-nightly-new.cc.capillarytech.com';
 0;
@@ -27962,6 +28027,16 @@ const WS_DOMAIN = exports.WS_DOMAIN =  true ? "wss://" + window.location.host :
 const AIRA_REDUCER_DOMAIN = exports.AIRA_REDUCER_DOMAIN = 'ASK_AIRA';
 const rootClsPrefix = exports.rootClsPrefix = 'cap-ask-aira';
 
+/** Shared color tokens for CapAskAira (align with components/styles/_variables.scss) */
+const CAP_ASK_AIRA_COLORS = exports.CAP_ASK_AIRA_COLORS = {
+  SHADOW_GREY: '#aaaaaa',
+  HIGHLIGHT_BG: '#eaf1ff',
+  MASK_BG: 'rgba(244, 245, 247, 0.9)',
+  TEXT_MUTED: '#808080',
+  TEXT_SECONDARY: '#5e6c84',
+  BORDER_EDIT: '0.1429rem solid #000000'
+};
+
 /***/ }),
 
 /***/ 24066:
@@ -30680,6 +30755,22 @@ var _default = exports["default"] = (0, _reactIntl.defineMessages)({
   aiRA: {
     id: scope + ".aiRA",
     defaultMessage: 'aiRA'
+  },
+  textBotPlaceholder: {
+    id: scope + ".textBotPlaceholder",
+    defaultMessage: 'Ask aiRA about anything on our CRM platform'
+  },
+  textChatBotLoader: {
+    id: scope + ".textChatBotLoader",
+    defaultMessage: 'Hang tight, analyzing your query...'
+  },
+  textChatBotDesc: {
+    id: scope + ".textChatBotDesc",
+    defaultMessage: 'Ask any doubts about our CRM platform and aiRA will do its best to find answers'
+  },
+  textChatBot: {
+    id: scope + ".textChatBot",
+    defaultMessage: 'Documentation Chat Bot'
   }
 });
 
@@ -30737,6 +30828,69 @@ var _default = exports["default"] = SvgAdd;
 
 /***/ }),
 
+/***/ 26824:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.scope = exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = exports.scope = 'app.commonUtils.capUiLibrary.CapAskAira.CapAiMediaGeneration';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  textImageBotPlaceholder: {
+    id: scope + ".textImageBotPlaceholder",
+    defaultMessage: 'Ask aiRA to generate an image'
+  },
+  textChatBotLoader: {
+    id: scope + ".textChatBotLoader",
+    defaultMessage: 'Hang tight, analyzing your query...'
+  },
+  textImageBotDesc: {
+    id: scope + ".textImageBotDesc",
+    defaultMessage: 'Enter a prompt that describes your image.'
+  },
+  textImageBot: {
+    id: scope + ".textImageBot",
+    defaultMessage: 'aiRA Media Generator'
+  },
+  textImageFooter: {
+    id: scope + ".textImageFooter",
+    defaultMessage: 'Dragging and dropping generated images is only supported in the basic email builder.'
+  },
+  textTipsGenerate: {
+    id: scope + ".textTipsGenerate",
+    defaultMessage: 'Tips to generate better images:'
+  },
+  textCopy: {
+    id: scope + ".textCopy",
+    defaultMessage: 'Copy image'
+  },
+  textCopied: {
+    id: scope + ".textCopied",
+    defaultMessage: 'Copied'
+  },
+  textDownload: {
+    id: scope + ".textDownload",
+    defaultMessage: 'Download'
+  },
+  textImageDownload: {
+    id: scope + ".textImageDownload",
+    defaultMessage: 'Image downloaded successfully!'
+  },
+  textComingSoon: {
+    id: scope + ".textComingSoon",
+    defaultMessage: 'Coming soon'
+  },
+  textGenerateMore: {
+    id: scope + ".textGenerateMore",
+    defaultMessage: 'Generate more'
+  }
+});
+
+/***/ }),
+
 /***/ 26992:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -48943,6 +49097,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(46942));
 var _react = _interopRequireWildcard(__webpack_require__(9206));
 var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
 var _CapInput = _interopRequireDefault(__webpack_require__(15773));
+var _constants = __webpack_require__(23944);
 var _jsxRuntime = __webpack_require__(74848);
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -48987,7 +49142,7 @@ const MetaBlock = _ref => {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           style: {
             fontSize: '0.9rem',
-            color: '#5E6C84'
+            color: _constants.CAP_ASK_AIRA_COLORS.TEXT_SECONDARY
           },
           children: hint
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -51899,6 +52054,93 @@ var _default = exports["default"] = SvgTiktok;
 
 /***/ }),
 
+/***/ 42639:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.scope = exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = exports.scope = 'app.commonUtils.capUiLibrary.CapAskAira.AudienceFilterBot';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  textAiraTitle: {
+    id: scope + ".textAiraTitle",
+    defaultMessage: 'aiRA'
+  },
+  textNeedHelp: {
+    id: scope + ".textNeedHelp",
+    defaultMessage: 'Need help choosing the right filters?'
+  },
+  textAskAiraLink: {
+    id: scope + ".textAskAiraLink",
+    defaultMessage: 'Ask aiRA to apply filters'
+  },
+  textDescribeAudience: {
+    id: scope + ".textDescribeAudience",
+    defaultMessage: 'Describe your audience'
+  },
+  textPlaceholder: {
+    id: scope + ".textPlaceholder",
+    defaultMessage: 'e.g.: Filter customers who have made a purchase in the last 7 days'
+  },
+  textError: {
+    id: scope + ".textError",
+    defaultMessage: 'Something went wrong, please try again'
+  },
+  textThoughtProcess: {
+    id: scope + ".textThoughtProcess",
+    defaultMessage: 'Thought Process'
+  },
+  textFiltersAdded: {
+    id: scope + ".textFiltersAdded",
+    defaultMessage: 'Filters added below'
+  },
+  textAnalyzing: {
+    id: scope + ".textAnalyzing",
+    defaultMessage: 'Analyzing your query...'
+  },
+  textPartialFiltersAdded: {
+    id: scope + ".textPartialFiltersAdded",
+    defaultMessage: 'Rest of the filters added below'
+  },
+  textFeedbackTitle: {
+    id: scope + ".textFeedbackTitle",
+    defaultMessage: 'Give feedback'
+  },
+  textFeedbackOptional: {
+    id: scope + ".textFeedbackOptional",
+    defaultMessage: '(Optional)'
+  },
+  textFeedbackMessage: {
+    id: scope + ".textFeedbackMessage",
+    defaultMessage: 'Let us know what was wrong with the results'
+  },
+  textFeedbackPlaceholder: {
+    id: scope + ".textFeedbackPlaceholder",
+    defaultMessage: 'Share your feedback'
+  },
+  textFeedbackSubmit: {
+    id: scope + ".textFeedbackSubmit",
+    defaultMessage: 'Submit'
+  },
+  textFeedbackCancel: {
+    id: scope + ".textFeedbackCancel",
+    defaultMessage: 'Cancel'
+  },
+  textThankYouFeedback: {
+    id: scope + ".textThankYouFeedback",
+    defaultMessage: 'Thank you for your feedback!'
+  },
+  textThankYouDetailedFeedback: {
+    id: scope + ".textThankYouDetailedFeedback",
+    defaultMessage: 'Thank you for your detailed feedback!'
+  }
+});
+
+/***/ }),
+
 /***/ 42687:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -52057,7 +52299,6 @@ const Notification = _ref => {
       className
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const NotificationComponent = _CapNotification.default;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(NotificationComponent, _extends({
     className: _rootStyles.default[_constants.rootClsPrefix + "-notification"] + " " + (className || '')
@@ -53832,6 +54073,7 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 exports.__esModule = true;
 exports["default"] = exports.CapAiMediaGeneration = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
 var _reactRedux = __webpack_require__(31286);
 var _redux = __webpack_require__(90916);
 var _reselect = __webpack_require__(86751);
@@ -53840,7 +54082,6 @@ var _CapHeading = _interopRequireDefault(__webpack_require__(7319));
 var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
 var _CapRow = _interopRequireDefault(__webpack_require__(69813));
 var _CapSpin = _interopRequireDefault(__webpack_require__(56543));
-var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
 var _constants = __webpack_require__(23944);
 var _rootStyles = _interopRequireDefault(__webpack_require__(43647));
 var _AiraContainer = _interopRequireDefault(__webpack_require__(97060));
@@ -53851,6 +54092,7 @@ var _Tooltip = __webpack_require__(51007);
 var action = _interopRequireWildcard(__webpack_require__(2641));
 var _api = __webpack_require__(60258);
 var _constants2 = __webpack_require__(48791);
+var _messages = _interopRequireDefault(__webpack_require__(26824));
 var _selectors = __webpack_require__(44768);
 var _styles = _interopRequireDefault(__webpack_require__(88780));
 var _jsxRuntime = __webpack_require__(74848);
@@ -53858,23 +54100,26 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const CapAiMediaGeneration = _ref => {
   let {
-    textImageBot,
-    textImageBotDesc,
-    textImageBotPlaceholder,
-    textImageFooter,
-    textTipsGenerate,
-    textCopy,
-    textCopied,
-    textDownload,
-    textComingSoon,
-    textGenerateMore,
-    textImageDownload,
     request,
     getAPICallObject,
     imageDetails,
     actions,
-    iconPlacement
+    iconPlacement,
+    intl: {
+      formatMessage
+    }
   } = _ref;
+  const textImageBot = formatMessage(_messages.default.textImageBot);
+  const textImageBotDesc = formatMessage(_messages.default.textImageBotDesc);
+  const textImageBotPlaceholder = formatMessage(_messages.default.textImageBotPlaceholder);
+  const textImageFooter = formatMessage(_messages.default.textImageFooter);
+  const textTipsGenerate = formatMessage(_messages.default.textTipsGenerate);
+  const textCopy = formatMessage(_messages.default.textCopy);
+  const textCopied = formatMessage(_messages.default.textCopied);
+  const textDownload = formatMessage(_messages.default.textDownload);
+  const textComingSoon = formatMessage(_messages.default.textComingSoon);
+  const textGenerateMore = formatMessage(_messages.default.textGenerateMore);
+  const textImageDownload = formatMessage(_messages.default.textImageDownload);
   const [query, setQuery] = (0, _react.useState)('');
   const [loading, setLoading] = (0, _react.useState)(false);
   const [currentTab, setCurrentTab] = (0, _react.useState)(0);
@@ -53892,7 +54137,7 @@ const CapAiMediaGeneration = _ref => {
       setLoading(false);
       setShowImageBox(true);
       _Notification.NotificationMethods.success({
-        message: textImageDownload != null ? textImageDownload : ''
+        message: textImageDownload
       });
     }
   }, [imageDetails]);
@@ -53924,11 +54169,11 @@ const CapAiMediaGeneration = _ref => {
     titlePadding: "0.95rem",
     popupWidth: "32rem",
     Icon: _Icons.AiraChatBot,
-    iconSize: "60px",
+    iconSize: "4.2857rem",
     iconProps: {
       svgProps: {
         style: {
-          padding: '16.25px'
+          padding: '1.1607rem'
         }
       }
     },
@@ -54027,10 +54272,6 @@ const CapAiMediaGeneration = _ref => {
           }, i)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
             className: _styles.default[_constants2.clsPrefix + "-generate-more"] + " " + (loading ? _styles.default[_constants2.clsPrefix + "-loading"] : ''),
             onClick: () => !loading && onSubmitHandler(true),
-            style: {
-              opacity: loading ? 0.5 : 1,
-              pointerEvents: loading ? 'none' : 'auto'
-            },
             "data-testid": "generate-more",
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
               size: "s",
@@ -54125,7 +54366,7 @@ const ImageContainer = _ref2 => {
               type: "check-filled",
               size: "s",
               style: {
-                marginRight: '4px'
+                marginRight: '0.2857rem'
               },
               "data-testid": "copied"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -54172,9 +54413,7 @@ function mapDispatchToProps(dispatch) {
   };
 }
 const withConnect = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps);
-var _default = exports["default"] = (0, _redux.compose)(withConnect)((0, _LocaleHoc.default)(CapAiMediaGeneration, {
-  key: 'CapAskAira.CapAiMediaGeneration'
-}));
+var _default = exports["default"] = (0, _redux.compose)(withConnect)((0, _reactIntl.injectIntl)(CapAiMediaGeneration));
 
 /***/ }),
 
@@ -54412,7 +54651,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `:root{--percentage: 50%}.split-audience{flex-direction:column;padding:1.428rem 0}.split-audience .rc-slider{width:40.571rem;margin-top:3.428rem}.split-audience .rc-slider-rail,.split-audience .rc-slider-track{height:1.428rem;border-radius:.714rem}.split-audience .rc-slider-track{border-radius:0}.split-audience .rc-slider-handle{height:2.857rem;width:2.857rem;top:-10%;border:none;box-shadow:0 .285rem .571rem -2px rgba(9,30,66,.25),0 0 1px 0 rgba(9,30,66,.31)}.split-audience .rc-slider-rail{background:linear-gradient(to right, #DBB7F9 0%, #DBB7F9 var(--percentage), #F8BAE4 var(--percentage), #F8BAE4 100%) !important}.split-audience .footer-button{bottom:1.714rem;position:fixed}.split-audience .split-count{margin-top:1.428rem}.split-audience .split-count .cap-button-v2.flat-btn:hover{background-color:#fff;border-color:#fff}.split-audience .split-count .count{margin:0 .571rem;font-size:2.857rem;font-weight:500;color:#091e42}.split-groups:last-child{border-bottom:1px solid #dfe2e7}.audience-split-header{display:flex;align-items:center;text-align:center}.split-groups-box{display:flex;align-items:center;width:100%;flex-wrap:wrap;justify-content:flex-end}.slider-content-box{height:100%;display:flex;align-items:center}.split-equally-btn{margin-top:3.142rem}.split-info-row{margin-top:.857rem;gap:.571rem}.split-label-row{margin-top:.571rem;margin-bottom:1.142rem}.flex-auto{flex:0 0 auto}.styled-div-wrapper{display:flex}.styled-div-wrapper.disable-cursor{cursor:not-allowed;opacity:.7}.styled-div-wrapper.disable-cursor *{pointer-events:none}.advance-button{position:absolute;bottom:1.714rem}.group-dot{border-radius:50%;display:inline-block}.split-group-data{border-bottom:1px solid #dfe2e7;width:16.571rem}.split-groups{display:flex;flex-direction:column}.split-groups-row{width:100%}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `:root{--percentage: 50%}.split-audience{flex-direction:column;padding:1.428rem 0}.split-audience .rc-slider{width:40.571rem;margin-top:3.428rem}.split-audience .rc-slider-rail,.split-audience .rc-slider-track{height:1.428rem;border-radius:.714rem}.split-audience .rc-slider-track{border-radius:0}.split-audience .rc-slider-handle{height:2.857rem;width:2.857rem;top:-10%;border:none;box-shadow:0 .285rem .571rem -2px rgba(9,30,66,.25),0 0 1px 0 rgba(9,30,66,.31)}.split-audience .rc-slider-rail{background:linear-gradient(to right, #dbb7f9 0%, #dbb7f9 var(--percentage), #f8bae4 var(--percentage), #f8bae4 100%) !important}.split-audience .footer-button{bottom:1.714rem;position:fixed}.split-audience .split-count{margin-top:1.428rem}.split-audience .split-count .cap-button-v2.flat-btn:hover{background-color:#fff;border-color:#fff}.split-audience .split-count .count{margin:0 .571rem;font-size:2.857rem;font-weight:500;color:#091e42}.split-groups:last-child{border-bottom:1px solid #dfe2e7}.audience-split-header{display:flex;align-items:center;text-align:center}.split-groups-box{display:flex;align-items:center;width:100%;flex-wrap:wrap;justify-content:flex-end}.slider-content-box{height:100%;display:flex;align-items:center}.split-equally-btn{margin-top:3.142rem}.split-info-row{margin-top:.857rem;gap:.571rem}.split-label-row{margin-top:.571rem;margin-bottom:1.142rem}.flex-auto{flex:0 0 auto}.styled-div-wrapper{display:flex}.styled-div-wrapper.disable-cursor{cursor:not-allowed;opacity:.7}.styled-div-wrapper.disable-cursor *{pointer-events:none}.advance-button{position:absolute;bottom:1.714rem}.group-dot{border-radius:50%;display:inline-block}.split-group-data{border-bottom:1px solid #dfe2e7;width:16.571rem}.split-groups{display:flex;flex-direction:column}.split-groups-row{width:100%}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"split-audience": `split-audience`,
@@ -54580,6 +54819,8 @@ exports.watchUpdateLikeResult = watchUpdateLikeResult;
 var _effects = __webpack_require__(20510);
 var types = _interopRequireWildcard(__webpack_require__(75858));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Worker type for takeLatest to satisfy overload (pattern, worker) */
+
 function getRule(_ref) {
   let {
     getRuleApi,
@@ -54649,15 +54890,12 @@ function updateDislikeResult(_ref3) {
   }();
 }
 function* watchGetRule() {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   yield (0, _effects.takeLatest)(types.GET_RULE_REQUEST, getRule);
 }
 function* watchUpdateLikeResult() {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   yield (0, _effects.takeLatest)(types.UPDATE_LIKE_ANSWER_REQUEST, updateLikeResult);
 }
 function* watchUpdateDislikeResult() {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   yield (0, _effects.takeLatest)(types.UPDATE_DISLIKE_ANSWER_REQUEST, updateDislikeResult);
 }
 var _default = exports["default"] = [watchGetRule, watchUpdateLikeResult, watchUpdateDislikeResult];
@@ -57452,13 +57690,13 @@ exports.__esModule = true;
 exports["default"] = void 0;
 var _markdownToJsx = _interopRequireDefault(__webpack_require__(36841));
 var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
 var _reactRedux = __webpack_require__(31286);
 var _redux = __webpack_require__(90916);
 var _reselect = __webpack_require__(86751);
 var _CapHeading = _interopRequireDefault(__webpack_require__(7319));
 var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
 var _CapRow = _interopRequireDefault(__webpack_require__(69813));
-var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
 var _constants = __webpack_require__(23944);
 var _useWebsocket = _interopRequireDefault(__webpack_require__(69406));
 var _rootStyles = _interopRequireDefault(__webpack_require__(43647));
@@ -57477,10 +57715,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DocumentationChatBot = _ref => {
   let {
-    textBotPlaceholder,
-    textChatBotLoader,
-    textChatBotDesc,
-    textChatBot,
     actions,
     getAPICallObject,
     request,
@@ -57489,6 +57723,10 @@ const DocumentationChatBot = _ref => {
       formatMessage
     }
   } = _ref;
+  const textBotPlaceholder = formatMessage(_messages.default.textBotPlaceholder);
+  const textChatBotLoader = formatMessage(_messages.default.textChatBotLoader);
+  const textChatBotDesc = formatMessage(_messages.default.textChatBotDesc);
+  const textChatBot = formatMessage(_messages.default.textChatBot);
   const [query, setQuery] = (0, _react.useState)('');
   const [loading, setLoading] = (0, _react.useState)(false);
   const [answerChunks, setAnswerChunks] = (0, _react.useState)([]);
@@ -57628,11 +57866,11 @@ const DocumentationChatBot = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AiraContainer.default, {
     titlePadding: "0.95rem",
     popupWidth: "32rem",
-    iconSize: "48px",
+    iconSize: "3.4286rem",
     iconProps: {
       svgProps: {
         style: {
-          padding: '13px'
+          padding: '0.9286rem'
         }
       }
     },
@@ -57702,13 +57940,7 @@ function mapDispatchToProps(dispatch) {
   };
 }
 const withConnect = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps);
-
-// LocaleHoc + connect/compose produce a component type that's hard to express; cast avoids complex generics
-const LocalizedDocumentationChatBot = (0, _LocaleHoc.default)(DocumentationChatBot, {
-  key: 'CapAskAira.DocumentationChatBot'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-});
-var _default = exports["default"] = (0, _redux.compose)(withConnect)(LocalizedDocumentationChatBot);
+var _default = exports["default"] = (0, _redux.compose)(withConnect)((0, _reactIntl.injectIntl)(DocumentationChatBot));
 
 /***/ }),
 
@@ -58328,6 +58560,61 @@ var _presetColors = __webpack_require__(77459);
 
 /***/ }),
 
+/***/ 49956:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.scope = exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = exports.scope = 'app.commonUtils.capUiLibrary.CapAskAira.ContentGenerationBot';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  textTypeAMessage: {
+    id: scope + ".textTypeAMessage",
+    defaultMessage: 'Type a message above and ask aiRA to recommend the best content'
+  },
+  textError: {
+    id: scope + ".textError",
+    defaultMessage: 'An error occurred while loading recommendations. Try again.'
+  },
+  textAiraTitle: {
+    id: scope + ".textAiraTitle",
+    defaultMessage: 'aiRA Content Recommendations'
+  },
+  textAiraTooltip: {
+    id: scope + ".textAiraTooltip",
+    defaultMessage: 'aiRA, our proprietary AI tool, recommends tailored language to effectively engage customers and prompt desired actions.'
+  },
+  textCharacters: {
+    id: scope + ".textCharacters",
+    defaultMessage: 'characters'
+  },
+  textReplaceWithThis: {
+    id: scope + ".textReplaceWithThis",
+    defaultMessage: 'Replace with this'
+  },
+  textReplaced: {
+    id: scope + ".textReplaced",
+    defaultMessage: 'Replaced'
+  },
+  textResetToDefault: {
+    id: scope + ".textResetToDefault",
+    defaultMessage: 'Reset to default'
+  },
+  textMoreLikeThis: {
+    id: scope + ".textMoreLikeThis",
+    defaultMessage: 'More like this'
+  },
+  textGenerateMore: {
+    id: scope + ".textGenerateMore",
+    defaultMessage: 'Generate more'
+  }
+});
+
+/***/ }),
+
 /***/ 50002:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -58922,12 +59209,13 @@ exports["default"] = CapRadioButton;
 exports.__esModule = true;
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
 var _reactRedux = __webpack_require__(31286);
 var _redux = __webpack_require__(90916);
 var _reselect = __webpack_require__(86751);
 var _CapRow = _interopRequireDefault(__webpack_require__(69813));
 var _CapSpin = _interopRequireDefault(__webpack_require__(56543));
-var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
+var _constants = __webpack_require__(23944);
 var _AiraContainer = _interopRequireDefault(__webpack_require__(97060));
 var _ErrorBar = _interopRequireDefault(__webpack_require__(83985));
 var _Icons = __webpack_require__(91540);
@@ -58936,6 +59224,7 @@ var _SecondaryButton = _interopRequireDefault(__webpack_require__(15488));
 var action = _interopRequireWildcard(__webpack_require__(15608));
 var _api = __webpack_require__(80935);
 var constants = _interopRequireWildcard(__webpack_require__(75858));
+var _messages = _interopRequireDefault(__webpack_require__(69007));
 var _selector = __webpack_require__(82713);
 var _styles = _interopRequireDefault(__webpack_require__(69661));
 var _UtilComponents = __webpack_require__(38273);
@@ -58945,23 +59234,26 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const RuleGenerationBot = _ref => {
   let {
     popupWidth = '42rem',
-    textAiraTitle,
-    textAiraTooltip,
-    textRulePlaceholder,
-    textCopy,
-    textCopied,
-    textRuleLoading,
-    textThank,
-    textError,
-    textAddCommentPlaceholder,
-    textWarn,
     askAiraData = {},
     actions,
     activity,
     request,
     getAPICallObject,
-    iconPlacement
+    iconPlacement,
+    intl: {
+      formatMessage
+    }
   } = _ref;
+  const textAiraTitle = formatMessage(_messages.default.textAiraTitle);
+  const textAiraTooltip = formatMessage(_messages.default.textAiraTooltip);
+  const textRulePlaceholder = formatMessage(_messages.default.textRulePlaceholder);
+  const textCopy = formatMessage(_messages.default.textCopy);
+  const textCopied = formatMessage(_messages.default.textCopied);
+  const textRuleLoading = formatMessage(_messages.default.textRuleLoading);
+  const textThank = formatMessage(_messages.default.textThank);
+  const textError = formatMessage(_messages.default.textError);
+  const textAddCommentPlaceholder = formatMessage(_messages.default.textAddCommentPlaceholder);
+  const textWarn = formatMessage(_messages.default.textWarn);
   const [query, setQuery] = (0, _react.useState)('');
   const [copyText, setCopyText] = (0, _react.useState)(textCopy);
   const {
@@ -59031,7 +59323,7 @@ const RuleGenerationBot = _ref => {
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           style: {
-            color: '#808080',
+            color: _constants.CAP_ASK_AIRA_COLORS.TEXT_MUTED,
             fontSize: '0.9rem'
           },
           children: textRuleLoading
@@ -59075,8 +59367,6 @@ const RuleGenerationBot = _ref => {
 const mapStateToProps = (0, _reselect.createStructuredSelector)({
   askAiraData: (0, _selector.makeSelectRuleGenData)()
 });
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function mapDispatchToProps(dispatch) {
   return {
     actions: (0, _redux.bindActionCreators)(action, dispatch)
@@ -59084,12 +59374,8 @@ function mapDispatchToProps(dispatch) {
 }
 const withConnect = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps);
 
-// LocaleHoc + connect/compose produce a component type that's hard to express; cast avoids complex generics
-const LocalizedRuleGenerationBot = (0, _LocaleHoc.default)(RuleGenerationBot, {
-  key: 'CapAskAira.RuleGenerationBot'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-});
-var _default = exports["default"] = (0, _redux.compose)(withConnect)(LocalizedRuleGenerationBot);
+// compose(connect)(injectIntl(...)) conflicts: connect infers actions return action objects, props type uses void; cast avoids complex generics
+var _default = exports["default"] = (0, _redux.compose)(withConnect)((0, _reactIntl.injectIntl)(RuleGenerationBot));
 
 /***/ }),
 
@@ -67985,6 +68271,7 @@ var _exportNames = {
   CapIllustration: true,
   CapImportMFEComponent: true,
   CapInput: true,
+  CapSearchBar: true,
   CapInfoNote: true,
   CapLabel: true,
   CapLevelGraphRenderer: true,
@@ -68050,8 +68337,8 @@ var _exportNames = {
   CapIcons: true,
   styledVars: true
 };
-exports.LocaleHoc = exports.CapVirtualList = exports.CapUploader = exports.CapUnifiedSelect = exports.CapTruncateList = exports.CapTreeSelect = exports.CapTree = exports.CapTopBar = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTimePicker = exports.CapTag = exports.CapTable = exports.CapTabV3 = exports.CapTab = exports.CapSwitch = exports.CapSupportVideosWrapper = exports.CapStepsAccordian = exports.CapSteps = exports.CapStatus = exports.CapStatisticCard = exports.CapSplit = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSnackBar = exports.CapSlider = exports.CapSlideBox = exports.CapSkeleton = exports.CapSideBar = exports.CapShape = exports.CapSelectFilter = exports.CapSelect = exports.CapSecondaryTopBar = exports.CapSKUUploader = exports.CapRow = exports.CapRoadMap = exports.CapReorderComponent = exports.CapRadioGroup = exports.CapRadioCard = exports.CapRadioButton = exports.CapRadio = exports.CapProgress = exports.CapPopover = exports.CapNotificationDropdown = exports.CapNotification = exports.CapMultiSelectDatePicker = exports.CapModal = exports.CapMenu = exports.CapLogin = exports.CapList = exports.CapLink = exports.CapLevelGraphRenderer = exports.CapLanguageProvider = exports.CapLabel = exports.CapInputTextArea = exports.CapInputSearch = exports.CapInputNumber = exports.CapInput = exports.CapInfoNote = exports.CapImportMFEComponent = exports.CapImage = exports.CapIllustration = exports.CapIcons = exports.CapIcon = exports.CapHeading = exports.CapHeader = exports.CapFormItem = exports.CapForm = exports.CapExpressionEditor = exports.CapError = exports.CapEmptyDivWithBorder = exports.CapDropdown = exports.CapDrawer = exports.CapDivider = exports.CapDateTimePicker = exports.CapDateRangePicker = exports.CapDatePicker = exports.CapCustomSelect = exports.CapCustomList = exports.CapCustomCheckboxList = exports.CapCustomCarousel = exports.CapCustomCard = exports.CapConditionPreview = exports.CapColumn = exports.CapColoredTag = exports.CapColorPicker = exports.CapCheckbox = exports.CapCarousel = exports.CapCardBox = exports.CapCard = exports.CapCalendarDatePicker = exports.CapCSVFileUploader = exports.CapButton = exports.CapBorderedBox = exports.CapBlock = exports.CapBanner = exports.CapAskAira = exports.CapAppNotEnabled = exports.CapAlert = exports.CapActionBar = void 0;
-exports.styledVars = exports.request = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = void 0;
+exports.CapVirtualList = exports.CapUploader = exports.CapUnifiedSelect = exports.CapTruncateList = exports.CapTreeSelect = exports.CapTree = exports.CapTopBar = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTimePicker = exports.CapTag = exports.CapTable = exports.CapTabV3 = exports.CapTab = exports.CapSwitch = exports.CapSupportVideosWrapper = exports.CapStepsAccordian = exports.CapSteps = exports.CapStatus = exports.CapStatisticCard = exports.CapSplit = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSnackBar = exports.CapSlider = exports.CapSlideBox = exports.CapSkeleton = exports.CapSideBar = exports.CapShape = exports.CapSelectFilter = exports.CapSelect = exports.CapSecondaryTopBar = exports.CapSearchBar = exports.CapSKUUploader = exports.CapRow = exports.CapRoadMap = exports.CapReorderComponent = exports.CapRadioGroup = exports.CapRadioCard = exports.CapRadioButton = exports.CapRadio = exports.CapProgress = exports.CapPopover = exports.CapNotificationDropdown = exports.CapNotification = exports.CapMultiSelectDatePicker = exports.CapModal = exports.CapMenu = exports.CapLogin = exports.CapList = exports.CapLink = exports.CapLevelGraphRenderer = exports.CapLanguageProvider = exports.CapLabel = exports.CapInputTextArea = exports.CapInputSearch = exports.CapInputNumber = exports.CapInput = exports.CapInfoNote = exports.CapImportMFEComponent = exports.CapImage = exports.CapIllustration = exports.CapIcons = exports.CapIcon = exports.CapHeading = exports.CapHeader = exports.CapFormItem = exports.CapForm = exports.CapExpressionEditor = exports.CapError = exports.CapEmptyDivWithBorder = exports.CapDropdown = exports.CapDrawer = exports.CapDivider = exports.CapDateTimePicker = exports.CapDateRangePicker = exports.CapDatePicker = exports.CapCustomSelect = exports.CapCustomList = exports.CapCustomCheckboxList = exports.CapCustomCarousel = exports.CapCustomCard = exports.CapConditionPreview = exports.CapColumn = exports.CapColoredTag = exports.CapColorPicker = exports.CapCheckbox = exports.CapCarousel = exports.CapCardBox = exports.CapCard = exports.CapCalendarDatePicker = exports.CapCSVFileUploader = exports.CapButton = exports.CapBorderedBox = exports.CapBlock = exports.CapBanner = exports.CapAskAira = exports.CapAppNotEnabled = exports.CapAlert = exports.CapActionBar = void 0;
+exports.styledVars = exports.request = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = void 0;
 var _CapAlert = _interopRequireDefault(__webpack_require__(20855));
 exports.CapAlert = _CapAlert.default;
 var _CapActionBar = _interopRequireDefault(__webpack_require__(9464));
@@ -68139,6 +68426,8 @@ exports.CapInput = _CapInput.default;
 exports.CapInputSearch = _CapInput.CapInputSearch;
 exports.CapInputTextArea = _CapInput.CapInputTextArea;
 exports.CapInputNumber = _CapInput.CapInputNumber;
+var _Search = _interopRequireDefault(__webpack_require__(27625));
+exports.CapSearchBar = _Search.default;
 var _CapInfoNote = _interopRequireDefault(__webpack_require__(47703));
 exports.CapInfoNote = _CapInfoNote.default;
 var _CapLabel = _interopRequireDefault(__webpack_require__(92675));
@@ -68725,6 +69014,61 @@ var _default = exports["default"] = SvgSurveyBackground;
 
 /***/ }),
 
+/***/ 63525:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.scope = exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = exports.scope = 'app.commonUtils.capUiLibrary.CapAskAira.DocumentationBot';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  textAskYourQuestion: {
+    id: scope + ".textAskYourQuestion",
+    defaultMessage: 'Ask your question here'
+  },
+  textVisitDocs: {
+    id: scope + ".textVisitDocs",
+    defaultMessage: 'Visit Capillary Documentation'
+  },
+  textNeedHelp: {
+    id: scope + ".textNeedHelp",
+    defaultMessage: 'Need more help?'
+  },
+  textHowMayIHelp: {
+    id: scope + ".textHowMayIHelp",
+    defaultMessage: 'How may AI help you?'
+  },
+  textAira: {
+    id: scope + ".textAira",
+    defaultMessage: 'aiRA Documentation Bot'
+  },
+  textTooltip: {
+    id: scope + ".textTooltip",
+    defaultMessage: 'Need help? Ask aiRA'
+  },
+  textLinks: {
+    id: scope + ".textLinks",
+    defaultMessage: 'Links'
+  },
+  textConfidence: {
+    id: scope + ".textConfidence",
+    defaultMessage: 'confidence'
+  },
+  textWasHelpful: {
+    id: scope + ".textWasHelpful",
+    defaultMessage: 'Was this response helpful?'
+  },
+  textCantConnect: {
+    id: scope + ".textCantConnect",
+    defaultMessage: "Can't connect to the server."
+  }
+});
+
+/***/ }),
+
 /***/ 63605:
 /***/ ((module) => {
 
@@ -69471,6 +69815,89 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
+/***/ }),
+
+/***/ 65061:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.scope = exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = exports.scope = 'app.commonUtils.capUiLibrary.CapAskAira.ConfigurationBot';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  textAiraTitle: {
+    id: scope + ".textAiraTitle",
+    defaultMessage: 'aiRA Configuration Bot'
+  },
+  textAiraTooltip: {
+    id: scope + ".textAiraTooltip",
+    defaultMessage: 'aiRA, our proprietary AI tool, helps you configure promotions, campaigns, and more.'
+  },
+  textUser: {
+    id: scope + ".textUser",
+    defaultMessage: 'Hello!'
+  },
+  textPilot: {
+    id: scope + ".textPilot",
+    defaultMessage: "I'm your Copilot. I can create all type of promotions (milestones, streaks, etc.) on your behalf. Meanwhile, you can sit back, relax, and enjoy a cup of chai."
+  },
+  textCouponTile: {
+    id: scope + ".textCouponTile",
+    defaultMessage: 'Milestone on GS'
+  },
+  textCouponDescription: {
+    id: scope + ".textCouponDescription",
+    defaultMessage: 'Customer has to do 1000/- gross sales in a month, and can get 100 points.'
+  },
+  textPromotionTitle: {
+    id: scope + ".textPromotionTitle",
+    defaultMessage: 'Milestone on count'
+  },
+  textPromotionDescription: {
+    id: scope + ".textPromotionDescription",
+    defaultMessage: 'Eligible customers get points on every 5 transactions.'
+  },
+  textStreakTitle: {
+    id: scope + ".textStreakTitle",
+    defaultMessage: 'Reward on referral'
+  },
+  textStreakDescription: {
+    id: scope + ".textStreakDescription",
+    defaultMessage: 'Award customer 150 points if they refer 3 users in a month. Promotion starts on July 1 and runs for 5 months.'
+  },
+  textPromptHere: {
+    id: scope + ".textPromptHere",
+    defaultMessage: 'Enter a prompt here...'
+  },
+  textCouponPrompt: {
+    id: scope + ".textCouponPrompt",
+    defaultMessage: 'If customer does 1000 gross sales in a month, award them 100 points that expire in 20 days. Promotion runs from 1 July to 1 December.'
+  },
+  textPromotionPrompt: {
+    id: scope + ".textPromotionPrompt",
+    defaultMessage: 'After every 5 transactions I want to award customer with 200 points. Only customers with more than 2000 lifetime points are eligible. Promotion runs from 1 July to 1 December'
+  },
+  textStreakPrompt: {
+    id: scope + ".textStreakPrompt",
+    defaultMessage: 'Award customer 150 points if they refer 3 users in a month. Promotion starts on July 1 and runs for 5 months. '
+  },
+  textCreate: {
+    id: scope + ".textCreate",
+    defaultMessage: 'Create'
+  },
+  textCancel: {
+    id: scope + ".textCancel",
+    defaultMessage: 'Cancel'
+  },
+  textGeneratingResponse: {
+    id: scope + ".textGeneratingResponse",
+    defaultMessage: 'Generating response'
+  }
+});
+
 /***/ }),
 
 /***/ 65124:
@@ -71181,6 +71608,65 @@ var _default = exports["default"] = SvgInfoWithError;
 
 /***/ }),
 
+/***/ 69007:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.scope = exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = exports.scope = 'app.commonUtils.capUiLibrary.CapAskAira.RuleGenerationBot';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  textTypeAMessage: {
+    id: scope + ".textTypeAMessage",
+    defaultMessage: 'Type a message above and ask aiRA to recommend the best content'
+  },
+  textError: {
+    id: scope + ".textError",
+    defaultMessage: 'An error occurred while generating rule. Try again.'
+  },
+  textAiraTitle: {
+    id: scope + ".textAiraTitle",
+    defaultMessage: 'aiRA Rule Generation'
+  },
+  textAiraTooltip: {
+    id: scope + ".textAiraTooltip",
+    defaultMessage: 'aiRA, our proprietary AI tool, generates rule expressions based on text query.'
+  },
+  textCopy: {
+    id: scope + ".textCopy",
+    defaultMessage: 'Copy'
+  },
+  textCopied: {
+    id: scope + ".textCopied",
+    defaultMessage: 'Copied'
+  },
+  textRulePlaceholder: {
+    id: scope + ".textRulePlaceholder",
+    defaultMessage: 'Enter query...'
+  },
+  textRuleLoading: {
+    id: scope + ".textRuleLoading",
+    defaultMessage: 'Rule is loading... Hang tight!'
+  },
+  textThank: {
+    id: scope + ".textThank",
+    defaultMessage: 'Thank you for your response!'
+  },
+  textWarn: {
+    id: scope + ".textWarn",
+    defaultMessage: 'aiRA responses may be inaccurate or misleading. Help us to improve!'
+  },
+  textAddCommentPlaceholder: {
+    id: scope + ".textAddCommentPlaceholder",
+    defaultMessage: 'Add comment'
+  }
+});
+
+/***/ }),
+
 /***/ 69038:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -77920,7 +78406,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-aira-config-bot-root{height:100%;display:flex;line-height:1.5;flex-direction:column}.cap-aira-config-bot-root ul{padding-inline-start:2.5rem;list-style:disc}.cap-aira-config-bot-root .bootup-page-container{margin:auto}.cap-aira-config-bot-root .bootup-page-container .coupon-promotion-container{display:flex;gap:.5rem;width:100%;padding:.85rem}.cap-aira-config-bot-root .bootup-page-container .question-container{margin:0 .85rem 0 .85rem}.cap-aira-config-bot-root .bootup-page-container .bootup-page-r1{display:flex !important;flex-direction:column;align-items:center;margin-bottom:8px}.cap-aira-config-bot-root .bootup-page-container .bootup-page-r1 .user-name-heading{margin-top:14px}.cap-aira-config-bot-root .bootup-page-container .bootup-page-r1 .user-description-heading{margin-top:14px;text-align:center;padding-left:16px;padding-right:16px}.cap-aira-config-bot-root .predefined-templates-container .each-item-margin{margin-top:4px}.cap-aira-config-bot-root .predefined-templates-container .create-streak-margin{margin-left:6px}.cap-aira-config-bot-root .predefined-templates-container .create-template-container{padding:18px 14px 14px 14px;background-color:#e9f0fe;height:9.143rem}.cap-aira-config-bot-root .predefined-templates-container .create-template-container .title-margin{margin-left:4px}.cap-aira-config-bot-root .predefined-templates-container .question-template-container{padding:14px 14px 14px 14px;background-color:#e9f0fe;height:6.429rem;width:100%}.cap-aira-config-bot-root .copilot-body-container{width:100%}.cap-aira-config-bot-root .copilot-body-container .each-response-display-container{width:100%;padding:1rem .85rem}.cap-aira-config-bot-root .copilot-body-container .gpt-response-divider{margin:0}.cap-aira-config-bot-root .copilot-body-container .render-chat-messages{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding-bottom:20px}.cap-aira-config-bot-root .copilot-body-container .chat-messages{user-select:text;width:100%}.cap-aira-config-bot-root .cap-aira-config-bot-answer-container{white-space:pre-wrap;overflow-y:scroll;flex-grow:1;display:flex;flex-direction:column;justify-content:start}.cap-aira-config-bot-root .identity-icon-container .user-name-icon{width:24px;height:24px;border-radius:8px;background-color:#9747ff;padding:4px 0px 0px 3px}.cap-aira-config-bot-root .generating-container{display:grid;grid-template-columns:min-content max-content;align-items:center;grid-row-gap:.4rem;grid-column-gap:.6rem}.cap-aira-config-bot-root .generate-response-container{width:100%;flex-wrap:nowrap}.cap-aira-config-bot-root .generate-response-container .generate-response-description{margin-left:.6rem;padding-top:2px;word-break:break-word;width:calc(100% - 1.7rem)}.cap-aira-config-bot-root .progress-status-container .each-status-message{margin-top:8px}.cap-aira-config-bot-root .progress-status-container .completed-icon{padding-top:4px;margin-left:4px}.cap-aira-config-bot-root .progress-status-container .progress-icon{margin-left:12px}.cap-aira-config-bot-root .progress-status-container .progress-status-heading{margin-left:18px}.cap-aira-config-bot-root .user-request-container{width:100%}.cap-aira-config-bot-root .user-request-container .user-request-description{width:85%;margin-left:12px;padding-top:2px;word-break:break-word}.cap-aira-config-bot-root .user-approve-container{justify-content:end}.cap-aira-config-bot-root .user-approve-container .user-approve-button{height:2rem}.cap-aira-config-bot-root .user-approve-container .cancel-button{margin-left:10px}.cap-aira-config-bot-root .cap-aira-config-bot-expression-editor{width:100%;border-right:2px solid #000}.cap-aira-config-bot-root .cap-aira-config-bot-expression-editor .ant-input{width:100%;padding:0;border:none;outline:none;border-radius:0;line-height:1.5}.cap-aira-config-bot-root .cap-aira-config-bot-expression-editor .ant-input:focus{outline:none;box-shadow:none}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-aira-config-bot-root{height:100%;display:flex;line-height:1.5;flex-direction:column}.cap-aira-config-bot-root ul{padding-inline-start:2.5rem;list-style:disc}.cap-aira-config-bot-root .bootup-page-container{margin:auto}.cap-aira-config-bot-root .bootup-page-container .coupon-promotion-container{display:flex;gap:.5rem;width:100%;padding:.85rem}.cap-aira-config-bot-root .bootup-page-container .question-container{margin:0 .85rem 0 .85rem}.cap-aira-config-bot-root .bootup-page-container .bootup-page-r1{display:flex !important;flex-direction:column;align-items:center;margin-bottom:.5714rem}.cap-aira-config-bot-root .bootup-page-container .bootup-page-r1 .user-name-heading{margin-top:1rem}.cap-aira-config-bot-root .bootup-page-container .bootup-page-r1 .user-description-heading{margin-top:1rem;text-align:center;padding-left:1.1429rem;padding-right:1.1429rem}.cap-aira-config-bot-root .predefined-templates-container .each-item-margin{margin-top:.2857rem}.cap-aira-config-bot-root .predefined-templates-container .create-streak-margin{margin-left:.4286rem}.cap-aira-config-bot-root .predefined-templates-container .create-template-container{padding:1.2857rem 1rem 1rem 1rem;background-color:#e9f0fe;height:9.143rem}.cap-aira-config-bot-root .predefined-templates-container .create-template-container .title-margin{margin-left:.2857rem}.cap-aira-config-bot-root .predefined-templates-container .question-template-container{padding:1rem 1rem 1rem 1rem;background-color:#e9f0fe;height:6.429rem;width:100%}.cap-aira-config-bot-root .copilot-body-container{width:100%}.cap-aira-config-bot-root .copilot-body-container .each-response-display-container{width:100%;padding:1rem .85rem}.cap-aira-config-bot-root .copilot-body-container .gpt-response-divider{margin:0}.cap-aira-config-bot-root .copilot-body-container .render-chat-messages{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding-bottom:1.4286rem}.cap-aira-config-bot-root .copilot-body-container .chat-messages{user-select:text;width:100%}.cap-aira-config-bot-root .cap-aira-config-bot-answer-container{white-space:pre-wrap;overflow-y:scroll;flex-grow:1;display:flex;flex-direction:column;justify-content:start}.cap-aira-config-bot-root .identity-icon-container .user-name-icon{width:1.7143rem;height:1.7143rem;border-radius:.5714rem;background-color:#9747ff;padding:.2857rem 0 0 .2143rem}.cap-aira-config-bot-root .generating-container{display:grid;grid-template-columns:min-content max-content;align-items:center;grid-row-gap:.4rem;grid-column-gap:.6rem}.cap-aira-config-bot-root .generate-response-container{width:100%;flex-wrap:nowrap}.cap-aira-config-bot-root .generate-response-container .generate-response-description{margin-left:.6rem;padding-top:.1429rem;word-break:break-word;width:calc(100% - 1.7rem)}.cap-aira-config-bot-root .progress-status-container .each-status-message{margin-top:.5714rem}.cap-aira-config-bot-root .progress-status-container .completed-icon{padding-top:.2857rem;margin-left:.2857rem}.cap-aira-config-bot-root .progress-status-container .progress-icon{margin-left:.8571rem}.cap-aira-config-bot-root .progress-status-container .progress-status-heading{margin-left:1.2857rem}.cap-aira-config-bot-root .user-request-container{width:100%}.cap-aira-config-bot-root .user-request-container .user-request-description{width:85%;margin-left:.8571rem;padding-top:.1429rem;word-break:break-word}.cap-aira-config-bot-root .user-approve-container{justify-content:end}.cap-aira-config-bot-root .user-approve-container .user-approve-button{height:2rem}.cap-aira-config-bot-root .user-approve-container .cancel-button{margin-left:.7143rem}.cap-aira-config-bot-root .cap-aira-config-bot-expression-editor{width:100%;border-right:.1429rem solid #000}.cap-aira-config-bot-root .cap-aira-config-bot-expression-editor .ant-input{width:100%;padding:0;border:none;outline:none;border-radius:0;line-height:1.5}.cap-aira-config-bot-root .cap-aira-config-bot-expression-editor .ant-input:focus{outline:none;box-shadow:none}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-aira-config-bot-root": `cap-aira-config-bot-root`,
@@ -84338,9 +84824,7 @@ var _effects = __webpack_require__(20510);
 var types = _interopRequireWildcard(__webpack_require__(41686));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-// takeLatest overload (pattern, worker) requires a type assertion to avoid channel overload
 function* watchForUpvote() {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   yield (0, _effects.takeLatest)(types.SEND_FEEDBACK_REQUEST, sendFeedbackApi);
 }
 function sendFeedbackApi(_ref) {
@@ -84879,7 +85363,7 @@ const MetaBlock = _ref => {
             type: "check-filled",
             size: "s",
             style: {
-              marginRight: '4px'
+              marginRight: '0.2857rem'
             },
             "data-testid": "copied"
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -84992,7 +85476,7 @@ const Window = _ref => {
   const titleBarLastClick = (0, _react.useRef)(0);
   const [finalPopupPosition, setFinalPopupPosition] = (0, _react.useState)(null);
   const getDefaultPopupPosition = () => {
-    if (!popupRef.current) return defaultPopupPosition(popupWidth, '0px');
+    if (!popupRef.current) return defaultPopupPosition(popupWidth, '0rem');
     const rect = popupRef.current.getBoundingClientRect();
     return defaultPopupPosition(popupWidth, rect.height + "px");
   };
@@ -85035,8 +85519,8 @@ const Window = _ref => {
   const handleMouseMove = e => {
     if (dragging.current && dragPosition.current.popup && dragPosition.current.mouse) {
       if (!popupPosition.current) popupPosition.current = {
-        x: '0px',
-        y: '0px'
+        x: '0rem',
+        y: '0rem'
       };
       const newX = dragPosition.current.popup.x + e.clientX - dragPosition.current.mouse.x;
       const newY = dragPosition.current.popup.y + e.clientY - dragPosition.current.mouse.y;
@@ -92545,7 +93029,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const _ = __webpack_require__(42551);
-const editBorder = '2px solid black';
 const Chevron = _ref => {
   let {
       direction = 'right',
@@ -92607,7 +93090,7 @@ const EditableTextNode = _ref2 => {
     onChange: handleChange,
     style: {
       flexGrow: 1,
-      borderRight: disabled ? 'none' : editBorder
+      borderRight: disabled ? 'none' : _constants.CAP_ASK_AIRA_COLORS.BORDER_EDIT
     },
     disabled: disabled
   });
@@ -92695,7 +93178,7 @@ const ExpressionNode = _ref3 => {
     children: [!enabled && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: {
         fontFamily: 'monospace',
-        borderRight: disabled ? 'none' : editBorder,
+        borderRight: disabled ? 'none' : _constants.CAP_ASK_AIRA_COLORS.BORDER_EDIT,
         wordBreak: 'break-all'
       },
       children: expression
@@ -92781,9 +93264,9 @@ const InferenceNodeView = _ref5 => {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {
             position: 'absolute',
-            width: '1px',
+            width: '0.0714rem',
             height: 'calc(100% - 1rem)',
-            backgroundColor: '#aaa',
+            backgroundColor: _constants.CAP_ASK_AIRA_COLORS.SHADOW_GREY,
             left: "calc(" + chevronSize + " / 2)",
             top: chevronSize,
             display: isOpen ? 'block' : 'none'
@@ -92865,9 +93348,9 @@ const Inference = _ref6 => {
       style: {
         padding: '0.4rem 0.75rem',
         borderRadius: '0.5rem',
-        backgroundColor: '#eaf1ff',
+        backgroundColor: _constants.CAP_ASK_AIRA_COLORS.HIGHLIGHT_BG,
         margin: '1rem 0',
-        boxShadow: '1px 1px 4px #aaa'
+        boxShadow: "0.0714rem 0.0714rem 0.2857rem " + _constants.CAP_ASK_AIRA_COLORS.SHADOW_GREY
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         style: {
@@ -93057,7 +93540,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-ask-aira-rule-summarization-bot-tabs-container{display:flex;width:100%;justify-content:space-evenly}.cap-ask-aira-rule-summarization-bot-tab-item{flex:1;text-align:center;padding:1rem;cursor:pointer;font-weight:500;color:#333;transition:background-color .3s ease,color .3s ease}.cap-ask-aira-rule-summarization-bot-tab-item.active{background-color:#fff;border-bottom:2px solid #1890ff;color:#1890ff}.cap-ask-aira-rule-summarization-bot-tab-content{padding:1rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content{padding:0rem .87rem 1.12rem .87rem;height:100%;display:flex;flex-direction:column;margin-top:1rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .rule-summarize-bot{text-align:center;margin:8rem 4.65rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .three-star-icon{margin-bottom:.715rem;border-radius:100%;padding:.715rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .rule-summarize-bot-desc{margin-top:.86rem;margin-bottom:2.86rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .conversation{display:flex;flex-direction:column;margin-bottom:.7rem;width:100%}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .query-sent{padding:.573rem .86rem;background:#d4e1fc;align-self:flex-end;border-radius:.25rem;margin:.5rem .5rem 1.2rem .5rem;user-select:text}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .answer-received{border:.0625rem solid #dfe2e7;padding:.573rem .86rem;border-radius:.25rem;align-self:normal;word-wrap:break-word;width:100%;box-sizing:border-box;user-select:text;overflow-y:auto;max-height:30rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .chat-loader-icon{padding:.48rem;display:flex}.cap-ask-aira-rule-summarization-bot-meta-data{display:flex;margin:.715rem;justify-content:space-between}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-ask-aira-rule-summarization-bot-tabs-container{display:flex;width:100%;justify-content:space-evenly}.cap-ask-aira-rule-summarization-bot-tab-item{flex:1;text-align:center;padding:1rem;cursor:pointer;font-weight:500;color:#253858;transition:background-color .3s ease,color .3s ease}.cap-ask-aira-rule-summarization-bot-tab-item.active{background-color:#fff;border-bottom:.1429rem solid #1890ff;color:#1890ff}.cap-ask-aira-rule-summarization-bot-tab-content{padding:1rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content{padding:0rem .87rem 1.12rem .87rem;height:100%;display:flex;flex-direction:column;margin-top:1rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .rule-summarize-bot{text-align:center;margin:8rem 4.65rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .three-star-icon{margin-bottom:.715rem;border-radius:100%;padding:.715rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .rule-summarize-bot-desc{margin-top:.86rem;margin-bottom:2.86rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .conversation{display:flex;flex-direction:column;margin-bottom:.7rem;width:100%}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .query-sent{padding:.573rem .86rem;background:#d4e1fc;align-self:flex-end;border-radius:.25rem;margin:.5rem .5rem 1.2rem .5rem;user-select:text}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .answer-received{border:.0625rem solid #dfe2e7;padding:.573rem .86rem;border-radius:.25rem;align-self:normal;word-wrap:break-word;width:100%;box-sizing:border-box;user-select:text;overflow-y:auto;max-height:30rem}.cap-ask-aira-rule-summarization-bot-tab-content .cap-ask-aira-rule-summarization-bot-content .chat-loader-icon{padding:.48rem;display:flex}.cap-ask-aira-rule-summarization-bot-meta-data{display:flex;margin:.715rem;justify-content:space-between}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-ask-aira-rule-summarization-bot-tabs-container": `cap-ask-aira-rule-summarization-bot-tabs-container`,