@cognigy/webchat 3.47.0 → 3.49.0

package/dist/webchat.esm.js

@@ -1,7 +1,7 @@
 /*!
- * webchat.esm.js v3.47.0
- * https://github.com/Cognigy/Webchat/tree/v3.47.0
- * https://github.com/Cognigy/Webchat/tree/v3.47.0/OSS_LICENSES.txt
+ * webchat.esm.js v3.49.0
+ * https://github.com/Cognigy/Webchat/tree/v3.49.0
+ * https://github.com/Cognigy/Webchat/tree/v3.49.0/OSS_LICENSES.txt
  */
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__ from "react-dom";
@@ -117,43 +117,6 @@ var SvgBaselineChat24Px = function SvgBaselineChat24Px(_ref) {
 
 /***/ },
 
-/***/ 93647
-(__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 SvgBaselineClose24Px = function SvgBaselineClose24Px(_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 0 24 24",
-    "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", {
-    d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-  })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0z"
-  })));
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgBaselineClose24Px);
-
-/***/ },
-
 /***/ 92326
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -5879,37 +5842,6 @@ function eventTargetAgnosticAddListener(emitter, name, listener, flags) {
 
 /***/ },
 
-/***/ 61513
-(module, exports, __webpack_require__) {
-
-var __WEBPACK_AMD_DEFINE_RESULT__;/*!
-  Copyright (c) 2015 Jed Watson.
-  Based on code that is Copyright 2013-2015, Facebook, Inc.
-  All rights reserved.
-*/
-/* global define */
-
-(function () {
-  'use strict';
-
-  var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-  var ExecutionEnvironment = {
-    canUseDOM: canUseDOM,
-    canUseWorkers: typeof Worker !== 'undefined',
-    canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
-    canUseViewport: canUseDOM && !!window.screen
-  };
-  if (true) {
-    !(__WEBPACK_AMD_DEFINE_RESULT__ = (function () {
-      return ExecutionEnvironment;
-    }).call(exports, __webpack_require__, exports, module),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
-  } else // removed by dead control flow
-{}
-})();
-
-/***/ },
-
 /***/ 67095
 (module) {
 
@@ -26624,105 +26556,6 @@ function plural(ms, msAbs, n, name) {
 
 /***/ },
 
-/***/ 28372
-(module, __unused_webpack_exports, __webpack_require__) {
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-
-var ReactPropTypesSecret = __webpack_require__(44067);
-function emptyFunction() {}
-function emptyFunctionWithReset() {}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-module.exports = function () {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      // It is still safe when called from React.
-      return;
-    }
-    var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
-    err.name = 'Invariant Violation';
-    throw err;
-  }
-  ;
-  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }
-  ;
-  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-};
-
-/***/ },
-
-/***/ 94370
-(module, __unused_webpack_exports, __webpack_require__) {
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-if (false) // removed by dead control flow
-{ var throwOnDirectAccess, ReactIs; } else {
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  module.exports = __webpack_require__(28372)();
-}
-
-/***/ },
-
-/***/ 44067
-(module) {
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-
-var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-module.exports = ReactPropTypesSecret;
-
-/***/ },
-
 /***/ 39645
 (__unused_webpack_module, exports) {
 
@@ -26858,1630 +26691,6 @@ if (true) {
 
 /***/ },
 
-/***/ 16247
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   polyfill: () => (/* binding */ polyfill)
-/* harmony export */ });
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-function componentWillMount() {
-  // Call this.constructor.gDSFP to support sub-classes.
-  var state = this.constructor.getDerivedStateFromProps(this.props, this.state);
-  if (state !== null && state !== undefined) {
-    this.setState(state);
-  }
-}
-function componentWillReceiveProps(nextProps) {
-  // Call this.constructor.gDSFP to support sub-classes.
-  // Use the setState() updater to ensure state isn't stale in certain edge cases.
-  function updater(prevState) {
-    var state = this.constructor.getDerivedStateFromProps(nextProps, prevState);
-    return state !== null && state !== undefined ? state : null;
-  }
-  // Binding "this" is important for shallow renderer support.
-  this.setState(updater.bind(this));
-}
-function componentWillUpdate(nextProps, nextState) {
-  try {
-    var prevProps = this.props;
-    var prevState = this.state;
-    this.props = nextProps;
-    this.state = nextState;
-    this.__reactInternalSnapshotFlag = true;
-    this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(prevProps, prevState);
-  } finally {
-    this.props = prevProps;
-    this.state = prevState;
-  }
-}
-
-// React may warn about cWM/cWRP/cWU methods being deprecated.
-// Add a flag to suppress these warnings for this special case.
-componentWillMount.__suppressDeprecationWarning = true;
-componentWillReceiveProps.__suppressDeprecationWarning = true;
-componentWillUpdate.__suppressDeprecationWarning = true;
-function polyfill(Component) {
-  var prototype = Component.prototype;
-  if (!prototype || !prototype.isReactComponent) {
-    throw new Error('Can only polyfill class components');
-  }
-  if (typeof Component.getDerivedStateFromProps !== 'function' && typeof prototype.getSnapshotBeforeUpdate !== 'function') {
-    return Component;
-  }
-
-  // If new component APIs are defined, "unsafe" lifecycles won't be called.
-  // Error if any of these lifecycles are present,
-  // Because they would work differently between older and newer (16.3+) versions of React.
-  var foundWillMountName = null;
-  var foundWillReceivePropsName = null;
-  var foundWillUpdateName = null;
-  if (typeof prototype.componentWillMount === 'function') {
-    foundWillMountName = 'componentWillMount';
-  } else if (typeof prototype.UNSAFE_componentWillMount === 'function') {
-    foundWillMountName = 'UNSAFE_componentWillMount';
-  }
-  if (typeof prototype.componentWillReceiveProps === 'function') {
-    foundWillReceivePropsName = 'componentWillReceiveProps';
-  } else if (typeof prototype.UNSAFE_componentWillReceiveProps === 'function') {
-    foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
-  }
-  if (typeof prototype.componentWillUpdate === 'function') {
-    foundWillUpdateName = 'componentWillUpdate';
-  } else if (typeof prototype.UNSAFE_componentWillUpdate === 'function') {
-    foundWillUpdateName = 'UNSAFE_componentWillUpdate';
-  }
-  if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
-    var componentName = Component.displayName || Component.name;
-    var newApiName = typeof Component.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';
-    throw Error('Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' + componentName + ' uses ' + newApiName + ' but also contains the following legacy lifecycles:' + (foundWillMountName !== null ? '\n  ' + foundWillMountName : '') + (foundWillReceivePropsName !== null ? '\n  ' + foundWillReceivePropsName : '') + (foundWillUpdateName !== null ? '\n  ' + foundWillUpdateName : '') + '\n\nThe above lifecycles should be removed. Learn more about this warning here:\n' + 'https://fb.me/react-async-component-lifecycle-hooks');
-  }
-
-  // React <= 16.2 does not support static getDerivedStateFromProps.
-  // As a workaround, use cWM and cWRP to invoke the new static lifecycle.
-  // Newer versions of React will ignore these lifecycles if gDSFP exists.
-  if (typeof Component.getDerivedStateFromProps === 'function') {
-    prototype.componentWillMount = componentWillMount;
-    prototype.componentWillReceiveProps = componentWillReceiveProps;
-  }
-
-  // React <= 16.2 does not support getSnapshotBeforeUpdate.
-  // As a workaround, use cWU to invoke the new lifecycle.
-  // Newer versions of React will ignore that lifecycle if gSBU exists.
-  if (typeof prototype.getSnapshotBeforeUpdate === 'function') {
-    if (typeof prototype.componentDidUpdate !== 'function') {
-      throw new Error('Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype');
-    }
-    prototype.componentWillUpdate = componentWillUpdate;
-    var componentDidUpdate = prototype.componentDidUpdate;
-    prototype.componentDidUpdate = function componentDidUpdatePolyfill(prevProps, prevState, maybeSnapshot) {
-      // 16.3+ will not execute our will-update method;
-      // It will pass a snapshot value to did-update though.
-      // Older versions will require our polyfilled will-update value.
-      // We need to handle both cases, but can't just check for the presence of "maybeSnapshot",
-      // Because for <= 15.x versions this might be a "prevContext" object.
-      // We also can't just check "__reactInternalSnapshot",
-      // Because get-snapshot might return a falsy value.
-      // So check for the explicit __reactInternalSnapshotFlag flag to determine behavior.
-      var snapshot = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : maybeSnapshot;
-      componentDidUpdate.call(this, prevProps, prevState, snapshot);
-    };
-  }
-  return Component;
-}
-
-
-/***/ },
-
-/***/ 19530
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.bodyOpenClassName = exports.portalClassName = undefined;
-var _extends = Object.assign || function (target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        target[key] = source[key];
-      }
-    }
-  }
-  return target;
-};
-var _createClass = function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-  return function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-}();
-var _react = __webpack_require__(51649);
-var _react2 = _interopRequireDefault(_react);
-var _reactDom = __webpack_require__(7516);
-var _reactDom2 = _interopRequireDefault(_reactDom);
-var _propTypes = __webpack_require__(94370);
-var _propTypes2 = _interopRequireDefault(_propTypes);
-var _ModalPortal = __webpack_require__(58596);
-var _ModalPortal2 = _interopRequireDefault(_ModalPortal);
-var _ariaAppHider = __webpack_require__(98228);
-var ariaAppHider = _interopRequireWildcard(_ariaAppHider);
-var _safeHTMLElement = __webpack_require__(8056);
-var _safeHTMLElement2 = _interopRequireDefault(_safeHTMLElement);
-var _reactLifecyclesCompat = __webpack_require__(16247);
-function _interopRequireWildcard(obj) {
-  if (obj && obj.__esModule) {
-    return obj;
-  } else {
-    var newObj = {};
-    if (obj != null) {
-      for (var key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key];
-      }
-    }
-    newObj.default = obj;
-    return newObj;
-  }
-}
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _possibleConstructorReturn(self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-}
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-}
-var portalClassName = exports.portalClassName = "ReactModalPortal";
-var bodyOpenClassName = exports.bodyOpenClassName = "ReactModal__Body--open";
-var isReact16 = _safeHTMLElement.canUseDOM && _reactDom2.default.createPortal !== undefined;
-var createHTMLElement = function createHTMLElement(name) {
-  return document.createElement(name);
-};
-var getCreatePortal = function getCreatePortal() {
-  return isReact16 ? _reactDom2.default.createPortal : _reactDom2.default.unstable_renderSubtreeIntoContainer;
-};
-function getParentElement(parentSelector) {
-  return parentSelector();
-}
-var Modal = function (_Component) {
-  _inherits(Modal, _Component);
-  function Modal() {
-    var _ref;
-    var _temp, _this, _ret;
-    _classCallCheck(this, Modal);
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Modal.__proto__ || Object.getPrototypeOf(Modal)).call.apply(_ref, [this].concat(args))), _this), _this.removePortal = function () {
-      !isReact16 && _reactDom2.default.unmountComponentAtNode(_this.node);
-      var parent = getParentElement(_this.props.parentSelector);
-      if (parent && parent.contains(_this.node)) {
-        parent.removeChild(_this.node);
-      } else {
-        // eslint-disable-next-line no-console
-        console.warn('React-Modal: "parentSelector" prop did not returned any DOM ' + "element. Make sure that the parent element is unmounted to " + "avoid any memory leaks.");
-      }
-    }, _this.portalRef = function (ref) {
-      _this.portal = ref;
-    }, _this.renderPortal = function (props) {
-      var createPortal = getCreatePortal();
-      var portal = createPortal(_this, _react2.default.createElement(_ModalPortal2.default, _extends({
-        defaultStyles: Modal.defaultStyles
-      }, props)), _this.node);
-      _this.portalRef(portal);
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-  _createClass(Modal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (!_safeHTMLElement.canUseDOM) return;
-      if (!isReact16) {
-        this.node = createHTMLElement("div");
-      }
-      this.node.className = this.props.portalClassName;
-      var parent = getParentElement(this.props.parentSelector);
-      parent.appendChild(this.node);
-      !isReact16 && this.renderPortal(this.props);
-    }
-  }, {
-    key: "getSnapshotBeforeUpdate",
-    value: function getSnapshotBeforeUpdate(prevProps) {
-      var prevParent = getParentElement(prevProps.parentSelector);
-      var nextParent = getParentElement(this.props.parentSelector);
-      return {
-        prevParent: prevParent,
-        nextParent: nextParent
-      };
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, _, snapshot) {
-      if (!_safeHTMLElement.canUseDOM) return;
-      var _props = this.props,
-        isOpen = _props.isOpen,
-        portalClassName = _props.portalClassName;
-      if (prevProps.portalClassName !== portalClassName) {
-        this.node.className = portalClassName;
-      }
-      var prevParent = snapshot.prevParent,
-        nextParent = snapshot.nextParent;
-      if (nextParent !== prevParent) {
-        prevParent.removeChild(this.node);
-        nextParent.appendChild(this.node);
-      }
-
-      // Stop unnecessary renders if modal is remaining closed
-      if (!prevProps.isOpen && !isOpen) return;
-      !isReact16 && this.renderPortal(this.props);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (!_safeHTMLElement.canUseDOM || !this.node || !this.portal) return;
-      var state = this.portal.state;
-      var now = Date.now();
-      var closesAt = state.isOpen && this.props.closeTimeoutMS && (state.closesAt || now + this.props.closeTimeoutMS);
-      if (closesAt) {
-        if (!state.beforeClose) {
-          this.portal.closeWithTimeout();
-        }
-        setTimeout(this.removePortal, closesAt - now);
-      } else {
-        this.removePortal();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (!_safeHTMLElement.canUseDOM || !isReact16) {
-        return null;
-      }
-      if (!this.node && isReact16) {
-        this.node = createHTMLElement("div");
-      }
-      var createPortal = getCreatePortal();
-      return createPortal(_react2.default.createElement(_ModalPortal2.default, _extends({
-        ref: this.portalRef,
-        defaultStyles: Modal.defaultStyles
-      }, this.props)), this.node);
-    }
-  }], [{
-    key: "setAppElement",
-    value: function setAppElement(element) {
-      ariaAppHider.setElement(element);
-    }
-
-    /* eslint-disable react/no-unused-prop-types */
-
-    /* eslint-enable react/no-unused-prop-types */
-  }]);
-  return Modal;
-}(_react.Component);
-Modal.propTypes = {
-  isOpen: _propTypes2.default.bool.isRequired,
-  style: _propTypes2.default.shape({
-    content: _propTypes2.default.object,
-    overlay: _propTypes2.default.object
-  }),
-  portalClassName: _propTypes2.default.string,
-  bodyOpenClassName: _propTypes2.default.string,
-  htmlOpenClassName: _propTypes2.default.string,
-  className: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.shape({
-    base: _propTypes2.default.string.isRequired,
-    afterOpen: _propTypes2.default.string.isRequired,
-    beforeClose: _propTypes2.default.string.isRequired
-  })]),
-  overlayClassName: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.shape({
-    base: _propTypes2.default.string.isRequired,
-    afterOpen: _propTypes2.default.string.isRequired,
-    beforeClose: _propTypes2.default.string.isRequired
-  })]),
-  appElement: _propTypes2.default.oneOfType([_propTypes2.default.instanceOf(_safeHTMLElement2.default), _propTypes2.default.instanceOf(_safeHTMLElement.SafeHTMLCollection), _propTypes2.default.instanceOf(_safeHTMLElement.SafeNodeList), _propTypes2.default.arrayOf(_propTypes2.default.instanceOf(_safeHTMLElement2.default))]),
-  onAfterOpen: _propTypes2.default.func,
-  onRequestClose: _propTypes2.default.func,
-  closeTimeoutMS: _propTypes2.default.number,
-  ariaHideApp: _propTypes2.default.bool,
-  shouldFocusAfterRender: _propTypes2.default.bool,
-  shouldCloseOnOverlayClick: _propTypes2.default.bool,
-  shouldReturnFocusAfterClose: _propTypes2.default.bool,
-  preventScroll: _propTypes2.default.bool,
-  parentSelector: _propTypes2.default.func,
-  aria: _propTypes2.default.object,
-  data: _propTypes2.default.object,
-  role: _propTypes2.default.string,
-  contentLabel: _propTypes2.default.string,
-  shouldCloseOnEsc: _propTypes2.default.bool,
-  overlayRef: _propTypes2.default.func,
-  contentRef: _propTypes2.default.func,
-  id: _propTypes2.default.string,
-  overlayElement: _propTypes2.default.func,
-  contentElement: _propTypes2.default.func
-};
-Modal.defaultProps = {
-  isOpen: false,
-  portalClassName: portalClassName,
-  bodyOpenClassName: bodyOpenClassName,
-  role: "dialog",
-  ariaHideApp: true,
-  closeTimeoutMS: 0,
-  shouldFocusAfterRender: true,
-  shouldCloseOnEsc: true,
-  shouldCloseOnOverlayClick: true,
-  shouldReturnFocusAfterClose: true,
-  preventScroll: false,
-  parentSelector: function parentSelector() {
-    return document.body;
-  },
-  overlayElement: function overlayElement(props, contentEl) {
-    return _react2.default.createElement("div", props, contentEl);
-  },
-  contentElement: function contentElement(props, children) {
-    return _react2.default.createElement("div", props, children);
-  }
-};
-Modal.defaultStyles = {
-  overlay: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: "rgba(255, 255, 255, 0.75)"
-  },
-  content: {
-    position: "absolute",
-    top: "40px",
-    left: "40px",
-    right: "40px",
-    bottom: "40px",
-    border: "1px solid #ccc",
-    background: "#fff",
-    overflow: "auto",
-    WebkitOverflowScrolling: "touch",
-    borderRadius: "4px",
-    outline: "none",
-    padding: "20px"
-  }
-};
-(0, _reactLifecyclesCompat.polyfill)(Modal);
-if (false) // removed by dead control flow
-{}
-exports["default"] = Modal;
-
-/***/ },
-
-/***/ 58596
-(module, exports, __webpack_require__) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-var _extends = Object.assign || function (target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        target[key] = source[key];
-      }
-    }
-  }
-  return target;
-};
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-var _createClass = function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-  return function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-}();
-var _react = __webpack_require__(51649);
-var _propTypes = __webpack_require__(94370);
-var _propTypes2 = _interopRequireDefault(_propTypes);
-var _focusManager = __webpack_require__(55905);
-var focusManager = _interopRequireWildcard(_focusManager);
-var _scopeTab = __webpack_require__(58385);
-var _scopeTab2 = _interopRequireDefault(_scopeTab);
-var _ariaAppHider = __webpack_require__(98228);
-var ariaAppHider = _interopRequireWildcard(_ariaAppHider);
-var _classList = __webpack_require__(78208);
-var classList = _interopRequireWildcard(_classList);
-var _safeHTMLElement = __webpack_require__(8056);
-var _safeHTMLElement2 = _interopRequireDefault(_safeHTMLElement);
-var _portalOpenInstances = __webpack_require__(65362);
-var _portalOpenInstances2 = _interopRequireDefault(_portalOpenInstances);
-__webpack_require__(89009);
-function _interopRequireWildcard(obj) {
-  if (obj && obj.__esModule) {
-    return obj;
-  } else {
-    var newObj = {};
-    if (obj != null) {
-      for (var key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key];
-      }
-    }
-    newObj.default = obj;
-    return newObj;
-  }
-}
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _possibleConstructorReturn(self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-}
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-}
-
-// so that our CSS is statically analyzable
-var CLASS_NAMES = {
-  overlay: "ReactModal__Overlay",
-  content: "ReactModal__Content"
-};
-
-/**
- * We need to support the deprecated `KeyboardEvent.keyCode` in addition to
- * `KeyboardEvent.code` for apps that still support IE11. Can be removed when
- * `react-modal` only supports React >18 (which dropped IE support).
- */
-var isTabKey = function isTabKey(event) {
-  return event.code === "Tab" || event.keyCode === 9;
-};
-var isEscKey = function isEscKey(event) {
-  return event.code === "Escape" || event.keyCode === 27;
-};
-var ariaHiddenInstances = 0;
-var ModalPortal = function (_Component) {
-  _inherits(ModalPortal, _Component);
-  function ModalPortal(props) {
-    _classCallCheck(this, ModalPortal);
-    var _this = _possibleConstructorReturn(this, (ModalPortal.__proto__ || Object.getPrototypeOf(ModalPortal)).call(this, props));
-    _this.setOverlayRef = function (overlay) {
-      _this.overlay = overlay;
-      _this.props.overlayRef && _this.props.overlayRef(overlay);
-    };
-    _this.setContentRef = function (content) {
-      _this.content = content;
-      _this.props.contentRef && _this.props.contentRef(content);
-    };
-    _this.afterClose = function () {
-      var _this$props = _this.props,
-        appElement = _this$props.appElement,
-        ariaHideApp = _this$props.ariaHideApp,
-        htmlOpenClassName = _this$props.htmlOpenClassName,
-        bodyOpenClassName = _this$props.bodyOpenClassName,
-        parentSelector = _this$props.parentSelector;
-      var parentDocument = parentSelector && parentSelector().ownerDocument || document;
-
-      // Remove classes.
-      bodyOpenClassName && classList.remove(parentDocument.body, bodyOpenClassName);
-      htmlOpenClassName && classList.remove(parentDocument.getElementsByTagName("html")[0], htmlOpenClassName);
-
-      // Reset aria-hidden attribute if all modals have been removed
-      if (ariaHideApp && ariaHiddenInstances > 0) {
-        ariaHiddenInstances -= 1;
-        if (ariaHiddenInstances === 0) {
-          ariaAppHider.show(appElement);
-        }
-      }
-      if (_this.props.shouldFocusAfterRender) {
-        if (_this.props.shouldReturnFocusAfterClose) {
-          focusManager.returnFocus(_this.props.preventScroll);
-          focusManager.teardownScopedFocus();
-        } else {
-          focusManager.popWithoutFocus();
-        }
-      }
-      if (_this.props.onAfterClose) {
-        _this.props.onAfterClose();
-      }
-      _portalOpenInstances2.default.deregister(_this);
-    };
-    _this.open = function () {
-      _this.beforeOpen();
-      if (_this.state.afterOpen && _this.state.beforeClose) {
-        clearTimeout(_this.closeTimer);
-        _this.setState({
-          beforeClose: false
-        });
-      } else {
-        if (_this.props.shouldFocusAfterRender) {
-          focusManager.setupScopedFocus(_this.node);
-          focusManager.markForFocusLater();
-        }
-        _this.setState({
-          isOpen: true
-        }, function () {
-          _this.openAnimationFrame = requestAnimationFrame(function () {
-            _this.setState({
-              afterOpen: true
-            });
-            if (_this.props.isOpen && _this.props.onAfterOpen) {
-              _this.props.onAfterOpen({
-                overlayEl: _this.overlay,
-                contentEl: _this.content
-              });
-            }
-          });
-        });
-      }
-    };
-    _this.close = function () {
-      if (_this.props.closeTimeoutMS > 0) {
-        _this.closeWithTimeout();
-      } else {
-        _this.closeWithoutTimeout();
-      }
-    };
-    _this.focusContent = function () {
-      return _this.content && !_this.contentHasFocus() && _this.content.focus({
-        preventScroll: true
-      });
-    };
-    _this.closeWithTimeout = function () {
-      var closesAt = Date.now() + _this.props.closeTimeoutMS;
-      _this.setState({
-        beforeClose: true,
-        closesAt: closesAt
-      }, function () {
-        _this.closeTimer = setTimeout(_this.closeWithoutTimeout, _this.state.closesAt - Date.now());
-      });
-    };
-    _this.closeWithoutTimeout = function () {
-      _this.setState({
-        beforeClose: false,
-        isOpen: false,
-        afterOpen: false,
-        closesAt: null
-      }, _this.afterClose);
-    };
-    _this.handleKeyDown = function (event) {
-      if (isTabKey(event)) {
-        (0, _scopeTab2.default)(_this.content, event);
-      }
-      if (_this.props.shouldCloseOnEsc && isEscKey(event)) {
-        event.stopPropagation();
-        _this.requestClose(event);
-      }
-    };
-    _this.handleOverlayOnClick = function (event) {
-      if (_this.shouldClose === null) {
-        _this.shouldClose = true;
-      }
-      if (_this.shouldClose && _this.props.shouldCloseOnOverlayClick) {
-        if (_this.ownerHandlesClose()) {
-          _this.requestClose(event);
-        } else {
-          _this.focusContent();
-        }
-      }
-      _this.shouldClose = null;
-    };
-    _this.handleContentOnMouseUp = function () {
-      _this.shouldClose = false;
-    };
-    _this.handleOverlayOnMouseDown = function (event) {
-      if (!_this.props.shouldCloseOnOverlayClick && event.target == _this.overlay) {
-        event.preventDefault();
-      }
-    };
-    _this.handleContentOnClick = function () {
-      _this.shouldClose = false;
-    };
-    _this.handleContentOnMouseDown = function () {
-      _this.shouldClose = false;
-    };
-    _this.requestClose = function (event) {
-      return _this.ownerHandlesClose() && _this.props.onRequestClose(event);
-    };
-    _this.ownerHandlesClose = function () {
-      return _this.props.onRequestClose;
-    };
-    _this.shouldBeClosed = function () {
-      return !_this.state.isOpen && !_this.state.beforeClose;
-    };
-    _this.contentHasFocus = function () {
-      return document.activeElement === _this.content || _this.content.contains(document.activeElement);
-    };
-    _this.buildClassName = function (which, additional) {
-      var classNames = (typeof additional === "undefined" ? "undefined" : _typeof(additional)) === "object" ? additional : {
-        base: CLASS_NAMES[which],
-        afterOpen: CLASS_NAMES[which] + "--after-open",
-        beforeClose: CLASS_NAMES[which] + "--before-close"
-      };
-      var className = classNames.base;
-      if (_this.state.afterOpen) {
-        className = className + " " + classNames.afterOpen;
-      }
-      if (_this.state.beforeClose) {
-        className = className + " " + classNames.beforeClose;
-      }
-      return typeof additional === "string" && additional ? className + " " + additional : className;
-    };
-    _this.attributesFromObject = function (prefix, items) {
-      return Object.keys(items).reduce(function (acc, name) {
-        acc[prefix + "-" + name] = items[name];
-        return acc;
-      }, {});
-    };
-    _this.state = {
-      afterOpen: false,
-      beforeClose: false
-    };
-    _this.shouldClose = null;
-    _this.moveFromContentToOverlay = null;
-    return _this;
-  }
-  _createClass(ModalPortal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.isOpen) {
-        this.open();
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (false) // removed by dead control flow
-{}
-      if (this.props.isOpen && !prevProps.isOpen) {
-        this.open();
-      } else if (!this.props.isOpen && prevProps.isOpen) {
-        this.close();
-      }
-
-      // Focus only needs to be set once when the modal is being opened
-      if (this.props.shouldFocusAfterRender && this.state.isOpen && !prevState.isOpen) {
-        this.focusContent();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.state.isOpen) {
-        this.afterClose();
-      }
-      clearTimeout(this.closeTimer);
-      cancelAnimationFrame(this.openAnimationFrame);
-    }
-  }, {
-    key: "beforeOpen",
-    value: function beforeOpen() {
-      var _props = this.props,
-        appElement = _props.appElement,
-        ariaHideApp = _props.ariaHideApp,
-        htmlOpenClassName = _props.htmlOpenClassName,
-        bodyOpenClassName = _props.bodyOpenClassName,
-        parentSelector = _props.parentSelector;
-      var parentDocument = parentSelector && parentSelector().ownerDocument || document;
-
-      // Add classes.
-      bodyOpenClassName && classList.add(parentDocument.body, bodyOpenClassName);
-      htmlOpenClassName && classList.add(parentDocument.getElementsByTagName("html")[0], htmlOpenClassName);
-      if (ariaHideApp) {
-        ariaHiddenInstances += 1;
-        ariaAppHider.hide(appElement);
-      }
-      _portalOpenInstances2.default.register(this);
-    }
-
-    // Don't steal focus from inner elements
-  }, {
-    key: "render",
-    value: function render() {
-      var _props2 = this.props,
-        id = _props2.id,
-        className = _props2.className,
-        overlayClassName = _props2.overlayClassName,
-        defaultStyles = _props2.defaultStyles,
-        children = _props2.children;
-      var contentStyles = className ? {} : defaultStyles.content;
-      var overlayStyles = overlayClassName ? {} : defaultStyles.overlay;
-      if (this.shouldBeClosed()) {
-        return null;
-      }
-      var overlayProps = {
-        ref: this.setOverlayRef,
-        className: this.buildClassName("overlay", overlayClassName),
-        style: _extends({}, overlayStyles, this.props.style.overlay),
-        onClick: this.handleOverlayOnClick,
-        onMouseDown: this.handleOverlayOnMouseDown
-      };
-      var contentProps = _extends({
-        id: id,
-        ref: this.setContentRef,
-        style: _extends({}, contentStyles, this.props.style.content),
-        className: this.buildClassName("content", className),
-        tabIndex: "-1",
-        onKeyDown: this.handleKeyDown,
-        onMouseDown: this.handleContentOnMouseDown,
-        onMouseUp: this.handleContentOnMouseUp,
-        onClick: this.handleContentOnClick,
-        role: this.props.role,
-        "aria-label": this.props.contentLabel
-      }, this.attributesFromObject("aria", _extends({
-        modal: true
-      }, this.props.aria)), this.attributesFromObject("data", this.props.data || {}), {
-        "data-testid": this.props.testId
-      });
-      var contentElement = this.props.contentElement(contentProps, children);
-      return this.props.overlayElement(overlayProps, contentElement);
-    }
-  }]);
-  return ModalPortal;
-}(_react.Component);
-ModalPortal.defaultProps = {
-  style: {
-    overlay: {},
-    content: {}
-  },
-  defaultStyles: {}
-};
-ModalPortal.propTypes = {
-  isOpen: _propTypes2.default.bool.isRequired,
-  defaultStyles: _propTypes2.default.shape({
-    content: _propTypes2.default.object,
-    overlay: _propTypes2.default.object
-  }),
-  style: _propTypes2.default.shape({
-    content: _propTypes2.default.object,
-    overlay: _propTypes2.default.object
-  }),
-  className: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
-  overlayClassName: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
-  parentSelector: _propTypes2.default.func,
-  bodyOpenClassName: _propTypes2.default.string,
-  htmlOpenClassName: _propTypes2.default.string,
-  ariaHideApp: _propTypes2.default.bool,
-  appElement: _propTypes2.default.oneOfType([_propTypes2.default.instanceOf(_safeHTMLElement2.default), _propTypes2.default.instanceOf(_safeHTMLElement.SafeHTMLCollection), _propTypes2.default.instanceOf(_safeHTMLElement.SafeNodeList), _propTypes2.default.arrayOf(_propTypes2.default.instanceOf(_safeHTMLElement2.default))]),
-  onAfterOpen: _propTypes2.default.func,
-  onAfterClose: _propTypes2.default.func,
-  onRequestClose: _propTypes2.default.func,
-  closeTimeoutMS: _propTypes2.default.number,
-  shouldFocusAfterRender: _propTypes2.default.bool,
-  shouldCloseOnOverlayClick: _propTypes2.default.bool,
-  shouldReturnFocusAfterClose: _propTypes2.default.bool,
-  preventScroll: _propTypes2.default.bool,
-  role: _propTypes2.default.string,
-  contentLabel: _propTypes2.default.string,
-  aria: _propTypes2.default.object,
-  data: _propTypes2.default.object,
-  children: _propTypes2.default.node,
-  shouldCloseOnEsc: _propTypes2.default.bool,
-  overlayRef: _propTypes2.default.func,
-  contentRef: _propTypes2.default.func,
-  id: _propTypes2.default.string,
-  overlayElement: _propTypes2.default.func,
-  contentElement: _propTypes2.default.func,
-  testId: _propTypes2.default.string
-};
-exports["default"] = ModalPortal;
-module.exports = exports["default"];
-
-/***/ },
-
-/***/ 98228
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.resetState = resetState;
-exports.log = log;
-exports.assertNodeList = assertNodeList;
-exports.setElement = setElement;
-exports.validateElement = validateElement;
-exports.hide = hide;
-exports.show = show;
-exports.documentNotReadyOrSSRTesting = documentNotReadyOrSSRTesting;
-var _warning = __webpack_require__(20205);
-var _warning2 = _interopRequireDefault(_warning);
-var _safeHTMLElement = __webpack_require__(8056);
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-var globalElement = null;
-
-/* eslint-disable no-console */
-/* istanbul ignore next */
-function resetState() {
-  if (globalElement) {
-    if (globalElement.removeAttribute) {
-      globalElement.removeAttribute("aria-hidden");
-    } else if (globalElement.length != null) {
-      globalElement.forEach(function (element) {
-        return element.removeAttribute("aria-hidden");
-      });
-    } else {
-      document.querySelectorAll(globalElement).forEach(function (element) {
-        return element.removeAttribute("aria-hidden");
-      });
-    }
-  }
-  globalElement = null;
-}
-
-/* istanbul ignore next */
-function log() {
-  if (false) // removed by dead control flow
-{ var check; }
-}
-/* eslint-enable no-console */
-
-function assertNodeList(nodeList, selector) {
-  if (!nodeList || !nodeList.length) {
-    throw new Error("react-modal: No elements were found for selector " + selector + ".");
-  }
-}
-function setElement(element) {
-  var useElement = element;
-  if (typeof useElement === "string" && _safeHTMLElement.canUseDOM) {
-    var el = document.querySelectorAll(useElement);
-    assertNodeList(el, useElement);
-    useElement = el;
-  }
-  globalElement = useElement || globalElement;
-  return globalElement;
-}
-function validateElement(appElement) {
-  var el = appElement || globalElement;
-  if (el) {
-    return Array.isArray(el) || el instanceof HTMLCollection || el instanceof NodeList ? el : [el];
-  } else {
-    (0, _warning2.default)(false, ["react-modal: App element is not defined.", "Please use `Modal.setAppElement(el)` or set `appElement={el}`.", "This is needed so screen readers don't see main content", "when modal is opened. It is not recommended, but you can opt-out", "by setting `ariaHideApp={false}`."].join(" "));
-    return [];
-  }
-}
-function hide(appElement) {
-  var _iteratorNormalCompletion = true;
-  var _didIteratorError = false;
-  var _iteratorError = undefined;
-  try {
-    for (var _iterator = validateElement(appElement)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-      var el = _step.value;
-      el.setAttribute("aria-hidden", "true");
-    }
-  } catch (err) {
-    _didIteratorError = true;
-    _iteratorError = err;
-  } finally {
-    try {
-      if (!_iteratorNormalCompletion && _iterator.return) {
-        _iterator.return();
-      }
-    } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
-    }
-  }
-}
-function show(appElement) {
-  var _iteratorNormalCompletion2 = true;
-  var _didIteratorError2 = false;
-  var _iteratorError2 = undefined;
-  try {
-    for (var _iterator2 = validateElement(appElement)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-      var el = _step2.value;
-      el.removeAttribute("aria-hidden");
-    }
-  } catch (err) {
-    _didIteratorError2 = true;
-    _iteratorError2 = err;
-  } finally {
-    try {
-      if (!_iteratorNormalCompletion2 && _iterator2.return) {
-        _iterator2.return();
-      }
-    } finally {
-      if (_didIteratorError2) {
-        throw _iteratorError2;
-      }
-    }
-  }
-}
-function documentNotReadyOrSSRTesting() {
-  globalElement = null;
-}
-
-/***/ },
-
-/***/ 89009
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.resetState = resetState;
-exports.log = log;
-var _portalOpenInstances = __webpack_require__(65362);
-var _portalOpenInstances2 = _interopRequireDefault(_portalOpenInstances);
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-
-// Body focus trap see Issue #742
-
-var before = void 0,
-  after = void 0,
-  instances = [];
-
-/* eslint-disable no-console */
-/* istanbul ignore next */
-function resetState() {
-  var _arr = [before, after];
-  for (var _i = 0; _i < _arr.length; _i++) {
-    var item = _arr[_i];
-    if (!item) continue;
-    item.parentNode && item.parentNode.removeChild(item);
-  }
-  before = after = null;
-  instances = [];
-}
-
-/* istanbul ignore next */
-function log() {
-  console.log("bodyTrap ----------");
-  console.log(instances.length);
-  var _arr2 = [before, after];
-  for (var _i2 = 0; _i2 < _arr2.length; _i2++) {
-    var item = _arr2[_i2];
-    var check = item || {};
-    console.log(check.nodeName, check.className, check.id);
-  }
-  console.log("edn bodyTrap ----------");
-}
-/* eslint-enable no-console */
-
-function focusContent() {
-  if (instances.length === 0) {
-    if (false) // removed by dead control flow
-{}
-    return;
-  }
-  instances[instances.length - 1].focusContent();
-}
-function bodyTrap(eventType, openInstances) {
-  if (!before && !after) {
-    before = document.createElement("div");
-    before.setAttribute("data-react-modal-body-trap", "");
-    before.style.position = "absolute";
-    before.style.opacity = "0";
-    before.setAttribute("tabindex", "0");
-    before.addEventListener("focus", focusContent);
-    after = before.cloneNode();
-    after.addEventListener("focus", focusContent);
-  }
-  instances = openInstances;
-  if (instances.length > 0) {
-    // Add focus trap
-    if (document.body.firstChild !== before) {
-      document.body.insertBefore(before, document.body.firstChild);
-    }
-    if (document.body.lastChild !== after) {
-      document.body.appendChild(after);
-    }
-  } else {
-    // Remove focus trap
-    if (before.parentElement) {
-      before.parentElement.removeChild(before);
-    }
-    if (after.parentElement) {
-      after.parentElement.removeChild(after);
-    }
-  }
-}
-_portalOpenInstances2.default.subscribe(bodyTrap);
-
-/***/ },
-
-/***/ 78208
-(__unused_webpack_module, exports) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.resetState = resetState;
-exports.log = log;
-var htmlClassList = {};
-var docBodyClassList = {};
-
-/* eslint-disable no-console */
-/* istanbul ignore next */
-function removeClass(at, cls) {
-  at.classList.remove(cls);
-}
-
-/* istanbul ignore next */
-function resetState() {
-  var htmlElement = document.getElementsByTagName("html")[0];
-  for (var cls in htmlClassList) {
-    removeClass(htmlElement, htmlClassList[cls]);
-  }
-  var body = document.body;
-  for (var _cls in docBodyClassList) {
-    removeClass(body, docBodyClassList[_cls]);
-  }
-  htmlClassList = {};
-  docBodyClassList = {};
-}
-
-/* istanbul ignore next */
-function log() {
-  if (false) // removed by dead control flow
-{ var _x, x, buffer, classes; }
-}
-/* eslint-enable no-console */
-
-/**
- * Track the number of reference of a class.
- * @param {object} poll The poll to receive the reference.
- * @param {string} className The class name.
- * @return {string}
- */
-var incrementReference = function incrementReference(poll, className) {
-  if (!poll[className]) {
-    poll[className] = 0;
-  }
-  poll[className] += 1;
-  return className;
-};
-
-/**
- * Drop the reference of a class.
- * @param {object} poll The poll to receive the reference.
- * @param {string} className The class name.
- * @return {string}
- */
-var decrementReference = function decrementReference(poll, className) {
-  if (poll[className]) {
-    poll[className] -= 1;
-  }
-  return className;
-};
-
-/**
- * Track a class and add to the given class list.
- * @param {Object} classListRef A class list of an element.
- * @param {Object} poll         The poll to be used.
- * @param {Array}  classes      The list of classes to be tracked.
- */
-var trackClass = function trackClass(classListRef, poll, classes) {
-  classes.forEach(function (className) {
-    incrementReference(poll, className);
-    classListRef.add(className);
-  });
-};
-
-/**
- * Untrack a class and remove from the given class list if the reference
- * reaches 0.
- * @param {Object} classListRef A class list of an element.
- * @param {Object} poll         The poll to be used.
- * @param {Array}  classes      The list of classes to be untracked.
- */
-var untrackClass = function untrackClass(classListRef, poll, classes) {
-  classes.forEach(function (className) {
-    decrementReference(poll, className);
-    poll[className] === 0 && classListRef.remove(className);
-  });
-};
-
-/**
- * Public inferface to add classes to the document.body.
- * @param {string} bodyClass The class string to be added.
- *                           It may contain more then one class
- *                           with ' ' as separator.
- */
-var add = exports.add = function add(element, classString) {
-  return trackClass(element.classList, element.nodeName.toLowerCase() == "html" ? htmlClassList : docBodyClassList, classString.split(" "));
-};
-
-/**
- * Public inferface to remove classes from the document.body.
- * @param {string} bodyClass The class string to be added.
- *                           It may contain more then one class
- *                           with ' ' as separator.
- */
-var remove = exports.remove = function remove(element, classString) {
-  return untrackClass(element.classList, element.nodeName.toLowerCase() == "html" ? htmlClassList : docBodyClassList, classString.split(" "));
-};
-
-/***/ },
-
-/***/ 55905
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.resetState = resetState;
-exports.log = log;
-exports.handleBlur = handleBlur;
-exports.handleFocus = handleFocus;
-exports.markForFocusLater = markForFocusLater;
-exports.returnFocus = returnFocus;
-exports.popWithoutFocus = popWithoutFocus;
-exports.setupScopedFocus = setupScopedFocus;
-exports.teardownScopedFocus = teardownScopedFocus;
-var _tabbable = __webpack_require__(39605);
-var _tabbable2 = _interopRequireDefault(_tabbable);
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-var focusLaterElements = [];
-var modalElement = null;
-var needToFocus = false;
-
-/* eslint-disable no-console */
-/* istanbul ignore next */
-function resetState() {
-  focusLaterElements = [];
-}
-
-/* istanbul ignore next */
-function log() {
-  if (false) // removed by dead control flow
-{}
-}
-/* eslint-enable no-console */
-
-function handleBlur() {
-  needToFocus = true;
-}
-function handleFocus() {
-  if (needToFocus) {
-    needToFocus = false;
-    if (!modalElement) {
-      return;
-    }
-    // need to see how jQuery shims document.on('focusin') so we don't need the
-    // setTimeout, firefox doesn't support focusin, if it did, we could focus
-    // the element outside of a setTimeout. Side-effect of this implementation
-    // is that the document.body gets focus, and then we focus our element right
-    // after, seems fine.
-    setTimeout(function () {
-      if (modalElement.contains(document.activeElement)) {
-        return;
-      }
-      var el = (0, _tabbable2.default)(modalElement)[0] || modalElement;
-      el.focus();
-    }, 0);
-  }
-}
-function markForFocusLater() {
-  focusLaterElements.push(document.activeElement);
-}
-
-/* eslint-disable no-console */
-function returnFocus() {
-  var preventScroll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var toFocus = null;
-  try {
-    if (focusLaterElements.length !== 0) {
-      toFocus = focusLaterElements.pop();
-      toFocus.focus({
-        preventScroll: preventScroll
-      });
-    }
-    return;
-  } catch (e) {
-    console.warn(["You tried to return focus to", toFocus, "but it is not in the DOM anymore"].join(" "));
-  }
-}
-/* eslint-enable no-console */
-
-function popWithoutFocus() {
-  focusLaterElements.length > 0 && focusLaterElements.pop();
-}
-function setupScopedFocus(element) {
-  modalElement = element;
-  if (window.addEventListener) {
-    window.addEventListener("blur", handleBlur, false);
-    document.addEventListener("focus", handleFocus, true);
-  } else {
-    window.attachEvent("onBlur", handleBlur);
-    document.attachEvent("onFocus", handleFocus);
-  }
-}
-function teardownScopedFocus() {
-  modalElement = null;
-  if (window.addEventListener) {
-    window.removeEventListener("blur", handleBlur);
-    document.removeEventListener("focus", handleFocus);
-  } else {
-    window.detachEvent("onBlur", handleBlur);
-    document.detachEvent("onFocus", handleFocus);
-  }
-}
-
-/***/ },
-
-/***/ 65362
-(__unused_webpack_module, exports) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.log = log;
-exports.resetState = resetState;
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-// Tracks portals that are open and emits events to subscribers
-
-var PortalOpenInstances = function PortalOpenInstances() {
-  var _this = this;
-  _classCallCheck(this, PortalOpenInstances);
-  this.register = function (openInstance) {
-    if (_this.openInstances.indexOf(openInstance) !== -1) {
-      if (false) // removed by dead control flow
-{}
-      return;
-    }
-    _this.openInstances.push(openInstance);
-    _this.emit("register");
-  };
-  this.deregister = function (openInstance) {
-    var index = _this.openInstances.indexOf(openInstance);
-    if (index === -1) {
-      if (false) // removed by dead control flow
-{}
-      return;
-    }
-    _this.openInstances.splice(index, 1);
-    _this.emit("deregister");
-  };
-  this.subscribe = function (callback) {
-    _this.subscribers.push(callback);
-  };
-  this.emit = function (eventType) {
-    _this.subscribers.forEach(function (subscriber) {
-      return subscriber(eventType,
-      // shallow copy to avoid accidental mutation
-      _this.openInstances.slice());
-    });
-  };
-  this.openInstances = [];
-  this.subscribers = [];
-};
-var portalOpenInstances = new PortalOpenInstances();
-
-/* eslint-disable no-console */
-/* istanbul ignore next */
-function log() {
-  console.log("portalOpenInstances ----------");
-  console.log(portalOpenInstances.openInstances.length);
-  portalOpenInstances.openInstances.forEach(function (p) {
-    return console.log(p);
-  });
-  console.log("end portalOpenInstances ----------");
-}
-
-/* istanbul ignore next */
-function resetState() {
-  portalOpenInstances = new PortalOpenInstances();
-}
-/* eslint-enable no-console */
-
-exports["default"] = portalOpenInstances;
-
-/***/ },
-
-/***/ 8056
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.canUseDOM = exports.SafeNodeList = exports.SafeHTMLCollection = undefined;
-var _exenv = __webpack_require__(61513);
-var _exenv2 = _interopRequireDefault(_exenv);
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-var EE = _exenv2.default;
-var SafeHTMLElement = EE.canUseDOM ? window.HTMLElement : {};
-var SafeHTMLCollection = exports.SafeHTMLCollection = EE.canUseDOM ? window.HTMLCollection : {};
-var SafeNodeList = exports.SafeNodeList = EE.canUseDOM ? window.NodeList : {};
-var canUseDOM = exports.canUseDOM = EE.canUseDOM;
-exports["default"] = SafeHTMLElement;
-
-/***/ },
-
-/***/ 58385
-(module, exports, __webpack_require__) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports["default"] = scopeTab;
-var _tabbable = __webpack_require__(39605);
-var _tabbable2 = _interopRequireDefault(_tabbable);
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-function getActiveElement() {
-  var el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
-  return el.activeElement.shadowRoot ? getActiveElement(el.activeElement.shadowRoot) : el.activeElement;
-}
-function scopeTab(node, event) {
-  var tabbable = (0, _tabbable2.default)(node);
-  if (!tabbable.length) {
-    // Do nothing, since there are no elements that can receive focus.
-    event.preventDefault();
-    return;
-  }
-  var target = void 0;
-  var shiftKey = event.shiftKey;
-  var head = tabbable[0];
-  var tail = tabbable[tabbable.length - 1];
-  var activeElement = getActiveElement();
-
-  // proceed with default browser behavior on tab.
-  // Focus on last element on shift + tab.
-  if (node === activeElement) {
-    if (!shiftKey) return;
-    target = tail;
-  }
-  if (tail === activeElement && !shiftKey) {
-    target = head;
-  }
-  if (head === activeElement && shiftKey) {
-    target = tail;
-  }
-  if (target) {
-    event.preventDefault();
-    target.focus();
-    return;
-  }
-
-  // Safari radio issue.
-  //
-  // Safari does not move the focus to the radio button,
-  // so we need to force it to really walk through all elements.
-  //
-  // This is very error prone, since we are trying to guess
-  // if it is a safari browser from the first occurence between
-  // chrome or safari.
-  //
-  // The chrome user agent contains the first ocurrence
-  // as the 'chrome/version' and later the 'safari/version'.
-  var checkSafari = /(\bChrome\b|\bSafari\b)\//.exec(navigator.userAgent);
-  var isSafariDesktop = checkSafari != null && checkSafari[1] != "Chrome" && /\biPod\b|\biPad\b/g.exec(navigator.userAgent) == null;
-
-  // If we are not in safari desktop, let the browser control
-  // the focus
-  if (!isSafariDesktop) return;
-  var x = tabbable.indexOf(activeElement);
-  if (x > -1) {
-    x += shiftKey ? -1 : 1;
-  }
-  target = tabbable[x];
-
-  // If the tabbable element does not exist,
-  // focus head/tail based on shiftKey
-  if (typeof target === "undefined") {
-    event.preventDefault();
-    target = shiftKey ? tail : head;
-    target.focus();
-    return;
-  }
-  event.preventDefault();
-  target.focus();
-}
-module.exports = exports["default"];
-
-/***/ },
-
-/***/ 39605
-(module, exports) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports["default"] = findTabbableDescendants;
-/*!
- * Adapted from jQuery UI core
- *
- * http://jqueryui.com
- *
- * Copyright 2014 jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- *
- * http://api.jqueryui.com/category/ui-core/
- */
-
-var DISPLAY_NONE = "none";
-var DISPLAY_CONTENTS = "contents";
-
-// match the whole word to prevent fuzzy searching
-var tabbableNode = /^(input|select|textarea|button|object|iframe)$/;
-function isNotOverflowing(element, style) {
-  return style.getPropertyValue("overflow") !== "visible" ||
-  // if 'overflow: visible' set, check if there is actually any overflow
-  element.scrollWidth <= 0 && element.scrollHeight <= 0;
-}
-function hidesContents(element) {
-  var zeroSize = element.offsetWidth <= 0 && element.offsetHeight <= 0;
-
-  // If the node is empty, this is good enough
-  if (zeroSize && !element.innerHTML) return true;
-  try {
-    // Otherwise we need to check some styles
-    var style = window.getComputedStyle(element);
-    var displayValue = style.getPropertyValue("display");
-    return zeroSize ? displayValue !== DISPLAY_CONTENTS && isNotOverflowing(element, style) : displayValue === DISPLAY_NONE;
-  } catch (exception) {
-    // eslint-disable-next-line no-console
-    console.warn("Failed to inspect element style");
-    return false;
-  }
-}
-function visible(element) {
-  var parentElement = element;
-  var rootNode = element.getRootNode && element.getRootNode();
-  while (parentElement) {
-    if (parentElement === document.body) break;
-
-    // if we are not hidden yet, skip to checking outside the Web Component
-    if (rootNode && parentElement === rootNode) parentElement = rootNode.host.parentNode;
-    if (hidesContents(parentElement)) return false;
-    parentElement = parentElement.parentNode;
-  }
-  return true;
-}
-function focusable(element, isTabIndexNotNaN) {
-  var nodeName = element.nodeName.toLowerCase();
-  var res = tabbableNode.test(nodeName) && !element.disabled || (nodeName === "a" ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);
-  return res && visible(element);
-}
-function tabbable(element) {
-  var tabIndex = element.getAttribute("tabindex");
-  if (tabIndex === null) tabIndex = undefined;
-  var isTabIndexNaN = isNaN(tabIndex);
-  return (isTabIndexNaN || tabIndex >= 0) && focusable(element, !isTabIndexNaN);
-}
-function findTabbableDescendants(element) {
-  var descendants = [].slice.call(element.querySelectorAll("*"), 0).reduce(function (finished, el) {
-    return finished.concat(!el.shadowRoot ? [el] : findTabbableDescendants(el.shadowRoot));
-  }, []);
-  return descendants.filter(tabbable);
-}
-module.exports = exports["default"];
-
-/***/ },
-
-/***/ 37458
-(module, exports, __webpack_require__) {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-var _Modal = __webpack_require__(19530);
-var _Modal2 = _interopRequireDefault(_Modal);
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-exports["default"] = _Modal2.default;
-module.exports = exports["default"];
-
-/***/ },
-
 /***/ 55008
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -36349,65 +34558,6 @@ function v4(options, buf, offset) {
 
 /***/ },
 
-/***/ 20205
-(module) {
-
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-
-/**
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-var __DEV__ = "production" !== 'production';
-var warning = function () {};
-if (__DEV__) {
-  var printWarning = function printWarning(format, args) {
-    var len = arguments.length;
-    args = new Array(len > 1 ? len - 1 : 0);
-    for (var key = 1; key < len; key++) {
-      args[key - 1] = arguments[key];
-    }
-    var argIndex = 0;
-    var message = 'Warning: ' + format.replace(/%s/g, function () {
-      return args[argIndex++];
-    });
-    if (typeof console !== 'undefined') {
-      console.error(message);
-    }
-    try {
-      // --- Welcome to debugging React ---
-      // This error was thrown as a convenience so that you can use this stack
-      // to find the callsite that caused this warning to fire.
-      throw new Error(message);
-    } catch (x) {}
-  };
-  warning = function (condition, format, args) {
-    var len = arguments.length;
-    args = new Array(len > 2 ? len - 2 : 0);
-    for (var key = 2; key < len; key++) {
-      args[key - 2] = arguments[key];
-    }
-    if (format === undefined) {
-      throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
-    }
-    if (!condition) {
-      printWarning.apply(null, [format].concat(args));
-    }
-  };
-}
-module.exports = warning;
-
-/***/ },
-
 /***/ 58098
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -37279,6 +35429,7 @@ const DeleteConfirmModal = props => {
 /* harmony import */ var _cognigy_chat_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2854);
 /* harmony import */ var _utils_find_focusable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(41098);
 /* harmony import */ var _webchat_helper_useSelector__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(3862);
+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); }
 
 
 
@@ -37300,15 +35451,37 @@ const Overlay = _emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A
   zIndex: 9999
 });
 const StyledDialog = _emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.dialog(({
-  theme
+  theme,
+  variant
 }) => ({
   padding: 20,
   border: "none",
-  borderRadius: 16,
-  width: "90%",
-  backgroundColor: theme.white,
-  margin: "20px auto",
   zIndex: 99999,
+  ...(variant === "card" ? {
+    borderRadius: 16,
+    width: "90%",
+    backgroundColor: theme.white,
+    margin: "20px auto"
+  } : {
+    // "fullscreen" spans the entire webchat window: the modal represents
+    // a blocking state of the window itself, not a dialog above it.
+    position: "absolute",
+    inset: 0,
+    width: "100%",
+    height: "100%",
+    maxWidth: "none",
+    maxHeight: "none",
+    margin: 0,
+    borderRadius: 0,
+    boxSizing: "border-box",
+    backgroundColor: theme.backgroundWebchat,
+    color: theme.textDark,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 24
+  }),
   "&.fade-enter": {
     opacity: 0
   },
@@ -37317,22 +35490,39 @@ const StyledDialog = _emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"]
     transition: "opacity 150ms"
   }
 }));
-const ModalHeader = _emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.div({
+const ModalHeader = _emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.div(({
+  variant
+}) => ({
   display: "flex",
   alignItems: "center",
-  position: "relative",
+  // Static (fullscreen), so the close button anchors to the dialog's corner
+  // and the title centers in the window.
+  ...(variant === "card" ? {
+    position: "relative"
+  } : {
+    position: "static"
+  }),
   "> h3": {
     margin: "auto",
-    textAlign: "center"
+    textAlign: "center",
+    ...(variant === "fullscreen" ? {
+      fontSize: "1.2rem"
+    } : {})
   }
-});
+}));
 const CloseButton = (0,_emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(_presentational_IconButton__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A)(({
-  theme
+  theme,
+  variant
 }) => ({
   color: theme.black10,
   borderRadius: 4,
   position: "absolute",
-  right: -4,
+  ...(variant === "card" ? {
+    right: -4
+  } : {
+    right: 15,
+    top: 17
+  }),
   "&:focus-visible": {
     outline: `2px solid ${theme.primaryColorFocus}`,
     outlineOffset: 2
@@ -37344,9 +35534,19 @@ const CloseButton = (0,_emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"
   },
   padding: 0
 }));
-const ModalBody = _emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.div({
-  marginBottom: 20
-});
+const ModalBody = _emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.div(({
+  variant
+}) => ({
+  ...(variant === "card" ? {
+    marginBottom: 20
+  } : {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: 24,
+    textAlign: "center"
+  })
+}));
 const ModalFooter = _emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.div({
   display: "flex",
   justifyContent: "space-between",
@@ -37379,15 +35579,52 @@ const Modal = ({
   onClose,
   title,
   footer,
-  children
+  children,
+  variant = "card",
+  titleId = "modal-title",
+  closeButtonAriaLabel,
+  closeButtonProps,
+  initialFocusRef,
+  className,
+  ...restDialogProps
 }) => {
   const dialogRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  const closeButtonAriaLabel = (0,_webchat_helper_useSelector__WEBPACK_IMPORTED_MODULE_7__/* .useSelector */ .d)(state => state.config.settings.customTranslations?.ariaLabels?.closeDialog) ?? "Close dialog";
+  const closeButtonRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const previouslyFocusedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const defaultCloseButtonAriaLabel = (0,_webchat_helper_useSelector__WEBPACK_IMPORTED_MODULE_7__/* .useSelector */ .d)(state => state.config.settings.customTranslations?.ariaLabels?.closeDialog) ?? "Close dialog";
   const handleOnClose = () => {
     onClose(false);
   };
+
+  // Move focus once when the dialog opens; it then stays where the user
+  // puts it (SC 3.2.1, 2.4.3). On close, focus returns to the element that
+  // was focused before the dialog opened (if it is still in the document —
+  // e.g. not when closing the dialog closed the whole chat window). Only
+  // active when the consumer opts in via initialFocusRef — see the prop docs.
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (!initialFocusRef) return;
+    if (isOpen) {
+      previouslyFocusedRef.current = document.activeElement;
+      // Deferred: focusing a control in the same task that inserted it is
+      // not reliably announced by screen readers — the focus event races
+      // the accessibility-tree update for the new dialog subtree.
+      const focusTimer = window.setTimeout(() => {
+        (initialFocusRef.current ?? closeButtonRef.current)?.focus();
+      }, 200);
+      return () => window.clearTimeout(focusTimer);
+    } else {
+      const previouslyFocused = previouslyFocusedRef.current;
+      previouslyFocusedRef.current = null;
+      if (previouslyFocused && document.contains(previouslyFocused)) {
+        previouslyFocused.focus();
+      }
+    }
+  }, [isOpen, initialFocusRef]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
     const handleKeyDown = event => {
+      // Inert means another modal surface (e.g. the disconnect overlay)
+      // is stacked on top — leave Esc/Tab to that surface.
+      if (dialogRef.current?.closest("[inert]")) return;
       if (event.key === "Escape") {
         handleOnClose();
       }
@@ -37419,7 +35656,7 @@ const Modal = ({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [isOpen, onClose]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, isOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(Overlay, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, isOpen && variant === "card" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(Overlay, {
     onClick: handleOnClose
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {
     in: isOpen,
@@ -37427,32 +35664,58 @@ const Modal = ({
     mountOnEnter: true,
     unmountOnExit: true,
     classNames: "fade"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(StyledDialog, {
-    className: "webchat-modal-root",
-    open: isOpen,
-    "aria-labelledby": "modal-title",
-    "aria-describedby": "modal-body",
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(StyledDialog, _extends({
+    className: ["webchat-modal-root", className].filter(Boolean).join(" ")
+    // The fullscreen variant renders as a plain div[role="dialog"]
+    // (the APG pattern): a native <dialog open> without showModal()
+    // has Chromium a11y quirks where subtree changes inside it
+    // (inserted controls, focus on new nodes) are not surfaced to
+    // screen readers. The card variant keeps <dialog> — its
+    // centering relies on the element's UA styles.
+    ,
+    as: variant === "fullscreen" ? "div" : undefined
+    // Spread first so the dialog semantics below always win over
+    // anything a consumer passes through.
+  }, restDialogProps, {
+    role: "dialog"
+  }, variant === "card" ? {
+    open: isOpen
+  } : {}, {
+    variant: variant,
+    "aria-modal": "true",
+    "aria-labelledby": titleId
+    // Only the card variant uses the body as the dialog description —
+    // the fullscreen body contains a live region (role="status"),
+    // which would otherwise be announced twice (as description on
+    // dialog entry and again as a live-region update).
+    ,
+    "aria-describedby": variant === "card" ? "modal-body" : undefined,
     ref: dialogRef
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(ModalHeader, {
-    className: "webchat-modal-header"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(ModalHeader, {
+    className: "webchat-modal-header",
+    variant: variant
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_cognigy_chat_components__WEBPACK_IMPORTED_MODULE_5__/* .Typography */ .o5, {
-    id: "modal-title",
+    id: titleId,
     variant: "title1-semibold",
     className: "webchat-modal-title"
-  }, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(CloseButton, {
-    "aria-label": closeButtonAriaLabel,
+  }, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(CloseButton, _extends({
+    "aria-label": closeButtonAriaLabel ?? defaultCloseButtonAriaLabel,
     onClick: handleOnClose,
-    className: "webchat-modal-close-button"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_close_16px_svg__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, {
+    variant: variant,
+    ref: closeButtonRef
+  }, closeButtonProps, {
+    className: ["webchat-modal-close-button", closeButtonProps?.className].filter(Boolean).join(" ")
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_close_16px_svg__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, {
     "aria-hidden": true,
     className: "webchat-modal-close-icon"
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(DividerWrapper, {
+  }))), variant === "card" && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(DividerWrapper, {
     className: "webchat-modal-divider-wrapper"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(Divider, {
     className: "webchat-modal-divider"
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(ModalBody, {
-    id: "modal-body",
-    className: "webchat-modal-body"
+    id: variant === "card" ? "modal-body" : undefined,
+    className: "webchat-modal-body",
+    variant: variant
   }, children), footer ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(ModalFooter, {
     className: "webchat-modal-footer"
   }, footer) : null)));
@@ -37519,8 +35782,13 @@ const Modal = ({
 /* harmony import */ var _webchat_helper_handleMarkdown__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(71621);
 /* harmony import */ var _presentational_previous_conversations_DeleteAllConversations__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(5196);
 /* harmony import */ var _presentational_ScreenReaderLiveRegion__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(41426);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(14176);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_51___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_51__);
+/* harmony import */ var _presentational_StatusLiveRegion__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(63813);
+/* harmony import */ var _presentational_FreezeOnExit__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(97475);
+/* harmony import */ var _presentational_HomeScreenAnnouncer__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(55115);
+/* harmony import */ var _utils_ai_agent_notice__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(39191);
+/* harmony import */ var _utils_screen_visibility__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(48245);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(14176);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_56___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_56__);
 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); }
 
 
@@ -37568,6 +35836,11 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 
 
+
+
+
+
+
 
 
 
@@ -37614,6 +35887,19 @@ const RegularLayoutRoot = _emotion_styled__WEBPACK_IMPORTED_MODULE_3__/* ["defau
   flexDirection: "column",
   overscrollBehavior: "contain"
 });
+
+// Wraps the chat layout so it can be hidden from assistive technologies and
+// removed from the tab order (aria-hidden + inert) while the disconnect
+// overlay is open — the overlay must be the only perceivable/operable content.
+const DisconnectableContentWrapper = _emotion_styled__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A.div({
+  height: "100%",
+  display: "flex",
+  flexDirection: "column",
+  minHeight: 0
+});
+
+// `inert` is typed here because React 18's prop types don't know it yet;
+// the string form ("") renders the bare attribute, and emotion forwards it.
 const RegularLayoutContentWrapper = _emotion_styled__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A.div(({
   theme
 }) => ({
@@ -37665,7 +35951,8 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     showDeleteAllConversationsModal: false,
     deleteConversationsModalState: false,
     liveContent: {},
-    isMobile: false
+    isMobile: false,
+    noticeSession: _utils_ai_agent_notice__WEBPACK_IMPORTED_MODULE_54__/* .INITIAL_NOTICE_SESSION */ .j_
   };
   unreadTitleIndicatorInterval = null;
   originalTitle = window.document.title;
@@ -37674,6 +35961,15 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
   visibilityCheckInitialized = false;
   visibilityCheckCompleted = false;
   engagementMessageTimeout = null;
+  ratingFocusTimeout = null;
+
+  /**
+   * Announce keys of conversations whose AI-agent notice was already
+   * announced (CGY-3519). Lives on the instance (not in the live region):
+   * ScreenReaderLiveRegion unmounts on every screen navigation, so it
+   * cannot remember what it announced across visits to the chat screen.
+   */
+  announcedNoticeKeys = new Set();
   constructor(props) {
     super(props);
     this.chatToggleButtonRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createRef();
@@ -37790,6 +36086,34 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     }
     this.hideNotifications = (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_31__/* .isDisabledDueToConnectivity */ .l9)(this.props.config.settings, timeoutReached) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_29__/* .isDisabledDueToMaintenance */ .$6)(this.props.config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_28__/* .isDisabledOutOfBusinessHours */ .dt)(this.props.config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_31__/* .isInformingDueToConnectivity */ .u0)(this.props.config.settings, timeoutReached) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_29__/* .isInformingDueToMaintenance */ .iF)(this.props.config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_28__/* .isInformingOutOfBusinessHours */ .Gr)(this.props.config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_31__/* .isHiddenDueToConnectivity */ .VD)(this.props.config.settings, timeoutReached) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_29__/* .isHiddenDueToMaintenance */ .Hs)(this.props.config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_28__/* .isHiddenOutOfBusinessHours */ .hN)(this.props.config.settings.businessHours) || false;
   };
+
+  // `prevConversationsSnapshot` must predate the session change — see
+  // computeNoticeSession for why. `hasRestoredPersistedHistory` is read
+  // from CURRENT props on purpose: the restore lands in the same commit
+  // as the session id it belongs to.
+  evaluateNoticeSession(prevConversationsSnapshot) {
+    const id = this.props.currentSession || "";
+    this.setState(prev => ({
+      noticeSession: (0,_utils_ai_agent_notice__WEBPACK_IMPORTED_MODULE_54__/* .computeNoticeSession */ .Kr)(prev.noticeSession, id, prevConversationsSnapshot, this.props.hasRestoredPersistedHistory)
+    }));
+  }
+  handleNoticeIntroAnnounced = introKey => {
+    this.announcedNoticeKeys.add(introKey);
+  };
+  getNoticeIntro() {
+    const text = (0,_utils_ai_agent_notice__WEBPACK_IMPORTED_MODULE_54__/* .getAIAgentNoticeIntroText */ .bu)({
+      behavior: this.props.config.settings.behavior,
+      showDisconnectOverlay: this.showDisconnectOverlay,
+      noticeSession: this.state.noticeSession,
+      currentSessionId: this.props.currentSession || "",
+      announcedKeys: this.announcedNoticeKeys
+    });
+    if (!text) return undefined;
+    return {
+      key: this.state.noticeSession.announceKey,
+      text
+    };
+  }
   componentDidMount() {
     const defaultMessagePlugins = [];
     if (this.props.ttsActive) {
@@ -37801,6 +36125,10 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       isMobile: (0,_utils_isMobile__WEBPACK_IMPORTED_MODULE_47__/* .isMobileViewport */ .$)()
     });
     this.setupIconAnimationInterval();
+
+    // No pre-change snapshot exists on mount; the current map predates
+    // any message activity of this page load.
+    this.evaluateNoticeSession(this.props.prevConversations);
     window.addEventListener("resize", this.handleResize);
   }
   async componentDidUpdate(prevProps, prevState) {
@@ -37817,6 +36145,9 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
         firstFocusable.focus();
       }
     }
+    if (prevProps.currentSession !== this.props.currentSession) {
+      this.evaluateNoticeSession(prevProps.prevConversations);
+    }
     if (prevProps.ttsActive !== this.props.ttsActive || prevProps.inputPlugins !== this.props.inputPlugins || prevProps.messagePlugins !== this.props.messagePlugins) {
       const defaultMessagePlugins = [];
       if (this.props.ttsActive) {
@@ -37923,6 +36254,10 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       clearTimeout(this.engagementMessageTimeout);
       this.engagementMessageTimeout = null;
     }
+    if (this.ratingFocusTimeout) {
+      clearTimeout(this.ratingFocusTimeout);
+      this.ratingFocusTimeout = null;
+    }
 
     // Teardown icon animation interval
     if (this.iconAnimationIntervalHandle) {
@@ -38034,6 +36369,12 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     });
   };
 
+  // Whether the blocking connection-lost overlay is shown. Single source for
+  // render and the focus trap in handleKeydown — the two must stay in sync.
+  get showDisconnectOverlay() {
+    return this.props.config.settings.behavior.enableConnectionStatusIndicator && !this.props.connected && this.state.hadConnection;
+  }
+
   // Key down handler
   handleKeydown = event => {
     const {
@@ -38055,7 +36396,12 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     const tabKeyPress = !shiftKey && key === "Tab";
     if (enableFocusTrap && open &&
     // Do not trap focus when the delete conversations related modal is open
-    !showDeleteAllConversationsModal && !deleteConversationsModalState) {
+    !showDeleteAllConversationsModal && !deleteConversationsModalState &&
+    // The disconnect overlay (a Modal) runs its own focus trap; the layout
+    // behind it is inert, so this trap would agree with it only by virtue
+    // of getKeyboardFocusableElements skipping inert subtrees. Excluded
+    // explicitly instead of relying on that coupling.
+    !this.showDisconnectOverlay) {
       // Get the first and last focusable elements within the webchat window and add focus
       const webchatWindowEl = this.webchatWindowRef?.current;
       const {
@@ -38112,6 +36458,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     comment,
     showRatingStatus
   }) => {
+    const wasRatingScreen = this.props.showRatingScreen;
     this.props.onShowRatingScreen(false);
     this.props.onSendMessage(undefined, {
       _cognigy: {
@@ -38126,6 +36473,22 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       }
     }, undefined);
     this.props.onSetHasGivenRating();
+
+    // Submitting from the chat options screen removes the focused Send
+    // button (rating "once" unmounts the widget; "always" disables it),
+    // which would drop focus to document.body (SC 2.4.3 Focus Order).
+    // Move focus to the screen title instead, mirroring the
+    // autoFocusScreenTitle pattern in Header. The request-rating screen
+    // path is excluded: it closes the screen and the message input
+    // takes focus on mount.
+    // Scoped to the header bar because id "webchatHeaderTitle" is
+    // duplicated across Header, HomeScreen and TeaserMessage.
+    if (!wasRatingScreen) {
+      if (this.ratingFocusTimeout) clearTimeout(this.ratingFocusTimeout);
+      this.ratingFocusTimeout = setTimeout(() => {
+        this.webchatWindowRef?.current?.querySelector(".webchat-header-bar .webchat-header-title")?.focus();
+      }, 200);
+    }
   };
   handleSendActionButtonMessage = (text, data, options) => {
     this.props.onSetShowHomeScreen(false);
@@ -38303,15 +36666,18 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
         disableToggleButton,
         scrollLockAllowSelectors,
         disableMobileScrollLock
-      },
-      behavior: {
-        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_28__/* .isHiddenOutOfBusinessHours */ .hN)(config.settings.businessHours) || (0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_29__/* .isHiddenDueToMaintenance */ .Hs)(config.settings) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_31__/* .isHiddenDueToConnectivity */ .VD)(config.settings, state.timedOut))) return null;
     const isDisabled = config.isConfigLoaded && config.settings.embeddingConfiguration.awaitEndpointConfig && ((0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_29__/* .isDisabledDueToMaintenance */ .$6)(config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_28__/* .isDisabledOutOfBusinessHours */ .dt)(config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_31__/* .isDisabledDueToConnectivity */ .l9)(config.settings, state.timedOut));
     const isInforming = config.isConfigLoaded && config.settings.embeddingConfiguration.awaitEndpointConfig && ((0,_webchat_helper_maintenance__WEBPACK_IMPORTED_MODULE_29__/* .isInformingDueToMaintenance */ .iF)(config.settings) || (0,_webchat_helper_businessHours__WEBPACK_IMPORTED_MODULE_28__/* .isInformingOutOfBusinessHours */ .Gr)(config.settings.businessHours) || (0,_webchat_helper_connectivity__WEBPACK_IMPORTED_MODULE_31__/* .isInformingDueToConnectivity */ .u0)(config.settings, state.timedOut));
-    const showDisconnectOverlay = enableConnectionStatusIndicator && !connected && hadConnection;
+    const showDisconnectOverlay = this.showDisconnectOverlay;
+
+    // Drives the home-screen announcer below; the announcer mounts only
+    // while the webchat is open, so no `open` check is needed here.
+    const {
+      showHomeScreenView
+    } = (0,_utils_screen_visibility__WEBPACK_IMPORTED_MODULE_55__/* .getScreenVisibility */ .p)(this.props, isInforming);
     const openChatAriaLabel = () => {
       if (open) return config.settings.customTranslations?.ariaLabels?.closeChat ?? "Close chat";
       const openChat = config.settings.customTranslations?.ariaLabels?.openChat ?? "Open chat";
@@ -38372,10 +36738,28 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       ref: this.webchatWindowRef,
       onScroll: this.handleWebchatWindowScroll,
       chatWindowWidth: this.props.config.settings.layout.chatWindowWidth
-    }), !fullscreenMessage ? this.renderRegularLayout(isInforming) : this.renderFullscreenMessageLayout(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_DisconnectOverlay__WEBPACK_IMPORTED_MODULE_20__/* ["default"] */ .A, {
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(DisconnectableContentWrapper, {
+      "aria-hidden": showDisconnectOverlay || undefined
+      // React 18 has no `inert` prop; the inline
+      // ref callback runs on every render, keeping
+      // the attribute in sync with the overlay.
+      ,
+      ref: el => {
+        if (!el) return;
+        if (showDisconnectOverlay) {
+          el.setAttribute("inert", "");
+        } else {
+          el.removeAttribute("inert");
+        }
+      }
+    }, !fullscreenMessage ? this.renderRegularLayout(isInforming) : this.renderFullscreenMessageLayout()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_StatusLiveRegion__WEBPACK_IMPORTED_MODULE_51__/* .StatusLiveRegion */ .t, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_HomeScreenAnnouncer__WEBPACK_IMPORTED_MODULE_53__/* ["default"] */ .A, {
+      active: showHomeScreenView,
+      label: config.settings.customTranslations?.ariaLabels?.homeScreen ?? "Chat window home screen"
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_DisconnectOverlay__WEBPACK_IMPORTED_MODULE_20__/* ["default"] */ .A, {
       isOpen: showDisconnectOverlay,
       onConnect: onConnect,
       isPermanent: !!reconnectionLimit,
+      isConnecting: !!this.props.connecting,
       onClose: handleClose,
       config: config
     })), !disableToggleButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", null,
@@ -38408,7 +36792,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       onClick: this.handleFabClick
     }, webchatToggleProps, {
       type: "button",
-      className: classnames__WEBPACK_IMPORTED_MODULE_51___default()("webchat-toggle-button burst", config.settings?.layout?.iconAnimation),
+      className: classnames__WEBPACK_IMPORTED_MODULE_56___default()("webchat-toggle-button burst", config.settings?.layout?.iconAnimation),
       id: "webchatWindowToggleButton",
       "aria-label": openChatAriaLabel(),
       ref: this.chatToggleButtonRef,
@@ -38576,9 +36960,6 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
         layoutSettings: config.settings.layout,
         dropzoneText: config.settings.fileStorageSettings?.dropzoneText
       });
-
-      // ReactModal.setAppElement moved to componentDidMount to avoid repeated invocations.
-
       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(HistoryWrapper, {
         scrollBehavior: config.settings.behavior.scrollingBehavior,
         lastInputId: lastInputId,
@@ -38589,7 +36970,9 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
         className: "sr-only",
         id: "webchatChatHistoryHeading"
       }, config.settings.customTranslations?.ariaLabels?.chatHistory ?? "Chat history"), this.renderHistory()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_ScreenReaderLiveRegion__WEBPACK_IMPORTED_MODULE_50__/* ["default"] */ .A, {
-        liveContent: this.state.liveContent
+        liveContent: this.state.liveContent,
+        intro: this.getNoticeIntro(),
+        onIntroAnnounced: this.handleNoticeIntroAnnounced
       }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_history_QueueUpdates__WEBPACK_IMPORTED_MODULE_39__/* ["default"] */ .A, null), this.renderInput());
     };
     const getTitles = () => {
@@ -38614,14 +36997,29 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       return "Cognigy";
     };
     const isHomeScreenEnabled = config.settings.homeScreen.enabled;
-    const showEnabledHomeScreen = isHomeScreenEnabled && showHomeScreen;
-    const showChatScreen = !showChatOptionsScreen && !showRatingScreen && !showPrevConversations && !showEnabledHomeScreen && !showInformationMessage && (hasAcceptedTerms || !config.settings.privacyNotice.enabled);
+    const {
+      showEnabledHomeScreen,
+      showChatScreen
+    } = (0,_utils_screen_visibility__WEBPACK_IMPORTED_MODULE_55__/* .getScreenVisibility */ .p)(this.props, isInforming);
     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);
     const autoFocusScreenTitle = !showChatScreen && !showHomeScreen;
+
+    // True while the regular layout is the active view. During the back-to-home
+    // slide-out it stays mounted for the 500ms exit animation; the content wrapper
+    // below then gets `inert` (removes it from tab order and pointer events —
+    // aria-hidden alone leaves the off-screen controls tabbable) plus
+    // aria-hidden="true" as a fallback for browsers without inert support
+    // (WCAG 1.3.2), so screen readers don't announce the leaving screen's
+    // messages and input label. While active, neither attribute is rendered:
+    // aria-hidden="false" has inconsistent AT support and would read as hidden
+    // to attribute-presence checks. The header transition is deliberately not
+    // hidden: it is static chrome with no live region, so nothing in it
+    // announces during the exit.
+    const isRegularLayoutActiveView = !!(!showEnabledHomeScreen || showInformationMessage);
     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_41__/* ["default"] */ .A, {
-      in: !!(!showEnabledHomeScreen || showInformationMessage),
+      in: isRegularLayoutActiveView,
       timeout: 500,
       classNames: "slide-in",
       mountOnEnter: true,
@@ -38665,12 +37063,18 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       onEmitAnalytics: onEmitAnalytics,
       onSendActionButtonMessage: this.handleSendActionButtonMessage
     })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react_transition_group__WEBPACK_IMPORTED_MODULE_41__/* ["default"] */ .A, {
-      in: !!(!showEnabledHomeScreen || showInformationMessage),
+      in: isRegularLayoutActiveView,
       timeout: 500,
       classNames: "slide-in",
       mountOnEnter: true,
       unmountOnExit: true
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(RegularLayoutContentWrapper, null, getRegularLayoutContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_previous_conversations_DeleteAllConversations__WEBPACK_IMPORTED_MODULE_49__/* ["default"] */ .A, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(RegularLayoutContentWrapper, {
+      className: "webchat-regular-layout-content",
+      "aria-hidden": isRegularLayoutActiveView ? undefined : true,
+      inert: isRegularLayoutActiveView ? undefined : ""
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_FreezeOnExit__WEBPACK_IMPORTED_MODULE_52__/* ["default"] */ .A, {
+      active: isRegularLayoutActiveView
+    }, getRegularLayoutContent()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_previous_conversations_DeleteAllConversations__WEBPACK_IMPORTED_MODULE_49__/* ["default"] */ .A, {
       config: config,
       isOpen: this.state.showDeleteAllConversationsModal,
       onOpenChange: (open, confirmDelete) => {
@@ -38754,7 +37158,7 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       variant: "body-regular",
       component: "div",
       className: "webchat-log-ai-agent-notice-text"
-    }, AIAgentNoticeText || "You're now chatting with an AI Agent."), visibleMessages.map((message, index) => {
+    }, AIAgentNoticeText || _utils_ai_agent_notice__WEBPACK_IMPORTED_MODULE_54__/* .DEFAULT_AI_AGENT_NOTICE_TEXT */ .S5), visibleMessages.map((message, index) => {
       // Lookahead if there is a user reply that includes text or attachments
       const hasReply = visibleMessages.slice(index + 1).some(message => {
         const isUser = message.source === "user";
@@ -40899,99 +39303,211 @@ const ChatIcon = ({
 /* 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 react_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(37458);
-/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_modal__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _Modal_Modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(53166);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(91221);
-/* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(39966);
-/* harmony import */ var _assets_baseline_close_24px_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(93647);
-
-
 
 
 
 
-const Title = _emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.h2(({
-  theme
-}) => ({
-  fontSize: "1.5rem",
-  marginBlockStart: "-.25rem",
-  fontWeight: 600,
-  boxSizing: "border-box",
-  zIndex: 4
-}));
-const HeaderIconButton = (0,_emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(_IconButton__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(({
-  theme
-}) => ({
-  position: "absolute",
-  right: 15,
-  top: 17,
-  borderRadius: 4,
-  "&:focus": {
-    outline: `2px solid ${theme.primaryColorFocus}`,
-    outlineOffset: 2
+// aria-disabled (not disabled) so the running state stays focusable and
+// announceable; the dimming therefore can't come from Button's `&:disabled`.
+const ReconnectButton = (0,_emotion_styled__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)({
+  "&[aria-disabled='true']": {
+    opacity: 0.6
   }
-}));
+});
+/**
+ * Blocking connection-lost state of the chat window. A fullscreen Modal so
+ * closing it visibly means closing the chat window — matching the close
+ * button's accessible name. The chat layout behind it is aria-hidden + inert
+ * while open (see DisconnectableContentWrapper in WebchatUI).
+ */
 const DisconnectOverlay = props => {
   const {
     isPermanent,
+    isConnecting,
     onClose,
     onConnect,
     config,
     isOpen
   } = props;
-  const parentSelector = () => document.querySelector("#webchatWindow");
-  const closeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+
+  // Focus the primary Reconnect action on open when it is rendered;
+  // the Modal falls back to its close button otherwise.
+  const reconnectRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const showReconnect = isPermanent && navigator.onLine;
+  const networkErrorText = config.settings.customTranslations?.network_error ?? "Connection lost";
+  const reconnectingText = config.settings.customTranslations?.reconnecting ?? "Reconnecting...";
+  const noNetworkText = config.settings.customTranslations?.no_network ?? "No network connection";
+  const reconnectText = config.settings.customTranslations?.reconnect ?? "Reconnect";
+  const connectionRestoredText = config.settings.customTranslations?.connection_restored ?? "Connection restored.";
+
+  // Live announcements reusing the already-localized overlay strings, split
+  // across two regions because VoiceOver prunes the accessibility tree
+  // outside an aria-modal dialog:
+  // - `announcement` renders in a region INSIDE the dialog body — the only
+  //   place VoiceOver honors live updates while the modal is open.
+  // - `closedAnnouncement` renders in a region OUTSIDE the dialog (it
+  //   outlives it), for "connection restored" after the dialog has closed —
+  //   at that point the tree is no longer pruned.
+  const [announcement, setAnnouncement] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("");
+  const [closedAnnouncement, setClosedAnnouncement] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("");
+  // The dialog announcement covers only its accessible name ("Connection
+  // lost") — VoiceOver does not read the status text in the dialog body, so
+  // the reconnecting phase would pass in silence (SC 4.1.3 Status Messages).
+  // Announce the status on open — but never the dialog title, which the
+  // dialog already announces. Deferred past the Modal's ~200ms initial-focus
+  // move so the polite message queues after the dialog/focus announcement
+  // instead of being coalesced into it. Deliberately a separate effect keyed
+  // on `isOpen` alone, reading the rest at fire time from a ref: inside the
+  // transition effect below, any connection-state flip within the deferral
+  // window would re-run the effect and its cleanup would cancel the pending
+  // announcement.
+  const openStatusRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
+    isConnecting,
+    isPermanent,
+    reconnectingText,
+    noNetworkText
+  });
+  openStatusRef.current = {
+    isConnecting,
+    isPermanent,
+    reconnectingText,
+    noNetworkText
+  };
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
-    // Hack around stolen autofocus after widget open
-    setTimeout(() => closeRef.current?.focus(), 200);
-  }, []);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement((react_modal__WEBPACK_IMPORTED_MODULE_2___default()), {
-    isOpen: isOpen,
-    parentSelector: parentSelector,
-    onRequestClose: onClose,
-    style: {
-      overlay: {
-        position: "absolute",
-        zIndex: 3,
-        backgroundColor: "rgba(0, 0, 0, 0.5)"
-      },
-      content: {
-        inset: 50,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        margin: "auto",
-        justifyContent: "center"
-      }
+    if (!isOpen) return;
+    const openTimer = setTimeout(() => {
+      const current = openStatusRef.current;
+      const statusText = current.isConnecting || !current.isPermanent ? current.reconnectingText : !navigator.onLine ? current.noNetworkText : null; // idle permanent state: the focused Reconnect button announces itself
+      if (statusText) setAnnouncement(statusText);
+    }, 300);
+    return () => clearTimeout(openTimer);
+  }, [isOpen]);
+  const prevStateRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
+    isOpen,
+    isPermanent,
+    isConnecting
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    const prev = prevStateRef.current;
+    prevStateRef.current = {
+      isOpen,
+      isPermanent,
+      isConnecting
+    };
+    if (!prev.isOpen && isOpen) {
+      // Opening is announced by the effect above. Clear the outside region:
+      // setting it to the same "Connection restored." string on the next
+      // close would otherwise be a React no-op (no DOM mutation), leaving
+      // every restore after the first unannounced.
+      setClosedAnnouncement("");
+      return;
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(HeaderIconButton
-  // Intentional: move focus into the overlay when it opens (the close
-  // button, unless the reconnect button below takes focus instead).
-  // eslint-disable-next-line jsx-a11y/no-autofocus
-  , {
-    autoFocus: !isPermanent // Focus only if the reconnect button is not rendered
-    ,
-    "data-disconnect-overlay-close-button": true,
-    onClick: onClose,
-    ref: closeRef,
-    className: "webchat-header-close-button",
-    "aria-label": config.settings.customTranslations?.ariaLabels?.closeConnectionWarning ?? "Close connection lost overlay"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_baseline_close_24px_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, {
-    style: {
-      fill: "#000"
+    if (prev.isOpen && !isOpen) {
+      setClosedAnnouncement(connectionRestoredText);
+      // Clear the in-dialog region so a later reopen doesn't remount the
+      // dialog with stale text sitting in a live region (content present
+      // at insertion can be spuriously announced).
+      setAnnouncement("");
+      return;
     }
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(Title, null, config.settings.customTranslations?.network_error ?? "Connection lost"), isPermanent ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, navigator.onLine ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A
-  // Intentional: focus the primary Reconnect action when the
-  // permanent-disconnect overlay opens.
-  // eslint-disable-next-line jsx-a11y/no-autofocus
-  , {
-    autoFocus: true,
-    onClick: onConnect,
+    if (!isOpen) return;
+
+    // The permanent transition is checked first: `connecting` can flip in
+    // the same commit (e.g. a CONNECT dispatched on tab re-focus rejecting
+    // just as the retry limit is hit) and must not swallow the focus move
+    // below.
+    if (!prev.isPermanent && isPermanent) {
+      // Automatic reconnection gave up.
+      if (!showReconnect) {
+        setAnnouncement(noNetworkText);
+        return;
+      }
+      // Move focus to the newly appeared Reconnect action. Deferred so
+      // the screen reader ingests the inserted button before the focus
+      // event (focusing in the same task the node was inserted is not
+      // announced), and guarded so it only happens while focus still
+      // sits on the overlay's close button — never yanking focus from a
+      // navigating user (SC 3.2.1). The focus move announces the button;
+      // when the guard skips it, the live region announces the label
+      // instead, so the transition is announced exactly once either way.
+      const focusTimer = setTimeout(() => {
+        const active = document.activeElement;
+        if (active?.hasAttribute("data-disconnect-overlay-close-button")) {
+          reconnectRef.current?.focus();
+          // Clear the region (emptying is not announced) so the focus
+          // announcement stays the only output here, and so a later
+          // manual-reconnect announcement is a fresh text mutation even
+          // when it repeats the last announced string.
+          setAnnouncement("");
+        } else {
+          setAnnouncement(reconnectText);
+        }
+      }, 500);
+      return () => clearTimeout(focusTimer);
+    }
+    // The `connecting` transitions are only announced in the permanent
+    // state, where they reflect a *manual* reconnection attempt. During the
+    // automatic-retry phase the flag flips on every retry cycle — announcing
+    // each flip would alternate "Reconnecting…"/"Connection lost" as pure
+    // noise while the status ("Reconnecting…", announced on open) hasn't
+    // actually changed.
+    else if (!prev.isConnecting && isConnecting && isPermanent) {
+      setAnnouncement(reconnectingText);
+    } else if (prev.isConnecting && !isConnecting && isPermanent) {
+      // A manual reconnection attempt ended while still disconnected
+      setAnnouncement(networkErrorText);
+    }
+  }, [isOpen, isPermanent, isConnecting, showReconnect, networkErrorText, reconnectingText, noNetworkText, reconnectText, connectionRestoredText]);
+  const handleReconnect = () => {
+    if (isConnecting) return;
+    // Announce the attempt directly on activation — deterministic for
+    // assistive tech regardless of when (or whether) the store's
+    // `connecting` flag transition is observed by the effect above.
+    setAnnouncement(reconnectingText);
+    onConnect();
+  };
+
+  // Visible status line. The idle permanent state shows no status text (just
+  // the Reconnect action).
+  const statusText = isConnecting || !isPermanent ? reconnectingText : !navigator.onLine ? noNetworkText : null;
+  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("div", {
+    role: "status",
+    className: "sr-only"
+  }, closedAnnouncement), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_Modal_Modal__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A, {
+    variant: "fullscreen",
+    isOpen: isOpen,
+    onClose: () => onClose(),
+    title: networkErrorText,
+    titleId: "webchatDisconnectOverlayTitle",
+    closeButtonAriaLabel: config.settings.customTranslations?.ariaLabels?.closeConnectionWarning ?? "Close chat window",
+    closeButtonProps: {
+      "data-disconnect-overlay-close-button": true,
+      className: "webchat-header-close-button"
+    },
+    initialFocusRef: reconnectRef,
+    className: "webchat-disconnect-overlay",
+    "data-disconnect-overlay": true
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
+    role: "status",
+    className: "sr-only",
+    "data-disconnect-overlay-live-region": true
+  }, announcement), statusText &&
+  /*#__PURE__*/
+  // aria-hidden: the live region above is the single programmatic
+  // source of this text. Without this, NVDA reads the visible line
+  // in each of its two dialog-entry passes and then hears the live
+  // region too — "Reconnecting…" three times.
+  react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
+    className: "webchat-disconnect-overlay-status",
+    "aria-hidden": "true"
+  }, statusText), showReconnect && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(ReconnectButton, {
+    ref: reconnectRef,
+    onClick: handleReconnect,
     color: "primary",
-    style: {
-      margin: "auto"
-    }
-  }, config.settings.customTranslations?.reconnect ?? "Reconnect") : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", null, config.settings.customTranslations?.no_network ?? "No network connection")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", null, config.settings.customTranslations?.reconnecting ?? "Reconnecting..."));
+    "aria-disabled": isConnecting
+  }, reconnectText)));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DisconnectOverlay);
 
@@ -41149,6 +39665,46 @@ const FABDisabled = (0,_emotion_styled__WEBPACK_IMPORTED_MODULE_0__/* ["default"
 
 /***/ },
 
+/***/ 97475
+(__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);
+
+
+/**
+ * Renders children normally while active; while inactive, keeps showing the
+ * children from the last active committed render.
+ *
+ * Used to freeze a leaving screen during its exit animation: the screen stays
+ * mounted for the slide-out, but the navigation state already points at the
+ * next screen — rendering that would mount the input (which autofocuses) and
+ * remount the live region (which re-announces old messages). Freezing the
+ * leaving view prevents both (CGY-3276). The ref is written in an effect
+ * (commit phase) so discarded renders never pollute the frozen content.
+ *
+ * Scope: this freezes the element tree (types + props) from the last active
+ * commit, not the subtree's output — components inside keep their own
+ * Redux/context subscriptions and can still re-render with fresh state
+ * during the exit. Sufficient here, since it's the *structural* swap to the
+ * next screen (new input, remounted live region) that must not happen.
+ */
+const FreezeOnExit = ({
+  active,
+  children
+}) => {
+  const lastActive = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (active) lastActive.current = children;
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, active ? children : lastActive.current);
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FreezeOnExit);
+
+/***/ },
+
 /***/ 55922
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -41575,7 +40131,7 @@ const HomeScreen = props => {
       const {
         firstFocusable
       } = (0,_utils_find_focusable__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .A)(homeScreenRef.current);
-      firstFocusable.focus();
+      firstFocusable?.focus();
     }
   }, []);
 
@@ -41651,6 +40207,48 @@ const HomeScreen = props => {
 
 /***/ },
 
+/***/ 55115
+(__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 _StatusLiveRegion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63813);
+
+
+
+// Delayed until after the slide transition (500ms) and any focus move the
+// appearing screen performs (home screen close button: 450ms), so the
+// announcement follows the focus utterance instead of being cancelled by it.
+const ANNOUNCE_DELAY_MS = 600;
+
+/**
+ * Announces the home screen's title through the status live region when
+ * the screen visually appears (webchat opened onto it, or navigation
+ * from another screen, CGY-3276). Focus lands on the close button, which
+ * alone would not tell screen-reader users which screen they are on.
+ * (The chat screen's AI-agent notice announces through the chat log's
+ * ScreenReaderLiveRegion instead — see docs/accessibility.md.)
+ *
+ * The effect cleanup cancels the pending announcement if the user closes
+ * the webchat or navigates away within the delay.
+ */
+const HomeScreenAnnouncer = ({
+  active,
+  label
+}) => {
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (!active) return;
+    const announceTimeout = setTimeout(() => (0,_StatusLiveRegion__WEBPACK_IMPORTED_MODULE_1__/* .announceStatus */ .a)(label), ANNOUNCE_DELAY_MS);
+    return () => clearTimeout(announceTimeout);
+  }, [active, label]);
+  return null;
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HomeScreenAnnouncer);
+
+/***/ },
+
 /***/ 39966
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -41946,8 +40544,31 @@ const Notifications = () => {
     }
   });
 };
+
+// The toast node is inserted into the DOM at the moment it appears, so its
+// default role="status" never fires in screen readers (WCAG 4.1.3).
+// Announcements go through <StatusLiveRegion> (StatusLiveRegion.tsx), which
+// is mounted for the lifetime of the open chat window; aria-live="off"
+// prevents double announcements. This must be set per toast() call —
+// react-hot-toast stamps default ariaProps onto every toast, which override
+// any Toaster-level toastOptions.ariaProps.
+const silencedAriaProps = {
+  role: "status",
+  "aria-live": "off"
+};
+
+// `message` is intentionally narrowed to string (react-hot-toast also accepts
+// JSX): <StatusLiveRegion> mirrors the message as text, so a non-string toast
+// would render visibly but never be announced (WCAG 4.1.3).
+// className/ariaProps sit after the options spread on purpose — the class is
+// the selector the a11y specs rely on, and caller-supplied ariaProps would
+// re-enable the double announcement (CGY-34519).
 function createNotification(message, options = {}) {
-  (0,react_hot_toast__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay)(message, options);
+  (0,react_hot_toast__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay)(message, {
+    ...options,
+    className: "webchat-toast-notification",
+    ariaProps: silencedAriaProps
+  });
 }
 
 /**
@@ -41962,6 +40583,8 @@ function createNotification(message, options = {}) {
 function createPersistentNotification(message, options = {}) {
   const id = toast(message, {
     ...options,
+    className: "webchat-toast-notification",
+    ariaProps: silencedAriaProps,
     duration: Infinity
   });
   return () => toast.dismiss(id);
@@ -42258,19 +40881,65 @@ const PrivacyNotice = props => {
 /* harmony import */ var _webchat_helper_useSelector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3862);
 /* harmony import */ var _utils_live_region_announcement__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(79071);
 /* harmony import */ var _utils_filter_out_control_commands__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(70562);
+/* harmony import */ var _SrOnlyLiveRegion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65766);
+
 
 
 
 
+// Intro announcements are deferred past the chat screen's own utterances
+// (input autofocus on mount, focus restore after the disconnect overlay
+// closes) — live text inserted in the same breath as a focus move gets the
+// polite announcement cancelled. Messages don't need this: network latency
+// keeps them clear of the mount, and the intro hold below keeps them in
+// order.
+const INTRO_ANNOUNCE_DELAY_MS = 600;
 const ScreenReaderLiveRegion = ({
-  liveContent
+  liveContent,
+  intro,
+  onIntroAnnounced
 }) => {
   const [liveMessage, setLiveMessage] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+  const [introMessage, setIntroMessage] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+  const [announcedIntroKey, setAnnouncedIntroKey] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+  const introRegionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  // Destructured so the intro effect depends on primitives — the parent
+  // builds a fresh `intro` object every render, and an object dep would
+  // restart the announce timer on each of them.
+  const introKey = intro?.key;
+  const introText = intro?.text;
   const messageHistory = (0,_webchat_helper_useSelector__WEBPACK_IMPORTED_MODULE_1__/* .useSelector */ .d)(state => state.messages.messageHistory);
   const messages = (0,_utils_filter_out_control_commands__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(messageHistory, ["acceptPrivacyPolicy"]);
   const announcedIdsRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new Set());
   const isProgressiveRenderingEnabled = (0,_webchat_helper_useSelector__WEBPACK_IMPORTED_MODULE_1__/* .useSelector */ .d)(state => state.config.settings.behavior?.progressiveMessageRendering);
+
+  // The intro claims the first announcement slot: while it is pending, the
+  // message effect below holds (and re-runs when the pending state flips).
+  const introPending = !!introText && introKey !== announcedIntroKey;
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (!introPending || !introText || introKey === undefined) return;
+    const introTimeout = setTimeout(() => {
+      // Fire-time exposure check: during the back-to-home exit
+      // transition this component stays MOUNTED (FreezeOnExit holds
+      // the chat screen for the 500ms slide) inside a wrapper that is
+      // aria-hidden + inert — text committed there is never voiced.
+      // Skip WITHOUT marking announced (announcedNoticeKeys outlives
+      // the remount by design), so the notice announces on the next
+      // real visit to the chat screen instead of being lost for the
+      // session. Checking `showChatScreen` in the parent can't do
+      // this: FreezeOnExit freezes props during the exit.
+      if (introRegionRef.current?.closest('[inert], [aria-hidden="true"]')) return;
+      setIntroMessage({
+        id: `webchatAIAgentNotice-${introKey}`,
+        text: (0,_utils_live_region_announcement__WEBPACK_IMPORTED_MODULE_2__/* .cleanUpText */ .Yx)(introText)
+      });
+      setAnnouncedIntroKey(introKey);
+      onIntroAnnounced?.(introKey);
+    }, INTRO_ANNOUNCE_DELAY_MS);
+    return () => clearTimeout(introTimeout);
+  }, [introPending, introText, introKey, onIntroAnnounced]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (introPending) return;
     if (!messages.length) return;
     const unannouncedMessages = messages.filter(msg => {
       const id = `webchatMessageId-${msg.timestamp}`;
@@ -42328,16 +40997,15 @@ const ScreenReaderLiveRegion = ({
       }
     }, 100);
     return () => clearTimeout(timeout);
-  }, [messages, liveContent, isProgressiveRenderingEnabled]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    "aria-live": "polite",
-    "aria-relevant": "additions text",
-    "aria-atomic": "true",
+  }, [messages, liveContent, isProgressiveRenderingEnabled, introPending]);
+  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(_SrOnlyLiveRegion__WEBPACK_IMPORTED_MODULE_4__/* .SrOnlyLiveRegion */ .Y, {
     id: "webchatMessageContainerScreenReaderLiveRegion",
-    className: "sr-only"
-  }, liveMessage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
-    key: liveMessage.id
-  }, liveMessage.text));
+    message: liveMessage
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_SrOnlyLiveRegion__WEBPACK_IMPORTED_MODULE_4__/* .SrOnlyLiveRegion */ .Y, {
+    id: "webchatAIAgentNoticeLiveRegion",
+    message: introMessage,
+    ref: introRegionRef
+  }));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ScreenReaderLiveRegion);
 
@@ -42385,6 +41053,155 @@ const ScreenReaderLiveRegion = ({
 
 /***/ },
 
+/***/ 65766
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Y: () => (/* binding */ SrOnlyLiveRegion)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
+
+// How long announced text stays in the DOM. Screen-reader users browsing the
+// window later would otherwise read long-gone status text; removing the node
+// is silent (removals are not announced under aria-relevant="additions text").
+const CLEAR_DELAY_MS = 15000;
+/**
+ * Shared visually-hidden live region body (WCAG 4.1.3 Status Messages).
+ *
+ * A live region only announces changes to a node that is already in the
+ * accessibility tree, so mount this (empty) before the first announcement —
+ * never together with its content. Each new `message` is announced once and
+ * cleared from the DOM after 15s.
+ *
+ * Used by <ScreenReaderLiveRegion> (chat messages) and <StatusLiveRegion>
+ * (toasts + screen changes); they stay separate DOM regions so simultaneous
+ * announcements queue instead of overwriting each other.
+ *
+ * The text is deliberately committed via state in an effect — one commit
+ * after the `message` prop changes — rather than rendered directly from the
+ * prop. That guarantees the (empty) region exists in the accessibility tree
+ * strictly before its content appears; don't "optimise" this back into a
+ * derived render.
+ */
+const SrOnlyLiveRegion = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({
+  id,
+  message,
+  role
+}, ref) => {
+  const [displayed, setDisplayed] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    setDisplayed(message);
+    if (!message) return;
+    const clearTimer = setTimeout(() => setDisplayed(null), CLEAR_DELAY_MS);
+    return () => clearTimeout(clearTimer);
+  }, [message]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
+    ref: ref,
+    role: role,
+    "aria-live": "polite",
+    "aria-relevant": "additions text",
+    "aria-atomic": "true",
+    id: id,
+    className: "sr-only"
+  }, displayed && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", {
+    key: displayed.id
+  }, displayed.text));
+});
+SrOnlyLiveRegion.displayName = "SrOnlyLiveRegion";
+
+/***/ },
+
+/***/ 63813
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   a: () => (/* binding */ announceStatus),
+/* harmony export */   t: () => (/* binding */ StatusLiveRegion)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
+/* harmony import */ var react_hot_toast__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60799);
+/* harmony import */ var _SrOnlyLiveRegion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65766);
+
+
+
+
+// Module-global on purpose: webchat renders a single widget instance per page,
+// so one listener set is sufficient. If multi-instance embedding ever becomes
+// a supported scenario, scope this through context instead — otherwise every
+// mounted instance would announce every other instance's statuses.
+
+const statusListeners = new Set();
+let statusCounter = 0;
+
+/**
+ * Announces arbitrary status text (e.g. a screen change) through the
+ * <StatusLiveRegion>. No-op while the region is not mounted (webchat closed).
+ */
+function announceStatus(text) {
+  statusListeners.forEach(listener => listener(text));
+}
+
+/**
+ * Screen-reader status live region (WCAG 4.1.3 Status Messages), mounted for
+ * the lifetime of the open chat window — so it exists in the DOM before
+ * anything it announces (live regions only announce changes to nodes already
+ * in the accessibility tree). Closing the webchat unmounts it: announcements
+ * made while closed are dropped, and a persistent notification still visible
+ * after reopening is announced again.
+ *
+ * Input sources:
+ * - toast notifications: react-hot-toast adds the toast (and its
+ *   role="status" wrapper) to the DOM only when the notification fires,
+ *   which live-region processing ignores — so toasts are mirrored here and
+ *   silenced at the source (see silencedAriaProps in Notifications.tsx);
+ * - direct announcements via announceStatus() (e.g. "home screen appeared").
+ */
+const StatusLiveRegion = () => {
+  const {
+    toasts
+  } = (0,react_hot_toast__WEBPACK_IMPORTED_MODULE_1__/* .useToasterStore */ .Nk)();
+  const announcedIdsRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new Set());
+  const [status, setStatus] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    const listener = text => setStatus({
+      id: `status-${++statusCounter}`,
+      text
+    });
+    statusListeners.add(listener);
+    return () => {
+      statusListeners.delete(listener);
+    };
+  }, []);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    // Forget ids that left the toast store so the set cannot grow unbounded
+    const liveToastIds = new Set(toasts.map(t => t.id));
+    announcedIdsRef.current.forEach(id => {
+      if (!liveToastIds.has(id)) announcedIdsRef.current.delete(id);
+    });
+    const unannounced = toasts.filter(t => t.visible && !announcedIdsRef.current.has(t.id) && typeof t.message === "string");
+    if (!unannounced.length) return;
+    unannounced.forEach(t => announcedIdsRef.current.add(t.id));
+
+    // Announce the most recent notification when several land in one
+    // render (CGY-34519). Compared by createdAt; on ties (same-millisecond
+    // toasts — exactly the several-in-one-tick case) the reduce keeps the
+    // earlier array element, which is the newest because react-hot-toast
+    // prepends new toasts.
+    const latest = unannounced.reduce((a, b) => b.createdAt > a.createdAt ? b : a);
+    setStatus({
+      id: latest.id,
+      text: latest.message
+    });
+  }, [toasts]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_SrOnlyLiveRegion__WEBPACK_IMPORTED_MODULE_2__/* .SrOnlyLiveRegion */ .Y, {
+    id: "webchatStatusLiveRegion",
+    role: "status",
+    message: status
+  });
+};
+
+/***/ },
+
 /***/ 49888
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -43570,18 +42387,31 @@ const ConversationsListItem = props => {
   };
   const handleKeyDown = e => {
     e.stopPropagation();
-    if (e.key === "Enter") {
+    if (e.key === "Enter" || e.key === " ") {
+      // Space must activate too (APG button pattern); prevent page scroll
+      e.preventDefault();
       handleClick();
     }
   };
   const openConversationAriaLabel = config.settings.customTranslations?.ariaLabels?.openConversation ?? "Open conversation";
+  const lastMessagePreview = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__/* .getLastMessagePreview */ .Or)(messages);
+  const relativeTime = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__/* .getRelativeTime */ .gs)(messages);
+  const participants = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__/* .getParticipants */ .Ln)(messages, config);
+
+  // WCAG 2.5.3 Label in Name: the name must start with the visible preview text
+  // (speech-input tools match from the start); timestamp and index keep names
+  // unique when previews are identical. The budget must exceed what fits in the
+  // preview's 290px max-width, so the name always contains the visible portion
+  // while long messages don't flood the announcement.
+  const namePreview = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__/* .truncatePreviewForName */ .Xs)(lastMessagePreview);
+  const itemAriaLabel = [namePreview, participants, relativeTime, `${openConversationAriaLabel} ${index + 1}`].filter(Boolean).join(", ");
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(ListItem, {
     className: "webchat-prev-conversations-item",
     onClick: handleClick,
     onKeyDown: handleKeyDown,
     tabIndex: 0,
     role: "button",
-    "aria-label": `${openConversationAriaLabel} ${index + 1}`
+    "aria-label": itemAriaLabel
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(Left, null, avatars.length > 0 ? avatars.map((avatar, i) => {
     if (!avatar) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(FallBackAvatar, {
       title: "Cognigy.AI Logo",
@@ -43599,12 +42429,12 @@ const ConversationsListItem = props => {
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(Center, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(CenterTitle, {
     variant: "body-regular",
     component: "div"
-  }, (0,_helpers__WEBPACK_IMPORTED_MODULE_5__/* .getLastMessagePreview */ .Or)(messages)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(CenterMeta, {
+  }, lastMessagePreview), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(CenterMeta, {
     variant: "title2-regular",
     component: "div"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(MetaNames, null, (0,_helpers__WEBPACK_IMPORTED_MODULE_5__/* .getParticipants */ .Ln)(messages, config)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_ellipsis_4px_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(MetaTime, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(MetaNames, null, participants), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_ellipsis_4px_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(MetaTime, {
     className: "webchat-prev-conversations-time"
-  }, (0,_helpers__WEBPACK_IMPORTED_MODULE_5__/* .getRelativeTime */ .gs)(messages)))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(Right, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_arrow_back_16px_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A, {
+  }, relativeTime))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(Right, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_assets_arrow_back_16px_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A, {
     className: "cc-rtl-flip-invert"
   })));
 };
@@ -43691,6 +42521,7 @@ const DeleteAllConversationsModal = props => {
 /* harmony export */   Ln: () => (/* binding */ getParticipants),
 /* harmony export */   N_: () => (/* binding */ sortConversationsByFreshness),
 /* harmony export */   Or: () => (/* binding */ getLastMessagePreview),
+/* harmony export */   Xs: () => (/* binding */ truncatePreviewForName),
 /* harmony export */   gs: () => (/* binding */ getRelativeTime)
 /* harmony export */ });
 /* harmony import */ var _webchat_helper_message__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(31963);
@@ -43791,6 +42622,25 @@ const getLastMessagePreview = messages => {
       return "...";
   }
 };
+
+/**
+ * Caps the preview text used in a list item's accessible name (WCAG 2.5.3).
+ * The visible preview is CSS-truncated at 290px (~35-45 chars), so an 80-char
+ * budget keeps the name a superset of the visible text while preventing very
+ * long messages from flooding screen-reader announcements. Cuts at a word
+ * boundary where possible.
+ */
+const truncatePreviewForName = (preview, maxLength = 80) => {
+  // React renders an array of strings with no separator, so join with ""
+  // to keep the name identical to the visible text (SC 2.5.3)
+  const text = Array.isArray(preview) ? preview.join("") : preview;
+  if (text.length <= maxLength) return text;
+  const clipped = text.slice(0, maxLength);
+  const lastSpace = clipped.lastIndexOf(" ");
+  // Only respect the word boundary if it doesn't cut away most of the budget
+  const cutAt = lastSpace > maxLength / 2 ? lastSpace : maxLength;
+  return `${clipped.slice(0, cutAt).trimEnd()}…`;
+};
 const getParticipants = (messages, config) => {
   const partecipants = [];
   const hasBot = messages.some(message => ["bot", "engagement"].includes(message?.source));
@@ -43987,7 +42837,11 @@ const createWebchatTheme = (theme = {}) => {
   const white = "#FFFFFF";
   const textDark = black10;
   const textLight = white;
-  const green = "#009918";
+
+  // Notification/status text color on the green10 background.
+  // #009918 on #E5F5E8 was only 3.33:1 — below the WCAG AA 4.5:1 text floor.
+  // #007313 keeps the same green hue and reaches ~5.4:1 (CGY-4035).
+  const green = "#007313";
   const green10 = "#E5F5E8";
   const red = "#FF0000";
   const red10 = "#FFE5E5";
@@ -44060,6 +42914,96 @@ const createWebchatTheme = (theme = {}) => {
 
 /***/ },
 
+/***/ 39191
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Kr: () => (/* binding */ computeNoticeSession),
+/* harmony export */   S5: () => (/* binding */ DEFAULT_AI_AGENT_NOTICE_TEXT),
+/* harmony export */   bu: () => (/* binding */ getAIAgentNoticeIntroText),
+/* harmony export */   j_: () => (/* binding */ INITIAL_NOTICE_SESSION)
+/* harmony export */ });
+const DEFAULT_AI_AGENT_NOTICE_TEXT = "You're now chatting with an AI Agent.";
+
+/**
+ * Whether the current session started as a brand-new conversation rather
+ * than a previous conversation reopened from the conversations list —
+ * gates the AI-agent notice announcement (CGY-3519).
+ * `id` guards against renders where `currentSession` has already changed
+ * but this state hasn't been re-evaluated yet (the session id updates
+ * asynchronously after the socket switch). `announceKey` dedupes the
+ * announcement per conversation; it differs from `id` only for the page
+ * load's first conversation, which starts announceable before the connect
+ * assigns its session id (see computeNoticeSession).
+ */
+
+// Inactive until the session is evaluated on mount / session change.
+const INITIAL_NOTICE_SESSION = {
+  id: "",
+  isNew: false,
+  announceKey: ""
+};
+
+/**
+ * (Re-)evaluate whether the current session is a brand-new conversation.
+ * `prevConversationsSnapshot` must predate the session change: sessions
+ * get upserted into prevConversations as soon as a message is sent or
+ * received (e.g. auto-inject, in the same update batch as the session
+ * switch), so the current map may already contain a genuinely new
+ * session. A session found in the snapshot is a reopened previous
+ * conversation (or a restored one after a reload) — not announced.
+ *
+ * The page load's first conversation exists on screen before the socket
+ * connect assigns its session id (`currentSessionId` is "" until then).
+ * That id arriving is not a new conversation, so the announcement key
+ * is kept — a notice already announced (or pending) under the "" key is
+ * not repeated under the id.
+ *
+ * `hasRestoredPersistedHistory` covers the page reload of a persisted
+ * conversation: the restored session IS in the conversations map, but
+ * that map is filled in the same React commit as the session id, so the
+ * pre-change snapshot is still empty and the lookup alone would call the
+ * session brand-new. The flag (set only when RESET_STATE restores a
+ * non-empty history) is consulted for the page load's first connect
+ * only — later restores (reopening a previous conversation) are already
+ * covered by the snapshot lookup, and the flag must not silence a
+ * brand-new conversation started afterwards.
+ */
+function computeNoticeSession(prev, currentSessionId, prevConversationsSnapshot, hasRestoredPersistedHistory) {
+  const isRestoredFirstConnect = prev.id === "" && !!hasRestoredPersistedHistory;
+  const isNew = !prevConversationsSnapshot?.[currentSessionId] && !isRestoredFirstConnect;
+  const isFirstConnectOfNewConversation = prev.id === "" && prev.isNew && isNew;
+  return {
+    id: currentSessionId,
+    isNew,
+    announceKey: isFirstConnectOfNewConversation ? prev.announceKey : currentSessionId
+  };
+}
+
+/**
+ * The AI-agent notice text to announce through the chat log's live
+ * region, or undefined when nothing should be announced. Announced once
+ * per brand-new session (reopened previous conversations stay silent)
+ * and held while the disconnect overlay is open (session switches
+ * reconnect the socket and open it — its dialog and focus utterances
+ * would cancel the notice; on close, the intro becomes pending again
+ * and is announced after the "Connection restored" utterances).
+ */
+function getAIAgentNoticeIntroText(args) {
+  const {
+    behavior,
+    showDisconnectOverlay,
+    noticeSession,
+    currentSessionId,
+    announcedKeys
+  } = args;
+  const shouldAnnounce = behavior.enableAIAgentNotice !== false && !showDisconnectOverlay && noticeSession.isNew && noticeSession.id === currentSessionId && !announcedKeys.has(noticeSession.announceKey);
+  if (!shouldAnnounce) return undefined;
+  return behavior.AIAgentNoticeText || DEFAULT_AI_AGENT_NOTICE_TEXT;
+}
+
+/***/ },
+
 /***/ 34699
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -44175,8 +43119,15 @@ const getKeyboardFocusableElements = element => {
   const interactiveEls = element?.querySelectorAll('a[href], button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])');
   const interactiveElsArray = interactiveEls && Array.from(interactiveEls);
 
-  // Filter all the interactive elements that are not disabled or have aria-hidden 'true'
-  const focusable = interactiveElsArray?.filter(el => !el.hasAttribute("disabled") && !el.getAttribute("aria-hidden"));
+  // Filter out interactive elements that are disabled, aria-hidden, or inside
+  // an inert subtree (e.g. the chat layout behind the disconnect overlay, or
+  // a leaving screen during its exit transition — see
+  // RegularLayoutContentWrapper in WebchatUI.tsx) — those cannot receive
+  // focus. Matching aria-hidden="true" explicitly (not attribute presence)
+  // keeps elements with aria-hidden="false" focusable. Ancestor aria-hidden
+  // is deliberately NOT filtered: the HomeScreen show/hide pattern queries
+  // focusables inside its aria-hidden root to toggle their tabindex.
+  const focusable = interactiveElsArray?.filter(el => !el.hasAttribute("disabled") && el.getAttribute("aria-hidden") !== "true" && !el.closest("[inert]"));
   const firstFocusable = focusable && focusable[0];
   const lastFocusable = focusable && focusable[focusable.length - 1];
   return {
@@ -44383,6 +43334,40 @@ const notificationSound = new uifx__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */
 
 /***/ },
 
+/***/ 48245
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   p: () => (/* binding */ getScreenVisibility)
+/* harmony export */ });
+/**
+ * Which primary view the open chat window shows. Single source for the
+ * screen announcers and renderRegularLayout's layout decisions in
+ * WebchatUI — the chat screen is the fallback when no other screen claims
+ * the view. (`showInformationMessage` in renderRegularLayout is truthy
+ * iff `isInforming`: every inform branch has fallback text.)
+ */
+function getScreenVisibility(props, isInforming) {
+  const {
+    config,
+    showHomeScreen,
+    showChatOptionsScreen,
+    showRatingScreen,
+    showPrevConversations,
+    hasAcceptedTerms
+  } = props;
+  const showEnabledHomeScreen = !!(config.settings.homeScreen.enabled && showHomeScreen);
+  const showHomeScreenView = showEnabledHomeScreen && !isInforming;
+  const showChatScreen = !isInforming && !showEnabledHomeScreen && !showChatOptionsScreen && !showRatingScreen && !showPrevConversations && (hasAcceptedTerms || !config.settings.privacyNotice.enabled);
+  return {
+    showEnabledHomeScreen,
+    showHomeScreenView,
+    showChatScreen
+  };
+}
+
+/***/ },
+
 /***/ 81439
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -44494,12 +43479,14 @@ const ConnectedWebchatUI = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__/* .connec
   const {
     messages: {
       messageHistory: messages,
-      visibleOutputMessages
+      visibleOutputMessages,
+      hasRestoredPersistedHistory
     },
     unseenMessages,
     prevConversations,
     connection: {
       connected,
+      connecting,
       reconnectionLimit
     },
     ui: {
@@ -44545,12 +43532,14 @@ const ConnectedWebchatUI = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__/* .connec
     visibleOutputMessages,
     unseenMessages,
     prevConversations,
+    hasRestoredPersistedHistory,
     open,
     typingIndicator: typing,
     inputMode,
     fullscreenMessage,
     config,
     connected,
+    connecting,
     reconnectionLimit,
     showRatingScreen,
     hasGivenRating,
@@ -45281,6 +44270,7 @@ function setHasAcceptedTermsInStorage(browserStorage, userId) {
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   IH: () => (/* binding */ stripHtmlToInertText),
 /* harmony export */   p9: () => (/* binding */ sanitizeHTML)
 /* harmony export */ });
 /* unused harmony exports allowedHtmlTags, allowedHtmlAttributes */
@@ -45302,6 +44292,15 @@ const sanitizeHTML = text => {
   } : config;
   return dompurify__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.sanitize(text, configToUse).toString();
 };
+const stripHtmlToInertText = text => {
+  // 1. strip tags: parse as HTML and keep only the text content
+  const stripped = new DOMParser().parseFromString(text, "text/html").body.textContent || "";
+  // 2. re-escape so <, >, & render as literal characters and can never
+  //    be reinterpreted as markup downstream (robust to nested encoding)
+  const escaper = document.createElement("div");
+  escaper.textContent = stripped;
+  return escaper.innerHTML;
+};
 
 /***/ },
 
@@ -46709,7 +45708,7 @@ const createMessageMiddleware = client => store => next => action => {
           text = (0,_helper_sanitize__WEBPACK_IMPORTED_MODULE_3__/* .sanitizeHTML */ .p9)(text || "");
         }
         if (store.getState().config.settings.widgetSettings.disableHtmlInput) {
-          text = new DOMParser().parseFromString(text || "", "text/html").body.textContent || "";
+          text = (0,_helper_sanitize__WEBPACK_IMPORTED_MODULE_3__/* .stripHtmlToInertText */ .IH)(text || "");
         }
 
         // data is either a non-empty object or null
@@ -46823,7 +45822,8 @@ const createMessageMiddleware = client => store => next => action => {
 const initialState = {
   messageHistory: [],
   visibleOutputMessages: [],
-  currentlyAnimatingId: null
+  currentlyAnimatingId: null,
+  hasRestoredPersistedHistory: false
 };
 const ADD_MESSAGE = "ADD_MESSAGE";
 const addMessage = (message, unseen) => ({
@@ -47662,7 +46662,8 @@ const reducer = (state = rootReducer(undefined, {
           ...state,
           messages: {
             messageHistory: [...restoredMessages, ...state.messages.messageHistory],
-            visibleOutputMessages: restoredVisibleOutputMessages
+            visibleOutputMessages: restoredVisibleOutputMessages,
+            hasRestoredPersistedHistory: state.messages.hasRestoredPersistedHistory || restoredMessages.length > 0
           },
           rating: {
             ...state.rating,
@@ -49145,9 +48146,13 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
 /***/ },
 
 /***/ 7516
-(module) {
+(module, __unused_webpack_exports, __webpack_require__) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__;
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__["default"]), ["flushSync"]: () => (__WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__.flushSync), ["unstable_batchedUpdates"]: () => (__WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__.unstable_batchedUpdates) });
 
 /***/ },
 
@@ -57654,19 +56659,19 @@ article ._wrapper_zhv80_1 ._list_zhv80_8 ._listItemRoot_zhv80_8 {
 ._mainButtonWrapper_zhv80_144 {
 	padding: 16px;
 }
-._slideItem_1prat_1 {
+._slideItem_ldua9_1 {
 	position: relative;
 	width: 206px;
 	/* height: 150px; */
 	overflow: hidden;
 }
 
-._slideItem_1prat_1 ._top_1prat_8 {
+._slideItem_ldua9_1 ._top_ldua9_8 {
 	position: relative;
 	border-radius: var(--cc-bubble-border-radius);
 }
 
-._slideItem_1prat_1 ._bottom_1prat_13 {
+._slideItem_ldua9_1 ._bottom_ldua9_13 {
 	border-bottom-left-radius: var(--cc-bubble-border-radius);
 	border-bottom-right-radius: var(--cc-bubble-border-radius);
 	border: 1px solid var(--cc-black-80);
@@ -57677,7 +56682,7 @@ article ._wrapper_zhv80_1 ._list_zhv80_8 ._listItemRoot_zhv80_8 {
 	padding: 8px;
 }
 
-._slideItem_1prat_1 ._top_1prat_8 img {
+._slideItem_ldua9_1 ._top_ldua9_8 img {
 	aspect-ratio: 206/150;
 	object-fit: cover;
 	object-position: left;
@@ -57687,7 +56692,7 @@ article ._wrapper_zhv80_1 ._list_zhv80_8 ._listItemRoot_zhv80_8 {
 	outline: none;
 }
 
-._slideItem_1prat_1 ._brokenImage_1prat_34 {
+._slideItem_ldua9_1 ._brokenImage_ldua9_34 {
 	aspect-ratio: 206/150;
 	width: 100%;
 	display: block;
@@ -57696,14 +56701,18 @@ article ._wrapper_zhv80_1 ._list_zhv80_8 ._listItemRoot_zhv80_8 {
 	background-color: var(--cc-black-80);
 }
 
-._slideItem_1prat_1 ._hasExtraInfo_1prat_43,
-._slideItem_1prat_1 ._hasExtraInfo_1prat_43 img,
-._slideItem_1prat_1 ._brokenImage_1prat_34 {
+._slideItem_ldua9_1 ._hasExtraInfo_ldua9_43,
+._slideItem_ldua9_1 ._hasExtraInfo_ldua9_43 img,
+._slideItem_ldua9_1 ._brokenImage_ldua9_34 {
 	border-bottom-left-radius: 0px;
 	border-bottom-right-radius: 0px;
 }
 
-._slideItem_1prat_1 ._top_1prat_8 h4 {
+/*
+** Default (legacy) layout: the title overlays the bottom of the image.
+** Used when \`galleryCardTitleBelowImage\` is not enabled.
+*/
+._slideItem_ldua9_1 ._top_ldua9_8 h4 {
 	position: absolute;
 	margin: 0px;
 	margin-inline-start: 8px;
@@ -57711,12 +56720,17 @@ article ._wrapper_zhv80_1 ._list_zhv80_8 ._listItemRoot_zhv80_8 {
 	color: var(--cc-white);
 }
 
-._slideItem_1prat_1 ._bottom_1prat_13 p {
+/*
+** Opt-in layout (galleryCardTitleBelowImage): the title moves into the content
+** block beneath the image, so it shares the subtitle's flush margins/padding.
+*/
+._slideItem_ldua9_1 ._bottom_ldua9_13 p,
+._slideItem_ldua9_1 ._bottom_ldua9_13 h4 {
 	padding: 0px;
 	margin: 0px;
 }
 
-._slideItem_1prat_1 ._bottom_1prat_13 ._buttonListItem_1prat_63 {
+._slideItem_ldua9_1 ._bottom_ldua9_13 ._buttonListItem_ldua9_72 {
 	width: 100%;
 }
 
@@ -57726,7 +56740,7 @@ article ._wrapper_zhv80_1 ._list_zhv80_8 ._listItemRoot_zhv80_8 {
 ** The idea is to integrate with modules CSS in order to increase the specificity
 ** and avoid conflicts on consumer apps
 */
-article .swiper._wrapper_1prat_73 {
+article .swiper._wrapper_ldua9_82 {
 	margin-left: -20px;
 	margin-right: -20px;
 	padding-left: 20px;
@@ -57740,7 +56754,7 @@ article .swiper._wrapper_1prat_73 {
 	z-index: 1;
 	display: block;
 }
-article .swiper._wrapper_1prat_73 .swiper-wrapper {
+article .swiper._wrapper_ldua9_82 .swiper-wrapper {
 	position: relative;
 	width: 100%;
 	/* height: 100%; */
@@ -57750,15 +56764,15 @@ article .swiper._wrapper_1prat_73 .swiper-wrapper {
 	transition-timing-function: initial;
 	box-sizing: content-box;
 }
-article .swiper._wrapper_1prat_73 .swiper-android .swiper-slide,
-article .swiper._wrapper_1prat_73 .swiper-ios .swiper-slide,
-article .swiper._wrapper_1prat_73 .swiper-wrapper {
+article .swiper._wrapper_ldua9_82 .swiper-android .swiper-slide,
+article .swiper._wrapper_ldua9_82 .swiper-ios .swiper-slide,
+article .swiper._wrapper_ldua9_82 .swiper-wrapper {
 	transform: translate3d(0px, 0, 0);
 }
-article .swiper._wrapper_1prat_73 .swiper-horizontal {
+article .swiper._wrapper_ldua9_82 .swiper-horizontal {
 	touch-action: pan-y;
 }
-article .swiper._wrapper_1prat_73 .swiper-slide {
+article .swiper._wrapper_ldua9_82 .swiper-slide {
 	flex-shrink: 0;
 	width: 100%;
 	height: 100%;
@@ -57766,15 +56780,15 @@ article .swiper._wrapper_1prat_73 .swiper-slide {
 	transition-property: transform;
 	display: block;
 }
-article .swiper._wrapper_1prat_73 .swiper-slide-invisible-blank {
+article .swiper._wrapper_ldua9_82 .swiper-slide-invisible-blank {
 	visibility: hidden;
 }
 
 /*
 ** SWIPER PAGINATION
 */
-article .swiper._wrapper_1prat_73 .gallery-button-prev,
-article .swiper._wrapper_1prat_73 .gallery-button-next {
+article .swiper._wrapper_ldua9_82 .gallery-button-prev,
+article .swiper._wrapper_ldua9_82 .gallery-button-next {
 	position: absolute;
 	top: calc(150px / 2 - 8px);
 	z-index: 10;
@@ -57787,51 +56801,51 @@ article .swiper._wrapper_1prat_73 .gallery-button-next {
 	display: flex;
 	align-items: center;
 }
-article .swiper._wrapper_1prat_73 .gallery-button-prev {
+article .swiper._wrapper_ldua9_82 .gallery-button-prev {
 	left: 20px;
 }
-article .swiper._wrapper_1prat_73 .gallery-button-next {
+article .swiper._wrapper_ldua9_82 .gallery-button-next {
 	right: 20px;
 	transform: rotate(180deg);
 }
-article .swiper._wrapper_1prat_73 .gallery-button-prev:dir(rtl) {
+article .swiper._wrapper_ldua9_82 .gallery-button-prev:dir(rtl) {
 	left: unset;
 	right: 20px;
 	transform: rotate(180deg);
 }
-article .swiper._wrapper_1prat_73 .gallery-button-next:dir(rtl) {
+article .swiper._wrapper_ldua9_82 .gallery-button-next:dir(rtl) {
 	right: unset;
 	left: 20px;
 	transform: rotate(0deg);
 }
-article .swiper._wrapper_1prat_73 .swiper-button-disabled {
+article .swiper._wrapper_ldua9_82 .swiper-button-disabled {
 	opacity: 0;
 }
 
 /*
 ** SWIPER NAVIGATION
 */
-article .swiper._wrapper_1prat_73 .swiper-pagination {
+article .swiper._wrapper_ldua9_82 .swiper-pagination {
 	position: absolute;
 	text-align: center;
 	transition: 300ms opacity;
 	transform: translate3d(0, 0, 0);
 	z-index: 10;
 }
-article .swiper._wrapper_1prat_73 .swiper-pagination.swiper-pagination-hidden {
+article .swiper._wrapper_ldua9_82 .swiper-pagination.swiper-pagination-hidden {
 	opacity: 0;
 }
-article .swiper._wrapper_1prat_73 .swiper-pagination-disabled > .swiper-pagination,
-article .swiper._wrapper_1prat_73 .swiper-pagination.swiper-pagination-disabled {
+article .swiper._wrapper_ldua9_82 .swiper-pagination-disabled > .swiper-pagination,
+article .swiper._wrapper_ldua9_82 .swiper-pagination.swiper-pagination-disabled {
 	display: none !important;
 }
-article .swiper._wrapper_1prat_73 .swiper-horizontal > .swiper-pagination-bullets,
-article .swiper._wrapper_1prat_73 .swiper-pagination-bullets.swiper-pagination-horizontal {
+article .swiper._wrapper_ldua9_82 .swiper-horizontal > .swiper-pagination-bullets,
+article .swiper._wrapper_ldua9_82 .swiper-pagination-bullets.swiper-pagination-horizontal {
 	bottom: 4px;
 	left: 0;
 	width: 100%;
 }
-article .swiper._wrapper_1prat_73 .swiper-pagination-bullet {
+article .swiper._wrapper_ldua9_82 .swiper-pagination-bullet {
 	width: 6px;
 	height: 6px;
 	display: inline-block;
@@ -57839,16 +56853,16 @@ article .swiper._wrapper_1prat_73 .swiper-pagination-bullet {
 	background: var(--cc-black-50);
 	opacity: 1;
 }
-article .swiper._wrapper_1prat_73 .swiper-pagination-bullet:focus {
+article .swiper._wrapper_ldua9_82 .swiper-pagination-bullet:focus {
 	background-color: var(--cc-primary-color-focus);
 	box-shadow: 0 0 0 4px var(--cc-primary-color-opacity-10);
 	outline: none;
 }
-article .swiper._wrapper_1prat_73 .swiper-pagination-bullet:focus-visible {
+article .swiper._wrapper_ldua9_82 .swiper-pagination-bullet:focus-visible {
 	outline: 2px solid var(--cc-primary-color-focus);
 	outline-offset: 2px;
 }
-article .swiper._wrapper_1prat_73 button.swiper-pagination-bullet {
+article .swiper._wrapper_ldua9_82 button.swiper-pagination-bullet {
 	border: none;
 	margin: 0;
 	padding: 0;
@@ -57856,21 +56870,21 @@ article .swiper._wrapper_1prat_73 button.swiper-pagination-bullet {
 	-webkit-appearance: none;
 	appearance: none;
 }
-article .swiper._wrapper_1prat_73 .swiper-pagination-clickable .swiper-pagination-bullet {
+article .swiper._wrapper_ldua9_82 .swiper-pagination-clickable .swiper-pagination-bullet {
 	cursor: pointer;
 }
-article .swiper._wrapper_1prat_73 .swiper-pagination-bullet:only-child {
+article .swiper._wrapper_ldua9_82 .swiper-pagination-bullet:only-child {
 	display: none !important;
 }
-article .swiper._wrapper_1prat_73 .swiper-pagination-bullet-active {
+article .swiper._wrapper_ldua9_82 .swiper-pagination-bullet-active {
 	opacity: 1;
 	background-color: black;
 }
 article
-	.swiper._wrapper_1prat_73
+	.swiper._wrapper_ldua9_82
 	.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
 article
-	.swiper._wrapper_1prat_73
+	.swiper._wrapper_ldua9_82
 	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
 	margin: 0 4px;
 }
@@ -86006,7 +85020,10 @@ const ActionButton = props2 => {
   const __html = config2?.settings?.layout?.disableHtmlContentSanitization ? buttonLabel : sanitizeHTMLWithConfig(buttonLabel, customAllowedHtmlTags);
   const isPhoneNumber = button2.payload && (buttonType === "phone_number" || buttonType === "user_phone_number");
   const isWebURL = "type" in button2 && button2.type === "web_url";
+  const sanitizedButtonUrl = isWebURL ? distExports.sanitizeUrl(button2.url) : void 0;
+  const webUrlHref = config2?.settings?.layout?.disableUrlButtonSanitization ? button2.url : sanitizedButtonUrl === "about:blank" ? "about:blank" : button2.url;
   const isWebURLButtonTargetBlank = isWebURL && button2.target !== "_self";
+  const opensInNewTab = config2?.settings?.layout?.disableUrlButtonSanitization ? isWebURL && button2.target === "_blank" : isWebURLButtonTargetBlank;
   const opensInNewTabLabel = config2?.settings?.customTranslations?.ariaLabels?.opensInNewTab || "Opens in new tab";
   const positionText = total > 1 ? interpolateString(config2?.settings?.customTranslations?.ariaLabels?.actionButtonPositionText ?? "{position} of {total}", {
     position: position2.toString(),
@@ -86025,7 +85042,7 @@ const ActionButton = props2 => {
      as PhoneNumberAnchor: children come in via the {...props} spread. */
   isWebURL ? /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a", {
     ...props22,
-    href: button2.url,
+    href: webUrlHref,
     target: button2.target
   }) : null);
   const Button2 = props22 => /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", {
@@ -86045,15 +85062,19 @@ const ActionButton = props2 => {
       return;
     }
     if (isWebURL) {
-      const url = config2?.settings?.layout?.disableUrlButtonSanitization ? button2.url : distExports.sanitizeUrl(button2.url);
+      if (config2?.settings?.layout?.disableUrlButtonSanitization) {
+        if (disabled2) event.preventDefault();
+        return;
+      }
+      event.preventDefault();
+      if (disabled2) return;
+      const url = sanitizedButtonUrl;
       if (url === "about:blank") return;
       window.open(url, isWebURLButtonTargetBlank ? "_blank" : "_self");
+      return;
     }
     if (disabled2) return;
     event.preventDefault();
-    if (isWebURL) {
-      return;
-    }
     if (buttonType === "openXApp") {
       openXAppOverlay?.(button2.payload);
       return;
@@ -86100,7 +85121,7 @@ const ActionButton = props2 => {
         __html
       },
       className: !!buttonImage2 && classes$e.buttonLabelWithImage
-    }), renderIcon(), isWebURL && isWebURLButtonTargetBlank && /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
+    }), renderIcon(), opensInNewTab && /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
       className: mainClasses.srOnly,
       children: `, ${opensInNewTabLabel}`
     })]
@@ -93288,13 +92309,13 @@ const List = () => {
     })]
   });
 };
-const slideItem = "_slideItem_1prat_1";
-const top = "_top_1prat_8";
-const bottom = "_bottom_1prat_13";
-const brokenImage = "_brokenImage_1prat_34";
-const hasExtraInfo = "_hasExtraInfo_1prat_43";
-const buttonListItem = "_buttonListItem_1prat_63";
-const wrapper$1 = "_wrapper_1prat_73";
+const slideItem = "_slideItem_ldua9_1";
+const top = "_top_ldua9_8";
+const bottom = "_bottom_ldua9_13";
+const brokenImage = "_brokenImage_ldua9_34";
+const hasExtraInfo = "_hasExtraInfo_ldua9_43";
+const buttonListItem = "_buttonListItem_ldua9_72";
+const wrapper$1 = "_wrapper_ldua9_82";
 const classes$8 = {
   slideItem,
   top,
@@ -99089,12 +98110,15 @@ const GalleryItem = props2 => {
     "data-message-id": dataMessageId
   } = useMessageContext();
   const hasExtraInfo2 = subtitle || buttons2 && buttons2?.length > 0;
+  const titleBelowImage = !!config2?.settings?.layout?.galleryCardTitleBelowImage;
   const [isImageBroken, setImageBroken] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
   const {
     processHTML
   } = useSanitize();
-  const titleHtml = processHTML(title);
-  const subtitleHtml = processHTML(subtitle);
+  const titleHtml = processHTML(title || "");
+  const subtitleHtml = processHTML(subtitle || "");
+  const hasTitle = !!titleHtml;
+  const showContentBlock = titleBelowImage && hasTitle || hasExtraInfo2;
   const titleId = useRandomId("webchatCarouselTemplateTitle");
   const subtitleId = useRandomId("webchatCarouselTemplateSubtitle");
   const shouldBeDisabled = messageParams?.isConversationEnded;
@@ -99111,19 +98135,20 @@ const GalleryItem = props2 => {
       handleClick();
     }
   };
+  const titleElement = /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Typography, {
+    variant: "body-semibold",
+    component: "h4",
+    dangerouslySetInnerHTML: {
+      __html: titleHtml
+    },
+    className: "webchat-carousel-template-title",
+    id: titleId
+  });
   return /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
     className: classnames$1("webchat-carousel-template-frame", classes$8.slideItem),
     children: [/* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-      className: classnames$1(classes$8.top, hasExtraInfo2 && classes$8.hasExtraInfo),
-      children: [/* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Typography, {
-        variant: "body-semibold",
-        component: "h4",
-        dangerouslySetInnerHTML: {
-          __html: titleHtml
-        },
-        className: "webchat-carousel-template-title",
-        id: titleId
-      }), isImageBroken ? /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
+      className: classnames$1(classes$8.top, showContentBlock && classes$8.hasExtraInfo),
+      children: [!titleBelowImage && hasTitle && titleElement, isImageBroken ? /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
         className: classes$8.brokenImage
       }) : /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", {
         src: image_url,
@@ -99131,16 +98156,16 @@ const GalleryItem = props2 => {
         className: classes$8.slideImage,
         onError: () => setImageBroken(true)
       })]
-    }), hasExtraInfo2 && /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+    }), showContentBlock && /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
       className: classnames$1("webchat-carousel-template-content", classes$8.bottom),
       onClick: handleClick,
       onKeyDown: handleKeyDown,
       role: default_action?.url ? "link" : void 0,
       id: contentId,
       "aria-describedby": default_action?.url && subtitle ? subtitleId : void 0,
-      "aria-labelledby": default_action?.url && title ? titleId : void 0,
+      "aria-labelledby": default_action?.url && hasTitle ? titleId : void 0,
       "aria-label": default_action?.url ? `${titleHtml}. ${opensInNewTab}` : void 0,
-      children: [subtitle && /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Typography, {
+      children: [titleBelowImage && hasTitle && titleElement, subtitle && /* @__PURE__ */(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Typography, {
         variant: "body-regular",
         dangerouslySetInnerHTML: {
           __html: subtitleHtml
@@ -99155,7 +98180,7 @@ const GalleryItem = props2 => {
         action: shouldBeDisabled ? void 0 : action,
         config: config2,
         onEmitAnalytics,
-        templateTextId: title ? titleId : void 0
+        templateTextId: hasTitle ? titleId : void 0
       })]
     })]
   });
@@ -140527,16 +139552,29 @@ class Axios {
       const onFulfilled = requestInterceptorChain[i++];
       const onRejected = requestInterceptorChain[i++];
       try {
-        newConfig = onFulfilled(newConfig);
+        newConfig = onFulfilled ? onFulfilled(newConfig) : newConfig;
       } catch (error) {
-        onRejected.call(this, error);
+        if (!onRejected) {
+          promise = Promise.reject(error);
+          break;
+        }
+        try {
+          const rejectedResult = onRejected.call(this, error);
+          if (_utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.isThenable(rejectedResult)) {
+            promise = Promise.resolve(rejectedResult).then(() => _dispatchRequest_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A.call(this, newConfig));
+          }
+        } catch (rejectedError) {
+          promise = Promise.reject(rejectedError);
+        }
         break;
       }
     }
-    try {
-      promise = _dispatchRequest_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A.call(this, newConfig);
-    } catch (error) {
-      return Promise.reject(error);
+    if (!promise) {
+      try {
+        promise = _dispatchRequest_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A.call(this, newConfig);
+      } catch (error) {
+        promise = Promise.reject(error);
+      }
     }
     i = 0;
     len = responseInterceptorChain.length;
@@ -140592,7 +139630,8 @@ _utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.forEach(['post', 'put
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   X: () => (/* binding */ REDACTED)
 /* harmony export */ });
 /* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21285);
 /* harmony import */ var _AxiosHeaders_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(88580);
@@ -140656,9 +139695,33 @@ function redactConfig(config, redactKeys) {
   };
   return visit(config);
 }
+function stringifySafely(value) {
+  try {
+    return String(value);
+  } catch (err) {
+    return '';
+  }
+}
+function aggregateErrorMessage(error) {
+  const message = error.errors.map(entry => {
+    try {
+      return entry && entry.message ? stringifySafely(entry.message) : stringifySafely(entry);
+    } catch (err) {
+      return '';
+    }
+  }).filter(Boolean).join('; ');
+  return message || error.name || 'AggregateError';
+}
 class AxiosError extends Error {
   static from(error, code, config, request, response, customProps) {
-    const axiosError = new AxiosError(error.message, code || error.code, config, request, response);
+    // `AggregateError` (thrown by Node on dual-stack/Happy-Eyeballs connection
+    // failures) has an empty `message`; its detail lives in `errors[]`. Without
+    // this, the wrapped error surfaces with a blank message (see #6721).
+    let message = error.message;
+    if (!message && _utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.isArray(error.errors) && error.errors.length) {
+      message = aggregateErrorMessage(error);
+    }
+    const axiosError = new AxiosError(message, code || error.code, config, request, response);
     // Match native `Error` `cause` semantics: non-enumerable. The wrapped
     // error often carries circular internals (sockets, requests, agents), so
     // an enumerable `cause` makes structured loggers (pino/winston) and any
@@ -140798,6 +139861,90 @@ function parseTokens(str) {
   }
   return tokens;
 }
+const parameterNameRE = /^[!#$%&'*+\-.^_`|~0-9A-Za-z]+$/;
+function trimOWS(value) {
+  let start = 0;
+  let end = value.length;
+  while (start < end) {
+    const code = value.charCodeAt(start);
+    if (code !== 0x09 && code !== 0x20) {
+      break;
+    }
+    start += 1;
+  }
+  while (end > start) {
+    const code = value.charCodeAt(end - 1);
+    if (code !== 0x09 && code !== 0x20) {
+      break;
+    }
+    end -= 1;
+  }
+  return start === 0 && end === value.length ? value : value.slice(start, end);
+}
+function decodeQuotedString(value) {
+  const last = value.length - 1;
+  if (last < 1 || value.charCodeAt(0) !== 0x22 || value.charCodeAt(last) !== 0x22) {
+    return value;
+  }
+  let decoded = '';
+  for (let i = 1; i < last; i++) {
+    const code = value.charCodeAt(i);
+    if (code === 0x22) {
+      return value;
+    }
+    if (code === 0x5c) {
+      i += 1;
+      if (i >= last) {
+        return value;
+      }
+    }
+    decoded += value[i];
+  }
+  return decoded;
+}
+function parseParameters(value) {
+  const parameters = Object.create(null);
+  const str = String(value);
+  let start = 0;
+  let quoted = false;
+  let escaped = false;
+  function parseParameter(end) {
+    const part = trimOWS(str.slice(start, end));
+    const equals = part.indexOf('=');
+    if (equals < 1) {
+      return;
+    }
+    const name = trimOWS(part.slice(0, equals));
+    if (!parameterNameRE.test(name)) {
+      return;
+    }
+    const normalizedName = name.toLowerCase();
+    if (normalizedName === '__proto__' || normalizedName === 'constructor' || normalizedName === 'prototype') {
+      return;
+    }
+    const parameterValue = trimOWS(part.slice(equals + 1));
+    parameters[normalizedName] = decodeQuotedString(parameterValue);
+  }
+  for (let i = 0; i < str.length; i++) {
+    const code = str.charCodeAt(i);
+    if (quoted) {
+      if (escaped) {
+        escaped = false;
+      } else if (code === 0x5c) {
+        escaped = true;
+      } else if (code === 0x22) {
+        quoted = false;
+      }
+    } else if (code === 0x22) {
+      quoted = true;
+    } else if (code === 0x2c || code === 0x3b) {
+      parseParameter(i);
+      start = i + 1;
+    }
+  }
+  parseParameter(str.length);
+  return parameters;
+}
 const isValidHeaderName = str => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(str.trim());
 function matchHeaderValue(context, value, header, filter, isHeaderNameFilter) {
   if (_utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.isFunction(filter)) {
@@ -140975,7 +140122,8 @@ class AxiosHeaders {
     return Object.entries(this.toJSON()).map(([header, value]) => header + ': ' + value).join('\n');
   }
   getSetCookie() {
-    return this.get('set-cookie') || [];
+    const value = this.get('set-cookie');
+    return _utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.isArray(value) ? value : value == null || value === false ? [] : [value];
   }
   get [Symbol.toStringTag]() {
     return 'AxiosHeaders';
@@ -140983,6 +140131,9 @@ class AxiosHeaders {
   static from(thing) {
     return thing instanceof this ? thing : new this(thing);
   }
+  static parseParameters(value) {
+    return parseParameters(value);
+  }
   static concat(first, ...targets) {
     const computed = new this(first);
     targets.forEach(target => computed.set(target));
@@ -141130,9 +140281,39 @@ function stripLeadingC0ControlOrSpace(url) {
 function normalizeURLForProtocolCheck(url) {
   return stripLeadingC0ControlOrSpace(url).replace(httpProtocolControlCharacters, '');
 }
+
+// Redact the parts of a URL that can carry secrets before it is embedded in an
+// error message. AxiosError.toJSON() serializes `message` verbatim and errors
+// are commonly logged, while the opt-in `config.redact` model only cleans
+// config keys — it cannot reach the message. Redact only the genuinely
+// sensitive substrings — userinfo (credentials), query parameter values and
+// fragment contents — with the same REDACTED marker the config redaction uses,
+// while keeping the scheme, host, path and parameter names so the offending
+// request stays accurately identifiable.
+function redactFragment(fragment) {
+  if (!fragment) {
+    return fragment;
+  }
+  return fragment.replace(/(^|&)([^=&]*=)?[^&]+/g, (match, separator, parameterName = '') => {
+    return `${separator}${parameterName}${_AxiosError_js__WEBPACK_IMPORTED_MODULE_0__/* .REDACTED */ .X}`;
+  });
+}
+function redactSensitiveURLParts(url) {
+  const redactedURL = url.replace(/^(https?:\/{0,2})[^/?#]*@/i, `$1${_AxiosError_js__WEBPACK_IMPORTED_MODULE_0__/* .REDACTED */ .X}@`);
+  const fragmentIndex = redactedURL.indexOf('#');
+  const urlWithoutFragment = fragmentIndex === -1 ? redactedURL : redactedURL.slice(0, fragmentIndex);
+  const redactedURLWithoutFragment = urlWithoutFragment.replace(/([?&][^=&#]*=)[^&#]*/g, `$1${_AxiosError_js__WEBPACK_IMPORTED_MODULE_0__/* .REDACTED */ .X}`);
+  if (fragmentIndex === -1) {
+    return redactedURLWithoutFragment;
+  }
+  return `${redactedURLWithoutFragment}#${redactFragment(redactedURL.slice(fragmentIndex + 1))}`;
+}
 function assertValidHttpProtocolURL(url, config) {
-  if (typeof url === 'string' && malformedHttpProtocol.test(normalizeURLForProtocolCheck(url))) {
-    throw new _AxiosError_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A('Invalid URL: missing "//" after protocol', _AxiosError_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.ERR_INVALID_URL, config);
+  if (typeof url === 'string') {
+    const normalizedURL = normalizeURLForProtocolCheck(url);
+    if (malformedHttpProtocol.test(normalizedURL)) {
+      throw new _AxiosError_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A(`Invalid URL ${JSON.stringify(redactSensitiveURLParts(normalizedURL))}: missing "//" after protocol`, _AxiosError_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.ERR_INVALID_URL, config);
+    }
   }
 }
 
@@ -141262,6 +140443,12 @@ function dispatchRequest(config) {
 const headersToObject = thing => thing instanceof _AxiosHeaders_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A ? {
   ...thing
 } : thing;
+const ownEnumerableKeys = thing => {
+  if (Object.getOwnPropertySymbols && Object.getOwnPropertyDescriptor) {
+    return Object.keys(thing).concat(Object.getOwnPropertySymbols(thing).filter(symbol => Object.getOwnPropertyDescriptor(thing, symbol).enumerable));
+  }
+  return Object.keys(thing);
+};
 
 /**
  * Config-specific merge-function which creates a new config-object
@@ -141384,7 +140571,7 @@ function mergeConfig(config1, config2) {
     validateStatus: mergeDirectKeys,
     headers: (a, b, prop) => mergeDeepProperties(headersToObject(a), headersToObject(b), prop, true)
   };
-  _utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.forEach(Object.keys({
+  _utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.forEach(ownEnumerableKeys({
     ...config1,
     ...config2
   }), function computeConfigValue(prop) {
@@ -141407,6 +140594,41 @@ function mergeConfig(config1, config2) {
 
 /***/ },
 
+/***/ 19524
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ setFormDataHeaders)
+/* harmony export */ });
+
+
+const FORM_DATA_CONTENT_HEADERS = ['content-type', 'content-length'];
+
+/**
+ * Apply the headers generated by a FormData implementation to the request headers,
+ * honoring the `formDataHeaderPolicy` option: with 'content-only', copy only the
+ * content-* headers; otherwise merge all of them.
+ *
+ * @param {AxiosHeaders} headers - the request headers to mutate
+ * @param {Object | null | undefined} formHeaders - headers produced by the FormData implementation
+ * @param {String} [policy] - the resolved `formDataHeaderPolicy` config value
+ *
+ * @returns {void}
+ */
+function setFormDataHeaders(headers, formHeaders, policy) {
+  if (policy !== 'content-only') {
+    headers.set(formHeaders);
+    return;
+  }
+  Object.entries(formHeaders || {}).forEach(([key, val]) => {
+    if (FORM_DATA_CONTENT_HEADERS.includes(key.toLowerCase())) {
+      headers.set(key, val);
+    }
+  });
+}
+
+/***/ },
+
 /***/ 19783
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
@@ -141645,7 +140867,7 @@ _utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.forEach(['delete', 'g
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   x: () => (/* binding */ VERSION)
 /* harmony export */ });
-const VERSION = "1.18.1";
+const VERSION = "1.19.0";
 
 /***/ },
 
@@ -141778,6 +141000,7 @@ const HttpStatusCode = {
   LoopDetected: 508,
   NotExtended: 510,
   NetworkAuthenticationRequired: 511,
+  WebServerReturnsAnUnknownError: 520,
   WebServerIsDown: 521,
   ConnectionTimedOut: 522,
   OriginIsUnreachable: 523,
@@ -141899,7 +141122,14 @@ function buildURL(url, params, options) {
  * @returns {string} The combined URL
  */
 function combineURLs(baseURL, relativeURL) {
-  return relativeURL ? baseURL.replace(/\/?\/$/, '') + '/' + relativeURL.replace(/^\/+/, '') : baseURL;
+  if (!relativeURL) {
+    return baseURL;
+  }
+  let end = baseURL.length;
+  while (end > 0 && baseURL.charCodeAt(end - 1) === 47) {
+    end--;
+  }
+  return baseURL.slice(0, end) + '/' + relativeURL.replace(/^\/+/, '');
 }
 
 /***/ },
@@ -141946,9 +141176,18 @@ const composeSignals = (signals, timeout) => {
     });
     signals = null;
   };
-  signals.forEach(signal => signal.addEventListener('abort', onabort, {
-    once: true
-  }));
+  signals.forEach(signal => {
+    if (aborted) {
+      return;
+    }
+    if (signal.aborted) {
+      onabort.call(signal);
+      return;
+    }
+    signal.addEventListener('abort', onabort, {
+      once: true
+    });
+  });
   const {
     signal
   } = controller;
@@ -142034,18 +141273,84 @@ const composeSignals = (signals, timeout) => {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ estimateDataURLDecodedBytes)
 /* harmony export */ });
+/* unused harmony export estimateDataURLBufferAllocation */
 /**
- * Estimate decoded byte length of a data:// URL *without* allocating large buffers.
- * - For base64: compute exact decoded size using length and padding;
- *               handle %XX at the character-count level (no string allocation).
- * - For non-base64: compute the exact percent-decoded UTF-8 byte length.
- *
- * @param {string} url
- * @returns {number}
+ * Estimate data: URL byte lengths *without* allocating large buffers.
+ * - Fetch percent-decodes a base64 body before decoding it.
+ * - Node's Buffer.from(body, 'base64') sizes its backing allocation from the
+ *   raw body, including ignored characters and content after padding.
+ * - Non-base64 data is percent-decoded and then encoded as UTF-8.
  */
 const isHexDigit = charCode => charCode >= 48 && charCode <= 57 || charCode >= 65 && charCode <= 70 || charCode >= 97 && charCode <= 102;
 const isPercentEncodedByte = (str, i, len) => i + 2 < len && isHexDigit(str.charCodeAt(i + 1)) && isHexDigit(str.charCodeAt(i + 2));
-function estimateDataURLDecodedBytes(url) {
+const hexValue = charCode => charCode <= 57 ? charCode - 48 : (charCode & 0xdf) - 55;
+const isBase64Char = charCode => charCode >= 65 && charCode <= 90 ||
+// A-Z
+charCode >= 97 && charCode <= 122 ||
+// a-z
+charCode >= 48 && charCode <= 57 ||
+// 0-9
+charCode === 43 ||
+// +
+charCode === 47 ||
+// /
+charCode === 45 ||
+// - (base64url)
+charCode === 95; // _ (base64url)
+
+const isBase64Whitespace = charCode => charCode === 9 || charCode === 10 || charCode === 12 || charCode === 13 || charCode === 32;
+const base64Bytes = significant => {
+  const groups = Math.floor(significant / 4);
+  const remainder = significant % 4;
+  return groups * 3 + (remainder === 2 ? 1 : remainder === 3 ? 2 : 0);
+};
+
+// Buffer.byteLength(body, 'base64') uses the raw string length as an allocation
+// upper bound even when Buffer.from later ignores characters or stops at '='.
+const estimateBase64BufferAllocation = body => {
+  const len = body.length;
+  let padding = 0;
+  if (len > 0 && body.charCodeAt(len - 1) === 61 /* '=' */) {
+    padding++;
+    if (len > 1 && body.charCodeAt(len - 2) === 61 /* '=' */) {
+      padding++;
+    }
+  }
+  return Math.floor((len - padding) * 3 / 4);
+};
+const estimatePercentDecodedBase64Bytes = body => {
+  const len = body.length;
+  let significant = 0;
+  let padding = 0;
+  let invalid = false;
+  for (let i = 0; i < len; i++) {
+    let code = body.charCodeAt(i);
+    if (code === 37 /* '%' */ && isPercentEncodedByte(body, i, len)) {
+      code = hexValue(body.charCodeAt(i + 1)) * 16 + hexValue(body.charCodeAt(i + 2));
+      i += 2;
+    }
+    if (isBase64Whitespace(code)) {
+      continue;
+    }
+    if (code === 61 /* '=' */) {
+      padding++;
+      continue;
+    }
+    if (!isBase64Char(code) || padding > 0) {
+      invalid = true;
+      continue;
+    }
+    significant++;
+  }
+
+  // Fetch rejects malformed forgiving-base64 input. Returning the raw-size
+  // allocation bound keeps that invalid input from becoming a pre-check bypass.
+  if (invalid || padding > 2 || padding > 0 && (significant + padding) % 4 !== 0 || significant % 4 === 1) {
+    return estimateBase64BufferAllocation(body);
+  }
+  return base64Bytes(significant);
+};
+const estimateDataURLBytes = (url, estimateBase64) => {
   if (!url || typeof url !== 'string') return 0;
   if (!url.startsWith('data:')) return 0;
   const comma = url.indexOf(',');
@@ -142054,47 +141359,7 @@ function estimateDataURLDecodedBytes(url) {
   const body = url.slice(comma + 1);
   const isBase64 = /;base64/i.test(meta);
   if (isBase64) {
-    let effectiveLen = body.length;
-    const len = body.length; // cache length
-
-    for (let i = 0; i < len; i++) {
-      if (body.charCodeAt(i) === 37 /* '%' */ && i + 2 < len) {
-        const a = body.charCodeAt(i + 1);
-        const b = body.charCodeAt(i + 2);
-        const isHex = isHexDigit(a) && isHexDigit(b);
-        if (isHex) {
-          effectiveLen -= 2;
-          i += 2;
-        }
-      }
-    }
-    let pad = 0;
-    let idx = len - 1;
-    const tailIsPct3D = j => j >= 2 && body.charCodeAt(j - 2) === 37 &&
-    // '%'
-    body.charCodeAt(j - 1) === 51 && (
-    // '3'
-    body.charCodeAt(j) === 68 || body.charCodeAt(j) === 100); // 'D' or 'd'
-
-    if (idx >= 0) {
-      if (body.charCodeAt(idx) === 61 /* '=' */) {
-        pad++;
-        idx--;
-      } else if (tailIsPct3D(idx)) {
-        pad++;
-        idx -= 3;
-      }
-    }
-    if (pad === 1 && idx >= 0) {
-      if (body.charCodeAt(idx) === 61 /* '=' */) {
-        pad++;
-      } else if (tailIsPct3D(idx)) {
-        pad++;
-      }
-    }
-    const groups = Math.floor(effectiveLen / 4);
-    const bytes = groups * 3 - (pad || 0);
-    return bytes > 0 ? bytes : 0;
+    return estimateBase64(body);
   }
 
   // Compute UTF-8 byte length directly from UTF-16 code units without allocating
@@ -142124,6 +141389,28 @@ function estimateDataURLDecodedBytes(url) {
     }
   }
   return bytes;
+};
+
+/**
+ * Estimate the percent-decoded payload size used by Fetch data: URLs.
+ *
+ * @param {string} url
+ * @returns {number}
+ */
+function estimateDataURLDecodedBytes(url) {
+  // Fetch removes URL fragments before processing a data: URL.
+  const fragmentIndex = typeof url === 'string' ? url.indexOf('#') : -1;
+  return estimateDataURLBytes(fragmentIndex === -1 ? url : url.slice(0, fragmentIndex), estimatePercentDecodedBase64Bytes);
+}
+
+/**
+ * Estimate the Buffer backing allocation used by Node's raw base64 decoder.
+ *
+ * @param {string} url
+ * @returns {number}
+ */
+function estimateDataURLBufferAllocation(url) {
+  return estimateDataURLBytes(url, estimateBase64BufferAllocation);
 }
 
 /***/ },
@@ -142157,12 +141444,18 @@ function throwIfDepthExceeded(index) {
  * @returns An array of strings.
  */
 function parsePropPath(name) {
-  // foo[x][y][z]
-  // foo.x.y.z
-  // foo-x-y-z
-  // foo x y z
+  // foo[x][y][z] -> ['foo', 'x', 'y', 'z']
+  // foo.x.y.z    -> ['foo', 'x', 'y', 'z']
+  // A path is split on `.` and on `[...]` groups. A segment — whether written
+  // in dot notation or captured inside brackets — may contain any character
+  // except `.`, `[` and `]`, so a key like `user-name` or `user name` is kept
+  // literal instead of being split (#5402). `.`, `[` and `]` keep their existing
+  // meaning, e.g. `foo[bar.baz]` -> ['foo', 'bar', 'baz'] and `[]` is an array push.
+  // Excluding `[` from the bracket group also makes the match fail fast at the
+  // next `[`, so a malformed name cannot rescan to the end of the string from
+  // every unmatched `[` — parsing stays linear in the length of the name.
   const path = [];
-  const pattern = /\w+|\[(\w*)]/g;
+  const pattern = /[^.[\]]+|\[([^.[\]]*)]/g;
   let match;
   while ((match = pattern.exec(name)) !== null) {
     throwIfDepthExceeded(path.length);
@@ -142351,17 +141644,18 @@ const ignoreDuplicateOf = _utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] *
     i = line.indexOf(':');
     key = line.substring(0, i).trim().toLowerCase();
     val = line.substring(i + 1).trim();
-    if (!key || parsed[key] && ignoreDuplicateOf[key]) {
+    const hasKey = _utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.hasOwnProp(parsed, key);
+    if (!key || hasKey && _utils_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.hasOwnProp(ignoreDuplicateOf, key)) {
       return;
     }
     if (key === 'set-cookie') {
-      if (parsed[key]) {
+      if (hasKey) {
         parsed[key].push(val);
       } else {
         parsed[key] = [val];
       }
     } else {
-      parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;
+      parsed[key] = hasKey ? parsed[key] + ', ' + val : val;
     }
   });
   return parsed;
@@ -142408,7 +141702,7 @@ const progressEventReducer = (listener, isDownloadStream, freq = 3) => {
     }
     const rawLoaded = e.loaded;
     const total = e.lengthComputable ? e.total : undefined;
-    const loaded = total != null ? Math.min(rawLoaded, total) : rawLoaded;
+    const loaded = Math.max(0, total != null ? Math.min(rawLoaded, total) : rawLoaded);
     const progressBytes = Math.max(0, loaded - bytesNotified);
     const rate = _speedometer(progressBytes);
     bytesNotified = Math.max(bytesNotified, loaded);
@@ -142434,7 +141728,7 @@ const progressEventDecorator = (total, throttled) => {
     loaded
   }), throttled[1]];
 };
-const asyncDecorator = fn => (...args) => _utils_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.asap(() => fn(...args));
+const asyncDecorator = (fn, scheduler = _utils_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.asap) => (...args) => scheduler(() => fn(...args));
 
 /***/ },
 
@@ -142452,7 +141746,9 @@ const asyncDecorator = fn => (...args) => _utils_js__WEBPACK_IMPORTED_MODULE_2__
 /* harmony import */ var _core_buildFullPath_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1216);
 /* harmony import */ var _core_mergeConfig_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6068);
 /* harmony import */ var _core_AxiosHeaders_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(88580);
-/* harmony import */ var _buildURL_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(50869);
+/* harmony import */ var _core_setFormDataHeaders_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(19524);
+/* harmony import */ var _buildURL_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(50869);
+
 
 
 
@@ -142462,18 +141758,6 @@ const asyncDecorator = fn => (...args) => _utils_js__WEBPACK_IMPORTED_MODULE_2__
 
 
 
-const FORM_DATA_CONTENT_HEADERS = ['content-type', 'content-length'];
-function setFormDataHeaders(headers, formHeaders, policy) {
-  if (policy !== 'content-only') {
-    headers.set(formHeaders);
-    return;
-  }
-  Object.entries(formHeaders || {}).forEach(([key, val]) => {
-    if (FORM_DATA_CONTENT_HEADERS.includes(key.toLowerCase())) {
-      headers.set(key, val);
-    }
-  });
-}
 
 /**
  * Encode a UTF-8 string to a Latin-1 byte string for use with btoa().
@@ -142500,7 +141784,7 @@ function resolveConfig(config) {
   const allowAbsoluteUrls = own('allowAbsoluteUrls');
   const url = own('url');
   newConfig.headers = headers = _core_AxiosHeaders_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A.from(headers);
-  newConfig.url = (0,_buildURL_js__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)((0,_core_buildFullPath_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)(baseURL, url, allowAbsoluteUrls, newConfig), own('params'), own('paramsSerializer'));
+  newConfig.url = (0,_buildURL_js__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)((0,_core_buildFullPath_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)(baseURL, url, allowAbsoluteUrls, newConfig), own('params'), own('paramsSerializer'));
 
   // HTTP basic authentication
   if (auth) {
@@ -142517,7 +141801,7 @@ function resolveConfig(config) {
       headers.setContentType(undefined); // browser/web worker/RN handles it
     } else if (_utils_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.isFunction(data.getHeaders)) {
       // Node.js FormData (like form-data package)
-      setFormDataHeaders(headers, data.getHeaders(), own('formDataHeaderPolicy'));
+      (0,_core_setFormDataHeaders_js__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(headers, data.getHeaders(), own('formDataHeaderPolicy'));
     }
   }
 
@@ -142755,6 +142039,7 @@ function throttle(fn, freq) {
 // temporary hotfix to avoid circular references until AxiosURLSearchParams is refactored
 
 
+
 // Default nesting limit shared with the inverse transform (formDataToJSON) so
 // the FormData <-> JSON round-trip stays symmetric.
 const DEFAULT_FORM_DATA_MAX_DEPTH = 100;
@@ -142880,8 +142165,8 @@ function toFormData(obj, formData, options) {
       if (useBlob && typeof _Blob === 'function') {
         return new _Blob([value]);
       }
-      if (typeof Buffer !== 'undefined') {
-        return Buffer.from(value);
+      if (_platform_node_classes_FormData_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A && _platform_node_classes_FormData_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.isBufferAvailable()) {
+        return _platform_node_classes_FormData_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.from(value);
       }
       throw new _core_AxiosError_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A('Blob is not supported. Use a Buffer instead.', _core_AxiosError_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.ERR_NOT_SUPPORT);
     }
@@ -143606,6 +142891,7 @@ const isBlob = kindOfTest('Blob');
  * @returns {boolean} True if value is a FileList, otherwise false
  */
 const isFileList = kindOfTest('FileList');
+const isSet = kindOfTest('Set');
 
 /**
  * Determine if a value is a Stream
@@ -144128,11 +143414,20 @@ const toJSONObject = obj => {
       if (!('toJSON' in source)) {
         // add-on descent / delete-on-ascent: preserves path semantics, so DAG nodes serialise at every occurrence (see #7230).
         visited.add(source);
-        const target = isArray(source) ? [] : {};
-        forEach(source, (value, key) => {
-          const reducedValue = visit(value);
-          !isUndefined(reducedValue) && (target[key] = reducedValue);
-        });
+        let target;
+        if (isSet(source)) {
+          target = [];
+          for (const value of source) {
+            const reducedValue = visit(value);
+            !isUndefined(reducedValue) && target.push(reducedValue);
+          }
+        } else {
+          target = isArray(source) ? [] : {};
+          forEach(source, (value, key) => {
+            const reducedValue = visit(value);
+            !isUndefined(reducedValue) && (target[key] = reducedValue);
+          });
+        }
         visited.delete(source);
         return target;
       }
@@ -176192,9 +175487,10 @@ var castImmutable = (value) => value;
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Ay: () => (/* binding */ zt),
+/* harmony export */   Nk: () => (/* binding */ V),
 /* harmony export */   l$: () => (/* binding */ Fe)
 /* harmony export */ });
-/* unused harmony exports CheckmarkIcon, ErrorIcon, LoaderIcon, ToastBar, ToastIcon, resolveValue, toast, useToaster, useToasterStore */
+/* unused harmony exports CheckmarkIcon, ErrorIcon, LoaderIcon, ToastBar, ToastIcon, resolveValue, toast, useToaster */
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var goober__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50938);
 "use client";