@xapp/chat-widget 1.55.1 → 1.57.1

package/dist/index.js

@@ -127,6 +127,7 @@ function __spreadArray$1(to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 }
 
+/*! Copyright (c) 2021, XAPPmedia */
 function insertSorted(array, obj, comparer) {
     if (!array.length) {
         array.push(obj);
@@ -137,11 +138,19 @@ function insertSorted(array, obj, comparer) {
     while ((rightIndex - leftIndex) > 0) {
         var left = array[leftIndex];
         var right = array[rightIndex];
-        if (comparer(obj, left) <= 0) {
+        var compLeft = comparer(obj, left);
+        if (compLeft === 0) {
+            return array; // exist
+        }
+        if (compLeft < 0) {
             array.splice(leftIndex, 0, obj);
             return array;
         }
-        if (comparer(obj, right) >= 0) {
+        var compRight = comparer(obj, right);
+        if (compRight === 0) {
+            return array; // exist
+        }
+        if (compRight > 0) {
             array.splice(rightIndex + 1, 0, obj);
             return array;
         }
@@ -178,1279 +187,6 @@ function isAgent(nick) {
     return nick.startsWith("agent:");
 }
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-var assign$1 = make_assign();
-var create$1 = make_create();
-var trim$1 = make_trim();
-var Global$5 = (typeof window !== 'undefined' ? window : commonjsGlobal);
-
-var util$6 = {
-	assign: assign$1,
-	create: create$1,
-	trim: trim$1,
-	bind: bind$1,
-	slice: slice$1,
-	each: each$7,
-	map: map$1,
-	pluck: pluck$1,
-	isList: isList$2,
-	isFunction: isFunction$1,
-	isObject: isObject$1,
-	Global: Global$5
-};
-
-function make_assign() {
-	if (Object.assign) {
-		return Object.assign
-	} else {
-		return function shimAssign(obj, props1, props2, etc) {
-			for (var i = 1; i < arguments.length; i++) {
-				each$7(Object(arguments[i]), function(val, key) {
-					obj[key] = val;
-				});
-			}			
-			return obj
-		}
-	}
-}
-
-function make_create() {
-	if (Object.create) {
-		return function create(obj, assignProps1, assignProps2, etc) {
-			var assignArgsList = slice$1(arguments, 1);
-			return assign$1.apply(this, [Object.create(obj)].concat(assignArgsList))
-		}
-	} else {
-		function F() {} // eslint-disable-line no-inner-declarations
-		return function create(obj, assignProps1, assignProps2, etc) {
-			var assignArgsList = slice$1(arguments, 1);
-			F.prototype = obj;
-			return assign$1.apply(this, [new F()].concat(assignArgsList))
-		}
-	}
-}
-
-function make_trim() {
-	if (String.prototype.trim) {
-		return function trim(str) {
-			return String.prototype.trim.call(str)
-		}
-	} else {
-		return function trim(str) {
-			return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '')
-		}
-	}
-}
-
-function bind$1(obj, fn) {
-	return function() {
-		return fn.apply(obj, Array.prototype.slice.call(arguments, 0))
-	}
-}
-
-function slice$1(arr, index) {
-	return Array.prototype.slice.call(arr, index || 0)
-}
-
-function each$7(obj, fn) {
-	pluck$1(obj, function(val, key) {
-		fn(val, key);
-		return false
-	});
-}
-
-function map$1(obj, fn) {
-	var res = (isList$2(obj) ? [] : {});
-	pluck$1(obj, function(v, k) {
-		res[k] = fn(v, k);
-		return false
-	});
-	return res
-}
-
-function pluck$1(obj, fn) {
-	if (isList$2(obj)) {
-		for (var i=0; i<obj.length; i++) {
-			if (fn(obj[i], i)) {
-				return obj[i]
-			}
-		}
-	} else {
-		for (var key in obj) {
-			if (obj.hasOwnProperty(key)) {
-				if (fn(obj[key], key)) {
-					return obj[key]
-				}
-			}
-		}
-	}
-}
-
-function isList$2(val) {
-	return (val != null && typeof val != 'function' && typeof val.length == 'number')
-}
-
-function isFunction$1(val) {
-	return val && {}.toString.call(val) === '[object Function]'
-}
-
-function isObject$1(val) {
-	return val && {}.toString.call(val) === '[object Object]'
-}
-
-var util$5 = util$6;
-var slice = util$5.slice;
-var pluck = util$5.pluck;
-var each$6 = util$5.each;
-var bind = util$5.bind;
-var create = util$5.create;
-var isList$1 = util$5.isList;
-var isFunction = util$5.isFunction;
-var isObject = util$5.isObject;
-
-var storeEngine = {
-	createStore: createStore
-};
-
-var storeAPI = {
-	version: '2.0.12',
-	enabled: false,
-	
-	// get returns the value of the given key. If that value
-	// is undefined, it returns optionalDefaultValue instead.
-	get: function(key, optionalDefaultValue) {
-		var data = this.storage.read(this._namespacePrefix + key);
-		return this._deserialize(data, optionalDefaultValue)
-	},
-
-	// set will store the given value at key and returns value.
-	// Calling set with value === undefined is equivalent to calling remove.
-	set: function(key, value) {
-		if (value === undefined) {
-			return this.remove(key)
-		}
-		this.storage.write(this._namespacePrefix + key, this._serialize(value));
-		return value
-	},
-
-	// remove deletes the key and value stored at the given key.
-	remove: function(key) {
-		this.storage.remove(this._namespacePrefix + key);
-	},
-
-	// each will call the given callback once for each key-value pair
-	// in this store.
-	each: function(callback) {
-		var self = this;
-		this.storage.each(function(val, namespacedKey) {
-			callback.call(self, self._deserialize(val), (namespacedKey || '').replace(self._namespaceRegexp, ''));
-		});
-	},
-
-	// clearAll will remove all the stored key-value pairs in this store.
-	clearAll: function() {
-		this.storage.clearAll();
-	},
-
-	// additional functionality that can't live in plugins
-	// ---------------------------------------------------
-
-	// hasNamespace returns true if this store instance has the given namespace.
-	hasNamespace: function(namespace) {
-		return (this._namespacePrefix == '__storejs_'+namespace+'_')
-	},
-
-	// createStore creates a store.js instance with the first
-	// functioning storage in the list of storage candidates,
-	// and applies the the given mixins to the instance.
-	createStore: function() {
-		return createStore.apply(this, arguments)
-	},
-	
-	addPlugin: function(plugin) {
-		this._addPlugin(plugin);
-	},
-	
-	namespace: function(namespace) {
-		return createStore(this.storage, this.plugins, namespace)
-	}
-};
-
-function _warn() {
-	var _console = (typeof console == 'undefined' ? null : console);
-	if (!_console) { return }
-	var fn = (_console.warn ? _console.warn : _console.log);
-	fn.apply(_console, arguments);
-}
-
-function createStore(storages, plugins, namespace) {
-	if (!namespace) {
-		namespace = '';
-	}
-	if (storages && !isList$1(storages)) {
-		storages = [storages];
-	}
-	if (plugins && !isList$1(plugins)) {
-		plugins = [plugins];
-	}
-
-	var namespacePrefix = (namespace ? '__storejs_'+namespace+'_' : '');
-	var namespaceRegexp = (namespace ? new RegExp('^'+namespacePrefix) : null);
-	var legalNamespaces = /^[a-zA-Z0-9_\-]*$/; // alpha-numeric + underscore and dash
-	if (!legalNamespaces.test(namespace)) {
-		throw new Error('store.js namespaces can only have alphanumerics + underscores and dashes')
-	}
-	
-	var _privateStoreProps = {
-		_namespacePrefix: namespacePrefix,
-		_namespaceRegexp: namespaceRegexp,
-
-		_testStorage: function(storage) {
-			try {
-				var testStr = '__storejs__test__';
-				storage.write(testStr, testStr);
-				var ok = (storage.read(testStr) === testStr);
-				storage.remove(testStr);
-				return ok
-			} catch(e) {
-				return false
-			}
-		},
-
-		_assignPluginFnProp: function(pluginFnProp, propName) {
-			var oldFn = this[propName];
-			this[propName] = function pluginFn() {
-				var args = slice(arguments, 0);
-				var self = this;
-
-				// super_fn calls the old function which was overwritten by
-				// this mixin.
-				function super_fn() {
-					if (!oldFn) { return }
-					each$6(arguments, function(arg, i) {
-						args[i] = arg;
-					});
-					return oldFn.apply(self, args)
-				}
-
-				// Give mixing function access to super_fn by prefixing all mixin function
-				// arguments with super_fn.
-				var newFnArgs = [super_fn].concat(args);
-
-				return pluginFnProp.apply(self, newFnArgs)
-			};
-		},
-
-		_serialize: function(obj) {
-			return JSON.stringify(obj)
-		},
-
-		_deserialize: function(strVal, defaultVal) {
-			if (!strVal) { return defaultVal }
-			// It is possible that a raw string value has been previously stored
-			// in a storage without using store.js, meaning it will be a raw
-			// string value instead of a JSON serialized string. By defaulting
-			// to the raw string value in case of a JSON parse error, we allow
-			// for past stored values to be forwards-compatible with store.js
-			var val = '';
-			try { val = JSON.parse(strVal); }
-			catch(e) { val = strVal; }
-
-			return (val !== undefined ? val : defaultVal)
-		},
-		
-		_addStorage: function(storage) {
-			if (this.enabled) { return }
-			if (this._testStorage(storage)) {
-				this.storage = storage;
-				this.enabled = true;
-			}
-		},
-
-		_addPlugin: function(plugin) {
-			var self = this;
-
-			// If the plugin is an array, then add all plugins in the array.
-			// This allows for a plugin to depend on other plugins.
-			if (isList$1(plugin)) {
-				each$6(plugin, function(plugin) {
-					self._addPlugin(plugin);
-				});
-				return
-			}
-
-			// Keep track of all plugins we've seen so far, so that we
-			// don't add any of them twice.
-			var seenPlugin = pluck(this.plugins, function(seenPlugin) {
-				return (plugin === seenPlugin)
-			});
-			if (seenPlugin) {
-				return
-			}
-			this.plugins.push(plugin);
-
-			// Check that the plugin is properly formed
-			if (!isFunction(plugin)) {
-				throw new Error('Plugins must be function values that return objects')
-			}
-
-			var pluginProperties = plugin.call(this);
-			if (!isObject(pluginProperties)) {
-				throw new Error('Plugins must return an object of function properties')
-			}
-
-			// Add the plugin function properties to this store instance.
-			each$6(pluginProperties, function(pluginFnProp, propName) {
-				if (!isFunction(pluginFnProp)) {
-					throw new Error('Bad plugin property: '+propName+' from plugin '+plugin.name+'. Plugins should only return functions.')
-				}
-				self._assignPluginFnProp(pluginFnProp, propName);
-			});
-		},
-		
-		// Put deprecated properties in the private API, so as to not expose it to accidential
-		// discovery through inspection of the store object.
-		
-		// Deprecated: addStorage
-		addStorage: function(storage) {
-			_warn('store.addStorage(storage) is deprecated. Use createStore([storages])');
-			this._addStorage(storage);
-		}
-	};
-
-	var store = create(_privateStoreProps, storeAPI, {
-		plugins: []
-	});
-	store.raw = {};
-	each$6(store, function(prop, propName) {
-		if (isFunction(prop)) {
-			store.raw[propName] = bind(store, prop);			
-		}
-	});
-	each$6(storages, function(storage) {
-		store._addStorage(storage);
-	});
-	each$6(plugins, function(plugin) {
-		store._addPlugin(plugin);
-	});
-	return store
-}
-
-var util$4 = util$6;
-var Global$4 = util$4.Global;
-
-var localStorage_1 = {
-	name: 'localStorage',
-	read: read$5,
-	write: write$5,
-	each: each$5,
-	remove: remove$5,
-	clearAll: clearAll$5,
-};
-
-function localStorage$1() {
-	return Global$4.localStorage
-}
-
-function read$5(key) {
-	return localStorage$1().getItem(key)
-}
-
-function write$5(key, data) {
-	return localStorage$1().setItem(key, data)
-}
-
-function each$5(fn) {
-	for (var i = localStorage$1().length - 1; i >= 0; i--) {
-		var key = localStorage$1().key(i);
-		fn(read$5(key), key);
-	}
-}
-
-function remove$5(key) {
-	return localStorage$1().removeItem(key)
-}
-
-function clearAll$5() {
-	return localStorage$1().clear()
-}
-
-// oldFF-globalStorage provides storage for Firefox
-// versions 6 and 7, where no localStorage, etc
-// is available.
-
-var util$3 = util$6;
-var Global$3 = util$3.Global;
-
-var oldFFGlobalStorage = {
-	name: 'oldFF-globalStorage',
-	read: read$4,
-	write: write$4,
-	each: each$4,
-	remove: remove$4,
-	clearAll: clearAll$4,
-};
-
-var globalStorage = Global$3.globalStorage;
-
-function read$4(key) {
-	return globalStorage[key]
-}
-
-function write$4(key, data) {
-	globalStorage[key] = data;
-}
-
-function each$4(fn) {
-	for (var i = globalStorage.length - 1; i >= 0; i--) {
-		var key = globalStorage.key(i);
-		fn(globalStorage[key], key);
-	}
-}
-
-function remove$4(key) {
-	return globalStorage.removeItem(key)
-}
-
-function clearAll$4() {
-	each$4(function(key, _) {
-		delete globalStorage[key];
-	});
-}
-
-// oldIE-userDataStorage provides storage for Internet Explorer
-// versions 6 and 7, where no localStorage, sessionStorage, etc
-// is available.
-
-var util$2 = util$6;
-var Global$2 = util$2.Global;
-
-var oldIEUserDataStorage = {
-	name: 'oldIE-userDataStorage',
-	write: write$3,
-	read: read$3,
-	each: each$3,
-	remove: remove$3,
-	clearAll: clearAll$3,
-};
-
-var storageName = 'storejs';
-var doc$1 = Global$2.document;
-var _withStorageEl = _makeIEStorageElFunction();
-var disable = (Global$2.navigator ? Global$2.navigator.userAgent : '').match(/ (MSIE 8|MSIE 9|MSIE 10)\./); // MSIE 9.x, MSIE 10.x
-
-function write$3(unfixedKey, data) {
-	if (disable) { return }
-	var fixedKey = fixKey(unfixedKey);
-	_withStorageEl(function(storageEl) {
-		storageEl.setAttribute(fixedKey, data);
-		storageEl.save(storageName);
-	});
-}
-
-function read$3(unfixedKey) {
-	if (disable) { return }
-	var fixedKey = fixKey(unfixedKey);
-	var res = null;
-	_withStorageEl(function(storageEl) {
-		res = storageEl.getAttribute(fixedKey);
-	});
-	return res
-}
-
-function each$3(callback) {
-	_withStorageEl(function(storageEl) {
-		var attributes = storageEl.XMLDocument.documentElement.attributes;
-		for (var i=attributes.length-1; i>=0; i--) {
-			var attr = attributes[i];
-			callback(storageEl.getAttribute(attr.name), attr.name);
-		}
-	});
-}
-
-function remove$3(unfixedKey) {
-	var fixedKey = fixKey(unfixedKey);
-	_withStorageEl(function(storageEl) {
-		storageEl.removeAttribute(fixedKey);
-		storageEl.save(storageName);
-	});
-}
-
-function clearAll$3() {
-	_withStorageEl(function(storageEl) {
-		var attributes = storageEl.XMLDocument.documentElement.attributes;
-		storageEl.load(storageName);
-		for (var i=attributes.length-1; i>=0; i--) {
-			storageEl.removeAttribute(attributes[i].name);
-		}
-		storageEl.save(storageName);
-	});
-}
-
-// Helpers
-//////////
-
-// In IE7, keys cannot start with a digit or contain certain chars.
-// See https://github.com/marcuswestin/store.js/issues/40
-// See https://github.com/marcuswestin/store.js/issues/83
-var forbiddenCharsRegex = new RegExp("[!\"#$%&'()*+,/\\\\:;<=>?@[\\]^`{|}~]", "g");
-function fixKey(key) {
-	return key.replace(/^\d/, '___$&').replace(forbiddenCharsRegex, '___')
-}
-
-function _makeIEStorageElFunction() {
-	if (!doc$1 || !doc$1.documentElement || !doc$1.documentElement.addBehavior) {
-		return null
-	}
-	var scriptTag = 'script',
-		storageOwner,
-		storageContainer,
-		storageEl;
-
-	// Since #userData storage applies only to specific paths, we need to
-	// somehow link our data to a specific path.  We choose /favicon.ico
-	// as a pretty safe option, since all browsers already make a request to
-	// this URL anyway and being a 404 will not hurt us here.  We wrap an
-	// iframe pointing to the favicon in an ActiveXObject(htmlfile) object
-	// (see: http://msdn.microsoft.com/en-us/library/aa752574(v=VS.85).aspx)
-	// since the iframe access rules appear to allow direct access and
-	// manipulation of the document element, even for a 404 page.  This
-	// document can be used instead of the current document (which would
-	// have been limited to the current path) to perform #userData storage.
-	try {
-		/* global ActiveXObject */
-		storageContainer = new ActiveXObject('htmlfile');
-		storageContainer.open();
-		storageContainer.write('<'+scriptTag+'>document.w=window</'+scriptTag+'><iframe src="/favicon.ico"></iframe>');
-		storageContainer.close();
-		storageOwner = storageContainer.w.frames[0].document;
-		storageEl = storageOwner.createElement('div');
-	} catch(e) {
-		// somehow ActiveXObject instantiation failed (perhaps some special
-		// security settings or otherwse), fall back to per-path storage
-		storageEl = doc$1.createElement('div');
-		storageOwner = doc$1.body;
-	}
-
-	return function(storeFunction) {
-		var args = [].slice.call(arguments, 0);
-		args.unshift(storageEl);
-		// See http://msdn.microsoft.com/en-us/library/ms531081(v=VS.85).aspx
-		// and http://msdn.microsoft.com/en-us/library/ms531424(v=VS.85).aspx
-		storageOwner.appendChild(storageEl);
-		storageEl.addBehavior('#default#userData');
-		storageEl.load(storageName);
-		storeFunction.apply(this, args);
-		storageOwner.removeChild(storageEl);
-		return
-	}
-}
-
-// cookieStorage is useful Safari private browser mode, where localStorage
-// doesn't work but cookies do. This implementation is adopted from
-// https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage
-
-var util$1 = util$6;
-var Global$1 = util$1.Global;
-var trim = util$1.trim;
-
-var cookieStorage = {
-	name: 'cookieStorage',
-	read: read$2,
-	write: write$2,
-	each: each$2,
-	remove: remove$2,
-	clearAll: clearAll$2,
-};
-
-var doc = Global$1.document;
-
-function read$2(key) {
-	if (!key || !_has(key)) { return null }
-	var regexpStr = "(?:^|.*;\\s*)" +
-		escape(key).replace(/[\-\.\+\*]/g, "\\$&") +
-		"\\s*\\=\\s*((?:[^;](?!;))*[^;]?).*";
-	return unescape(doc.cookie.replace(new RegExp(regexpStr), "$1"))
-}
-
-function each$2(callback) {
-	var cookies = doc.cookie.split(/; ?/g);
-	for (var i = cookies.length - 1; i >= 0; i--) {
-		if (!trim(cookies[i])) {
-			continue
-		}
-		var kvp = cookies[i].split('=');
-		var key = unescape(kvp[0]);
-		var val = unescape(kvp[1]);
-		callback(val, key);
-	}
-}
-
-function write$2(key, data) {
-	if(!key) { return }
-	doc.cookie = escape(key) + "=" + escape(data) + "; expires=Tue, 19 Jan 2038 03:14:07 GMT; path=/";
-}
-
-function remove$2(key) {
-	if (!key || !_has(key)) {
-		return
-	}
-	doc.cookie = escape(key) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
-}
-
-function clearAll$2() {
-	each$2(function(_, key) {
-		remove$2(key);
-	});
-}
-
-function _has(key) {
-	return (new RegExp("(?:^|;\\s*)" + escape(key).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=")).test(doc.cookie)
-}
-
-var util = util$6;
-var Global = util.Global;
-
-var sessionStorage_1 = {
-	name: 'sessionStorage',
-	read: read$1,
-	write: write$1,
-	each: each$1,
-	remove: remove$1,
-	clearAll: clearAll$1
-};
-
-function sessionStorage() {
-	return Global.sessionStorage
-}
-
-function read$1(key) {
-	return sessionStorage().getItem(key)
-}
-
-function write$1(key, data) {
-	return sessionStorage().setItem(key, data)
-}
-
-function each$1(fn) {
-	for (var i = sessionStorage().length - 1; i >= 0; i--) {
-		var key = sessionStorage().key(i);
-		fn(read$1(key), key);
-	}
-}
-
-function remove$1(key) {
-	return sessionStorage().removeItem(key)
-}
-
-function clearAll$1() {
-	return sessionStorage().clear()
-}
-
-// memoryStorage is a useful last fallback to ensure that the store
-// is functions (meaning store.get(), store.set(), etc will all function).
-// However, stored values will not persist when the browser navigates to
-// a new page or reloads the current page.
-
-var memoryStorage_1 = {
-	name: 'memoryStorage',
-	read: read,
-	write: write,
-	each: each,
-	remove: remove,
-	clearAll: clearAll,
-};
-
-var memoryStorage = {};
-
-function read(key) {
-	return memoryStorage[key]
-}
-
-function write(key, data) {
-	memoryStorage[key] = data;
-}
-
-function each(callback) {
-	for (var key in memoryStorage) {
-		if (memoryStorage.hasOwnProperty(key)) {
-			callback(memoryStorage[key], key);
-		}
-	}
-}
-
-function remove(key) {
-	delete memoryStorage[key];
-}
-
-function clearAll(key) {
-	memoryStorage = {};
-}
-
-var all = [
-	// Listed in order of usage preference
-	localStorage_1,
-	oldFFGlobalStorage,
-	oldIEUserDataStorage,
-	cookieStorage,
-	sessionStorage_1,
-	memoryStorage_1
-];
-
-var json2$1 = {};
-
-/* eslint-disable */
-
-var hasRequiredJson2;
-
-function requireJson2 () {
-	if (hasRequiredJson2) return json2$1;
-	hasRequiredJson2 = 1;
-	//  json2.js
-	//  2016-10-28
-	//  Public Domain.
-	//  NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
-	//  See http://www.JSON.org/js.html
-	//  This code should be minified before deployment.
-	//  See http://javascript.crockford.com/jsmin.html
-
-	//  USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
-	//  NOT CONTROL.
-
-	//  This file creates a global JSON object containing two methods: stringify
-	//  and parse. This file provides the ES5 JSON capability to ES3 systems.
-	//  If a project might run on IE8 or earlier, then this file should be included.
-	//  This file does nothing on ES5 systems.
-
-	//      JSON.stringify(value, replacer, space)
-	//          value       any JavaScript value, usually an object or array.
-	//          replacer    an optional parameter that determines how object
-	//                      values are stringified for objects. It can be a
-	//                      function or an array of strings.
-	//          space       an optional parameter that specifies the indentation
-	//                      of nested structures. If it is omitted, the text will
-	//                      be packed without extra whitespace. If it is a number,
-	//                      it will specify the number of spaces to indent at each
-	//                      level. If it is a string (such as "\t" or "&nbsp;"),
-	//                      it contains the characters used to indent at each level.
-	//          This method produces a JSON text from a JavaScript value.
-	//          When an object value is found, if the object contains a toJSON
-	//          method, its toJSON method will be called and the result will be
-	//          stringified. A toJSON method does not serialize: it returns the
-	//          value represented by the name/value pair that should be serialized,
-	//          or undefined if nothing should be serialized. The toJSON method
-	//          will be passed the key associated with the value, and this will be
-	//          bound to the value.
-
-	//          For example, this would serialize Dates as ISO strings.
-
-	//              Date.prototype.toJSON = function (key) {
-	//                  function f(n) {
-	//                      // Format integers to have at least two digits.
-	//                      return (n < 10)
-	//                          ? "0" + n
-	//                          : n;
-	//                  }
-	//                  return this.getUTCFullYear()   + "-" +
-	//                       f(this.getUTCMonth() + 1) + "-" +
-	//                       f(this.getUTCDate())      + "T" +
-	//                       f(this.getUTCHours())     + ":" +
-	//                       f(this.getUTCMinutes())   + ":" +
-	//                       f(this.getUTCSeconds())   + "Z";
-	//              };
-
-	//          You can provide an optional replacer method. It will be passed the
-	//          key and value of each member, with this bound to the containing
-	//          object. The value that is returned from your method will be
-	//          serialized. If your method returns undefined, then the member will
-	//          be excluded from the serialization.
-
-	//          If the replacer parameter is an array of strings, then it will be
-	//          used to select the members to be serialized. It filters the results
-	//          such that only members with keys listed in the replacer array are
-	//          stringified.
-
-	//          Values that do not have JSON representations, such as undefined or
-	//          functions, will not be serialized. Such values in objects will be
-	//          dropped; in arrays they will be replaced with null. You can use
-	//          a replacer function to replace those with JSON values.
-
-	//          JSON.stringify(undefined) returns undefined.
-
-	//          The optional space parameter produces a stringification of the
-	//          value that is filled with line breaks and indentation to make it
-	//          easier to read.
-
-	//          If the space parameter is a non-empty string, then that string will
-	//          be used for indentation. If the space parameter is a number, then
-	//          the indentation will be that many spaces.
-
-	//          Example:
-
-	//          text = JSON.stringify(["e", {pluribus: "unum"}]);
-	//          // text is '["e",{"pluribus":"unum"}]'
-
-	//          text = JSON.stringify(["e", {pluribus: "unum"}], null, "\t");
-	//          // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
-
-	//          text = JSON.stringify([new Date()], function (key, value) {
-	//              return this[key] instanceof Date
-	//                  ? "Date(" + this[key] + ")"
-	//                  : value;
-	//          });
-	//          // text is '["Date(---current time---)"]'
-
-	//      JSON.parse(text, reviver)
-	//          This method parses a JSON text to produce an object or array.
-	//          It can throw a SyntaxError exception.
-
-	//          The optional reviver parameter is a function that can filter and
-	//          transform the results. It receives each of the keys and values,
-	//          and its return value is used instead of the original value.
-	//          If it returns what it received, then the structure is not modified.
-	//          If it returns undefined then the member is deleted.
-
-	//          Example:
-
-	//          // Parse the text. Values that look like ISO date strings will
-	//          // be converted to Date objects.
-
-	//          myData = JSON.parse(text, function (key, value) {
-	//              var a;
-	//              if (typeof value === "string") {
-	//                  a =
-	//   /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
-	//                  if (a) {
-	//                      return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
-	//                          +a[5], +a[6]));
-	//                  }
-	//              }
-	//              return value;
-	//          });
-
-	//          myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
-	//              var d;
-	//              if (typeof value === "string" &&
-	//                      value.slice(0, 5) === "Date(" &&
-	//                      value.slice(-1) === ")") {
-	//                  d = new Date(value.slice(5, -1));
-	//                  if (d) {
-	//                      return d;
-	//                  }
-	//              }
-	//              return value;
-	//          });
-
-	//  This is a reference implementation. You are free to copy, modify, or
-	//  redistribute.
-
-	/*jslint
-	    eval, for, this
-	*/
-
-	/*property
-	    JSON, apply, call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
-	    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
-	    lastIndex, length, parse, prototype, push, replace, slice, stringify,
-	    test, toJSON, toString, valueOf
-	*/
-
-
-	// Create a JSON object only if one does not already exist. We create the
-	// methods in a closure to avoid creating global variables.
-
-	if (typeof JSON !== "object") {
-	    JSON = {};
-	}
-
-	(function () {
-
-	    var rx_one = /^[\],:{}\s]*$/;
-	    var rx_two = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g;
-	    var rx_three = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g;
-	    var rx_four = /(?:^|:|,)(?:\s*\[)+/g;
-	    var rx_escapable = /[\\"\u0000-\u001f\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
-	    var rx_dangerous = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
-
-	    function f(n) {
-	        // Format integers to have at least two digits.
-	        return n < 10
-	            ? "0" + n
-	            : n;
-	    }
-
-	    function this_value() {
-	        return this.valueOf();
-	    }
-
-	    if (typeof Date.prototype.toJSON !== "function") {
-
-	        Date.prototype.toJSON = function () {
-
-	            return isFinite(this.valueOf())
-	                ? this.getUTCFullYear() + "-" +
-	                        f(this.getUTCMonth() + 1) + "-" +
-	                        f(this.getUTCDate()) + "T" +
-	                        f(this.getUTCHours()) + ":" +
-	                        f(this.getUTCMinutes()) + ":" +
-	                        f(this.getUTCSeconds()) + "Z"
-	                : null;
-	        };
-
-	        Boolean.prototype.toJSON = this_value;
-	        Number.prototype.toJSON = this_value;
-	        String.prototype.toJSON = this_value;
-	    }
-
-	    var gap;
-	    var indent;
-	    var meta;
-	    var rep;
-
-
-	    function quote(string) {
-
-	// If the string contains no control characters, no quote characters, and no
-	// backslash characters, then we can safely slap some quotes around it.
-	// Otherwise we must also replace the offending characters with safe escape
-	// sequences.
-
-	        rx_escapable.lastIndex = 0;
-	        return rx_escapable.test(string)
-	            ? "\"" + string.replace(rx_escapable, function (a) {
-	                var c = meta[a];
-	                return typeof c === "string"
-	                    ? c
-	                    : "\\u" + ("0000" + a.charCodeAt(0).toString(16)).slice(-4);
-	            }) + "\""
-	            : "\"" + string + "\"";
-	    }
-
-
-	    function str(key, holder) {
-
-	// Produce a string from holder[key].
-
-	        var i;          // The loop counter.
-	        var k;          // The member key.
-	        var v;          // The member value.
-	        var length;
-	        var mind = gap;
-	        var partial;
-	        var value = holder[key];
-
-	// If the value has a toJSON method, call it to obtain a replacement value.
-
-	        if (value && typeof value === "object" &&
-	                typeof value.toJSON === "function") {
-	            value = value.toJSON(key);
-	        }
-
-	// If we were called with a replacer function, then call the replacer to
-	// obtain a replacement value.
-
-	        if (typeof rep === "function") {
-	            value = rep.call(holder, key, value);
-	        }
-
-	// What happens next depends on the value's type.
-
-	        switch (typeof value) {
-	        case "string":
-	            return quote(value);
-
-	        case "number":
-
-	// JSON numbers must be finite. Encode non-finite numbers as null.
-
-	            return isFinite(value)
-	                ? String(value)
-	                : "null";
-
-	        case "boolean":
-	        case "null":
-
-	// If the value is a boolean or null, convert it to a string. Note:
-	// typeof null does not produce "null". The case is included here in
-	// the remote chance that this gets fixed someday.
-
-	            return String(value);
-
-	// If the type is "object", we might be dealing with an object or an array or
-	// null.
-
-	        case "object":
-
-	// Due to a specification blunder in ECMAScript, typeof null is "object",
-	// so watch out for that case.
-
-	            if (!value) {
-	                return "null";
-	            }
-
-	// Make an array to hold the partial results of stringifying this object value.
-
-	            gap += indent;
-	            partial = [];
-
-	// Is the value an array?
-
-	            if (Object.prototype.toString.apply(value) === "[object Array]") {
-
-	// The value is an array. Stringify every element. Use null as a placeholder
-	// for non-JSON values.
-
-	                length = value.length;
-	                for (i = 0; i < length; i += 1) {
-	                    partial[i] = str(i, value) || "null";
-	                }
-
-	// Join all of the elements together, separated with commas, and wrap them in
-	// brackets.
-
-	                v = partial.length === 0
-	                    ? "[]"
-	                    : gap
-	                        ? "[\n" + gap + partial.join(",\n" + gap) + "\n" + mind + "]"
-	                        : "[" + partial.join(",") + "]";
-	                gap = mind;
-	                return v;
-	            }
-
-	// If the replacer is an array, use it to select the members to be stringified.
-
-	            if (rep && typeof rep === "object") {
-	                length = rep.length;
-	                for (i = 0; i < length; i += 1) {
-	                    if (typeof rep[i] === "string") {
-	                        k = rep[i];
-	                        v = str(k, value);
-	                        if (v) {
-	                            partial.push(quote(k) + (
-	                                gap
-	                                    ? ": "
-	                                    : ":"
-	                            ) + v);
-	                        }
-	                    }
-	                }
-	            } else {
-
-	// Otherwise, iterate through all of the keys in the object.
-
-	                for (k in value) {
-	                    if (Object.prototype.hasOwnProperty.call(value, k)) {
-	                        v = str(k, value);
-	                        if (v) {
-	                            partial.push(quote(k) + (
-	                                gap
-	                                    ? ": "
-	                                    : ":"
-	                            ) + v);
-	                        }
-	                    }
-	                }
-	            }
-
-	// Join all of the member texts together, separated with commas,
-	// and wrap them in braces.
-
-	            v = partial.length === 0
-	                ? "{}"
-	                : gap
-	                    ? "{\n" + gap + partial.join(",\n" + gap) + "\n" + mind + "}"
-	                    : "{" + partial.join(",") + "}";
-	            gap = mind;
-	            return v;
-	        }
-	    }
-
-	// If the JSON object does not yet have a stringify method, give it one.
-
-	    if (typeof JSON.stringify !== "function") {
-	        meta = {    // table of character substitutions
-	            "\b": "\\b",
-	            "\t": "\\t",
-	            "\n": "\\n",
-	            "\f": "\\f",
-	            "\r": "\\r",
-	            "\"": "\\\"",
-	            "\\": "\\\\"
-	        };
-	        JSON.stringify = function (value, replacer, space) {
-
-	// The stringify method takes a value and an optional replacer, and an optional
-	// space parameter, and returns a JSON text. The replacer can be a function
-	// that can replace values, or an array of strings that will select the keys.
-	// A default replacer method can be provided. Use of the space parameter can
-	// produce text that is more easily readable.
-
-	            var i;
-	            gap = "";
-	            indent = "";
-
-	// If the space parameter is a number, make an indent string containing that
-	// many spaces.
-
-	            if (typeof space === "number") {
-	                for (i = 0; i < space; i += 1) {
-	                    indent += " ";
-	                }
-
-	// If the space parameter is a string, it will be used as the indent string.
-
-	            } else if (typeof space === "string") {
-	                indent = space;
-	            }
-
-	// If there is a replacer, it must be a function or an array.
-	// Otherwise, throw an error.
-
-	            rep = replacer;
-	            if (replacer && typeof replacer !== "function" &&
-	                    (typeof replacer !== "object" ||
-	                    typeof replacer.length !== "number")) {
-	                throw new Error("JSON.stringify");
-	            }
-
-	// Make a fake root object containing our value under the key of "".
-	// Return the result of stringifying the value.
-
-	            return str("", {"": value});
-	        };
-	    }
-
-
-	// If the JSON object does not yet have a parse method, give it one.
-
-	    if (typeof JSON.parse !== "function") {
-	        JSON.parse = function (text, reviver) {
-
-	// The parse method takes a text and an optional reviver function, and returns
-	// a JavaScript value if the text is a valid JSON text.
-
-	            var j;
-
-	            function walk(holder, key) {
-
-	// The walk method is used to recursively walk the resulting structure so
-	// that modifications can be made.
-
-	                var k;
-	                var v;
-	                var value = holder[key];
-	                if (value && typeof value === "object") {
-	                    for (k in value) {
-	                        if (Object.prototype.hasOwnProperty.call(value, k)) {
-	                            v = walk(value, k);
-	                            if (v !== undefined) {
-	                                value[k] = v;
-	                            } else {
-	                                delete value[k];
-	                            }
-	                        }
-	                    }
-	                }
-	                return reviver.call(holder, key, value);
-	            }
-
-
-	// Parsing happens in four stages. In the first stage, we replace certain
-	// Unicode characters with escape sequences. JavaScript handles many characters
-	// incorrectly, either silently deleting them, or treating them as line endings.
-
-	            text = String(text);
-	            rx_dangerous.lastIndex = 0;
-	            if (rx_dangerous.test(text)) {
-	                text = text.replace(rx_dangerous, function (a) {
-	                    return "\\u" +
-	                            ("0000" + a.charCodeAt(0).toString(16)).slice(-4);
-	                });
-	            }
-
-	// In the second stage, we run the text against regular expressions that look
-	// for non-JSON patterns. We are especially concerned with "()" and "new"
-	// because they can cause invocation, and "=" because it can cause mutation.
-	// But just to be safe, we want to reject all unexpected forms.
-
-	// We split the second stage into 4 regexp operations in order to work around
-	// crippling inefficiencies in IE's and Safari's regexp engines. First we
-	// replace the JSON backslash pairs with "@" (a non-JSON character). Second, we
-	// replace all simple value tokens with "]" characters. Third, we delete all
-	// open brackets that follow a colon or comma or that begin the text. Finally,
-	// we look to see that the remaining characters are only whitespace or "]" or
-	// "," or ":" or "{" or "}". If that is so, then the text is safe for eval.
-
-	            if (
-	                rx_one.test(
-	                    text
-	                        .replace(rx_two, "@")
-	                        .replace(rx_three, "]")
-	                        .replace(rx_four, "")
-	                )
-	            ) {
-
-	// In the third stage we use the eval function to compile the text into a
-	// JavaScript structure. The "{" operator is subject to a syntactic ambiguity
-	// in JavaScript: it can begin a block or an object literal. We wrap the text
-	// in parens to eliminate the ambiguity.
-
-	                j = eval("(" + text + ")");
-
-	// In the optional fourth stage, we recursively walk the new structure, passing
-	// each name/value pair to a reviver function for possible transformation.
-
-	                return (typeof reviver === "function")
-	                    ? walk({"": j}, "")
-	                    : j;
-	            }
-
-	// If the text is not JSON parseable, then a SyntaxError is thrown.
-
-	            throw new SyntaxError("JSON.parse");
-	        };
-	    }
-	}());
-	return json2$1;
-}
-
-var json2 = json2Plugin;
-
-function json2Plugin() {
-	requireJson2();
-	return {}
-}
-
-var engine = storeEngine;
-
-var storages = all;
-var plugins = [json2];
-
-var store_legacy = engine.createStore(storages, plugins);
-
-var PREFIX = "xappWidget.";
-/**
- * Get an item off of local storage by key
- *
- * @param key
- */
-function get(key) {
-    if (store_legacy.enabled)
-        return store_legacy.get(PREFIX + key);
-    return undefined;
-}
-/**
- * Set an item on local storage by key
- *
- * @param key
- * @param value
- */
-function set$1(key, value) {
-    if (store_legacy.enabled)
-        return store_legacy.set(PREFIX + key, value);
-}
-
 function useIsMounted() {
     var ref = React$1.useRef(false);
     React$1.useEffect(function () {
@@ -1632,11 +368,17 @@ function getItemUrl(item) {
     return item.url || item.imageActionUrl;
 }
 
+function useChatDispatch() {
+    return reactRedux.useDispatch();
+}
+
 var OptionalLink = function (props) {
+    var chatDispatch = useChatDispatch();
+    var visuals = reactRedux.useSelector(function (state) { return state.visuals; });
     var url = props.url, className = props.className, onOpen = props.onOpen;
     var handleOpenUrl = React$1.useCallback(function () {
         if (onOpen) {
-            onOpen(url);
+            onOpen(url, chatDispatch, visuals);
         }
     }, [url, onOpen]);
     if (url) {
@@ -2010,24 +752,43 @@ function throwBadKind$1(x) {
     throw new Error("Unknown kind " + x);
 }
 
-function execute(url, behavior) {
+function setVisualStatus(status) {
+    return {
+        type: "visual_status",
+        detail: {
+            status: status,
+            timestamp: new Date().getTime()
+        }
+    };
+}
+
+function execute(url, dispatch, visuals, behavior) {
+    if (!dispatch || !visuals) {
+        throw new Error("OpenUrl: No dispatch and/or visual.");
+    }
     var type = behavior.type;
     switch (type) {
         case "newWindow":
-            if (get("opened")) {
-                set$1("opened", false);
+            if (visuals.opened) {
+                dispatch(setVisualStatus({
+                    opened: false
+                }));
             }
             window.open(url, "callout-option", "toolbar=0,status=0,width=".concat(behavior.width || 1000, ",height=").concat(behavior.height || 700));
             break;
         case "newTab":
-            if (get("opened")) {
-                set$1("opened", false);
+            if (visuals.opened) {
+                dispatch(setVisualStatus({
+                    opened: false
+                }));
             }
             window.open(url, "_blank");
             break;
         case "sameWindow":
-            if (!get("opened")) {
-                set$1("opened", true);
+            if (!visuals.opened) {
+                dispatch(setVisualStatus({
+                    opened: true
+                }));
             }
             window.open(url, "_self");
             break;
@@ -2037,11 +798,11 @@ function execute(url, behavior) {
 }
 function useOpenUrlCallback() {
     var env = useWidgetEnv();
-    return React$1.useCallback(function (url, behavior) {
+    return React$1.useCallback(function (url, dispatch, visuals, behavior) {
         if (!behavior) {
             behavior = (env === null || env === void 0 ? void 0 : env.urls) ? resolveUrlPolicy(url, env.urls) : defaultBehavior;
         }
-        execute(url, behavior);
+        execute(url, dispatch, visuals, behavior);
     }, [env]);
 }
 
@@ -2176,9 +937,9 @@ function sendTyping(typing) {
     }; };
 }
 
-function sendVisitorInfo(msg) {
+function sendVisitorInfo(msg, sessionId) {
     return function (chatServer) { return function () {
-        chatServer.setVisitorInfo(msg, function (err) {
+        chatServer.setVisitorInfo(msg, sessionId, function (err) {
             if (err) {
                 log(err);
             }
@@ -2232,10 +993,6 @@ function reset() {
     };
 }
 
-function useChatDispatch() {
-    return reactRedux.useDispatch();
-}
-
 var LogChat = /** @class */ (function () {
     function LogChat(inner) {
         this.inner = inner;
@@ -2267,9 +1024,9 @@ var LogChat = /** @class */ (function () {
         log("CLIENT: sendTyping: ".concat(JSON.stringify(isTyping)));
         this.inner.sendTyping(isTyping);
     };
-    LogChat.prototype.setVisitorInfo = function (visitorInfo, cb) {
-        log("CLIENT: setVisitorInfo: ".concat(JSON.stringify(visitorInfo)));
-        this.inner.setVisitorInfo(visitorInfo, cb);
+    LogChat.prototype.setVisitorInfo = function (visitorInfo, sessionId, cb) {
+        log("CLIENT: setVisitorInfo: ".concat(JSON.stringify(visitorInfo), " session id: ").concat(sessionId));
+        this.inner.setVisitorInfo(visitorInfo, sessionId, cb);
     };
     LogChat.prototype.sendChatRating = function (rating) {
         log("CLIENT: sendChatRating: ".concat(JSON.stringify(rating)));
@@ -2294,6 +1051,8 @@ var LogChat = /** @class */ (function () {
     return LogChat;
 }());
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
 var dist = {};
 
 Object.defineProperty(dist, '__esModule', { value: true });
@@ -3182,6 +1941,16 @@ function getConfigurableMessagesConfig(messages) {
     return config;
 }
 
+function setSessionId(sessionId) {
+    return {
+        type: "session_id",
+        detail: {
+            sessionId: sessionId,
+            timestamp: new Date().getTime()
+        }
+    };
+}
+
 var PERMISSION_QUESTION_EXPIRATION_MS$1 = 300000; // 5 minutes
 // interface UserLeaveMessage {
 //     readonly user: ChatUserInfo;
@@ -3371,7 +2140,7 @@ var StentorDirectChat = /** @class */ (function () {
     };
     StentorDirectChat.prototype.sendTyping = function () {
     };
-    StentorDirectChat.prototype.setVisitorInfo = function (visitorInfo, cb) {
+    StentorDirectChat.prototype.setVisitorInfo = function (visitorInfo, sessionId, cb) {
         this.visitorInfo = visitorInfo;
         this._attributes = __assign({}, this.visitorInfo.attributes);
         // do not set currentUrl if localhost, localhost is not liked by some firewalls, like AWS WAF
@@ -3390,7 +2159,7 @@ var StentorDirectChat = /** @class */ (function () {
             user: this.getBot(undefined),
             token: ""
         });
-        this.startSession();
+        this.startSession(sessionId);
         cb();
     };
     StentorDirectChat.prototype.sendChatRating = function () {
@@ -3535,7 +2304,8 @@ var StentorDirectChat = /** @class */ (function () {
                         _f.label = 1;
                     case 1:
                         if (!(i < configurableMessages.length)) return [3 /*break*/, 4];
-                        timeout = configurableMessages[i - 1].delay * 1000;
+                        timeout = this.config.timeout || 15000;
+                        console.log("using timeout of ".concat(timeout));
                         this.typing();
                         // We don't start typing IF we have a failure message displayed and we are waiting on the timeout
                         return [4 /*yield*/, new RetryRequest({ retries: 1, timeout: timeout })
@@ -3585,7 +2355,7 @@ var StentorDirectChat = /** @class */ (function () {
             });
         });
     };
-    StentorDirectChat.prototype.startSession = function () {
+    StentorDirectChat.prototype.startSession = function (sessionId) {
         if (this.visitorInfo.visitorId) {
             this._userId = "".concat(this.visitorInfo.visitorId);
         }
@@ -3595,12 +2365,14 @@ var StentorDirectChat = /** @class */ (function () {
         else {
             this._userId = "stentor-widget-user-".concat(uuid_1());
         }
-        if (get("sessionId") !== "") {
-            this._sessionId = get("sessionId");
+        if (sessionId) {
+            this._sessionId = sessionId;
+            log("Using persisted session id: ".concat(this._sessionId));
         }
         else {
             this._sessionId = "stentor-widget-session-".concat(uuid_1());
-            set$1("sessionId", this._sessionId);
+            this.dispatch(setSessionId(this._sessionId));
+            log("Using generated session id: ".concat(this._sessionId));
         }
         // This is a flag that is cleared after the first message is sent
         this.isNewSession = true;
@@ -3799,7 +2571,7 @@ function requestToMessage(botRequest, now) {
 
 var StentorRouterChat = /** @class */ (function () {
     function StentorRouterChat(config, options) {
-        var _a;
+        var _a, _b;
         this._userId = "";
         this._sessionId = "";
         this.accessToken = "";
@@ -3812,13 +2584,23 @@ var StentorRouterChat = /** @class */ (function () {
         // Dig out the path parameters. Put them into the attributes.
         // The WS url is the barebone domain.
         var url = new URL(this.config.url);
-        var urlPath = (_a = url.pathname) === null || _a === void 0 ? void 0 : _a.split("/");
+        var appId = url.searchParams.get("appId");
         var locationUrl = new URL(window.location.href);
         this.isAdmin = locationUrl.searchParams.get("isAdmin") === "true";
-        this.serverUrl = "".concat(url.origin);
-        if (urlPath && urlPath.length > 1) {
-            this.serverUrl = "".concat(this.serverUrl, "/").concat(urlPath[1]); // the first path (after the initial "") is the "dev" or "prod"
-            this.urlAttributes.path = urlPath.slice(1);
+        if (appId) {
+            // New Path if we have the appId on the query string
+            this.serverUrl = this.config.url;
+            this.urlAttributes.path = (_a = url.pathname) === null || _a === void 0 ? void 0 : _a.split("/");
+            // keep the server url
+        }
+        else {
+            // Old path
+            this.serverUrl = "".concat(url.origin);
+            var urlPath = (_b = url.pathname) === null || _b === void 0 ? void 0 : _b.split("/");
+            if (urlPath && urlPath.length > 1) {
+                this.serverUrl = "".concat(this.serverUrl, "/").concat(urlPath[1]);
+                this.urlAttributes.path = urlPath.slice(1);
+            }
         }
         log("WS url: ".concat(this.serverUrl, " isAdmin: ").concat(this.isAdmin, " attributes: ").concat(JSON.stringify(this.attributes)));
         this.configurableMessages = getConfigurableMessagesConfig(options.configurableMessages);
@@ -3986,7 +2768,10 @@ var StentorRouterChat = /** @class */ (function () {
     StentorRouterChat.prototype.wsCreate = function () {
         var _this = this;
         this.setConnectionStatus("pending");
-        this.ws = new WebSocket("".concat(this.serverUrl, "?userId=").concat(this._userId, "&isAdmin=").concat(this.isAdmin));
+        var url = new URL(this.serverUrl);
+        url.searchParams.set("userId", this._userId);
+        url.searchParams.set("isAdmin", "".concat(this.isAdmin));
+        this.ws = new WebSocket(url.toString());
         this.ws.onerror = function (ev) {
             var _a;
             log("Error in WS connection. Type: ".concat(!ev ? "?" : ev.type, " Ready State: ").concat((_a = _this.ws) === null || _a === void 0 ? void 0 : _a.readyState));
@@ -4020,6 +2805,7 @@ var StentorRouterChat = /** @class */ (function () {
                             data: data,
                             sender: this.visitorInfo,
                             sessionId: this._sessionId,
+                            timeMs: new Date().getTime()
                         });
                         log("Widget says: ".concat(payloadData));
                         if (!this.ws) {
@@ -4121,7 +2907,7 @@ var StentorRouterChat = /** @class */ (function () {
         // TODO: Is this too much traffic?
         // this.emit(isTyping ? "typing" : "stop typing");
     };
-    StentorRouterChat.prototype.setVisitorInfo = function (visitorInfoMessage, cb) {
+    StentorRouterChat.prototype.setVisitorInfo = function (visitorInfoMessage, sessionId, cb) {
         log("Visitor Info Message = ".concat(JSON.stringify(visitorInfoMessage)));
         this.visitorInfo = {
             deviceId: "Widget",
@@ -4133,7 +2919,7 @@ var StentorRouterChat = /** @class */ (function () {
         };
         this.attributes = __assign(__assign(__assign({}, visitorInfoMessage.attributes), this.attributes), { currentUrl: window.location.href });
         this.accessToken = visitorInfoMessage.accessToken;
-        this.startSession();
+        this.startSession(sessionId);
         this.postVisitorInfo(); // we, the widget, joined the server
         cb();
     };
@@ -4186,7 +2972,7 @@ var StentorRouterChat = /** @class */ (function () {
             });
         });
     };
-    StentorRouterChat.prototype.startSession = function () {
+    StentorRouterChat.prototype.startSession = function (sessionId) {
         if (this.visitorInfo.userId) {
             this._userId = "".concat(this.visitorInfo.userId);
         }
@@ -4199,16 +2985,16 @@ var StentorRouterChat = /** @class */ (function () {
         var joinSessionId = new URL(window.location.href).searchParams.get("sessionId");
         if (joinSessionId) {
             this._sessionId = joinSessionId;
-            set$1("sessionId", this._sessionId);
+            this.dispatch(setSessionId(this._sessionId));
             log("Using enforced session id: ".concat(this._sessionId));
         }
-        else if (get("sessionId")) {
-            this._sessionId = get("sessionId");
+        else if (sessionId) {
+            this._sessionId = sessionId;
             log("Using persisted session id: ".concat(this._sessionId));
         }
         else {
             this._sessionId = "stentor-widget-session-".concat(uuid_1());
-            set$1("sessionId", this._sessionId);
+            this.dispatch(setSessionId(this._sessionId));
             log("Using generated session id: ".concat(this._sessionId));
         }
         // Always. This triggers a LAUNCH_REQUEST most of the time
@@ -7759,7 +6545,7 @@ var StentorServerChat = /** @class */ (function () {
     StentorServerChat.prototype.sendTyping = function (isTyping) {
         this.socket.emit(isTyping ? "typing" : "stop typing");
     };
-    StentorServerChat.prototype.setVisitorInfo = function (visitorInfo, cb) {
+    StentorServerChat.prototype.setVisitorInfo = function (visitorInfo, _sessionId, cb) {
         this.visitorInfo = visitorInfo;
         this.socket.emit("add user", visitorInfo);
         cb();
@@ -7800,7 +6586,8 @@ function createChatServerCore(config, options) {
         case "direct":
             return new StentorDirectChat({
                 url: config.serverUrl,
-                key: config.accountKey
+                key: config.accountKey,
+                timeout: config.timeout
             }, options);
         case "websocket":
             return new StentorServerChat({
@@ -7854,11 +6641,13 @@ function useChatServerDispatch() {
 var ChatChipsContainer = function (_) {
     var dispatch = useChatServerDispatch();
     var chips = reactRedux.useSelector(function (state) { return state.chips; });
+    var chatDispatch = useChatDispatch();
+    var visuals = reactRedux.useSelector(function (state) { return state.visuals; });
     var openUrl = useOpenUrlCallback();
     function optionOnChange(option) {
         var actionUrl = isChatServerActionLink(option) && option.actionUrl;
         if (actionUrl) {
-            openUrl(actionUrl);
+            openUrl(actionUrl, chatDispatch, visuals);
         }
         else {
             dispatch(executeAction(getChatServerActionLinkLabel(option)));
@@ -7962,6 +6751,8 @@ var ChatMenu = function (props) {
     var items = props.items, opened = props.opened;
     var openFrom = props.openFrom || "bottom";
     var handleOpenUrl = useOpenUrlCallback();
+    var chatDispatch = useChatDispatch();
+    var visuals = reactRedux.useSelector(function (state) { return state.visuals; });
     return (React__default$1["default"].createElement("div", { className: "chat-menu-".concat(openFrom, " ").concat(opened ? "chat-menu-".concat(openFrom, "--opened") : "chat-menu-".concat(openFrom, "--closed")) }, items.map(function (item, i) {
         if (lib.isStandardMenuItem(item)) {
             return React__default$1["default"].createElement(ChatMenuItem, { key: i, onClick: props.onItemClick, label: item.label, subtitle: item.subtitle });
@@ -7980,7 +6771,7 @@ var ChatMenu = function (props) {
                     React__default$1["default"].createElement("div", { className: "chat-menu-item-static-text--body" }, item.body))));
         }
         else if (lib.isOpenURLMenuItem(item)) {
-            return React__default$1["default"].createElement("button", { key: i, className: "chat-menu-item", onClick: handleOpenUrl.bind(_this, item.url, item.behavior) }, item.text);
+            return React__default$1["default"].createElement("button", { key: i, className: "chat-menu-item", onClick: handleOpenUrl.bind(_this, item.url, chatDispatch, visuals, item.behavior) }, item.text);
         }
         return React__default$1["default"].createElement("p", null, "Unknown");
     })));
@@ -8007,15 +6798,17 @@ function useExecuteActionCallback() {
 
 function useButtonCallback() {
     var handleOpenUrl = useOpenUrlCallback();
+    var chatDispatch = useChatDispatch();
+    var visuals = reactRedux.useSelector(function (state) { return state.visuals; });
     var executeAction = useExecuteActionCallback();
     return React$1.useCallback(function (button) {
         if (button.actionUrl) {
-            handleOpenUrl(button.actionUrl);
+            handleOpenUrl(button.actionUrl, chatDispatch, visuals);
         }
         else {
             executeAction(button.label);
         }
-    }, [executeAction, handleOpenUrl]);
+    }, [chatDispatch, executeAction, handleOpenUrl, visuals]);
 }
 
 /**
@@ -8409,12 +7202,14 @@ var ChatMarkdownMessage = function (props) {
     var onOpenUrl = props.onOpenUrl;
     var agentMessage = isAgent(props.message.user.nick);
     var ref = React$1.useRef();
+    var chatDispatch = useChatDispatch();
+    var visuals = reactRedux.useSelector(function (state) { return state.visuals; });
     var html = props.message.msg.html;
     var handleLinkClick = React$1.useCallback(function (ev) {
         if (onOpenUrl) {
             var link = ev.target;
             ev.preventDefault();
-            onOpenUrl(link.href);
+            onOpenUrl(link.href, chatDispatch, visuals);
         }
     }, [onOpenUrl]);
     React$1.useEffect(function () {
@@ -8674,6 +7469,7 @@ function useGreeting(active) {
     var snapshotRef = React$1.useRef(null);
     var ctx = React$1.useContext(ChatConfigContext);
     var isAdmin = ctx.env.isAdmin;
+    var sessionId = reactRedux.useSelector(function (state) { return state.sessionId; });
     React$1.useEffect(function () {
         if (active) {
             if (snapshotRef.current !== curr) {
@@ -8685,7 +7481,7 @@ function useGreeting(active) {
                         userId: curr.userId,
                         accessToken: curr.accessToken,
                         attributes: __assign(__assign({}, curr.attributes), { currentUrl: window.location.href })
-                    }));
+                    }, sessionId));
                     if (!isAdmin) {
                         var timeoutId_1 = setTimeout(function () {
                             var greetingAction = sendGreeting();
@@ -8968,6 +7764,7 @@ var Suggestions = function (props) {
 
 var ChatFooter = function (props) {
     var _a, _b, _c;
+    var innerDispatch = useChatDispatch();
     var placeholder = props.placeholder, sendButtonIcon = props.sendButtonIcon, footerConfig = props.footerConfig, menuConfig = props.menuConfig, inputConfig = props.inputConfig, onSubmit = props.onSubmit;
     var _d = React$1.useState(false), drawerOpen = _d[0], setDrawerState = _d[1]; // false initially
     var _e = React$1.useState(), suggestionSearch = _e[0], setSuggestionSearch = _e[1];
@@ -8988,7 +7785,9 @@ var ChatFooter = function (props) {
     function toggleDrawer() {
         var newDrawer = !drawerOpen;
         setDrawerState(newDrawer);
-        set$1("drawer", newDrawer);
+        innerDispatch(setVisualStatus({
+            drawer: newDrawer
+        }));
     }
     function handleMenuItem(label) {
         setDrawerState(false);
@@ -31367,16 +30166,17 @@ var PrechatForm = function (props) {
 
 var PrechatFormContainer = function (props) {
     var dispatch = useChatServerDispatch();
+    var sessionId = reactRedux.useSelector(function (state) { return state.sessionId; });
     var handleSubmit = React$1.useCallback(function (data) {
         // Don't send empty messages
         if (!data.message)
             return;
         dispatch(sendVisitorInfo({
             displayName: data.name,
-            email: data.email
-        }));
+            email: data.email,
+        }, sessionId));
         dispatch(executeAction(data.message));
-    }, [dispatch]);
+    }, [dispatch, sessionId]);
     return (React__default$1["default"].createElement(React__default$1["default"].Fragment, null,
         React__default$1["default"].createElement("span", { className: "message-sr-only" }, "at " + props.time + " system message"),
         React__default$1["default"].createElement(PrechatForm, { onSubmit: handleSubmit })));
@@ -31492,14 +30292,14 @@ var MessageList = function (props) {
      * @param addClass
      */
     function renderByType(msg, sibling) {
-        var _a;
+        var _a, _b, _c;
         var user;
         // visitor is this widget
-        if (msg.user.nick.startsWith("visitor:")) {
+        if ((_b = (_a = msg.user) === null || _a === void 0 ? void 0 : _a.nick) === null || _b === void 0 ? void 0 : _b.startsWith("visitor:")) {
             user = msg.user;
         }
         else {
-            user = ((_a = props.agents[msg.user.nick]) === null || _a === void 0 ? void 0 : _a.user) || props.agent;
+            user = ((_c = props.agents[msg.user.nick]) === null || _c === void 0 ? void 0 : _c.user) || props.agent;
             // Still nothing?
             if (!user) {
                 log("Could not get a user from agents list with nick: \"".concat(msg.user.nick, "\""));
@@ -31637,6 +30437,7 @@ var minimizeButtonAriaLabel = "To minimize widget click on minus icon in top rig
 var closeButtonAriaLabel = "To close widget click on close icon in top right side of widget.";
 var ChatHeader = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var innerDispatch = useChatDispatch();
     var menuConfig = props.menuConfig, onSubmit = props.onSubmit;
     var _s = React$1.useState(false), drawerOpen = _s[0], setDrawerState = _s[1]; // false initially
     var menuPosition = (menuConfig === null || menuConfig === void 0 ? void 0 : menuConfig.menuButtonLocation) || "FOOTER";
@@ -31648,7 +30449,9 @@ var ChatHeader = function (props) {
     function toggleDrawer() {
         var newDrawer = !drawerOpen;
         setDrawerState(newDrawer);
-        set$1("drawer", newDrawer);
+        innerDispatch(setVisualStatus({
+            drawer: newDrawer
+        }));
     }
     function handleMenuItem(label) {
         setDrawerState(false);
@@ -31983,7 +30786,7 @@ var ChatWidgetWrapper = function (props) {
             React__default$1["default"].createElement(ChatWidget, __assign({}, props)))));
 };
 var ChatWidget = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
     var innerDispatch = useChatDispatch();
     var dispatch = useChatServerDispatch();
     // From Redux
@@ -32009,20 +30812,34 @@ var ChatWidget = function (props) {
     else {
         canCancel = !dockedMode && !staticMode;
     }
+    // For backward compatibility. Note: the action will create the actual "visuals" object" (this is a copy). 
+    if (!chatState.visuals) {
+        chatState.visuals = {};
+    }
     // Our state - pull from storage
-    var _x = React$1.useState((!canMinimize && !canCancel) ||
-        !!get("visible") ||
+    var _1 = React$1.useState((!canMinimize && !canCancel) ||
+        // !!get("visible") ||
+        chatState.visuals.visible ||
         (((_k = props.config) === null || _k === void 0 ? void 0 : _k.autoOpenOnWidth) &&
-            window.matchMedia("(min-width: ".concat((_l = props.config) === null || _l === void 0 ? void 0 : _l.autoOpenOnWidth, ")")).matches)), visible = _x[0], setVisibleState = _x[1];
-    var _y = React$1.useState(false), typing = _y[0], setTypingState = _y[1]; // false initially
+            window.matchMedia("(min-width: ".concat((_l = props.config) === null || _l === void 0 ? void 0 : _l.autoOpenOnWidth, ")")).matches)), visible = _1[0], setVisibleState = _1[1];
+    var _2 = React$1.useState(false), typing = _2[0], setTypingState = _2[1]; // false initially
     var chatServer = React$1.useContext(ChatServerContext);
+    var patternsConfig = (_o = (_m = props.config) === null || _m === void 0 ? void 0 : _m.autoOpenOnPattern) === null || _o === void 0 ? void 0 : _o.patterns;
+    var currentUrl = window.location.href;
+    var patternExist = patternsConfig && patternsConfig.length > 0;
+    var patternMatches = patternsConfig === null || patternsConfig === void 0 ? void 0 : patternsConfig.some(function (pattern) { return currentUrl.includes(pattern); });
+    var configWidth = (_q = (_p = props.config) === null || _p === void 0 ? void 0 : _p.autoOpenOnPattern) === null || _q === void 0 ? void 0 : _q.minimumWidth;
+    // eslint-disable-next-line no-restricted-globals
+    var currentWidth = screen.width;
     var setVisible = React$1.useCallback(function (newVisible) {
         if (staticMode) {
             return;
         }
         setVisibleState(newVisible);
-        set$1("visible", newVisible);
-    }, [staticMode]);
+        innerDispatch(setVisualStatus({
+            visible: newVisible
+        }));
+    }, [innerDispatch, staticMode]);
     React$1.useEffect(function () {
         var _a, _b;
         document.addEventListener("keydown", function (event) {
@@ -32033,17 +30850,26 @@ var ChatWidget = function (props) {
             }
         });
         if (checkSessionExpiration((chatState === null || chatState === void 0 ? void 0 : chatState.sessionExpiration) || ((_a = props.config) === null || _a === void 0 ? void 0 : _a.sessionExpiration), (_b = chatState === null || chatState === void 0 ? void 0 : chatState.chats[chatState.chats.length - 1]) === null || _b === void 0 ? void 0 : _b.timestamp, chatState === null || chatState === void 0 ? void 0 : chatState.lastTimestamp)) {
-            set$1("sessionId", ""); // force new session
+            innerDispatch(setSessionId(undefined));
             innerDispatch(reset());
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     React$1.useEffect(function () {
         // For reopen widget after move on same windowyar
-        if (get("opened")) {
+        // if (get("opened")) {
+        //     setVisible(true);
+        // }
+        if (chatState.visuals.opened) {
+            setVisible(true);
+        }
+        if (patternExist && patternMatches) {
             setVisible(true);
         }
-    }, [setVisible]);
+        if (currentWidth < +configWidth) {
+            setVisible(false);
+        }
+    }, [currentWidth, patternExist, patternMatches, configWidth, setVisible, chatState.visuals.opened]);
     function handleOnChange() {
         if (!typing) {
             dispatch(sendTyping(true));
@@ -32094,16 +30920,23 @@ var ChatWidget = function (props) {
         innerDispatch(reset());
     }
     function minimizeOnClick() {
-        set$1("opened", false);
+        innerDispatch(setVisualStatus({
+            opened: false
+        }));
         setVisible(false);
     }
     function cancelOnClick() {
-        set$1("opened", false);
+        //set("opened", false);
+        innerDispatch(setVisualStatus({
+            opened: false
+        }));
         innerDispatch(reset());
         setVisible(false);
     }
     function chatButtonOnClick() {
-        set$1("opened", true);
+        innerDispatch(setVisualStatus({
+            opened: true
+        }));
         setVisible(true);
         setTimeout(function () {
             document.getElementById("chatWidgetInput").focus();
@@ -32151,22 +30984,22 @@ var ChatWidget = function (props) {
             onConnectionStatusChange(connectionStatus);
         }
     }, [connectionStatus, onConnectionStatusChange]);
-    useExternalScript((_m = props.config) === null || _m === void 0 ? void 0 : _m.middlewareUrl);
+    useExternalScript((_r = props.config) === null || _r === void 0 ? void 0 : _r.middlewareUrl);
     // This is a pseudo agent. It represent's the widget (shown in the header avatar for instance)
-    var widgetAgent = ((_o = chatState.agents["agent:robot"]) === null || _o === void 0 ? void 0 : _o.user) || (config === null || config === void 0 ? void 0 : config.agent)
+    var widgetAgent = ((_s = chatState.agents["agent:robot"]) === null || _s === void 0 ? void 0 : _s.user) || (config === null || config === void 0 ? void 0 : config.agent)
         || { nick: "agent:robot", avatarPath: config.avatarUrl, display_name: "Agent" };
     return (React__default$1["default"].createElement(React__default$1["default"].Fragment, null,
         React__default$1["default"].createElement("div", { className: "widget-container ".concat(modeClass, " ").concat(getVisibilityClass()) },
             React__default$1["default"].createElement(WidgetStylesheet, { theme: config === null || config === void 0 ? void 0 : config.theme }),
             React__default$1["default"].createElement(ChatHeader, { accountStatus: chatState.accountStatus, refreshOnClick: openModal, minimizeOnClick: minimizeOnClick, cancelOnClick: cancelOnClick, agent: widgetAgent, canRefresh: canRefresh, canMinimize: canMinimize, canCancel: canCancel, config: config === null || config === void 0 ? void 0 : config.header, menuConfig: config.menu, onSubmit: handleOnSubmit }),
-            React__default$1["default"].createElement(MessageList, { visible: visible, queuePosition: chatState.queuePosition, isChatting: chatState.isChatting, isOffline: isOffline, messages: messages, agents: chatState.agents, agent: config === null || config === void 0 ? void 0 : config.agent, lastRatingRequestTimestamp: chatState.lastRatingRequestTimestamp, hasRating: chatState.hasRating, visitorId: chatState.visitorId, messageMiddleware: props.messageMiddleware, textTypingStatusEnabled: (_q = (_p = props.config) === null || _p === void 0 ? void 0 : _p.typingStatus) === null || _q === void 0 ? void 0 : _q.textTypingStatusEnabled, onSend: handleSendMessage, onWrite: handleWriteMessage, onOpenUrl: handleOpenUrl }),
+            React__default$1["default"].createElement(MessageList, { visible: visible, queuePosition: chatState.queuePosition, isChatting: chatState.isChatting, isOffline: isOffline, messages: messages, agents: chatState.agents, agent: config === null || config === void 0 ? void 0 : config.agent, lastRatingRequestTimestamp: chatState.lastRatingRequestTimestamp, hasRating: chatState.hasRating, visitorId: chatState.visitorId, messageMiddleware: props.messageMiddleware, textTypingStatusEnabled: (_u = (_t = props.config) === null || _t === void 0 ? void 0 : _t.typingStatus) === null || _u === void 0 ? void 0 : _u.textTypingStatusEnabled, onSend: handleSendMessage, onWrite: handleWriteMessage, onOpenUrl: handleOpenUrl }),
             React__default$1["default"].createElement("div", { className: "spinner-container ".concat(visible && connectionStatus === "pending" ? "visible" : "") },
                 React__default$1["default"].createElement("div", { className: "spinner" })),
             connectionStatus === "offline" && React__default$1["default"].createElement(ServerOffline, null),
-            React__default$1["default"].createElement(ChatFooter, { isAdmin: config === null || config === void 0 ? void 0 : config.isAdmin, isChatting: chatState.isChatting, placeholder: (_r = config === null || config === void 0 ? void 0 : config.input) === null || _r === void 0 ? void 0 : _r.placeholder, sendButtonIcon: (_t = (_s = config === null || config === void 0 ? void 0 : config.footer) === null || _s === void 0 ? void 0 : _s.sendButton) === null || _t === void 0 ? void 0 : _t.icon, visible: visible, menuConfig: props.config.menu, footerConfig: (_u = props.config) === null || _u === void 0 ? void 0 : _u.footer, inputConfig: (_v = props.config) === null || _v === void 0 ? void 0 : _v.input, onChange: handleOnChange, onSubmit: handleOnSubmit, onFileUpload: handleFileUpload }),
+            React__default$1["default"].createElement(ChatFooter, { isAdmin: config === null || config === void 0 ? void 0 : config.isAdmin, isChatting: chatState.isChatting, placeholder: (_v = config === null || config === void 0 ? void 0 : config.input) === null || _v === void 0 ? void 0 : _v.placeholder, sendButtonIcon: (_x = (_w = config === null || config === void 0 ? void 0 : config.footer) === null || _w === void 0 ? void 0 : _w.sendButton) === null || _x === void 0 ? void 0 : _x.icon, visible: visible, menuConfig: props.config.menu, footerConfig: (_y = props.config) === null || _y === void 0 ? void 0 : _y.footer, inputConfig: (_z = props.config) === null || _z === void 0 ? void 0 : _z.input, onChange: handleOnChange, onSubmit: handleOnSubmit, onFileUpload: handleFileUpload }),
             React__default$1["default"].createElement("div", { className: "restartModal", ref: modalRef, onClick: closeModal },
                 React__default$1["default"].createElement(ModalContent, { onClose: closeModal, onReset: refreshOnClick }))),
-        React__default$1["default"].createElement(ChatButton, { addClass: getVisibilityClass(), onClick: chatButtonOnClick, config: (_w = props.config) === null || _w === void 0 ? void 0 : _w.cta, visible: visible })));
+        React__default$1["default"].createElement(ChatButton, { addClass: getVisibilityClass(), onClick: chatButtonOnClick, config: (_0 = props.config) === null || _0 === void 0 ? void 0 : _0.cta, visible: visible })));
 };
 
 function tryParseJson(str) {
@@ -32223,7 +31056,7 @@ function createDefaultState(state) {
             connectionStatus: "offline",
             token: null,
             greetingRequested: false
-        }, accountStatus: "offline", departments: {}, visitor: DEFAULT_VISITOR, agents: {}, chats: [], lastTimestamp: 0, lastRatingRequestTimestamp: 0, hasRating: false, isChatting: false, queuePosition: 0, failureMsg: null, visitorId: visitorFingerprint(), chips: [], sessionExpiration: "24h" }, state);
+        }, accountStatus: "offline", departments: {}, visitor: DEFAULT_VISITOR, agents: {}, chats: [], lastTimestamp: 0, lastRatingRequestTimestamp: 0, hasRating: false, isChatting: false, queuePosition: 0, failureMsg: null, visitorId: visitorFingerprint(), chips: [], sessionExpiration: "24h", visuals: {} }, state);
 }
 var DEFAULT_STATE = createDefaultState();
 
@@ -32369,6 +31202,24 @@ function update(state, action) {
             return state;
         case "account_status":
             return __assign(__assign({}, state), { accountStatus: action.detail.status });
+        case "session_id":
+            return __assign(__assign({}, state), { sessionId: action.detail.sessionId });
+        case "visual_status":
+            var newVisualState = __assign({}, state);
+            // Backward compatibility
+            if (!newVisualState.visuals) {
+                newVisualState.visuals = {};
+            }
+            if (action.detail.status.drawer !== undefined) {
+                newVisualState.visuals.drawer = action.detail.status.drawer;
+            }
+            if (action.detail.status.opened !== undefined) {
+                newVisualState.visuals.opened = action.detail.status.opened;
+            }
+            if (action.detail.status.visible !== undefined) {
+                newVisualState.visuals.visible = action.detail.status.visible;
+            }
+            return newVisualState;
         case "department_update":
             return __assign(__assign({}, state), { departments: __assign(__assign({}, state.departments), (_a = {}, _a[action.detail.id] = __assign({}, action.detail), _a)) });
         case "visitor_update":
@@ -32618,7 +31469,7 @@ var StaticChatWidgetContainer = function (props) {
 
 function createStateFromMessages(messages) {
     var def = createDefaultState();
-    return __assign(__assign({}, def), { connection: __assign(__assign({}, def.connection), { connectionStatus: "online" }), accountStatus: "online", chats: __spreadArray$1([], messages, true), isChatting: true });
+    return __assign(__assign({}, def), { connection: __assign(__assign({}, def.connection), { connectionStatus: "online" }), accountStatus: "online", chats: __spreadArray$1([], messages, true), isChatting: true, visuals: {} });
 }
 
 var StaticMessagesChatWidgetContainer = function (props) {