{"version":3,"sources":["webpack:///./app/javascript/shared/helpers/emoji.js","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?8754","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?f903","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?4a26","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?1562","webpack:///app/javascript/dashboard/components/widgets/Avatar.vue","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?9fa9","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?8701","webpack:///app/javascript/dashboard/components/widgets/Thumbnail.vue","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue"],"names":["hasEmojiSupport","offset","window","devicePixelRatio","node","document","createElement","getContext","fillText","ctx","fillStyle","textBaseline","font","getImageData","data","removeEmoji","text","replace","trim","component","_vm","this","_c","_self","staticClass","style","attrs","_t","_v","_s","userInitial","class","thumbnailBoxClass","height","size","width","title","directives","name","rawName","value","expression","thumbnailClass","src","on","onImgLoad","onImgError","shouldShowImage","userNameWithoutEmoji","avatarSize","badgeSrc","_e","status"],"mappings":"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","file":"js/1-8ac77b109338249f69de.chunk.js","sourcesContent":["/**\n * Detects support for emoji character sets.\n *\n * Based on the Modernizr emoji detection.\n * https://github.com/Modernizr/Modernizr/blob/347ddb078116cee91b25b6e897e211b023f9dcb4/feature-detects/emoji.js\n *\n * @return {Boolean} true or false\n * @example\n *\n * hasEmojiSupport()\n * // => true|false\n */\nexport const hasEmojiSupport = () => {\n  const pixelRatio = window.devicePixelRatio || 1;\n  const offset = 12 * pixelRatio;\n  const node = document.createElement('canvas');\n\n  // canvastext support\n  if (\n    !node.getContext ||\n    !node.getContext('2d') ||\n    typeof node.getContext('2d').fillText !== 'function'\n  ) {\n    return false;\n  }\n\n  const ctx = node.getContext('2d');\n\n  ctx.fillStyle = '#f00';\n  ctx.textBaseline = 'top';\n  ctx.font = '32px Arial';\n  ctx.fillText('\\ud83d\\udc28', 0, 0); // U+1F428 KOALA\n  return ctx.getImageData(offset, offset, 1, 1).data[0] !== 0;\n};\n\nexport const removeEmoji = text => {\n  if (text) {\n    return text\n      .replace(\n        /([\\u2700-\\u27BF]|[\\uE000-\\uF8FF]|\\uD83C[\\uDC00-\\uDFFF]|\\uD83D[\\uDC00-\\uDFFF]|[\\u2011-\\u26FF]|\\uD83E[\\uDD10-\\uDDFF])/g,\n        ''\n      )\n      .replace(/\\s+/g, ' ')\n      .trim();\n  }\n  return '';\n};\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../../node_modules/css-loader/dist/cjs.js??ref--2-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/dist/cjs.js??ref--2-2!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=style&index=0&id=49eda879&prod&scoped=true&lang=css&\"","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!./Thumbnail.vue?vue&type=style&index=0&id=913ea6ea&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"avatar-container\",style:(_vm.style),attrs:{\"aria-hidden\":\"true\"}},[_vm._t(\"default\",function(){return [_vm._v(_vm._s(_vm.userInitial))]})],2)\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!./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&\"","<template>\n  <div class=\"avatar-container\" :style=\"style\" aria-hidden=\"true\">\n    <slot>{{ userInitial }}</slot>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Avatar',\n  props: {\n    username: {\n      type: String,\n      default: '',\n    },\n    size: {\n      type: Number,\n      default: 40,\n    },\n  },\n  computed: {\n    style() {\n      return {\n        fontSize: `${Math.floor(this.size / 2.5)}px`,\n      };\n    },\n    userInitial() {\n      const parts = this.username.split(/[ -]/);\n      let initials = parts.reduce((acc, curr) => acc + curr.charAt(0), '');\n\n      if (initials.length > 2 && initials.search(/[A-Z]/) !== -1) {\n        initials = initials.replace(/[a-z]+/g, '');\n      }\n      initials = initials.substring(0, 2).toUpperCase();\n\n      return initials;\n    },\n  },\n};\n</script>\n\n<style scoped>\n@tailwind components;\n@layer components {\n  .avatar-color {\n    background-image: linear-gradient(to top, #c2e1ff 0%, #d6ebff 100%);\n  }\n\n  .dark-avatar-color {\n    background-image: linear-gradient(to top, #135899 0%, #135899 100%);\n  }\n}\n.avatar-container {\n  @apply flex leading-[100%] font-medium items-center justify-center text-center cursor-default bg-brand-azure-7 dark:dark-avatar-color text-brand-azure-14 dark:text-woot-200;\n}\n</style>\n","import { render, staticRenderFns } from \"./Avatar.vue?vue&type=template&id=49eda879&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=49eda879&prod&scoped=true&lang=css&\"\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  \"49eda879\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.thumbnailBoxClass,style:({ height: _vm.size, width: _vm.size }),attrs:{\"title\":_vm.title}},[_vm._t(\"default\",function(){return [_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.shouldShowImage),expression:\"shouldShowImage\"}],class:_vm.thumbnailClass,attrs:{\"src\":_vm.src},on:{\"load\":_vm.onImgLoad,\"error\":_vm.onImgError}}),_vm._v(\" \"),_c('Avatar',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.shouldShowImage),expression:\"!shouldShowImage\"}],class:_vm.thumbnailClass,attrs:{\"username\":_vm.userNameWithoutEmoji,\"size\":_vm.avatarSize}})]}),_vm._v(\" \"),(_vm.badgeSrc)?_c('img',{staticClass:\"source-badge\",style:(_vm.badgeStyle),attrs:{\"src\":`/integrations/channels/badges/${_vm.badgeSrc}.png`,\"alt\":\"Badge\"}}):_vm._e(),_vm._v(\" \"),(_vm.showStatusIndicator)?_c('div',{class:`source-badge user-online-status user-online-status--${_vm.status}`,style:(_vm.statusStyle)}):_vm._e(),_vm._v(\" \"),(_vm.isShowAiAgentBadge)?_c('span',{staticClass:\"absolute -bottom-[6px] -right-[4px] z-10\",attrs:{\"data-slot\":\"ai-agent-badge\"}},[_c('svg',{staticClass:\"text-white dark:text-slate-900\",attrs:{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 22 22\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M1 11c0 5.523 4.477 10 10 10s10-4.477 10-10S16.523 1 11 1 1 5.477 1 11Z\",\"fill\":\"#E9E5FF\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M1 11c0 5.523 4.477 10 10 10s10-4.477 10-10S16.523 1 11 1 1 5.477 1 11Z\",\"stroke\":\"currentColor\",\"stroke-width\":\"2\"}}),_vm._v(\" \"),_c('path',{attrs:{\"d\":\"M7.657 6.53a.486.486 0 0 1 .853 0l.152.28c.16.293.402.534.696.695l.279.152a.486.486 0 0 1 0 .853l-.28.153a1.75 1.75 0 0 0-.695.695l-.152.28a.486.486 0 0 1-.853 0l-.153-.28a1.75 1.75 0 0 0-.695-.695l-.28-.153a.486.486 0 0 1 0-.853l.28-.152a1.75 1.75 0 0 0 .695-.696l.153-.279Z\",\"fill\":\"#8051FF\"}}),_vm._v(\" \"),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M13.293 9.359c-.14-.907-1.44-.925-1.605-.022l-.024.127a2.921 2.921 0 0 1-2.401 2.358c-.894.146-.913 1.425-.024 1.597l.082.016a2.975 2.975 0 0 1 2.355 2.355l.025.129c.182.94 1.527.94 1.709 0l.02-.1a2.983 2.983 0 0 1 2.392-2.368c.921-.169.87-1.5-.055-1.64a2.947 2.947 0 0 1-2.474-2.452Zm-.734 5.356a4.154 4.154 0 0 1 1.976-2.058 4.125 4.125 0 0 1-2.043-1.982 4.093 4.093 0 0 1-1.935 1.951 4.144 4.144 0 0 1 2.002 2.09Z\",\"fill\":\"#8051FF\"}})])]):_vm._e()],2)\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!./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\n    :class=\"thumbnailBoxClass\"\n    :style=\"{ height: size, width: size }\"\n    :title=\"title\"\n  >\n    <!-- Using v-show instead of v-if to avoid flickering as v-if removes dom elements.  -->\n    <slot>\n      <img\n        v-show=\"shouldShowImage\"\n        :src=\"src\"\n        :class=\"thumbnailClass\"\n        @load=\"onImgLoad\"\n        @error=\"onImgError\"\n      />\n      <Avatar\n        v-show=\"!shouldShowImage\"\n        :username=\"userNameWithoutEmoji\"\n        :class=\"thumbnailClass\"\n        :size=\"avatarSize\"\n      />\n    </slot>\n    <img\n      v-if=\"badgeSrc\"\n      class=\"source-badge\"\n      :style=\"badgeStyle\"\n      :src=\"`/integrations/channels/badges/${badgeSrc}.png`\"\n      alt=\"Badge\"\n    />\n    <div\n      v-if=\"showStatusIndicator\"\n      :class=\"`source-badge user-online-status user-online-status--${status}`\"\n      :style=\"statusStyle\"\n    />\n\n    <span\n      v-if=\"isShowAiAgentBadge\"\n      data-slot=\"ai-agent-badge\"\n      class=\"absolute -bottom-[6px] -right-[4px] z-10\"\n    >\n      <svg\n        class=\"text-white dark:text-slate-900\"\n        width=\"22\"\n        height=\"22\"\n        viewBox=\"0 0 22 22\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M1 11c0 5.523 4.477 10 10 10s10-4.477 10-10S16.523 1 11 1 1 5.477 1 11Z\"\n          fill=\"#E9E5FF\"\n        />\n        <path\n          d=\"M1 11c0 5.523 4.477 10 10 10s10-4.477 10-10S16.523 1 11 1 1 5.477 1 11Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n        />\n        <path\n          d=\"M7.657 6.53a.486.486 0 0 1 .853 0l.152.28c.16.293.402.534.696.695l.279.152a.486.486 0 0 1 0 .853l-.28.153a1.75 1.75 0 0 0-.695.695l-.152.28a.486.486 0 0 1-.853 0l-.153-.28a1.75 1.75 0 0 0-.695-.695l-.28-.153a.486.486 0 0 1 0-.853l.28-.152a1.75 1.75 0 0 0 .695-.696l.153-.279Z\"\n          fill=\"#8051FF\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M13.293 9.359c-.14-.907-1.44-.925-1.605-.022l-.024.127a2.921 2.921 0 0 1-2.401 2.358c-.894.146-.913 1.425-.024 1.597l.082.016a2.975 2.975 0 0 1 2.355 2.355l.025.129c.182.94 1.527.94 1.709 0l.02-.1a2.983 2.983 0 0 1 2.392-2.368c.921-.169.87-1.5-.055-1.64a2.947 2.947 0 0 1-2.474-2.452Zm-.734 5.356a4.154 4.154 0 0 1 1.976-2.058 4.125 4.125 0 0 1-2.043-1.982 4.093 4.093 0 0 1-1.935 1.951 4.144 4.144 0 0 1 2.002 2.09Z\"\n          fill=\"#8051FF\"\n        />\n      </svg>\n    </span>\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 - Username for avatar\n */\nimport Avatar from './Avatar.vue';\nimport { removeEmoji } from 'shared/helpers/emoji';\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: '',\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    title: {\n      type: String,\n      default: '',\n    },\n    variant: {\n      type: String,\n      default: 'circle',\n    },\n    isShowAiAgentBadge: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      hasImageLoaded: false,\n      imgError: false,\n    };\n  },\n  computed: {\n    userNameWithoutEmoji() {\n      return removeEmoji(this.username);\n    },\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    badgeSrc() {\n      return {\n        instagram_direct_message: 'instagram-dm',\n        instagram_comment: 'instagram-dm',\n        instagram_ad_comment: 'instagram-dm',\n        facebook_comment: 'meta',\n        facebook_ad_comment: 'meta',\n        facebook: 'messenger',\n        'twitter-tweet': 'twitter-tweet',\n        'twitter-dm': 'twitter-dm',\n        whatsapp: 'whatsapp',\n        sms: 'sms',\n        'Channel::Line': 'line',\n        'Channel::Telegram': 'telegram',\n        'Channel::WebWidget': '',\n      }[this.badge];\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\n        ? 'border border-solid border-white dark:border-slate-700/50'\n        : '';\n      const variant =\n        this.variant === 'circle' ? 'thumbnail-rounded' : 'thumbnail-square';\n      return `user-thumbnail ${className} ${variant}`;\n    },\n    thumbnailBoxClass() {\n      const boxClass = this.variant === 'circle' ? 'is-rounded' : '';\n      return `user-thumbnail-box ${boxClass}`;\n    },\n    shouldShowImage() {\n      if (!this.src) {\n        return false;\n      }\n      if (this.hasImageLoaded) {\n        return !this.imgError;\n      }\n      return false;\n    },\n  },\n  watch: {\n    src(value, oldValue) {\n      if (value !== oldValue && this.imgError) {\n        this.imgError = false;\n      }\n    },\n  },\n  methods: {\n    onImgError() {\n      this.imgError = true;\n    },\n    onImgLoad() {\n      this.hasImageLoaded = 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  &.is-rounded {\n    border-radius: 50%;\n  }\n\n  .user-thumbnail {\n    border-radius: 50%;\n    &.thumbnail-square {\n      border-radius: var(--border-radius-large);\n    }\n    height: 100%;\n    width: 100%;\n    box-sizing: border-box;\n    object-fit: cover;\n    vertical-align: initial;\n  }\n\n  .source-badge {\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    @apply bg-white dark:bg-slate-900;\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    @apply bg-green-400 dark:bg-green-400;\n  }\n\n  .user-online-status--busy {\n    @apply bg-yellow-500 dark:bg-yellow-500;\n  }\n\n  .user-online-status--offline {\n    @apply bg-slate-500 dark:bg-slate-500;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./Thumbnail.vue?vue&type=template&id=913ea6ea&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=913ea6ea&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  \"913ea6ea\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}