{"version":3,"sources":["webpack:///./app/javascript/shared/helpers/markdownIt/link.js","webpack:///./app/javascript/shared/helpers/MessageFormatter.js","webpack:///./app/javascript/shared/mixins/messageFormatterMixin.js","webpack:///./app/javascript/dashboard/assets/images/chatwoot_bot.png","webpack:///./app/javascript/widget/components/UnreadMessage.vue?0234","webpack:///./app/javascript/widget/components/UnreadMessageList.vue?345f","webpack:///./app/javascript/widget/components/UnreadMessageList.vue?d57e","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?23e3","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?944e","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/shared/helpers/colorHelper.js"],"names":["USER_MENTIONS_REGEX","processInlineToken","blockToken","children","forEach","inlineToken","type","imgSrc","attrGet","height","URL","searchParams","get","attrSet","setImageHeight","md","require","html","xhtmlOut","breaks","langPrefix","linkify","typographer","quotes","maxNesting","use","renderer","rules","mention","tokens","idx","content","inline","ruler","before","state","silent","label","labelEnd","labelStart","pos","res","token","href","max","posMax","src","charCodeAt","helpers","parseLinkLabel","slice","parseLinkDestination","ok","normalizeLink","str","validateLink","match","RegExp","push","core","after","mila","attrs","class","rel","target","TWITTER_USERNAME_REGEX","TWITTER_HASH_REGEX","MessageFormatter","message","isATweet","isAPrivateNote","this","updatedMessage","replace","render","formatMessage","DOMParser","parseFromString","formattedMessage","body","textContent","methods","getPlainText","plainText","truncateMessage","description","length","highlightContent","searchTerm","highlightClass","plainTextContent","escapedSearchTerm","module","exports","_vm","_c","_self","staticClass","$dm","on","onClickMessage","avatarUrl","agentName","availabilityStatus","_v","directives","name","rawName","value","expression","_e","closeFullView","_s","$t","_l","index","key","id","messageType","sender","getMessageContent","campaignId","openConversationView","isBackgroundLighter","style","color","widgetColor","component","messages","isWidgetColorLighter","colorToCheck","parseInt","substr","adjustColorForContrast","backgroundColor","adjustedColor","iteration","getContrast","adjustmentDirection","getLuminance","mix","toHex"],"mappings":"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","file":"js/55-c4c68cf1d2b963629576.chunk.js","sourcesContent":["// Process [@mention](mention://user/1/Pranav)\nconst USER_MENTIONS_REGEX = /mention:\\/\\/(user|team)\\/(\\d+)\\/(.+)/gm;\n\nconst buildMentionTokens = () => (state, silent) => {\n  var label;\n  var labelEnd;\n  var labelStart;\n  var pos;\n  var res;\n  var token;\n  var href = '';\n  var max = state.posMax;\n\n  if (state.src.charCodeAt(state.pos) !== 0x5b /* [ */) {\n    return false;\n  }\n\n  labelStart = state.pos + 1;\n  labelEnd = state.md.helpers.parseLinkLabel(state, state.pos, true);\n\n  // parser failed to find ']', so it's not a valid link\n  if (labelEnd < 0) {\n    return false;\n  }\n\n  label = state.src.slice(labelStart, labelEnd);\n  pos = labelEnd + 1;\n\n  if (pos < max && state.src.charCodeAt(pos) === 0x28 /* ( */) {\n    pos += 1;\n    res = state.md.helpers.parseLinkDestination(state.src, pos, state.posMax);\n    if (res.ok) {\n      href = state.md.normalizeLink(res.str);\n      if (state.md.validateLink(href)) {\n        pos = res.pos;\n      } else {\n        href = '';\n      }\n    }\n    pos += 1;\n  }\n\n  if (!href.match(new RegExp(USER_MENTIONS_REGEX))) {\n    return false;\n  }\n\n  if (!silent) {\n    state.pos = labelStart;\n    state.posMax = labelEnd;\n\n    token = state.push('mention', '');\n    token.href = href;\n    token.content = label;\n  }\n\n  state.pos = pos;\n  state.posMax = max;\n\n  return true;\n};\n\nconst renderMentions = () => (tokens, idx) => {\n  return `<span class=\"prosemirror-mention-node\">${tokens[idx].content}</span>`;\n};\n\nexport default function mentionPlugin(md) {\n  md.renderer.rules.mention = renderMentions(md);\n  md.inline.ruler.before('link', 'mention', buildMentionTokens(md));\n}\n","import mila from 'markdown-it-link-attributes';\nimport mentionPlugin from './markdownIt/link';\n\nconst setImageHeight = inlineToken => {\n  const imgSrc = inlineToken.attrGet('src');\n  if (!imgSrc) return;\n  const url = new URL(imgSrc);\n  const height = url.searchParams.get('cw_image_height');\n  if (!height) return;\n  inlineToken.attrSet('style', `height: ${height};`);\n};\n\nconst processInlineToken = blockToken => {\n  blockToken.children.forEach(inlineToken => {\n    if (inlineToken.type === 'image') {\n      setImageHeight(inlineToken);\n    }\n  });\n};\n\nconst imgResizeManager = md => {\n  // Custom rule for image resize in markdown\n  // If the image url has a query param cw_image_height, then add a style attribute to the image\n  md.core.ruler.after('inline', 'add-image-height', state => {\n    state.tokens.forEach(blockToken => {\n      if (blockToken.type === 'inline') {\n        processInlineToken(blockToken);\n      }\n    });\n  });\n};\n\nconst md = require('markdown-it')({\n  html: false,\n  xhtmlOut: true,\n  breaks: true,\n  langPrefix: 'language-',\n  linkify: true,\n  typographer: true,\n  quotes: '\\u201c\\u201d\\u2018\\u2019',\n  maxNesting: 20,\n})\n  .use(mentionPlugin)\n  .use(imgResizeManager)\n  .use(mila, {\n    attrs: {\n      class: 'link',\n      rel: 'noreferrer noopener nofollow',\n      target: '_blank',\n    },\n  });\n\nconst TWITTER_USERNAME_REGEX = /(^|[^@\\w])@(\\w{1,15})\\b/g;\nconst TWITTER_USERNAME_REPLACEMENT = '$1[@$2](http://twitter.com/$2)';\nconst TWITTER_HASH_REGEX = /(^|\\s)#(\\w+)/g;\nconst TWITTER_HASH_REPLACEMENT = '$1[#$2](https://twitter.com/hashtag/$2)';\n\nclass MessageFormatter {\n  constructor(message, isATweet = false, isAPrivateNote = false) {\n    this.message = message || '';\n    this.isAPrivateNote = isAPrivateNote;\n    this.isATweet = isATweet;\n  }\n\n  formatMessage() {\n    let updatedMessage = this.message;\n    if (this.isATweet && !this.isAPrivateNote) {\n      updatedMessage = updatedMessage.replace(\n        TWITTER_USERNAME_REGEX,\n        TWITTER_USERNAME_REPLACEMENT\n      );\n      updatedMessage = updatedMessage.replace(\n        TWITTER_HASH_REGEX,\n        TWITTER_HASH_REPLACEMENT\n      );\n    }\n    return md.render(updatedMessage);\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';\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\n    highlightContent(content = '', searchTerm = '', highlightClass = '') {\n      const plainTextContent = this.getPlainText(content);\n\n      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#escaping\n      const escapedSearchTerm = searchTerm.replace(\n        /[.*+?^${}()|[\\]\\\\]/g,\n        '\\\\$&'\n      );\n\n      return plainTextContent.replace(\n        new RegExp(`(${escapedSearchTerm})`, 'ig'),\n        `<span class=\"${highlightClass}\">$1</span>`\n      );\n    },\n  },\n};\n","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/dist/cjs.js??ref--3-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UnreadMessage.vue?vue&type=style&index=0&id=19750f4a&prod&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/dist/cjs.js??ref--3-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UnreadMessageList.vue?vue&type=style&index=0&id=38679e35&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;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\",class:{\n          'is-background-light': _vm.isBackgroundLighter,\n        },style:({\n          color: _vm.widgetColor,\n        })},[_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()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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 v-dompurify-html=\"agentName\" class=\"agent--name\" />\n        <span v-dompurify-html=\"companyName\" class=\"company--name\" />\n      </div>\n      <div\n        v-dompurify-html=\"formatMessage(message, false)\"\n        class=\"message-content\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport messageFormatterMixin from 'shared/mixins/messageFormatterMixin';\nimport Thumbnail from 'dashboard/components/widgets/Thumbnail.vue';\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 } = this.sender;\n        return availableName;\n      }\n      if (this.useInboxAvatarForBot) {\n        return this.channelConfig.websiteName;\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        this.$emitter.emit(ON_CAMPAIGN_MESSAGE_CLICK, this.campaignId);\n      } else {\n        this.$emitter.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=19750f4a&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=19750f4a&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"19750f4a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;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',{directives:[{name:\"dompurify-html\",rawName:\"v-dompurify-html\",value:(_vm.agentName),expression:\"agentName\"}],staticClass:\"agent--name\"}),_vm._v(\" \"),_c('span',{directives:[{name:\"dompurify-html\",rawName:\"v-dompurify-html\",value:(_vm.companyName),expression:\"companyName\"}],staticClass:\"company--name\"})],1):_vm._e(),_vm._v(\" \"),_c('div',{directives:[{name:\"dompurify-html\",rawName:\"v-dompurify-html\",value:(_vm.formatMessage(_vm.message, false)),expression:\"formatMessage(message, false)\"}],staticClass:\"message-content\"})])])\n}\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\n          class=\"flex items-center\"\n          :class=\"{\n            'is-background-light': isBackgroundLighter,\n          }\"\n          :style=\"{\n            color: widgetColor,\n          }\"\n        >\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 { 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';\nimport { isWidgetColorLighter } from 'shared/helpers/colorHelper';\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({\n      unreadMessageCount: 'conversation/getUnreadMessageCount',\n      widgetColor: 'appConfig/getWidgetColor',\n    }),\n    sender() {\n      const [firstMessage] = this.messages;\n      return firstMessage.sender || {};\n    },\n    isBackgroundLighter() {\n      return isWidgetColorLighter(this.widgetColor);\n    },\n  },\n  methods: {\n    openConversationView() {\n      this.$emitter.emit(ON_UNREAD_MESSAGE_CLICK);\n    },\n    closeFullView() {\n      this.$emit('close');\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    border: 0;\n    font-weight: $font-weight-bold;\n    font-size: $font-size-medium;\n    transition: all 0.3s var(--ease-in-cubic);\n    margin-left: $space-smaller;\n    padding: 0 $space-one 0 0;\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 var(--ease-in-cubic);\n    margin-bottom: $space-slab;\n    border-radius: $space-normal;\n\n    &:hover {\n      color: $color-body;\n    }\n  }\n  .is-background-light {\n    color: $color-body !important;\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=38679e35&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=38679e35&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"38679e35\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('unread-message-list',{attrs:{\"messages\":_vm.messages},on:{\"close\":_vm.closeFullView}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <unread-message-list :messages=\"messages\" @close=\"closeFullView\" />\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport { IFrameHelper } from 'widget/helpers/utils';\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  methods: {\n    closeFullView() {\n      if (IFrameHelper.isIFrame()) {\n        IFrameHelper.sendMessage({\n          event: 'setCampaignReadOn',\n        });\n        IFrameHelper.sendMessage({ event: 'toggleBubble' });\n        this.$emitter.emit('snooze-campaigns');\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=1fac1358&\"\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","import { toHex, mix, getLuminance, getContrast } from 'color2k';\n\nexport const isWidgetColorLighter = color => {\n  const colorToCheck = color.replace('#', '');\n  const c_r = parseInt(colorToCheck.substr(0, 2), 16);\n  const c_g = parseInt(colorToCheck.substr(2, 2), 16);\n  const c_b = parseInt(colorToCheck.substr(4, 2), 16);\n  const brightness = (c_r * 299 + c_g * 587 + c_b * 114) / 1000;\n  return brightness > 225;\n};\n\nexport const adjustColorForContrast = (color, backgroundColor) => {\n  const targetRatio = 3.1;\n  const MAX_ITERATIONS = 20;\n  let adjustedColor = color;\n\n  for (let iteration = 0; iteration < MAX_ITERATIONS; iteration += 1) {\n    const currentRatio = getContrast(adjustedColor, backgroundColor);\n    if (currentRatio >= targetRatio) {\n      break;\n    }\n    const adjustmentDirection =\n      getLuminance(adjustedColor) < 0.5 ? '#fff' : '#151718';\n    adjustedColor = mix(adjustedColor, adjustmentDirection, 0.05);\n  }\n\n  return toHex(adjustedColor);\n};\n"],"sourceRoot":""}