@cognigy/webchat 3.30.1 → 3.32.0

package/dist/webchat.esm.js

@@ -1,7 +1,7 @@
 /*!
- * webchat.esm.js v3.30.1
- * https://github.com/Cognigy/Webchat/tree/v3.30.1
- * https://github.com/Cognigy/Webchat/tree/v3.30.1/OSS_LICENSES.txt
+ * webchat.esm.js v3.32.0
+ * https://github.com/Cognigy/Webchat/tree/v3.32.0
+ * https://github.com/Cognigy/Webchat/tree/v3.32.0/OSS_LICENSES.txt
  */
 import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__ from "react-dom";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
@@ -12425,6 +12425,48 @@ function position(node) {
 
 /***/ }),
 
+/***/ 8308:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
+var _path, _path2;
+var _excluded = ["title", "titleId"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
+
+var SvgChatBubbleOutline2 = function SvgChatBubbleOutline2(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 30,
+    height: 30,
+    fill: "none",
+    viewBox: "0 0 44 44",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    stroke: "inherit",
+    strokeLinecap: "round",
+    strokeWidth: 2,
+    d: "M19.071 12.714H3.5a2 2 0 0 0-2 2v17.151a2 2 0 0 0 2 2h5.517v6.67l8.59-6.67h14.107a2 2 0 0 0 2-2v-4.508"
+  })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    stroke: "inherit",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M36.155 15.826c1.903-1.904 5.023-2.76 6.345-2.76-1.85-.529-4.818-.508-6.853-2.792-2.034-2.284-2.02-4.759-2.284-6.345 0 1.057-.666 4.188-2.284 6.345-1.523 2.03-6.028 2.792-7.615 2.792 1.322 0 4.95.856 6.853 2.76 2.19 2.19 2.782 5.552 3.046 7.138.264-1.586.888-5.234 2.792-7.138ZM23.952 5.576c.732-.732 1.932-1.062 2.44-1.062-.71-.203-1.852-.195-2.635-1.073-.782-.879-.777-1.83-.878-2.44 0 .406-.257 1.61-.879 2.44-.586.78-2.318 1.073-2.929 1.073.509 0 1.904.33 2.636 1.062.842.842 1.07 2.135 1.172 2.745.101-.61.341-2.013 1.073-2.745Z"
+  })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgChatBubbleOutline2);
+
+/***/ }),
+
 /***/ 8311:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -17412,6 +17454,109 @@ const RatingConfirmation = () => {
 
 /***/ }),
 
+/***/ 13640:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
+/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84937);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14176);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _assets_baseline_chat_24px_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(28116);
+/* harmony import */ var _assets_chat_bubble_outline_1_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(79815);
+/* harmony import */ var _assets_chat_bubble_outline_2_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8308);
+/* harmony import */ var _assets_chat_bubble_outline_3_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(33941);
+
+
+
+
+
+
+
+const ChatIconMask = _emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.span(({
+  theme,
+  src
+}) => {
+  const urlValue = `url("${String(src).replace(/\"/g, '\\"')}")`;
+  return {
+    display: "inline-block",
+    width: 20,
+    height: 20,
+    backgroundColor: theme.primaryContrastColor,
+    WebkitMaskImage: urlValue,
+    maskImage: urlValue,
+    WebkitMaskRepeat: "no-repeat",
+    maskRepeat: "no-repeat",
+    WebkitMaskPosition: "center",
+    maskPosition: "center",
+    WebkitMaskSize: "contain",
+    maskSize: "contain"
+  };
+});
+const ChatIcon = ({
+  config
+}) => {
+  const iconRef = config.settings?.layout?.iconUrl ?? "default-1";
+  const animationClass = config.settings?.layout?.iconAnimation || "";
+  const burstDuration = `${Math.max(0.2, 1 / Math.max(0.1, config.settings?.layout?.iconAnimationSpeed || 1))}s`;
+  const burstDurationStyle = {
+    "--icon-burst-duration": burstDuration
+  };
+  // Use built-in defaults if string is like "default-1"
+  if (typeof iconRef === "string" && iconRef.startsWith("default-")) {
+    const index = Math.max(0, Number(iconRef.replace("default-", "")) - 1);
+    const defaultIcons = [_assets_chat_bubble_outline_1_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, _assets_chat_bubble_outline_2_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, _assets_chat_bubble_outline_3_svg__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A];
+    const DefaultIcon = defaultIcons[index] ?? _assets_baseline_chat_24px_svg__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(DefaultIcon, {
+      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()("iconAnimationContainer", animationClass),
+      "aria-hidden": true,
+      style: burstDurationStyle
+    });
+  }
+
+  // SVG by data URI or file extension -> mask to current color
+  const isSvgDataUri = /^data:image\/(svg\+xml|svg)/i.test(String(iconRef));
+  const isSvgFile = String(iconRef).trim().toLowerCase().endsWith(".svg");
+  if (isSvgDataUri || isSvgFile) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(ChatIconMask, {
+      src: String(iconRef),
+      "aria-hidden": true,
+      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()("iconAnimationContainer", animationClass),
+      style: burstDurationStyle
+    });
+  }
+
+  // PNG data URI or file -> render as <img>
+  const isPngDataUri = /^data:image\/(png|x-png)/i.test(String(iconRef));
+  const isPngFile = String(iconRef).trim().toLowerCase().endsWith(".png");
+  if (isPngDataUri || isPngFile) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("img", {
+      src: String(iconRef),
+      alt: "",
+      "aria-hidden": true,
+      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()("iconAnimationContainer", animationClass),
+      style: {
+        width: 20,
+        height: 20,
+        display: "inline-block",
+        ...burstDurationStyle
+      }
+    });
+  }
+
+  // Fallback
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_baseline_chat_24px_svg__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, {
+    "aria-hidden": true,
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()("iconAnimationContainer", animationClass),
+    style: burstDurationStyle
+  });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChatIcon);
+
+/***/ }),
+
 /***/ 13826:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -27428,7 +27573,12 @@ const getFinishReason = (message, messageId) => {
   return messageId ? message.data?._cognigy?._finishReason : "stop";
 };
 
-// slice of the store state that contains the info about streaming mode, to avoid circular dependency
+// Helper to determine if a message should be set as the currently animating message
+const shouldSetAsAnimating = (nextAnimatingId, newMessage, isEngagementMessageHidden) => {
+  return !nextAnimatingId && !(newMessage.source === "engagement" && isEngagementMessageHidden);
+};
+
+// slice of the store state that contains the info about streaming mode and teaserMessage, to avoid circular dependency
 
 const createMessageReducer = getState => {
   return (state = initialState, action) => {
@@ -27445,6 +27595,7 @@ const createMessageReducer = getState => {
           const newMessage = action.message;
           const isOutputCollationEnabled = getState().config?.settings?.behavior?.collateStreamedOutputs;
           const isprogressiveMessageRenderingEnabled = getState().config?.settings?.behavior?.progressiveMessageRendering;
+          const isEngagementMessageHidden = getState().config?.settings?.teaserMessage?.showInChat === false;
           if (!isOutputCollationEnabled && !isprogressiveMessageRenderingEnabled || newMessage.source !== "bot" && newMessage.source !== "engagement") {
             return {
               ...state,
@@ -27464,7 +27615,8 @@ const createMessageReducer = getState => {
             if (!state.currentlyAnimatingId) {
               visibleOutputMessages.push(newMessageId);
             }
-            if (!nextAnimatingId) {
+            const shouldAnimate = shouldSetAsAnimating(nextAnimatingId, newMessage, isEngagementMessageHidden);
+            if (shouldAnimate) {
               nextAnimatingId = isAnimated ? newMessageId : null;
             }
             return {
@@ -27499,7 +27651,8 @@ const createMessageReducer = getState => {
           if (!newMessageId || !isOutputCollationEnabled) {
             newMessageId = (0,_helper__WEBPACK_IMPORTED_MODULE_0__/* .generateRandomId */ .M)();
           }
-          if (!nextAnimatingId) {
+          const shouldAnimate = shouldSetAsAnimating(nextAnimatingId, newMessage, isEngagementMessageHidden);
+          if (shouldAnimate) {
             nextAnimatingId = newMessageId;
           }
 
@@ -36845,7 +36998,7 @@ module.exports = arrayLikeKeys;
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var _presentational_Header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55922);
-/* harmony import */ var _emotion_react__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(21180);
+/* harmony import */ var _emotion_react__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(21180);
 /* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(84937);
 /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(58637);
 /* harmony import */ var _presentational_WebchatRoot__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(31961);
@@ -36859,20 +37012,20 @@ module.exports = arrayLikeKeys;
 /* harmony import */ var _utils_normalize_css__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(80167);
 /* harmony import */ var _presentational_FAB__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(59990);
 /* harmony import */ var _presentational_WebchatWrapper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(28784);
-/* harmony import */ var _assets_baseline_chat_24px_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(28116);
+/* harmony import */ var _presentational_ChatIcon__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(13640);
 /* harmony import */ var _assets_collapse_20px_svg__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(97273);
 /* harmony import */ var _presentational_DisconnectOverlay__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(11571);
 /* harmony import */ var _presentational_Badge__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(28068);
-/* harmony import */ var _webchat_helper_message__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(31963);
-/* harmony import */ var _utils_find_focusable__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(41098);
+/* harmony import */ var _webchat_helper_message__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(31963);
+/* harmony import */ var _utils_find_focusable__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(41098);
 /* harmony import */ var _utils_notification_sound__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(31493);
-/* harmony import */ var _utils_find_reverse__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(5128);
+/* harmony import */ var _utils_find_reverse__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(5128);
 /* harmony import */ var _assets_style_css__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(58979);
 /* harmony import */ var _history_TypingIndicator__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(20310);
-/* harmony import */ var _webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(44557);
-/* harmony import */ var _webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(31067);
+/* harmony import */ var _webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(44557);
+/* harmony import */ var _webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(31067);
 /* harmony import */ var _presentational_FABDisabled__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(99526);
-/* harmony import */ var _webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(69401);
+/* harmony import */ var _webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(69401);
 /* harmony import */ var _presentational_HomeScreen__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(42740);
 /* harmony import */ var _presentational_previous_conversations_ConversationsList__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(14704);
 /* harmony import */ var _cognigy_chat_components__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(2854);
@@ -36882,15 +37035,17 @@ module.exports = arrayLikeKeys;
 /* harmony import */ var _presentational_chat_options_ChatOptions__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(49687);
 /* harmony import */ var _history_QueueUpdates__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(59021);
 /* harmony import */ var _plugins_input_file_DropZone__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(1339);
-/* harmony import */ var react_transition_group__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(66492);
+/* harmony import */ var react_transition_group__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(66492);
 /* harmony import */ var _presentational_TeaserMessage__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(49888);
 /* harmony import */ var _functional_xapp_overlay_XAppOverlay__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(12381);
-/* harmony import */ var _utils_sourceMapping__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(25091);
+/* harmony import */ var _utils_sourceMapping__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(25091);
 /* harmony import */ var _plugins_speech_output__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(83679);
-/* harmony import */ var _utils_filter_out_control_commands__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(70562);
+/* harmony import */ var _utils_filter_out_control_commands__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(70562);
 /* harmony import */ var _webchat_helper_handleMarkdown__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(71621);
 /* harmony import */ var _presentational_previous_conversations_DeleteAllConversations__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(5196);
 /* harmony import */ var _presentational_ScreenReaderLiveRegion__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(41426);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(14176);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_38___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_38__);
 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); }
 
 
@@ -36938,6 +37093,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 
 
+
 
 
 const stylisPlugins = [(0,_utils_css__WEBPACK_IMPORTED_MODULE_7__/* .isolate */ .az)("[data-cognigy-webchat-root]")];
@@ -37053,9 +37209,9 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     const secondaryColor = props?.config?.settings?.colors?.secondaryColor;
     const chatInterfaceColor = props?.config?.settings?.colors?.chatInterfaceColor;
     const sourceColorMapping = props?.config?.settings?.widgetSettings?.sourceColorMapping;
-    const overrideBotMessageColor = (0,_utils_sourceMapping__WEBPACK_IMPORTED_MODULE_38__/* .getSourceBackgroundColor */ .N)(sourceColorMapping?.bot, props?.config?.settings?.colors);
-    const overrideUserMessageColor = (0,_utils_sourceMapping__WEBPACK_IMPORTED_MODULE_38__/* .getSourceBackgroundColor */ .N)(sourceColorMapping?.user, props?.config?.settings?.colors);
-    const overrideAgentMessageColor = (0,_utils_sourceMapping__WEBPACK_IMPORTED_MODULE_38__/* .getSourceBackgroundColor */ .N)(sourceColorMapping?.agent, props?.config?.settings?.colors);
+    const overrideBotMessageColor = (0,_utils_sourceMapping__WEBPACK_IMPORTED_MODULE_39__/* .getSourceBackgroundColor */ .N)(sourceColorMapping?.bot, props?.config?.settings?.colors);
+    const overrideUserMessageColor = (0,_utils_sourceMapping__WEBPACK_IMPORTED_MODULE_39__/* .getSourceBackgroundColor */ .N)(sourceColorMapping?.user, props?.config?.settings?.colors);
+    const overrideAgentMessageColor = (0,_utils_sourceMapping__WEBPACK_IMPORTED_MODULE_39__/* .getSourceBackgroundColor */ .N)(sourceColorMapping?.agent, props?.config?.settings?.colors);
     const overrideBotMessageBorderColor = sourceColorMapping?.bot === "user" ? "transparent" : null;
     const overrideUserMessageBorderColor = sourceColorMapping?.user === "bot" ? state.theme.black80 : null;
     const overrideAgentMessageBorderColor = sourceColorMapping?.agent === "user" ? "transparent" : null;
@@ -37149,7 +37305,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
         }
       }
     }
-    this.hideNotifications = (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_39__/* .isDisabledDueToConnectivity */ .l9)(this.props.config.settings, timeoutReached) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_40__/* .isDisabledDueToMaintenance */ .$6)(this.props.config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_41__/* .isDisabledOutOfBusinessHours */ .dt)(this.props.config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_39__/* .isInformingDueToConnectivity */ .u0)(this.props.config.settings, timeoutReached) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_40__/* .isInformingDueToMaintenance */ .iF)(this.props.config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_41__/* .isInformingOutOfBusinessHours */ .Gr)(this.props.config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_39__/* .isHiddenDueToConnectivity */ .VD)(this.props.config.settings, timeoutReached) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_40__/* .isHiddenDueToMaintenance */ .Hs)(this.props.config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_41__/* .isHiddenOutOfBusinessHours */ .hN)(this.props.config.settings.businessHours) || false;
+    this.hideNotifications = (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_40__/* .isDisabledDueToConnectivity */ .l9)(this.props.config.settings, timeoutReached) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_41__/* .isDisabledDueToMaintenance */ .$6)(this.props.config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_42__/* .isDisabledOutOfBusinessHours */ .dt)(this.props.config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_40__/* .isInformingDueToConnectivity */ .u0)(this.props.config.settings, timeoutReached) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_41__/* .isInformingDueToMaintenance */ .iF)(this.props.config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_42__/* .isInformingOutOfBusinessHours */ .Gr)(this.props.config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_40__/* .isHiddenDueToConnectivity */ .VD)(this.props.config.settings, timeoutReached) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_41__/* .isHiddenDueToMaintenance */ .Hs)(this.props.config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_42__/* .isHiddenOutOfBusinessHours */ .hN)(this.props.config.settings.businessHours) || false;
   };
   componentDidMount() {
     const defaultMessagePlugins = [];
@@ -37160,6 +37316,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       inputPlugins: [...(this.props.inputPlugins || []), _plugins_input_base__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A],
       messagePlugins: [...(this.props.messagePlugins || []), ...defaultMessagePlugins]
     });
+    this.setupIconAnimationInterval();
   }
   async componentDidUpdate(prevProps, prevState) {
     // When the webchat is opened, focus is moved to the first focusable element inside the webchat window.
@@ -37170,7 +37327,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       const webchatToggleButton = this.chatToggleButtonRef?.current;
       const {
         firstFocusable
-      } = (0,_utils_find_focusable__WEBPACK_IMPORTED_MODULE_42__/* ["default"] */ .A)(webchatWindowEl);
+      } = (0,_utils_find_focusable__WEBPACK_IMPORTED_MODULE_43__/* ["default"] */ .A)(webchatWindowEl);
       if (document.activeElement === webchatToggleButton && firstFocusable) {
         firstFocusable.focus();
       }
@@ -37220,9 +37377,9 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
         let lastUnseenMessageText = "";
 
         // find the last readable message and remember its text
-        const lastReadableUnseenMessage = (0,_utils_find_reverse__WEBPACK_IMPORTED_MODULE_43__/* .findReverse */ .u)(this.props.unseenMessages, message => !!(0,_webchat_helper_message__WEBPACK_IMPORTED_MODULE_44__/* ["default"] */ .Ay)(message));
+        const lastReadableUnseenMessage = (0,_utils_find_reverse__WEBPACK_IMPORTED_MODULE_44__/* .findReverse */ .u)(this.props.unseenMessages, message => !!(0,_webchat_helper_message__WEBPACK_IMPORTED_MODULE_45__/* ["default"] */ .Ay)(message));
         if (lastReadableUnseenMessage) {
-          lastUnseenMessageText = (0,_webchat_helper_message__WEBPACK_IMPORTED_MODULE_44__/* ["default"] */ .Ay)(lastReadableUnseenMessage);
+          lastUnseenMessageText = (0,_webchat_helper_message__WEBPACK_IMPORTED_MODULE_45__/* ["default"] */ .Ay)(lastReadableUnseenMessage);
         }
 
         // TODO: Add markdown rendering if there is valid markdown and renderMarkdown is enabled
@@ -37245,6 +37402,11 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
         lastUnseenMessageText: ""
       });
     }
+
+    // Re-evaluate icon animation interval when related settings change
+    if (prevProps?.config?.settings?.layout?.iconAnimationInterval !== this.props?.config?.settings?.layout?.iconAnimationInterval || prevProps?.config?.settings?.layout?.iconAnimationSpeed !== this.props?.config?.settings?.layout?.iconAnimationSpeed || prevProps?.config?.settings?.layout?.iconAnimation !== this.props?.config?.settings?.layout?.iconAnimation) {
+      this.setupIconAnimationInterval();
+    }
     if (!this.hideNotifications) {
       // initialize the title indicator if configured
       if (this.props.config.settings.unreadMessages.enableIndicator) {
@@ -37276,6 +37438,37 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       clearTimeout(this.engagementMessageTimeout);
       this.engagementMessageTimeout = null;
     }
+
+    // Teardown icon animation interval
+    if (this.iconAnimationIntervalHandle) {
+      clearInterval(this.iconAnimationIntervalHandle);
+      this.iconAnimationIntervalHandle = null;
+    }
+  }
+  iconAnimationIntervalHandle = null;
+  setupIconAnimationInterval() {
+    if (this.iconAnimationIntervalHandle) {
+      clearInterval(this.iconAnimationIntervalHandle);
+      this.iconAnimationIntervalHandle = null;
+    }
+    const animation = this.props?.config?.settings?.layout?.iconAnimation;
+    // If there is no animation configured, do not start the timer
+    if (!animation || typeof animation === "string" && animation.trim().length === 0) {
+      return;
+    }
+    const intervalSec = this.props.config?.settings?.layout?.iconAnimationInterval ?? 5;
+    const intervalMs = Math.max(0, intervalSec) * 1000;
+    if (intervalMs === 0) return;
+    this.iconAnimationIntervalHandle = setInterval(() => {
+      const buttonEl = this.chatToggleButtonRef?.current;
+      if (!buttonEl) return;
+      const container = buttonEl.querySelector(".iconAnimationContainer");
+      if (!container) return;
+      container.classList.remove("optionActive");
+      // Force reflow to restart animation
+      void container.getBoundingClientRect();
+      container.classList.add("optionActive");
+    }, intervalMs);
   }
 
   /**
@@ -37374,7 +37567,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       const {
         firstFocusable,
         lastFocusable
-      } = (0,_utils_find_focusable__WEBPACK_IMPORTED_MODULE_42__/* ["default"] */ .A)(webchatWindowEl);
+      } = (0,_utils_find_focusable__WEBPACK_IMPORTED_MODULE_43__/* ["default"] */ .A)(webchatWindowEl);
       const chatToggleButton = this.chatToggleButtonRef?.current;
 
       /**
@@ -37569,9 +37762,9 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
         enableConnectionStatusIndicator
       }
     } = config.settings;
-    if (!config.active && !config.settings.embeddingConfiguration.connectivity.enabled || !config.isConfigLoaded && config.settings.embeddingConfiguration.awaitEndpointConfig || config.isConfigLoaded && config.settings.embeddingConfiguration.awaitEndpointConfig && ((0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_41__/* .isHiddenOutOfBusinessHours */ .hN)(config.settings.businessHours) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_40__/* .isHiddenDueToMaintenance */ .Hs)(config.settings) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_39__/* .isHiddenDueToConnectivity */ .VD)(config.settings, state.timedOut))) return null;
-    const isDisabled = config.isConfigLoaded && config.settings.embeddingConfiguration.awaitEndpointConfig && ((0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_40__/* .isDisabledDueToMaintenance */ .$6)(config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_41__/* .isDisabledOutOfBusinessHours */ .dt)(config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_39__/* .isDisabledDueToConnectivity */ .l9)(config.settings, state.timedOut));
-    const isInforming = config.isConfigLoaded && config.settings.embeddingConfiguration.awaitEndpointConfig && ((0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_40__/* .isInformingDueToMaintenance */ .iF)(config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_41__/* .isInformingOutOfBusinessHours */ .Gr)(config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_39__/* .isInformingDueToConnectivity */ .u0)(config.settings, state.timedOut));
+    if (!config.active && !config.settings.embeddingConfiguration.connectivity.enabled || !config.isConfigLoaded && config.settings.embeddingConfiguration.awaitEndpointConfig || config.isConfigLoaded && config.settings.embeddingConfiguration.awaitEndpointConfig && ((0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_42__/* .isHiddenOutOfBusinessHours */ .hN)(config.settings.businessHours) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_41__/* .isHiddenDueToMaintenance */ .Hs)(config.settings) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_40__/* .isHiddenDueToConnectivity */ .VD)(config.settings, state.timedOut))) return null;
+    const isDisabled = config.isConfigLoaded && config.settings.embeddingConfiguration.awaitEndpointConfig && ((0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_41__/* .isDisabledDueToMaintenance */ .$6)(config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_42__/* .isDisabledOutOfBusinessHours */ .dt)(config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_40__/* .isDisabledDueToConnectivity */ .l9)(config.settings, state.timedOut));
+    const isInforming = config.isConfigLoaded && config.settings.embeddingConfiguration.awaitEndpointConfig && ((0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_41__/* .isInformingDueToMaintenance */ .iF)(config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_42__/* .isInformingOutOfBusinessHours */ .Gr)(config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_40__/* .isInformingDueToConnectivity */ .u0)(config.settings, state.timedOut));
     const showDisconnectOverlay = enableConnectionStatusIndicator && !connected && hadConnection;
     const openChatAriaLabel = () => {
       if (open) return config.settings.customTranslations?.ariaLabels?.closeChat ?? "Close chat";
@@ -37588,11 +37781,11 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       }
     };
     const getDisabledMessage = () => {
-      if (isDisabled && (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_40__/* .isDisabledDueToMaintenance */ .$6)(this.props.config.settings)) {
+      if (isDisabled && (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_41__/* .isDisabledDueToMaintenance */ .$6)(this.props.config.settings)) {
         return this.props.config.settings.maintenance.text || "This chat is currently disabled due to maintenance";
-      } else if (isDisabled && (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_41__/* .isDisabledOutOfBusinessHours */ .dt)(this.props.config.settings.businessHours)) {
+      } else if (isDisabled && (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_42__/* .isDisabledOutOfBusinessHours */ .dt)(this.props.config.settings.businessHours)) {
         return this.props.config.settings.maintenance.text || "This chat is disabled out of our business hours";
-      } else if (isDisabled && (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_39__/* .isDisabledDueToConnectivity */ .l9)(this.props.config.settings, this.state.timedOut)) {
+      } else if (isDisabled && (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_40__/* .isDisabledDueToConnectivity */ .l9)(this.props.config.settings, this.state.timedOut)) {
         return this.props.config.settings.embeddingConfiguration.connectivity.text || "This chat is disabled due to connectivity issues";
       }
     };
@@ -37608,7 +37801,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       onClose();
       this.chatToggleButtonRef.current?.focus();
     };
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_emotion_react__WEBPACK_IMPORTED_MODULE_45__.a, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_emotion_react__WEBPACK_IMPORTED_MODULE_46__.a, {
       theme: theme
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_WebchatWrapper__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .A, _extends({
       "data-cognigy-webchat-root": true
@@ -37617,7 +37810,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       "aria-label": chatRegionAriaLabel,
       role: "region",
       onKeyDown: this.handleKeydown
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_emotion_react__WEBPACK_IMPORTED_MODULE_45__.C, {
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_emotion_react__WEBPACK_IMPORTED_MODULE_46__.C, {
       value: styleCache
     }, open && (!this.props.config.settings.embeddingConfiguration.awaitEndpointConfig || this.props.config.settings.embeddingConfiguration.awaitEndpointConfig && this.props.config.isConfigLoaded) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_WebchatRoot__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, _extends({
       "data-cognigy-webchat": true
@@ -37655,16 +37848,23 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       ref: this.chatToggleButtonRef,
       id: "webchatWindowToggleButton",
       disabled: true
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_baseline_chat_24px_svg__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A, null))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_FAB__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .A, _extends({
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_ChatIcon__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A, {
+      config: config
+    }))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_FAB__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .A, _extends({
       "data-cognigy-webchat-toggle": true,
       onClick: this.handleFabClick
     }, webchatToggleProps, {
       type: "button",
-      className: "webchat-toggle-button",
+      className: classnames__WEBPACK_IMPORTED_MODULE_38___default()("webchat-toggle-button burst", config.settings?.layout?.iconAnimation),
       id: "webchatWindowToggleButton",
       "aria-label": openChatAriaLabel(),
-      ref: this.chatToggleButtonRef
-    }), open ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_collapse_20px_svg__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_baseline_chat_24px_svg__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A, null), config.settings.unreadMessages.enableBadge ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_Badge__WEBPACK_IMPORTED_MODULE_18__/* ["default"] */ .A, {
+      ref: this.chatToggleButtonRef,
+      style: {
+        "--icon-burst-duration": `${Math.max(0.2, 1 / Math.max(0.1, config.settings?.layout?.iconAnimationSpeed || 1))}s`
+      }
+    }), open ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_collapse_20px_svg__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_ChatIcon__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A, {
+      config: config
+    }), config.settings.unreadMessages.enableBadge ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_Badge__WEBPACK_IMPORTED_MODULE_18__/* ["default"] */ .A, {
       _content: unseenMessages.length,
       className: "webchat-unread-message-badge",
       "aria-label": `${unseenMessages.length} ${config.settings.customTranslations?.ariaLabels?.unreadMessages ?? "unread messages"}`
@@ -37851,7 +38051,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     const isChatOptionsButtonVisible = config.settings.chatOptions.enabled && showChatScreen;
     const hideBackButton = showChatScreen && !isHomeScreenEnabled;
     const showDeleteAllConversationButton = !!((config.settings.privacyNotice.enabled && this.props.hasAcceptedTerms || !config.settings.privacyNotice.enabled) && config.settings.homeScreen.previousConversations.enableDeleteAllConversations && showPrevConversations && Object.keys(this.props.prevConversations).length);
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(RegularLayoutRoot, null, !isXAppOverlayOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_46__/* ["default"] */ .A, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(RegularLayoutRoot, null, !isXAppOverlayOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_47__/* ["default"] */ .A, {
       in: !!(!showEnabledHomeScreen || showInformationMessage),
       timeout: 500,
       classNames: "slide-in",
@@ -37880,7 +38080,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       hideBackButton: hideBackButton,
       showChatScreen: showChatScreen,
       deleteIconColor: config.settings.customColors?.deleteAllConversationIconColor
-    })), !isSecondaryView && isHomeScreenEnabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_46__/* ["default"] */ .A, {
+    })), !isSecondaryView && isHomeScreenEnabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_47__/* ["default"] */ .A, {
       in: !showHomeScreen,
       timeout: 500,
       classNames: "hidebackground"
@@ -37894,7 +38094,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       config: config,
       onEmitAnalytics: onEmitAnalytics,
       onSendActionButtonMessage: this.handleSendActionButtonMessage
-    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_46__/* ["default"] */ .A, {
+    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_47__/* ["default"] */ .A, {
       in: !!(!showEnabledHomeScreen || showInformationMessage),
       timeout: 500,
       classNames: "slide-in",
@@ -37963,7 +38163,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
 
     // Find privacy message and remove it from the messages list (these message types are not displayed in the chat log).
     // If we do not remove, it will cause the collatation of the first user message.
-    const messagesExcludingPrivacyMessage = (0,_utils_filter_out_control_commands__WEBPACK_IMPORTED_MODULE_47__/* ["default"] */ .A)(messages, ["acceptPrivacyPolicy"]);
+    const messagesExcludingPrivacyMessage = (0,_utils_filter_out_control_commands__WEBPACK_IMPORTED_MODULE_48__/* ["default"] */ .A)(messages, ["acceptPrivacyPolicy"]);
 
     // Filter messages based on progressive rendering settings
     const visibleMessages = progressiveMessageRendering ? messagesExcludingPrivacyMessage.filter(message => {
@@ -38516,6 +38716,41 @@ exports["default"] = _default;
 
 /***/ }),
 
+/***/ 33941:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
+var _path;
+var _excluded = ["title", "titleId"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
+
+var SvgChatBubbleOutline3 = function SvgChatBubbleOutline3(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 23,
+    height: 23,
+    viewBox: "0 0 23 23",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fill: "inherit",
+    stroke: "transparent",
+    d: "M21 11.375a9.625 9.625 0 1 0-18.08 4.603l.16.293-.076.324-.953 4.085 3.983-.99.336-.085.303.17A9.6 9.6 0 0 0 11.375 21 9.625 9.625 0 0 0 21 11.375Zm-8.458 1.458a.875.875 0 0 1 0 1.75H7.875a.875.875 0 1 1 0-1.75zm2.333-4.666a.875.875 0 0 1 0 1.75h-7a.875.875 0 1 1 0-1.75zm7.875 3.208c0 6.282-5.093 11.375-11.375 11.375-1.891 0-3.677-.463-5.248-1.282l-5.041 1.256a.875.875 0 0 1-1.063-1.047l1.203-5.161A11.3 11.3 0 0 1 0 11.375C0 5.093 5.093 0 11.375 0S22.75 5.093 22.75 11.375Z"
+  })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgChatBubbleOutline3);
+
+/***/ }),
+
 /***/ 34043:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -43133,8 +43368,8 @@ const prevConversations = (state = getInitialState(), action) => {
     },
     transition: (0,_utils_css__WEBPACK_IMPORTED_MODULE_1__/* .createTransition */ .eV)("background-color", "color", "fill"),
     svg: {
-      width: 20,
-      height: 20
+      width: 25,
+      height: 25
     }
   };
 }));
@@ -132582,18 +132817,95 @@ const FAB = (0,_emotion_styled__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)
   backgroundImage: theme.primaryGradient,
   color: theme.primaryContrastColor,
   fill: theme.primaryContrastColor,
+  stroke: theme.primaryContrastColor,
   overflow: "visible",
   boxShadow: theme.shadow,
   borderRadius: "50%",
   marginTop: theme.unitSize * 2,
   "&.active, &:hover": {
     backgroundImage: theme.primaryStrongGradient,
-    fill: `${theme.primaryContrastColor} !important`
+    fill: `${theme.primaryContrastColor} !important`,
+    stroke: `${theme.primaryContrastColor}`,
+    color: `${theme.primaryContrastColor} !important`
   },
   "&:focus-visible": {
     outline: `2px solid ${theme.primaryColorFocus}`,
     outlineOffset: 2,
     boxShadow: `0 0 0 4px ${theme.white}`
+  },
+  // Animation container defaults and keyframes
+  "&.burst, &.pulse, &.swing": {
+    ["--icon-burst-duration"]: "0.8s",
+    ["--icon-bounce-amp"]: "10px",
+    ["--icon-swing-deg"]: "12deg",
+    ["--icon-pulse-scale"]: "1.08"
+  },
+  "&.burst.bounce .iconAnimationContainer.optionActive": {
+    animationName: "bounceBurst",
+    animationDuration: "var(--icon-burst-duration)",
+    animationTimingFunction: "ease-in-out",
+    animationIterationCount: 1,
+    animationFillMode: "both"
+  },
+  "&.burst.swing .iconAnimationContainer.optionActive": {
+    animationName: "swingBurst",
+    animationDuration: "var(--icon-burst-duration)",
+    animationTimingFunction: "ease-in-out",
+    animationIterationCount: 1,
+    animationFillMode: "both",
+    transformOrigin: "left bottom"
+  },
+  "&.burst.pulse .iconAnimationContainer.optionActive": {
+    animationName: "pulseBurst",
+    animationDuration: "var(--icon-burst-duration)",
+    animationTimingFunction: "ease-in-out",
+    animationIterationCount: 1,
+    animationFillMode: "both"
+  },
+  "@keyframes bounceBurst": {
+    "0%": {
+      transform: "translateY(0)"
+    },
+    "30%": {
+      transform: "translateY(calc(-1 * var(--icon-bounce-amp)))"
+    },
+    "50%": {
+      transform: "translateY(calc(-0.2 * var(--icon-bounce-amp)))"
+    },
+    "70%": {
+      transform: "translateY(calc(-0.6 * var(--icon-bounce-amp)))"
+    },
+    "100%": {
+      transform: "translateY(0)"
+    }
+  },
+  "@keyframes swingBurst": {
+    "0%": {
+      transform: "rotate(0deg)"
+    },
+    "40%": {
+      transform: "rotate(var(--icon-swing-deg))"
+    },
+    "70%": {
+      transform: "rotate(calc(-1 * var(--icon-swing-deg))"
+    },
+    "100%": {
+      transform: "rotate(0deg)"
+    }
+  },
+  "@keyframes pulseBurst": {
+    "0%": {
+      transform: "scale(1)",
+      opacity: 1
+    },
+    "50%": {
+      transform: "scale(var(--icon-pulse-scale))",
+      opacity: 0.9
+    },
+    "100%": {
+      transform: "scale(1)",
+      opacity: 1
+    }
   }
 }));
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FAB);
@@ -148710,6 +149022,41 @@ function remarkParse(options) {
 
 /***/ }),
 
+/***/ 79815:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
+var _path;
+var _excluded = ["title", "titleId"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+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; }
+
+var SvgChatBubbleOutline1 = function SvgChatBubbleOutline1(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    "aria-hidden": "true",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fill: "inherit",
+    d: "M80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240zm126-240h594v-480H160v525zm-46 0v-480z"
+  })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgChatBubbleOutline1);
+
+/***/ }),
+
 /***/ 79976:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -164224,7 +164571,8 @@ var SvgCollapse20Px = function SvgCollapse20Px(_ref) {
     id: titleId
   }, title) : null, _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
     fillRule: "evenodd",
-    d: "M1.687 5.302a1.25 1.25 0 0 1 1.762.135L10 13.08l6.551-7.643a1.25 1.25 0 1 1 1.898 1.627l-6.55 7.643a2.5 2.5 0 0 1-3.797 0L1.55 7.064a1.25 1.25 0 0 1 .136-1.762",
+    stroke: "transparent",
+    d: "M1.687 5.302a1.25 1.25 0 0 1 1.762.135L10 13.08l6.551-7.643a1.25 1.25 0 1 1 1.898 1.627l-6.55 7.643a2.5 2.5 0 0 1-3.797 0L1.55 7.064a1.25 1.25 0 0 1 .136-1.762Z",
     clipRule: "evenodd"
   })));
 };
@@ -167869,7 +168217,11 @@ const FABDisabled = (0,_emotion_styled__WEBPACK_IMPORTED_MODULE_0__/* ["default"
   overflow: "visible",
   boxShadow: theme.shadow,
   borderRadius: "50%",
-  marginTop: theme.unitSize * 2
+  marginTop: theme.unitSize * 2,
+  "&.active, &:hover": {
+    color: `${theme.greyContrastColor} !important`,
+    fill: `${theme.greyContrastColor} !important`
+  }
 }));
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FABDisabled);