@seamly/web-ui 21.0.6 → 21.0.8

package/build/dist/lib/standalone.js

@@ -122,7 +122,7 @@ module.exports = Agent;
 
 /***/ }),
 
-/***/ 1766:
+/***/ 8158:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1149,7 +1149,7 @@ request.put = (url, data, fn) => {
 "use strict";
 
 
-var _Set = __webpack_require__(7487);
+var _Set = __webpack_require__(7724);
 var _Promise = __webpack_require__(6226);
 var _Array$isArray = __webpack_require__(8309);
 var _trimInstanceProperty = __webpack_require__(1607);
@@ -1582,7 +1582,7 @@ RequestBase.prototype.field = function (name, value, options) {
     value = String(value);
   }
 
-  // fix https://github.com/visionmedia/superagent/issues/1680
+  // fix https://github.com/ladjs/superagent/issues/1680
   if (options) this._getFormData().append(name, value, options);else this._getFormData().append(name, value);
   return this;
 };
@@ -1608,7 +1608,7 @@ RequestBase.prototype.abort = function () {
     //
     // References:
     // <https://github.com/nodejs/node/issues/31630>
-    // <https://github.com/visionmedia/superagent/pull/1084/commits/dc18679a7c5ccfc6046d882015e5126888973bc8>
+    // <https://github.com/ladjs/superagent/pull/1084/commits/dc18679a7c5ccfc6046d882015e5126888973bc8>
     //
     // Thanks to @shadowgate15 and @niftylettuce
     if (semver.gte(process.version, 'v13.0.0') && semver.lt(process.version, 'v14.0.0')) {
@@ -1653,7 +1653,8 @@ RequestBase.prototype._auth = function (user, pass, options, base64Encoder) {
  * using "Access-Control-Allow-Origin" with a wildcard,
  * and also must set "Access-Control-Allow-Credentials"
  * to "true".
- *
+ * @param {Boolean} [on=true] - Set 'withCredentials' state
+ * @return {Request} for chaining
  * @api public
  */
 
@@ -2563,6 +2564,36 @@ var parent = __webpack_require__(3059);
 module.exports = parent;
 
 
+/***/ }),
+
+/***/ 281:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(2547);
+
+module.exports = parent;
+
+
+/***/ }),
+
+/***/ 31:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(6509);
+
+module.exports = parent;
+
+
+/***/ }),
+
+/***/ 7487:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(5774);
+
+module.exports = parent;
+
+
 /***/ }),
 
 /***/ 4493:
@@ -2610,7 +2641,7 @@ module.exports = entryVirtual('Array').every;
 
 /***/ }),
 
-/***/ 6172:
+/***/ 4162:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 __webpack_require__(290);
@@ -2862,7 +2893,7 @@ module.exports = function (it) {
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 var isPrototypeOf = __webpack_require__(7046);
-var method = __webpack_require__(6172);
+var method = __webpack_require__(4162);
 
 var ArrayPrototype = Array.prototype;
 
@@ -3329,7 +3360,7 @@ module.exports = entryVirtual('String').includes;
 /***/ 3348:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-__webpack_require__(7398);
+__webpack_require__(6371);
 var entryVirtual = __webpack_require__(5703);
 
 module.exports = entryVirtual('String').trim;
@@ -3350,7 +3381,7 @@ __webpack_require__(5903);
 __webpack_require__(1825);
 __webpack_require__(8394);
 __webpack_require__(5915);
-__webpack_require__(1437);
+__webpack_require__(1766);
 __webpack_require__(9791);
 __webpack_require__(9911);
 __webpack_require__(4315);
@@ -3365,6 +3396,32 @@ var path = __webpack_require__(4058);
 module.exports = path.Symbol;
 
 
+/***/ }),
+
+/***/ 4227:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+__webpack_require__(6274);
+__webpack_require__(5967);
+__webpack_require__(7971);
+__webpack_require__(1825);
+var WrappedWellKnownSymbolModule = __webpack_require__(1477);
+
+module.exports = WrappedWellKnownSymbolModule.f('iterator');
+
+
+/***/ }),
+
+/***/ 2978:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+__webpack_require__(8084);
+__webpack_require__(3131);
+var WrappedWellKnownSymbolModule = __webpack_require__(1477);
+
+module.exports = WrappedWellKnownSymbolModule.f('toPrimitive');
+
+
 /***/ }),
 
 /***/ 2304:
@@ -3447,6 +3504,30 @@ module.exports = __webpack_require__(4904);
 module.exports = __webpack_require__(2093);
 
 
+/***/ }),
+
+/***/ 6600:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__(2201);
+
+
+/***/ }),
+
+/***/ 9759:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__(7398);
+
+
+/***/ }),
+
+/***/ 1384:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__(6189);
+
+
 /***/ }),
 
 /***/ 478:
@@ -3517,6 +3598,45 @@ var parent = __webpack_require__(5012);
 module.exports = parent;
 
 
+/***/ }),
+
+/***/ 2201:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(281);
+__webpack_require__(8783);
+__webpack_require__(3975);
+__webpack_require__(5799);
+__webpack_require__(1943);
+__webpack_require__(6774);
+// TODO: Remove from `core-js@4`
+__webpack_require__(5414);
+__webpack_require__(620);
+__webpack_require__(6172);
+
+module.exports = parent;
+
+
+/***/ }),
+
+/***/ 7398:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(31);
+
+module.exports = parent;
+
+
+/***/ }),
+
+/***/ 6189:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(7487);
+
+module.exports = parent;
+
+
 /***/ }),
 
 /***/ 4883:
@@ -9003,6 +9123,14 @@ $({ target: 'Date', stat: true }, {
 });
 
 
+/***/ }),
+
+/***/ 8084:
+/***/ (function() {
+
+// empty
+
+
 /***/ }),
 
 /***/ 3381:
@@ -10114,7 +10242,7 @@ defineIterator(String, 'String', function (iterated) {
 
 /***/ }),
 
-/***/ 7398:
+/***/ 6371:
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
@@ -10540,7 +10668,7 @@ defineWellKnownSymbol('match');
 
 /***/ }),
 
-/***/ 1437:
+/***/ 1766:
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 var defineWellKnownSymbol = __webpack_require__(3464);
@@ -10744,6 +10872,103 @@ collection('WeakSet', function (init) {
 __webpack_require__(1115);
 
 
+/***/ }),
+
+/***/ 8783:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+var defineWellKnownSymbol = __webpack_require__(3464);
+
+// `Symbol.asyncDispose` well-known symbol
+// https://github.com/tc39/proposal-using-statement
+defineWellKnownSymbol('asyncDispose');
+
+
+/***/ }),
+
+/***/ 3975:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+var defineWellKnownSymbol = __webpack_require__(3464);
+
+// `Symbol.dispose` well-known symbol
+// https://github.com/tc39/proposal-using-statement
+defineWellKnownSymbol('dispose');
+
+
+/***/ }),
+
+/***/ 5799:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+var defineWellKnownSymbol = __webpack_require__(3464);
+
+// `Symbol.matcher` well-known symbol
+// https://github.com/tc39/proposal-pattern-matching
+defineWellKnownSymbol('matcher');
+
+
+/***/ }),
+
+/***/ 1943:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+var defineWellKnownSymbol = __webpack_require__(3464);
+
+// `Symbol.metadataKey` well-known symbol
+// https://github.com/tc39/proposal-decorator-metadata
+defineWellKnownSymbol('metadataKey');
+
+
+/***/ }),
+
+/***/ 5414:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+// TODO: Remove from `core-js@4`
+var defineWellKnownSymbol = __webpack_require__(3464);
+
+// `Symbol.metadata` well-known symbol
+// https://github.com/tc39/proposal-decorators
+defineWellKnownSymbol('metadata');
+
+
+/***/ }),
+
+/***/ 6774:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+var defineWellKnownSymbol = __webpack_require__(3464);
+
+// `Symbol.observable` well-known symbol
+// https://github.com/tc39/proposal-observable
+defineWellKnownSymbol('observable');
+
+
+/***/ }),
+
+/***/ 620:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+// TODO: remove from `core-js@4`
+var defineWellKnownSymbol = __webpack_require__(3464);
+
+// `Symbol.patternMatch` well-known symbol
+// https://github.com/tc39/proposal-pattern-matching
+defineWellKnownSymbol('patternMatch');
+
+
+/***/ }),
+
+/***/ 6172:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+// TODO: remove from `core-js@4`
+var defineWellKnownSymbol = __webpack_require__(3464);
+
+defineWellKnownSymbol('replaceAll');
+
+
 /***/ }),
 
 /***/ 7634:
@@ -11262,6 +11487,27 @@ __webpack_require__(7634);
 module.exports = parent;
 
 
+/***/ }),
+
+/***/ 6509:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(4227);
+__webpack_require__(7634);
+
+module.exports = parent;
+
+
+/***/ }),
+
+/***/ 5774:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var parent = __webpack_require__(2978);
+
+module.exports = parent;
+
+
 /***/ }),
 
 /***/ 2010:
@@ -14235,7 +14481,7 @@ module.exports = __webpack_require__(7989);
 
 /***/ }),
 
-/***/ 7487:
+/***/ 7724:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 module.exports = __webpack_require__(5519);
@@ -14310,6 +14556,27 @@ module.exports = __webpack_require__(4710);
 
 module.exports = __webpack_require__(3799);
 
+/***/ }),
+
+/***/ 2472:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__(6600);
+
+/***/ }),
+
+/***/ 8994:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__(9759);
+
+/***/ }),
+
+/***/ 24:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__(1384);
+
 /***/ })
 
 /******/ 	});
@@ -14472,9 +14739,49 @@ var define_property = __webpack_require__(6718);
 var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/define-property.js
 var object_define_property = __webpack_require__(7445);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/symbol.js
+var symbol = __webpack_require__(2472);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/symbol/iterator.js
+var iterator = __webpack_require__(8994);
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/typeof.js
+
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof symbol && "symbol" == typeof iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof symbol && obj.constructor === symbol && obj !== symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/symbol/to-primitive.js
+var to_primitive = __webpack_require__(24);
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/toPrimitive.js
+
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[to_primitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/toPropertyKey.js
+
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/defineProperty.js
 
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     object_define_property(obj, key, {
       value: value,
@@ -14536,7 +14843,7 @@ var weak_set_default = /*#__PURE__*/__webpack_require__.n(weak_set);
 var reduce = __webpack_require__(4282);
 var reduce_default = /*#__PURE__*/__webpack_require__.n(reduce);
 // EXTERNAL MODULE: ./node_modules/superagent/lib/client.js
-var client = __webpack_require__(1766);
+var client = __webpack_require__(8158);
 var client_default = /*#__PURE__*/__webpack_require__.n(client);
 ;// CONCATENATED MODULE: ./src/javascripts/config.ts
 const CSS_NAME = 'cvco';
@@ -14596,16 +14903,16 @@ class SeamlyBaseError extends Error {
       Error.captureStackTrace(this, get_prototype_of_default()(this));
     }
     this.originalError = originalError;
-    if (originalError !== null && originalError !== void 0 && originalError.payload) {
+    if (originalError?.payload) {
       this.originalEvent = originalError;
       this.originalError = originalError.payload.error;
       this.message = `Event of type ${originalError.payload.type} encountered`;
     }
-    if (!this.message && originalError !== null && originalError !== void 0 && originalError.message) {
+    if (!this.message && originalError?.message) {
       const parsedOriginalMessage = parseOriginalErrMsg(originalError.message);
       this.message = parsedOriginalMessage;
     }
-    if (originalError !== null && originalError !== void 0 && originalError.error) {
+    if (originalError?.error) {
       this.originalError = originalError.error;
     }
   }
@@ -14896,9 +15203,6 @@ function store(key) {
     }
   };
 }
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/splice.js
-var splice = __webpack_require__(9940);
-var splice_default = /*#__PURE__*/__webpack_require__.n(splice);
 ;// CONCATENATED MODULE: ./node_modules/phoenix/priv/static/phoenix.mjs
 // js/phoenix/utils.js
 var closure = (value) => {
@@ -16205,10 +16509,10 @@ class ConversationConnector {
   }
   disconnect() {
     var _a, _b, _c;
-    __classPrivateFieldSet(this, _ConversationConnector_connectionListeners, [], "f");
     (_a = this.channel) === null || _a === void 0 ? void 0 : _a.leave();
     (_b = this.socket) === null || _b === void 0 ? void 0 : _b.remove(this.channel);
     (_c = this.socket) === null || _c === void 0 ? void 0 : _c.disconnect();
+    __classPrivateFieldSet(this, _ConversationConnector_connectionListeners, [], "f");
   }
   onConnection(cb) {
     __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, "f").push(cb);
@@ -16228,16 +16532,12 @@ _ConversationConnector_connectionListeners = new (weak_map_default())(), _Conver
     });
   });
 }, _ConversationConnector_emitConnectionState = function _ConversationConnector_emitConnectionState(payload) {
-  // Loop in reverse order to enable splicing the array while iterating
-  for (let i = __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, "f").length - 1; i >= 0; i--) {
-    const callback = __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, "f")[i];
-    const complete = callback(payload);
+  var _context;
+  __classPrivateFieldSet(this, _ConversationConnector_connectionListeners, filter_default()(_context = __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, "f")).call(_context, item => {
+    const complete = item(payload);
     // If we only want to execute the callback once, remove it from the listener
-    if (complete) {
-      var _context;
-      splice_default()(_context = __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, "f")).call(_context, i, 1);
-    }
-  }
+    return !complete;
+  }), "f");
 };
 ;// CONCATENATED MODULE: ./src/javascripts/api/index.ts
 
@@ -16708,7 +17008,7 @@ _API_ready = new (weak_map_default())(), _API_externalId = new (weak_map_default
   return {
     clientName: "@seamly/web-ui",
     clientVariant: api_classPrivateFieldGet(this, _API_layoutMode, "f"),
-    clientVersion: "21.0.4",
+    clientVersion: "21.0.8",
     currentUrl: window.location.toString(),
     screenResolution: `${window.screen.width}x${window.screen.height}`,
     timezone: getTimeZone(),
@@ -17620,8 +17920,39 @@ const cardTypes = {
 function n(n){for(var r=arguments.length,t=Array(r>1?r-1:0),e=1;e<r;e++)t[e-1]=arguments[e];if(false){ var i, o; }throw Error("[Immer] minified error nr: "+n+(t.length?" "+t.map((function(n){return"'"+n+"'"})).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function r(n){return!!n&&!!n[Q]}function t(n){var r;return!!n&&(function(n){if(!n||"object"!=typeof n)return!1;var r=Object.getPrototypeOf(n);if(null===r)return!0;var t=Object.hasOwnProperty.call(r,"constructor")&&r.constructor;return t===Object||"function"==typeof t&&Function.toString.call(t)===Z}(n)||Array.isArray(n)||!!n[L]||!!(null===(r=n.constructor)||void 0===r?void 0:r[L])||s(n)||v(n))}function e(t){return r(t)||n(23,t),t[Q].t}function i(n,r,t){void 0===t&&(t=!1),0===immer_esm_o(n)?(t?Object.keys:nn)(n).forEach((function(e){t&&"symbol"==typeof e||r(e,n[e],n)})):n.forEach((function(t,e){return r(e,t,n)}))}function immer_esm_o(n){var r=n[Q];return r?r.i>3?r.i-4:r.i:Array.isArray(n)?1:s(n)?2:v(n)?3:0}function u(n,r){return 2===immer_esm_o(n)?n.has(r):Object.prototype.hasOwnProperty.call(n,r)}function a(n,r){return 2===immer_esm_o(n)?n.get(r):n[r]}function f(n,r,t){var e=immer_esm_o(n);2===e?n.set(r,t):3===e?(n.delete(r),n.add(t)):n[r]=t}function c(n,r){return n===r?0!==n||1/n==1/r:n!=n&&r!=r}function s(n){return X&&n instanceof Map}function v(n){return q&&n instanceof Set}function p(n){return n.o||n.t}function l(n){if(Array.isArray(n))return Array.prototype.slice.call(n);var r=rn(n);delete r[Q];for(var t=nn(r),e=0;e<t.length;e++){var i=t[e],o=r[i];!1===o.writable&&(o.writable=!0,o.configurable=!0),(o.get||o.set)&&(r[i]={configurable:!0,writable:!0,enumerable:o.enumerable,value:n[i]})}return Object.create(Object.getPrototypeOf(n),r)}function d(n,e){return void 0===e&&(e=!1),y(n)||r(n)||!t(n)?n:(immer_esm_o(n)>1&&(n.set=n.add=n.clear=n.delete=h),Object.freeze(n),e&&i(n,(function(n,r){return d(r,!0)}),!0),n)}function h(){n(2)}function y(n){return null==n||"object"!=typeof n||Object.isFrozen(n)}function b(r){var t=tn[r];return t||n(18,r),t}function m(n,r){tn[n]||(tn[n]=r)}function immer_esm_(){return true||0,U}function j(n,r){r&&(b("Patches"),n.u=[],n.s=[],n.v=r)}function O(n){g(n),n.p.forEach(S),n.p=null}function g(n){n===U&&(U=n.l)}function w(n){return U={p:[],l:U,h:n,m:!0,_:0}}function S(n){var r=n[Q];0===r.i||1===r.i?r.j():r.O=!0}function P(r,e){e._=e.p.length;var i=e.p[0],o=void 0!==r&&r!==i;return e.h.g||b("ES5").S(e,r,o),o?(i[Q].P&&(O(e),n(4)),t(r)&&(r=M(e,r),e.l||x(e,r)),e.u&&b("Patches").M(i[Q].t,r,e.u,e.s)):r=M(e,i,[]),O(e),e.u&&e.v(e.u,e.s),r!==H?r:void 0}function M(n,r,t){if(y(r))return r;var e=r[Q];if(!e)return i(r,(function(i,o){return A(n,e,r,i,o,t)}),!0),r;if(e.A!==n)return r;if(!e.P)return x(n,e.t,!0),e.t;if(!e.I){e.I=!0,e.A._--;var o=4===e.i||5===e.i?e.o=l(e.k):e.o;i(3===e.i?new Set(o):o,(function(r,i){return A(n,e,o,r,i,t)})),x(n,o,!1),t&&n.u&&b("Patches").R(e,t,n.u,n.s)}return e.o}function A(e,i,o,a,c,s){if( false&&0,r(c)){var v=M(e,c,s&&i&&3!==i.i&&!u(i.D,a)?s.concat(a):void 0);if(f(o,a,v),!r(v))return;e.m=!1}if(t(c)&&!y(c)){if(!e.h.F&&e._<1)return;M(e,c),i&&i.A.l||x(e,c)}}function x(n,r,t){void 0===t&&(t=!1),n.h.F&&n.m&&d(r,t)}function z(n,r){var t=n[Q];return(t?p(t):n)[r]}function I(n,r){if(r in n)for(var t=Object.getPrototypeOf(n);t;){var e=Object.getOwnPropertyDescriptor(t,r);if(e)return e;t=Object.getPrototypeOf(t)}}function k(n){n.P||(n.P=!0,n.l&&k(n.l))}function E(n){n.o||(n.o=l(n.t))}function R(n,r,t){var e=s(r)?b("MapSet").N(r,t):v(r)?b("MapSet").T(r,t):n.g?function(n,r){var t=Array.isArray(n),e={i:t?1:0,A:r?r.A:immer_esm_(),P:!1,I:!1,D:{},l:r,t:n,k:null,o:null,j:null,C:!1},i=e,o=en;t&&(i=[e],o=on);var u=Proxy.revocable(i,o),a=u.revoke,f=u.proxy;return e.k=f,e.j=a,f}(r,t):b("ES5").J(r,t);return(t?t.A:immer_esm_()).p.push(e),e}function D(e){return r(e)||n(22,e),function n(r){if(!t(r))return r;var e,u=r[Q],c=immer_esm_o(r);if(u){if(!u.P&&(u.i<4||!b("ES5").K(u)))return u.t;u.I=!0,e=F(r,c),u.I=!1}else e=F(r,c);return i(e,(function(r,t){u&&a(u.t,r)===t||f(e,r,n(t))})),3===c?new Set(e):e}(e)}function F(n,r){switch(r){case 2:return new Map(n);case 3:return Array.from(n)}return l(n)}function N(){function t(n,r){var t=s[n];return t?t.enumerable=r:s[n]=t={configurable:!0,enumerable:r,get:function(){var r=this[Q];return false&&0,en.get(r,n)},set:function(r){var t=this[Q]; false&&0,en.set(t,n,r)}},t}function e(n){for(var r=n.length-1;r>=0;r--){var t=n[r][Q];if(!t.P)switch(t.i){case 5:a(t)&&k(t);break;case 4:o(t)&&k(t)}}}function o(n){for(var r=n.t,t=n.k,e=nn(t),i=e.length-1;i>=0;i--){var o=e[i];if(o!==Q){var a=r[o];if(void 0===a&&!u(r,o))return!0;var f=t[o],s=f&&f[Q];if(s?s.t!==a:!c(f,a))return!0}}var v=!!r[Q];return e.length!==nn(r).length+(v?0:1)}function a(n){var r=n.k;if(r.length!==n.t.length)return!0;var t=Object.getOwnPropertyDescriptor(r,r.length-1);if(t&&!t.get)return!0;for(var e=0;e<r.length;e++)if(!r.hasOwnProperty(e))return!0;return!1}function f(r){r.O&&n(3,JSON.stringify(p(r)))}var s={};m("ES5",{J:function(n,r){var e=Array.isArray(n),i=function(n,r){if(n){for(var e=Array(r.length),i=0;i<r.length;i++)Object.defineProperty(e,""+i,t(i,!0));return e}var o=rn(r);delete o[Q];for(var u=nn(o),a=0;a<u.length;a++){var f=u[a];o[f]=t(f,n||!!o[f].enumerable)}return Object.create(Object.getPrototypeOf(r),o)}(e,n),o={i:e?5:4,A:r?r.A:immer_esm_(),P:!1,I:!1,D:{},l:r,t:n,k:i,o:null,O:!1,C:!1};return Object.defineProperty(i,Q,{value:o,writable:!0}),i},S:function(n,t,o){o?r(t)&&t[Q].A===n&&e(n.p):(n.u&&function n(r){if(r&&"object"==typeof r){var t=r[Q];if(t){var e=t.t,o=t.k,f=t.D,c=t.i;if(4===c)i(o,(function(r){r!==Q&&(void 0!==e[r]||u(e,r)?f[r]||n(o[r]):(f[r]=!0,k(t)))})),i(e,(function(n){void 0!==o[n]||u(o,n)||(f[n]=!1,k(t))}));else if(5===c){if(a(t)&&(k(t),f.length=!0),o.length<e.length)for(var s=o.length;s<e.length;s++)f[s]=!1;else for(var v=e.length;v<o.length;v++)f[v]=!0;for(var p=Math.min(o.length,e.length),l=0;l<p;l++)o.hasOwnProperty(l)||(f[l]=!0),void 0===f[l]&&n(o[l])}}}}(n.p[0]),e(n.p))},K:function(n){return 4===n.i?o(n):a(n)}})}function T(){function e(n){if(!t(n))return n;if(Array.isArray(n))return n.map(e);if(s(n))return new Map(Array.from(n.entries()).map((function(n){return[n[0],e(n[1])]})));if(v(n))return new Set(Array.from(n).map(e));var r=Object.create(Object.getPrototypeOf(n));for(var i in n)r[i]=e(n[i]);return u(n,L)&&(r[L]=n[L]),r}function f(n){return r(n)?e(n):n}var c="add";m("Patches",{$:function(r,t){return t.forEach((function(t){for(var i=t.path,u=t.op,f=r,s=0;s<i.length-1;s++){var v=immer_esm_o(f),p=""+i[s];0!==v&&1!==v||"__proto__"!==p&&"constructor"!==p||n(24),"function"==typeof f&&"prototype"===p&&n(24),"object"!=typeof(f=a(f,p))&&n(15,i.join("/"))}var l=immer_esm_o(f),d=e(t.value),h=i[i.length-1];switch(u){case"replace":switch(l){case 2:return f.set(h,d);case 3:n(16);default:return f[h]=d}case c:switch(l){case 1:return"-"===h?f.push(d):f.splice(h,0,d);case 2:return f.set(h,d);case 3:return f.add(d);default:return f[h]=d}case"remove":switch(l){case 1:return f.splice(h,1);case 2:return f.delete(h);case 3:return f.delete(t.value);default:return delete f[h]}default:n(17,u)}})),r},R:function(n,r,t,e){switch(n.i){case 0:case 4:case 2:return function(n,r,t,e){var o=n.t,s=n.o;i(n.D,(function(n,i){var v=a(o,n),p=a(s,n),l=i?u(o,n)?"replace":c:"remove";if(v!==p||"replace"!==l){var d=r.concat(n);t.push("remove"===l?{op:l,path:d}:{op:l,path:d,value:p}),e.push(l===c?{op:"remove",path:d}:"remove"===l?{op:c,path:d,value:f(v)}:{op:"replace",path:d,value:f(v)})}}))}(n,r,t,e);case 5:case 1:return function(n,r,t,e){var i=n.t,o=n.D,u=n.o;if(u.length<i.length){var a=[u,i];i=a[0],u=a[1];var s=[e,t];t=s[0],e=s[1]}for(var v=0;v<i.length;v++)if(o[v]&&u[v]!==i[v]){var p=r.concat([v]);t.push({op:"replace",path:p,value:f(u[v])}),e.push({op:"replace",path:p,value:f(i[v])})}for(var l=i.length;l<u.length;l++){var d=r.concat([l]);t.push({op:c,path:d,value:f(u[l])})}i.length<u.length&&e.push({op:"replace",path:r.concat(["length"]),value:i.length})}(n,r,t,e);case 3:return function(n,r,t,e){var i=n.t,o=n.o,u=0;i.forEach((function(n){if(!o.has(n)){var i=r.concat([u]);t.push({op:"remove",path:i,value:n}),e.unshift({op:c,path:i,value:n})}u++})),u=0,o.forEach((function(n){if(!i.has(n)){var o=r.concat([u]);t.push({op:c,path:o,value:n}),e.unshift({op:"remove",path:o,value:n})}u++}))}(n,r,t,e)}},M:function(n,r,t,e){t.push({op:"replace",path:[],value:r===H?void 0:r}),e.push({op:"replace",path:[],value:n})}})}function C(){function r(n,r){function t(){this.constructor=n}a(n,r),n.prototype=(t.prototype=r.prototype,new t)}function e(n){n.o||(n.D=new Map,n.o=new Map(n.t))}function o(n){n.o||(n.o=new Set,n.t.forEach((function(r){if(t(r)){var e=R(n.A.h,r,n);n.p.set(r,e),n.o.add(e)}else n.o.add(r)})))}function u(r){r.O&&n(3,JSON.stringify(p(r)))}var a=function(n,r){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var t in r)r.hasOwnProperty(t)&&(n[t]=r[t])})(n,r)},f=function(){function n(n,r){return this[Q]={i:2,l:r,A:r?r.A:immer_esm_(),P:!1,I:!1,o:void 0,D:void 0,t:n,k:this,C:!1,O:!1},this}r(n,Map);var o=n.prototype;return Object.defineProperty(o,"size",{get:function(){return p(this[Q]).size}}),o.has=function(n){return p(this[Q]).has(n)},o.set=function(n,r){var t=this[Q];return u(t),p(t).has(n)&&p(t).get(n)===r||(e(t),k(t),t.D.set(n,!0),t.o.set(n,r),t.D.set(n,!0)),this},o.delete=function(n){if(!this.has(n))return!1;var r=this[Q];return u(r),e(r),k(r),r.t.has(n)?r.D.set(n,!1):r.D.delete(n),r.o.delete(n),!0},o.clear=function(){var n=this[Q];u(n),p(n).size&&(e(n),k(n),n.D=new Map,i(n.t,(function(r){n.D.set(r,!1)})),n.o.clear())},o.forEach=function(n,r){var t=this;p(this[Q]).forEach((function(e,i){n.call(r,t.get(i),i,t)}))},o.get=function(n){var r=this[Q];u(r);var i=p(r).get(n);if(r.I||!t(i))return i;if(i!==r.t.get(n))return i;var o=R(r.A.h,i,r);return e(r),r.o.set(n,o),o},o.keys=function(){return p(this[Q]).keys()},o.values=function(){var n,r=this,t=this.keys();return(n={})[V]=function(){return r.values()},n.next=function(){var n=t.next();return n.done?n:{done:!1,value:r.get(n.value)}},n},o.entries=function(){var n,r=this,t=this.keys();return(n={})[V]=function(){return r.entries()},n.next=function(){var n=t.next();if(n.done)return n;var e=r.get(n.value);return{done:!1,value:[n.value,e]}},n},o[V]=function(){return this.entries()},n}(),c=function(){function n(n,r){return this[Q]={i:3,l:r,A:r?r.A:immer_esm_(),P:!1,I:!1,o:void 0,t:n,k:this,p:new Map,O:!1,C:!1},this}r(n,Set);var t=n.prototype;return Object.defineProperty(t,"size",{get:function(){return p(this[Q]).size}}),t.has=function(n){var r=this[Q];return u(r),r.o?!!r.o.has(n)||!(!r.p.has(n)||!r.o.has(r.p.get(n))):r.t.has(n)},t.add=function(n){var r=this[Q];return u(r),this.has(n)||(o(r),k(r),r.o.add(n)),this},t.delete=function(n){if(!this.has(n))return!1;var r=this[Q];return u(r),o(r),k(r),r.o.delete(n)||!!r.p.has(n)&&r.o.delete(r.p.get(n))},t.clear=function(){var n=this[Q];u(n),p(n).size&&(o(n),k(n),n.o.clear())},t.values=function(){var n=this[Q];return u(n),o(n),n.o.values()},t.entries=function(){var n=this[Q];return u(n),o(n),n.o.entries()},t.keys=function(){return this.values()},t[V]=function(){return this.values()},t.forEach=function(n,r){for(var t=this.values(),e=t.next();!e.done;)n.call(r,e.value,e.value,this),e=t.next()},n}();m("MapSet",{N:function(n,r){return new f(n,r)},T:function(n,r){return new c(n,r)}})}function J(){N(),C(),T()}function K(n){return n}function $(n){return n}var G,U,W="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),X="undefined"!=typeof Map,q="undefined"!=typeof Set,B="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,H=W?Symbol.for("immer-nothing"):((G={})["immer-nothing"]=!0,G),L=W?Symbol.for("immer-draftable"):"__$immer_draftable",Q=W?Symbol.for("immer-state"):"__$immer_state",V="undefined"!=typeof Symbol&&Symbol.iterator||"@@iterator",Y={0:"Illegal state",1:"Immer drafts cannot have computed properties",2:"This object has been frozen and should not be mutated",3:function(n){return"Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? "+n},4:"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.",5:"Immer forbids circular references",6:"The first or second argument to `produce` must be a function",7:"The third argument to `produce` must be a function or undefined",8:"First argument to `createDraft` must be a plain object, an array, or an immerable object",9:"First argument to `finishDraft` must be a draft returned by `createDraft`",10:"The given draft is already finalized",11:"Object.defineProperty() cannot be used on an Immer draft",12:"Object.setPrototypeOf() cannot be used on an Immer draft",13:"Immer only supports deleting array indices",14:"Immer only supports setting array indices and the 'length' property",15:function(n){return"Cannot apply patch, path doesn't resolve: "+n},16:'Sets cannot have "replace" patches.',17:function(n){return"Unsupported patch operation: "+n},18:function(n){return"The plugin for '"+n+"' has not been loaded into Immer. To enable the plugin, import and call `enable"+n+"()` when initializing your application."},20:"Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available",21:function(n){return"produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '"+n+"'"},22:function(n){return"'current' expects a draft, got: "+n},23:function(n){return"'original' expects a draft, got: "+n},24:"Patching reserved attributes like __proto__, prototype and constructor is not allowed"},Z=""+Object.prototype.constructor,nn="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:void 0!==Object.getOwnPropertySymbols?function(n){return Object.getOwnPropertyNames(n).concat(Object.getOwnPropertySymbols(n))}:Object.getOwnPropertyNames,rn=Object.getOwnPropertyDescriptors||function(n){var r={};return nn(n).forEach((function(t){r[t]=Object.getOwnPropertyDescriptor(n,t)})),r},tn={},en={get:function(n,r){if(r===Q)return n;var e=p(n);if(!u(e,r))return function(n,r,t){var e,i=I(r,t);return i?"value"in i?i.value:null===(e=i.get)||void 0===e?void 0:e.call(n.k):void 0}(n,e,r);var i=e[r];return n.I||!t(i)?i:i===z(n.t,r)?(E(n),n.o[r]=R(n.A.h,i,n)):i},has:function(n,r){return r in p(n)},ownKeys:function(n){return Reflect.ownKeys(p(n))},set:function(n,r,t){var e=I(p(n),r);if(null==e?void 0:e.set)return e.set.call(n.k,t),!0;if(!n.P){var i=z(p(n),r),o=null==i?void 0:i[Q];if(o&&o.t===t)return n.o[r]=t,n.D[r]=!1,!0;if(c(t,i)&&(void 0!==t||u(n.t,r)))return!0;E(n),k(n)}return n.o[r]===t&&"number"!=typeof t&&(void 0!==t||r in n.o)||(n.o[r]=t,n.D[r]=!0,!0)},deleteProperty:function(n,r){return void 0!==z(n.t,r)||r in n.t?(n.D[r]=!1,E(n),k(n)):delete n.D[r],n.o&&delete n.o[r],!0},getOwnPropertyDescriptor:function(n,r){var t=p(n),e=Reflect.getOwnPropertyDescriptor(t,r);return e?{writable:!0,configurable:1!==n.i||"length"!==r,enumerable:e.enumerable,value:t[r]}:e},defineProperty:function(){n(11)},getPrototypeOf:function(n){return Object.getPrototypeOf(n.t)},setPrototypeOf:function(){n(12)}},on={};i(en,(function(n,r){on[n]=function(){return arguments[0]=arguments[0][0],r.apply(this,arguments)}})),on.deleteProperty=function(r,t){return false&&0,on.set.call(this,r,t,void 0)},on.set=function(r,t,e){return false&&0,en.set.call(this,r[0],t,e,r[0])};var un=function(){function e(r){var e=this;this.g=B,this.F=!0,this.produce=function(r,i,o){if("function"==typeof r&&"function"!=typeof i){var u=i;i=r;var a=e;return function(n){var r=this;void 0===n&&(n=u);for(var t=arguments.length,e=Array(t>1?t-1:0),o=1;o<t;o++)e[o-1]=arguments[o];return a.produce(n,(function(n){var t;return(t=i).call.apply(t,[r,n].concat(e))}))}}var f;if("function"!=typeof i&&n(6),void 0!==o&&"function"!=typeof o&&n(7),t(r)){var c=w(e),s=R(e,r,void 0),v=!0;try{f=i(s),v=!1}finally{v?O(c):g(c)}return"undefined"!=typeof Promise&&f instanceof Promise?f.then((function(n){return j(c,o),P(n,c)}),(function(n){throw O(c),n})):(j(c,o),P(f,c))}if(!r||"object"!=typeof r){if(void 0===(f=i(r))&&(f=r),f===H&&(f=void 0),e.F&&d(f,!0),o){var p=[],l=[];b("Patches").M(r,f,p,l),o(p,l)}return f}n(21,r)},this.produceWithPatches=function(n,r){if("function"==typeof n)return function(r){for(var t=arguments.length,i=Array(t>1?t-1:0),o=1;o<t;o++)i[o-1]=arguments[o];return e.produceWithPatches(r,(function(r){return n.apply(void 0,[r].concat(i))}))};var t,i,o=e.produce(n,r,(function(n,r){t=n,i=r}));return"undefined"!=typeof Promise&&o instanceof Promise?o.then((function(n){return[n,t,i]})):[o,t,i]},"boolean"==typeof(null==r?void 0:r.useProxies)&&this.setUseProxies(r.useProxies),"boolean"==typeof(null==r?void 0:r.autoFreeze)&&this.setAutoFreeze(r.autoFreeze)}var i=e.prototype;return i.createDraft=function(e){t(e)||n(8),r(e)&&(e=D(e));var i=w(this),o=R(this,e,void 0);return o[Q].C=!0,g(i),o},i.finishDraft=function(r,t){var e=r&&r[Q]; false&&(0);var i=e.A;return j(i,t),P(void 0,i)},i.setAutoFreeze=function(n){this.F=n},i.setUseProxies=function(r){r&&!B&&n(20),this.g=r},i.applyPatches=function(n,t){var e;for(e=t.length-1;e>=0;e--){var i=t[e];if(0===i.path.length&&"replace"===i.op){n=i.value;break}}e>-1&&(t=t.slice(e+1));var o=b("Patches").$;return r(n)?o(n,t):this.produce(n,(function(n){return o(n,t)}))},e}(),an=new un,fn=an.produce,cn=an.produceWithPatches.bind(an),sn=an.setAutoFreeze.bind(an),vn=an.setUseProxies.bind(an),pn=an.applyPatches.bind(an),ln=an.createDraft.bind(an),dn=an.finishDraft.bind(an);/* harmony default export */ var immer_esm = (fn);
 //# sourceMappingURL=immer.esm.js.map
 
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
+function typeof_typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return typeof_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, typeof_typeof(obj);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+function toPrimitive_toPrimitive(input, hint) {
+  if (typeof_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function toPropertyKey_toPropertyKey(arg) {
+  var key = toPrimitive_toPrimitive(arg, "string");
+  return typeof_typeof(key) === "symbol" ? key : String(key);
+}
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
 function defineProperty_defineProperty(obj, key, value) {
+  key = toPropertyKey_toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -19497,17 +19828,14 @@ var createAsyncThunk = (function () {
                 var requestId = (options == null ? void 0 : options.idGenerator) ? options.idGenerator(arg) : nanoid();
                 var abortController = new AC();
                 var abortReason;
-                var abortedPromise = new Promise(function (_, reject) { return abortController.signal.addEventListener("abort", function () { return reject({ name: "AbortError", message: abortReason || "Aborted" }); }); });
                 var started = false;
                 function abort(reason) {
-                    if (started) {
-                        abortReason = reason;
-                        abortController.abort();
-                    }
+                    abortReason = reason;
+                    abortController.abort();
                 }
                 var promise2 = function () {
                     return __async(this, null, function () {
-                        var _a, _b, finalAction, conditionResult, err_1, skipDispatch;
+                        var _a, _b, finalAction, conditionResult, abortedPromise, err_1, skipDispatch;
                         return __generator(this, function (_c) {
                             switch (_c.label) {
                                 case 0:
@@ -19519,13 +19847,17 @@ var createAsyncThunk = (function () {
                                     conditionResult = _c.sent();
                                     _c.label = 2;
                                 case 2:
-                                    if (conditionResult === false) {
+                                    if (conditionResult === false || abortController.signal.aborted) {
                                         throw {
                                             name: "ConditionError",
                                             message: "Aborted due to condition callback returning false."
                                         };
                                     }
                                     started = true;
+                                    abortedPromise = new Promise(function (_, reject) { return abortController.signal.addEventListener("abort", function () { return reject({
+                                        name: "AbortError",
+                                        message: abortReason || "Aborted"
+                                    }); }); });
                                     dispatch(pending(requestId, arg, (_b = options == null ? void 0 : options.getPendingMeta) == null ? void 0 : _b.call(options, { requestId: requestId, arg: arg }, { getState: getState, extra: extra })));
                                     return [4 /*yield*/, Promise.race([
                                             abortedPromise,
@@ -19586,7 +19918,7 @@ var createAsyncThunk = (function () {
             typePrefix: typePrefix
         });
     }
-    createAsyncThunk2.withTypes = createAsyncThunk2;
+    createAsyncThunk2.withTypes = function () { return createAsyncThunk2; };
     return createAsyncThunk2;
 })();
 function unwrapResult(action) {
@@ -20158,7 +20490,7 @@ var prepareAutoBatched = function () { return function (payload) {
     });
 }; };
 var redux_toolkit_esm_promise;
-var queueMicrotaskShim = typeof queueMicrotask === "function" ? queueMicrotask.bind(typeof window !== "undefined" ? window : __webpack_require__.g) : function (cb) { return (redux_toolkit_esm_promise || (redux_toolkit_esm_promise = Promise.resolve())).then(cb).catch(function (err) { return setTimeout(function () {
+var queueMicrotaskShim = typeof queueMicrotask === "function" ? queueMicrotask.bind(typeof window !== "undefined" ? window : typeof __webpack_require__.g !== "undefined" ? __webpack_require__.g : globalThis) : function (cb) { return (redux_toolkit_esm_promise || (redux_toolkit_esm_promise = Promise.resolve())).then(cb).catch(function (err) { return setTimeout(function () {
     throw err;
 }, 0); }); };
 var createQueueWithTimer = function (timeout) {
@@ -20166,6 +20498,7 @@ var createQueueWithTimer = function (timeout) {
         setTimeout(notify, timeout);
     };
 };
+var rAF = typeof window !== "undefined" && window.requestAnimationFrame ? window.requestAnimationFrame : createQueueWithTimer(10);
 var autoBatchEnhancer = function (options) {
     if (options === void 0) { options = { type: "raf" }; }
     return function (next) { return function () {
@@ -20178,7 +20511,7 @@ var autoBatchEnhancer = function (options) {
         var shouldNotifyAtEndOfTick = false;
         var notificationQueued = false;
         var listeners = new Set();
-        var queueCallback = options.type === "tick" ? queueMicrotaskShim : options.type === "raf" ? requestAnimationFrame : options.type === "callback" ? options.queueNotification : createQueueWithTimer(options.timeout);
+        var queueCallback = options.type === "tick" ? queueMicrotaskShim : options.type === "raf" ? rAF : options.type === "callback" ? options.queueNotification : createQueueWithTimer(options.timeout);
         var notifyListeners = function () {
             notificationQueued = false;
             if (shouldNotifyAtEndOfTick) {
@@ -20674,7 +21007,7 @@ const selectUserHasResponded = es_createSelector(_ref => {
   } = _ref2;
   return userHasResponded;
 });
-;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/constants.js
+;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/constants.ts
 const StoreKey = 'visibility';
 const visibilityStates = {
   hidden: 'hidden',
@@ -22225,12 +22558,7 @@ const {
 
 
 
-
-
-
-
-
-const handledErrorTypes = [SeamlyGeneralError, SeamlyConfigurationError, SeamlySessionExpiredError, SeamlyOfflineError, SeamlyUnauthorizedError, SeamlyUnavailableError];
+const handledErrorTypes = ['SeamlyGeneralError', 'SeamlyConfigurationError', 'SeamlySessionExpiredError', 'SeamlyOfflineError', 'SeamlyUnauthorizedError', 'SeamlyUnavailableError'];
 function createInterruptMiddleware(_ref) {
   let {
     api
@@ -22241,7 +22569,7 @@ function createInterruptMiddleware(_ref) {
       type
     } = action;
     if (type === setInterrupt.type) {
-      if (!some_default()(handledErrorTypes).call(handledErrorTypes, ErrorType => payload.name === ErrorType.name)) {
+      if (!includes_default()(handledErrorTypes).call(handledErrorTypes, payload.name)) {
         throw new SeamlyGeneralError(payload);
       } else if (payload.action === 'reset') {
         // [SMLY-942] We clear the store before a reset to force a new conversation if the page is refreshed before the conversation is reset
@@ -22331,6 +22659,9 @@ const selectIsLoading = es_createSelector(_ref7 => {
   } = _ref8;
   return isLoading;
 });
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/splice.js
+var splice = __webpack_require__(9940);
+var splice_default = /*#__PURE__*/__webpack_require__.n(splice);
 ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/slice.ts
 
 
@@ -22484,14 +22815,13 @@ function createI18nMiddleware(_ref) {
   } = _ref;
   return next => {
     return action => {
-      var _payload$translation, _payload$translation2, _payload$payload, _payload$payload$body;
       const result = next(action);
       const {
         payload
       } = action;
       switch (action.type) {
         case setHistory.type:
-          if (payload !== null && payload !== void 0 && (_payload$translation = payload.translation) !== null && _payload$translation !== void 0 && _payload$translation.enabled) {
+          if (payload?.translation?.enabled) {
             dispatch(enableTranslation(payload.translation.locale));
             dispatch(setLocale(payload.translation.locale));
           }
@@ -22502,13 +22832,13 @@ function createI18nMiddleware(_ref) {
           }
           break;
         case setInitialState.type:
-          if (payload !== null && payload !== void 0 && (_payload$translation2 = payload.translation) !== null && _payload$translation2 !== void 0 && _payload$translation2.enabled) {
+          if (payload?.translation?.enabled) {
             dispatch(enableTranslation(payload.translation.locale));
             dispatch(setLocale(payload.locale));
           }
           break;
         case addEvent.type:
-          if (payload.type === 'info' && (payload === null || payload === void 0 ? void 0 : (_payload$payload = payload.payload) === null || _payload$payload === void 0 ? void 0 : (_payload$payload$body = _payload$payload.body) === null || _payload$payload$body === void 0 ? void 0 : _payload$payload$body.subtype) === 'new_translation' && payload.payload.body.translationEnabled) {
+          if (payload.type === 'info' && payload?.payload?.body?.subtype === 'new_translation' && payload.payload.body.translationEnabled) {
             dispatch(setLocale(payload.payload.body.translationLocale));
           }
           break;
@@ -22910,12 +23240,12 @@ const useSeamlyCommands = () => {
       }
     }).catch(error => {
       dispatch(setInterrupt({
-        name: error === null || error === void 0 ? void 0 : error.name,
-        message: error === null || error === void 0 ? void 0 : error.message,
-        langKey: error === null || error === void 0 ? void 0 : error.langKey,
-        action: error === null || error === void 0 ? void 0 : error.action,
-        originalEvent: error === null || error === void 0 ? void 0 : error.originalEvent,
-        originalError: error === null || error === void 0 ? void 0 : error.originalError
+        name: error?.name,
+        message: error?.message,
+        langKey: error?.langKey,
+        action: error?.action,
+        originalEvent: error?.originalEvent,
+        originalError: error?.originalError
       }));
     });
   }, [api, dispatch, setVisibility]);
@@ -22941,28 +23271,33 @@ function _arrayWithHoles(arr) {
 }
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-  return _arr;
 }
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
@@ -23001,13 +23336,14 @@ function _classCallCheck(instance, Constructor) {
   }
 }
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
+
 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);
+    Object.defineProperty(target, toPropertyKey_toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -23684,8 +24020,6 @@ const useSeamlyChat = () => {
     apiConnected
   } = use_seamly_commands();
   const hasConversation = useSeamlyHasConversation();
-  const prevIsOpen = (0,hooks_module/* useRef */.sO)(null);
-  const prevIsVisible = (0,hooks_module/* useRef */.sO)(null);
   const connectCalled = (0,hooks_module/* useRef */.sO)(false);
   const {
     sendAssertive
@@ -23700,20 +24034,14 @@ const useSeamlyChat = () => {
     }
   }, [isVisible, sendAssertive, t]);
   (0,hooks_module/* useEffect */.d4)(() => {
-    if (isVisible !== prevIsVisible.current) {
-      prevIsOpen.current = isOpen;
-      prevIsVisible.current = isVisible;
+    if (!isVisible) {
       return;
     }
-    if (prevIsOpen.current !== null) {
-      if (isOpen) {
-        sendAssertive(t('window.srTexts.onOpen'));
-      } else {
-        sendAssertive(t('window.srTexts.onClose'));
-      }
+    if (isOpen) {
+      sendAssertive(t('window.srTexts.onOpen'));
+    } else {
+      sendAssertive(t('window.srTexts.onClose'));
     }
-    prevIsOpen.current = isOpen;
-    prevIsVisible.current = isVisible;
   }, [isOpen, isVisible, sendAssertive, t]);
   (0,hooks_module/* useEffect */.d4)(() => {
     // This delays the start of the loading inidicator we set when we initialise
@@ -24328,8 +24656,7 @@ const useStableCallback = callback => {
 const useSeamlyEventStream = (nextFn, filterFn) => {
   const api = useSeamlyApiContext();
   (0,hooks_module/* useEffect */.d4)(() => {
-    var _api$conversation;
-    if (api.connectionInfo && (_api$conversation = api.conversation) !== null && _api$conversation !== void 0 && _api$conversation.channel) {
+    if (api.connectionInfo && api.conversation?.channel) {
       const {
         channel
       } = api.conversation;
@@ -25274,10 +25601,9 @@ const useChoicePrompt = event => {
     service
   } = payload;
   const subEvent = (0,hooks_module/* useMemo */.Ye)(() => {
-    var _event$payload$body;
     return choice_prompt_objectSpread(choice_prompt_objectSpread({}, event), {}, {
       payload: choice_prompt_objectSpread(choice_prompt_objectSpread({}, event.payload), {}, {
-        body: (_event$payload$body = event.payload.body) === null || _event$payload$body === void 0 ? void 0 : _event$payload$body.prompt,
+        body: event.payload.body?.prompt,
         translatedBody: event.payload.translatedBody && choice_prompt_objectSpread(choice_prompt_objectSpread({}, event.payload.translatedBody), {}, {
           data: event.payload.translatedBody.data.prompt
         })
@@ -25526,7 +25852,7 @@ const ConversationSuggestions = _ref => {
     let {
       payload: eventPayload
     } = _ref2;
-    return eventPayload === null || eventPayload === void 0 ? void 0 : eventPayload.transactionLast;
+    return eventPayload?.transactionLast;
   }), [events]);
   const handleClick = (0,hooks_module/* useCallback */.I4)(_ref3 => {
     let {
@@ -25852,12 +26178,11 @@ const timeFormatOptions = {
   minute: 'numeric'
 };
 const useFormattedDate = date => {
-  var _config$context;
   const {
     t
   } = useI18n();
   const config = useConfig();
-  const locale = (config === null || config === void 0 ? void 0 : (_config$context = config.context) === null || _config$context === void 0 ? void 0 : _config$context.locale) ?? [];
+  const locale = config?.context?.locale ?? [];
   const eventDate = new Date(date);
   const currentDate = new Date();
   const midnight = new Date(currentDate);
@@ -26399,7 +26724,7 @@ var isFocusable = function isFocusable(node, options) {
 
 ;// CONCATENATED MODULE: ./node_modules/focus-trap/dist/focus-trap.esm.js
 /*!
-* focus-trap 7.1.0
+* focus-trap 7.2.0
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
 
@@ -26426,6 +26751,7 @@ function focus_trap_esm_objectSpread2(target) {
   return target;
 }
 function focus_trap_esm_defineProperty(obj, key, value) {
+  key = focus_trap_esm_toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -26438,8 +26764,21 @@ function focus_trap_esm_defineProperty(obj, key, value) {
   }
   return obj;
 }
+function focus_trap_esm_toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function focus_trap_esm_toPropertyKey(arg) {
+  var key = focus_trap_esm_toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 
-var rooTrapStack = [];
 var activeFocusTraps = {
   activateTrap: function activateTrap(trapStack, trap) {
     if (trapStack.length > 0) {
@@ -26476,6 +26815,16 @@ var isEscapeEvent = function isEscapeEvent(e) {
 var isTabEvent = function isTabEvent(e) {
   return e.key === 'Tab' || e.keyCode === 9;
 };
+
+// checks for TAB by default
+var isKeyForward = function isKeyForward(e) {
+  return isTabEvent(e) && !e.shiftKey;
+};
+
+// checks for SHIFT+TAB by default
+var isKeyBackward = function isKeyBackward(e) {
+  return isTabEvent(e) && e.shiftKey;
+};
 var delay = function delay(fn) {
   return setTimeout(fn, 0);
 };
@@ -26519,15 +26868,21 @@ var getActualTarget = function getActualTarget(event) {
   //  composedPath()[0] === event.target always).
   return event.target.shadowRoot && typeof event.composedPath === 'function' ? event.composedPath()[0] : event.target;
 };
+
+// NOTE: this must be _outside_ `createFocusTrap()` to make sure all traps in this
+//  current instance use the same stack if `userOptions.trapStack` isn't specified
+var internalTrapStack = [];
 var createFocusTrap = function createFocusTrap(elements, userOptions) {
   // SSR: a live trap shouldn't be created in this type of environment so this
   //  should be safe code to execute if the `document` option isn't specified
   var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document;
-  var trapStack = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.trapStack) || rooTrapStack;
+  var trapStack = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.trapStack) || internalTrapStack;
   var config = focus_trap_esm_objectSpread2({
     returnFocusOnDeactivate: true,
     escapeDeactivates: true,
-    delayInitialFocus: true
+    delayInitialFocus: true,
+    isKeyForward: isKeyForward,
+    isKeyBackward: isKeyBackward
   }, userOptions);
   var state = {
     // containers given to createFocusTrap()
@@ -26808,12 +27163,13 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
     }
   };
 
-  // Hijack Tab events on the first and last focusable nodes of the trap,
+  // Hijack key nav events on the first and last focusable nodes of the trap,
   // in order to prevent focus from escaping. If it escapes for even a
   // moment it can end up scrolling the page and causing confusion so we
   // kind of need to capture the action at the keydown phase.
-  var checkTab = function checkTab(e) {
-    var target = getActualTarget(e);
+  var checkKeyNav = function checkKeyNav(event) {
+    var isBackward = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var target = getActualTarget(event);
     updateTabbableNodes();
     var destinationNode = null;
     if (state.tabbableGroups.length > 0) {
@@ -26824,15 +27180,15 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
       var containerGroup = containerIndex >= 0 ? state.containerGroups[containerIndex] : undefined;
       if (containerIndex < 0) {
         // target not found in any group: quite possible focus has escaped the trap,
-        //  so bring it back in to...
-        if (e.shiftKey) {
+        //  so bring it back into...
+        if (isBackward) {
           // ...the last node in the last group
           destinationNode = state.tabbableGroups[state.tabbableGroups.length - 1].lastTabbableNode;
         } else {
           // ...the first node in the first group
           destinationNode = state.tabbableGroups[0].firstTabbableNode;
         }
-      } else if (e.shiftKey) {
+      } else if (isBackward) {
         // REVERSE
 
         // is the target the first tabbable node in a group?
@@ -26856,6 +27212,10 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
           var destinationGroupIndex = startOfGroupIndex === 0 ? state.tabbableGroups.length - 1 : startOfGroupIndex - 1;
           var destinationGroup = state.tabbableGroups[destinationGroupIndex];
           destinationNode = destinationGroup.lastTabbableNode;
+        } else if (!isTabEvent(event)) {
+          // user must have customized the nav keys so we have to move focus manually _within_
+          //  the active group: do this based on the order determined by tabbable()
+          destinationNode = containerGroup.nextTabbableNode(target, false);
         }
       } else {
         // FORWARD
@@ -26881,28 +27241,38 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
           var _destinationGroupIndex = lastOfGroupIndex === state.tabbableGroups.length - 1 ? 0 : lastOfGroupIndex + 1;
           var _destinationGroup = state.tabbableGroups[_destinationGroupIndex];
           destinationNode = _destinationGroup.firstTabbableNode;
+        } else if (!isTabEvent(event)) {
+          // user must have customized the nav keys so we have to move focus manually _within_
+          //  the active group: do this based on the order determined by tabbable()
+          destinationNode = containerGroup.nextTabbableNode(target);
         }
       }
     } else {
+      // no groups available
       // NOTE: the fallbackFocus option does not support returning false to opt-out
       destinationNode = getNodeForOption('fallbackFocus');
     }
     if (destinationNode) {
-      e.preventDefault();
+      if (isTabEvent(event)) {
+        // since tab natively moves focus, we wouldn't have a destination node unless we
+        //  were on the edge of a container and had to move to the next/previous edge, in
+        //  which case we want to prevent default to keep the browser from moving focus
+        //  to where it normally would
+        event.preventDefault();
+      }
       tryFocus(destinationNode);
     }
     // else, let the browser take care of [shift+]tab and move the focus
   };
 
-  var checkKey = function checkKey(e) {
-    if (isEscapeEvent(e) && valueOrHandler(config.escapeDeactivates, e) !== false) {
-      e.preventDefault();
+  var checkKey = function checkKey(event) {
+    if (isEscapeEvent(event) && valueOrHandler(config.escapeDeactivates, event) !== false) {
+      event.preventDefault();
       trap.deactivate();
       return;
     }
-    if (isTabEvent(e)) {
-      checkTab(e);
-      return;
+    if (config.isKeyForward(event) || config.isKeyBackward(event)) {
+      checkKeyNav(event, config.isKeyBackward(event));
     }
   };
   var checkClick = function checkClick(e) {
@@ -27826,6 +28196,8 @@ var seamly_event_subscriber_rest = undefined && undefined.__rest || function (s,
 const EMITTABLE_MESSAGE_TYPES = ['text', 'choice_prompt', 'image', 'video'];
 const SeamlyEventSubscriber = () => {
   const api = useSeamlyApiContext();
+  const syncChannelRef = (0,hooks_module/* useRef */.sO)();
+  const messageChannelRef = (0,hooks_module/* useRef */.sO)();
   const dispatch = useDispatch();
   const events = useEvents();
   const eventBus = (0,hooks_module/* useContext */.qp)(SeamlyEventBusContext);
@@ -27888,205 +28260,227 @@ const SeamlyEventSubscriber = () => {
     });
   }, [api.conversation, dispatch]);
   (0,hooks_module/* useEffect */.d4)(() => {
-    if (api.connectionInfo && api.conversation.channel) {
-      const {
-        channel
-      } = api.conversation;
-      const updateParticipant = event => {
-        const {
-          payload
-        } = event;
-        if (!payload || !payload.participant) {
-          return;
-        }
+    if (api.connectionInfo) {
+      api.conversation.onConnection(_ref2 => {
+        let {
+          connected
+        } = _ref2;
+        if (!connected) return false;
         const {
-          fromClient,
-          participant
-        } = payload;
-        if (!fromClient && typeof participant !== 'string' && (participant === null || participant === void 0 ? void 0 : participant.name)) {
-          dispatch(setHeaderSubTitle(participant.name));
-        }
-        dispatch(setParticipant({
-          participant,
-          fromClient
-        }));
-        if (typeof participant !== 'string' && participant.introduction) {
-          dispatch(addEvent(assign_default()(assign_default()({}, event), {
-            payload: assign_default()(assign_default()({}, payload), {
-              type: 'participant'
-            })
-          })));
-        }
-      };
-      channel.onMessage = (type, payload) => {
-        const event = {
-          type,
-          payload
+          channel
+        } = api.conversation;
+        const updateParticipant = event => {
+          const {
+            payload
+          } = event;
+          if (!payload || !payload.participant) {
+            return;
+          }
+          const {
+            fromClient,
+            participant
+          } = payload;
+          if (!fromClient && typeof participant !== 'string' && (participant === null || participant === void 0 ? void 0 : participant.name)) {
+            dispatch(setHeaderSubTitle(participant.name));
+          }
+          dispatch(setParticipant({
+            participant,
+            fromClient
+          }));
+          if (typeof participant !== 'string' && participant.introduction) {
+            dispatch(addEvent(assign_default()(assign_default()({}, event), {
+              payload: assign_default()(assign_default()({}, payload), {
+                type: 'participant'
+              })
+            })));
+          }
         };
-        switch (type) {
-          case 'ui':
-            if (payload.state && payload.state.hasOwnProperty('loading')) {
-              dispatch(setIsLoading(payload.state.loading));
-            }
-            switch (payload.type) {
-              case 'idle_detach_countdown':
-                initCountdown(payload.body.duration);
-                break;
-              case 'idle_detach_countdown_elapsed':
-                endCountdown(undefined, true);
-                break;
-              case 'resume_conversation_prompt':
-                dispatch(initResumeConversationPrompt());
-                break;
-              case 'translation_proposal':
-                dispatch(setTranslationProposalPrompt(payload.body));
-                break;
-              case 'user_first_response':
-                dispatch(setHasResponded(true));
-                // @ts-ignore
-                eventBus.emit('system.userFirstResponse', payload.body);
-                break;
-            }
-            break;
-          case 'message':
-            updateParticipant(payload);
-            switch (payload.type) {
-              case 'text':
-              case 'choice_prompt':
-              case 'splash':
-              case 'image':
-              case 'upload':
-              case 'video':
-              case 'cta':
-              case 'custom':
-              case 'carousel':
-              case 'card':
-                if (payload.service && payload.service.serviceSessionId) {
-                  dispatch(setActiveService(payload.service.serviceSessionId));
+        channel.onMessage = (type, payload) => {
+          const event = {
+            type,
+            payload
+          };
+          switch (type) {
+            case 'ui':
+              if (payload.state && payload.state.hasOwnProperty('loading')) {
+                dispatch(setIsLoading(payload.state.loading));
+              }
+              switch (payload.type) {
+                case 'idle_detach_countdown':
+                  initCountdown(payload.body.duration);
+                  break;
+                case 'idle_detach_countdown_elapsed':
+                  endCountdown(undefined, true);
+                  break;
+                case 'resume_conversation_prompt':
+                  dispatch(initResumeConversationPrompt());
+                  break;
+                case 'translation_proposal':
+                  dispatch(setTranslationProposalPrompt(payload.body));
+                  break;
+                case 'user_first_response':
+                  dispatch(setHasResponded(true));
+                  // @ts-ignore
+                  eventBus.emit('system.userFirstResponse', payload.body);
+                  break;
+              }
+              break;
+            case 'message':
+              updateParticipant(payload);
+              switch (payload.type) {
+                case 'text':
+                case 'choice_prompt':
+                case 'splash':
+                case 'image':
+                case 'upload':
+                case 'video':
+                case 'cta':
+                case 'custom':
+                case 'carousel':
+                case 'card':
+                  if (payload.service && payload.service.serviceSessionId) {
+                    dispatch(setActiveService(payload.service.serviceSessionId));
+                  }
+                  dispatch(addEvent(event));
+                  break;
+              }
+              break;
+            case 'participant':
+              updateParticipant(event);
+              break;
+            case 'service_data':
+              if (payload.persist) {
+                dispatch(setServiceDataItem(payload));
+              }
+              break;
+            case 'ack':
+              dispatch(ackEvent(event));
+              break;
+            case 'system':
+              if (payload.type === 'service_changed') {
+                const {
+                    serviceSettings
+                  } = payload,
+                  eventPayload = seamly_event_subscriber_rest(payload, ["serviceSettings"]);
+                const {
+                  entry
+                } = serviceSettings;
+                const {
+                  upload
+                } = entry.options;
+                dispatch(setFeatureEnabledState({
+                  key: featureKeys.uploads,
+                  enabled: !!(upload && upload.enabled)
+                }));
+                dispatch(setServiceEntryMetadata(entry));
+                if (payload.serviceSessionId) {
+                  dispatch(setActiveService(payload.serviceSessionId));
                 }
+                emitEvent('system.serviceChanged', eventPayload);
+              }
+              break;
+            case 'info':
+              if (payload.type === 'divider' || payload.type === 'text' || payload.type === 'translation') {
                 dispatch(addEvent(event));
-                break;
-            }
-            break;
-          case 'participant':
-            updateParticipant(event);
-            break;
-          case 'service_data':
-            if (payload.persist) {
-              dispatch(setServiceDataItem(payload));
-            }
-            break;
-          case 'ack':
-            dispatch(ackEvent(event));
-            break;
-          case 'system':
-            if (payload.type === 'service_changed') {
-              const {
-                  serviceSettings
-                } = payload,
-                eventPayload = seamly_event_subscriber_rest(payload, ["serviceSettings"]);
-              const {
-                entry
-              } = serviceSettings;
-              const {
-                upload
-              } = entry.options;
-              dispatch(setFeatureEnabledState({
-                key: featureKeys.uploads,
-                enabled: !!(upload && upload.enabled)
-              }));
-              dispatch(setServiceEntryMetadata(entry));
-              if (payload.serviceSessionId) {
-                dispatch(setActiveService(payload.serviceSessionId));
               }
-              emitEvent('system.serviceChanged', eventPayload);
-            }
-            break;
-          case 'info':
-            if (payload.type === 'divider' || payload.type === 'text' || payload.type === 'translation') {
-              dispatch(addEvent(event));
-            }
-            break;
-          case 'error':
-            switch (payload.type) {
-              case 'find_conversation_erred':
-                const seamlySessionExpiredError = new SeamlySessionExpiredError(event);
-                dispatch(setInterrupt({
-                  name: seamlySessionExpiredError.name,
-                  action: seamlySessionExpiredError.action,
-                  message: seamlySessionExpiredError.message,
-                  originalEvent: seamlySessionExpiredError.originalEvent,
-                  originalError: seamlySessionExpiredError.originalError
-                }));
-                break;
-              case 'conversation_erred':
-                const seamlyGeneralError = new SeamlyGeneralError(event);
-                dispatch(setInterrupt({
-                  name: seamlyGeneralError.name,
-                  message: seamlyGeneralError.message,
-                  langKey: seamlyGeneralError.langKey,
-                  originalEvent: seamlyGeneralError.originalEvent,
-                  originalError: seamlyGeneralError.originalError,
-                  action: seamlyGeneralError.action
-                }));
-                break;
-            }
-        }
-        return payload;
-      };
+              break;
+            case 'error':
+              switch (payload.type) {
+                case 'find_conversation_erred':
+                  const seamlySessionExpiredError = new SeamlySessionExpiredError(event);
+                  dispatch(setInterrupt({
+                    name: seamlySessionExpiredError.name,
+                    action: seamlySessionExpiredError.action,
+                    message: seamlySessionExpiredError.message,
+                    originalEvent: seamlySessionExpiredError.originalEvent,
+                    originalError: seamlySessionExpiredError.originalError
+                  }));
+                  break;
+                case 'conversation_erred':
+                  const seamlyGeneralError = new SeamlyGeneralError(event);
+                  dispatch(setInterrupt({
+                    name: seamlyGeneralError.name,
+                    message: seamlyGeneralError.message,
+                    langKey: seamlyGeneralError.langKey,
+                    originalEvent: seamlyGeneralError.originalEvent,
+                    originalError: seamlyGeneralError.originalError,
+                    action: seamlyGeneralError.action
+                  }));
+                  break;
+              }
+          }
+          return payload;
+        };
+        return true;
+      });
     }
   }, [api, api.connectionInfo, api.conversation.channel, dispatch, emitEvent, endCountdown, eventBus, initCountdown]);
   (0,hooks_module/* useEffect */.d4)(() => {
-    if (api.connectionInfo && api.conversation.channel) {
-      const {
-        channel
-      } = api.conversation;
-      channel.on('message', payload => {
-        if (!includes_default()(EMITTABLE_MESSAGE_TYPES).call(EMITTABLE_MESSAGE_TYPES, payload.type)) {
+    if (api.connectionInfo) {
+      api.conversation.onConnection(_ref3 => {
+        let {
+          connected
+        } = _ref3;
+        if (!connected) return false;
+        const {
+          channel
+        } = api.conversation;
+        messageChannelRef.current = channel.on('message', payload => {
+          if (!includes_default()(EMITTABLE_MESSAGE_TYPES).call(EMITTABLE_MESSAGE_TYPES, payload.type)) {
+            return payload;
+          }
+          // This check dedupes the sending of messages via
+          // the bus if a duplicate connection exists in an
+          // error situation.
+          if (payload.id !== prevEmittedEventId.current) {
+            // @ts-ignore
+            eventBus.emit('message', payload);
+          }
+          prevEmittedEventId.current = payload.id;
           return payload;
-        }
-        // This check dedupes the sending of messages via
-        // the bus if a duplicate connection exists in an
-        // error situation.
-        if (payload.id !== prevEmittedEventId.current) {
-          // @ts-ignore
-          eventBus.emit('message', payload);
-        }
-        prevEmittedEventId.current = payload.id;
-        return payload;
+        });
+        return true;
       });
+      return () => {
+        var _a;
+        (_a = api.conversation.channel) === null || _a === void 0 ? void 0 : _a.off('message', messageChannelRef.current);
+      };
     }
+    return () => undefined;
   }, [api, api.connectionInfo, api.conversation.channel, eventBus]);
   (0,hooks_module/* useEffect */.d4)(() => {
-    if (api.connectionInfo && api.conversation.channel) {
-      const {
-        channel
-      } = api.conversation;
-      const syncChannelRef = channel.on('sync', payload => {
-        var _a;
-        const lastEvent = events[events.length - 1];
-        const payloadLastEventId = (_a = payload === null || payload === void 0 ? void 0 : payload.lastEvent) === null || _a === void 0 ? void 0 : _a.id;
-        if (lastEvent && payloadLastEventId === lastEvent.payload.id) {
-          return payload;
-        }
-        return api.getConversation().then(history => {
-          if (!history) {
-            return;
+    if (api.connectionInfo) {
+      api.conversation.onConnection(_ref4 => {
+        let {
+          connected
+        } = _ref4;
+        if (!connected) return false;
+        syncChannelRef.current = api.conversation.channel.on('sync', payload => {
+          var _a;
+          const lastEvent = events[events.length - 1];
+          const payloadLastEventId = (_a = payload === null || payload === void 0 ? void 0 : payload.lastEvent) === null || _a === void 0 ? void 0 : _a.id;
+          if (lastEvent && payloadLastEventId === lastEvent.payload.id) {
+            return payload;
           }
-          dispatch(setHistory(history));
-        }).catch(error => {
-          dispatch(setInterrupt({
-            name: error === null || error === void 0 ? void 0 : error.name,
-            message: error === null || error === void 0 ? void 0 : error.message,
-            langKey: error === null || error === void 0 ? void 0 : error.langKey,
-            action: error === null || error === void 0 ? void 0 : error.action,
-            originalEvent: error === null || error === void 0 ? void 0 : error.originalEvent,
-            originalError: error === null || error === void 0 ? void 0 : error.originalError
-          }));
+          return api.getConversation().then(history => {
+            if (!history) return;
+            dispatch(setHistory(history));
+          }).catch(error => {
+            dispatch(setInterrupt({
+              name: error === null || error === void 0 ? void 0 : error.name,
+              message: error === null || error === void 0 ? void 0 : error.message,
+              langKey: error === null || error === void 0 ? void 0 : error.langKey,
+              action: error === null || error === void 0 ? void 0 : error.action,
+              originalEvent: error === null || error === void 0 ? void 0 : error.originalEvent,
+              originalError: error === null || error === void 0 ? void 0 : error.originalError
+            }));
+          });
         });
+        return true;
       });
       return () => {
-        channel.off('sync', syncChannelRef);
+        var _a;
+        (_a = api.conversation.channel) === null || _a === void 0 ? void 0 : _a.off('sync', syncChannelRef.current);
       };
     }
     return () => undefined;
@@ -28309,11 +28703,10 @@ function useSeamlyInstanceFunction(functionName, fn) {
       return undefined;
     }
     const callback = function () {
-      var _callbackRef$current;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
+      return callbackRef.current?.(...args);
     };
     eventBus.emit('function.register', functionName, callback);
     return () => eventBus.emit('function.unregister', functionName, callback);
@@ -28359,12 +28752,12 @@ const SeamlyInstanceFunctionsLoader = () => {
     sendMessage({
       body: text
     });
-  }, [api === null || api === void 0 ? void 0 : api.send]);
+  }, [api?.send]);
   useSeamlyInstanceFunction('setVariables', variables => {
     sendContext({
       variables
     });
-  }, [api === null || api === void 0 ? void 0 : api.send]);
+  }, [api?.send]);
   useSeamlyInstanceFunction('getVisibility', callback => {
     if (callback) {
       callback(currentVisibility.current);
@@ -28380,7 +28773,7 @@ const SeamlyInstanceFunctionsLoader = () => {
     }
     onActivityHandler();
     setVisibility(visibilityState);
-  }, [config === null || config === void 0 ? void 0 : config.api]);
+  }, [config?.api]);
   useSeamlyInstanceFunction('sendCustomAction', (actionType, body) => {
     sendAction({
       type: 'custom',
@@ -29245,7 +29638,7 @@ const validateFileSize = (fileList, maxSize) => {
   }
   return isValid;
 };
-const fileListObjectIsNotEmpty = fileListObj => !!(fileListObj !== null && fileListObj !== void 0 && fileListObj.length) > 0;
+const fileListObjectIsNotEmpty = fileListObj => !!fileListObj?.length > 0;
 
 /* eslint-disable no-control-regex */
 const isEmailString = val => {
@@ -29860,7 +30253,6 @@ const Options = () => {
 
 
 
-
 const OptionsButton = () => {
   const {
     t
@@ -29884,10 +30276,7 @@ const OptionsButton = () => {
   const prevMenuIsOpen = (0,hooks_module/* useRef */.sO)(false);
   const multiMenu = optionsLength > 1;
   const firstOption = menuOptions[0];
-  const firstOptionName = (0,hooks_module/* useMemo */.Ye)(() => {
-    var _firstOption$name;
-    return firstOption === null || firstOption === void 0 ? void 0 : (_firstOption$name = firstOption.name) === null || _firstOption$name === void 0 ? void 0 : trim_default()(_firstOption$name).call(_firstOption$name).replace(/\s+/g, '');
-  }, [firstOption]);
+  const firstOptionName = (0,hooks_module/* useMemo */.Ye)(() => firstOption?.name?.trim().replace(/\s+/g, ''), [firstOption]);
   (0,hooks_module/* useEffect */.d4)(() => {
     return () => {
       clearTimeout(focusOutDelayTimeoutID.current);
@@ -29910,7 +30299,7 @@ const OptionsButton = () => {
     }
     if (multiMenu) {
       setMenuIsOpen(o => !o);
-    } else if (firstOption.available) {
+    } else if (firstOption.available && !panelActive) {
       showOption(firstOption.name);
     }
   };
@@ -30160,7 +30549,7 @@ function TranslationsOptionsButton({ children, position = {
         setMenuIsOpen(false);
     };
     const handleToggleClick = () => {
-        setMenuIsOpen((o) => !o);
+        setMenuIsOpen(!menuIsOpen);
     };
     const handleToggleKeyDown = (e) => {
         if (getKey(e) === keyNames.ArrowDown) {
@@ -31190,8 +31579,7 @@ const upload_Upload = () => {
   const prevContentHintText = (0,hooks_module/* useRef */.sO)('');
   const containerRef = (0,hooks_module/* useRef */.sO)(null);
   (0,hooks_module/* useEffect */.d4)(() => {
-    var _containerRef$current;
-    if (prevContentHintText.current && (_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(document.activeElement) && document.activeElement.tagName === 'INPUT') {
+    if (prevContentHintText.current && containerRef.current?.contains(document.activeElement) && document.activeElement.tagName === 'INPUT') {
       sendAssertive(contentHintText);
     }
     prevContentHintText.current = contentHintText;
@@ -31744,7 +32132,7 @@ function PreChatMessages() {
   const {
     isOpen
   } = useVisibility();
-  const isVisible = !(hasInterrupt || !(preChatEvents !== null && preChatEvents !== void 0 && preChatEvents.length) || isOpen);
+  const isVisible = !(hasInterrupt || !preChatEvents?.length || isOpen);
   return isVisible && o("ul", {
     className: css_className('pre-chat-messages', `pre-chat-messages--${layoutMode}`),
     "aria-hidden": !isVisible,
@@ -31895,6 +32283,18 @@ const WindowOpenButton = _ref => {
 
 
 
+function window_view_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); enumerableOnly && (symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function window_view_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? for_each_default()(_context = window_view_ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(target, get_own_property_descriptors_default()(source)) : for_each_default()(_context2 = window_view_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } return target; }
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -31908,6 +32308,10 @@ const WindowView = () => {
     openChat
   } = useVisibility();
   const userHasResponded = useUserHasResponded();
+  const {
+    hasInterrupt,
+    meta
+  } = useInterrupt();
   const {
     t
   } = useI18n();
@@ -31919,6 +32323,9 @@ const WindowView = () => {
       }
     }
   }), [continueChatText]);
+  if (hasInterrupt && !isOpen) {
+    return o(interrupt, window_view_objectSpread({}, meta));
+  }
   return o(preact_module/* Fragment */.HY, {
     children: [o(window_open_button, {
       onClick: openChat
@@ -32369,8 +32776,7 @@ class ExternalApi {
     return typeof this.appConfig === 'function' ? this.appConfig(combinedConfig) : combinedConfig;
   }
   getMergedVariables(userConfig) {
-    var _this$appConfig$conte, _userConfig$context;
-    return external_api_objectSpread(external_api_objectSpread(external_api_objectSpread({}, ((_this$appConfig$conte = this.appConfig.context) === null || _this$appConfig$conte === void 0 ? void 0 : _this$appConfig$conte.variables) || {}), ((_userConfig$context = userConfig.context) === null || _userConfig$context === void 0 ? void 0 : _userConfig$context.variables) || {}), this.context.variables || {});
+    return external_api_objectSpread(external_api_objectSpread(external_api_objectSpread({}, this.appConfig.context?.variables || {}), userConfig.context?.variables || {}), this.context.variables || {});
   }
 }
 /* harmony default export */ var external_api = (ExternalApi);
@@ -32502,7 +32908,7 @@ const AgentInfo = () => {
     hasInterrupt
   } = useInterrupt();
   const startChatIcon = useStartChatIcon();
-  const src = (currentAgent === null || currentAgent === void 0 ? void 0 : currentAgent.avatar) ?? startChatIcon;
+  const src = currentAgent?.avatar ?? startChatIcon;
   const displaySubtitle = hasInterrupt ? '' : subTitle;
   const classNames = ['message-count'];
   if (isOpen) {
@@ -32516,7 +32922,7 @@ const AgentInfo = () => {
     children: [o("div", {
       className: css_className('agent-info__graphic'),
       children: [src ? o("img", {
-        className: css_className(currentAgent !== null && currentAgent !== void 0 && currentAgent.avatar ? 'avatar' : 'icon'),
+        className: css_className(currentAgent?.avatar ? 'avatar' : 'icon'),
         src: src,
         alt: ""
       }) : o(layout_icon, {