{"version":3,"sources":["webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?1fa1","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?2ff9","webpack:///./node_modules/@chatwoot/utils/dist/utils.esm.js","webpack:///./app/javascript/widget/views/Home.vue?40ec","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?84ff","webpack:///./app/javascript/widget/components/AvailableAgents.vue","webpack:///./app/javascript/widget/components/AvailableAgents.vue?cfab","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?6bac","webpack:///app/javascript/widget/views/Home.vue","webpack:///./app/javascript/widget/views/Home.vue?129f","webpack:///./app/javascript/widget/views/Home.vue","webpack:///./app/javascript/shared/components/Button.vue?23f7","webpack:///./app/javascript/shared/components/Button.vue?26c2","webpack:///app/javascript/shared/components/Button.vue","webpack:///./app/javascript/shared/components/Button.vue","webpack:///app/javascript/dashboard/components/widgets/Avatar.vue","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?1562","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?8701","webpack:///app/javascript/dashboard/components/widgets/Thumbnail.vue","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?c48e","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?54fe"],"names":["getContrastingTextColor","bgColor","color","replace","parseInt","slice","formatTime","timeInSeconds","formattedTime","minutes","Math","floor","seconds","hours","_minutes","days","_hours","_vm","this","_h","$createElement","_c","_self","staticClass","_l","user","index","key","id","class","attrs","name","avatar","users","$dm","_v","_s","isOnline","$t","replyWaitMeessage","availableAgents","_e","widgetColor","textColor","on","startConversation","hasConversation","conversationSize","component","buttonClassName","style","disabled","onClick","_t","customStyle","userInitial","height","size","width","imgError","Boolean","src","thumbnailClass","$event","onImgError","username","avatarSize","badge","status"],"mappings":"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","file":"js/11-afa6bd560e00a493f2fc.chunk.js","sourcesContent":["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/src/index.js??ref--3-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=style&index=0&id=22fe9c21&lang=scss&scoped=true&\"","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/src/index.js??ref--3-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Thumbnail.vue?vue&type=style&index=0&id=fa846d32&lang=scss&scoped=true&\"","import isToday from 'date-fns/isToday';\nimport isYesterday from 'date-fns/isYesterday';\n/**\r\n * @name Get contrasting text color\r\n * @description Get contrasting text color from a text color\r\n * @param bgColor  Background color of text.\r\n * @returns contrasting text color\r\n */\n\nvar getContrastingTextColor = function getContrastingTextColor(bgColor) {\n  var color = bgColor.replace('#', '');\n  var r = parseInt(color.slice(0, 2), 16);\n  var g = parseInt(color.slice(2, 4), 16);\n  var b = parseInt(color.slice(4, 6), 16); // http://stackoverflow.com/a/3943023/112731\n\n  return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? '#000000' : '#FFFFFF';\n};\n/**\r\n * @name Get formatted date\r\n * @description Get date in today, yesterday or any other date format\r\n * @param date  date\r\n * @param todayText  Today text\r\n * @param yesterdayText  Yesterday text\r\n * @returns formatted date\r\n */\n\n\nvar formatDate = function formatDate(_ref) {\n  var date = _ref.date,\n      todayText = _ref.todayText,\n      yesterdayText = _ref.yesterdayText;\n  var dateValue = new Date(date);\n  if (isToday(dateValue)) return todayText;\n  if (isYesterday(dateValue)) return yesterdayText;\n  return date;\n};\n/**\r\n * @name formatTime\r\n * @description Format time to Hour, Minute and Second\r\n * @param timeInSeconds  number\r\n * @returns formatted time\r\n */\n\n\nvar formatTime = function formatTime(timeInSeconds) {\n  var formattedTime = '';\n\n  if (timeInSeconds >= 60 && timeInSeconds < 3600) {\n    var minutes = Math.floor(timeInSeconds / 60);\n    formattedTime = minutes + \" Min\";\n    var seconds = minutes === 60 ? 0 : Math.floor(timeInSeconds % 60);\n    return formattedTime + (\"\" + (seconds > 0 ? ' ' + seconds + ' Sec' : ''));\n  }\n\n  if (timeInSeconds >= 3600 && timeInSeconds < 86400) {\n    var hours = Math.floor(timeInSeconds / 3600);\n    formattedTime = hours + \" Hr\";\n\n    var _minutes = timeInSeconds % 3600 < 60 || hours === 24 ? 0 : Math.floor(timeInSeconds % 3600 / 60);\n\n    return formattedTime + (\"\" + (_minutes > 0 ? ' ' + _minutes + ' Min' : ''));\n  }\n\n  if (timeInSeconds >= 86400) {\n    var days = Math.floor(timeInSeconds / 86400);\n    formattedTime = days + \" Day\";\n\n    var _hours = timeInSeconds % 86400 < 3600 || days >= 364 ? 0 : Math.floor(timeInSeconds % 86400 / 3600);\n\n    return formattedTime + (\"\" + (_hours > 0 ? ' ' + _hours + ' Hr' : ''));\n  }\n\n  return Math.floor(timeInSeconds) + \" Sec\";\n};\n\nexport { formatDate, formatTime, getContrastingTextColor };","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex flex-1 flex-col justify-end\"},[_c('div',{staticClass:\"flex flex-1 overflow-auto\"}),_vm._v(\" \"),_c('team-availability',{attrs:{\"available-agents\":_vm.availableAgents,\"has-conversation\":!!_vm.conversationSize},on:{\"start-conversation\":_vm.startConversation}})],1)}\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&\"","<template>\n  <div class=\"flex\">\n    <span\n      v-for=\"(user, index) in users\"\n      :key=\"user.id\"\n      :class=\"\n        `${\n          index ? '-ml-4' : ''\n        } inline-block rounded-full text-white shadow-solid`\n      \"\n    >\n      <thumbnail\n        size=\"40px\"\n        :username=\"user.name\"\n        :src=\"user.avatar\"\n        has-border\n      />\n    </span>\n  </div>\n</template>\n\n<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","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&\"","<template>\n  <grouped-avatars :users=\"users\" />\n</template>\n\n<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, 5).map(agent => ({\n        id: agent.id,\n        avatar: agent.avatar_url,\n        name: agent.name,\n      }));\n    },\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./GroupedAvatars.vue?vue&type=template&id=1f2b141a&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex\"},_vm._l((_vm.users),function(user,index){return _c('span',{key:user.id,class:((index ? '-ml-4' : '') + \" inline-block rounded-full text-white shadow-solid\")},[_c('thumbnail',{attrs:{\"size\":\"40px\",\"username\":user.name,\"src\":user.avatar,\"has-border\":\"\"}})],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AvailableAgents.vue?vue&type=template&id=9765f988&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('grouped-avatars',{attrs:{\"users\":_vm.users}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"px-5\">\n    <div class=\"flex items-center justify-between mb-4\">\n      <div\n        class=\"max-w-xs\"\n        :class=\"$dm('text-black-700', 'dark:text-slate-50')\"\n      >\n        <div class=\"text-base leading-5 font-medium mb-1\">\n          {{\n            isOnline\n              ? $t('TEAM_AVAILABILITY.ONLINE')\n              : $t('TEAM_AVAILABILITY.OFFLINE')\n          }}\n        </div>\n        <div class=\"text-xs leading-4 mt-1\">\n          {{ replyWaitMeessage }}\n        </div>\n      </div>\n      <available-agents v-if=\"isOnline\" :agents=\"availableAgents\" />\n    </div>\n    <custom-button\n      class=\"font-medium\"\n      block\n      :bg-color=\"widgetColor\"\n      :text-color=\"textColor\"\n      @click=\"startConversation\"\n    >\n      {{\n        hasConversation ? $t('CONTINUE_CONVERSATION') : $t('START_CONVERSATION')\n      }}\n    </custom-button>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport { getContrastingTextColor } from '@chatwoot/utils';\nimport AvailableAgents from 'widget/components/AvailableAgents.vue';\nimport CustomButton from 'shared/components/Button';\nimport configMixin from 'widget/mixins/configMixin';\nimport availabilityMixin from 'widget/mixins/availability';\nimport darkMixin from 'widget/mixins/darkModeMixin.js';\n\nexport default {\n  name: 'TeamAvailability',\n  components: {\n    AvailableAgents,\n    CustomButton,\n  },\n  mixins: [configMixin, availabilityMixin, darkMixin],\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    replyWaitMeessage() {\n      const { workingHoursEnabled } = this.channelConfig;\n\n      if (this.isOnline) {\n        return this.replyTimeStatus;\n      }\n      if (workingHoursEnabled) {\n        return this.outOfOfficeMessage;\n      }\n      return '';\n    },\n  },\n  methods: {\n    startConversation() {\n      this.$emit('start-conversation');\n    },\n  },\n};\n</script>\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=1f1d8be8&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"px-5\"},[_c('div',{staticClass:\"flex items-center justify-between mb-4\"},[_c('div',{staticClass:\"max-w-xs\",class:_vm.$dm('text-black-700', 'dark:text-slate-50')},[_c('div',{staticClass:\"text-base leading-5 font-medium mb-1\"},[_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:\"text-xs leading-4 mt-1\"},[_vm._v(\"\\n        \"+_vm._s(_vm.replyWaitMeessage)+\"\\n      \")])]),_vm._v(\" \"),(_vm.isOnline)?_c('available-agents',{attrs:{\"agents\":_vm.availableAgents}}):_vm._e()],1),_vm._v(\" \"),_c('custom-button',{staticClass:\"font-medium\",attrs:{\"block\":\"\",\"bg-color\":_vm.widgetColor,\"text-color\":_vm.textColor},on:{\"click\":_vm.startConversation}},[_vm._v(\"\\n    \"+_vm._s(_vm.hasConversation ? _vm.$t('CONTINUE_CONVERSATION') : _vm.$t('START_CONVERSATION'))+\"\\n  \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flex flex-1 flex-col justify-end\">\n    <div class=\"flex flex-1 overflow-auto\">\n      <!-- Load Conversation List Components Here -->\n    </div>\n    <team-availability\n      :available-agents=\"availableAgents\"\n      :has-conversation=\"!!conversationSize\"\n      @start-conversation=\"startConversation\"\n    />\n  </div>\n</template>\n\n<script>\nimport configMixin from '../mixins/configMixin';\nimport TeamAvailability from 'widget/components/TeamAvailability';\nimport { mapGetters } from 'vuex';\nimport routerMixin from 'widget/mixins/routerMixin';\nexport default {\n  name: 'Home',\n  components: {\n    TeamAvailability,\n  },\n  mixins: [configMixin, routerMixin],\n  props: {\n    hasFetched: {\n      type: Boolean,\n      default: false,\n    },\n    isCampaignViewClicked: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {\n    ...mapGetters({\n      availableAgents: 'agent/availableAgents',\n      activeCampaign: 'campaign/getActiveCampaign',\n      conversationSize: 'conversation/getConversationSize',\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  },\n};\n</script>\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=f2e40a68&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{class:_vm.buttonClassName,style:(_vm.buttonStyles),attrs:{\"disabled\":_vm.disabled},on:{\"click\":_vm.onClick}},[_vm._t(\"default\")],2)}\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!./Button.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!./Button.vue?vue&type=script&lang=js&\"","<template>\n  <button\n    :class=\"buttonClassName\"\n    :style=\"buttonStyles\"\n    :disabled=\"disabled\"\n    @click=\"onClick\"\n  >\n    <slot />\n  </button>\n</template>\n<script>\nexport default {\n  props: {\n    block: {\n      type: Boolean,\n      default: false,\n    },\n    type: {\n      type: String,\n      default: 'blue',\n    },\n    bgColor: {\n      type: String,\n      default: '',\n    },\n    textColor: {\n      type: String,\n      default: '',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    buttonClassName() {\n      let className = 'text-white py-3 px-4 rounded shadow-sm';\n      if (this.type === 'clear') {\n        className = 'flex mx-auto mt-4 text-xs w-auto text-black-600';\n      }\n\n      if (this.type === 'blue' && !Object.keys(this.buttonStyles).length) {\n        className = `${className} bg-woot-500 hover:bg-woot-700`;\n      }\n      if (this.block) {\n        className = `${className} w-full`;\n      }\n      return className;\n    },\n    buttonStyles() {\n      const styles = {};\n      if (this.bgColor) {\n        styles.backgroundColor = this.bgColor;\n      }\n      if (this.textColor) {\n        styles.color = this.textColor;\n      }\n      return styles;\n    },\n  },\n  methods: {\n    onClick(e) {\n      this.$emit('click', e);\n    },\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./Button.vue?vue&type=template&id=4f2eb420&\"\nimport script from \"./Button.vue?vue&type=script&lang=js&\"\nexport * from \"./Button.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","<template>\n  <div\n    class=\"avatar-container\"\n    :style=\"[style, customStyle]\"\n    aria-hidden=\"true\"\n  >\n    <span>{{ userInitial }}</span>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Avatar',\n  props: {\n    username: {\n      type: String,\n      default: '',\n    },\n    backgroundColor: {\n      type: String,\n      default: '#c2e1ff',\n    },\n    color: {\n      type: String,\n      default: '#1976cc',\n    },\n    customStyle: {\n      type: Object,\n      default: undefined,\n    },\n    size: {\n      type: Number,\n      default: 40,\n    },\n    src: {\n      type: String,\n      default: '',\n    },\n    rounded: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  computed: {\n    style() {\n      let style = {\n        width: `${this.size}px`,\n        height: `${this.size}px`,\n        borderRadius: this.rounded ? '50%' : 0,\n        lineHeight: `${this.size + Math.floor(this.size / 20)}px`,\n        fontSize: `${Math.floor(this.size / 2.5)}px`,\n      };\n\n      if (this.backgroundColor) {\n        style = { ...style, backgroundColor: this.backgroundColor };\n      }\n      if (this.color) {\n        style = { ...style, color: this.color };\n      }\n      return style;\n    },\n    userInitial() {\n      return this.initials || this.initial(this.username);\n    },\n  },\n  methods: {\n    initial(username) {\n      const parts = username ? username.split(/[ -]/) : [];\n      let initials = '';\n      for (let i = 0; i < parts.length; i += 1) {\n        initials += parts[i].charAt(0);\n      }\n      if (initials.length > 2 && initials.search(/[A-Z]/) !== -1) {\n        initials = initials.replace(/[a-z]+/g, '');\n      }\n      initials = initials.substr(0, 2).toUpperCase();\n      return initials;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.avatar-container {\n  display: flex;\n  font-weight: 500;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-image: linear-gradient(to top, var(--w-100) 0%, var(--w-75) 100%);\n  color: var(--w-600);\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!./Avatar.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!./Avatar.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!./Thumbnail.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!./Thumbnail.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"user-thumbnail-box\" :style=\"{ height: size, width: size }\">\n    <img\n      v-if=\"!imgError && Boolean(src)\"\n      id=\"image\"\n      :src=\"src\"\n      :class=\"thumbnailClass\"\n      @error=\"onImgError()\"\n    />\n    <Avatar\n      v-else\n      :username=\"username\"\n      :class=\"thumbnailClass\"\n      :size=\"avatarSize\"\n    />\n    <img\n      v-if=\"badge === 'instagram_direct_message'\"\n      id=\"badge\"\n      class=\"source-badge\"\n      :style=\"badgeStyle\"\n      src=\"/integrations/channels/badges/instagram-dm.png\"\n    />\n    <img\n      v-else-if=\"badge === 'facebook'\"\n      id=\"badge\"\n      class=\"source-badge\"\n      :style=\"badgeStyle\"\n      src=\"/integrations/channels/badges/messenger.png\"\n    />\n    <img\n      v-else-if=\"badge === 'twitter-tweet'\"\n      id=\"badge\"\n      class=\"source-badge\"\n      :style=\"badgeStyle\"\n      src=\"/integrations/channels/badges/twitter-tweet.png\"\n    />\n    <img\n      v-else-if=\"badge === 'twitter-dm'\"\n      id=\"badge\"\n      class=\"source-badge\"\n      :style=\"badgeStyle\"\n      src=\"/integrations/channels/badges/twitter-dm.png\"\n    />\n    <img\n      v-else-if=\"badge === 'whatsapp'\"\n      id=\"badge\"\n      class=\"source-badge\"\n      :style=\"badgeStyle\"\n      src=\"/integrations/channels/badges/whatsapp.png\"\n    />\n    <img\n      v-else-if=\"badge === 'sms'\"\n      id=\"badge\"\n      class=\"source-badge\"\n      :style=\"badgeStyle\"\n      src=\"/integrations/channels/badges/sms.png\"\n    />\n    <img\n      v-else-if=\"badge === 'Channel::Line'\"\n      id=\"badge\"\n      class=\"source-badge\"\n      :style=\"badgeStyle\"\n      src=\"/integrations/channels/badges/line.png\"\n    />\n    <img\n      v-else-if=\"badge === 'Channel::Telegram'\"\n      id=\"badge\"\n      class=\"source-badge\"\n      :style=\"badgeStyle\"\n      src=\"/integrations/channels/badges/telegram.png\"\n    />\n    <div\n      v-if=\"showStatusIndicator\"\n      :class=\"`source-badge user-online-status user-online-status--${status}`\"\n      :style=\"statusStyle\"\n    />\n  </div>\n</template>\n<script>\n/**\n * Thumbnail Component\n * Src - source for round image\n * Size - Size of the thumbnail\n * Badge - Chat source indication { fb / telegram }\n * Username - User name for avatar\n */\nimport Avatar from './Avatar';\n\nexport default {\n  components: {\n    Avatar,\n  },\n  props: {\n    src: {\n      type: String,\n      default: '',\n    },\n    size: {\n      type: String,\n      default: '40px',\n    },\n    badge: {\n      type: String,\n      default: 'fb',\n    },\n    username: {\n      type: String,\n      default: '',\n    },\n    status: {\n      type: String,\n      default: '',\n    },\n    hasBorder: {\n      type: Boolean,\n      default: false,\n    },\n    shouldShowStatusAlways: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      imgError: false,\n    };\n  },\n  computed: {\n    showStatusIndicator() {\n      if (this.shouldShowStatusAlways) return true;\n      return this.status === 'online' || this.status === 'busy';\n    },\n    avatarSize() {\n      return Number(this.size.replace(/\\D+/g, ''));\n    },\n    badgeStyle() {\n      const size = Math.floor(this.avatarSize / 3);\n      const badgeSize = `${size + 2}px`;\n      const borderRadius = `${size / 2}px`;\n      return { width: badgeSize, height: badgeSize, borderRadius };\n    },\n    statusStyle() {\n      const statusSize = `${this.avatarSize / 4}px`;\n      return { width: statusSize, height: statusSize };\n    },\n    thumbnailClass() {\n      const classname = this.hasBorder ? 'border' : '';\n      return `user-thumbnail ${classname}`;\n    },\n  },\n  watch: {\n    src: {\n      handler(value, oldValue) {\n        if (value !== oldValue && this.imgError) {\n          this.imgError = false;\n        }\n      },\n    },\n  },\n  methods: {\n    onImgError() {\n      this.imgError = true;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.user-thumbnail-box {\n  flex: 0 0 auto;\n  max-width: 100%;\n  position: relative;\n\n  .user-thumbnail {\n    border-radius: 50%;\n    height: 100%;\n    width: 100%;\n    box-sizing: border-box;\n    object-fit: cover;\n\n    &.border {\n      border: 1px solid white;\n    }\n  }\n\n  .source-badge {\n    background: white;\n    border-radius: var(--border-radius-small);\n    bottom: var(--space-minus-micro);\n    box-shadow: var(--shadow-small);\n    height: var(--space-slab);\n    padding: var(--space-micro);\n    position: absolute;\n    right: 0;\n    width: var(--space-slab);\n  }\n\n  .user-online-status {\n    border-radius: 50%;\n    bottom: var(--space-micro);\n\n    &:after {\n      content: ' ';\n    }\n  }\n\n  .user-online-status--online {\n    background: var(--g-400);\n  }\n\n  .user-online-status--busy {\n    background: var(--y-500);\n  }\n\n  .user-online-status--offline {\n    background: var(--s-500);\n  }\n\n  .user-online-status--offline {\n    background: var(--s-500);\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./Avatar.vue?vue&type=template&id=22fe9c21&scoped=true&\"\nimport script from \"./Avatar.vue?vue&type=script&lang=js&\"\nexport * from \"./Avatar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Avatar.vue?vue&type=style&index=0&id=22fe9c21&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  \"22fe9c21\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"avatar-container\",style:([_vm.style, _vm.customStyle]),attrs:{\"aria-hidden\":\"true\"}},[_c('span',[_vm._v(_vm._s(_vm.userInitial))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Thumbnail.vue?vue&type=template&id=fa846d32&scoped=true&\"\nimport script from \"./Thumbnail.vue?vue&type=script&lang=js&\"\nexport * from \"./Thumbnail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Thumbnail.vue?vue&type=style&index=0&id=fa846d32&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  \"fa846d32\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"user-thumbnail-box\",style:({ height: _vm.size, width: _vm.size })},[(!_vm.imgError && Boolean(_vm.src))?_c('img',{class:_vm.thumbnailClass,attrs:{\"id\":\"image\",\"src\":_vm.src},on:{\"error\":function($event){return _vm.onImgError()}}}):_c('Avatar',{class:_vm.thumbnailClass,attrs:{\"username\":_vm.username,\"size\":_vm.avatarSize}}),_vm._v(\" \"),(_vm.badge === 'instagram_direct_message')?_c('img',{staticClass:\"source-badge\",style:(_vm.badgeStyle),attrs:{\"id\":\"badge\",\"src\":\"/integrations/channels/badges/instagram-dm.png\"}}):(_vm.badge === 'facebook')?_c('img',{staticClass:\"source-badge\",style:(_vm.badgeStyle),attrs:{\"id\":\"badge\",\"src\":\"/integrations/channels/badges/messenger.png\"}}):(_vm.badge === 'twitter-tweet')?_c('img',{staticClass:\"source-badge\",style:(_vm.badgeStyle),attrs:{\"id\":\"badge\",\"src\":\"/integrations/channels/badges/twitter-tweet.png\"}}):(_vm.badge === 'twitter-dm')?_c('img',{staticClass:\"source-badge\",style:(_vm.badgeStyle),attrs:{\"id\":\"badge\",\"src\":\"/integrations/channels/badges/twitter-dm.png\"}}):(_vm.badge === 'whatsapp')?_c('img',{staticClass:\"source-badge\",style:(_vm.badgeStyle),attrs:{\"id\":\"badge\",\"src\":\"/integrations/channels/badges/whatsapp.png\"}}):(_vm.badge === 'sms')?_c('img',{staticClass:\"source-badge\",style:(_vm.badgeStyle),attrs:{\"id\":\"badge\",\"src\":\"/integrations/channels/badges/sms.png\"}}):(_vm.badge === 'Channel::Line')?_c('img',{staticClass:\"source-badge\",style:(_vm.badgeStyle),attrs:{\"id\":\"badge\",\"src\":\"/integrations/channels/badges/line.png\"}}):(_vm.badge === 'Channel::Telegram')?_c('img',{staticClass:\"source-badge\",style:(_vm.badgeStyle),attrs:{\"id\":\"badge\",\"src\":\"/integrations/channels/badges/telegram.png\"}}):_vm._e(),_vm._v(\" \"),(_vm.showStatusIndicator)?_c('div',{class:(\"source-badge user-online-status user-online-status--\" + _vm.status),style:(_vm.statusStyle)}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"sourceRoot":""}