{"version":3,"file":"SurfacePostAuthor-UqZKu-Mb.js","sources":["../../../app/javascript/vuecomponents/SurfacePostAuthor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getAuthorDisplayName } from '@@/bits/author'\nimport { formatDate } from '@@/bits/date'\nimport device from '@@/bits/device'\nimport { __ } from '@@/bits/intl'\nimport { getPostPublishedAt } from '@@/bits/post_timestamps'\nimport { isRegistered as isUserRegistered } from '@@/bits/user_model'\nimport OzRelativeTime from '@@/library/v4/components/OzRelativeTime.vue'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { useSurfaceGuestStore } from '@@/pinia/surface_guest_store'\nimport { useSurfaceSimulatedAttributionStore } from '@@/pinia/surface_simulated_attribution_store'\nimport type { HashId, Id, Post } from '@@/types'\nimport AvatarImage from '@@/vuecomponents/avatar_image.vue'\nimport { useAuthor } from '@@/vuecomposables/useAuthor'\nimport emitClickOnTouch from '@@/vuedirectives/emit_click_on_touch'\nimport { storeToRefs } from 'pinia'\nimport { computed } from 'vue'\n\nconst vEmitClickOnTouch = emitClickOnTouch\n\nconst props = defineProps<{\n  post: Post\n  avatarSize: 16 | 20 | 24\n}>()\n\nconst surfaceStore = useSurfaceStore()\nconst { colorScheme, isScreenshotMode } = storeToRefs(surfaceStore)\nconst surfaceGuestStore = useSurfaceGuestStore()\nconst surfaceSimulatedAttributionStore = useSurfaceSimulatedAttributionStore()\nconst authorId = computed<Id | HashId | undefined>(() => props.post.author_hashid || props.post.author_id)\n\nconst { authorRole, xRoleBadge, author, username } = useAuthor({\n  authorId: authorId.value,\n  postOrCommentHashId: props.post.hashid,\n})\n\nconst authorName = computed<string>(() => {\n  // If a simulated attribution exists in the onboarding demo, we return the name of the simulated user\n  if (props.post.hashid && surfaceSimulatedAttributionStore.attributions[props.post.hashid]) {\n    return surfaceSimulatedAttributionStore.attributions[props.post.hashid].name\n  }\n\n  const name =\n    surfaceGuestStore.shouldEnableAnonymousAttribution &&\n    !isRegistered.value &&\n    surfaceStore.user.id === props.post.author_id\n      ? surfaceGuestStore.displayName\n      : getAuthorDisplayName(author.value)\n  return name\n})\n\nconst authorProfileUrl = computed<string>(() => {\n  return author.value?.profile_url || ''\n})\n\nconst isRegistered = computed<boolean>(() => {\n  // If a simulated attribution exists in the onboarding demo, we return false so that users can't go to the profile page\n  if (surfaceSimulatedAttributionStore.attributions[props.post.hashid]) {\n    return false\n  }\n  if (!author.value) return false\n  return isUserRegistered(author.value)\n})\n\nconst publishedAt = computed<string | Date>(() => {\n  return getPostPublishedAt(props.post)\n})\n</script>\n\n<template>\n  <div :class=\"['flex', 'items-center', 'text-12-16', 'font-sans']\">\n    <template v-if=\"xRoleBadge\">\n      <div class=\"flex items-center text-12-12\">\n        <component\n          :is=\"isRegistered ? 'a' : 'span'\"\n          v-emit-click-on-touch\n          :class=\"['flex items-center min-w-0 self-start', isRegistered ? 'cursor-pointer group' : 'cursor-default']\"\n          :href=\"authorProfileUrl\"\n          target=\"_blank\"\n          data-bridged-link=\"profile\"\n          :data-bridged-link-username=\"username\"\n          :aria-label=\"isRegistered ? __('Go to %{profileName} profile', { profileName: authorName }) : undefined\"\n          :title=\"isRegistered ? __('Go to %{profileName} profile', { profileName: authorName }) : undefined\"\n          @click=\"(event) => !device.app && event.stopPropagation()\"\n        >\n          <avatar-image\n            :user=\"isRegistered || surfaceGuestStore.shouldEnableAnonymousAttribution ? author : {}\"\n            :width=\"avatarSize\"\n            :height=\"avatarSize\"\n          />\n        </component>\n\n        <div\n          :class=\"[\n            'flex flex-col ms-2 space-y-1',\n            {\n              'text-light-text-100': colorScheme === 'dark',\n              'text-dark-text-100': colorScheme === 'light',\n            },\n          ]\"\n        >\n          <div class=\"flex space-x-0.5 me-[26px] hover-hover:group-hover:underline\">\n            <a\n              v-if=\"isRegistered\"\n              :class=\"[\n                'block font-semibold truncate',\n                {\n                  'text-light-text-100': colorScheme === 'dark',\n                  'text-dark-text-100': colorScheme === 'light',\n                },\n              ]\"\n              :href=\"authorProfileUrl\"\n              target=\"_blank\"\n              data-bridged-link=\"profile\"\n              :data-bridged-link-username=\"username\"\n              :aria-label=\"isRegistered ? __('Go to %{profileName} profile', { profileName: authorName }) : undefined\"\n              :title=\"isRegistered ? __('Go to %{profileName} profile', { profileName: authorName }) : undefined\"\n              @click=\"(event) => !device.app && event.stopPropagation()\"\n              >{{ authorName }}\n            </a>\n            <span v-else :class=\"['block font-semibold truncate']\">\n              {{ authorName }}\n            </span>\n            <div\n              v-if=\"authorRole\"\n              :class=\"[\n                {\n                  'text-light-text-200': colorScheme === 'dark',\n                  'text-dark-text-200': colorScheme === 'light',\n                },\n                `flex before:content-['/'] after:content-['/']`,\n              ]\"\n            >\n              {{ authorRole }}\n            </div>\n          </div>\n\n          <template v-if=\"publishedAt\">\n            <time\n              v-if=\"isScreenshotMode\"\n              :class=\"[\n                'font-normal',\n                {\n                  'text-light-text-200': colorScheme === 'dark',\n                  'text-dark-text-200': colorScheme === 'light',\n                },\n                'shrink-0',\n                'cursor-default',\n              ]\"\n            >\n              {{ formatDate(publishedAt, { year: 'numeric', month: 'short', day: 'numeric' }) }}\n            </time>\n            <OzRelativeTime\n              v-else\n              :class=\"[\n                'font-normal',\n                {\n                  'text-light-text-200': colorScheme === 'dark',\n                  'text-dark-text-200': colorScheme === 'light',\n                },\n                'shrink-0',\n                'cursor-default',\n              ]\"\n              :datetime=\"publishedAt\"\n              :dateformat=\"'long'\"\n              data-autorefresh\n            />\n          </template>\n        </div>\n      </div>\n    </template>\n    <template v-else>\n      <component\n        :is=\"isRegistered ? 'a' : 'span'\"\n        v-emit-click-on-touch\n        :class=\"['flex items-center min-w-0', isRegistered ? 'cursor-pointer group' : 'cursor-default']\"\n        :href=\"authorProfileUrl\"\n        target=\"_blank\"\n        data-bridged-link=\"profile\"\n        :data-bridged-link-username=\"username\"\n        :data-testid=\"'surfacePostAuthor-' + username\"\n        :aria-label=\"isRegistered ? __('Go to %{profileName} profile', { profileName: authorName }) : undefined\"\n        :title=\"isRegistered ? __('Go to %{profileName} profile', { profileName: authorName }) : undefined\"\n        @click=\"(event) => !device.app && event.stopPropagation()\"\n      >\n        <avatar-image :user=\"author\" :width=\"avatarSize\" :height=\"avatarSize\" /><span\n          :class=\"[\n            'text-12-16',\n            'ms-2',\n            {\n              'text-light-text-100': colorScheme === 'dark',\n              'text-dark-text-100': colorScheme === 'light',\n            },\n            'font-semibold',\n            'truncate',\n            'hover-hover:group-hover:underline',\n          ]\"\n          >{{ authorName }}</span\n        >\n      </component>\n      <template v-if=\"publishedAt\">\n        <time\n          v-if=\"isScreenshotMode\"\n          :class=\"[\n            'ms-1',\n            'font-normal',\n            'text-12-16',\n            {\n              'text-light-text-300': colorScheme === 'dark',\n              'text-dark-text-300': colorScheme === 'light',\n            },\n            'shrink-0',\n            'cursor-default',\n          ]\"\n        >\n          {{ formatDate(publishedAt, { year: 'numeric', month: 'short', day: 'numeric' }) }}\n        </time>\n        <OzRelativeTime\n          v-else\n          :class=\"[\n            'ms-1',\n            'font-normal',\n            'text-12-16',\n            {\n              'text-light-text-300': colorScheme === 'dark',\n              'text-dark-text-300': colorScheme === 'light',\n            },\n            'shrink-0',\n            'cursor-default',\n          ]\"\n          :datetime=\"publishedAt\"\n          data-autorefresh\n        />\n      </template>\n    </template>\n  </div>\n</template>\n"],"names":["vEmitClickOnTouch","emitClickOnTouch","surfaceStore","useSurfaceStore","colorScheme","isScreenshotMode","storeToRefs","surfaceGuestStore","useSurfaceGuestStore","surfaceSimulatedAttributionStore","useSurfaceSimulatedAttributionStore","authorId","computed","props","post","author_hashid","author_id","authorRole","xRoleBadge","author","username","useAuthor","value","postOrCommentHashId","hashid","authorName","attributions","name","shouldEnableAnonymousAttribution","isRegistered","user","id","displayName","getAuthorDisplayName","authorProfileUrl","profile_url","isUserRegistered","publishedAt","getPostPublishedAt"],"mappings":"k9HAkBMA,EAAoBC,EAOpBC,EAAeC,IACf,CAAEC,YAAAA,EAAaC,iBAAAA,CAAiB,EAAIC,EAAYJ,CAAY,EAC5DK,EAAoBC,IACpBC,EAAmCC,IACnCC,EAAWC,EAAkC,IAAMC,EAAMC,KAAKC,eAAiBF,EAAMC,KAAKE,SAAS,EAEnG,CAAEC,WAAAA,EAAYC,WAAAA,EAAYC,OAAAA,EAAQC,SAAAA,GAAaC,EAAU,CAC7DV,SAAUA,EAASW,MACnBC,oBAAqBV,EAAMC,KAAKU,MAClC,CAAC,EAEKC,EAAab,EAAiB,IAE9BC,EAAMC,KAAKU,QAAUf,EAAiCiB,aAAab,EAAMC,KAAKU,MAAM,EAC/Ef,EAAiCiB,aAAab,EAAMC,KAAKU,MAAM,EAAEG,KAIxEpB,EAAkBqB,kCAClB,CAACC,EAAaP,OACdpB,EAAa4B,KAAKC,KAAOlB,EAAMC,KAAKE,UAChCT,EAAkByB,YAClBC,EAAqBd,EAAOG,KAAK,CAExC,EAEKY,EAAmBtB,EAAiB,IAAM,OACvC,QAAAO,EAAAA,EAAOG,QAAPH,YAAAA,EAAcgB,cAAe,EACtC,CAAC,EAEKN,EAAejB,EAAkB,IAEjCH,EAAiCiB,aAAab,EAAMC,KAAKU,MAAM,GAG/D,CAACL,EAAOG,MAAc,GACnBc,EAAiBjB,EAAOG,KAAK,CACrC,EAEKe,EAAczB,EAAwB,IACnC0B,EAAmBzB,EAAMC,IAAI,CACrC"}