', 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\n
\n \n \n \n \n \n \n \n \n\n","import { render, staticRenderFns } from \"./Icon.vue?vue&type=template&id=751b66f9&\"\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","\"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';\nvar $ = require('../internals/export');\nvar IS_PURE = require('../internals/is-pure');\nvar global = require('../internals/global');\nvar getBuiltIn = require('../internals/get-built-in');\nvar NativePromise = require('../internals/native-promise-constructor');\nvar redefine = require('../internals/redefine');\nvar redefineAll = require('../internals/redefine-all');\nvar setToStringTag = require('../internals/set-to-string-tag');\nvar setSpecies = require('../internals/set-species');\nvar isObject = require('../internals/is-object');\nvar aFunction = require('../internals/a-function');\nvar anInstance = require('../internals/an-instance');\nvar inspectSource = require('../internals/inspect-source');\nvar iterate = require('../internals/iterate');\nvar checkCorrectnessOfIteration = require('../internals/check-correctness-of-iteration');\nvar speciesConstructor = require('../internals/species-constructor');\nvar task = require('../internals/task').set;\nvar microtask = require('../internals/microtask');\nvar promiseResolve = require('../internals/promise-resolve');\nvar hostReportErrors = require('../internals/host-report-errors');\nvar newPromiseCapabilityModule = require('../internals/new-promise-capability');\nvar perform = require('../internals/perform');\nvar InternalStateModule = require('../internals/internal-state');\nvar isForced = require('../internals/is-forced');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\nvar IS_NODE = require('../internals/engine-is-node');\nvar V8_VERSION = require('../internals/engine-v8-version');\n\nvar SPECIES = wellKnownSymbol('species');\nvar PROMISE = 'Promise';\nvar getInternalState = InternalStateModule.get;\nvar setInternalState = InternalStateModule.set;\nvar getInternalPromiseState = InternalStateModule.getterFor(PROMISE);\nvar PromiseConstructor = NativePromise;\nvar TypeError = global.TypeError;\nvar document = global.document;\nvar process = global.process;\nvar $fetch = getBuiltIn('fetch');\nvar newPromiseCapability = newPromiseCapabilityModule.f;\nvar newGenericPromiseCapability = newPromiseCapability;\nvar DISPATCH_EVENT = !!(document && document.createEvent && global.dispatchEvent);\nvar NATIVE_REJECTION_EVENT = typeof PromiseRejectionEvent == 'function';\nvar UNHANDLED_REJECTION = 'unhandledrejection';\nvar REJECTION_HANDLED = 'rejectionhandled';\nvar PENDING = 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\nvar HANDLED = 1;\nvar UNHANDLED = 2;\nvar Internal, OwnPromiseCapability, PromiseWrapper, nativeThen;\n\nvar FORCED = isForced(PROMISE, function () {\n var GLOBAL_CORE_JS_PROMISE = inspectSource(PromiseConstructor) !== String(PromiseConstructor);\n if (!GLOBAL_CORE_JS_PROMISE) {\n // V8 6.6 (Node 10 and Chrome 66) have a bug with resolving custom thenables\n // https://bugs.chromium.org/p/chromium/issues/detail?id=830565\n // We can't detect it synchronously, so just check versions\n if (V8_VERSION === 66) return true;\n // Unhandled rejections tracking support, NodeJS Promise without it fails @@species test\n if (!IS_NODE && !NATIVE_REJECTION_EVENT) return true;\n }\n // We need Promise#finally in the pure version for preventing prototype pollution\n if (IS_PURE && !PromiseConstructor.prototype['finally']) return true;\n // We can't use @@species feature detection in V8 since it causes\n // deoptimization and performance degradation\n // https://github.com/zloirock/core-js/issues/679\n if (V8_VERSION >= 51 && /native code/.test(PromiseConstructor)) return false;\n // Detect correctness of subclassing with @@species support\n var promise = PromiseConstructor.resolve(1);\n var FakePromise = function (exec) {\n exec(function () { /* empty */ }, function () { /* empty */ });\n };\n var constructor = promise.constructor = {};\n constructor[SPECIES] = FakePromise;\n return !(promise.then(function () { /* empty */ }) instanceof FakePromise);\n});\n\nvar INCORRECT_ITERATION = FORCED || !checkCorrectnessOfIteration(function (iterable) {\n PromiseConstructor.all(iterable)['catch'](function () { /* empty */ });\n});\n\n// helpers\nvar isThenable = function (it) {\n var then;\n return isObject(it) && typeof (then = it.then) == 'function' ? then : false;\n};\n\nvar notify = function (state, isReject) {\n if (state.notified) return;\n state.notified = true;\n var chain = state.reactions;\n microtask(function () {\n var value = state.value;\n var ok = state.state == FULFILLED;\n var index = 0;\n // variable length - can't use forEach\n while (chain.length > index) {\n var reaction = chain[index++];\n var handler = ok ? reaction.ok : reaction.fail;\n var resolve = reaction.resolve;\n var reject = reaction.reject;\n var domain = reaction.domain;\n var result, then, exited;\n try {\n if (handler) {\n if (!ok) {\n if (state.rejection === UNHANDLED) onHandleUnhandled(state);\n state.rejection = HANDLED;\n }\n if (handler === true) result = value;\n else {\n if (domain) domain.enter();\n result = handler(value); // can throw\n if (domain) {\n domain.exit();\n exited = true;\n }\n }\n if (result === reaction.promise) {\n reject(TypeError('Promise-chain cycle'));\n } else if (then = isThenable(result)) {\n then.call(result, resolve, reject);\n } else resolve(result);\n } else reject(value);\n } catch (error) {\n if (domain && !exited) domain.exit();\n reject(error);\n }\n }\n state.reactions = [];\n state.notified = false;\n if (isReject && !state.rejection) onUnhandled(state);\n });\n};\n\nvar dispatchEvent = function (name, promise, reason) {\n var event, handler;\n if (DISPATCH_EVENT) {\n event = document.createEvent('Event');\n event.promise = promise;\n event.reason = reason;\n event.initEvent(name, false, true);\n global.dispatchEvent(event);\n } else event = { promise: promise, reason: reason };\n if (!NATIVE_REJECTION_EVENT && (handler = global['on' + name])) handler(event);\n else if (name === UNHANDLED_REJECTION) hostReportErrors('Unhandled promise rejection', reason);\n};\n\nvar onUnhandled = function (state) {\n task.call(global, function () {\n var promise = state.facade;\n var value = state.value;\n var IS_UNHANDLED = isUnhandled(state);\n var result;\n if (IS_UNHANDLED) {\n result = perform(function () {\n if (IS_NODE) {\n process.emit('unhandledRejection', value, promise);\n } else dispatchEvent(UNHANDLED_REJECTION, promise, value);\n });\n // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should\n state.rejection = IS_NODE || isUnhandled(state) ? UNHANDLED : HANDLED;\n if (result.error) throw result.value;\n }\n });\n};\n\nvar isUnhandled = function (state) {\n return state.rejection !== HANDLED && !state.parent;\n};\n\nvar onHandleUnhandled = function (state) {\n task.call(global, function () {\n var promise = state.facade;\n if (IS_NODE) {\n process.emit('rejectionHandled', promise);\n } else dispatchEvent(REJECTION_HANDLED, promise, state.value);\n });\n};\n\nvar bind = function (fn, state, unwrap) {\n return function (value) {\n fn(state, value, unwrap);\n };\n};\n\nvar internalReject = function (state, value, unwrap) {\n if (state.done) return;\n state.done = true;\n if (unwrap) state = unwrap;\n state.value = value;\n state.state = REJECTED;\n notify(state, true);\n};\n\nvar internalResolve = function (state, value, unwrap) {\n if (state.done) return;\n state.done = true;\n if (unwrap) state = unwrap;\n try {\n if (state.facade === value) throw TypeError(\"Promise can't be resolved itself\");\n var then = isThenable(value);\n if (then) {\n microtask(function () {\n var wrapper = { done: false };\n try {\n then.call(value,\n bind(internalResolve, wrapper, state),\n bind(internalReject, wrapper, state)\n );\n } catch (error) {\n internalReject(wrapper, error, state);\n }\n });\n } else {\n state.value = value;\n state.state = FULFILLED;\n notify(state, false);\n }\n } catch (error) {\n internalReject({ done: false }, error, state);\n }\n};\n\n// constructor polyfill\nif (FORCED) {\n // 25.4.3.1 Promise(executor)\n PromiseConstructor = function Promise(executor) {\n anInstance(this, PromiseConstructor, PROMISE);\n aFunction(executor);\n Internal.call(this);\n var state = getInternalState(this);\n try {\n executor(bind(internalResolve, state), bind(internalReject, state));\n } catch (error) {\n internalReject(state, error);\n }\n };\n // eslint-disable-next-line no-unused-vars -- required for `.length`\n Internal = function Promise(executor) {\n setInternalState(this, {\n type: PROMISE,\n done: false,\n notified: false,\n parent: false,\n reactions: [],\n rejection: false,\n state: PENDING,\n value: undefined\n });\n };\n Internal.prototype = redefineAll(PromiseConstructor.prototype, {\n // `Promise.prototype.then` method\n // https://tc39.es/ecma262/#sec-promise.prototype.then\n then: function then(onFulfilled, onRejected) {\n var state = getInternalPromiseState(this);\n var reaction = newPromiseCapability(speciesConstructor(this, PromiseConstructor));\n reaction.ok = typeof onFulfilled == 'function' ? onFulfilled : true;\n reaction.fail = typeof onRejected == 'function' && onRejected;\n reaction.domain = IS_NODE ? process.domain : undefined;\n state.parent = true;\n state.reactions.push(reaction);\n if (state.state != PENDING) notify(state, false);\n return reaction.promise;\n },\n // `Promise.prototype.catch` method\n // https://tc39.es/ecma262/#sec-promise.prototype.catch\n 'catch': function (onRejected) {\n return this.then(undefined, onRejected);\n }\n });\n OwnPromiseCapability = function () {\n var promise = new Internal();\n var state = getInternalState(promise);\n this.promise = promise;\n this.resolve = bind(internalResolve, state);\n this.reject = bind(internalReject, state);\n };\n newPromiseCapabilityModule.f = newPromiseCapability = function (C) {\n return C === PromiseConstructor || C === PromiseWrapper\n ? new OwnPromiseCapability(C)\n : newGenericPromiseCapability(C);\n };\n\n if (!IS_PURE && typeof NativePromise == 'function') {\n nativeThen = NativePromise.prototype.then;\n\n // wrap native Promise#then for native async functions\n redefine(NativePromise.prototype, 'then', function then(onFulfilled, onRejected) {\n var that = this;\n return new PromiseConstructor(function (resolve, reject) {\n nativeThen.call(that, resolve, reject);\n }).then(onFulfilled, onRejected);\n // https://github.com/zloirock/core-js/issues/640\n }, { unsafe: true });\n\n // wrap fetch result\n if (typeof $fetch == 'function') $({ global: true, enumerable: true, forced: true }, {\n // eslint-disable-next-line no-unused-vars -- required for `.length`\n fetch: function fetch(input /* , init */) {\n return promiseResolve(PromiseConstructor, $fetch.apply(global, arguments));\n }\n });\n }\n}\n\n$({ global: true, wrap: true, forced: FORCED }, {\n Promise: PromiseConstructor\n});\n\nsetToStringTag(PromiseConstructor, PROMISE, false, true);\nsetSpecies(PROMISE);\n\nPromiseWrapper = getBuiltIn(PROMISE);\n\n// statics\n$({ target: PROMISE, stat: true, forced: FORCED }, {\n // `Promise.reject` method\n // https://tc39.es/ecma262/#sec-promise.reject\n reject: function reject(r) {\n var capability = newPromiseCapability(this);\n capability.reject.call(undefined, r);\n return capability.promise;\n }\n});\n\n$({ target: PROMISE, stat: true, forced: IS_PURE || FORCED }, {\n // `Promise.resolve` method\n // https://tc39.es/ecma262/#sec-promise.resolve\n resolve: function resolve(x) {\n return promiseResolve(IS_PURE && this === PromiseWrapper ? PromiseConstructor : this, x);\n }\n});\n\n$({ target: PROMISE, stat: true, forced: INCORRECT_ITERATION }, {\n // `Promise.all` method\n // https://tc39.es/ecma262/#sec-promise.all\n all: function all(iterable) {\n var C = this;\n var capability = newPromiseCapability(C);\n var resolve = capability.resolve;\n var reject = capability.reject;\n var result = perform(function () {\n var $promiseResolve = aFunction(C.resolve);\n var values = [];\n var counter = 0;\n var remaining = 1;\n iterate(iterable, function (promise) {\n var index = counter++;\n var alreadyCalled = false;\n values.push(undefined);\n remaining++;\n $promiseResolve.call(C, promise).then(function (value) {\n if (alreadyCalled) return;\n alreadyCalled = true;\n values[index] = value;\n --remaining || resolve(values);\n }, reject);\n });\n --remaining || resolve(values);\n });\n if (result.error) reject(result.value);\n return capability.promise;\n },\n // `Promise.race` method\n // https://tc39.es/ecma262/#sec-promise.race\n race: function race(iterable) {\n var C = this;\n var capability = newPromiseCapability(C);\n var reject = capability.reject;\n var result = perform(function () {\n var $promiseResolve = aFunction(C.resolve);\n iterate(iterable, function (promise) {\n $promiseResolve.call(C, promise).then(capability.resolve, reject);\n });\n });\n if (result.error) reject(result.value);\n return capability.promise;\n }\n});\n","var formatDistanceLocale = {\n lessThanXSeconds: {\n one: 'less than a second',\n other: 'less than {{count}} seconds'\n },\n xSeconds: {\n one: '1 second',\n other: '{{count}} seconds'\n },\n halfAMinute: 'half a minute',\n lessThanXMinutes: {\n one: 'less than a minute',\n other: 'less than {{count}} minutes'\n },\n xMinutes: {\n one: '1 minute',\n other: '{{count}} minutes'\n },\n aboutXHours: {\n one: 'about 1 hour',\n other: 'about {{count}} hours'\n },\n xHours: {\n one: '1 hour',\n other: '{{count}} hours'\n },\n xDays: {\n one: '1 day',\n other: '{{count}} days'\n },\n aboutXWeeks: {\n one: 'about 1 week',\n other: 'about {{count}} weeks'\n },\n xWeeks: {\n one: '1 week',\n other: '{{count}} weeks'\n },\n aboutXMonths: {\n one: 'about 1 month',\n other: 'about {{count}} months'\n },\n xMonths: {\n one: '1 month',\n other: '{{count}} months'\n },\n aboutXYears: {\n one: 'about 1 year',\n other: 'about {{count}} years'\n },\n xYears: {\n one: '1 year',\n other: '{{count}} years'\n },\n overXYears: {\n one: 'over 1 year',\n other: 'over {{count}} years'\n },\n almostXYears: {\n one: 'almost 1 year',\n other: 'almost {{count}} years'\n }\n};\nexport default function formatDistance(token, count, options) {\n options = options || {};\n var result;\n\n if (typeof formatDistanceLocale[token] === 'string') {\n result = formatDistanceLocale[token];\n } else if (count === 1) {\n result = formatDistanceLocale[token].one;\n } else {\n result = formatDistanceLocale[token].other.replace('{{count}}', count);\n }\n\n if (options.addSuffix) {\n if (options.comparison > 0) {\n return 'in ' + result;\n } else {\n return result + ' ago';\n }\n }\n\n return result;\n}","export default function buildFormatLongFn(args) {\n return function (dirtyOptions) {\n var options = dirtyOptions || {};\n var width = options.width ? String(options.width) : args.defaultWidth;\n var format = args.formats[width] || args.formats[args.defaultWidth];\n return format;\n };\n}","import buildFormatLongFn from \"../../../_lib/buildFormatLongFn/index.js\";\nvar dateFormats = {\n full: 'EEEE, MMMM do, y',\n long: 'MMMM do, y',\n medium: 'MMM d, y',\n short: 'MM/dd/yyyy'\n};\nvar timeFormats = {\n full: 'h:mm:ss a zzzz',\n long: 'h:mm:ss a z',\n medium: 'h:mm:ss a',\n short: 'h:mm a'\n};\nvar dateTimeFormats = {\n full: \"{{date}} 'at' {{time}}\",\n long: \"{{date}} 'at' {{time}}\",\n medium: '{{date}}, {{time}}',\n short: '{{date}}, {{time}}'\n};\nvar formatLong = {\n date: buildFormatLongFn({\n formats: dateFormats,\n defaultWidth: 'full'\n }),\n time: buildFormatLongFn({\n formats: timeFormats,\n defaultWidth: 'full'\n }),\n dateTime: buildFormatLongFn({\n formats: dateTimeFormats,\n defaultWidth: 'full'\n })\n};\nexport default formatLong;","var formatRelativeLocale = {\n lastWeek: \"'last' eeee 'at' p\",\n yesterday: \"'yesterday at' p\",\n today: \"'today at' p\",\n tomorrow: \"'tomorrow at' p\",\n nextWeek: \"eeee 'at' p\",\n other: 'P'\n};\nexport default function formatRelative(token, _date, _baseDate, _options) {\n return formatRelativeLocale[token];\n}","export default function buildLocalizeFn(args) {\n return function (dirtyIndex, dirtyOptions) {\n var options = dirtyOptions || {};\n var context = options.context ? String(options.context) : 'standalone';\n var valuesArray;\n\n if (context === 'formatting' && args.formattingValues) {\n var defaultWidth = args.defaultFormattingWidth || args.defaultWidth;\n var width = options.width ? String(options.width) : defaultWidth;\n valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];\n } else {\n var _defaultWidth = args.defaultWidth;\n\n var _width = options.width ? String(options.width) : args.defaultWidth;\n\n valuesArray = args.values[_width] || args.values[_defaultWidth];\n }\n\n var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex;\n return valuesArray[index];\n };\n}","export default function buildMatchFn(args) {\n return function (dirtyString, dirtyOptions) {\n var string = String(dirtyString);\n var options = dirtyOptions || {};\n var width = options.width;\n var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];\n var matchResult = string.match(matchPattern);\n\n if (!matchResult) {\n return null;\n }\n\n var matchedString = matchResult[0];\n var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];\n var value;\n\n if (Object.prototype.toString.call(parsePatterns) === '[object Array]') {\n value = findIndex(parsePatterns, function (pattern) {\n return pattern.test(matchedString);\n });\n } else {\n value = findKey(parsePatterns, function (pattern) {\n return pattern.test(matchedString);\n });\n }\n\n value = args.valueCallback ? args.valueCallback(value) : value;\n value = options.valueCallback ? options.valueCallback(value) : value;\n return {\n value: value,\n rest: string.slice(matchedString.length)\n };\n };\n}\n\nfunction findKey(object, predicate) {\n for (var key in object) {\n if (object.hasOwnProperty(key) && predicate(object[key])) {\n return key;\n }\n }\n}\n\nfunction findIndex(array, predicate) {\n for (var key = 0; key < array.length; key++) {\n if (predicate(array[key])) {\n return key;\n }\n }\n}","import buildMatchPatternFn from \"../../../_lib/buildMatchPatternFn/index.js\";\nimport buildMatchFn from \"../../../_lib/buildMatchFn/index.js\";\nvar matchOrdinalNumberPattern = /^(\\d+)(th|st|nd|rd)?/i;\nvar parseOrdinalNumberPattern = /\\d+/i;\nvar matchEraPatterns = {\n narrow: /^(b|a)/i,\n abbreviated: /^(b\\.?\\s?c\\.?|b\\.?\\s?c\\.?\\s?e\\.?|a\\.?\\s?d\\.?|c\\.?\\s?e\\.?)/i,\n wide: /^(before christ|before common era|anno domini|common era)/i\n};\nvar parseEraPatterns = {\n any: [/^b/i, /^(a|c)/i]\n};\nvar matchQuarterPatterns = {\n narrow: /^[1234]/i,\n abbreviated: /^q[1234]/i,\n wide: /^[1234](th|st|nd|rd)? quarter/i\n};\nvar parseQuarterPatterns = {\n any: [/1/i, /2/i, /3/i, /4/i]\n};\nvar matchMonthPatterns = {\n narrow: /^[jfmasond]/i,\n abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,\n wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i\n};\nvar parseMonthPatterns = {\n narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],\n any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]\n};\nvar matchDayPatterns = {\n narrow: /^[smtwf]/i,\n short: /^(su|mo|tu|we|th|fr|sa)/i,\n abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,\n wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i\n};\nvar parseDayPatterns = {\n narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],\n any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]\n};\nvar matchDayPeriodPatterns = {\n narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,\n any: /^([ap]\\.?\\s?m\\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i\n};\nvar parseDayPeriodPatterns = {\n any: {\n am: /^a/i,\n pm: /^p/i,\n midnight: /^mi/i,\n noon: /^no/i,\n morning: /morning/i,\n afternoon: /afternoon/i,\n evening: /evening/i,\n night: /night/i\n }\n};\nvar match = {\n ordinalNumber: buildMatchPatternFn({\n matchPattern: matchOrdinalNumberPattern,\n parsePattern: parseOrdinalNumberPattern,\n valueCallback: function valueCallback(value) {\n return parseInt(value, 10);\n }\n }),\n era: buildMatchFn({\n matchPatterns: matchEraPatterns,\n defaultMatchWidth: 'wide',\n parsePatterns: parseEraPatterns,\n defaultParseWidth: 'any'\n }),\n quarter: buildMatchFn({\n matchPatterns: matchQuarterPatterns,\n defaultMatchWidth: 'wide',\n parsePatterns: parseQuarterPatterns,\n defaultParseWidth: 'any',\n valueCallback: function valueCallback(index) {\n return index + 1;\n }\n }),\n month: buildMatchFn({\n matchPatterns: matchMonthPatterns,\n defaultMatchWidth: 'wide',\n parsePatterns: parseMonthPatterns,\n defaultParseWidth: 'any'\n }),\n day: buildMatchFn({\n matchPatterns: matchDayPatterns,\n defaultMatchWidth: 'wide',\n parsePatterns: parseDayPatterns,\n defaultParseWidth: 'any'\n }),\n dayPeriod: buildMatchFn({\n matchPatterns: matchDayPeriodPatterns,\n defaultMatchWidth: 'any',\n parsePatterns: parseDayPeriodPatterns,\n defaultParseWidth: 'any'\n })\n};\nexport default match;","export default function buildMatchPatternFn(args) {\n return function (dirtyString, dirtyOptions) {\n var string = String(dirtyString);\n var options = dirtyOptions || {};\n var matchResult = string.match(args.matchPattern);\n\n if (!matchResult) {\n return null;\n }\n\n var matchedString = matchResult[0];\n var parseResult = string.match(args.parsePattern);\n\n if (!parseResult) {\n return null;\n }\n\n var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];\n value = options.valueCallback ? options.valueCallback(value) : value;\n return {\n value: value,\n rest: string.slice(matchedString.length)\n };\n };\n}","import formatDistance from \"./_lib/formatDistance/index.js\";\nimport formatLong from \"./_lib/formatLong/index.js\";\nimport formatRelative from \"./_lib/formatRelative/index.js\";\nimport localize from \"./_lib/localize/index.js\";\nimport match from \"./_lib/match/index.js\";\n/**\n * @type {Locale}\n * @category Locales\n * @summary English locale (United States).\n * @language English\n * @iso-639-2 eng\n * @author Sasha Koss [@kossnocorp]{@link https://github.com/kossnocorp}\n * @author Lesha Koss [@leshakoss]{@link https://github.com/leshakoss}\n */\n\nvar locale = {\n code: 'en-US',\n formatDistance: formatDistance,\n formatLong: formatLong,\n formatRelative: formatRelative,\n localize: localize,\n match: match,\n options: {\n weekStartsOn: 0\n /* Sunday */\n ,\n firstWeekContainsDate: 1\n }\n};\nexport default locale;","import buildLocalizeFn from \"../../../_lib/buildLocalizeFn/index.js\";\nvar eraValues = {\n narrow: ['B', 'A'],\n abbreviated: ['BC', 'AD'],\n wide: ['Before Christ', 'Anno Domini']\n};\nvar quarterValues = {\n narrow: ['1', '2', '3', '4'],\n abbreviated: ['Q1', 'Q2', 'Q3', 'Q4'],\n wide: ['1st quarter', '2nd quarter', '3rd quarter', '4th quarter'] // Note: in English, the names of days of the week and months are capitalized.\n // If you are making a new locale based on this one, check if the same is true for the language you're working on.\n // Generally, formatted dates should look like they are in the middle of a sentence,\n // e.g. in Spanish language the weekdays and months should be in the lowercase.\n\n};\nvar monthValues = {\n narrow: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],\n abbreviated: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n wide: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\n};\nvar dayValues = {\n narrow: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n short: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\n abbreviated: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n wide: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']\n};\nvar dayPeriodValues = {\n narrow: {\n am: 'a',\n pm: 'p',\n midnight: 'mi',\n noon: 'n',\n morning: 'morning',\n afternoon: 'afternoon',\n evening: 'evening',\n night: 'night'\n },\n abbreviated: {\n am: 'AM',\n pm: 'PM',\n midnight: 'midnight',\n noon: 'noon',\n morning: 'morning',\n afternoon: 'afternoon',\n evening: 'evening',\n night: 'night'\n },\n wide: {\n am: 'a.m.',\n pm: 'p.m.',\n midnight: 'midnight',\n noon: 'noon',\n morning: 'morning',\n afternoon: 'afternoon',\n evening: 'evening',\n night: 'night'\n }\n};\nvar formattingDayPeriodValues = {\n narrow: {\n am: 'a',\n pm: 'p',\n midnight: 'mi',\n noon: 'n',\n morning: 'in the morning',\n afternoon: 'in the afternoon',\n evening: 'in the evening',\n night: 'at night'\n },\n abbreviated: {\n am: 'AM',\n pm: 'PM',\n midnight: 'midnight',\n noon: 'noon',\n morning: 'in the morning',\n afternoon: 'in the afternoon',\n evening: 'in the evening',\n night: 'at night'\n },\n wide: {\n am: 'a.m.',\n pm: 'p.m.',\n midnight: 'midnight',\n noon: 'noon',\n morning: 'in the morning',\n afternoon: 'in the afternoon',\n evening: 'in the evening',\n night: 'at night'\n }\n};\n\nfunction ordinalNumber(dirtyNumber, _dirtyOptions) {\n var number = Number(dirtyNumber); // If ordinal numbers depend on context, for example,\n // if they are different for different grammatical genders,\n // use `options.unit`:\n //\n // var options = dirtyOptions || {}\n // var unit = String(options.unit)\n //\n // where `unit` can be 'year', 'quarter', 'month', 'week', 'date', 'dayOfYear',\n // 'day', 'hour', 'minute', 'second'\n\n var rem100 = number % 100;\n\n if (rem100 > 20 || rem100 < 10) {\n switch (rem100 % 10) {\n case 1:\n return number + 'st';\n\n case 2:\n return number + 'nd';\n\n case 3:\n return number + 'rd';\n }\n }\n\n return number + 'th';\n}\n\nvar localize = {\n ordinalNumber: ordinalNumber,\n era: buildLocalizeFn({\n values: eraValues,\n defaultWidth: 'wide'\n }),\n quarter: buildLocalizeFn({\n values: quarterValues,\n defaultWidth: 'wide',\n argumentCallback: function argumentCallback(quarter) {\n return Number(quarter) - 1;\n }\n }),\n month: buildLocalizeFn({\n values: monthValues,\n defaultWidth: 'wide'\n }),\n day: buildLocalizeFn({\n values: dayValues,\n defaultWidth: 'wide'\n }),\n dayPeriod: buildLocalizeFn({\n values: dayPeriodValues,\n defaultWidth: 'wide',\n formattingValues: formattingDayPeriodValues,\n defaultFormattingWidth: 'wide'\n })\n};\nexport default localize;","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=08471486&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=0fd1036e&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=816109a0&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=4831772a&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';\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} from '../types';\n\nconst state = {\n hideMessageBubble: false,\n isCampaignViewClicked: false,\n showUnreadMessagesDialog: true,\n isWebWidgetTriggered: false,\n isWidgetOpen: false,\n position: 'right',\n referrerHost: '',\n showPopoutButton: false,\n widgetColor: '',\n widgetStyle: 'standard',\n darkMode: 'light',\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 getShowUnreadMessagesDialog: $state => $state.showUnreadMessagesDialog,\n};\n\nexport const actions = {\n setAppConfig(\n { commit },\n {\n showPopoutButton,\n position,\n hideMessageBubble,\n showUnreadMessagesDialog,\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 showUnreadMessagesDialog: !!showUnreadMessagesDialog,\n widgetStyle,\n darkMode,\n });\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_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 $state.showUnreadMessagesDialog = data.showUnreadMessagesDialog;\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 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\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\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};\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 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 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 \n \n