\r\n ![\"\"]()
\r\n
\r\n 1 && !singular\" class=\"profile-thumbnail__photo\">\r\n ![\"\"]()
\r\n
\r\n ![\"\"](\"@/assets/images/conversation.svg\")
\r\n {{ textHeader }}
\r\n{{ textDesc }}
\r\n![](\"@/assets/images/back.svg\")
\r\n ![](\"@/assets/images/info.svg\")
\r\n ![\"Oi,](\"@/assets/images/no_token.png\")
\r\n Vi får visst ikke registrert at du gjennomfører kurset.
Følg linken fra SMS-en eller e-posten på nytt
så Festen kan rulle videre!
${state.data.contentLanguage.slice(0, 2) === \"en\" ? 'Chapter' : 'Kapittel'} ${state.historyChapterIndex + chapterIndex + 1}
${name}`,\r\n }\r\n}\r\n\r\n/**\r\n * \r\n */\r\nfunction setChatsAuthors(data) {\r\n const chapters = [...data.chaptersToShow, ...data.history];\r\n const authors = {};\r\n\r\n chapters.forEach(chapter => {\r\n chapter.chatgroups.forEach(chatGroup => {\r\n chatGroup.team.characters.forEach(character => {\r\n authors[character.name] = character;\r\n });\r\n });\r\n });\r\n\r\n for (let author of Object.values(authors)) {\r\n if (author.image && author.image.path) {\r\n author.image.path = `${assetsHost}${author.image.path}`;\r\n }\r\n }\r\n\r\n state.authors = authors;\r\n}\r\n\r\n/**\r\n * \r\n */\r\nfunction hasChatgroupInChatsByTeamId(teamId) {\r\n const { chats } = state;\r\n return chats.find((chat) => chat.id === teamId.toString());\r\n}\r\n\r\n/**\r\n * \r\n */\r\nfunction isMessageAddableContentType(contentType) {\r\n return isTextType(contentType) ||\r\n isImageType(contentType) ||\r\n isVideoType(contentType);\r\n}\r\n\r\n/**\r\n * \r\n */\r\nfunction isTextType(contentType) {\r\n return contentType === \"ConversationContentModel\";\r\n}\r\n\r\n/**\r\n * \r\n */\r\nfunction isImageType(contentType) {\r\n return contentType === \"ImageContentModel\" || contentType === \"GifContentModel\";\r\n}\r\n\r\n/**\r\n * \r\n */\r\nfunction isVideoType(contentType) {\r\n return contentType === \"VideoContentModel\";\r\n}\r\n\r\n/**\r\n * \r\n */\r\nfunction isBranchType(contentType) {\r\n return contentType === \"BranchContentModel\";\r\n}\r\n\r\n/**\r\n * \r\n */\r\nfunction isSeparatorType(contentType) {\r\n return contentType === \"StartPointContentModel\";\r\n}\r\n\r\n/**\r\n * \r\n */\r\nfunction hasOrder(order) {\r\n return order && order.length > 0;\r\n}\r\n\r\nexport {\r\n transformChats, getAuthors, setUserName,\r\n}","import jwt_decode from 'jwt-decode';\r\nimport { transformChats, getAuthors, setUserName } from \"../../helpers/content\";\r\nimport router from '../../router';\r\n\r\nconst host = process.env.VUE_APP_API_URI;\r\n\r\n// initial state\r\nconst state = {\r\n device_id: Math.random()\r\n .toString(36)\r\n .substr(2, 9),\r\n userName: null,\r\n loaderPosition: \"left\",\r\n showChapterView: \"\",\r\n additionalScript: false,\r\n chapterType: \"\",\r\n all: [],\r\n authors: {},\r\n mode: null,\r\n uInfo: null,\r\n token: null,\r\n trainingId: null,\r\n preloader: false,\r\n chatLang: 'no',\r\n allChatLangs: []\r\n};\r\n\r\n// getters\r\nconst getters = {\r\n getDeviceId: (state) => () => {\r\n return state.device_id;\r\n },\r\n getAllChats: (state) => () => {\r\n return state.all;\r\n },\r\n getAllActiveChats: (state) => () => {\r\n const allChats = state.all;\r\n const activeChats = allChats.filter((el) => el.active == true);\r\n activeChats.sort((a, b) => (a.lastUpdated < b.lastUpdated ? 1 : -1));\r\n return activeChats;\r\n },\r\n getChatById: (state, getters) => (id) => {\r\n const mode = getters.getMode;\r\n return state.all.find((user) => {\r\n return mode && mode === 'preview' && user.chatgroupId == id || user.id == id;\r\n });\r\n },\r\n getChatByName: (state) => (name) => state.all.find((user) => user.name === name),\r\n getChatPageUrl: () => (id) => {\r\n return `/chat/${id}`;\r\n },\r\n getChatProfilePageUrl: () => (id) => {\r\n return `/chat/${id}/profile`;\r\n },\r\n getChatAuthorByName: (state) => (name) => state.authors[name],\r\n getProcessingValue: (state, getters) => (id) => {\r\n const chat = getters.getChatById(id);\r\n return chat.isProcessing;\r\n },\r\n getChapterViewValue: (state) => () => {\r\n return state.showChapterView;\r\n },\r\n getFormattedChatName: () => (chatName) => {\r\n const names = chatName.split(\", \");\r\n let formattedChatName = \"\";\r\n if (names.length > 1) {\r\n const displayNames = 3;\r\n const othersAmount = names.length - displayNames - 1; // -1 is for yourself\r\n for (let i = 0; i < displayNames; i++) {\r\n const name = names[i].split(\" \")[0];\r\n formattedChatName +=\r\n i + 1 == displayNames && othersAmount > 0\r\n ? `${name}... +${othersAmount}`\r\n : `${name}, `;\r\n }\r\n if (othersAmount <= 0) {\r\n // remove last comma\r\n formattedChatName = formattedChatName.substr(\r\n 0,\r\n formattedChatName.length - 2\r\n );\r\n }\r\n } else {\r\n formattedChatName = names[0];\r\n }\r\n return formattedChatName;\r\n },\r\n getChatLastMessage: (state, getters) => (id) => {\r\n const chat = getters.getChatById(id);\r\n if (chat.messages) {\r\n const lastMessageIndex = chat.messages.length - 1;\r\n return chat.messages[lastMessageIndex];\r\n }\r\n // if(chat.messages.length > 0) {\r\n // const lastMessageIndex = chat.messages.length - 1;\r\n // return chat.messages[lastMessageIndex];\r\n // }\r\n },\r\n getLoaderPosition: (state) => () => {\r\n return state.loaderPosition;\r\n },\r\n getAnswer: (state, getters) => (id) => {\r\n const chat = getters.getChatById(id);\r\n return chat && chat.answer;\r\n },\r\n getMessageLoadingValue: (state, getters) => (id) => {\r\n const chat = getters.getChatById(id);\r\n return chat && chat.messageLoading;\r\n },\r\n getChapterType: (state) => {\r\n return state.chapterType;\r\n },\r\n getMode: (state) => {\r\n return state.mode;\r\n },\r\n getUInfo: (state) => {\r\n return state.uInfo;\r\n },\r\n getTrainingId: (state) => {\r\n return state.trainingId;\r\n },\r\n getToken: (state) => {\r\n return state.token;\r\n },\r\n getPreloaderStatus: (state) => {\r\n return state.preloader;\r\n },\r\n getChatLanguage: (state) => {\r\n return state.chatLang;\r\n },\r\n getAllChatLanguages: (state) => {\r\n return state.allChatLangs;\r\n }\r\n};\r\n\r\n// actions\r\nconst actions = {\r\n videoWatched: ({ commit, getters }, params) => {\r\n const uInfo = getters.getUInfo;\r\n const token = getters.getToken;\r\n\r\n commit(\"VIDEO_WATCHED\", {\r\n showNotification: params.showNotification,\r\n chat: params.chat,\r\n uInfo,\r\n token,\r\n });\r\n },\r\n setNewChatData: ({ commit, getters }, params) => {\r\n commit(\"SET_NEW_CHAT_DATA\", {\r\n chat: getters.getChatById(params.chatId),\r\n notification: params.notification,\r\n messages: params.messages,\r\n script: params.script,\r\n });\r\n },\r\n insertNewChatData: ({ commit, getters }, params) => {\r\n const chat = getters.getChatById(params.chatId);\r\n commit(\"INSERT_NEW_CHAT_DATA\", {\r\n import: params.import,\r\n chat: chat,\r\n });\r\n },\r\n // resetNewData: ({ commit, getters }, params) => {\r\n // const chat = getters.getChatById(params.chatId);\r\n\r\n // commit(\"RESET_NEW_DATA\", {\r\n // chat: chat,\r\n // });\r\n // },\r\n // importNewData: ({ commit, getters }, params) => {\r\n // const chat = getters.getChatById(params.chatId);\r\n\r\n // commit(\"IMPORT_NEW_DATA\", {\r\n // chat: chat,\r\n // importedData: params.data\r\n // });\r\n // },\r\n // insertNewChatData: ({ commit, getters }, params) => {\r\n // const chat = getters.getChatById(params.chatId);\r\n\r\n // commit(\"INSERT_NEW_CHAT_DATA\", {\r\n // chat: chat,\r\n // notification: params.notification,\r\n // messages: params.messages,\r\n // script: params.script\r\n // });\r\n // },\r\n toggleProcessing: ({ commit }, params) => {\r\n commit(\"TOGGLE_PROCESSING\", {\r\n chat: params.chat,\r\n value: params.value,\r\n });\r\n },\r\n hideNotificationMessage: ({ commit }, params) => {\r\n commit(\"HIDE_NOTIFICATION_MESSAGE\", {\r\n chatId: params.chatId,\r\n });\r\n },\r\n makeChatActive: ({ commit, getters }, params) => {\r\n const chat = getters.getChatById(params.chatId);\r\n commit(\"MAKE_CHAT_ACTIVE\", {\r\n chat: chat,\r\n });\r\n commit(\"UPDATE_LAST_UPDATE_TIME\", {\r\n chat: chat,\r\n time: Date.now(),\r\n });\r\n },\r\n insertAnswer: ({ commit, getters }, params) => {\r\n const chat = getters.getChatById(params.chatId);\r\n const uInfo = getters.getUInfo;\r\n const additionalScript = params.additionalScript;\r\n const token = getters.getToken;\r\n\r\n commit(\"REMOVE_ITEM_FROM_SCRIPT\", {\r\n chat: chat,\r\n });\r\n\r\n commit(\"INSERT_ANSWER\", {\r\n chat: chat,\r\n value: params.value,\r\n type: params.type,\r\n phone: params.phone_number,\r\n device_id: params.device_id,\r\n answerKey: params.answerKey,\r\n parentId: params.parentId,\r\n });\r\n\r\n if (token) {\r\n const body = JSON.stringify({\r\n lastMessageId: params.answerKey,\r\n answerParentId: params.parentId,\r\n isKeyQuestion: params.saveAnswer,\r\n });\r\n\r\n fetch(`${host}/api/update-progress`, {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${token}`,\r\n \"X-U-Info\": uInfo\r\n },\r\n method: \"PATCH\",\r\n body,\r\n })\r\n .then((response) => {\r\n if (!response.ok) throw Error(response.statusText);\r\n return response.json();\r\n })\r\n .catch((error) => {\r\n console.log(\"request failed\", error);\r\n router.push('/register');\r\n });\r\n }\r\n\r\n if (Object.keys(additionalScript).length) {\r\n commit(\"ADD_ADDITIONAL_SCRIPT\", {\r\n chat: chat,\r\n script: additionalScript,\r\n });\r\n }\r\n },\r\n insertMessage: ({ commit, getters }, params) => {\r\n const objData = params.object;\r\n const uInfo = getters.getUInfo;\r\n const token = getters.getToken;\r\n\r\n if (objData.type != \"chapter-end\" && objData.type != \"chapter-end-same-chat\") {\r\n commit(\"INSERT_MESSAGE\", {\r\n uInfo,\r\n token,\r\n showNotification: params.showNotification,\r\n chat: params.chat,\r\n objectData: {\r\n key: objData.key,\r\n type: objData.type,\r\n author: objData.author,\r\n content_type: objData.content_type,\r\n value: objData.value,\r\n time: Date.now(),\r\n },\r\n });\r\n commit(\"UPDATE_LAST_UPDATE_TIME\", {\r\n chat: params.chat,\r\n time: Date.now(),\r\n });\r\n } else {\r\n setTimeout(() => {\r\n commit(\"SHOW_CHAPTER_VIEW\", {\r\n value: objData.value,\r\n type: objData.type\r\n });\r\n }, 3000);\r\n }\r\n },\r\n showAnswer: ({ commit }, params) => {\r\n commit(\"SHOW_ANSWER\", {\r\n chat: params.chat,\r\n answer: params.value,\r\n });\r\n },\r\n showMessageLoader: ({ commit }, params) => {\r\n return new Promise((resolve) => {\r\n setTimeout(() => {\r\n commit(\"SHOW_MESSAGE_LOADER\", {\r\n chat: params.chat,\r\n });\r\n resolve();\r\n }, params.delay);\r\n });\r\n },\r\n hideMessageLoader: ({ commit }, params) => {\r\n commit(\"HIDE_MESSAGE_LOADER\", {\r\n chat: params.chat,\r\n });\r\n },\r\n toggleMessageType: async ({ commit }, params) => {\r\n commit(\"TOGGLE_MESSAGE_TYPE\", {\r\n message: params.message,\r\n });\r\n },\r\n removeItemFromScript: ({ commit }, params) => {\r\n commit(\"REMOVE_ITEM_FROM_SCRIPT\", {\r\n showNotification: params.showNotification,\r\n chat: params.chat,\r\n });\r\n },\r\n hideChapterView: ({ commit, getters }, params) => {\r\n const chat = getters.getChatById(params.chatId);\r\n commit(\"HIDE_CHAPTER_VIEW\", {\r\n chat: chat,\r\n type: getters.getChapterType,\r\n });\r\n },\r\n loadChats: ({ dispatch, commit, getters }, params) => {\r\n const id = params.url.params.phone_number;\r\n const language = params.url.params.language;\r\n const mode = getters.getMode;\r\n const uInfo = getters.getUInfo;\r\n const token = getters.getToken;\r\n let url;\r\n\r\n dispatch('showPreloader');\r\n\r\n if (token && id) {\r\n url = `${host}/api/training-content`;\r\n\r\n commit('SET_USER_NAME', {\r\n token,\r\n });\r\n }\r\n\r\n if (mode === 'preview') {\r\n const { id } = params.url.params;\r\n localStorage.removeItem('store');\r\n if (id) {\r\n url = `${host}/api/content/chat/${id}/preview?language=${language}`\r\n }\r\n }\r\n\r\n if (url && ((token && id) || mode === 'preview')) {\r\n fetch(url, {\r\n headers: {\r\n Authorization: `Bearer ${token}`,\r\n \"X-U-Info\": uInfo\r\n },\r\n })\r\n .then((response) => {\r\n if (!response.ok) throw Error(response.statusText);\r\n return response.json();\r\n })\r\n .then((data) => {\r\n const chats = transformChats(data);\r\n commit(\"SET_CHATS\", {\r\n chats,\r\n });\r\n\r\n const authors = getAuthors(data);\r\n commit('SET_AUTHORS', {\r\n authors,\r\n });\r\n\r\n commit('SET_CHAT_LANGUAGE', {\r\n chatLang: data.contentLanguage,\r\n });\r\n \r\n dispatch('hidePreloader');\r\n })\r\n .catch((error) => {\r\n console.error(\"request failed\", error);\r\n router.push('/redirect');\r\n });\r\n }\r\n },\r\n setMode({ commit }, params) {\r\n const { mode } = params;\r\n commit('SET_MODE', {\r\n mode,\r\n });\r\n },\r\n setUInfo({ commit }, params) {\r\n const { uInfo } = params;\r\n commit('SET_U_INFO', {\r\n uInfo,\r\n });\r\n },\r\n setToken({ commit }, params) {\r\n const { token } = params;\r\n commit('SET_TOKEN', {\r\n token,\r\n });\r\n },\r\n setTrainingId({ commit }, params) {\r\n const { trainingId } = params;\r\n commit('SET_TRAINING_ID', {\r\n trainingId,\r\n });\r\n },\r\n togglePreloader({ commit, getters }) {\r\n commit('TOGGLE_PRELOADER', {\r\n preloader: !getters.getPreloaderStatus,\r\n });\r\n },\r\n showPreloader({ commit }) {\r\n commit('SHOW_PRELOADER');\r\n },\r\n hidePreloader({ commit }) {\r\n commit('HIDE_PRELOADER');\r\n },\r\n clearChats({ commit }) {\r\n commit('SET_CHATS', {\r\n chats: []\r\n });\r\n },\r\n setChatLanguage({ dispatch, getters }) {\r\n const token = getters.getToken;\r\n const chatLang = getters.getChatLanguage;\r\n\r\n dispatch('showPreloader');\r\n\r\n fetch(`${host}/api/update-language`, {\r\n method: 'PATCH',\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`,\r\n },\r\n body: JSON.stringify({\r\n \"language\": chatLang,\r\n })\r\n })\r\n .then((response) => {\r\n if (!response.ok) throw Error(response.statusText);\r\n return response.json();\r\n })\r\n .then(() => {\r\n location.reload(true);\r\n })\r\n .catch((error) => {\r\n console.error(\"request failed\", error);\r\n router.push('/redirect');\r\n });\r\n },\r\n loadAllChatLanguages: ({ dispatch, commit }, params) => {\r\n const url = `${host}/api/languages`;\r\n\r\n fetch(url)\r\n .then((response) => {\r\n if (!response.ok) throw Error(response.statusText);\r\n return response.json();\r\n })\r\n .then((data) => {\r\n commit(\"SET_ALL_CHAT_LANGUAGES\", {\r\n allChatLangs: data,\r\n });\r\n dispatch('loadChats', params);\r\n })\r\n .catch((error) => {\r\n console.error(\"request failed\", error);\r\n router.push('/redirect');\r\n });\r\n },\r\n setAllChatLanguages({ commit }, params) {\r\n const { allChatLangs } = params;\r\n commit('SET_ALL_CHAT_LANGUAGES', {\r\n allChatLangs,\r\n });\r\n }\r\n};\r\n\r\n// mutations\r\nconst mutations = {\r\n VIDEO_WATCHED(state, payload) {\r\n const chat = payload.chat;\r\n const messagesAmount = chat.messages.length;\r\n const showNotification = payload.showNotification;\r\n const messages = chat.messages;\r\n\r\n chat.notificationShow = showNotification;\r\n\r\n if (messagesAmount > 0) {\r\n const { key } = messages[messagesAmount - 1];\r\n const uInfo = payload.uInfo;\r\n const token = payload.token;\r\n const body = JSON.stringify({\r\n lastMessageId: key,\r\n });\r\n messages[messagesAmount - 1].wasPlayedEarlier = true;\r\n\r\n if (token) {\r\n fetch(`${host}/api/update-progress`, {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${token}`,\r\n \"X-U-Info\": uInfo,\r\n },\r\n method: \"PATCH\",\r\n body,\r\n })\r\n .then((response) => {\r\n if (!response.ok) throw Error(response.statusText);\r\n return response.json();\r\n })\r\n .catch((error) => {\r\n console.log(\"request failed\", error);\r\n router.push('/register');\r\n });\r\n }\r\n \r\n }\r\n },\r\n SET_NEW_CHAT_DATA(state, payload) {\r\n state.additionalScript = {\r\n notification: payload.notification,\r\n messages: payload.messages,\r\n script: payload.script,\r\n };\r\n },\r\n INSERT_NEW_CHAT_DATA(state, payload) {\r\n const additionalScript = state.additionalScript;\r\n const chat = payload.chat;\r\n\r\n if (payload.import) {\r\n chat.newData = payload.import;\r\n } else {\r\n chat.newData = false;\r\n }\r\n\r\n if (additionalScript) {\r\n\r\n if (additionalScript.messages) {\r\n additionalScript.messages.forEach((el) => {\r\n chat.messages.push(el);\r\n });\r\n }\r\n\r\n if (additionalScript.script) {\r\n additionalScript.script.forEach((el) => {\r\n chat.script.push(el);\r\n });\r\n }\r\n\r\n chat.notification = additionalScript.notification;\r\n chat.isProcessing = false;\r\n\r\n // if (additionalScript.script.length == 0) {\r\n // chat.notificationShow = true;\r\n // }\r\n }\r\n\r\n if (chat.script.length == 0) {\r\n chat.notificationShow = true;\r\n }\r\n },\r\n SHOW_CHAPTER_VIEW(state, payload) {\r\n state.showChapterView = payload.value;\r\n state.chapterType = payload.type;\r\n },\r\n HIDE_CHAPTER_VIEW(state, payload) {\r\n const chat = payload.chat;\r\n state.showChapterView = \"\";\r\n\r\n if (payload.type == 'chapter-end-same-chat') {\r\n chat.isProcessing = false;\r\n chat.notificationShow = false;\r\n chat.notification = chat.newData.notification;\r\n chat.script = chat.newData.script;\r\n chat.newData = chat.newData.import;\r\n Event.fire('script-loaded');\r\n } else {\r\n chat.notificationShow = true;\r\n }\r\n\r\n },\r\n TOGGLE_PROCESSING(state, payload) {\r\n const chat = payload.chat;\r\n chat.isProcessing = payload.value;\r\n },\r\n ADD_ADDITIONAL_SCRIPT(state, payload) {\r\n const chat = payload.chat;\r\n const script = payload.script.reverse();\r\n\r\n script.forEach((el) => {\r\n chat.script.unshift(el);\r\n });\r\n },\r\n HIDE_NOTIFICATION_MESSAGE(state, payload) {\r\n const chat = state.all.find((el) => el.id == payload.chatId);\r\n chat.notificationShow = false;\r\n },\r\n MAKE_CHAT_ACTIVE(state, payload) {\r\n const chat = payload.chat;\r\n chat.active = true;\r\n },\r\n TOGGLE_MESSAGE_TYPE(state, payload) {\r\n state.loaderPosition = !payload.message.author ? \"right\" : \"left\";\r\n },\r\n SHOW_ANSWER(state, payload) {\r\n if (payload.answer) {\r\n payload.chat.answer = payload.answer;\r\n }\r\n },\r\n UPDATE_LAST_UPDATE_TIME(state, payload) {\r\n const chat = payload.chat;\r\n const time = payload.time;\r\n\r\n chat.lastUpdated = time;\r\n },\r\n INSERT_MESSAGE(state, payload) {\r\n const chat = payload.chat;\r\n const data = payload.objectData;\r\n const uInfo = payload.uInfo;\r\n const token = payload.token;\r\n\r\n if (token && data.content_type !== 'video') {\r\n const body = JSON.stringify({\r\n lastMessageId: data.key,\r\n });\r\n\r\n fetch(`${host}/api/update-progress`, {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${token}`,\r\n \"X-U-Info\": uInfo,\r\n },\r\n method: \"PATCH\",\r\n body,\r\n })\r\n .then((response) => {\r\n if (!response.ok) throw Error(response.statusText);\r\n return response.json();\r\n })\r\n .catch((error) => {\r\n console.log(\"request failed\", error);\r\n router.push('/register');\r\n });\r\n }\r\n\r\n chat.messages.push({\r\n type: data.type,\r\n author: data.author,\r\n key: data.key,\r\n content_type: data.content_type,\r\n value: data.value,\r\n time: data.time,\r\n });\r\n\r\n // show chat notification\r\n if (chat.script.length == 0) {\r\n if (chat.notification.nextChatId && payload.showNotification) {\r\n chat.notificationShow = true;\r\n }\r\n }\r\n },\r\n INSERT_ANSWER(state, payload) {\r\n // const device_id = payload.device_id;\r\n let value = payload.value;\r\n const chat = payload.chat;\r\n\r\n const answerSchema = {\r\n type: \"message\",\r\n author: 0,\r\n content_type: payload.type,\r\n value: value,\r\n time: new Date(),\r\n key: payload.answerKey\r\n };\r\n chat.messages.push(answerSchema);\r\n chat.answer = \"\";\r\n\r\n // showing chat notification\r\n if (chat.script.length == 0) {\r\n if (chat.notification.nextChatId) {\r\n chat.notificationShow = true;\r\n }\r\n }\r\n },\r\n REMOVE_ITEM_FROM_SCRIPT(state, payload) {\r\n const chat = payload.chat;\r\n chat.script.shift();\r\n },\r\n SHOW_MESSAGE_LOADER(state, payload) {\r\n const chat = payload.chat;\r\n chat.messageLoading = true;\r\n },\r\n HIDE_MESSAGE_LOADER(state, payload) {\r\n const chat = payload.chat;\r\n chat.messageLoading = false;\r\n },\r\n SET_CHATS(state, payload) {\r\n state.all = payload.chats;\r\n },\r\n SET_AUTHORS(state, payload) {\r\n state.authors = payload.authors;\r\n },\r\n SET_USER_NAME(state, payload) {\r\n const { token } = payload;\r\n let fullName = jwt_decode(token).name;\r\n let name = null;\r\n\r\n if (fullName && typeof fullName === 'string') {\r\n fullName = fullName.trim();\r\n\r\n if (fullName.length > 0) {\r\n const brakePosition = fullName.indexOf(' ');\r\n\r\n name = (brakePosition === -1)\r\n ? fullName\r\n : fullName.substring(0, brakePosition);\r\n\r\n setUserName(name);\r\n }\r\n }\r\n\r\n state.userName = name;\r\n },\r\n SET_MODE(state, payload) {\r\n const { mode } = payload;\r\n state.mode = mode;\r\n },\r\n SET_U_INFO(state, payload) {\r\n const { uInfo } = payload;\r\n state.uInfo = uInfo;\r\n },\r\n SET_TRAINING_ID(state, payload) {\r\n const { trainingId } = payload;\r\n state.trainingId = trainingId;\r\n },\r\n SET_TOKEN(state, payload) {\r\n const { token } = payload;\r\n state.token = token;\r\n },\r\n TOGGLE_PRELOADER(state, payload) {\r\n const { preloader } = payload;\r\n state.preloader = preloader;\r\n },\r\n SHOW_PRELOADER(state) {\r\n state.preloader = true;\r\n },\r\n HIDE_PRELOADER(state) {\r\n state.preloader = false;\r\n },\r\n SET_CHAT_LANGUAGE(state, payload) {\r\n const { chatLang } = payload;\r\n state.chatLang = chatLang;\r\n },\r\n SET_ALL_CHAT_LANGUAGES(state, payload) {\r\n const { allChatLangs } = payload;\r\n state.allChatLangs = allChatLangs;\r\n }\r\n};\r\n\r\nexport default {\r\n state,\r\n getters,\r\n actions,\r\n mutations,\r\n};\r\n","import Vue from \"vue\";\r\nimport Vuex from \"vuex\";\r\nimport chats from \"./modules/chats\";\r\n\r\nVue.use(Vuex);\r\n\r\nexport default new Vuex.Store({\r\n strict: process.env.NODE_ENV !== \"production\",\r\n state: {},\r\n mutations: {\r\n initialiseStore(state) {\r\n // Check if the ID exists\r\n if (localStorage.getItem(\"store\")) {\r\n // Replace the state object with the stored item\r\n this.replaceState(\r\n Object.assign(state, JSON.parse(localStorage.getItem(\"store\")))\r\n );\r\n }\r\n }\r\n },\r\n modules: {\r\n chats\r\n }\r\n});\r\n","import Vue from \"vue\";\r\nimport VueChatScroll from \"vue-chat-scroll\";\r\nimport VBodyScrollLock from \"v-body-scroll-lock\";\r\nimport Vue2TouchEvents from \"vue2-touch-events\";\r\nimport App from \"./App.vue\";\r\n// import \"./registerServiceWorker\";\r\nimport router from \"./router\";\r\nimport store from \"./store\";\r\nimport * as Sentry from \"@sentry/vue\";\r\nimport { BrowserTracing } from \"@sentry/tracing\";\r\n\r\nVue.config.productionTip = false;\r\nVue.use(VueChatScroll);\r\nVue.use(VBodyScrollLock);\r\nVue.use(Vue2TouchEvents, {\r\n swipeTolerance: 150\r\n});\r\n\r\nSentry.init({\r\n Vue,\r\n dsn: \"https://134a6c316ead4be0b8f08dc449f3790d@o4503969996996608.ingest.sentry.io/4503970002698240\",\r\n integrations: [\r\n new BrowserTracing({\r\n routingInstrumentation: Sentry.vueRouterInstrumentation(router),\r\n tracingOrigins: [\"localhost\", \"https://akanfesten.no/\", /^\\//],\r\n }),\r\n ],\r\n // Set tracesSampleRate to 1.0 to capture 100%\r\n // of transactions for performance monitoring.\r\n // We recommend adjusting this value in production\r\n tracesSampleRate: 1.0,\r\n logErrors: true\r\n});\r\n\r\n// Subscribe to store updates\r\nstore.subscribe((mutation, state) => {\r\n // Store the state object as a JSON string\r\n localStorage.setItem(\"store\", JSON.stringify(state));\r\n});\r\n\r\nVue.prototype.$changePageContent = async function(hasAnswerBox) {\r\n const pageContent = document.querySelector(\".chat-page__wrapper\");\r\n const answerBox = document.querySelector(\".answer-box\");\r\n\r\n if (hasAnswerBox) {\r\n const answerBoxHeight = answerBox.offsetHeight;\r\n pageContent.style.paddingBottom = `${answerBoxHeight}px`;\r\n pageContent.scrollTop = pageContent.scrollHeight;\r\n } else {\r\n pageContent.style.paddingBottom = \"40px\";\r\n }\r\n};\r\n\r\nVue.prototype.$processMessages = async function(\r\n messages,\r\n chat,\r\n store,\r\n hasVideo = false\r\n) {\r\n const showNotification =\r\n messages.length &&\r\n (messages[messages.length - 1].content_type == \"video\" ||\r\n messages[messages.length - 1].type == \"answer\")\r\n ? false\r\n : true;\r\n\r\n function showMessageLoader() {\r\n store.dispatch(\"showMessageLoader\", {\r\n chat: chat\r\n });\r\n }\r\n\r\n function hideMessageLoader() {\r\n store.dispatch(\"hideMessageLoader\", {\r\n chat: chat\r\n });\r\n }\r\n\r\n function delay(timeout) {\r\n showMessageLoader();\r\n return new Promise(resolve =>\r\n setTimeout(() => {\r\n hideMessageLoader();\r\n resolve();\r\n }, timeout)\r\n );\r\n }\r\n\r\n function getRandomInt(min, max) {\r\n min = Math.ceil(min);\r\n max = Math.floor(max);\r\n return Math.floor(Math.random() * (max - min)) + min;\r\n }\r\n\r\n function calcDelayTime(obj) {\r\n let delayTime;\r\n\r\n if (obj.delay && obj.delay > 0) {\r\n delayTime = obj.delay * 1000;\r\n } else {\r\n if (obj.type == \"message\") {\r\n const valueLength = obj.value.length\r\n ? obj.value.length\r\n : getRandomInt(10, 100);\r\n const avgTypingTime = valueLength * 50;\r\n delayTime = Math.min(Math.max(avgTypingTime, 800), 2250);\r\n } else {\r\n delayTime = 750;\r\n }\r\n }\r\n\r\n return delayTime;\r\n }\r\n\r\n async function showMessage(obj, chat, store) {\r\n await store.dispatch(\"toggleMessageType\", {\r\n message: obj,\r\n textMessage: obj.value\r\n });\r\n\r\n if (chat.script.length > 1 ||\r\n (chat.script.length == 1 && chat.script[0].type !== 'chapter-end' && chat.script[0].type !== 'chapter-end-same-chat')\r\n ) {\r\n const delayTime = calcDelayTime(obj);\r\n await delay(delayTime);\r\n }\r\n\r\n await store.dispatch(\"removeItemFromScript\", {\r\n chat: chat\r\n });\r\n\r\n if (obj.type != \"answer\") {\r\n store.dispatch(\"insertMessage\", {\r\n chat: chat,\r\n object: JSON.parse(JSON.stringify(obj)),\r\n showNotification: showNotification\r\n });\r\n }\r\n }\r\n\r\n async function showAnswer(obj, chat, store) {\r\n store.dispatch(\"showAnswer\", {\r\n chat: chat,\r\n value: obj\r\n });\r\n }\r\n\r\n if (messages[0]) {\r\n if (messages[0].type != \"answer\") {\r\n if (messages[0].content_type == \"video\") {\r\n await showMessage(messages[0], chat, store);\r\n return false;\r\n }\r\n\r\n await showMessage(messages[0], chat, store);\r\n\r\n if (messages.length > 0) {\r\n if (messages[0].content_type == \"video\") {\r\n if (!hasVideo) {\r\n this.$processMessages(messages, chat, store, true);\r\n }\r\n return false;\r\n }\r\n\r\n if (!hasVideo) {\r\n this.$processMessages(messages, chat, store, false);\r\n }\r\n\r\n return false;\r\n }\r\n } else {\r\n await showAnswer(messages[0], chat, store);\r\n hideMessageLoader();\r\n return false;\r\n }\r\n }\r\n};\r\n\r\nwindow.Event = new (class {\r\n constructor() {\r\n this.vue = new Vue();\r\n }\r\n fire(event, data = null) {\r\n this.vue.$emit(event, data);\r\n }\r\n listen(event, callback) {\r\n this.vue.$on(event, callback);\r\n }\r\n})();\r\n\r\nnew Vue({\r\n router,\r\n store,\r\n render: h => h(App)\r\n}).$mount(\"#app\");\r\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessageGroup.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessageGroup.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Profile.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Profile.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Badge.vue?vue&type=style&index=0&id=20074ec2&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Badge.vue?vue&type=style&index=0&id=20074ec2&scoped=true&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Inbox.vue?vue&type=style&index=0&id=2d601900&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Inbox.vue?vue&type=style&index=0&id=2d601900&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"../../dist/Messanger/img/019-party-preparations.539c9b14.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notification.vue?vue&type=style&index=0&id=28f84243&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notification.vue?vue&type=style&index=0&id=28f84243&scoped=true&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chat.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chat.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChapterView.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChapterView.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfilePhoto.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfilePhoto.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preloader.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Preloader.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextLoader.vue?vue&type=style&index=0&id=e00cb868&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextLoader.vue?vue&type=style&index=0&id=e00cb868&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"../../dist/Messanger/img/conversation.045142c0.svg\";","module.exports = __webpack_public_path__ + \"../../dist/Messanger/img/back.16138650.svg\";","module.exports = __webpack_public_path__ + \"../../dist/Messanger/img/info.46e0f776.svg\";"],"sourceRoot":""}