{"version":3,"file":"ChatUserCard-323fc3b6.js","sources":["../../../app/javascript/components/chat/ChatUserCard.vue"],"sourcesContent":["<template>\n  <div class=\"flex h-52 w-48 flex-col items-center justify-center space-y-4 rounded border border-gray-700 p-6\">\n    <ChatImage custom-class=\"font-medium\" :item=\"object\" size=\"lg\" :show-online=\"object.users ? false : true\" />\n    <div class=\"w-36\">\n      <div class=\"flex items-center justify-center space-x-1 text-xs font-medium\">\n        <span\n          class=\"object-name line-clamp-1 cursor-pointer\"\n          style=\"max-width: 144px\"\n          :title=\"object.name\"\n          @click=\"showObjectInfo\"\n        >\n          {{ object.name }}\n        </span>\n      </div>\n      <div\n        v-if=\"isUser\"\n        class=\"object-subtitle line-clamp-1 cursor-pointer text-center text-xs font-medium text-gray-400\"\n        :title=\"getUserSubtitle(object)\"\n      >\n        {{ getUserSubtitle(object) }}\n      </div>\n      <div\n        v-else\n        class=\"object-category line-clamp-1 cursor-pointer text-center text-xs font-medium text-gray-400\"\n        :title=\"object.category\"\n      >\n        {{ object.category }}\n      </div>\n    </div>\n    <BaseButton type=\"secondary\" size=\"sm\" :busy=\"buttonBusy\" @press=\"clickAction\">Message</BaseButton>\n  </div>\n</template>\n<script setup>\nimport { ref } from 'vue';\nimport ChatImage from './ChatImage.vue';\nimport { getUserSubtitle } from '@/composeables/chat';\nimport useEmitter from '@/composeables/emitter';\n\nconst $emitter = useEmitter();\nconst props = defineProps({\n  object: Object,\n  isUser: Boolean\n});\n\nconst buttonBusy = ref(false);\nfunction clickAction() {\n  if (props.isUser) {\n    buttonBusy.value = true;\n    $emitter.$emit('send-dm', props.object);\n  } else {\n    $emitter.$emit('show:create-channel-modal', props.object.name);\n  }\n}\nfunction showObjectInfo() {\n  if (props.isUser) {\n    $emitter.$emit('show:user-bio', props.object);\n  } else {\n    $emitter.$emit('show:company-info', props.object);\n  }\n}\n</script>\n"],"names":["$emitter","useEmitter","buttonBusy","ref","clickAction","props","showObjectInfo"],"mappings":"+qBAsCMA,EAAWC,EAAU,EAMrBC,EAAaC,EAAI,EAAK,EAC5B,SAASC,GAAc,CACjBC,EAAM,QACRH,EAAW,MAAQ,GACnBF,EAAS,MAAM,UAAWK,EAAM,MAAM,GAEtCL,EAAS,MAAM,4BAA6BK,EAAM,OAAO,IAAI,CAEjE,CACA,SAASC,GAAiB,CACpBD,EAAM,OACRL,EAAS,MAAM,gBAAiBK,EAAM,MAAM,EAE5CL,EAAS,MAAM,oBAAqBK,EAAM,MAAM,CAEpD"}