{"version":3,"file":"ChatMessage-4f09a795.js","sources":["../../../node_modules/@heroicons/vue/20/solid/esm/ArrowUturnLeftIcon.js","../../../node_modules/@heroicons/vue/20/solid/esm/UserMinusIcon.js","../../../app/javascript/components/chat/ChatMessage.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M7.793 2.232a.75.75 0 01-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 010 10.75H10.75a.75.75 0 010-1.5h2.875a3.875 3.875 0 000-7.75H3.622l4.146 3.957a.75.75 0 01-1.036 1.085l-5.5-5.25a.75.75 0 010-1.085l5.5-5.25a.75.75 0 011.06.025z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M11 5a3 3 0 11-6 0 3 3 0 016 0zM2.046 15.253c-.058.468.172.92.57 1.175A9.953 9.953 0 008 18c1.982 0 3.83-.578 5.384-1.573.398-.254.628-.707.57-1.175a6.001 6.001 0 00-11.908 0zM12.75 7.75a.75.75 0 000 1.5h5.5a.75.75 0 000-1.5h-5.5z\" })\n  ]))\n}","<template>\n  <div :id=\"`message_${message.id}`\" @click=\"$emit('click', message)\">\n    <div\n      v-if=\"message\"\n      class=\"hover-area rounded px-1\"\n      :class=\"message.activity_status ? '' : 'hover:bg-blue-900/25'\"\n      @mouseover=\"messageHovered = true\"\n      @mouseleave=\"messageHovered = false\"\n    >\n      <div v-if=\"!message.activity_status\" class=\"relative ml-1 flex flex-col\">\n        <div v-if=\"message.quoted_message\" class=\"ml-4 flex items-end pt-1.5 opacity-75\">\n          <div class=\"flex-no-shrink flex\">\n            <CustomIcons icon=\"reply\" class=\"h-4 w-7 text-gray-400\" />\n          </div>\n          <span class=\"flex items-end space-x-1 pb-2 pl-1\" :class=\"external ? 'text-xxs' : 'text-xs'\">\n            <ChatImage size=\"xxs\" :show-online=\"true\" :item=\"message.quoted_message.user\"></ChatImage>\n            <span\n              class=\"whitespace-nowrap text-xs font-semibold leading-4\"\n              :class=\"currentUser.user_id == message.quoted_message.user.id ? 'text-blue-500' : 'cursor-pointer'\"\n              @click=\"$emitter.$emit('show:user-bio', message.quoted_message.user)\"\n            >\n              {{ message.quoted_message.user.name }}\n            </span>\n            <div\n              @click=\"$emitter.$emit('message:search', { id: message.quoted_message_id, channelId: channel.cid })\"\n              class=\"flex-1 cursor-pointer\"\n            >\n              <div\n                v-if=\"!displayMessage(message.quoted_message)\"\n                class=\"flex items-center space-x-1 text-gray-500\"\n                :class=\"external ? 'text-xxs' : 'text-xs'\"\n              >\n                <span>Click to see attachment</span>\n                <PhotoIcon class=\"h-4 w-4\" />\n              </div>\n              <span\n                v-else\n                v-html=\"message.quoted_message.text\"\n                class=\"line-clamp-1 pr-4 font-medium leading-4 text-gray-500\"\n                :class=\"external ? 'text-xxs' : 'text-xs'\"\n              >\n              </span>\n            </div>\n          </span>\n        </div>\n        <div class=\"flex items-start\" :class=\"external ? 'space-x-2 p-0.5' : 'space-x-3 p-1'\">\n          <div class=\"flex-no-shrink\">\n            <ChatImage\n              :size=\"external ? 'xs' : 'sm'\"\n              :class=\"message.user.id == streamUser.id ? '' : 'cursor-pointer'\"\n              :show-online=\"true\"\n              :item=\"message.user\"\n              @click=\"$emitter.$emit('show:user-bio', message.user)\"\n            ></ChatImage>\n          </div>\n          <div class=\"flex flex-col\" style=\"width: 93%\">\n            <div class=\"flex items-center text-sm font-semibold text-white\">\n              <span\n                :class=\"[\n                  currentUser.user_id == message.user.id ? 'text-blue-400' : 'cursor-pointer',\n                  external ? 'line-clamp-1 text-xs' : ''\n                ]\"\n                @click=\"$emitter.$emit('show:user-bio', message.user)\"\n              >\n                {{ message.user.name }}\n              </span>\n              <div\n                v-if=\"message.user.id == 'bot_user'\"\n                class=\"mb-0.5 ml-2 rounded bg-gray-800 p-1 text-xxs text-gray-400\"\n              >\n                BOT\n              </div>\n              <BaseTooltip>\n                <template #target>\n                  <span\n                    class=\"ml-2 font-medium text-gray-500\"\n                    :class=\"external ? 'whitespace-nowrap text-xxs' : 'text-xs'\"\n                  >\n                    {{ toChatTime(message.created_at) }}\n                  </span>\n                </template>\n                <template #default>{{ readableDateTime(message.created_at) }}</template>\n              </BaseTooltip>\n            </div>\n            <MessageText v-if=\"displayMessage(message)\" :message-text=\"message.text\" :external=\"external\"></MessageText>\n            <div v-for=\"(attachment, idx) in message.attachments\" :key=\"idx\" class=\"pt-1\">\n              <AttachmentPreview :attachment=\"attachment\" :external=\"external\"></AttachmentPreview>\n            </div>\n          </div>\n        </div>\n\n        <div\n          v-if=\"!message.activity_status && messageHovered && !hideReply && !channel.data.broadcast_channel\"\n          title=\"Reply to this message\"\n          class=\"reply-icon absolute flex cursor-pointer items-center justify-center rounded border border-gray-800 bg-blue-900 shadow duration-200 hover:bg-blue-700\"\n          :class=\"external ? 'right-1 h-6 w-6' : 'right-5 h-8 w-8 p-1'\"\n          :style=\"external ? 'top: -16px' : 'top: -24px'\"\n          @click=\"$emit('message:reply', message)\"\n        >\n          <ArrowUturnLeftIcon :class=\"`${external ? 'h-3 w-3' : 'h-4 w-4'} text-white`\" />\n        </div>\n      </div>\n      <div\n        v-else-if=\"message.activity_status\"\n        class=\"flex items-center px-2 py-1\"\n        :class=\"external ? 'space-x-1' : 'space-x-2'\"\n      >\n        <div class=\"h-3.5 w-3.5\">\n          <SparklesIcon\n            v-if=\"message.text.includes('created') && message.activity_status != 'created'\"\n            class=\"h-3.5 w-3.5 text-gray-100\"\n          />\n          <component v-else :is=\"activityIcons[message.activity_status]\" class=\"h-3.5 w-3.5 text-gray-200\" />\n        </div>\n        <div\n          class=\"flex text-xs font-semibold leading-4 text-gray-400\"\n          :class=\"external ? 'items-start' : 'items-center'\"\n        >\n          <span v-html=\"activityMessage(message, channel)\"></span>\n          <BaseTooltip class=\"whitespace-nowrap\">\n            <template #target>\n              <span class=\"ml-1 font-medium text-gray-500\" :class=\"external ? 'text-xxs' : 'text-xs'\">\n                {{ toChatTime(message.created_at) }}\n              </span>\n            </template>\n            <template #default>{{ readableDateTime(message.created_at) }}</template>\n          </BaseTooltip>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport MessageText from './ChatMessageText.vue';\nimport 'linkifyjs/lib/linkify-string';\nimport AttachmentPreview from './ChatAttachmentPreview.vue';\nimport ChatImage from './ChatImage.vue';\nimport { useMapGetter } from '@/store/map-state';\nimport { useStore } from 'vuex';\nimport { activityMessage, displayMessage } from '@/composeables/chat';\nimport { toChatTime, readableDateTime } from '@/composeables/filters';\nimport useEmitter from '@/composeables/emitter';\nimport {\n  SparklesIcon,\n  UserPlusIcon,\n  UserMinusIcon,\n  ChevronDoubleDownIcon,\n  ChevronDoubleUpIcon,\n  ArrowLeftCircleIcon,\n  PhotoIcon,\n  ArrowUturnLeftIcon\n} from '@heroicons/vue/20/solid';\nimport CustomIcons from '@/components/CustomIcons.vue';\n\nconst $store = useStore();\nconst $emitter = useEmitter();\nconst $emit = defineEmits(['click', 'message:reply']);\nconst { channels, streamUser } = useMapGetter();\n\nconst props = defineProps({\n  message: { type: Object },\n  external: { type: Boolean, default: false },\n  hideReply: { type: Boolean, default: false }\n});\n\nconst messageHovered = ref(false);\nconst activityIcons = ref({\n  created: SparklesIcon,\n  added: UserPlusIcon,\n  removed: UserMinusIcon,\n  demoted: ChevronDoubleDownIcon,\n  promoted: ChevronDoubleUpIcon,\n  join: UserPlusIcon,\n  leave: ArrowLeftCircleIcon,\n  invited: UserPlusIcon\n});\n\nconst currentUser = computed(() => {\n  return $store.getters.session;\n});\n\nconst channel = computed(() => {\n  return channels.value.find(x => x.cid == props.message.cid);\n});\n</script>\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","$store","useStore","$emitter","useEmitter","channels","streamUser","useMapGetter","messageHovered","ref","activityIcons","SparklesIcon","UserPlusIcon","UserMinusIcon","ChevronDoubleDownIcon","ChevronDoubleUpIcon","ArrowLeftCircleIcon","currentUser","computed","channel","x","props"],"mappings":"igCAEe,SAASA,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,YAAa,UACb,EAAG,wOACH,YAAa,SACnB,CAAK,CACL,CAAG,CACH,CCbe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAoB,OAAQ,CAAE,EAAG,wOAAwO,CAAE,CAC/Q,CAAG,CACH,spBCiJMC,EAASC,EAAQ,EACjBC,EAAWC,EAAU,EAErB,CAAE,SAAAC,EAAU,WAAAC,GAAeC,IAQ3BC,EAAiBC,EAAI,EAAK,EAC1BC,EAAgBD,EAAI,CACxB,QAASE,EACT,MAAOC,EACP,QAASC,EACT,QAASC,EACT,SAAUC,EACV,KAAMH,EACN,MAAOI,EACP,QAASJ,CACX,CAAC,EAEKK,EAAcC,EAAS,IACpBjB,EAAO,QAAQ,OACvB,EAEKkB,EAAUD,EAAS,IAChBb,EAAS,MAAM,KAAKe,GAAKA,EAAE,KAAOC,EAAM,QAAQ,GAAG,CAC3D","x_google_ignoreList":[0,1]}