{"version":3,"file":"DAfaaikr.js","sources":["../../../../components/ui/hover-card/HoverCard.vue","../../../../components/ui/hover-card/HoverCardTrigger.vue","../../../../components/ui/hover-card/HoverCardContent.vue","../../../../composables/useFormatNumber.ts","../../../../components/ui/user/UserHoverCard.vue","../../../../composables/api/useUserAPI.ts","../../../../components/ui/user/FollowButton.vue","../../../../components/ui/user/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { HoverCardRoot, type HoverCardRootEmits, type HoverCardRootProps, useForwardPropsEmits } from 'radix-vue'\n\nconst props = defineProps<HoverCardRootProps>()\nconst emits = defineEmits<HoverCardRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <HoverCardRoot v-bind=\"forwarded\">\n    <slot />\n  </HoverCardRoot>\n</template>\n","<script setup lang=\"ts\">\nimport { HoverCardTrigger, type HoverCardTriggerProps } from 'radix-vue'\n\nconst props = defineProps<HoverCardTriggerProps>()\n</script>\n\n<template>\n  <HoverCardTrigger v-bind=\"props\">\n    <slot />\n  </HoverCardTrigger>\n</template>\n","<script setup lang=\"ts\">\nimport {type HTMLAttributes, computed} from 'vue'\nimport {\n  HoverCardContent,\n  type HoverCardContentProps,\n  HoverCardPortal,\n  useForwardProps,\n} from 'radix-vue'\nimport {cn} from '@/lib/utils'\n\nconst props = withDefaults(\n  defineProps<HoverCardContentProps & { class?: HTMLAttributes['class'] }>(),\n  {\n    sideOffset: 0,\n  },\n)\n\nconst delegatedProps = computed(() => {\n  const {class: _, ...delegated} = props\n\n  return delegated\n})\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <HoverCardPortal>\n    <HoverCardContent\n      v-bind=\"forwardedProps\"\n      align=\"start\"\n      :class=\"\n        cn(\n          'z-50 w-64 rounded-2xl bg-popover p-6 text-popover-foreground shadow-lg outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          props.class,\n        )\n      \"\n    >\n      <slot/>\n    </HoverCardContent>\n  </HoverCardPortal>\n</template>\n","export const useFormatNumber = () => {\n    const formatNumber = (number: number): string => {\n        if (number === undefined) return 'unknown';\n        if (number >= 1000000) {\n            return (number / 1000000).toFixed(1).replace('.0', '') + 'mln'\n        } else if (number >= 1000) {\n            return (number / 1000).toFixed(1).replace('.0', '') + ' tys.'\n        } else {\n            return number.toString()\n        }\n    }\n\n    return {formatNumber}\n}\n","<script setup lang=\"ts\">\nimport type {Author} from '~/repository/types';\nimport {ref} from 'vue';\nimport {useTimeoutFn} from '@vueuse/core';\n\nconst {profile, owner} = defineProps<{\n  profile: Author,\n  owner?: boolean,\n}>();\n\nconst isHovered = ref(false);\n\nconst {start: startHover, stop: stopHover} = useTimeoutFn(\n  () => {\n    isHovered.value = true;\n  },\n  50\n);\n\nconst {start: startLeave, stop: stopLeave} = useTimeoutFn(\n  () => {\n    isHovered.value = false;\n  },\n  10\n);\n\nconst handleMouseEnter = () => {\n  stopLeave();\n  startHover();\n};\n\nconst handleMouseLeave = (event: MouseEvent) => {\n  stopHover();\n  const relatedTarget = event.relatedTarget as Node;\n  if (relatedTarget && (relatedTarget.closest('.hover-card-content') || relatedTarget.closest('.trigger-element'))) {\n    return;\n  }\n  startLeave();\n};\n\nconst handleCardMouseEnter = () => {\n  stopLeave();\n  isHovered.value = true;\n};\n\nconst handleCardMouseLeave = () => {\n  isHovered.value = false;\n};\n\nconst {formatNumber} = useFormatNumber();\nconst formattedFollowers = computed(() => formatNumber(profile.stats.followers));\n</script>\n\n<template>\n  <HoverCard>\n    <HoverCardTrigger as-child>\n      <NuxtLink\n        :to=\"{ name: 'username', params: { username: profile.username } }\"\n        class=\"cursor-pointer hover:underline trigger-element pb-1\"\n        :class=\"$attrs.class\"\n        @mouseenter=\"handleMouseEnter\"\n        @mouseleave=\"handleMouseLeave\"\n      >\n        {{ profile.name }}\n      </NuxtLink>\n    </HoverCardTrigger>\n    <div\n      class=\"hover-card-content\"\n      @mouseenter=\"handleCardMouseEnter\"\n      @mouseleave=\"handleCardMouseLeave\"\n    >\n      <HoverCardContent v-if=\"isHovered\" class=\"w-80 z-[54] border-[0.5px] border-gray-400 hover-card-content\">\n        <NuxtLink\n          :to=\"{ name: 'username', params: { username: profile.username } }\"\n          class=\"flex justify-between items-center space-x-4 cursor-pointer\"\n        >\n          <div>\n            <h3 class=\"text-xl font-semibold\">{{ profile.name }}</h3>\n            <div>{{ profile.username }}</div>\n          </div>\n          <UserAvatar :user=\"profile\" class=\"w-16 h-16\"/>\n        </NuxtLink>\n        <div class=\"mt-2\">{{ profile.bio }}</div>\n        <div class=\"text-gray mt-2\">{{ formattedFollowers }} obserwujących</div>\n        <UserFollowButton class=\"mt-4\" v-if=\"!owner\" :profile=\"profile\"/>\n      </HoverCardContent>\n    </div>\n  </HoverCard>\n</template>\n","import type {User} from \"~/repository/types\";\nimport type {Ref} from \"vue\";\n\nexport const useUserAPI = (user: Ref<User>) => {\n    const {$api} = useNuxtApp()\n    const {sendEvent} = useEventLogger();\n    const {isLoggedIn} = useAuthStore()\n\n    async function follow() {\n        if (!isLoggedIn) {\n            throw createError({\n                statusCode: 401\n            })\n        }\n        const profile = await $api.profile.follow(user.value.id)\n        user.value.is_following = profile.is_following\n        user.value.is_followed = profile.is_followed\n        user.value.stats.followers = profile.stats.followers\n        await sendEvent(\"USER_FOLLOW\", user.value.id);\n    }\n\n    async function unfollow() {\n        const profile = await $api.profile.unfollow(user.value.id)\n        user.value.is_following = profile.is_following\n        user.value.is_followed = profile.is_followed\n        user.value.stats.followers = profile.stats.followers\n        await sendEvent(\"USER_UNFOLLOW\", user.value.id);\n    }\n\n\n    return {\n        follow,\n        unfollow\n    }\n}","<script setup lang=\"ts\">\nimport type {User} from \"~/repository/types\";\nimport {cn} from \"~/lib/utils\";\nimport type {HTMLAttributes} from \"vue\";\nimport {followButtonVariants, type FollowButtonVariants} from \"~/components/ui/user/index\";\n\nconst props = defineProps<{\n  profile: User,\n  variant?: FollowButtonVariants['variant'],\n  class?: HTMLAttributes['class']\n}>()\n\n\nconst profile = ref(props.profile)\nconst {follow, unfollow} = useUserAPI(profile)\n\n\n</script>\n\n<template>\n  <template v-if=\"!profile.is_owner\">\n    <Button v-if=\"!profile.is_followed\"\n            :variant=\"variant\"\n            @click=\"follow\"\n            :class=\"cn(followButtonVariants({ variant}), props.class)\">\n      Obserwuj\n    </Button>\n\n    <Button v-else variant=\"outline\" class=\"bg-transparent\" @click=\"unfollow\"\n            :class=\"cn(followButtonVariants({ variant}), props.class)\">\n      Obserwujesz\n    </Button>\n  </template>\n</template>","export {default as UserAvatar} from './Avatar.vue'\nexport {default as UserHoverCard} from './UserHoverCard.vue'\nimport {type VariantProps, cva} from 'class-variance-authority'\nexport {default as UserFollowButton} from './FollowButton.vue'\n\nexport const followButtonVariants = cva(\n    'relative z-20',\n    {\n        variants: {\n            variant: {\n                default: '',\n                outline: 'bg-transparent text-white border-white px-2 h-8'\n            }\n        },\n        defaultVariants: {\n            variant: 'default',\n        },\n    },\n)\n\nexport type FollowButtonVariants = VariantProps<typeof followButtonVariants>"],"names":["forwarded","useForwardPropsEmits","__props","__emit","props","delegatedProps","computed","_","delegated","forwardedProps","useForwardProps","useFormatNumber","number","isHovered","ref","startHover","stopHover","useTimeoutFn","startLeave","stopLeave","handleMouseEnter","handleMouseLeave","event","relatedTarget","handleCardMouseEnter","handleCardMouseLeave","formatNumber","formattedFollowers","useUserAPI","user","$api","useNuxtApp","sendEvent","useEventLogger","isLoggedIn","useAuthStore","follow","createError","profile","unfollow","followButtonVariants","cva"],"mappings":"4zBAMM,MAAAA,EAAYC,EAHJC,EACAC,CAEqC,yKCHnD,MAAMC,EAAQF,8bCOd,MAAME,EAAQF,EAORG,EAAiBC,EAAS,IAAM,CACpC,KAAM,CAAC,MAAOC,EAAG,GAAGC,CAAa,EAAAJ,EAE1B,OAAAI,CAAA,CACR,EAEKC,EAAiBC,EAAgBL,CAAc,ilBCvBxCM,GAAkB,KAYpB,CAAC,aAXcC,GACdA,IAAW,OAAkB,UAC7BA,GAAU,KACFA,EAAS,KAAS,QAAQ,CAAC,EAAE,QAAQ,KAAM,EAAE,EAAI,MAClDA,GAAU,KACTA,EAAS,KAAM,QAAQ,CAAC,EAAE,QAAQ,KAAM,EAAE,EAAI,QAE/CA,EAAO,SAAS,CAIX,kKCFlB,MAAAC,EAAYC,EAAI,EAAK,EAErB,CAAC,MAAOC,EAAY,KAAMC,CAAa,EAAAC,EAC3C,IAAM,CACJJ,EAAU,MAAQ,EACpB,EACA,EACF,EAEM,CAAC,MAAOK,EAAY,KAAMC,CAAa,EAAAF,EAC3C,IAAM,CACJJ,EAAU,MAAQ,EACpB,EACA,EACF,EAEMO,EAAmB,IAAM,CACnBD,EAAA,EACCJ,EAAA,CACb,EAEMM,EAAoBC,GAAsB,CACpCN,EAAA,EACV,MAAMO,EAAgBD,EAAM,cACxBC,IAAkBA,EAAc,QAAQ,qBAAqB,GAAKA,EAAc,QAAQ,kBAAkB,IAGnGL,EAAA,CACb,EAEMM,EAAuB,IAAM,CACvBL,EAAA,EACVN,EAAU,MAAQ,EACpB,EAEMY,EAAuB,IAAM,CACjCZ,EAAU,MAAQ,EACpB,EAEM,CAAC,aAAAa,CAAY,EAAIf,GAAgB,EACjCgB,EAAqBrB,EAAS,IAAMoB,EAAaxB,EAAA,QAAQ,MAAM,SAAS,CAAC,khCC/ClE0B,GAAcC,GAAoB,CACrC,KAAA,CAAC,KAAAC,CAAI,EAAIC,EAAW,EACpB,CAAC,UAAAC,CAAS,EAAIC,GAAe,EAC7B,CAAC,WAAAC,CAAU,EAAIC,EAAa,EAElC,eAAeC,GAAS,CACpB,GAAI,CAACF,EACD,MAAMG,EAAY,CACd,WAAY,GAAA,CACf,EAEL,MAAMC,EAAU,MAAMR,EAAK,QAAQ,OAAOD,EAAK,MAAM,EAAE,EAClDA,EAAA,MAAM,aAAeS,EAAQ,aAC7BT,EAAA,MAAM,YAAcS,EAAQ,YACjCT,EAAK,MAAM,MAAM,UAAYS,EAAQ,MAAM,UAC3C,MAAMN,EAAU,cAAeH,EAAK,MAAM,EAAE,CAAA,CAGhD,eAAeU,GAAW,CACtB,MAAMD,EAAU,MAAMR,EAAK,QAAQ,SAASD,EAAK,MAAM,EAAE,EACpDA,EAAA,MAAM,aAAeS,EAAQ,aAC7BT,EAAA,MAAM,YAAcS,EAAQ,YACjCT,EAAK,MAAM,MAAM,UAAYS,EAAQ,MAAM,UAC3C,MAAMN,EAAU,gBAAiBH,EAAK,MAAM,EAAE,CAAA,CAI3C,MAAA,CACH,OAAAO,EACA,SAAAG,CACJ,CACJ,6EC5BA,MAAMnC,EAAQF,EAORoC,EAAUxB,EAAIV,EAAM,OAAO,EAC3B,CAAC,OAAAgC,EAAQ,SAAAG,GAAYX,GAAWU,CAAO,geCThCE,EAAuBC,GAChC,gBACA,CACI,SAAU,CACN,QAAS,CACL,QAAS,GACT,QAAS,iDAAA,CAEjB,EACA,gBAAiB,CACb,QAAS,SAAA,CACb,CAER"}