', pa.innerHTML.indexOf(\"
\") > 0;\n}\n\nvar ma = !!q && ha(!1),\n ga = !!q && ha(!0),\n va = b(function (t) {\n var e = nr(t);\n return e && e.innerHTML;\n}),\n ya = So.prototype.$mount;\nSo.prototype.$mount = function (t, e) {\n if ((t = t && nr(t)) === document.body || t === document.documentElement) return this;\n var n = this.$options;\n\n if (!n.render) {\n var _e78 = n.template;\n if (_e78) {\n if (\"string\" == typeof _e78) \"#\" === _e78.charAt(0) && (_e78 = va(_e78));else {\n if (!_e78.nodeType) return this;\n _e78 = _e78.innerHTML;\n }\n } else t && (_e78 = function (t) {\n if (t.outerHTML) return t.outerHTML;\n {\n var _e79 = document.createElement(\"div\");\n\n return _e79.appendChild(t.cloneNode(!0)), _e79.innerHTML;\n }\n }(t));\n\n if (_e78) {\n var _da = da(_e78, {\n outputSourceRange: !1,\n shouldDecodeNewlines: ma,\n shouldDecodeNewlinesForHref: ga,\n delimiters: n.delimiters,\n comments: n.comments\n }, this),\n _t71 = _da.render,\n _o60 = _da.staticRenderFns;\n\n n.render = _t71, n.staticRenderFns = _o60;\n }\n }\n\n return ya.call(this, t, e);\n}, So.compile = da, A(So, Hn), So.effect = function (t, e) {\n var n = new Kn(at, t, E, {\n sync: !0\n });\n e && (n.update = function () {\n e(function () {\n return n.run();\n });\n });\n}, module.exports = So;","var scope = typeof global !== \"undefined\" && global || typeof self !== \"undefined\" && self || window;\nvar apply = Function.prototype.apply; // DOM APIs, for completeness\n\nexports.setTimeout = function () {\n return new Timeout(apply.call(setTimeout, scope, arguments), clearTimeout);\n};\n\nexports.setInterval = function () {\n return new Timeout(apply.call(setInterval, scope, arguments), clearInterval);\n};\n\nexports.clearTimeout = exports.clearInterval = function (timeout) {\n if (timeout) {\n timeout.close();\n }\n};\n\nfunction Timeout(id, clearFn) {\n this._id = id;\n this._clearFn = clearFn;\n}\n\nTimeout.prototype.unref = Timeout.prototype.ref = function () {};\n\nTimeout.prototype.close = function () {\n this._clearFn.call(scope, this._id);\n}; // Does not start the time, just sets up the members needed.\n\n\nexports.enroll = function (item, msecs) {\n clearTimeout(item._idleTimeoutId);\n item._idleTimeout = msecs;\n};\n\nexports.unenroll = function (item) {\n clearTimeout(item._idleTimeoutId);\n item._idleTimeout = -1;\n};\n\nexports._unrefActive = exports.active = function (item) {\n clearTimeout(item._idleTimeoutId);\n var msecs = item._idleTimeout;\n\n if (msecs >= 0) {\n item._idleTimeoutId = setTimeout(function onTimeout() {\n if (item._onTimeout) item._onTimeout();\n }, msecs);\n }\n}; // setimmediate attaches itself to the global object\n\n\nrequire(\"setimmediate\"); // On some exotic environments, it's not clear which object `setimmediate` was\n// able to install onto. Search each possibility in the same order as the\n// `setimmediate` library.\n\n\nexports.setImmediate = typeof self !== \"undefined\" && self.setImmediate || typeof global !== \"undefined\" && global.setImmediate || this && this.setImmediate;\nexports.clearImmediate = typeof self !== \"undefined\" && self.clearImmediate || typeof global !== \"undefined\" && global.clearImmediate || this && this.clearImmediate;","(function (global, undefined) {\n \"use strict\";\n\n if (global.setImmediate) {\n return;\n }\n\n var nextHandle = 1; // Spec says greater than zero\n\n var tasksByHandle = {};\n var currentlyRunningATask = false;\n var doc = global.document;\n var registerImmediate;\n\n function setImmediate(callback) {\n // Callback can either be a function or a string\n if (typeof callback !== \"function\") {\n callback = new Function(\"\" + callback);\n } // Copy function arguments\n\n\n var args = new Array(arguments.length - 1);\n\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i + 1];\n } // Store and register the task\n\n\n var task = {\n callback: callback,\n args: args\n };\n tasksByHandle[nextHandle] = task;\n registerImmediate(nextHandle);\n return nextHandle++;\n }\n\n function clearImmediate(handle) {\n delete tasksByHandle[handle];\n }\n\n function run(task) {\n var callback = task.callback;\n var args = task.args;\n\n switch (args.length) {\n case 0:\n callback();\n break;\n\n case 1:\n callback(args[0]);\n break;\n\n case 2:\n callback(args[0], args[1]);\n break;\n\n case 3:\n callback(args[0], args[1], args[2]);\n break;\n\n default:\n callback.apply(undefined, args);\n break;\n }\n }\n\n function runIfPresent(handle) {\n // From the spec: \"Wait until any invocations of this algorithm started before this one have completed.\"\n // So if we're currently running a task, we'll need to delay this invocation.\n if (currentlyRunningATask) {\n // Delay by doing a setTimeout. setImmediate was tried instead, but in Firefox 7 it generated a\n // \"too much recursion\" error.\n setTimeout(runIfPresent, 0, handle);\n } else {\n var task = tasksByHandle[handle];\n\n if (task) {\n currentlyRunningATask = true;\n\n try {\n run(task);\n } finally {\n clearImmediate(handle);\n currentlyRunningATask = false;\n }\n }\n }\n }\n\n function installNextTickImplementation() {\n registerImmediate = function registerImmediate(handle) {\n process.nextTick(function () {\n runIfPresent(handle);\n });\n };\n }\n\n function canUsePostMessage() {\n // The test against `importScripts` prevents this implementation from being installed inside a web worker,\n // where `global.postMessage` means something completely different and can't be used for this purpose.\n if (global.postMessage && !global.importScripts) {\n var postMessageIsAsynchronous = true;\n var oldOnMessage = global.onmessage;\n\n global.onmessage = function () {\n postMessageIsAsynchronous = false;\n };\n\n global.postMessage(\"\", \"*\");\n global.onmessage = oldOnMessage;\n return postMessageIsAsynchronous;\n }\n }\n\n function installPostMessageImplementation() {\n // Installs an event handler on `global` for the `message` event: see\n // * https://developer.mozilla.org/en/DOM/window.postMessage\n // * http://www.whatwg.org/specs/web-apps/current-work/multipage/comms.html#crossDocumentMessages\n var messagePrefix = \"setImmediate$\" + Math.random() + \"$\";\n\n var onGlobalMessage = function onGlobalMessage(event) {\n if (event.source === global && typeof event.data === \"string\" && event.data.indexOf(messagePrefix) === 0) {\n runIfPresent(+event.data.slice(messagePrefix.length));\n }\n };\n\n if (global.addEventListener) {\n global.addEventListener(\"message\", onGlobalMessage, false);\n } else {\n global.attachEvent(\"onmessage\", onGlobalMessage);\n }\n\n registerImmediate = function registerImmediate(handle) {\n global.postMessage(messagePrefix + handle, \"*\");\n };\n }\n\n function installMessageChannelImplementation() {\n var channel = new MessageChannel();\n\n channel.port1.onmessage = function (event) {\n var handle = event.data;\n runIfPresent(handle);\n };\n\n registerImmediate = function registerImmediate(handle) {\n channel.port2.postMessage(handle);\n };\n }\n\n function installReadyStateChangeImplementation() {\n var html = doc.documentElement;\n\n registerImmediate = function registerImmediate(handle) {\n // Create a \n","import { render, staticRenderFns } from \"./Icon.vue?vue&type=template&id=b3f43d06&\"\nimport script from \"./Icon.vue?vue&type=script&lang=js&\"\nexport * from \"./Icon.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","const {\n API_CHANNEL_NAME: apiChannelName,\n API_CHANNEL_THUMBNAIL: apiChannelThumbnail,\n APP_VERSION: appVersion,\n AZURE_APP_ID: azureAppId,\n BRAND_NAME: brandName,\n CHATWOOT_INBOX_TOKEN: chatwootInboxToken,\n CSML_EDITOR_HOST: csmlEditorHost,\n CREATE_NEW_ACCOUNT_FROM_DASHBOARD: createNewAccountFromDashboard,\n DIRECT_UPLOADS_ENABLED: directUploadsEnabled,\n DISPLAY_MANIFEST: displayManifest,\n GIT_SHA: gitSha,\n HCAPTCHA_SITE_KEY: hCaptchaSiteKey,\n INSTALLATION_NAME: installationName,\n LOGO_THUMBNAIL: logoThumbnail,\n LOGO: logo,\n LOGO_DARK: logoDark,\n PRIVACY_URL: privacyURL,\n TERMS_URL: termsURL,\n WIDGET_BRAND_URL: widgetBrandURL,\n DISABLE_USER_PROFILE_UPDATE: disableUserProfileUpdate,\n DEPLOYMENT_ENV: deploymentEnv,\n} = window.globalConfig || {};\n\nconst state = {\n apiChannelName,\n apiChannelThumbnail,\n appVersion,\n azureAppId,\n brandName,\n chatwootInboxToken,\n csmlEditorHost,\n deploymentEnv,\n createNewAccountFromDashboard,\n directUploadsEnabled: directUploadsEnabled === 'true',\n disableUserProfileUpdate: disableUserProfileUpdate === 'true',\n displayManifest,\n gitSha,\n hCaptchaSiteKey,\n installationName,\n logo,\n logoDark,\n logoThumbnail,\n privacyURL,\n termsURL,\n widgetBrandURL,\n};\n\nexport const getters = {\n get: $state => $state,\n isOnChatwootCloud: $state => $state.deploymentEnv === 'cloud',\n isACustomBrandedInstance: $state => $state.installationName !== 'Chatwoot',\n isAChatwootInstance: $state => $state.installationName === 'Chatwoot',\n};\n\nexport const actions = {};\n\nexport const mutations = {};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","var global = require('../internals/global');\nvar DOMIterables = require('../internals/dom-iterables');\nvar ArrayIteratorMethods = require('../modules/es.array.iterator');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar ITERATOR = wellKnownSymbol('iterator');\nvar TO_STRING_TAG = wellKnownSymbol('toStringTag');\nvar ArrayValues = ArrayIteratorMethods.values;\n\nfor (var COLLECTION_NAME in DOMIterables) {\n var Collection = global[COLLECTION_NAME];\n var CollectionPrototype = Collection && Collection.prototype;\n if (CollectionPrototype) {\n // some Chrome versions have non-configurable methods on DOMTokenList\n if (CollectionPrototype[ITERATOR] !== ArrayValues) try {\n createNonEnumerableProperty(CollectionPrototype, ITERATOR, ArrayValues);\n } catch (error) {\n CollectionPrototype[ITERATOR] = ArrayValues;\n }\n if (!CollectionPrototype[TO_STRING_TAG]) {\n createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG, COLLECTION_NAME);\n }\n if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {\n // some Chrome versions have non-configurable methods on DOMTokenList\n if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {\n createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);\n } catch (error) {\n CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];\n }\n }\n }\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar dompurify_html_1 = require(\"./dompurify-html\");\n\nexports.default = {\n install: function install(Vue, config) {\n if (config === void 0) {\n config = {};\n }\n\n Vue.directive('dompurify-html', (0, dompurify_html_1.buildDirective)(config));\n }\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Vuelidate = Vuelidate;\nexports.validationMixin = exports.default = void 0;\nObject.defineProperty(exports, \"withParams\", {\n enumerable: true,\n get: function get() {\n return _params.withParams;\n }\n});\n\nvar _vval = require(\"./vval\");\n\nvar _params = require(\"./params\");\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n\n if (enumerableOnly) {\n symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n }\n\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nvar NIL = function NIL() {\n return null;\n};\n\nvar buildFromKeys = function buildFromKeys(keys, fn, keyFn) {\n return keys.reduce(function (build, key) {\n build[keyFn ? keyFn(key) : key] = fn(key);\n return build;\n }, {});\n};\n\nfunction isFunction(val) {\n return typeof val === 'function';\n}\n\nfunction isObject(val) {\n return val !== null && (_typeof(val) === 'object' || isFunction(val));\n}\n\nfunction isPromise(object) {\n return isObject(object) && isFunction(object.then);\n}\n\nvar getPath = function getPath(ctx, obj, path, fallback) {\n if (typeof path === 'function') {\n return path.call(ctx, obj, fallback);\n }\n\n path = Array.isArray(path) ? path : path.split('.');\n\n for (var i = 0; i < path.length; i++) {\n if (obj && _typeof(obj) === 'object') {\n obj = obj[path[i]];\n } else {\n return fallback;\n }\n }\n\n return typeof obj === 'undefined' ? fallback : obj;\n};\n\nvar __isVuelidateAsyncVm = '__isVuelidateAsyncVm';\n\nfunction makePendingAsyncVm(Vue, promise) {\n var asyncVm = new Vue({\n data: {\n p: true,\n v: false\n }\n });\n promise.then(function (value) {\n asyncVm.p = false;\n asyncVm.v = value;\n }, function (error) {\n asyncVm.p = false;\n asyncVm.v = false;\n throw error;\n });\n asyncVm[__isVuelidateAsyncVm] = true;\n return asyncVm;\n}\n\nvar validationGetters = {\n $invalid: function $invalid() {\n var _this = this;\n\n var proxy = this.proxy;\n return this.nestedKeys.some(function (nested) {\n return _this.refProxy(nested).$invalid;\n }) || this.ruleKeys.some(function (rule) {\n return !proxy[rule];\n });\n },\n $dirty: function $dirty() {\n var _this2 = this;\n\n if (this.dirty) {\n return true;\n }\n\n if (this.nestedKeys.length === 0) {\n return false;\n }\n\n return this.nestedKeys.every(function (key) {\n return _this2.refProxy(key).$dirty;\n });\n },\n $anyDirty: function $anyDirty() {\n var _this3 = this;\n\n if (this.dirty) {\n return true;\n }\n\n if (this.nestedKeys.length === 0) {\n return false;\n }\n\n return this.nestedKeys.some(function (key) {\n return _this3.refProxy(key).$anyDirty;\n });\n },\n $error: function $error() {\n return this.$dirty && !this.$pending && this.$invalid;\n },\n $anyError: function $anyError() {\n var _this4 = this;\n\n if (this.$error) return true;\n return this.nestedKeys.some(function (key) {\n return _this4.refProxy(key).$anyError;\n });\n },\n $pending: function $pending() {\n var _this5 = this;\n\n return this.ruleKeys.some(function (key) {\n return _this5.getRef(key).$pending;\n }) || this.nestedKeys.some(function (key) {\n return _this5.refProxy(key).$pending;\n });\n },\n $params: function $params() {\n var _this6 = this;\n\n var vals = this.validations;\n return _objectSpread(_objectSpread({}, buildFromKeys(this.nestedKeys, function (key) {\n return vals[key] && vals[key].$params || null;\n })), buildFromKeys(this.ruleKeys, function (key) {\n return _this6.getRef(key).$params;\n }));\n }\n};\n\nfunction setDirtyRecursive(newState) {\n this.dirty = newState;\n var proxy = this.proxy;\n var method = newState ? '$touch' : '$reset';\n this.nestedKeys.forEach(function (key) {\n proxy[key][method]();\n });\n}\n\nvar validationMethods = {\n $touch: function $touch() {\n setDirtyRecursive.call(this, true);\n },\n $reset: function $reset() {\n setDirtyRecursive.call(this, false);\n },\n $flattenParams: function $flattenParams() {\n var proxy = this.proxy;\n var params = [];\n\n for (var key in this.$params) {\n if (this.isNested(key)) {\n var childParams = proxy[key].$flattenParams();\n\n for (var j = 0; j < childParams.length; j++) {\n childParams[j].path.unshift(key);\n }\n\n params = params.concat(childParams);\n } else {\n params.push({\n path: [],\n name: key,\n params: this.$params[key]\n });\n }\n }\n\n return params;\n }\n};\nvar getterNames = Object.keys(validationGetters);\nvar methodNames = Object.keys(validationMethods);\nvar _cachedComponent = null;\n\nvar getComponent = function getComponent(Vue) {\n if (_cachedComponent) {\n return _cachedComponent;\n }\n\n var VBase = Vue.extend({\n computed: {\n refs: function refs() {\n var oldVval = this._vval;\n this._vval = this.children;\n (0, _vval.patchChildren)(oldVval, this._vval);\n var refs = {};\n\n this._vval.forEach(function (c) {\n refs[c.key] = c.vm;\n });\n\n return refs;\n }\n },\n beforeCreate: function beforeCreate() {\n this._vval = null;\n },\n beforeDestroy: function beforeDestroy() {\n if (this._vval) {\n (0, _vval.patchChildren)(this._vval);\n this._vval = null;\n }\n },\n methods: {\n getModel: function getModel() {\n return this.lazyModel ? this.lazyModel(this.prop) : this.model;\n },\n getModelKey: function getModelKey(key) {\n var model = this.getModel();\n\n if (model) {\n return model[key];\n }\n },\n hasIter: function hasIter() {\n return false;\n }\n }\n });\n var ValidationRule = VBase.extend({\n data: function data() {\n return {\n rule: null,\n lazyModel: null,\n model: null,\n lazyParentModel: null,\n rootModel: null\n };\n },\n methods: {\n runRule: function runRule(parent) {\n var model = this.getModel();\n (0, _params.pushParams)();\n var rawOutput = this.rule.call(this.rootModel, model, parent);\n var output = isPromise(rawOutput) ? makePendingAsyncVm(Vue, rawOutput) : rawOutput;\n var rawParams = (0, _params.popParams)();\n var params = rawParams && rawParams.$sub ? rawParams.$sub.length > 1 ? rawParams : rawParams.$sub[0] : null;\n return {\n output: output,\n params: params\n };\n }\n },\n computed: {\n run: function run() {\n var _this7 = this;\n\n var parent = this.lazyParentModel();\n\n var isArrayDependant = Array.isArray(parent) && parent.__ob__;\n\n if (isArrayDependant) {\n var arrayDep = parent.__ob__.dep;\n arrayDep.depend();\n var target = arrayDep.constructor.target;\n\n if (!this._indirectWatcher) {\n var Watcher = target.constructor;\n this._indirectWatcher = new Watcher(this, function () {\n return _this7.runRule(parent);\n }, null, {\n lazy: true\n });\n }\n\n var model = this.getModel();\n\n if (!this._indirectWatcher.dirty && this._lastModel === model) {\n this._indirectWatcher.depend();\n\n return target.value;\n }\n\n this._lastModel = model;\n\n this._indirectWatcher.evaluate();\n\n this._indirectWatcher.depend();\n } else if (this._indirectWatcher) {\n this._indirectWatcher.teardown();\n\n this._indirectWatcher = null;\n }\n\n return this._indirectWatcher ? this._indirectWatcher.value : this.runRule(parent);\n },\n $params: function $params() {\n return this.run.params;\n },\n proxy: function proxy() {\n var output = this.run.output;\n\n if (output[__isVuelidateAsyncVm]) {\n return !!output.v;\n }\n\n return !!output;\n },\n $pending: function $pending() {\n var output = this.run.output;\n\n if (output[__isVuelidateAsyncVm]) {\n return output.p;\n }\n\n return false;\n }\n },\n destroyed: function destroyed() {\n if (this._indirectWatcher) {\n this._indirectWatcher.teardown();\n\n this._indirectWatcher = null;\n }\n }\n });\n var Validation = VBase.extend({\n data: function data() {\n return {\n dirty: false,\n validations: null,\n lazyModel: null,\n model: null,\n prop: null,\n lazyParentModel: null,\n rootModel: null\n };\n },\n methods: _objectSpread(_objectSpread({}, validationMethods), {}, {\n refProxy: function refProxy(key) {\n return this.getRef(key).proxy;\n },\n getRef: function getRef(key) {\n return this.refs[key];\n },\n isNested: function isNested(key) {\n return typeof this.validations[key] !== 'function';\n }\n }),\n computed: _objectSpread(_objectSpread({}, validationGetters), {}, {\n nestedKeys: function nestedKeys() {\n return this.keys.filter(this.isNested);\n },\n ruleKeys: function ruleKeys() {\n var _this8 = this;\n\n return this.keys.filter(function (k) {\n return !_this8.isNested(k);\n });\n },\n keys: function keys() {\n return Object.keys(this.validations).filter(function (k) {\n return k !== '$params';\n });\n },\n proxy: function proxy() {\n var _this9 = this;\n\n var keyDefs = buildFromKeys(this.keys, function (key) {\n return {\n enumerable: true,\n configurable: true,\n get: function get() {\n return _this9.refProxy(key);\n }\n };\n });\n var getterDefs = buildFromKeys(getterNames, function (key) {\n return {\n enumerable: true,\n configurable: true,\n get: function get() {\n return _this9[key];\n }\n };\n });\n var methodDefs = buildFromKeys(methodNames, function (key) {\n return {\n enumerable: false,\n configurable: true,\n get: function get() {\n return _this9[key];\n }\n };\n });\n var iterDefs = this.hasIter() ? {\n $iter: {\n enumerable: true,\n value: Object.defineProperties({}, _objectSpread({}, keyDefs))\n }\n } : {};\n return Object.defineProperties({}, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, keyDefs), iterDefs), {}, {\n $model: {\n enumerable: true,\n get: function get() {\n var parent = _this9.lazyParentModel();\n\n if (parent != null) {\n return parent[_this9.prop];\n } else {\n return null;\n }\n },\n set: function set(value) {\n var parent = _this9.lazyParentModel();\n\n if (parent != null) {\n parent[_this9.prop] = value;\n\n _this9.$touch();\n }\n }\n }\n }, getterDefs), methodDefs));\n },\n children: function children() {\n var _this10 = this;\n\n return [].concat(_toConsumableArray(this.nestedKeys.map(function (key) {\n return renderNested(_this10, key);\n })), _toConsumableArray(this.ruleKeys.map(function (key) {\n return renderRule(_this10, key);\n }))).filter(Boolean);\n }\n })\n });\n var GroupValidation = Validation.extend({\n methods: {\n isNested: function isNested(key) {\n return typeof this.validations[key]() !== 'undefined';\n },\n getRef: function getRef(key) {\n var vm = this;\n return {\n get proxy() {\n return vm.validations[key]() || false;\n }\n\n };\n }\n }\n });\n var EachValidation = Validation.extend({\n computed: {\n keys: function keys() {\n var model = this.getModel();\n\n if (isObject(model)) {\n return Object.keys(model);\n } else {\n return [];\n }\n },\n tracker: function tracker() {\n var _this11 = this;\n\n var trackBy = this.validations.$trackBy;\n return trackBy ? function (key) {\n return \"\".concat(getPath(_this11.rootModel, _this11.getModelKey(key), trackBy));\n } : function (x) {\n return \"\".concat(x);\n };\n },\n getModelLazy: function getModelLazy() {\n var _this12 = this;\n\n return function () {\n return _this12.getModel();\n };\n },\n children: function children() {\n var _this13 = this;\n\n var def = this.validations;\n var model = this.getModel();\n\n var validations = _objectSpread({}, def);\n\n delete validations['$trackBy'];\n var usedTracks = {};\n return this.keys.map(function (key) {\n var track = _this13.tracker(key);\n\n if (usedTracks.hasOwnProperty(track)) {\n return null;\n }\n\n usedTracks[track] = true;\n return (0, _vval.h)(Validation, track, {\n validations: validations,\n prop: key,\n lazyParentModel: _this13.getModelLazy,\n model: model[key],\n rootModel: _this13.rootModel\n });\n }).filter(Boolean);\n }\n },\n methods: {\n isNested: function isNested() {\n return true;\n },\n getRef: function getRef(key) {\n return this.refs[this.tracker(key)];\n },\n hasIter: function hasIter() {\n return true;\n }\n }\n });\n\n var renderNested = function renderNested(vm, key) {\n if (key === '$each') {\n return (0, _vval.h)(EachValidation, key, {\n validations: vm.validations[key],\n lazyParentModel: vm.lazyParentModel,\n prop: key,\n lazyModel: vm.getModel,\n rootModel: vm.rootModel\n });\n }\n\n var validations = vm.validations[key];\n\n if (Array.isArray(validations)) {\n var root = vm.rootModel;\n var refVals = buildFromKeys(validations, function (path) {\n return function () {\n return getPath(root, root.$v, path);\n };\n }, function (v) {\n return Array.isArray(v) ? v.join('.') : v;\n });\n return (0, _vval.h)(GroupValidation, key, {\n validations: refVals,\n lazyParentModel: NIL,\n prop: key,\n lazyModel: NIL,\n rootModel: root\n });\n }\n\n return (0, _vval.h)(Validation, key, {\n validations: validations,\n lazyParentModel: vm.getModel,\n prop: key,\n lazyModel: vm.getModelKey,\n rootModel: vm.rootModel\n });\n };\n\n var renderRule = function renderRule(vm, key) {\n return (0, _vval.h)(ValidationRule, key, {\n rule: vm.validations[key],\n lazyParentModel: vm.lazyParentModel,\n lazyModel: vm.getModel,\n rootModel: vm.rootModel\n });\n };\n\n _cachedComponent = {\n VBase: VBase,\n Validation: Validation\n };\n return _cachedComponent;\n};\n\nvar _cachedVue = null;\n\nfunction getVue(rootVm) {\n if (_cachedVue) return _cachedVue;\n var Vue = rootVm.constructor;\n\n while (Vue.super) {\n Vue = Vue.super;\n }\n\n _cachedVue = Vue;\n return Vue;\n}\n\nvar validateModel = function validateModel(model, validations) {\n var Vue = getVue(model);\n\n var _getComponent = getComponent(Vue),\n Validation = _getComponent.Validation,\n VBase = _getComponent.VBase;\n\n var root = new VBase({\n computed: {\n children: function children() {\n var vals = typeof validations === 'function' ? validations.call(model) : validations;\n return [(0, _vval.h)(Validation, '$v', {\n validations: vals,\n lazyParentModel: NIL,\n prop: '$v',\n model: model,\n rootModel: model\n })];\n }\n }\n });\n return root;\n};\n\nvar validationMixin = {\n data: function data() {\n var vals = this.$options.validations;\n\n if (vals) {\n this._vuelidate = validateModel(this, vals);\n }\n\n return {};\n },\n beforeCreate: function beforeCreate() {\n var options = this.$options;\n var vals = options.validations;\n if (!vals) return;\n if (!options.computed) options.computed = {};\n if (options.computed.$v) return;\n\n options.computed.$v = function () {\n return this._vuelidate ? this._vuelidate.refs.$v.proxy : null;\n };\n },\n beforeDestroy: function beforeDestroy() {\n if (this._vuelidate) {\n this._vuelidate.$destroy();\n\n this._vuelidate = null;\n }\n }\n};\nexports.validationMixin = validationMixin;\n\nfunction Vuelidate(Vue) {\n Vue.mixin(validationMixin);\n}\n\nvar _default = Vuelidate;\nexports.default = _default;","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??ref--3-2!../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=4e35aafc&prod&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??ref--3-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Banner.vue?vue&type=style&index=0&id=508f9472&prod&scoped=true&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??ref--3-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeaderActions.vue?vue&type=style&index=0&id=187f33af&prod&scoped=true&lang=scss&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/dist/cjs.js??ref--3-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewWithHeader.vue?vue&type=style&index=0&id=c1269fe2&prod&scoped=true&lang=scss&\"","import endPoints from 'widget/api/endPoints';\nimport { API } from 'widget/helpers/axios';\n\nexport const getAvailableAgents = async websiteToken => {\n const urlData = endPoints.getAvailableAgents(websiteToken);\n return API.get(urlData.url, { params: urlData.params });\n};\n","import Vue from 'vue';\nimport { getAvailableAgents } from 'widget/api/agent';\nimport * as MutationHelpers from 'shared/helpers/vuex/mutationHelpers';\n\nconst state = {\n records: [],\n uiFlags: {\n isError: false,\n hasFetched: false,\n },\n};\n\nexport const getters = {\n getHasFetched: $state => $state.uiFlags.hasFetched,\n availableAgents: $state =>\n $state.records.filter(agent => agent.availability_status === 'online'),\n};\n\nexport const actions = {\n fetchAvailableAgents: async ({ commit }, websiteToken) => {\n try {\n const { data } = await getAvailableAgents(websiteToken);\n const { payload = [] } = data;\n commit('setAgents', payload);\n commit('setError', false);\n commit('setHasFetched', true);\n } catch (error) {\n commit('setError', true);\n commit('setHasFetched', true);\n }\n },\n updatePresence: async ({ commit }, data) => {\n commit('updatePresence', data);\n },\n};\n\nexport const mutations = {\n setAgents($state, data) {\n Vue.set($state, 'records', data);\n },\n updatePresence: MutationHelpers.updatePresence,\n setError($state, value) {\n Vue.set($state.uiFlags, 'isError', value);\n },\n setHasFetched($state, value) {\n Vue.set($state.uiFlags, 'hasFetched', value);\n },\n};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","export const CLEAR_CONVERSATION_ATTRIBUTES = 'CLEAR_CONVERSATION_ATTRIBUTES';\nexport const SET_CONVERSATION_ATTRIBUTES = 'SET_CONVERSATION_ATTRIBUTES';\nexport const SET_WIDGET_APP_CONFIG = 'SET_WIDGET_APP_CONFIG';\nexport const SET_WIDGET_COLOR = 'SET_WIDGET_COLOR';\nexport const SET_COLOR_SCHEME = 'SET_COLOR_SCHEME';\nexport const UPDATE_CONVERSATION_ATTRIBUTES = 'UPDATE_CONVERSATION_ATTRIBUTES';\nexport const TOGGLE_WIDGET_OPEN = 'TOGGLE_WIDGET_OPEN';\nexport const SET_REFERRER_HOST = 'SET_REFERRER_HOST';\nexport const SET_BUBBLE_VISIBILITY = 'SET_BUBBLE_VISIBILITY';\nexport const SET_DATA_LEAD = 'SET_DATA_LEAD';\n","import {\n SET_BUBBLE_VISIBILITY,\n SET_COLOR_SCHEME,\n SET_REFERRER_HOST,\n SET_WIDGET_APP_CONFIG,\n SET_WIDGET_COLOR,\n TOGGLE_WIDGET_OPEN,\n SET_DATA_LEAD,\n} from '../types';\n\nconst state = {\n hideMessageBubble: false,\n isCampaignViewClicked: false,\n isWebWidgetTriggered: false,\n isWidgetOpen: false,\n position: 'right',\n referrerHost: '',\n showPopoutButton: false,\n widgetColor: '',\n widgetStyle: 'standard',\n darkMode: 'light',\n dataLead: {}\n};\n\nexport const getters = {\n getAppConfig: $state => $state,\n isRightAligned: $state => $state.position === 'right',\n getHideMessageBubble: $state => $state.hideMessageBubble,\n getIsWidgetOpen: $state => $state.isWidgetOpen,\n getWidgetColor: $state => $state.widgetColor,\n getReferrerHost: $state => $state.referrerHost,\n isWidgetStyleFlat: $state => $state.widgetStyle === 'flat',\n darkMode: $state => $state.darkMode,\n getDataLead: $state => $state.dataLead,\n};\n\nexport const actions = {\n setAppConfig(\n { commit },\n {\n showPopoutButton,\n position,\n hideMessageBubble,\n widgetStyle = 'rounded',\n darkMode = 'light',\n }\n ) {\n commit(SET_WIDGET_APP_CONFIG, {\n hideMessageBubble: !!hideMessageBubble,\n position: position || 'right',\n showPopoutButton: !!showPopoutButton,\n widgetStyle,\n darkMode,\n });\n },\n setDataLead({commit}, payload) {\n commit(SET_DATA_LEAD, payload)\n },\n toggleWidgetOpen({ commit }, isWidgetOpen) {\n commit(TOGGLE_WIDGET_OPEN, isWidgetOpen);\n },\n setWidgetColor({ commit }, widgetColor) {\n commit(SET_WIDGET_COLOR, widgetColor);\n },\n setColorScheme({ commit }, darkMode) {\n commit(SET_COLOR_SCHEME, darkMode);\n },\n setReferrerHost({ commit }, referrerHost) {\n commit(SET_REFERRER_HOST, referrerHost);\n },\n setBubbleVisibility({ commit }, hideMessageBubble) {\n commit(SET_BUBBLE_VISIBILITY, hideMessageBubble);\n },\n};\n\nexport const mutations = {\n [SET_DATA_LEAD]($state, data) {\n $state.dataLead = data\n },\n [SET_WIDGET_APP_CONFIG]($state, data) {\n $state.showPopoutButton = data.showPopoutButton;\n $state.position = data.position;\n $state.hideMessageBubble = data.hideMessageBubble;\n $state.widgetStyle = data.widgetStyle;\n $state.darkMode = data.darkMode;\n $state.locale = data.locale || $state.locale;\n },\n [TOGGLE_WIDGET_OPEN]($state, isWidgetOpen) {\n $state.isWidgetOpen = isWidgetOpen;\n },\n [SET_WIDGET_COLOR]($state, widgetColor) {\n $state.widgetColor = widgetColor;\n },\n [SET_REFERRER_HOST]($state, referrerHost) {\n $state.referrerHost = referrerHost;\n },\n [SET_BUBBLE_VISIBILITY]($state, hideMessageBubble) {\n $state.hideMessageBubble = hideMessageBubble;\n },\n [SET_COLOR_SCHEME]($state, darkMode) {\n $state.darkMode = darkMode;\n },\n};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","import { API } from 'widget/helpers/axios';\n\nconst buildUrl = endPoint => `/api/v1/${endPoint}${window.location.search}`;\n\nexport default {\n get() {\n return API.get(buildUrl('widget/contact'));\n },\n update(userObject) {\n return API.patch(buildUrl('widget/contact'), userObject);\n },\n setUser(identifier, userObject) {\n return API.patch(buildUrl('widget/contact/set_user'), {\n identifier,\n ...userObject,\n });\n },\n setCustomAttributes(customAttributes = {}) {\n return API.patch(buildUrl('widget/contact'), {\n custom_attributes: customAttributes,\n });\n },\n deleteCustomAttribute(customAttribute) {\n return API.post(buildUrl('widget/contact/destroy_custom_attributes'), {\n custom_attributes: [customAttribute],\n });\n },\n};\n","import { sendMessage } from 'widget/helpers/utils';\nimport ContactsAPI from '../../api/contacts';\nimport { SET_USER_ERROR } from '../../constants/errorTypes';\nimport { setHeader } from '../../helpers/axios';\nconst state = {\n currentUser: {},\n};\n\nconst SET_CURRENT_USER = 'SET_CURRENT_USER';\nconst parseErrorData = error =>\n error && error.response && error.response.data ? error.response.data : error;\nexport const updateWidgetAuthToken = widgetAuthToken => {\n if (widgetAuthToken) {\n setHeader(widgetAuthToken);\n sendMessage({\n event: 'setAuthCookie',\n data: { widgetAuthToken },\n });\n }\n};\n\nexport const getters = {\n getCurrentUser(_state) {\n return _state.currentUser;\n },\n};\n\nexport const actions = {\n get: async ({ commit }) => {\n try {\n const { data } = await ContactsAPI.get();\n commit(SET_CURRENT_USER, data);\n } catch (error) {\n // Ignore error\n }\n },\n update: async ({ dispatch }, { user }) => {\n try {\n await ContactsAPI.update(user);\n dispatch('get');\n } catch (error) {\n // Ignore error\n }\n },\n setUser: async ({ dispatch }, { identifier, user: userObject }) => {\n try {\n const {\n email,\n name,\n avatar_url,\n identifier_hash: identifierHash,\n phone_number,\n company_name,\n city,\n country_code,\n description,\n custom_attributes,\n social_profiles,\n } = userObject;\n const user = {\n email,\n name,\n avatar_url,\n identifier_hash: identifierHash,\n phone_number,\n additional_attributes: {\n company_name,\n city,\n description,\n country_code,\n social_profiles,\n },\n custom_attributes,\n };\n const {\n data: { widget_auth_token: widgetAuthToken },\n } = await ContactsAPI.setUser(identifier, user);\n updateWidgetAuthToken(widgetAuthToken);\n dispatch('get');\n if (identifierHash || widgetAuthToken) {\n dispatch('conversation/clearConversations', {}, { root: true });\n dispatch('conversation/fetchOldConversations', {}, { root: true });\n dispatch('conversationAttributes/getAttributes', {}, { root: true });\n }\n } catch (error) {\n const data = parseErrorData(error);\n sendMessage({ event: 'error', errorType: SET_USER_ERROR, data });\n }\n },\n setCustomAttributes: async (_, customAttributes = {}) => {\n try {\n await ContactsAPI.setCustomAttributes(customAttributes);\n } catch (error) {\n // Ignore error\n }\n },\n deleteCustomAttribute: async (_, customAttribute) => {\n try {\n await ContactsAPI.deleteCustomAttribute(customAttribute);\n } catch (error) {\n // Ignore error\n }\n },\n};\n\nexport const mutations = {\n [SET_CURRENT_USER]($state, user) {\n const { currentUser } = $state;\n $state.currentUser = { ...currentUser, ...user };\n },\n};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","import { MESSAGE_TYPE } from 'widget/helpers/constants';\nimport { isASubmittedFormMessage } from 'shared/helpers/MessageTypeHelper';\n\nimport getUuid from '../../../helpers/uuid';\nexport const createTemporaryMessage = ({ attachments, content, replyTo }) => {\n const timestamp = new Date().getTime() / 1000;\n return {\n id: getUuid(),\n content,\n attachments,\n status: 'in_progress',\n replyTo,\n created_at: timestamp,\n message_type: MESSAGE_TYPE.INCOMING,\n };\n};\n\nconst getSenderName = message => (message.sender ? message.sender.name : '');\n\nconst shouldShowAvatar = (message, nextMessage) => {\n const currentSender = getSenderName(message);\n const nextSender = getSenderName(nextMessage);\n\n return (\n currentSender !== nextSender ||\n message.message_type !== nextMessage.message_type ||\n isASubmittedFormMessage(nextMessage)\n );\n};\n\nexport const groupConversationBySender = conversationsForADate =>\n conversationsForADate.map((message, index) => {\n let showAvatar;\n const isLastMessage = index === conversationsForADate.length - 1;\n if (isASubmittedFormMessage(message)) {\n showAvatar = false;\n } else if (isLastMessage) {\n showAvatar = true;\n } else {\n const nextMessage = conversationsForADate[index + 1];\n showAvatar = shouldShowAvatar(message, nextMessage);\n }\n return { showAvatar, ...message };\n });\n\nexport const findUndeliveredMessage = (messageInbox, { content }) =>\n Object.values(messageInbox).filter(\n message => message.content === content && message.status === 'in_progress'\n );\n\nexport const getNonDeletedMessages = ({ messages }) => {\n return messages.filter(\n item => !(item.content_attributes && item.content_attributes.deleted)\n );\n};\n","import { MESSAGE_TYPE } from 'widget/helpers/constants';\nimport { groupBy } from 'widget/helpers/utils';\nimport { groupConversationBySender } from './helpers';\nimport { formatUnixDate } from 'shared/helpers/DateHelper';\n\nexport const getters = {\n getAllMessagesLoaded: _state => _state.uiFlags.allMessagesLoaded,\n getIsCreating: _state => _state.uiFlags.isCreating,\n getIsAgentTyping: _state => _state.uiFlags.isAgentTyping,\n getConversation: _state => _state.conversations,\n getConversationSize: _state => Object.keys(_state.conversations).length,\n getEarliestMessage: _state => {\n const conversation = Object.values(_state.conversations);\n if (conversation.length) {\n return conversation[0];\n }\n return {};\n },\n getLastMessage: _state => {\n const conversation = Object.values(_state.conversations);\n if (conversation.length) {\n return conversation[conversation.length - 1];\n }\n return {};\n },\n getGroupedConversation: _state => {\n const conversationGroupedByDate = groupBy(\n Object.values(_state.conversations),\n message => formatUnixDate(message.created_at)\n );\n return Object.keys(conversationGroupedByDate).map(date => ({\n date,\n messages: groupConversationBySender(conversationGroupedByDate[date]),\n }));\n },\n getIsFetchingList: _state => _state.uiFlags.isFetchingList,\n getMessageCount: _state => {\n return Object.values(_state.conversations).length;\n },\n getUnreadMessageCount: _state => {\n const { userLastSeenAt } = _state.meta;\n return Object.values(_state.conversations).filter(chat => {\n const { created_at: createdAt, message_type: messageType } = chat;\n const isOutGoing = messageType === MESSAGE_TYPE.OUTGOING;\n const hasNotSeen = userLastSeenAt\n ? createdAt * 1000 > userLastSeenAt * 1000\n : true;\n return hasNotSeen && isOutGoing;\n }).length;\n },\n getUnreadTextMessages: (_state, _getters) => {\n const unreadCount = _getters.getUnreadMessageCount;\n const allMessages = [...Object.values(_state.conversations)];\n const unreadAgentMessages = allMessages.filter(message => {\n const { message_type: messageType } = message;\n return messageType === MESSAGE_TYPE.OUTGOING;\n });\n const maxUnreadCount = Math.min(unreadCount, 3);\n return unreadAgentMessages.splice(-maxUnreadCount);\n },\n};\n","import {\n createConversationAPI,\n sendMessageAPI,\n getMessagesAPI,\n sendAttachmentAPI,\n toggleTyping,\n setUserLastSeenAt,\n toggleStatus,\n setCustomAttributes,\n deleteCustomAttribute,\n} from 'widget/api/conversation';\n\nimport { ON_CONVERSATION_CREATED } from 'widget/constants/widgetBusEvents';\nimport { createTemporaryMessage, getNonDeletedMessages } from './helpers';\nimport { emitter } from 'shared/helpers/mitt';\nexport const actions = {\n createConversation: async ({ commit, dispatch }, params) => {\n commit('setConversationUIFlag', { isCreating: true });\n try {\n const { data } = await createConversationAPI(params);\n const { messages } = data;\n const [message = {}] = messages;\n commit('pushMessageToConversation', message);\n dispatch('conversationAttributes/getAttributes', {}, { root: true });\n // Emit event to notify that conversation is created and show the chat screen\n emitter.emit(ON_CONVERSATION_CREATED);\n } catch (error) {\n // Ignore error\n } finally {\n commit('setConversationUIFlag', { isCreating: false });\n }\n },\n sendMessage: async ({ dispatch }, params) => {\n const { content, replyTo } = params;\n const message = createTemporaryMessage({ content, replyTo });\n dispatch('sendMessageWithData', message);\n },\n sendMessageWithData: async ({ commit }, message) => {\n const { id, content, replyTo, meta = {} } = message;\n\n commit('pushMessageToConversation', message);\n commit('updateMessageMeta', { id, meta: { ...meta, error: '' } });\n try {\n const { data } = await sendMessageAPI(content, replyTo);\n\n commit('deleteMessage', message.id);\n commit('pushMessageToConversation', { ...data, status: 'sent' });\n } catch (error) {\n commit('pushMessageToConversation', { ...message, status: 'failed' });\n commit('updateMessageMeta', {\n id,\n meta: { ...meta, error: '' },\n });\n }\n },\n\n setLastMessageId: async ({ commit }) => {\n commit('setLastMessageId');\n },\n\n sendAttachment: async ({ commit }, params) => {\n const {\n attachment: { thumbUrl, fileType },\n meta = {},\n } = params;\n const attachment = {\n thumb_url: thumbUrl,\n data_url: thumbUrl,\n file_type: fileType,\n status: 'in_progress',\n };\n const tempMessage = createTemporaryMessage({\n attachments: [attachment],\n replyTo: params.replyTo,\n });\n commit('pushMessageToConversation', tempMessage);\n try {\n const { data } = await sendAttachmentAPI(params);\n commit('updateAttachmentMessageStatus', {\n message: data,\n tempId: tempMessage.id,\n });\n commit('pushMessageToConversation', { ...data, status: 'sent' });\n } catch (error) {\n commit('pushMessageToConversation', { ...tempMessage, status: 'failed' });\n commit('updateMessageMeta', {\n id: tempMessage.id,\n meta: { ...meta, error: '' },\n });\n // Show error\n }\n },\n fetchOldConversations: async ({ commit }, { before } = {}) => {\n try {\n commit('setConversationListLoading', true);\n const {\n data: { payload, meta },\n } = await getMessagesAPI({ before });\n const { contact_last_seen_at: lastSeen } = meta;\n const formattedMessages = getNonDeletedMessages({ messages: payload });\n commit('conversation/setMetaUserLastSeenAt', lastSeen, { root: true });\n commit('setMessagesInConversation', formattedMessages);\n commit('setConversationListLoading', false);\n } catch (error) {\n commit('setConversationListLoading', false);\n }\n },\n\n syncLatestMessages: async ({ state, commit }) => {\n try {\n const { lastMessageId, conversations } = state;\n\n const {\n data: { payload, meta },\n } = await getMessagesAPI({ after: lastMessageId });\n\n const { contact_last_seen_at: lastSeen } = meta;\n const formattedMessages = getNonDeletedMessages({ messages: payload });\n const missingMessages = formattedMessages.filter(\n message => conversations?.[message.id] === undefined\n );\n if (!missingMessages.length) return;\n missingMessages.forEach(message => {\n conversations[message.id] = message;\n });\n // Sort conversation messages by created_at\n const updatedConversation = Object.fromEntries(\n Object.entries(conversations).sort(\n (a, b) => a[1].created_at - b[1].created_at\n )\n );\n commit('conversation/setMetaUserLastSeenAt', lastSeen, { root: true });\n commit('setMissingMessagesInConversation', updatedConversation);\n } catch (error) {\n // IgnoreError\n }\n },\n\n clearConversations: ({ commit }) => {\n commit('clearConversations');\n },\n\n addOrUpdateMessage: async ({ commit }, data) => {\n const { id, content_attributes } = data;\n if (content_attributes && content_attributes.deleted) {\n commit('deleteMessage', id);\n return;\n }\n commit('pushMessageToConversation', data);\n },\n\n toggleAgentTyping({ commit }, data) {\n commit('toggleAgentTypingStatus', data);\n },\n\n toggleUserTyping: async (_, data) => {\n try {\n await toggleTyping(data);\n } catch (error) {\n // IgnoreError\n }\n },\n\n setUserLastSeen: async ({ commit, getters: appGetters }) => {\n if (!appGetters.getConversationSize) {\n return;\n }\n\n const lastSeen = Date.now() / 1000;\n try {\n commit('setMetaUserLastSeenAt', lastSeen);\n await setUserLastSeenAt({ lastSeen });\n } catch (error) {\n // IgnoreError\n }\n },\n\n resolveConversation: async () => {\n await toggleStatus();\n },\n\n setCustomAttributes: async (_, customAttributes = {}) => {\n try {\n await setCustomAttributes(customAttributes);\n } catch (error) {\n // IgnoreError\n }\n },\n\n deleteCustomAttribute: async (_, customAttribute) => {\n try {\n await deleteCustomAttribute(customAttribute);\n } catch (error) {\n // IgnoreError\n }\n },\n};\n","import Vue from 'vue';\nimport { MESSAGE_TYPE } from 'widget/helpers/constants';\nimport { findUndeliveredMessage } from './helpers';\n\nexport const mutations = {\n clearConversations($state) {\n Vue.set($state, 'conversations', {});\n },\n pushMessageToConversation($state, message) {\n const { id, status, message_type: type } = message;\n\n const messagesInbox = $state.conversations;\n const isMessageIncoming = type === MESSAGE_TYPE.INCOMING;\n const isTemporaryMessage = status === 'in_progress';\n\n if (!isMessageIncoming || isTemporaryMessage) {\n Vue.set(messagesInbox, id, message);\n return;\n }\n\n const [messageInConversation] = findUndeliveredMessage(\n messagesInbox,\n message\n );\n if (!messageInConversation) {\n Vue.set(messagesInbox, id, message);\n } else {\n Vue.delete(messagesInbox, messageInConversation.id);\n Vue.set(messagesInbox, id, message);\n }\n },\n\n updateAttachmentMessageStatus($state, { message, tempId }) {\n const { id } = message;\n const messagesInbox = $state.conversations;\n\n const messageInConversation = messagesInbox[tempId];\n\n if (messageInConversation) {\n Vue.delete(messagesInbox, tempId);\n Vue.set(messagesInbox, id, { ...message });\n }\n },\n\n setConversationUIFlag($state, uiFlags) {\n $state.uiFlags = {\n ...$state.uiFlags,\n ...uiFlags,\n };\n },\n\n setConversationListLoading($state, status) {\n $state.uiFlags.isFetchingList = status;\n },\n\n setMessagesInConversation($state, payload) {\n if (!payload.length) {\n $state.uiFlags.allMessagesLoaded = true;\n return;\n }\n\n payload.map(message => Vue.set($state.conversations, message.id, message));\n },\n\n setMissingMessagesInConversation($state, payload) {\n Vue.set($state, 'conversation', payload);\n },\n\n updateMessage($state, { id, content_attributes }) {\n $state.conversations[id] = {\n ...$state.conversations[id],\n content_attributes: {\n ...($state.conversations[id].content_attributes || {}),\n ...content_attributes,\n },\n };\n },\n\n updateMessageMeta($state, { id, meta }) {\n const message = $state.conversations[id];\n if (!message) return;\n\n const newMeta = message.meta ? { ...message.meta, ...meta } : { ...meta };\n Vue.set(message, 'meta', {\n ...newMeta,\n });\n },\n\n deleteMessage($state, id) {\n const messagesInbox = $state.conversations;\n Vue.delete(messagesInbox, id);\n },\n\n toggleAgentTypingStatus($state, { status }) {\n $state.uiFlags.isAgentTyping = status === 'on';\n },\n\n setMetaUserLastSeenAt($state, lastSeen) {\n $state.meta.userLastSeenAt = lastSeen;\n },\n\n setLastMessageId($state) {\n const { conversations } = $state;\n const lastMessage = Object.values(conversations).pop();\n if (!lastMessage) return;\n const { id } = lastMessage;\n $state.lastMessageId = id;\n },\n};\n","import { getters } from './getters';\nimport { actions } from './actions';\nimport { mutations } from './mutations';\n\nconst state = {\n conversations: {},\n meta: {\n userLastSeenAt: undefined,\n },\n uiFlags: {\n allMessagesLoaded: false,\n isFetchingList: false,\n isAgentTyping: false,\n isCreating: false,\n },\n lastMessageId: null,\n};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","import {\n SET_CONVERSATION_ATTRIBUTES,\n UPDATE_CONVERSATION_ATTRIBUTES,\n CLEAR_CONVERSATION_ATTRIBUTES,\n} from '../types';\nimport { getConversationAPI } from '../../api/conversation';\n\nconst state = {\n id: '',\n status: '',\n};\n\nexport const getters = {\n getConversationParams: $state => $state,\n};\n\nexport const actions = {\n getAttributes: async ({ commit }) => {\n try {\n const { data } = await getConversationAPI();\n const { contact_last_seen_at: lastSeen } = data;\n commit(SET_CONVERSATION_ATTRIBUTES, data);\n commit('conversation/setMetaUserLastSeenAt', lastSeen, { root: true });\n } catch (error) {\n // Ignore error\n }\n },\n update({ commit }, data) {\n commit(UPDATE_CONVERSATION_ATTRIBUTES, data);\n },\n clearConversationAttributes: ({ commit }) => {\n commit('CLEAR_CONVERSATION_ATTRIBUTES');\n },\n};\n\nexport const mutations = {\n [SET_CONVERSATION_ATTRIBUTES]($state, data) {\n $state.id = data.id;\n $state.status = data.status;\n },\n [UPDATE_CONVERSATION_ATTRIBUTES]($state, data) {\n if (data.id === $state.id) {\n $state.id = data.id;\n $state.status = data.status;\n }\n },\n [CLEAR_CONVERSATION_ATTRIBUTES]($state) {\n $state.id = '';\n $state.status = '';\n },\n};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","import { API } from 'widget/helpers/axios';\n\nconst buildUrl = endPoint => `/api/v1/${endPoint}${window.location.search}`;\n\nexport default {\n create(label) {\n return API.post(buildUrl('widget/labels'), { label });\n },\n destroy(label) {\n return API.delete(buildUrl(`widget/labels/${label}`));\n },\n};\n","import conversationLabels from '../../api/conversationLabels';\n\nconst state = {};\n\nexport const getters = {};\n\nexport const actions = {\n create: async (_, label) => {\n try {\n await conversationLabels.create(label);\n } catch (error) {\n // Ignore error\n }\n },\n destroy: async (_, label) => {\n try {\n await conversationLabels.destroy(label);\n } catch (error) {\n // Ignore error\n }\n },\n};\n\nexport const mutations = {};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","import events from 'widget/api/events';\n\nconst actions = {\n create: async (_, { name }) => {\n try {\n await events.create(name);\n } catch (error) {\n // Ignore error\n }\n },\n};\n\nexport default {\n namespaced: true,\n state: {},\n getters: {},\n actions,\n mutations: {},\n};\n","import Vue from 'vue';\nimport { getAvailableAgents } from 'widget/api/agent';\nimport * as MutationHelpers from 'shared/helpers/vuex/mutationHelpers';\n\nconst state = {\n inbox: {}\n};\n\nexport const getters = {\n getInbox: $state => $state.inbox\n};\n\nexport const actions = {\n update: async ({ commit }, data) => {\n commit('setInbox', data);\n },\n};\n\nexport const mutations = {\n setInbox($state, data) {\n Vue.set($state, 'inbox', data);\n }\n};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","import authEndPoint from 'widget/api/endPoints';\nimport { API } from 'widget/helpers/axios';\n\nexport default {\n update: ({ messageId, email, values }) => {\n const urlData = authEndPoint.updateMessage(messageId);\n return API.patch(urlData.url, {\n contact: { email },\n message: { submitted_values: values },\n });\n },\n};\n","import MessageAPI from '../../api/message';\n\nconst state = {\n uiFlags: {\n isUpdating: false,\n },\n};\n\nexport const getters = {\n getUIFlags: $state => $state.uiFlags,\n};\n\nexport const actions = {\n update: async (\n { commit, dispatch, getters: { getUIFlags: uiFlags } },\n { email, messageId, submittedValues }\n ) => {\n if (uiFlags.isUpdating) {\n return;\n }\n commit('toggleUpdateStatus', true);\n try {\n await MessageAPI.update({\n email,\n messageId,\n values: submittedValues,\n });\n commit(\n 'conversation/updateMessage',\n {\n id: messageId,\n content_attributes: {\n submitted_email: email,\n submitted_values: email ? null : submittedValues,\n },\n },\n { root: true }\n );\n dispatch('contacts/get', {}, { root: true });\n } catch (error) {\n // Ignore error\n }\n commit('toggleUpdateStatus', false);\n },\n};\n\nexport const mutations = {\n toggleUpdateStatus($state, status) {\n $state.uiFlags.isUpdating = status;\n },\n};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","import endPoints from 'widget/api/endPoints';\nimport { API } from 'widget/helpers/axios';\n\nconst getCampaigns = async websiteToken => {\n const urlData = endPoints.getCampaigns(websiteToken);\n return API.get(urlData.url, { params: urlData.params });\n};\n\nconst triggerCampaign = async ({\n campaignId,\n websiteToken,\n customAttributes,\n}) => {\n const urlData = endPoints.triggerCampaign({\n websiteToken,\n campaignId,\n customAttributes,\n });\n await API.post(\n urlData.url,\n { ...urlData.data },\n {\n params: urlData.params,\n }\n );\n};\nexport { getCampaigns, triggerCampaign };\n","import store from '../store';\nclass CampaignTimer {\n constructor() {\n this.campaignTimers = [];\n }\n\n initTimers = ({ campaigns }, websiteToken) => {\n this.clearTimers();\n campaigns.forEach(campaign => {\n const { timeOnPage, id: campaignId } = campaign;\n this.campaignTimers[campaignId] = setTimeout(() => {\n store.dispatch('campaign/startCampaign', { campaignId, websiteToken });\n }, timeOnPage * 1000);\n });\n };\n\n clearTimers = () => {\n this.campaignTimers.forEach(timerId => {\n clearTimeout(timerId);\n this.campaignTimers[timerId] = null;\n });\n };\n}\nexport default new CampaignTimer();\n","import { URLPattern } from 'urlpattern-polyfill';\n\nexport const isPatternMatchingWithURL = (urlPattern, url) => {\n let updatedUrlPattern = urlPattern;\n const locationObj = new URL(url);\n const urlCampaign = new URL(updatedUrlPattern);\n if(urlCampaign.search == ''){\n locationObj.search = '';\n }\n if(urlCampaign.hash == ''){\n locationObj.hash = '';\n }\n\n if (updatedUrlPattern.endsWith('/')) {\n updatedUrlPattern = updatedUrlPattern.slice(0, -1) + '*\\\\?*\\\\#*';\n }\n\n if (locationObj.pathname.endsWith('/')) {\n locationObj.pathname = locationObj.pathname.slice(0, -1);\n }\n const pattern = new URLPattern(updatedUrlPattern);\n return pattern.test(locationObj.toString());\n};\n\n// Format all campaigns\nexport const formatCampaigns = ({ campaigns }) => {\n return campaigns.map(item => {\n return {\n id: item.id,\n triggerOnlyDuringBusinessHours:\n item.trigger_only_during_business_hours || false,\n timeOnPage: item?.trigger_rules?.time_on_page,\n url: item?.trigger_rules?.url,\n };\n });\n};\n\n// Filter all campaigns based on current URL and business availability time\nexport const filterCampaigns = ({\n campaigns,\n currentURL,\n isInBusinessHours,\n}) => {\n return campaigns.filter(campaign => {\n if (!isPatternMatchingWithURL(campaign.url, currentURL)) {\n return false;\n }\n if (campaign.triggerOnlyDuringBusinessHours) {\n return isInBusinessHours;\n }\n return true;\n });\n};","import Vue from 'vue';\nimport { getCampaigns, triggerCampaign } from 'widget/api/campaign';\nimport campaignTimer from 'widget/helpers/campaignTimer';\nimport {\n formatCampaigns,\n filterCampaigns,\n} from 'widget/helpers/campaignHelper';\nconst state = {\n records: [],\n uiFlags: {\n isError: false,\n },\n activeCampaign: {},\n};\n\nconst resetCampaignTimers = (\n campaigns,\n currentURL,\n websiteToken,\n isInBusinessHours\n) => {\n const formattedCampaigns = formatCampaigns({ campaigns });\n // Find all campaigns that matches the current URL\n const filteredCampaigns = filterCampaigns({\n campaigns: formattedCampaigns,\n currentURL,\n isInBusinessHours,\n });\n campaignTimer.initTimers({ campaigns: filteredCampaigns }, websiteToken);\n};\n\nexport const getters = {\n getCampaigns: $state => $state.records,\n getActiveCampaign: $state => $state.activeCampaign,\n};\n\nexport const actions = {\n fetchCampaigns: async (\n { commit },\n { websiteToken, currentURL, isInBusinessHours }\n ) => {\n try {\n const { data: campaigns } = await getCampaigns(websiteToken);\n commit('setCampaigns', campaigns);\n commit('setError', false);\n resetCampaignTimers(\n campaigns,\n currentURL,\n websiteToken,\n isInBusinessHours\n );\n } catch (error) {\n commit('setError', true);\n }\n },\n initCampaigns: async (\n { getters: { getCampaigns: campaigns }, dispatch },\n { currentURL, websiteToken, isInBusinessHours }\n ) => {\n if (!campaigns.length) {\n dispatch('fetchCampaigns', {\n websiteToken,\n currentURL,\n isInBusinessHours,\n });\n } else {\n resetCampaignTimers(\n campaigns,\n currentURL,\n websiteToken,\n isInBusinessHours\n );\n }\n },\n startCampaign: async (\n {\n commit,\n rootState: {\n appConfig: { isWidgetOpen },\n },\n },\n { websiteToken, campaignId }\n ) => {\n // Disable campaign execution if widget is opened\n if (!isWidgetOpen) {\n const { data: campaigns } = await getCampaigns(websiteToken);\n // Check campaign is disabled or not\n const campaign = campaigns.find(item => item.id === campaignId);\n if (campaign) {\n commit('setActiveCampaign', campaign);\n }\n }\n },\n\n executeCampaign: async (\n { commit },\n { campaignId, websiteToken, customAttributes }\n ) => {\n try {\n commit(\n 'conversation/setConversationUIFlag',\n { isCreating: true },\n { root: true }\n );\n await triggerCampaign({ campaignId, websiteToken, customAttributes });\n commit('setCampaignExecuted', true);\n commit('setActiveCampaign', {});\n } catch (error) {\n commit('setError', true);\n } finally {\n commit(\n 'conversation/setConversationUIFlag',\n { isCreating: false },\n { root: true }\n );\n }\n },\n resetCampaign: async ({ commit }) => {\n try {\n commit('setCampaignExecuted', false);\n commit('setActiveCampaign', {});\n } catch (error) {\n commit('setError', true);\n }\n },\n};\n\nexport const mutations = {\n setCampaigns($state, data) {\n Vue.set($state, 'records', data);\n },\n setActiveCampaign($state, data) {\n Vue.set($state, 'activeCampaign', data);\n },\n setError($state, value) {\n Vue.set($state.uiFlags, 'isError', value);\n },\n setHasFetched($state, value) {\n Vue.set($state.uiFlags, 'hasFetched', value);\n },\n setCampaignExecuted($state, data) {\n Vue.set($state, 'campaignHasExecuted', data);\n },\n};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","import endPoints from 'widget/api/endPoints';\nimport { API } from 'widget/helpers/axios';\n\nexport const getMostReadArticles = async (slug, locale) => {\n const urlData = endPoints.getMostReadArticles(slug, locale);\n return API.get(urlData.url, { params: urlData.params });\n};\n","import Vue from 'vue';\nimport { getMostReadArticles } from 'widget/api/article';\n\nconst state = {\n records: [],\n uiFlags: {\n isError: false,\n hasFetched: false,\n isFetching: false,\n },\n};\n\nexport const getters = {\n uiFlags: $state => $state.uiFlags,\n popularArticles: $state => $state.records,\n};\n\nexport const actions = {\n fetch: async ({ commit }, { slug, locale }) => {\n commit('setIsFetching', true);\n commit('setError', false);\n\n try {\n const { data } = await getMostReadArticles(slug, locale);\n const { payload = [] } = data;\n\n if (payload.length) {\n commit('setArticles', payload);\n }\n } catch (error) {\n commit('setError', true);\n } finally {\n commit('setIsFetching', false);\n }\n },\n};\n\nexport const mutations = {\n setArticles($state, data) {\n Vue.set($state, 'records', data);\n },\n setError($state, value) {\n Vue.set($state.uiFlags, 'isError', value);\n },\n setIsFetching($state, value) {\n Vue.set($state.uiFlags, 'isFetching', value);\n },\n};\n\nexport default {\n namespaced: true,\n state,\n getters,\n actions,\n mutations,\n};\n","import Vue from 'vue';\nimport Vuex from 'vuex';\nimport agent from 'widget/store/modules/agent';\nimport appConfig from 'widget/store/modules/appConfig';\nimport contacts from 'widget/store/modules/contacts';\nimport conversation from 'widget/store/modules/conversation';\nimport conversationAttributes from 'widget/store/modules/conversationAttributes';\nimport conversationLabels from 'widget/store/modules/conversationLabels';\nimport events from 'widget/store/modules/events';\nimport globalConfig from 'shared/store/globalConfig';\nimport inbox from 'widget/store/modules/inbox';\nimport message from 'widget/store/modules/message';\nimport campaign from 'widget/store/modules/campaign';\nimport article from 'widget/store/modules/articles';\n\nVue.use(Vuex);\nexport default new Vuex.Store({\n modules: {\n agent,\n appConfig,\n contacts,\n conversation,\n conversationAttributes,\n conversationLabels,\n events,\n globalConfig,\n inbox,\n message,\n campaign,\n article,\n },\n});\n","export const loadedEventConfig = () => {\n return {\n event: 'loaded',\n config: {\n authToken: window.authToken,\n channelConfig: window.chatwootWebChannel,\n },\n };\n};\n\nexport const getExtraSpaceToScroll = () => {\n // This function calculates the extra space needed for the view to\n // accommodate the height of close button + height of\n // read messages button. So that scrollbar won't appear\n const unreadMessageWrap = document.querySelector('.unread-messages');\n const unreadCloseWrap = document.querySelector('.close-unread-wrap');\n const readViewWrap = document.querySelector('.open-read-view-wrap');\n\n if (!unreadMessageWrap) return 0;\n\n // 24px to compensate the paddings\n let extraHeight = 48 + unreadMessageWrap.scrollHeight;\n if (unreadCloseWrap) extraHeight += unreadCloseWrap.scrollHeight;\n if (readViewWrap) extraHeight += readViewWrap.scrollHeight;\n\n return extraHeight;\n};\n\nexport const shouldTriggerMessageUpdateEvent = message => {\n const { previous_changes: previousChanges } = message;\n\n if (!previousChanges) {\n return false;\n }\n const hasNotifiableAttributeChanges =\n Object.keys(previousChanges).includes('content_attributes');\n if (!hasNotifiableAttributeChanges) {\n return false;\n }\n\n const hasSubmittedValueChanges = Object.keys(\n previousChanges.content_attributes[1] || {}\n ).includes('submitted_values');\n\n return hasSubmittedValueChanges;\n};\n","
\n \n \n