', 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","import { render, staticRenderFns } from \"./Icon.vue?vue&type=template&id=7d25fb16&scoped=true&\"\nimport script from \"./Icon.vue?vue&type=script&lang=js&\"\nexport * from \"./Icon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Icon.vue?vue&type=style&index=0&id=7d25fb16&prod&scoped=true&lang=scss&\"\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 \"7d25fb16\",\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};","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=16fa1b19&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';\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