{"version":3,"sources":["webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?a8e7","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?a259","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?8ae0","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?c0ea","webpack:///./app/javascript/widget/views/Home.vue?381f","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?a6ed","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?34ad","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/dashboard/components/widgets/Avatar.vue?6832","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?a72e","webpack:///./node_modules/@chatwoot/utils/dist/utils.esm.js","webpack:///./app/javascript/shared/components/Button.vue?ac7a","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?361a"],"names":["exports","___CSS_LOADER_API_IMPORT___","push","module","i","_vm","this","_h","$createElement","_c","_self","staticClass","_l","user","index","key","id","class","attrs","name","avatar","users","_v","_s","isOnline","$t","replyStatus","availableAgents","_e","widgetColor","textColor","on","startConversation","hasConversation","conversationSize","api","content","__esModule","default","options","locals","getContrastingTextColor","bgColor","color","replace","parseInt","slice","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-c5ab4ca4f886e0aa947d.chunk.js","sourcesContent":["export * from \"-!../../../../../node_modules/style-loader/dist/cjs.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&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\n// Module\nexports.push([module.id, \".avatar-container[data-v-22fe9c21]{\\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}\", \"\",{\"version\":3,\"sources\":[\"/app/app/javascript/dashboard/components/widgets/Avatar.vue\"],\"names\":[],\"mappings\":\"AAmFA;EACE,YAAA;EACA,eAAA;EACA,kBAAA;EACA,sBAAA;EACA,iBAAA;EACA,2EAAA;EACA;AAAA\",\"file\":\"Avatar.vue\",\"sourcesContent\":[\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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\"]}]);\n// Exports\nmodule.exports = exports;\n","export * from \"-!../../../../../node_modules/style-loader/dist/cjs.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=d1691b2e&lang=scss&scoped=true&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\n// Module\nexports.push([module.id, \".user-thumbnail-box[data-v-d1691b2e]{\\n  flex:0 0 auto;\\n  max-width:100%;\\n  position:relative\\n}\\n.user-thumbnail-box .user-thumbnail[data-v-d1691b2e]{\\n  border-radius:50%;\\n  height:100%;\\n  width:100%;\\n  box-sizing:border-box;\\n  -o-object-fit:cover;\\n  object-fit:cover\\n}\\n.user-thumbnail-box .user-thumbnail.border[data-v-d1691b2e]{\\n  border:1px solid #fff\\n}\\n.user-thumbnail-box .source-badge[data-v-d1691b2e]{\\n  background:#fff;\\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.user-thumbnail-box .user-online-status[data-v-d1691b2e]{\\n  border-radius:50%;\\n  bottom:var(--space-micro)\\n}\\n.user-thumbnail-box .user-online-status[data-v-d1691b2e]:after{\\n  content:\\\" \\\"\\n}\\n.user-thumbnail-box .user-online-status--online[data-v-d1691b2e]{\\n  background:var(--g-400)\\n}\\n.user-thumbnail-box .user-online-status--busy[data-v-d1691b2e]{\\n  background:var(--y-700)\\n}\\n.user-thumbnail-box .user-online-status--offline[data-v-d1691b2e]{\\n  background:var(--s-500)\\n}\\n.user-thumbnail-box .user-online-status--offline[data-v-d1691b2e]{\\n  background:var(--s-500)\\n}\", \"\",{\"version\":3,\"sources\":[\"/app/app/javascript/dashboard/components/widgets/Thumbnail.vue\"],\"names\":[],\"mappings\":\"AAwKA;EACE,aAAA;EACA,cAAA;EACA;AAAA;AAEA;EACE,iBAAA;EACA,WAAA;EACA,UAAA;EACA,qBAAA;EACA,mBAAA;EAAA;AAAA;AAEA;EACE;AAAA;AAIJ;EACE,eAAA;EACA,wCAAA;EACA,+BAAA;EACA,8BAAA;EACA,wBAAA;EACA,0BAAA;EACA,iBAAA;EACA,OAAA;EACA;AAAA;AAGF;EACE,iBAAA;EACA;AAAA;AAEA;EACE;AAAA;AAIJ;EACE;AAAA;AAGF;EACE;AAAA;AAGF;EACE;AAAA;AAGF;EACE;AAAA\",\"file\":\"Thumbnail.vue\",\"sourcesContent\":[\"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\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-700);\\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\"]}]);\n// Exports\nmodule.exports = exports;\n","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 overflow-hidden\">\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=6b5bf11e&\"\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 overflow-hidden\"},_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 class=\"text-black-700\">\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          {{ replyStatus }}\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';\n\nexport default {\n  name: 'TeamAvailability',\n  components: {\n    AvailableAgents,\n    CustomButton,\n  },\n  mixins: [configMixin, availabilityMixin],\n  props: {\n    availableAgents: {\n      type: Array,\n      default: () => {},\n    },\n    hasConversation: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    ...mapGetters({ widgetColor: 'appConfig/getWidgetColor' }),\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.isWorking;\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  mounted() {\n    console.log('mounted');\n    let conversationAllowedInIframe = 'NO';\n    const searchParamStr = window?.self?.location?.search || '';\n    if (searchParamStr) {\n      const searchParam = new URLSearchParams(searchParamStr);\n      if (searchParam) {\n        conversationAllowedInIframe =\n          searchParam.get('conversationAllowedInIframe') || '';\n      }\n    }\n    if (conversationAllowedInIframe.toUpperCase() === 'YES') {\n      if (this.startConversation) {\n        this.startConversation();\n      }\n    }\n  },\n  async created() {\n    this.isWorking = await this.isInBetweenTheWorkingHours;\n    this.replyStatus = this.isWorking\n      ? await this.replyTimeStatus\n      : this.$t('TEAM_AVAILABILITY.OFFLINE');\n\n    this.replyStatus = await this.replyTimeStatus;\n  },\n  methods: {\n    startConversation() {\n      this.$emit('start-conversation');\n    },\n  },\n\n  data() {\n    return { replyStatus: '' };\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=16311fb8&\"\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:\"text-black-700\"},[_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.replyStatus)+\"\\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 Converstion 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 { BUS_EVENTS } from 'shared/constants/busEvents';\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      isOnCollapsedView: false,\n      isOnNewConversation: false,\n    };\n  },\n  computed: {\n    ...mapGetters({\n      availableAgents: 'agent/availableAgents',\n      activeCampaign: 'campaign/getActiveCampaign',\n      conversationSize: 'conversation/getConversationSize',\n    }),\n  },\n  mounted() {\n    bus.$on(BUS_EVENTS.START_NEW_CONVERSATION, () => {\n      this.isOnCollapsedView = true;\n      this.isOnNewConversation = true;\n    });\n  },\n  methods: {\n    startConversation() {\n      // this is for patient app\n      let conversationAllowedInIframe = 'NO';\n      const searchParamStr = window?.self?.location?.search || '';\n      if (searchParamStr) {\n        const searchParam = new URLSearchParams(searchParamStr);\n        if (searchParam) {\n          conversationAllowedInIframe =\n            searchParam.get('conversationAllowedInIframe') || '';\n        }\n      }\n      if (conversationAllowedInIframe.toUpperCase() === 'YES') {\n        return this.replaceRoute('messages');\n      }\n\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=c57af3a2&\"\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 api = require(\"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../../../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&\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","var api = require(\"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../../../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=d1691b2e&lang=scss&scoped=true&\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","var 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\nexport { getContrastingTextColor };","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></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=70bfd7b4&\"\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-700);\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=d1691b2e&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=d1691b2e&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  \"d1691b2e\",\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":""}