{"version":3,"sources":["webpack:///./app/javascript/shared/helpers/HTMLSanitizer.js","webpack:///./app/javascript/shared/helpers/MessageFormatter.js","webpack:///./app/javascript/shared/mixins/messageFormatterMixin.js","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?1fa1","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?2ff9","webpack:///./app/javascript/dashboard/assets/images/chatwoot_bot.png","webpack:///./app/javascript/widget/components/UnreadMessage.vue?c55a","webpack:///./app/javascript/widget/components/UnreadMessageList.vue?dc46","webpack:///./app/javascript/widget/components/UnreadMessageList.vue?3a35","webpack:///./app/javascript/widget/components/UnreadMessage.vue?829b","webpack:///app/javascript/widget/components/UnreadMessage.vue","webpack:///./app/javascript/widget/components/UnreadMessage.vue","webpack:///./app/javascript/widget/components/UnreadMessage.vue?8b69","webpack:///app/javascript/widget/components/UnreadMessageList.vue","webpack:///./app/javascript/widget/components/UnreadMessageList.vue?4033","webpack:///./app/javascript/widget/components/UnreadMessageList.vue","webpack:///./app/javascript/widget/views/Campaigns.vue?d5bf","webpack:///app/javascript/widget/views/Campaigns.vue","webpack:///./app/javascript/widget/views/Campaigns.vue?ca47","webpack:///./app/javascript/widget/views/Campaigns.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":["escapeHtml","unsafe","replace","TWITTER_USERNAME_REGEX","TWITTER_HASH_REGEX","USER_MENTIONS_REGEX","MessageFormatter","message","isATweet","isAPrivateNote","this","DOMPurify","sanitize","marked","renderer","heading","text","link","url","title","mentionRegex","RegExp","match","use","withHash","addHook","node","setAttribute","breaks","gfm","formatMessage","DOMParser","parseFromString","formattedMessage","body","textContent","methods","getPlainText","plainText","truncateMessage","description","length","slice","stripStyleCharacters","FORBID_TAGS","FORBID_ATTR","module","exports","_vm","_h","$createElement","_c","_self","staticClass","class","$dm","on","onClickMessage","attrs","avatarUrl","agentName","availabilityStatus","_v","_s","companyName","_e","domProps","closeFullView","$t","_l","index","key","id","messageType","sender","getMessageContent","campaignId","openConversationView","component","messages","style","customStyle","userInitial","height","size","width","imgError","Boolean","src","thumbnailClass","$event","onImgError","username","avatarSize","badge","status"],"mappings":"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","file":"js/10-783fb77cf79fe9b7fb3a.chunk.js","sourcesContent":["export const escapeHtml = (unsafe = '') => {\n  return unsafe\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n};\n","import { marked } from 'marked';\nimport DOMPurify from 'dompurify';\nimport { escapeHtml } from './HTMLSanitizer';\n\nconst TWITTER_USERNAME_REGEX = /(^|[^@\\w])@(\\w{1,15})\\b/g;\nconst TWITTER_USERNAME_REPLACEMENT =\n  '$1<a href=\"http://twitter.com/$2\" target=\"_blank\" rel=\"noreferrer nofollow noopener\">@$2</a>';\n\nconst TWITTER_HASH_REGEX = /(^|\\s)#(\\w+)/g;\nconst TWITTER_HASH_REPLACEMENT =\n  '$1<a href=\"https://twitter.com/hashtag/$2\" target=\"_blank\" rel=\"noreferrer nofollow noopener\">#$2</a>';\n\nconst USER_MENTIONS_REGEX = /mention:\\/\\/(user|team)\\/(\\d+)\\/(.+)/gm;\n\nclass MessageFormatter {\n  constructor(message, isATweet = false, isAPrivateNote = false) {\n    this.message = DOMPurify.sanitize(escapeHtml(message || ''));\n    this.isAPrivateNote = isAPrivateNote;\n    this.isATweet = isATweet;\n    this.marked = marked;\n\n    const renderer = {\n      heading(text) {\n        return `<strong>${text}</strong>`;\n      },\n      link(url, title, text) {\n        const mentionRegex = new RegExp(USER_MENTIONS_REGEX);\n        if (url.match(mentionRegex)) {\n          return `<span class=\"prosemirror-mention-node\">${text}</span>`;\n        }\n        return `<a rel=\"noreferrer noopener nofollow\" href=\"${url}\" class=\"link\" title=\"${title ||\n          ''}\" target=\"_blank\">${text}</a>`;\n      },\n    };\n    this.marked.use({ renderer });\n  }\n\n  formatMessage() {\n    if (this.isATweet && !this.isAPrivateNote) {\n      const withUserName = this.message.replace(\n        TWITTER_USERNAME_REGEX,\n        TWITTER_USERNAME_REPLACEMENT\n      );\n      const withHash = withUserName.replace(\n        TWITTER_HASH_REGEX,\n        TWITTER_HASH_REPLACEMENT\n      );\n      const markedDownOutput = marked(withHash);\n      return markedDownOutput;\n    }\n    DOMPurify.addHook('afterSanitizeAttributes', node => {\n      if ('target' in node) node.setAttribute('target', '_blank');\n    });\n    return DOMPurify.sanitize(\n      marked(this.message, { breaks: true, gfm: true })\n    );\n  }\n\n  get formattedMessage() {\n    return this.formatMessage();\n  }\n\n  get plainText() {\n    const strippedOutHtml = new DOMParser().parseFromString(\n      this.formattedMessage,\n      'text/html'\n    );\n    return strippedOutHtml.body.textContent || '';\n  }\n}\n\nexport default MessageFormatter;\n","import MessageFormatter from '../helpers/MessageFormatter';\nimport DOMPurify from 'dompurify';\n\nexport default {\n  methods: {\n    formatMessage(message, isATweet, isAPrivateNote) {\n      const messageFormatter = new MessageFormatter(\n        message,\n        isATweet,\n        isAPrivateNote\n      );\n      return messageFormatter.formattedMessage;\n    },\n    getPlainText(message, isATweet) {\n      const messageFormatter = new MessageFormatter(message, isATweet);\n      return messageFormatter.plainText;\n    },\n    truncateMessage(description = '') {\n      if (description.length < 100) {\n        return description;\n      }\n\n      return `${description.slice(0, 97)}...`;\n    },\n    stripStyleCharacters(message) {\n      return DOMPurify.sanitize(message, {\n        FORBID_TAGS: ['style'],\n        FORBID_ATTR: [\n          'id',\n          'class',\n          'style',\n          'bgcolor',\n          'valign',\n          'width',\n          'face',\n          'color',\n          'height',\n          'lang',\n          'align',\n          'size',\n          'border',\n        ],\n      });\n    },\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/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&\"","module.exports = __webpack_public_path__ + \"media/dashboard/assets/images/chatwoot_bot-905112376e6493b37e2cecea8f9dc50c.png\";","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!./UnreadMessage.vue?vue&type=style&index=0&id=5c9f6c14&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!./UnreadMessageList.vue?vue&type=style&index=0&id=385dc6b8&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"unread-wrap\"},[_c('div',{staticClass:\"close-unread-wrap\"},[_c('button',{staticClass:\"button small close-unread-button\",on:{\"click\":_vm.closeFullView}},[_c('span',{staticClass:\"flex items-center\"},[_c('fluent-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"dismiss\",\"size\":\"12\"}}),_vm._v(\"\\n        \"+_vm._s(_vm.$t('UNREAD_VIEW.CLOSE_MESSAGES_BUTTON'))+\"\\n      \")],1)])]),_vm._v(\" \"),_c('div',{staticClass:\"unread-messages\"},_vm._l((_vm.messages),function(message,index){return _c('unread-message',{key:message.id,attrs:{\"message-type\":message.messageType,\"message-id\":message.id,\"show-sender\":!index,\"sender\":message.sender,\"message\":_vm.getMessageContent(message),\"campaign-id\":message.campaignId}})}),1),_vm._v(\" \"),_c('div',{staticClass:\"open-read-view-wrap\"},[(_vm.unreadMessageCount)?_c('button',{staticClass:\"button clear-button\",on:{\"click\":_vm.openConversationView}},[_c('span',{staticClass:\"flex items-center\"},[_c('fluent-icon',{staticClass:\"mr-2\",attrs:{\"size\":\"16\",\"icon\":\"arrow-right\"}}),_vm._v(\"\\n        \"+_vm._s(_vm.$t('UNREAD_VIEW.VIEW_MESSAGES_BUTTON'))+\"\\n      \")],1)]):_vm._e()])])}\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!./UnreadMessage.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!./UnreadMessage.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"chat-bubble-wrap\">\n    <button\n      class=\"chat-bubble agent\"\n      :class=\"$dm('bg-white', 'dark:bg-slate-50')\"\n      @click=\"onClickMessage\"\n    >\n      <div v-if=\"showSender\" class=\"row--agent-block\">\n        <thumbnail\n          :src=\"avatarUrl\"\n          size=\"20px\"\n          :username=\"agentName\"\n          :status=\"availabilityStatus\"\n        />\n        <span class=\"agent--name\">{{ agentName }}</span>\n        <span class=\"company--name\"> {{ companyName }}</span>\n      </div>\n      <div class=\"message-content\" v-html=\"formatMessage(message, false)\"></div>\n    </button>\n  </div>\n</template>\n\n<script>\nimport messageFormatterMixin from 'shared/mixins/messageFormatterMixin';\nimport Thumbnail from 'dashboard/components/widgets/Thumbnail';\nimport configMixin from '../mixins/configMixin';\nimport { isEmptyObject } from 'widget/helpers/utils';\nimport {\n  ON_CAMPAIGN_MESSAGE_CLICK,\n  ON_UNREAD_MESSAGE_CLICK,\n} from '../constants/widgetBusEvents';\nimport darkModeMixin from 'widget/mixins/darkModeMixin';\nexport default {\n  name: 'UnreadMessage',\n  components: { Thumbnail },\n  mixins: [messageFormatterMixin, configMixin, darkModeMixin],\n  props: {\n    message: {\n      type: String,\n      default: '',\n    },\n    showSender: {\n      type: Boolean,\n      default: false,\n    },\n    sender: {\n      type: Object,\n      default: () => {},\n    },\n    campaignId: {\n      type: Number,\n      default: null,\n    },\n  },\n  computed: {\n    companyName() {\n      return `${this.$t('UNREAD_VIEW.COMPANY_FROM')} ${\n        this.channelConfig.websiteName\n      }`;\n    },\n    avatarUrl() {\n      // eslint-disable-next-line\n      const BotImage = require('dashboard/assets/images/chatwoot_bot.png');\n      const displayImage = this.useInboxAvatarForBot\n        ? this.inboxAvatarUrl\n        : BotImage;\n      if (this.isSenderExist(this.sender)) {\n        const { avatar_url: avatarUrl } = this.sender;\n        return avatarUrl;\n      }\n      return displayImage;\n    },\n    agentName() {\n      if (this.isSenderExist(this.sender)) {\n        const { available_name: availableName, name } = this.sender;\n        return availableName || name;\n      }\n      return this.$t('UNREAD_VIEW.BOT');\n    },\n    availabilityStatus() {\n      if (this.isSenderExist(this.sender)) {\n        const { availability_status: availabilityStatus } = this.sender;\n        return availabilityStatus;\n      }\n      return null;\n    },\n  },\n  methods: {\n    isSenderExist(sender) {\n      return sender && !isEmptyObject(sender);\n    },\n    onClickMessage() {\n      if (this.campaignId) {\n        bus.$emit(ON_CAMPAIGN_MESSAGE_CLICK, this.campaignId);\n      } else {\n        bus.$emit(ON_UNREAD_MESSAGE_CLICK);\n      }\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n@import '~widget/assets/scss/variables.scss';\n.chat-bubble {\n  max-width: 85%;\n  padding: $space-normal;\n  cursor: pointer;\n}\n\n.row--agent-block {\n  align-items: center;\n  display: flex;\n  text-align: left;\n  padding-bottom: $space-small;\n  font-size: $font-size-small;\n  .agent--name {\n    font-weight: $font-weight-medium;\n    margin-left: $space-smaller;\n  }\n  .company--name {\n    color: $color-light-gray;\n    margin-left: $space-smaller;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./UnreadMessage.vue?vue&type=template&id=5c9f6c14&scoped=true&\"\nimport script from \"./UnreadMessage.vue?vue&type=script&lang=js&\"\nexport * from \"./UnreadMessage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UnreadMessage.vue?vue&type=style&index=0&id=5c9f6c14&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  \"5c9f6c14\",\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:\"chat-bubble-wrap\"},[_c('button',{staticClass:\"chat-bubble agent\",class:_vm.$dm('bg-white', 'dark:bg-slate-50'),on:{\"click\":_vm.onClickMessage}},[(_vm.showSender)?_c('div',{staticClass:\"row--agent-block\"},[_c('thumbnail',{attrs:{\"src\":_vm.avatarUrl,\"size\":\"20px\",\"username\":_vm.agentName,\"status\":_vm.availabilityStatus}}),_vm._v(\" \"),_c('span',{staticClass:\"agent--name\"},[_vm._v(_vm._s(_vm.agentName))]),_vm._v(\" \"),_c('span',{staticClass:\"company--name\"},[_vm._v(\" \"+_vm._s(_vm.companyName))])],1):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"message-content\",domProps:{\"innerHTML\":_vm._s(_vm.formatMessage(_vm.message, false))}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"unread-wrap\">\n    <div class=\"close-unread-wrap\">\n      <button class=\"button small close-unread-button\" @click=\"closeFullView\">\n        <span class=\"flex items-center\">\n          <fluent-icon class=\"mr-1\" icon=\"dismiss\" size=\"12\" />\n          {{ $t('UNREAD_VIEW.CLOSE_MESSAGES_BUTTON') }}\n        </span>\n      </button>\n    </div>\n    <div class=\"unread-messages\">\n      <unread-message\n        v-for=\"(message, index) in messages\"\n        :key=\"message.id\"\n        :message-type=\"message.messageType\"\n        :message-id=\"message.id\"\n        :show-sender=\"!index\"\n        :sender=\"message.sender\"\n        :message=\"getMessageContent(message)\"\n        :campaign-id=\"message.campaignId\"\n      />\n    </div>\n\n    <div class=\"open-read-view-wrap\">\n      <button\n        v-if=\"unreadMessageCount\"\n        class=\"button clear-button\"\n        @click=\"openConversationView\"\n      >\n        <span class=\"flex items-center\">\n          <fluent-icon class=\"mr-2\" size=\"16\" icon=\"arrow-right\" />\n          {{ $t('UNREAD_VIEW.VIEW_MESSAGES_BUTTON') }}\n        </span>\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { IFrameHelper } from 'widget/helpers/utils';\nimport { mapGetters } from 'vuex';\nimport configMixin from '../mixins/configMixin';\nimport { ON_UNREAD_MESSAGE_CLICK } from '../constants/widgetBusEvents';\nimport FluentIcon from 'shared/components/FluentIcon/Index.vue';\nimport UnreadMessage from 'widget/components/UnreadMessage.vue';\n\nexport default {\n  name: 'Unread',\n  components: {\n    FluentIcon,\n    UnreadMessage,\n  },\n  mixins: [configMixin],\n  props: {\n    messages: {\n      type: Array,\n      required: true,\n    },\n  },\n  computed: {\n    ...mapGetters({ unreadMessageCount: 'conversation/getUnreadMessageCount' }),\n    sender() {\n      const [firstMessage] = this.messages;\n      return firstMessage.sender || {};\n    },\n  },\n  methods: {\n    openConversationView() {\n      bus.$emit(ON_UNREAD_MESSAGE_CLICK);\n    },\n    closeFullView() {\n      if (IFrameHelper.isIFrame()) {\n        IFrameHelper.sendMessage({ event: 'toggleBubble' });\n      }\n    },\n    getMessageContent(message) {\n      const { attachments, content } = message;\n      const hasAttachments = attachments && attachments.length;\n\n      if (content) return content;\n\n      if (hasAttachments) return `📑`;\n\n      return '';\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n@import '~widget/assets/scss/variables';\n\n.unread-wrap {\n  width: 100%;\n  height: auto;\n  max-height: 100vh;\n  background: transparent;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  overflow: hidden;\n\n  .unread-messages {\n    padding-bottom: $space-small;\n  }\n\n  .clear-button {\n    background: transparent;\n    color: $color-woot;\n    padding: 0;\n    border: 0;\n    font-weight: $font-weight-bold;\n    font-size: $font-size-medium;\n    transition: all 0.3s $ease-in-cubic;\n    margin-left: $space-smaller;\n    padding-right: $space-one;\n\n    &:hover {\n      transform: translateX($space-smaller);\n      color: $color-primary-dark;\n    }\n  }\n\n  .close-unread-button {\n    background: $color-background;\n    color: $color-light-gray;\n    border: 0;\n    font-weight: $font-weight-medium;\n    font-size: $font-size-mini;\n    transition: all 0.3s $ease-in-cubic;\n    margin-bottom: $space-slab;\n    border-radius: $space-normal;\n\n    &:hover {\n      color: $color-body;\n    }\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!./UnreadMessageList.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!./UnreadMessageList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UnreadMessageList.vue?vue&type=template&id=385dc6b8&scoped=true&\"\nimport script from \"./UnreadMessageList.vue?vue&type=script&lang=js&\"\nexport * from \"./UnreadMessageList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UnreadMessageList.vue?vue&type=style&index=0&id=385dc6b8&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  \"385dc6b8\",\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('unread-message-list',{attrs:{\"messages\":_vm.messages}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <unread-message-list :messages=\"messages\" />\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport UnreadMessageList from '../components/UnreadMessageList.vue';\n\nexport default {\n  name: 'Campaigns',\n  components: {\n    UnreadMessageList,\n  },\n  computed: {\n    ...mapGetters({ campaign: 'campaign/getActiveCampaign' }),\n    messages() {\n      const { sender, id: campaignId, message: content } = this.campaign;\n      return [\n        {\n          content,\n          sender,\n          campaignId,\n        },\n      ];\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!./Campaigns.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!./Campaigns.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Campaigns.vue?vue&type=template&id=a2295b4e&\"\nimport script from \"./Campaigns.vue?vue&type=script&lang=js&\"\nexport * from \"./Campaigns.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":""}