{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.string.trim.js","webpack:///./node_modules/core-js/internals/string-trim-forced.js","webpack:///./node_modules/core-js/internals/create-html.js","webpack:///./node_modules/core-js/internals/string-html-forced.js","webpack:///./node_modules/core-js/modules/es.string.link.js","webpack:///./app/javascript/widget/components/ArticleCategoryCard.vue?f940","webpack:///./app/javascript/widget/views/Home.vue?9508","webpack:///./app/javascript/widget/components/GroupedAvatars.vue?4d56","webpack:///app/javascript/widget/components/GroupedAvatars.vue","webpack:///./app/javascript/widget/components/AvailableAgents.vue?df8c","webpack:///app/javascript/widget/components/AvailableAgents.vue","webpack:///./app/javascript/widget/components/GroupedAvatars.vue","webpack:///./app/javascript/widget/components/GroupedAvatars.vue?2c43","webpack:///./app/javascript/widget/components/AvailableAgents.vue","webpack:///./app/javascript/widget/components/AvailableAgents.vue?5ff4","webpack:///app/javascript/widget/components/TeamAvailability.vue","webpack:///./app/javascript/widget/components/TeamAvailability.vue?b386","webpack:///./app/javascript/widget/components/TeamAvailability.vue","webpack:///./app/javascript/widget/components/TeamAvailability.vue?1c6f","webpack:///./app/javascript/widget/components/ArticleListItem.vue?f2ac","webpack:///app/javascript/widget/components/ArticleListItem.vue","webpack:///./app/javascript/widget/components/ArticleList.vue?0d08","webpack:///app/javascript/widget/components/ArticleList.vue","webpack:///./app/javascript/widget/components/ArticleListItem.vue","webpack:///./app/javascript/widget/components/ArticleListItem.vue?5bd9","webpack:///./app/javascript/widget/components/ArticleList.vue","webpack:///./app/javascript/widget/components/ArticleList.vue?8d4b","webpack:///app/javascript/widget/components/ArticleCategoryCard.vue","webpack:///./app/javascript/widget/components/ArticleCategoryCard.vue?e9ab","webpack:///./app/javascript/widget/components/ArticleHero.vue?6b77","webpack:///app/javascript/widget/components/ArticleHero.vue","webpack:///./app/javascript/widget/components/ArticleCategoryCard.vue","webpack:///./app/javascript/widget/components/ArticleCategoryCard.vue?6949","webpack:///./app/javascript/widget/components/ArticleHero.vue","webpack:///./app/javascript/widget/components/ArticleHero.vue?3107","webpack:///./app/javascript/widget/components/ArticleCardSkeletonLoader.vue","webpack:///./app/javascript/widget/components/ArticleCardSkeletonLoader.vue?e2d1","webpack:///app/javascript/widget/views/Home.vue","webpack:///./app/javascript/widget/views/Home.vue?129f","webpack:///./app/javascript/widget/views/Home.vue"],"names":["$","$trim","trim","target","proto","forced","forcedStringTrimMethod","this","fails","whitespaces","module","exports","METHOD_NAME","name","requireObjectCoercible","quot","string","tag","attribute","value","S","String","p1","replace","test","toLowerCase","split","length","createHTML","forcedStringHTMLMethod","link","url","_vm","_c","_self","staticClass","_l","user","index","key","id","class","attrs","avatar","users","_v","_s","isOnline","$t","replyWaitMessage","availableAgents","_e","style","color","widgetColor","on","startConversation","hasConversation","onClick","title","article","slug","articles","onArticleClick","$event","$emit","slice","_m","showArticles","conversationSize","unreadMessageCount","articleUiFlags","isFetching","isError","popularArticles","openArticleInArticleViewer","viewAllArticles"],"mappings":"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","file":"js/59-ba2d874edd81de836917.chunk.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar $trim = require('../internals/string-trim').trim;\nvar forcedStringTrimMethod = require('../internals/string-trim-forced');\n\n// `String.prototype.trim` method\n// https://tc39.es/ecma262/#sec-string.prototype.trim\n$({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {\n  trim: function trim() {\n    return $trim(this);\n  }\n});\n","var fails = require('../internals/fails');\nvar whitespaces = require('../internals/whitespaces');\n\nvar non = '\\u200B\\u0085\\u180E';\n\n// check that a method works with the correct list\n// of whitespaces and has a correct name\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    return !!whitespaces[METHOD_NAME]() || non[METHOD_NAME]() != non || whitespaces[METHOD_NAME].name !== METHOD_NAME;\n  });\n};\n","var requireObjectCoercible = require('../internals/require-object-coercible');\n\nvar quot = /\"/g;\n\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\n// https://tc39.es/ecma262/#sec-createhtml\nmodule.exports = function (string, tag, attribute, value) {\n  var S = String(requireObjectCoercible(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\n","var fails = require('../internals/fails');\n\n// check the existence of a method, lowercase\n// of a tag and escaping quotes in arguments\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    var test = ''[METHOD_NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  });\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar createHTML = require('../internals/create-html');\nvar forcedStringHTMLMethod = require('../internals/string-html-forced');\n\n// `String.prototype.link` method\n// https://tc39.es/ecma262/#sec-string.prototype.link\n$({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {\n  link: function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  }\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!./ArticleCategoryCard.vue?vue&type=style&index=0&id=73e13d22&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"z-50 flex flex-col flex-1 w-full rounded-md\",class:{ 'pb-2': _vm.showArticles, 'justify-end': !_vm.showArticles }},[_c('div',{staticClass:\"w-full px-4 pt-4\"},[_c('TeamAvailability',{attrs:{\"available-agents\":_vm.availableAgents,\"has-conversation\":!!_vm.conversationSize,\"unread-count\":_vm.unreadMessageCount},on:{\"startConversation\":_vm.startConversation}})],1),_vm._v(\" \"),(_vm.showArticles)?_c('div',{staticClass:\"w-full px-4 py-2\"},[_c('div',{staticClass:\"w-full p-4 bg-white rounded-md shadow-sm dark:bg-slate-700\"},[(\n          !_vm.articleUiFlags.isFetching &&\n          !_vm.articleUiFlags.isError &&\n          _vm.popularArticles.length\n        )?_c('ArticleHero',{attrs:{\"articles\":_vm.popularArticles},on:{\"view\":_vm.openArticleInArticleViewer,\"viewAll\":_vm.viewAllArticles}}):_vm._e()],1)]):_vm._e(),_vm._v(\" \"),(_vm.articleUiFlags.isFetching)?_c('div',{staticClass:\"w-full px-4 py-2\"},[_c('div',{staticClass:\"w-full p-4 bg-white rounded-md shadow-sm dark:bg-slate-700\"},[_c('ArticleCardSkeletonLoader')],1)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupedAvatars.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupedAvatars.vue?vue&type=script&lang=js&\"","<script>\nimport Thumbnail from 'dashboard/components/widgets/Thumbnail.vue';\n\nexport default {\n  name: 'GroupedAvatars',\n  components: { Thumbnail },\n  props: {\n    users: {\n      type: Array,\n      default: () => [],\n    },\n  },\n};\n</script>\n\n<template>\n  <div class=\"flex\">\n    <span\n      v-for=\"(user, index) in users\"\n      :key=\"user.id\"\n      :class=\"`${\n        index ? '-ml-4' : ''\n      } inline-block rounded-full text-white shadow-solid`\"\n    >\n      <Thumbnail\n        size=\"36px\"\n        :username=\"user.name\"\n        :src=\"user.avatar\"\n        has-border\n      />\n    </span>\n  </div>\n</template>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableAgents.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableAgents.vue?vue&type=script&lang=js&\"","<script>\nimport GroupedAvatars from 'widget/components/GroupedAvatars.vue';\n\nexport default {\n  name: 'AvailableAgents',\n  components: { GroupedAvatars },\n  props: {\n    agents: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  computed: {\n    users() {\n      return this.agents.slice(0, 4).map(agent => ({\n        id: agent.id,\n        avatar: agent.avatar_url,\n        name: agent.name,\n      }));\n    },\n  },\n};\n</script>\n\n<template>\n  <GroupedAvatars :users=\"users\" />\n</template>\n","import { render, staticRenderFns } from \"./GroupedAvatars.vue?vue&type=template&id=5f0a4588&\"\nimport script from \"./GroupedAvatars.vue?vue&type=script&lang=js&\"\nexport * from \"./GroupedAvatars.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex\"},_vm._l((_vm.users),function(user,index){return _c('span',{key:user.id,class:`${\n      index ? '-ml-4' : ''\n    } inline-block rounded-full text-white shadow-solid`},[_c('Thumbnail',{attrs:{\"size\":\"36px\",\"username\":user.name,\"src\":user.avatar,\"has-border\":\"\"}})],1)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AvailableAgents.vue?vue&type=template&id=762d9a28&\"\nimport script from \"./AvailableAgents.vue?vue&type=script&lang=js&\"\nexport * from \"./AvailableAgents.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('GroupedAvatars',{attrs:{\"users\":_vm.users}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { mapGetters } from 'vuex';\nimport { getContrastingTextColor } from '@chatwoot/utils';\nimport nextAvailabilityTime from 'widget/mixins/nextAvailabilityTime';\nimport AvailableAgents from 'widget/components/AvailableAgents.vue';\nimport configMixin from 'widget/mixins/configMixin';\nimport availabilityMixin from 'widget/mixins/availability';\nimport FluentIcon from 'shared/components/FluentIcon/Index.vue';\nimport { IFrameHelper } from 'widget/helpers/utils';\nimport { CHATWOOT_ON_START_CONVERSATION } from '../constants/sdkEvents';\n\nexport default {\n  name: 'TeamAvailability',\n  components: {\n    AvailableAgents,\n    FluentIcon,\n  },\n  mixins: [configMixin, nextAvailabilityTime, availabilityMixin],\n  props: {\n    availableAgents: {\n      type: Array,\n      default: () => {},\n    },\n    hasConversation: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    ...mapGetters({\n      widgetColor: 'appConfig/getWidgetColor',\n    }),\n    textColor() {\n      return getContrastingTextColor(this.widgetColor);\n    },\n    isOnline() {\n      const { workingHoursEnabled } = this.channelConfig;\n      const anyAgentOnline = this.availableAgents.length > 0;\n\n      if (workingHoursEnabled) {\n        return this.isInBetweenTheWorkingHours;\n      }\n      return anyAgentOnline;\n    },\n  },\n  methods: {\n    startConversation() {\n      this.$emit('startConversation');\n      if (!this.hasConversation) {\n        IFrameHelper.sendMessage({\n          event: 'onEvent',\n          eventIdentifier: CHATWOOT_ON_START_CONVERSATION,\n          data: { hasConversation: false },\n        });\n      }\n    },\n  },\n};\n</script>\n\n<template>\n  <div class=\"p-4 bg-white rounded-md shadow-sm dark:bg-slate-700\">\n    <div class=\"flex items-center justify-between\">\n      <div class=\"\">\n        <div class=\"text-sm font-medium text-slate-700 dark:text-slate-50\">\n          {{\n            isOnline\n              ? $t('TEAM_AVAILABILITY.ONLINE')\n              : $t('TEAM_AVAILABILITY.OFFLINE')\n          }}\n        </div>\n        <div class=\"mt-1 text-sm text-slate-500 dark:text-slate-100\">\n          {{ replyWaitMessage }}\n        </div>\n      </div>\n      <AvailableAgents v-if=\"isOnline\" :agents=\"availableAgents\" />\n    </div>\n    <button\n      class=\"inline-flex items-center justify-between px-2 py-1 mt-2 -ml-2 text-sm font-medium leading-6 rounded-md text-slate-800 dark:text-slate-50 hover:bg-slate-25 dark:hover:bg-slate-800\"\n      :style=\"{ color: widgetColor }\"\n      @click=\"startConversation\"\n    >\n      <span class=\"pr-2 text-sm\">\n        {{\n          hasConversation\n            ? $t('CONTINUE_CONVERSATION')\n            : $t('START_CONVERSATION')\n        }}\n      </span>\n      <FluentIcon icon=\"arrow-right\" size=\"14\" />\n    </button>\n  </div>\n</template>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeamAvailability.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeamAvailability.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TeamAvailability.vue?vue&type=template&id=12ee5016&\"\nimport script from \"./TeamAvailability.vue?vue&type=script&lang=js&\"\nexport * from \"./TeamAvailability.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"p-4 bg-white rounded-md shadow-sm dark:bg-slate-700\"},[_c('div',{staticClass:\"flex items-center justify-between\"},[_c('div',{},[_c('div',{staticClass:\"text-sm font-medium text-slate-700 dark:text-slate-50\"},[_vm._v(\"\\n        \"+_vm._s(_vm.isOnline\n            ? _vm.$t('TEAM_AVAILABILITY.ONLINE')\n            : _vm.$t('TEAM_AVAILABILITY.OFFLINE'))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-1 text-sm text-slate-500 dark:text-slate-100\"},[_vm._v(\"\\n        \"+_vm._s(_vm.replyWaitMessage)+\"\\n      \")])]),_vm._v(\" \"),(_vm.isOnline)?_c('AvailableAgents',{attrs:{\"agents\":_vm.availableAgents}}):_vm._e()],1),_vm._v(\" \"),_c('button',{staticClass:\"inline-flex items-center justify-between px-2 py-1 mt-2 -ml-2 text-sm font-medium leading-6 rounded-md text-slate-800 dark:text-slate-50 hover:bg-slate-25 dark:hover:bg-slate-800\",style:({ color: _vm.widgetColor }),on:{\"click\":_vm.startConversation}},[_c('span',{staticClass:\"pr-2 text-sm\"},[_vm._v(\"\\n      \"+_vm._s(_vm.hasConversation\n          ? _vm.$t('CONTINUE_CONVERSATION')\n          : _vm.$t('START_CONVERSATION'))+\"\\n    \")]),_vm._v(\" \"),_c('FluentIcon',{attrs:{\"icon\":\"arrow-right\",\"size\":\"14\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleListItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleListItem.vue?vue&type=script&lang=js&\"","<script>\nimport FluentIcon from 'shared/components/FluentIcon/Index.vue';\n\nexport default {\n  components: { FluentIcon },\n  props: {\n    link: {\n      type: String,\n      default: '',\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n  },\n  data() {\n    return {};\n  },\n  methods: {\n    onClick() {\n      this.$emit('click', this.link);\n    },\n  },\n};\n</script>\n\n<template>\n  <li\n    class=\"py-1 flex items-center justify-between -mx-1 px-1 hover:bg-slate-25 dark:hover:bg-slate-600 rounded cursor-pointer text-slate-700 dark:text-slate-50 dark:hover:text-slate-25 hover:text-slate-900\"\n    role=\"button\"\n    @click=\"onClick\"\n  >\n    <button class=\"underline-offset-2 text-sm leading-6 text-left\">\n      {{ title }}\n    </button>\n    <span class=\"pl-1 arrow\">\n      <FluentIcon icon=\"arrow-right\" size=\"14\" />\n    </span>\n  </li>\n</template>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleList.vue?vue&type=script&lang=js&\"","<script>\nimport ArticleListItem from './ArticleListItem.vue';\n\nexport default {\n  components: {\n    ArticleListItem,\n  },\n  props: {\n    articles: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  data() {\n    return {};\n  },\n  methods: {\n    onClick(link) {\n      this.$emit('click', link);\n    },\n  },\n};\n</script>\n\n<template>\n  <ul role=\"list\" class=\"py-2\">\n    <ArticleListItem\n      v-for=\"article in articles\"\n      :key=\"article.slug\"\n      :link=\"article.link\"\n      :title=\"article.title\"\n      @click=\"onClick\"\n    />\n  </ul>\n</template>\n","import { render, staticRenderFns } from \"./ArticleListItem.vue?vue&type=template&id=0c18072e&\"\nimport script from \"./ArticleListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleListItem.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('li',{staticClass:\"py-1 flex items-center justify-between -mx-1 px-1 hover:bg-slate-25 dark:hover:bg-slate-600 rounded cursor-pointer text-slate-700 dark:text-slate-50 dark:hover:text-slate-25 hover:text-slate-900\",attrs:{\"role\":\"button\"},on:{\"click\":_vm.onClick}},[_c('button',{staticClass:\"underline-offset-2 text-sm leading-6 text-left\"},[_vm._v(\"\\n    \"+_vm._s(_vm.title)+\"\\n  \")]),_vm._v(\" \"),_c('span',{staticClass:\"pl-1 arrow\"},[_c('FluentIcon',{attrs:{\"icon\":\"arrow-right\",\"size\":\"14\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ArticleList.vue?vue&type=template&id=fb558e5e&\"\nimport script from \"./ArticleList.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleList.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"py-2\",attrs:{\"role\":\"list\"}},_vm._l((_vm.articles),function(article){return _c('ArticleListItem',{key:article.slug,attrs:{\"link\":article.link,\"title\":article.title},on:{\"click\":_vm.onClick}})}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { mapGetters } from 'vuex';\nimport ArticleList from './ArticleList.vue';\nimport FluentIcon from 'shared/components/FluentIcon/Index.vue';\n\nexport default {\n  components: { FluentIcon, ArticleList },\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    articles: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  computed: {\n    ...mapGetters({ widgetColor: 'appConfig/getWidgetColor' }),\n  },\n  methods: {\n    onArticleClick(link) {\n      this.$emit('view', link);\n    },\n  },\n};\n</script>\n\n<template>\n  <div>\n    <h3 class=\"mb-0 text-sm font-medium text-slate-800 dark:text-slate-50\">\n      {{ title }}\n    </h3>\n    <ArticleList :articles=\"articles\" @click=\"onArticleClick\" />\n    <button\n      class=\"inline-flex items-center justify-between px-2 py-1 -ml-2 text-sm font-medium leading-6 rounded-md text-slate-800 dark:text-slate-50 hover:bg-slate-25 dark:hover:bg-slate-800 see-articles\"\n      :style=\"{ color: widgetColor }\"\n      @click=\"$emit('viewAll')\"\n    >\n      <span class=\"pr-2 text-sm\">{{ $t('PORTAL.VIEW_ALL_ARTICLES') }}</span>\n      <FluentIcon icon=\"arrow-right\" size=\"14\" />\n    </button>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.see-articles {\n  color: var(--brand-textButtonClear);\n  svg {\n    color: var(--brand-textButtonClear);\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleCategoryCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleCategoryCard.vue?vue&type=script&lang=js&\"","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleHero.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleHero.vue?vue&type=script&lang=js&\"","<script>\nimport CategoryCard from './ArticleCategoryCard.vue';\nexport default {\n  components: { CategoryCard },\n  props: {\n    articles: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  methods: {\n    onArticleClick(link) {\n      this.$emit('view', link);\n    },\n  },\n};\n</script>\n\n<template>\n  <CategoryCard\n    :title=\"$t('PORTAL.POPULAR_ARTICLES')\"\n    :articles=\"articles.slice(0, 6)\"\n    @viewAll=\"$emit('viewAll')\"\n    @view=\"onArticleClick\"\n  />\n</template>\n","import { render, staticRenderFns } from \"./ArticleCategoryCard.vue?vue&type=template&id=73e13d22&scoped=true&\"\nimport script from \"./ArticleCategoryCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleCategoryCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticleCategoryCard.vue?vue&type=style&index=0&id=73e13d22&prod&lang=scss&scoped=true&\"\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  \"73e13d22\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{staticClass:\"mb-0 text-sm font-medium text-slate-800 dark:text-slate-50\"},[_vm._v(\"\\n    \"+_vm._s(_vm.title)+\"\\n  \")]),_vm._v(\" \"),_c('ArticleList',{attrs:{\"articles\":_vm.articles},on:{\"click\":_vm.onArticleClick}}),_vm._v(\" \"),_c('button',{staticClass:\"inline-flex items-center justify-between px-2 py-1 -ml-2 text-sm font-medium leading-6 rounded-md text-slate-800 dark:text-slate-50 hover:bg-slate-25 dark:hover:bg-slate-800 see-articles\",style:({ color: _vm.widgetColor }),on:{\"click\":function($event){return _vm.$emit('viewAll')}}},[_c('span',{staticClass:\"pr-2 text-sm\"},[_vm._v(_vm._s(_vm.$t('PORTAL.VIEW_ALL_ARTICLES')))]),_vm._v(\" \"),_c('FluentIcon',{attrs:{\"icon\":\"arrow-right\",\"size\":\"14\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ArticleHero.vue?vue&type=template&id=4a03811e&\"\nimport script from \"./ArticleHero.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleHero.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('CategoryCard',{attrs:{\"title\":_vm.$t('PORTAL.POPULAR_ARTICLES'),\"articles\":_vm.articles.slice(0, 6)},on:{\"viewAll\":function($event){return _vm.$emit('viewAll')},\"view\":_vm.onArticleClick}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ArticleCardSkeletonLoader.vue?vue&type=template&id=ba622d24&\"\nvar script = {}\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"py-4 space-y-4 bg-white dark:bg-slate-700\"},[_c('div',{staticClass:\"space-y-2 animate-pulse\"},[_c('div',{staticClass:\"h-6 bg-slate-100 dark:bg-slate-500 rounded w-2/5\"})]),_vm._v(\" \"),_c('div',{staticClass:\"space-y-2 animate-pulse\"},[_c('div',{staticClass:\"h-4 bg-slate-100 dark:bg-slate-500 rounded\"}),_vm._v(\" \"),_c('div',{staticClass:\"h-4 bg-slate-100 dark:bg-slate-500 rounded\"}),_vm._v(\" \"),_c('div',{staticClass:\"h-4 bg-slate-100 dark:bg-slate-500 rounded\"})]),_vm._v(\" \"),_c('div',{staticClass:\"space-y-2 animate-pulse\"},[_c('div',{staticClass:\"h-4 bg-slate-100 dark:bg-slate-500 rounded w-1/5\"})])])\n}]\n\nexport { render, staticRenderFns }","<script>\nimport TeamAvailability from 'widget/components/TeamAvailability.vue';\nimport ArticleHero from 'widget/components/ArticleHero.vue';\nimport ArticleCardSkeletonLoader from 'widget/components/ArticleCardSkeletonLoader.vue';\n\nimport { mapGetters } from 'vuex';\nimport darkModeMixin from 'widget/mixins/darkModeMixin';\nimport routerMixin from 'widget/mixins/routerMixin';\nimport configMixin from 'widget/mixins/configMixin';\n\nexport default {\n  name: 'Home',\n  components: {\n    ArticleHero,\n    TeamAvailability,\n    ArticleCardSkeletonLoader,\n  },\n  mixins: [configMixin, routerMixin, darkModeMixin],\n  computed: {\n    ...mapGetters({\n      availableAgents: 'agent/availableAgents',\n      conversationSize: 'conversation/getConversationSize',\n      unreadMessageCount: 'conversation/getUnreadMessageCount',\n      popularArticles: 'article/popularArticles',\n      articleUiFlags: 'article/uiFlags',\n    }),\n    widgetLocale() {\n      return this.$i18n.locale || 'en';\n    },\n    portal() {\n      return window.chatwootWebChannel.portal;\n    },\n    showArticles() {\n      return (\n        this.portal &&\n        !this.articleUiFlags.isFetching &&\n        this.popularArticles.length\n      );\n    },\n    defaultLocale() {\n      const widgetLocale = this.widgetLocale;\n      const { allowed_locales: allowedLocales, default_locale: defaultLocale } =\n        this.portal.config;\n\n      // IMPORTANT: Variation strict locale matching, Follow iso_639_1_code\n      // If the exact match of a locale is available in the list of portal locales, return it\n      // Else return the default locale. Eg: `es` will not work if `es_ES` is available in the list\n      if (allowedLocales.includes(widgetLocale)) {\n        return widgetLocale;\n      }\n      return defaultLocale;\n    },\n  },\n  mounted() {\n    if (this.portal && this.popularArticles.length === 0) {\n      const locale = this.defaultLocale;\n      this.$store.dispatch('article/fetch', {\n        slug: this.portal.slug,\n        locale,\n      });\n    }\n  },\n  methods: {\n    startConversation() {\n      if (this.preChatFormEnabled && !this.conversationSize) {\n        return this.replaceRoute('prechat-form');\n      }\n      return this.replaceRoute('messages');\n    },\n    openArticleInArticleViewer(link) {\n      let linkToOpen = `${link}?show_plain_layout=true`;\n      const isDark = this.prefersDarkMode;\n      if (isDark) {\n        linkToOpen = `${linkToOpen}&theme=dark`;\n      }\n      this.$router.push({\n        name: 'article-viewer',\n        params: { link: linkToOpen },\n      });\n    },\n    viewAllArticles() {\n      const locale = this.defaultLocale;\n      const {\n        portal: { slug },\n      } = window.chatwootWebChannel;\n      this.openArticleInArticleViewer(`/hc/${slug}/${locale}`);\n    },\n  },\n};\n</script>\n\n<template>\n  <div\n    class=\"z-50 flex flex-col flex-1 w-full rounded-md\"\n    :class=\"{ 'pb-2': showArticles, 'justify-end': !showArticles }\"\n  >\n    <div class=\"w-full px-4 pt-4\">\n      <TeamAvailability\n        :available-agents=\"availableAgents\"\n        :has-conversation=\"!!conversationSize\"\n        :unread-count=\"unreadMessageCount\"\n        @startConversation=\"startConversation\"\n      />\n    </div>\n    <div v-if=\"showArticles\" class=\"w-full px-4 py-2\">\n      <div class=\"w-full p-4 bg-white rounded-md shadow-sm dark:bg-slate-700\">\n        <ArticleHero\n          v-if=\"\n            !articleUiFlags.isFetching &&\n            !articleUiFlags.isError &&\n            popularArticles.length\n          \"\n          :articles=\"popularArticles\"\n          @view=\"openArticleInArticleViewer\"\n          @viewAll=\"viewAllArticles\"\n        />\n      </div>\n    </div>\n    <div v-if=\"articleUiFlags.isFetching\" class=\"w-full px-4 py-2\">\n      <div class=\"w-full p-4 bg-white rounded-md shadow-sm dark:bg-slate-700\">\n        <ArticleCardSkeletonLoader />\n      </div>\n    </div>\n  </div>\n</template>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=50834dee&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.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"],"sourceRoot":""}