{"version":3,"file":"index-970a05f6.js","sources":["../Client/src/helpers.ts","../Client/src/services/HttpService.ts","../Client/src/services/UserService.ts","../Client/src/models/FriendRequest.ts","../Client/src/services/FriendRequestService.ts","../Client/src/enums/SpiritType.ts","../Client/src/models/Spirit.ts","../Client/src/models/Bottle.ts","../Client/src/services/BottleService.ts","../Client/src/services/FeedItemService.ts","../Client/src/models/Rating.ts","../Client/src/services/RatingService.ts","../Client/src/stores/profile.ts","../Client/src/stores/user.ts","../../../img/logo.png","../Client/src/views/LoginView.vue","../Client/src/components/VUserAvatar.vue","../Client/src/services/NotificationService.ts","../Client/src/components/VBottomNavigation.vue","../Client/src/enums/FeedItemType.ts","../Client/src/components/VBottleCard.vue","../Client/src/models/Like.ts","../Client/src/services/LikeService.ts","../Client/src/views/layouts/TitleBarLayout.vue","../Client/src/components/VUserList.vue","../Client/src/components/VFeedItem.vue","../Client/src/components/VNewFriendshipFeedItem.vue","../Client/src/components/VRatingCard.vue","../Client/src/components/VFeed.vue","../Client/src/views/FeedView.vue","../Client/src/components/VCollection.vue","../Client/src/views/ProfileView.vue","../Client/src/views/layouts/EditBottleLayout.vue","../Client/src/services/SpiritService.ts","../Client/src/components/VSearch.vue","../Client/src/views/EditBottleView.vue","../../../icons/fire.png","../../../icons/star.png","../Client/src/views/layouts/ViewBottleLayout.vue","../Client/src/views/ViewBottleView.vue","../Client/src/enums/NotificationType.ts","../Client/src/components/VNotification.vue","../Client/src/views/NotificationsView.vue","../Client/src/views/SystemView.vue","../Client/src/models/Comment.ts","../Client/src/components/VComments.vue","../Client/src/services/CommentService.ts","../Client/src/views/FeedItemView.vue","../Client/src/services/SearchService.ts","../Client/src/views/SearchView.vue","../Client/src/views/ViewSpiritView.vue","../Client/src/enums/SpiritTags.ts","../Client/src/views/EditSpiritView.vue","../Client/src/helpers/ValidationHelpers.ts","../Client/src/views/JoinView.vue","../Client/src/views/EditProfileView.vue","../Client/src/views/NewRatingView.vue","../Client/src/router/index.ts","../Client/src/main.ts"],"sourcesContent":["type RecursivelyReplaceNullWithUndefined<T> = T extends null\n  ? undefined\n  : T extends (infer U)[]\n  ? RecursivelyReplaceNullWithUndefined<U>[]\n  : T extends Record<string, unknown>\n  ? { [K in keyof T]: RecursivelyReplaceNullWithUndefined<T[K]> }\n  : T;\n\nexport function nullsToUndefined<T>(\n  obj: T,\n): RecursivelyReplaceNullWithUndefined<T> {\n  if (obj === null || obj === undefined) {\n    return undefined as any;\n  }\n\n  if ((obj as any).constructor.name === 'Object' || Array.isArray(obj)) {\n    for (const key in obj) {\n      obj[key] = nullsToUndefined(obj[key]) as any;\n    }\n  }\n  return obj as any;\n}","import axios, { type AxiosInstance, type AxiosResponse } from 'axios'\nimport { parseISO } from 'date-fns'\nimport { nullsToUndefined } from '@/helpers'\n\nexport interface IHttpService {\n  get<T>(endpoint: string, id?: string): Promise<T>\n  getWithParams<T>(endpoint: string, params: {}): Promise<T>\n  post<T, R>(endpoint: string, data: T): Promise<R>\n  postAndGetLocation<T>(endpoint: string, data: T): Promise<string>\n  postFile<T>(endpoint: string, file: File): Promise<T>\n  patch<T, R>(endpoint: string, data: T): Promise<R>\n  put<T, R>(endpoint: string, data: T): Promise<R>\n  delete(endpoint: string): Promise<void>\n}\n\nconst isoDateFormat = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(?:\\.\\d*)?(?:[-+]\\d{2}:?\\d{2}|Z)?$/\n\nfunction isIsoDateString(value: object): boolean {\n  return value && typeof value === 'string' && isoDateFormat.test(value)\n}\n\nexport function handleDates(body: { [key: string]: any }) {\n  if (body === null || body === undefined || typeof body !== 'object') return body\n\n  for (const key of Object.keys(body)) {\n    let value = body[key]\n    if (isIsoDateString(value)) {\n      if (!value.endsWith('Z')) value += 'Z'\n      body[key] = parseISO(value)\n    } else if (typeof value === 'object') handleDates(value)\n  }\n}\n\nconst apiBasePath = '/api'\n\nexport default class HttpService implements IHttpService {\n  private _axios: AxiosInstance\n  private _basePath: string\n\n  constructor(controller: string) {\n    const axiosInstance = axios.create()\n\n    axiosInstance.interceptors.request.use(\n      (config) => {\n        const jwt = localStorage.getItem('jwt')\n        if (jwt) config.headers['Authorization'] = `Bearer ${jwt}`\n        return config\n      },\n      (error) => {\n        Promise.reject(error)\n      }\n    )\n\n    axiosInstance.interceptors.response.use(\n      (response) => {\n        handleDates(response.data)\n        nullsToUndefined(response.data)\n        return response\n      },\n      async function (error) {\n        const originalRequest = error.config\n\n        if (error.response.status === 403 && !originalRequest._retry) {\n          originalRequest._retry = true\n\n          const authenticationResponse = await axiosInstance.post(\n            '/api/users/refreshTokens/use',\n            null\n          )\n          localStorage.setItem('jwt', authenticationResponse.data.jwtToken)\n          axios.defaults.headers.common[\n            'Authorization'\n          ] = `Bearer ${authenticationResponse.data.jwtToken}`\n          return axiosInstance(originalRequest)\n        }\n\n        return Promise.reject(error)\n      }\n    )\n\n    this._axios = axiosInstance\n    this._basePath = `${apiBasePath}/${controller}/`\n  }\n\n  public async get<T>(endpoint: string, id?: string): Promise<T> {\n    if (endpoint && endpoint.length && !endpoint.includes('?')) endpoint += '/'\n    const rel = id && id.length > 0 ? endpoint + id : endpoint\n    const response = await this._axios.get<T>(`${this._basePath}${rel}`)\n    return response.data\n  }\n\n  public async getWithParams<T>(endpoint: string, params: {}): Promise<T> {\n    const queryString = new URLSearchParams(params).toString()\n    const response = await this._axios.get<T>(`${this._basePath}${endpoint}?${queryString}`)\n    return response.data\n  }\n\n  public async post<T, R>(endpoint: string, data: T): Promise<R> {\n    const response = await this._axios.post<T, AxiosResponse<R>>(\n      `${this._basePath}${endpoint}`,\n      data\n    )\n    return response.data\n  }\n\n  public async postAndGetLocation<T>(endpoint: string, data: T): Promise<string> {\n    const response = await this._axios.post<T, AxiosResponse<null>>(\n      `${this._basePath}${endpoint}`,\n      data\n    )\n    return response.headers['location']\n  }\n\n  public async postFile<T, R>(endpoint: string, file: File): Promise<R> {\n    const formData = new FormData()\n    formData.append('file', file, file.name)\n    const response = await this._axios.post<T, AxiosResponse<R>>(\n      `${this._basePath}${endpoint}`,\n      formData,\n      {\n        headers: { 'Content-Type': 'multipart/form-data' }\n      }\n    )\n    return response.data\n  }\n\n  public async patch<T, R>(endpoint: string, data?: T): Promise<R> {\n    if (typeof data !== 'undefined') {\n      const response = await this._axios.patch<T, AxiosResponse<R>>(\n        `${this._basePath}${endpoint}`,\n        data\n      )\n      return response.data\n    }\n\n    const response = await this._axios.patch<T, AxiosResponse<R>>(\n      `${this._basePath}${endpoint}`,\n      data\n    )\n    return response.data\n  }\n\n  public async put<T, R>(endpoint: string, data: T): Promise<R> {\n    const response = await this._axios.put<T, AxiosResponse<R>>(\n      `${this._basePath}${endpoint}`,\n      data\n    )\n    return response.data\n  }\n\n  public async delete(endpoint: string): Promise<void> {\n    await this._axios.delete(`${this._basePath}${endpoint}`)\n  }\n}\n","import HttpService, { type IHttpService } from '@/services/HttpService'\nimport User from '@/models/User'\nimport type AuthResponse from '@/models/AuthResponse'\nimport type UserSummary from '@/models/UserSummary'\nimport type CreateAccountViewModel from '@/models/CreateAccountViewModel'\nimport type EditProfileViewModel from '@/models/EditProfileViewModel'\n\nconst controller = 'users'\n\nclass UserService {\n  private readonly _http: IHttpService\n\n  constructor() {\n    this._http = new HttpService(controller)\n  }\n\n  public async useRefreshToken(): Promise<AuthResponse> {\n    return await this._http.post('refreshTokens/use', {})\n  }\n\n  public async register(data: User & { password: string }): Promise<AuthResponse> {\n    return await this._http.post('register', data)\n  }\n\n  public async login(emailOrHandle: string, password: string): Promise<AuthResponse> {\n    return await this._http.post('login', { emailOrHandle, password })\n  }\n\n  public async logout(): Promise<void> {\n    return await this._http.post('logout', undefined)\n  }\n\n  public async get(idOrEmailOrHandle: string): Promise<User> {\n    return await this._http.get(idOrEmailOrHandle)\n  }\n\n  public async getFriends(userId: string): Promise<UserSummary[]> {\n    return await this._http.get(`${userId}/friends`)\n  }\n\n  public async validateInvite(inviteId: string): Promise<boolean> {\n    return await this._http.post(`validateInvite/${inviteId}`, undefined);\n  }\n\n  public async signUp(inviteId: string | undefined, createAccountViewModel: CreateAccountViewModel): Promise<UserSummary> {\n    return inviteId\n      ? await this._http.post(inviteId, createAccountViewModel)\n      : await this._http.post('', createAccountViewModel)\n  }\n\n  public async editProfile(editProfileViewModel: EditProfileViewModel): Promise<UserSummary> {\n    return await this._http.patch(`profile`, editProfileViewModel);\n  }\n\n  public async isHandleAvailable(handle: string): Promise<boolean> {\n    return await this._http.get(`${handle}/any`);\n  }\n}\n\nexport default new UserService()\n","import type UserSummary from \"@/models/UserSummary\"\n\nexport default class FriendRequest {\n  public id?: string\n  public requested?: Date\n  public responded?: Date\n  public isAccepted?: boolean\n  public senderId?: string\n  public sender?: UserSummary\n  public recipientId?: string\n  public recipient?: UserSummary\n\n  constructor(\n    id?: string,\n    requested?: Date,\n    responded?: Date,\n    isAccepted?: boolean,\n    senderId?: string,\n    sender?: UserSummary,\n    recipientId?: string,\n    recipient?: UserSummary\n  ) {\n    this.id = id\n    this.requested = requested\n    this.responded = responded\n    this.isAccepted = isAccepted\n    this.senderId = senderId\n    this.sender = sender\n    this.recipientId = recipientId\n    this.recipient = recipient\n  }\n\n  static clone(friendRequest: FriendRequest) {\n    return new FriendRequest(\n        friendRequest.id,\n        friendRequest.requested,\n        friendRequest.responded,\n        friendRequest.isAccepted,\n        friendRequest.senderId,\n        friendRequest.sender,\n        friendRequest.recipientId,\n        friendRequest.recipient\n    )\n  }\n}\n","import FriendRequest from '@/models/FriendRequest'\nimport HttpService, { type IHttpService } from '@/services/HttpService'\n\nconst controller = 'friendRequests'\n\nclass BottleService {\n  private readonly _http: IHttpService\n\n  constructor() {\n    this._http = new HttpService(controller)\n  }\n\n  public async create(recipientId: string): Promise<FriendRequest> {\n    const rawFriendRequest = await this._http.post<undefined, FriendRequest>(recipientId, undefined)\n    return FriendRequest.clone(rawFriendRequest)\n  }\n\n  public async getByUserId(userId: string): Promise<FriendRequest[]> {\n    const friendRequestsRaw = await this._http.getWithParams<FriendRequest[]>('', { userId })\n    return friendRequestsRaw.map((fr) => FriendRequest.clone(fr))\n  }\n\n  public async accept(friendRequestId: string): Promise<FriendRequest> {\n    const rawFriendRequest = await this._http.post<undefined, FriendRequest>(\n      `${friendRequestId}/accept`,\n      undefined\n    )\n    return FriendRequest.clone(rawFriendRequest)\n  }\n\n  public async decline(friendRequestId: string): Promise<FriendRequest> {\n    const rawFriendRequest = await this._http.post<undefined, FriendRequest>(\n      `${friendRequestId}/decline`,\n      undefined\n    )\n    return FriendRequest.clone(rawFriendRequest)\n  }\n\n  public async remove(friendRequestId: string): Promise<void> {\n    await this._http.delete(`${friendRequestId}`)\n  }\n}\n\nexport default new BottleService()\n","export enum SpiritType {\n    Whiskey = 'Whiskey',\n    Scotch = 'Scotch',\n    Bourbon = 'Bourbon',\n    Rye = 'Rye',\n    Vodka = 'Vodka',\n    Rum = 'Rum',\n    Gin = 'Gin',\n    Tequila = 'Tequila',\n    Cognac = 'Cognac',\n    Brandy = 'Brandy',\n    Mezcal = 'Mezcal',\n    Absinthe = 'Absinthe',\n    Moonshine = 'Moonshine'\n}\n","import { SpiritType } from '@/enums/SpiritType'\nimport type User from '@/models/User'\nimport type UserSummary from '@/models/UserSummary'\n\nexport default class Spirit {\n  public id?: string\n  public creator: User\n  public name?: string\n  public type?: SpiritType\n  public created?: Date;\n  public distiller?: string\n  public country?: string\n  public region?: string\n  public subregion?: string\n  public tags?: string[]\n  public image?: string\n  public abv?: number;\n  public abv2?: number;\n  public ageInYears?: number;\n  public description?: string;\n  public isReviewed?: boolean;\n  public reviewed?: Date;\n  public reviewer?: UserSummary;\n  public reviewerId?: string;\n\n  constructor(\n    creator: User,\n    name?: string,\n    type?: SpiritType,\n    created?: Date,\n    distiller?: string,\n    country?: string,\n    region?: string,\n    subregion?: string,\n    tags?: string[],\n    image?: string,\n    id?: string,\n    abv?: number,\n    abv2?: number,\n    ageInYears?: number,\n    description?: string,\n    isReviewed?: boolean,\n    reviewed?: Date,\n    reviewer?: UserSummary,\n    reviewerId?: string\n  ) {\n    this.creator = creator\n    this.name = name\n    this.type = type\n    this.created = created\n    this.distiller = distiller\n    this.country = country\n    this.region = region\n    this.subregion = subregion\n    this.image = image\n    this.tags = tags ?? []\n    this.id = id \n    this.abv = abv\n    this.abv2 = abv2\n    this.ageInYears = ageInYears\n    this.description = description\n    this.isReviewed = isReviewed\n    this.reviewed = reviewed\n    this.reviewer = reviewer\n    this.reviewerId = reviewerId\n  }\n\n  get imgSrc() {\n    if (this.image === undefined) return `/img/no-image.png`\n    return this.image\n  }\n\n  static clone(spirit: Spirit) {\n    return new Spirit(\n      spirit.creator,\n      spirit.name,\n      spirit.type,\n      spirit.created,\n      spirit.distiller,\n      spirit.country,\n      spirit.region,\n      spirit.subregion,\n      spirit.tags ? [...spirit.tags] : undefined,\n      spirit.image,\n      spirit.id,\n      spirit.abv,\n      spirit.abv2,\n      spirit.ageInYears,\n      spirit.description,\n      spirit.isReviewed,\n      spirit.reviewed,\n      spirit.reviewer,\n      spirit.reviewerId\n    )\n  }\n\n  static new(user: User) {\n    return new Spirit(user);\n  }\n}\n","import Spirit from \"@/models/Spirit\";\nimport type User from \"@/models/User\";\n\nexport default class Bottle {\n\n  public id?: string;\n  public owner: User;\n  public spirit: Spirit;\n  public abv?: Number;\n  public sizeInMl?: Number;\n  public added?: Date;\n  public ageYears?: Number;\n  public ageMonths?: Number;\n  public distillationDate?: Date;\n  public bottlingDate?: Date;\n  public seller?: string;\n  public pricePaid?: Number;\n  public purchaseDate?: Date;\n  public openDate?: Date;\n  public finishDate?: Date;\n  public pick?: string;\n  public notes?: string;\n  public remaining?: Number;\n  public batch?: string;\n  public additionalInformation?: { [k: string]: string };\n\n  constructor(\n    owner: User,\n    spirit?: Spirit,\n    abv?: Number,\n    sizeInMl?: Number,\n    added?: Date,\n    id?: string,\n    ageYears?: Number,\n    ageMonths?: Number,\n    distillationDate?: Date,\n    bottlingDate?: Date,\n    seller?: string,\n    pricePaid?: Number,\n    purchaseDate?: Date,\n    openDate?: Date,\n    finishDate?: Date,\n    pick?: string,\n    notes?: string,\n    remaining?: Number,\n    batch?: string,\n    additionalInformation?: { [k: string]: string }\n  ) {\n    this.owner = owner;\n    this.spirit = spirit ?? new Spirit(owner);\n    this.abv = abv;\n    this.sizeInMl = sizeInMl;\n    this.added = added;\n    this.id = id;\n    this.ageYears = ageYears;\n    this.ageMonths = ageMonths;\n    this.distillationDate = distillationDate;\n    this.bottlingDate = bottlingDate;\n    this.seller = seller;\n    this.pricePaid = pricePaid;\n    this.purchaseDate = purchaseDate;\n    this.openDate = openDate;\n    this.finishDate = finishDate;\n    this.pick = pick;\n    this.notes = notes;\n    this.remaining = remaining;\n    this.batch = batch;\n    this.additionalInformation = additionalInformation;\n  }\n\n  static clone(bottle: Bottle) {\n    return new Bottle(\n      bottle.owner,\n      Spirit.clone(bottle.spirit),\n      bottle.abv,\n      bottle.sizeInMl,\n      bottle.added,\n      bottle.id,\n      bottle.ageYears,\n      bottle.ageMonths,\n      bottle.distillationDate,\n      bottle.bottlingDate,\n      bottle.seller,\n      bottle.pricePaid,\n      bottle.purchaseDate,\n      bottle.openDate,\n      bottle.finishDate,\n      bottle.pick,\n      bottle.notes,\n      bottle.remaining,\n      bottle.batch,\n      bottle.additionalInformation ? { ...bottle.additionalInformation } : undefined\n    );\n  }\n}\n","import HttpService, { type IHttpService } from '@/services/HttpService'\nimport Bottle from '@/models/Bottle'\n\nconst controller = 'bottles'\n\nclass BottleService {\n  private readonly _http: IHttpService\n\n  constructor() {\n    this._http = new HttpService(controller)\n  }\n\n  public async create(bottle: Bottle): Promise<Bottle> {\n    const bottleRaw = await this._http.post<Bottle, Bottle>('', bottle);\n    return Bottle.clone(bottleRaw);\n  }\n\n  public async get(id: string): Promise<Bottle> {\n    const bottle: Bottle = await this._http.get('', id)\n    return Bottle.clone(bottle)\n  }\n\n  public async getByUser(userId: string): Promise<Bottle[]> {\n    const bottlesRaw: Bottle[] = await this._http.getWithParams('', { userId })\n    return bottlesRaw.map((b) => Bottle.clone(b))\n  }\n\n  public async update(bottle: Bottle): Promise<Bottle> {\n    const bottleRaw = await this._http.put<Bottle, Bottle>('', bottle);\n    return Bottle.clone(bottleRaw);\n  }\n\n  public async delete(id: string): Promise<void> {\n    return await this._http.delete(id)\n  }\n}\n\nexport default new BottleService()\n","import Bottle from '@/models/Bottle'\nimport FeedItem from '@/models/FeedItem'\nimport type NewBottleFeedItem from '@/models/NewBottleFeedItem'\nimport type NewRatingFeedItem from '@/models/NewRatingFeedItem'\nimport Spirit from '@/models/Spirit'\nimport HttpService, { type IHttpService } from '@/services/HttpService'\n\nconst controller = 'feedItems'\n\nclass FeedItemService {\n  private readonly _http: IHttpService\n\n  constructor() {\n    this._http = new HttpService(controller)\n  }\n\n  public async get(id: string): Promise<FeedItem> {\n    const feedItemRaw = await this._http.get<FeedItem>(id)\n    return this.hydrate(feedItemRaw)\n  }\n\n  public async getAllForCurrentUser(): Promise<FeedItem[]> {\n    const feedItemsRaw = await this._http.get<FeedItem[]>('')\n    return feedItemsRaw.map(this.hydrate)\n  }\n\n  public async getAllByUser(userId: string): Promise<FeedItem[]> {\n    const feedItemsRaw = await this._http.getWithParams<FeedItem[]>('', { userId })\n    return feedItemsRaw.map(this.hydrate)\n  }\n\n  hydrate(feedItemRaw: FeedItem) {\n    const bottleFeedItem = feedItemRaw as NewBottleFeedItem\n    if (bottleFeedItem.bottle != undefined)\n      bottleFeedItem.bottle = Bottle.clone(bottleFeedItem.bottle)\n\n    const ratingFeedItem = feedItemRaw as NewRatingFeedItem\n    if (ratingFeedItem.rating?.spirit != undefined)\n      ratingFeedItem.rating.spirit = Spirit.clone(ratingFeedItem.rating.spirit)\n\n    return feedItemRaw\n  }\n}\n\nexport default new FeedItemService()\n","import type Bottle from './Bottle'\nimport type Spirit from './Spirit'\nimport type User from './User'\n\nexport default class Rating {\n  id?: string\n  created?: Date\n  summary?: string\n  aromaScore?: number\n  aromaNotes?: string\n  tasteScore?: number\n  tasteNotes?: string\n  finishScore?: number\n  finishNotes?: string\n  imageUrl?: string\n\n  userId: string\n  user?: User\n  spiritId: string\n  spirit?: Spirit\n  bottleId?: string\n  bottle?: Bottle\n  locationId?: string\n  //location: Location\n\n  constructor(user: User, spirit: Spirit, bottle?: Bottle) {\n    this.userId = user.id!\n    this.user = user\n    this.spiritId = spirit.id!\n    this.spirit = spirit\n\n    if (bottle) {\n      this.bottle = bottle\n      this.bottleId = bottle.id\n    }\n  }\n}\n","import HttpService, { type IHttpService } from '@/services/HttpService'\nimport Rating from '@/models/Rating'\nimport Spirit from '@/models/Spirit'\n\nconst controller = 'ratings'\n\nclass RatingService {\n  private readonly _http: IHttpService\n\n  constructor() {\n    this._http = new HttpService(controller)\n  }\n\n  public async get(id: string): Promise<Rating> {\n    const rating = await this._http.get<Rating>(id);\n    if (rating.spirit) rating.spirit = Spirit.clone(rating.spirit)\n\n    return rating;\n  }\n\n  public async getWithFilters(filters: { spiritId?: string, bottleId?: string, userId?: string }): Promise<Rating[]> {\n    const ratings = await this._http.getWithParams<Rating[]>('', filters)\n    ratings.forEach(r => r.spirit = Spirit.clone(r.spirit!))\n    return ratings;\n  }\n\n  public add(rating: Rating): Promise<Rating> {\n    return this._http.post('', rating)\n  }\n\n  public delete(id: string): Promise<void> {\n    return this._http.delete(id)\n  }\n}\n\nexport default new RatingService()\n","import { computed, ref } from 'vue'\nimport { defineStore } from 'pinia'\nimport userService from '@/services/UserService'\nimport User from '@/models/User'\nimport type Bottle from '@/models/Bottle'\nimport bottleService from '@/services/BottleService'\nimport type FeedItem from '@/models/FeedItem'\nimport type UserSummary from '@/models/UserSummary'\nimport { useUserStore } from '@/stores/user'\nimport feedItemService from '@/services/FeedItemService'\nimport ratingService from '@/services/RatingService'\nimport type Rating from '@/models/Rating'\n\nexport const useProfileStore = defineStore('profile', () => {\n  const user = ref<User | undefined>()\n  const collection = ref<Bottle[] | undefined>()\n  const feed = ref<FeedItem[] | undefined>()\n  const friends = ref<UserSummary[] | undefined>()\n  const ratings = ref<Rating[] | undefined>()\n\n  const userStore = useUserStore()\n  const isSelf = computed(() => user.value && userStore.user && user.value.id === userStore.user.id)\n\n  function setUser(_user: User) {\n    user.value = _user\n  }\n\n  function setCollection(_collection: Bottle[]) {\n    collection.value = _collection\n  }\n\n  function setFeed(_feed: FeedItem[]) {\n    feed.value = _feed\n  }\n\n  function setFriends(_friends: UserSummary[]) {\n    friends.value = _friends\n  }\n\n  function setRatings(_ratings: Rating[]) {\n    ratings.value = _ratings\n  }\n\n  function setFullProfile(_user: User, _feed: FeedItem[], _friends: UserSummary[], _collection: Bottle[], _ratings: Rating[]) {\n    setUser(_user);\n    setFeed(_feed)\n    setFriends(_friends)\n    setCollection(_collection)\n    setRatings(_ratings)\n  }\n\n  function upsertIntoCollection(bottle: Bottle) {\n    if (!collection.value) return\n\n    const existingIndex = collection.value.findIndex((b) => b.id === bottle.id)\n    if (existingIndex >= 0) return (collection.value[existingIndex] = bottle)\n\n    collection.value.push(bottle)\n  }\n\n  function reset() {\n    user.value = undefined\n    collection.value = undefined\n    feed.value = undefined\n    friends.value = undefined\n    ratings.value = undefined\n  }\n\n  async function getUser(idOrEmailOrHandle: string) {\n    return await userService.get(idOrEmailOrHandle)\n  }\n\n  async function getFriends(userId?: string, set = true) {\n    const uId = userId ?? user.value?.id;\n    if (!uId) return\n    const friends = await userService.getFriends(uId)\n\n    if (set) setFriends(friends)\n\n    return friends\n  }\n\n  async function getCollection(userId?: string, set = true) {\n    const uId = userId ?? user.value?.id;\n    if (!uId) return\n    const collection = await bottleService.getByUser(uId)\n\n    if (set) setCollection(collection)\n\n    return collection;\n  }\n\n  async function getRatings(userId?: string, set = true) {\n    const uId = userId ?? user.value?.id;\n    if (!uId) return\n    const ratings = await ratingService.getWithFilters({ userId: uId })\n\n    if (set) setRatings(ratings)\n\n    return ratings;\n  }\n\n  async function getFeed(userId?: string, set = true) {\n    const uId = userId ?? user.value?.id;\n    if (!uId) return\n    const feedItems = await feedItemService.getAllByUser(uId)\n\n    if (set) setFeed(feedItems)\n\n    return feedItems;\n  }\n\n  async function getFullProfile(idOrEmailOrHandle: string) {\n    const user = await getUser(idOrEmailOrHandle)\n    const feed = await getFeed(user.id, false)\n    const friends = await getFriends(user.id, false)\n    const collection = await getCollection(user.id, false)\n    const ratings = await getRatings(user.id, false)\n    setFullProfile(user, feed ?? [], friends ?? [], collection ?? [], ratings ?? []);\n  }\n\n  async function deleteBottle(bottle: Bottle) {\n    if (!bottle.id || !collection.value) return;\n    const idx = collection.value.findIndex((b) => b.id === bottle.id)\n    if (idx >= 0) collection.value.splice(idx, 1)\n\n    await bottleService.delete(bottle.id);\n  }\n\n  const friendRequestForCurrentUser = computed(() => {\n    if (!user.value?.id || !userStore.user) return undefined\n    return userStore.friendRequests.find(\n      (fr) => fr.senderId === user.value!.id || fr.recipientId === user.value!.id\n    )\n  })\n\n  const isFriendsWithCurrentUser = computed(() => {\n    if (!friendRequestForCurrentUser.value) return false\n    return friendRequestForCurrentUser.value.isAccepted === true\n  })\n\n  const currentUserNeedsToRespond = computed(() => {\n    if (!friendRequestForCurrentUser.value) return false\n    return (\n      friendRequestForCurrentUser.value.recipientId === userStore.user!.id &&\n      friendRequestForCurrentUser.value.isAccepted === undefined\n    )\n  })\n\n  const currentUserAwaitingResponse = computed(() => {\n    if (!friendRequestForCurrentUser.value) return false\n    return (\n      friendRequestForCurrentUser.value.senderId === userStore.user!.id &&\n      friendRequestForCurrentUser.value.isAccepted === undefined\n    )\n  })\n\n  return {\n    user,\n    collection,\n    feed,\n    friends,\n    ratings,\n    isSelf,\n    friendRequestForCurrentUser,\n    isFriendsWithCurrentUser,\n    currentUserNeedsToRespond,\n    currentUserAwaitingResponse,\n    reset,\n    getFullProfile,\n    upsertIntoCollection,\n    getFriends,\n    getRatings,\n    deleteBottle,\n    getFeed\n  }\n})\n","import { ref, computed } from 'vue'\nimport { defineStore } from 'pinia'\nimport User from '@/models/User'\nimport userService from '@/services/UserService'\nimport FriendRequest from '@/models/FriendRequest'\nimport friendRequestService from '@/services/FriendRequestService'\nimport { useProfileStore } from '@/stores/profile'\nimport type AuthResponse from '@/models/AuthResponse'\n\nexport const useUserStore = defineStore('user', () => {\n  const didInitialLoginCheck = ref(false)\n  const user = ref<User | undefined>()\n  const friendRequests = ref<FriendRequest[]>([])\n  const profileStore = useProfileStore();\n\n  const isLoggedIn = computed(() => {\n    return Boolean(user.value)\n  })\n\n  const isAdmin = computed(() => {\n    return isLoggedIn.value === true && user.value?.isAdmin === true\n  })\n\n  function setUser(_user: User) {\n    user.value = _user\n  }\n\n  function setFriendRequests(_friendRequests: FriendRequest[]) {\n    friendRequests.value = _friendRequests\n  }\n\n  function reset() {\n    user.value = undefined\n    friendRequests.value = []\n    localStorage.removeItem('jwt')\n  }\n\n  function upsertFriendRequest(friendRequest: FriendRequest) {\n    const idx = friendRequests.value.findIndex((fr) => fr.id === friendRequest.id)\n    if (idx >= 0) friendRequests.value[idx] = friendRequest\n    else friendRequests.value.push(friendRequest)\n  }\n\n  function removeFriendRequestFromState(friendRequestId: string) {\n    const idx = friendRequests.value.findIndex((fr) => fr.id === friendRequestId)\n    if (idx === -1) return\n\n    friendRequests.value.splice(idx, 1)\n  }\n\n  async function sendFriendRequest(recipientId: string) {\n    if (\n      friendRequests.value.some(\n        (fr) => fr.senderId === recipientId || fr.recipientId === recipientId\n      )\n    )\n      return\n\n    const request = await friendRequestService.create(recipientId)\n    upsertFriendRequest(request)\n  }\n\n  async function acceptFriendRequest(recipientId: string) {\n    const existingRequest = friendRequests.value.find(\n      (fr) =>\n        (fr.senderId === recipientId || fr.recipientId === recipientId) &&\n        fr.isAccepted === undefined\n    )\n    if (!existingRequest?.id) return\n\n    const request = await friendRequestService.accept(existingRequest.id)\n    upsertFriendRequest(request)\n\n    profileStore.getFriends()\n  }\n\n  async function declineFriendRequest(recipientId: string) {\n    // const existingRequest = friendRequests.value.find(\n    //   (fr) =>\n    //     (fr.senderId === recipientId || fr.recipientId === recipientId) &&\n    //     fr.isAccepted === undefined\n    // )\n    // if (!existingRequest?.id) return\n\n    // const request = await friendRequestService.decline(existingRequest.id)\n    // upsertFriendRequest(request)\n    await removeFriendRequest(recipientId);\n  }\n\n  async function removeFriendRequest(recipientId: string) {\n    const existingRequest = friendRequests.value.find(\n      (fr) =>\n        (fr.senderId === recipientId || fr.recipientId === recipientId)\n    )\n    if (!existingRequest?.id) return\n\n    await friendRequestService.remove(existingRequest.id)\n    removeFriendRequestFromState(existingRequest.id)\n\n    profileStore.getFriends()\n  }\n\n  async function init(authResponse: AuthResponse) {\n    setUser(authResponse.user)\n    localStorage.setItem('jwt', authResponse.jwtToken)\n\n    await getFriendRequests()\n  }\n\n  async function login(emailOrHandle: string, password: string) {\n    try {\n      const authResponse = await userService.login(emailOrHandle, password)\n      await init(authResponse)\n    } catch {\n      reset()\n    }\n  }\n\n  async function logout() {\n    await userService.logout();\n    reset()\n  }\n\n  async function getFriendRequests() {\n    if (!user.value?.id) return;\n\n    const requests = await friendRequestService.getByUserId(user.value.id)\n    setFriendRequests(requests)\n  }\n\n  async function refresh() {\n    try {\n      const authResponse = await userService.useRefreshToken()\n      await init(authResponse)\n    } catch {\n      reset()\n    }\n  }\n\n  async function doInitialLoginCheck() {\n    try {\n      const authResponse = await userService.useRefreshToken()\n      await init(authResponse)\n    } catch {\n      reset()\n    } finally {\n      didInitialLoginCheck.value = true\n    }\n  }\n\n  return {\n    user,\n    isLoggedIn,\n    isAdmin,\n    friendRequests,\n    didInitialLoginCheck,\n    setUser,\n    reset,\n    login,\n    logout,\n    refresh,\n    doInitialLoginCheck,\n    setFriendRequests,\n    sendFriendRequest,\n    acceptFriendRequest,\n    declineFriendRequest,\n    removeFriendRequest,\n    getFriendRequests\n  }\n})\n","export default \"__VITE_PUBLIC_ASSET__de57d785__\"","<script setup lang=\"ts\">\nimport SplashLayout from '@/views/layouts/SplashLayout.vue'\nimport VInputWrapper from '@/components/VInputWrapper.vue'\nimport VError from '@/components/VError.vue'\nimport { ref, computed } from 'vue'\nimport { maxLength, required } from '@vuelidate/validators'\nimport useVuelidate from '@vuelidate/core'\nimport { useUserStore } from '@/stores/user'\nimport { useRouter, useRoute } from 'vue-router'\nimport VButton from '@/components/VButton.vue'\nimport VIcon from '@/components/VIcon.vue'\n\n//#region form\ninterface LoginViewModel {\n  emailOrHandle: string\n  password: string\n}\n\nconst form = ref<LoginViewModel>({\n  emailOrHandle: '',\n  password: ''\n})\n\nconst rules = computed(() => ({\n  emailOrHandle: { required, maxLength: maxLength(100) },\n  password: { required, maxLength: maxLength(100) }\n}))\n\nconst v$ = useVuelidate<LoginViewModel>(rules, form)\n//#endregion\n\nconst userStore = useUserStore()\nconst router = useRouter()\nconst currentRoute = useRoute()\n\nconst isLoggingIn = ref(false)\nconst errorMessage = ref<string | undefined>()\n\nasync function login(e: Event) {\n  e.preventDefault()\n\n  try {\n    v$.value.$validate()\n    if (v$.value.$error) return\n\n    isLoggingIn.value = true\n    await userStore.login(form.value.emailOrHandle, form.value.password)\n\n    if (userStore.isLoggedIn) redirect()\n    else throw new Error('Invalid login.')\n  } catch {\n    errorMessage.value =\n      \"Login failed. Please make sure you've entered your email and password correctly.\"\n    isLoggingIn.value = false\n  }\n}\n\nfunction redirect() {\n  const url = router.resolve(currentRoute.query.redirect?.toString() || '/')\n  router.push(url)\n}\n</script>\n\n<template>\n  <SplashLayout>\n    <form @submit=\"login\">\n      <div class=\"row mb-3\">\n        <div class=\"col\">\n          <VError v-if=\"errorMessage\">{{ errorMessage }}</VError>\n        </div>\n      </div>\n      <div class=\"row\">\n        <div class=\"col\">\n          <VInputWrapper icon=\"at\">\n            <input\n              type=\"text\"\n              v-model=\"form.emailOrHandle\"\n              placeholder=\"Email or Handle\"\n              maxlength=\"100\"\n              class=\"form-control\"\n              :class=\"{ 'is-invalid': v$.emailOrHandle.$error }\"\n            />\n          </VInputWrapper>\n        </div>\n      </div>\n      <div class=\"row mt-3\">\n        <div class=\"col\">\n          <VInputWrapper icon=\"lock\">\n            <input\n              type=\"password\"\n              v-model=\"form.password\"\n              placeholder=\"Password\"\n              maxlength=\"100\"\n              class=\"form-control\"\n              :class=\"{ 'is-invalid': v$.password.$error }\"\n            />\n          </VInputWrapper>\n        </div>\n      </div>\n      <div class=\"row mt-3\">\n        <div class=\"col\">\n          <VButton\n            class=\"btn btn-light w-100\"\n            :is-loading=\"isLoggingIn\"\n            type=\"submit\"\n            loading-text=\"Signing in...\"\n            >Sign In</VButton\n          >\n        </div>\n      </div>\n      <div class=\"row mt-5\">\n        <div class=\"col fs-7 text-center\">\n          <span class=\"text-stone-400\">Don't have an account?</span>\n          <router-link :to=\"{name: 'join'}\" class=\"ms-2\">Create one now.</router-link>\n          <!-- <span class=\"text-stone-400\">Casknotes is currently <span class=\"text-stone-0\">invite only</span>.</span> -->\n        </div>\n      </div>\n    </form>\n  </SplashLayout>\n</template>\n","<script setup lang=\"ts\">\nimport User from '@/models/User'\nimport { computed, type CSSProperties } from 'vue'\nimport VIcon from '@/components/VIcon.vue';\nimport type UserSummary from '@/models/UserSummary';\n\nconst props = withDefaults(defineProps<{ user: User | UserSummary; size?: number }>(), {\n  size: 40\n})\n\nconst style = computed(() => {\n  let style: CSSProperties = {\n    width: `${props.size}px`,\n    height: `${props.size}px`\n  }\n\n  if (props.user.imageUrl) {\n    style = {\n      ...style,\n      background: `url(${props.user.imageUrl})`,\n      'background-size': 'cover',\n      'background-position': 'center'\n    }\n  } else {\n    style = {\n      ...style,\n      'font-size': `${props.size * .8}px`\n    }\n  }\n\n  return style\n})\n\n</script>\n\n<template>\n  <div class=\"avatar shadow\" :style=\"style\">\n    <VIcon v-if=\"!user.imageUrl\" prefix=\"sr\" icon=\"user\" class=\"no-image\"></VIcon>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.avatar {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  background-color: map-get($custom-colors, 'stone-400');\n  border: 2px solid map-get($custom-colors, 'stone-200');\n  overflow: hidden;\n}\n\n.no-image {\n  display: block;\n  pointer-events: none;\n  color: map-get($custom-colors, 'stone-500');\n  transform: translateY(8%);\n}\n</style>\n","import HttpService, { type IHttpService } from '@/services/HttpService'\nimport Notification from '@/models/Notification'\n\nconst controller = 'notifications'\n\nclass NotificationService {\n  private readonly _http: IHttpService\n\n  constructor() {\n    this._http = new HttpService(controller)\n  }\n\n  public async getAllForCurrentUser(): Promise<Notification[]> {\n    return this._http.get('')\n  }\n\n  public async markAllSeenForCurrentUser(): Promise<void> {\n    return this._http.post('seen', undefined)\n  }\n}\n\nexport default new NotificationService()\n","<script setup lang=\"ts\">\nimport VUserAvatar from '@/components/VUserAvatar.vue'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\nimport VIcon from '@/components/VIcon.vue'\nimport { ref } from 'vue'\nimport notificationService from '@/services/NotificationService'\n\nconst { user } = storeToRefs(useUserStore())\n\nconst notificationCount = ref(0)\n\n//ON CREATED\n;(async () => {\n  const notifications = await notificationService.getAllForCurrentUser()\n  notificationCount.value = notifications.filter(n => !n.seen).length\n})()\n</script>\n\n<template>\n  <div class=\"mt-auto d-flex justify-content-center align-items-center shadow bg-stone-900 p-0\">\n    <router-link :to=\"{ name: 'feed' }\" role=\"button\" class=\"nav-btn\">\n      <VIcon prefix=\"rr\" icon=\"home\"></VIcon>\n    </router-link>\n\n    <router-link :to=\"{ name: 'search' }\" role=\"button\" class=\"nav-btn\">\n      <VIcon prefix=\"rr\" icon=\"search\"></VIcon>\n    </router-link>\n\n    <router-link :to=\"{ name: 'notifications' }\" role=\"button\" class=\"nav-btn position-relative\">\n      <VIcon prefix=\"rr\" icon=\"glass-cheers\"></VIcon>\n      <span class=\"notification-badge\" v-if=\"notificationCount > 0\">\n        <span>{{ notificationCount }}</span>\n      </span>\n    </router-link>\n\n    <router-link :to=\"`/profiles/${user!.handle}`\" role=\"button\" class=\"nav-btn\">\n      <VUserAvatar v-if=\"user\" :user=\"user\" class=\"mx-auto\"></VUserAvatar>\n    </router-link>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.nav-btn {\n  display: block;\n  padding: 10px 0;\n  color: white;\n  text-align: center;\n  flex: 1;\n}\n\n.nav-btn > i.fi {\n  font-size: 32px;\n}\n\n.nav-btn.router-link-active {\n  color: white;\n  pointer-events: none;\n}\n\n.notification-badge {\n  position: absolute;\n  font-weight: 1000;\n  color: map-get($custom-colors, 'stone-900');\n  background-color: map-get($custom-colors, 'amber-500');\n  width: 25px;\n  height: 25px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 20px;\n  right: 50%;\n  transform: translate(30px, -10px);\n  border-radius: 100%;\n  border: 4px solid map-get($custom-colors, 'stone-900');\n}\n\n.notification-badge > span {\n  display: block;\n}\n</style>\n","export enum FeedItemType {\n    NewBottle = \"NewBottle\",\n    NewFriendship = \"NewFriendship\",\n    NewRating = \"NewRating\"\n  }\n  ","<script setup lang=\"ts\">\nimport Bottle from '@/models/Bottle'\nimport VIcon from '@/components/VIcon.vue'\nimport { useToast } from 'vue-toastification';\nimport { useUserStore } from '@/stores/user';\nimport { storeToRefs } from 'pinia';\nimport { computed } from 'vue';\n\nconst emit = defineEmits(['delete'])\nconst toast = useToast()\nconst { user: currentUser } = storeToRefs(useUserStore())\n\nexport interface Props {\n  bottle: Bottle\n  slim?: boolean\n  showMenu?: boolean\n  inline?: boolean\n  filterByName?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  slim: false,\n  showMenu: false,\n  inline: false\n})\n\nconst editable = computed(() => currentUser.value?.id === props.bottle.owner.id)\n\nfunction highlightByFilterText(name?: string) {\n  if (!name) return ''\n  if (!props.filterByName || props.filterByName.trim() === '') return name\n\n  return name.replace(new RegExp(props.filterByName, 'gi'), '<span class=\"h\">$&</span>')\n}\n\nfunction deleteBottle(bottle: Bottle) {\n  emit('delete', bottle)\n}\n\nasync function share() {\n  const url = `https://casknotes.com/bottles/${props.bottle.id}`\n  const shareData: ShareData = {\n    title: 'Casknotes',\n    text: props.bottle.spirit.name,\n    url\n  }\n\n  try {\n    await navigator.share(shareData)\n  } catch (err) {\n    await navigator.clipboard.writeText(`Check out this bottle of ${props.bottle.spirit.name} on Casknotes: \\n\\n${url}`);\n    toast.success(\"Copied to clipboard!\")\n  }\n}\n</script>\n\n<template>\n  <div\n    class=\"spirit-card d-block my-2 overflow-hidden bg-stone-800 shadow-sm rounded-2\"\n    :class=\"{ small: inline }\"\n  >\n    <div class=\"d-flex py-2\" :class=\"{ 'border-left-primary': inline }\">\n      <div\n        :style=\"{ width: inline ? '60px' : '70px' }\"\n        class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n        :class=\"{ 'px-1': !inline }\"\n      >\n        <div\n          class=\"img-container w-100 h-100\"\n          :style=\"{ 'background-image': `url(${bottle.spirit.imgSrc})` }\"\n        ></div>\n      </div>\n      <div class=\"bottle-info-container flex-grow-1\" :class=\"{ 'px-3 py-2': !inline }\">\n        <div class=\"spirit-header d-flex mb-2 align-items-center justify-content-between\">\n          <h5 class=\"fw-bolder m-0 p-0\" style=\"flex: 1\">\n            <router-link :to=\"{ name: 'bottle', params: { id: bottle.id } }\" class=\"text-primary\">\n              <span v-html=\"highlightByFilterText(bottle.spirit.name)\"></span>\n            </router-link>\n          </h5>\n          <div class=\"dropdown\" v-if=\"showMenu\">\n            <a\n              role=\"button\"\n              class=\"d-block text-white\"\n              data-bs-toggle=\"dropdown\"\n              data-bs-popper-config='{\"strategy\":\"fixed\"}'\n              aria-expanded=\"false\"\n            >\n              <VIcon\n                prefix=\"br\"\n                icon=\"menu-dots-vertical\"\n                class=\"d-block fs-5\"\n                style=\"transform: translateY(-5px)\"\n              ></VIcon>\n            </a>\n\n            <ul class=\"dropdown-menu\">\n              <li v-if=\"editable\">\n                <router-link\n                  :to=\"{ name: 'editBottle', params: { id: bottle.id } }\"\n                  class=\"dropdown-item\"\n                >\n                  <VIcon prefix=\"rr\" icon=\"edit\" class=\"me-2\"></VIcon>\n                  <span>Edit</span>\n                </router-link>\n              </li>\n              <li>\n                <a class=\"dropdown-item\" role=\"button\" @click=\"share\">\n                  <VIcon prefix=\"rr\" icon=\"share\" class=\"me-2\"></VIcon>\n                  <span>Share</span>\n                </a>\n              </li>\n              <li v-if=\"editable\">\n                <a class=\"dropdown-item text-danger\" role=\"button\" @click=\"deleteBottle(bottle)\">\n                  <VIcon prefix=\"rr\" icon=\"trash-xmark\" class=\"me-2\"></VIcon>\n                  <span>Delete</span>\n                </a>\n              </li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"row gy-2\" :class=\"{ 'text-stone-200': inline }\">\n          <div :class=\"slim ? 'col-4' : ['col-lg-2', 'col-sm-4', 'col-6']\">\n            <span class=\"title\">Type</span>\n            <span>{{ bottle.spirit.type }}</span>\n          </div>\n          <div :class=\"slim ? 'col-4' : ['col-lg-2', 'col-sm-4', 'col-6']\">\n            <span class=\"title\">ABV</span>\n            <span>{{ bottle.abv }}<small>%</small></span>\n            <!-- <span class=\"proof\" v-if=\"proofRange\">{{ proofRange }} proof</span> -->\n          </div>\n          <div :class=\"slim ? 'col-4' : ['col-lg-2', 'col-sm-4', 'col-6']\">\n            <span class=\"title\">Age</span>\n            <span :class=\"{ 'is-empty': !bottle.ageYears }\">{{\n              !bottle.ageYears ? '' : `${bottle.ageYears} years`\n            }}</span>\n          </div>\n          <div v-if=\"!props.slim\" class=\"col-lg-2 col-sm-4 col-6\">\n            <span class=\"title\">Distiller</span>\n            <span :class=\"{ 'is-empty': !bottle.spirit.distiller }\">{{\n              bottle.spirit.distiller\n            }}</span>\n          </div>\n          <div v-if=\"!props.slim\" class=\"col-lg-2 col-sm-4 col-6\">\n            <span class=\"title\">Country</span>\n            <span :class=\"{ 'is-empty': !bottle.spirit.country }\">{{ bottle.spirit.country }}</span>\n          </div>\n          <div v-if=\"!props.slim\" class=\"col-lg-2 col-sm-4 col-6\">\n            <span class=\"title\">Region</span>\n            <span :class=\"{ 'is-empty': !bottle.spirit.region }\">{{ bottle.spirit.region }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/colors.scss';\n.border-left-primary {\n  border-left: 5px solid map-get($custom-colors, 'amber-500');\n}\n\n.title {\n  display: block;\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  color: map-get($custom-colors, 'stone-500');\n  margin-bottom: -3px;\n}\n\n.spirit-header {\n  min-height: 35px;\n}\n\n.proof {\n  font-size: 9px;\n  opacity: 0.5;\n  display: block;\n  margin-top: -5px;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n.img-container {\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  max-height: 100px;\n  max-width: 50px;\n}\n\n.is-empty::after {\n  content: 'N/A';\n  color: map-get($custom-colors, 'stone-600');\n}\n\n@media only screen and (max-width: 575px) {\n  .spirit-header {\n    min-height: 0;\n  }\n\n  .spirit-header > h5 {\n    font-size: 16px;\n  }\n}\n</style>\n\n<style lang=\"scss\">\n@import '@/assets/colors.scss';\n.h {\n  color: map-get($custom-colors, 'amber-300') !important;\n  // background-color: map-get($custom-colors, 'primary') !important;\n}\n</style>\n","import type User from \"@/models/User\";\n\nexport default class Like {\n    public id?: string;\n    public user: User;\n    public feedItemId: string;\n    public created?: Date;\n\n    constructor(user: User, feedItemId: string, id?: string, created?: Date) {\n      this.user = user;\n      this.feedItemId = feedItemId;\n      this.created = created;\n      this.id = id;\n    }\n  }\n  ","import HttpService, { type IHttpService } from '@/services/HttpService'\nimport Like from '@/models/Like'\n\nconst controller = 'likes'\n\nclass LikeService {\n  private readonly _http: IHttpService\n\n  constructor() {\n    this._http = new HttpService(controller)\n  }\n\n  public create(like: Like): Promise<Like> {\n    return this._http.post<Like, Like>('', like)\n  }\n\n  public delete(likeId: string): Promise<void> {\n    return this._http.delete(likeId)\n  }\n}\n\nexport default new LikeService()\n","<script setup lang=\"ts\">\nimport VBottomNavigation from '@/components/VBottomNavigation.vue'\nimport VIcon from '@/components/VIcon.vue'\nimport type { RouteLocationRaw } from 'vue-router'\n\nwithDefaults(\n  defineProps<{\n    title: string\n    backRoute?: RouteLocationRaw\n    showLogout?: boolean\n    hideBottomNav?: boolean\n  }>(),\n  {\n    backRoute: () => {\n      return { name: 'feed' } as RouteLocationRaw\n    },\n    showLogout: false,\n    hideBottomNav: false\n  }\n)\n\nconst emit = defineEmits(['logout'])\nfunction logout() {\n  emit('logout')\n}\n</script>\n\n<template>\n  <div class=\"d-flex flex-column container-xxl\" style=\"height: 100dvh\">\n    <div class=\"row\">\n      <header class=\"py-3 shadow position-relative\">\n        <slot name=\"back\">\n          <router-link :to=\"backRoute\" class=\"d-block text-white\">\n            <VIcon prefix=\"br\" icon=\"angle-left\"></VIcon>\n          </router-link>\n        </slot>\n        <h4 class=\"d-block mx-auto my-0\">{{ title }}</h4>\n        <a v-if=\"showLogout\" class=\"logout\" role=\"button\" @click=\"logout\">\n          <VIcon class=\"fs-4 text-stone-400\" prefix=\"br\" icon=\"exit\"></VIcon>\n        </a>\n      </header>\n    </div>\n    <main class=\"content row\">\n      <slot></slot>\n    </main>\n    <div class=\"row\">\n      <VBottomNavigation v-if=\"!hideBottomNav\" id=\"bottom-navigation\"></VBottomNavigation>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.content {\n  flex-grow: 1;\n  overflow: auto;\n}\n\nheader {\n  display: flex;\n  align-items: center;\n}\n\nheader::after {\n  content: '';\n  flex: 1;\n}\n\n.logout {\n  display: block;\n  position: absolute;\n  right: 15px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n</style>\n\n<style lang=\"scss\">\nheader > *:first-child {\n  flex: 1;\n  font-size: 20px;\n}</style>","<script setup lang=\"ts\">\nimport type UserSummary from '@/models/UserSummary'\nimport VUserAvatar from '@/components/VUserAvatar.vue'\nimport type User from '@/models/User'\nimport { useUserStore } from '@/stores/user'\n\nwithDefaults(\n  defineProps<{\n    users: User[] | UserSummary[]\n  }>(),\n  { users: () => [] }\n)\n\nconst userStore = useUserStore()\n\nfunction isSelf(userId: string) {\n  return userStore.user?.id === userId\n}\n\nfunction areFriends(userId: string) {\n  return userStore.friendRequests.some(\n    (fr) =>\n      (fr.senderId === userId || fr.recipientId === userId) && fr.isAccepted === true\n  )\n}\n\nfunction isRequested(userId: string) {\n  return userStore.friendRequests.some(\n    (fr) => fr.recipientId === userId && fr.isAccepted !== true\n  )\n}\n</script>\n\n<template>\n  <div class=\"my-n4\">\n    <div class=\"d-flex align-items-center my-4\" v-for=\"user in users\" :key=\"user.id\">\n      <router-link :to=\"{ name: 'profile', params: { handle: user.handle } }\" class=\"d-flex align-items-center\">\n        <VUserAvatar :user=\"user\" :size=\"50\"></VUserAvatar>\n        <div class=\"mx-3\">\n          <span class=\"d-block fs-6 text-white fw-bold\">{{ user.handle }}</span>\n          <span class=\"d-block text-stone-400\">{{ user.firstName }} {{ user.lastName }}</span>\n        </div>\n      </router-link>\n      <div v-if=\"!isSelf(user.id!)\" class=\"ms-auto\">\n        <button\n          v-if=\"!areFriends(user.id!) && !isRequested(user.id!)\"\n          class=\"btn btn-primary py-1 px-2\"\n          @click=\"userStore.sendFriendRequest(user.id!)\"\n        >\n          Request\n        </button>\n        <button\n          v-if=\"areFriends(user.id!)\"\n          class=\"btn btn-outline-secondary fw py-1 px-2\"\n          @click=\"userStore.removeFriendRequest(user.id!)\"\n        >\n          Unfriend\n        </button>\n        <span v-if=\"isRequested(user.id!)\" class=\"btn btn-stone-400 py-1 px-2\">Requested</span>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport VUserAvatar from '@/components/VUserAvatar.vue'\nimport VIcon from '@/components/VIcon.vue'\nimport { computed, ref } from 'vue'\nimport { intervalToDuration } from 'date-fns'\nimport { differenceInDays } from 'date-fns'\nimport FeedItem from '@/models/FeedItem'\nimport type User from '@/models/User'\nimport type UserSummary from '@/models/UserSummary'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\nimport likeService from '@/services/LikeService'\nimport Like from '@/models/Like'\nimport TitleBarLayout from '@/views/layouts/TitleBarLayout.vue'\nimport VUserList from '@/components/VUserList.vue'\nimport { useToast } from 'vue-toastification'\n\nconst props = withDefaults(\n  defineProps<{\n    feedItem: FeedItem\n    user: User | UserSummary\n    withImage?: boolean\n  }>(),\n  { withImage: true }\n)\n\nconst toast = useToast()\n\nconst { user: currentUser } = storeToRefs(useUserStore())\n\nconst likes = ref(props.feedItem.likes)\nconst comments = ref(props.feedItem.comments)\n\nconst liked = computed(() => likes.value.some((l) => l.user.id === currentUser.value?.id))\nconst justLiked = ref(false)\n\nconst commentsCount = computed(() => comments.value.length)\nconst likesCount = computed(() => likes.value.length)\n\nconst showLikes = ref(false)\n\nfunction tryShowLikes() {\n  if (likesCount.value > 0) showLikes.value = true\n}\n\nasync function likeToggle() {\n  if (liked.value === true) {\n    //UNLIKE\n    const like = likes.value.find((l) => l.user.id === currentUser.value?.id)\n    if (!like) return\n\n    justLiked.value = false\n    await likeService.delete(like.id!)\n    const idx = likes.value.indexOf(like)\n    if (idx > -1) likes.value.splice(idx, 1)\n  } else {\n    //LIKE\n    const like = await likeService.create(new Like(currentUser.value!, props.feedItem.id))\n    likes.value.push(like)\n    justLiked.value = true\n  }\n}\n\nconst ago = computed(() => {\n  const date = props.feedItem.created\n  const { years, months, days, hours, minutes } = intervalToDuration({\n    start: date,\n    end: new Date()\n  })\n\n  if (years) return `${years}y ago`\n  if (months) return `${Math.round(differenceInDays(new Date(), date) / 7)}w ago`\n  if (days) return `${days}d ago`\n  if (hours) return `${hours}h ago`\n  if (minutes) return `${minutes}m ago`\n  return `Now`\n})\n\nasync function share() {\n  const url = `https://casknotes.com/posts/${props.feedItem.id}`\n  const shareData: ShareData = {\n    title: 'Casknotes',\n    text: 'Check out this post on Casknotes',\n    url\n  }\n\n  try {\n    await navigator.share(shareData)\n  } catch (err) {\n    await navigator.clipboard.writeText(`Check out this post on Casknotes: \\n\\n${url}`);\n    toast.success(\"Copied to clipboard!\")\n  }\n}\n</script>\n\n<template>\n  <div class=\"feed-item py-3\">\n    <div v-if=\"withImage\" class=\"feed-item-left text-center me-4\">\n      <VUserAvatar :user=\"user\" class=\"mx-auto\"></VUserAvatar>\n      <span class=\"d-block small text-stone-400 mt-2\" style=\"font-size: 11px\">\n        {{ ago }}\n      </span>\n    </div>\n\n    <div class=\"feed-item-content\">\n      <div class=\"feed-item-header\">\n        <div class=\"feed-item-summary\">\n          <slot name=\"header\"></slot>\n        </div>\n        <div class=\"feed-item-header-date\" v-if=\"!withImage\">\n          <span class=\"d-block small text-stone-400\">\n            {{ ago }}\n          </span>\n        </div>\n      </div>\n\n      <div class=\"feed-item-body my-3\">\n        <slot name=\"body\"></slot>\n      </div>\n\n      <div class=\"feed-item-footer\">\n        <div class=\"feed-item-actions\">\n          <a role=\"button\" class=\"me-4\" :class=\"{ 'just-liked': justLiked }\" @click=\"likeToggle\">\n            <VIcon\n              :prefix=\"liked ? 'sr' : 'rr'\"\n              icon=\"glass-cheers\"\n              :class=\"{ 'text-primary': liked }\"\n            ></VIcon>\n          </a>\n          <router-link :to=\"{ name: 'post', params: { id: feedItem.id } }\"\n            ><VIcon prefix=\"rr\" icon=\"comment-alt-middle\"></VIcon\n          ></router-link>\n          <a role=\"button\" class=\"ms-4\" @click=\"share\">\n            <VIcon prefix=\"rr\" icon=\"share\"></VIcon>\n          </a>\n        </div>\n        <div class=\"feed-item-stats\">\n          <a role=\"button\" @click=\"tryShowLikes\" :class=\"{ 'text-stone-500': likesCount < 1, 'text-stone-400': likesCount >= 1 }\">\n            <span>{{ likesCount }}</span>\n            <span>{{ likesCount === 1 ? ' like' : ' likes' }}</span>\n          </a>\n          <VIcon prefix=\"ss\" icon=\"bullet\" class=\"mx-1 text-stone-700\"></VIcon>\n          <router-link class=\"text-stone-400\" :to=\"{ name: 'post', params: { id: feedItem.id } }\">\n            <span>{{ commentsCount }}</span>\n            <span>{{ commentsCount === 1 ? ' comment' : ' comments' }}</span>\n          </router-link>\n        </div>\n      </div>\n    </div>\n    <TitleBarLayout v-if=\"showLikes\" title=\"Likes\" class=\"overlay\" :hide-bottom-nav=\"true\">\n      <template #back>\n        <a role=\"button\" @click=\"showLikes = false\" class=\"d-block text-white\" style=\"flex: 1\">\n          <VIcon prefix=\"br\" icon=\"angle-left\"></VIcon>\n        </a>\n      </template>\n\n      <div class=\"py-3\">\n        <VUserList :users=\"likes.map((l) => l.user)\" class=\"my-0\"></VUserList>\n      </div>\n    </TitleBarLayout>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: map-get($custom-colors, 'stone-900');\n  z-index: 10;\n}\n\n.feed-item {\n  display: flex;\n  border-bottom: 1px solid map-get($custom-colors, 'stone-800');\n}\n\n.feed-item:not(.embedded):first-child {\n  padding-top: 0 !important;\n}\n\n.feed-item-left {\n  text-align: center;\n  width: 45px;\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n\n.feed-item-content {\n  flex-grow: 1;\n}\n\n.feed-item-header {\n  display: flex;\n  align-items: center;\n}\n\n.feed-item-summary {\n  flex-grow: 1;\n}\n\n.feed-item-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.feed-item-header-date {\n  white-space: nowrap;\n}\n\n.feed-item-stats {\n  color: map-get($custom-colors, 'stone-400');\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: bold;\n  letter-spacing: 0.3px;\n}\n\n.feed-item-stats a:hover {\n  text-decoration: underline !important;\n}\n\n.feed-item-actions {\n  display: flex;\n  font-size: 20px;\n}\n\n.feed-item-actions > a {\n  color: map-get($custom-colors, 'stone-400');\n}\n\n.feed-item-actions > a:hover {\n  color: map-get($custom-colors, 'stone-0');\n}\n\n.just-liked {\n  transform-origin: center;\n  animation-duration: 0.5s;\n  animation-name: pulse;\n  backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-font-smoothing: subpixel-antialiased;\n}\n\n@keyframes pulse {\n  0% {\n    animation-timing-function: ease-out;\n    transform: scale(1);\n  }\n\n  20% {\n    animation-timing-function: ease-in;\n    transform: scale(1.3) rotate(5deg);\n  }\n\n  40% {\n    transform: scale(0.93) rotate(-10deg);\n  }\n\n  60% {\n    animation-timing-function: ease-in;\n    transform: scale(1.1) rotate(2deg);\n  }\n\n  80% {\n    animation-timing-function: ease-out;\n    transform: scale(0.98) rotate(-2deg);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type FriendRequest from '@/models/FriendRequest'\nimport type FeedItem from '@/models/FeedItem'\nimport VFeedItem from '@/components/VFeedItem.vue'\nimport type UserSummary from '@/models/UserSummary'\nimport type User from '@/models/User'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  friendRequest: FriendRequest\n  feedItem: FeedItem\n  preferUser?: User | UserSummary\n}>()\n\nconst { friendRequests: friends } = storeToRefs(useUserStore())\n\nconst preferredUser = computed(() => {\n  if (props.preferUser) {\n    return props.preferUser.id === props.friendRequest.recipient!.id\n      ? props.friendRequest.recipient!\n      : props.friendRequest.sender!\n  }\n\n  if (\n    friends.value.some((f) =>\n      [f.senderId, f.recipientId].includes(props.friendRequest.recipient!.id)\n    )\n  )\n    return props.friendRequest.recipient!\n\n  return props.friendRequest.sender!\n})\n\nconst otherUser = computed(() => {\n  if (preferredUser.value === props.friendRequest.recipient) return props.friendRequest.sender!\n\n  return props.friendRequest.recipient!\n})\n</script>\n\n<template>\n  <VFeedItem :feed-item=\"feedItem\" :user=\"preferredUser\">\n    <template #header>\n      <router-link\n        class=\"fw-bold text-white\"\n        :to=\"{ name: 'profile', params: { handle: preferredUser.handle } }\"\n        >{{ preferredUser.handle }}</router-link\n      >\n      <span class=\"text-stone-300 d-inline-block mx-2\"> is now friends with </span>\n      <router-link\n        class=\"fw-bold text-white\"\n        :to=\"{ name: 'profile', params: { handle: otherUser.handle } }\"\n        >{{ otherUser.handle }}</router-link\n      >\n      <span>.</span>\n    </template>\n  </VFeedItem>\n</template>\n","<script setup lang=\"ts\">\nimport Rating from '@/models/Rating'\nimport VIcon from '@/components/VIcon.vue'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\nimport { ref, computed } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\n\nconst emit = defineEmits(['delete'])\nconst { user: currentUser } = storeToRefs(useUserStore())\n\nexport interface Props {\n  rating: Rating\n  showMenu?: boolean\n  withNotes?: boolean\n  postRoute?: RouteLocationRaw | undefined\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  showMenu: false,\n  withNotes: false\n})\n\nconst score = computed(() => {\n  const avg = (props.rating.aromaScore! + props.rating.tasteScore! + props.rating.finishScore!) / 3\n  if (Number.isSafeInteger(avg)) return avg.toString()\n  return avg.toFixed(1)\n})\n\nconst editable = computed(() => currentUser.value?.id === props.rating.userId)\nconst isNotesVisible = ref(false)\nconst hasNotes = computed(() => {\n  return props.rating.aromaNotes?.trim().length\n      || props.rating.tasteNotes?.trim().length\n      || props.rating.finishNotes?.trim().length\n      || props.rating.summary?.trim().length\n})\n\nconst routeForHeader = computed(() => {\n  if (props.postRoute) return props.postRoute\n\n  return { name: 'spirit', params: { id: props.rating.spirit!.id } }\n})\n\nfunction toggleNotes() {\n  isNotesVisible.value = !isNotesVisible.value\n}\n\nfunction deleteRating(rating: Rating) {\n  emit('delete', rating)\n}\n</script>\n\n<template>\n  <div class=\"spirit-card d-block my-2 overflow-hidden bg-stone-800 shadow-sm rounded-2 small\">\n    <div class=\"d-flex py-2 border-left-white\">\n      <div\n        style=\"width: 60px\"\n        class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n      >\n        <div\n          class=\"img-container w-100 h-100\"\n          :style=\"{ 'background-image': `url(${rating.spirit!.imgSrc})` }\"\n        ></div>\n      </div>\n      <div class=\"bottle-info-container flex-grow-1\">\n        <div class=\"spirit-header d-flex mb-2 align-items-center justify-content-between\">\n          <h5 class=\"fw-bolder m-0 p-0\" style=\"flex: 1\">\n            <router-link\n              :to=\"routeForHeader\"\n              class=\"text-primary\"\n            >\n              <span> {{ rating.spirit!.name }}</span>\n            </router-link>\n          </h5>\n          <div class=\"dropdown\" v-if=\"showMenu\">\n            <a\n              role=\"button\"\n              class=\"d-block text-white\"\n              data-bs-toggle=\"dropdown\"\n              data-bs-popper-config='{\"strategy\":\"fixed\"}'\n              aria-expanded=\"false\"\n            >\n              <VIcon\n                prefix=\"br\"\n                icon=\"menu-dots-vertical\"\n                class=\"d-block fs-5\"\n                style=\"transform: translateY(-5px)\"\n              ></VIcon>\n            </a>\n\n            <ul class=\"dropdown-menu\">\n              <li v-if=\"editable\">\n                <a class=\"dropdown-item text-danger\" role=\"button\" @click=\"deleteRating(rating)\">\n                  <VIcon prefix=\"rr\" icon=\"trash-xmark\" class=\"me-2\"></VIcon>\n                  <span>Delete</span>\n                </a>\n              </li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"row gy-2 text-stone-200\">\n          <div class=\"col-4\">\n            <span class=\"title\">Aroma</span>\n            <span>{{ rating.aromaScore }}</span>\n          </div>\n          <div class=\"col-4\">\n            <span class=\"title\">Taste</span>\n            <span>{{ rating.tasteScore }}</span>\n          </div>\n          <div class=\"col-4\">\n            <span class=\"title\">Finish</span>\n            <span>{{ rating.finishScore }}</span>\n          </div>\n        </div>\n      </div>\n      <div\n        style=\"width: 70px\"\n        class=\"d-flex align-items-center justify-content-center flex-shrink-0\"\n      >\n        <div class=\"overall-score\">{{ score }}</div>\n      </div>\n    </div>\n    <div v-if=\"withNotes && hasNotes\" class=\"p-2 bg-stone-900\">\n      <div>\n        <a role=\"button\" @click=\"toggleNotes\" class=\"text-primary\">\n          <VIcon\n            :icon=\"isNotesVisible ? 'caret-down' : 'caret-right'\"\n            prefix=\"sr\"\n            class=\"me-1\"\n          ></VIcon>\n          <span class=\"fw-bold\">{{ isNotesVisible ? 'Hide Notes' : 'Show Notes' }}</span>\n        </a>\n      </div>\n      <div v-if=\"isNotesVisible\" class=\"mt-3\">\n        <div class=\"d-flex\">\n          <span class=\"title fs-6 text-primary fw-black mb-1\">Aroma</span>\n          <span class=\"title fs-6 text-stone-0 fw-black ms-4\">{{ rating.aromaScore }}</span>\n          <span class=\"title fs-6 text-stone-400 ms-1\">/ 10</span>\n        </div>\n        <p class=\"text-stone-300\" style=\"line-height: 20px\">\n          {{ rating.aromaNotes }}\n        </p>\n\n        <div class=\"d-flex\">\n          <span class=\"title fs-6 text-primary fw-black mb-1\">Taste</span>\n          <span class=\"title fs-6 text-stone-0 fw-black ms-4\">{{ rating.tasteScore }}</span>\n          <span class=\"title fs-6 text-stone-400 ms-1\">/ 10</span>\n        </div>\n        <p class=\"text-stone-300\" style=\"line-height: 20px\">\n          {{ rating.tasteNotes }}\n        </p>\n\n        <div class=\"d-flex\">\n          <span class=\"title fs-6 text-primary fw-black mb-1\">Finish</span>\n          <span class=\"title fs-6 text-stone-0 fw-black ms-4\">{{ rating.finishScore }}</span>\n          <span class=\"title fs-6 text-stone-400 ms-1\">/ 10</span>\n        </div>\n        <p class=\"text-stone-300\" style=\"line-height: 20px\">\n          {{ rating.finishNotes }}\n        </p>\n\n        <div class=\"d-flex\">\n          <span class=\"title fs-6 text-primary fw-black mb-1\">Overall</span>\n          <span class=\"title fs-6 text-stone-0 fw-black ms-4\">{{ score }}</span>\n          <span class=\"title fs-6 text-stone-400 ms-1\">/ 10</span>\n        </div>\n        <p class=\"text-stone-300 mb-0\" style=\"line-height: 20px\">\n          {{ rating.summary }}\n        </p>\n      </div>\n\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/colors.scss';\n.border-left-white {\n  border-left: 5px solid map-get($custom-colors, 'stone-0');\n}\n\n.title {\n  display: block;\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  color: map-get($custom-colors, 'stone-500');\n  margin-bottom: -3px;\n}\n\n.spirit-header {\n  min-height: 35px;\n}\n\n.proof {\n  font-size: 9px;\n  opacity: 0.5;\n  display: block;\n  margin-top: -5px;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n.img-container {\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  max-height: 100px;\n  max-width: 50px;\n}\n\n.is-empty::after {\n  content: 'N/A';\n  color: map-get($custom-colors, 'stone-600');\n}\n\n.overall-score {\n  display: flex;\n  width: 55px;\n  height: 55px;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 1000;\n  color: white;\n  border: 4px solid map-get($custom-colors, 'stone-700');\n  background-color: map-get($custom-colors, 'stone-1000');\n  border-radius: 100%;\n}\n\n@media only screen and (max-width: 575px) {\n  .spirit-header {\n    min-height: 0;\n  }\n\n  .spirit-header > h5 {\n    font-size: 16px;\n  }\n}\n</style>\n\n<style lang=\"scss\">\n@import '@/assets/colors.scss';\n.h {\n  color: map-get($custom-colors, 'amber-300') !important;\n  // background-color: map-get($custom-colors, 'primary') !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { FeedItemType } from '@/enums/FeedItemType'\nimport type FeedItem from '@/models/FeedItem'\nimport type NewBottleFeedItem from '@/models/NewBottleFeedItem'\nimport type NewFriendshipFeedItem from '@/models/NewFriendshipFeedItem'\nimport type User from '@/models/User'\nimport type UserSummary from '@/models/UserSummary'\nimport VNewBottleFeedItem from '@/components/VNewBottleFeedItem.vue'\nimport VNewFriendshipFeedItem from '@/components/VNewFriendshipFeedItem.vue'\nimport VNewRatingFeedItem from '@/components/VNewRatingFeedItem.vue'\nimport type NewRatingFeedItem from '@/models/NewRatingFeedItem'\n\nconst props = withDefaults(defineProps<{\n  feedItems: FeedItem[]\n  preferUser?: User | UserSummary\n  isLoading?: boolean\n}>(), {\n  isLoading: false\n})\n\nfunction getComponentForFeedItem(feedItem: FeedItem) {\n  if (feedItem.feedItemType === FeedItemType.NewBottle) return VNewBottleFeedItem\n  if (feedItem.feedItemType === FeedItemType.NewFriendship) return VNewFriendshipFeedItem\n  if (feedItem.feedItemType === FeedItemType.NewRating) return VNewRatingFeedItem\n  return ''\n}\n\nfunction getPropsForFeedItem(feedItem: FeedItem) {\n  if (feedItem.feedItemType === FeedItemType.NewBottle)\n    return { feedItem, bottle: (feedItem as NewBottleFeedItem).bottle }\n  if (feedItem.feedItemType === FeedItemType.NewFriendship)\n    return { preferUser: props.preferUser, feedItem, friendRequest: (feedItem as NewFriendshipFeedItem).friendRequest }\n  if (feedItem.feedItemType === FeedItemType.NewRating)\n    return { feedItem, rating: (feedItem as NewRatingFeedItem).rating }\n}\n</script>\n\n<template>\n  <template v-if=\"!isLoading\">\n  <component\n    v-for=\"feedItem in feedItems\"\n    :key=\"feedItem.id\"\n    :is=\"getComponentForFeedItem(feedItem)\"\n    v-bind=\"getPropsForFeedItem(feedItem)\"\n  ></component>\n\n  <div v-if=\"feedItems.length === 0\" class=\"py-3 text-center\">\n    <span class=\"text-stone-400\">Looks like there's nothing here!</span>\n  </div>\n</template>\n\n<template v-if=\"isLoading\">\n  <div class=\"py-3 text-center\">\n    <span class=\"text-stone-400\">Loading items...</span>\n  </div>\n</template>\n</template>\n","<script setup lang=\"ts\">\nimport DefaultLayout from '@/views/layouts/DefaultLayout.vue'\nimport { ref } from 'vue'\nimport feedItemService from '@/services/FeedItemService'\nimport type FeedItem from '@/models/FeedItem'\nimport VFeed from '@/components/VFeed.vue'\nimport VIcon from '@/components/VIcon.vue'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\n\nconst { user: currentUser } = storeToRefs(useUserStore())\nconst feedItems = ref<FeedItem[] | undefined>()\nconst isLoading = ref(true)\n\n//ON CREATED\n;(async () => {\n  try {\n    feedItems.value = await feedItemService.getAllForCurrentUser()\n  } catch {\n    //noop\n  } finally {\n    isLoading.value = false\n  }\n})()\n</script>\n\n<template>\n  <DefaultLayout>\n    <div>\n      <h3 class=\"fw-black\" v-if=\"feedItems?.length\">Feed</h3>\n      <VFeed :feed-items=\"feedItems ?? []\" v-if=\"!isLoading && feedItems?.length\"></VFeed>\n      <div class=\"px-0 text-center pt-5\" v-if=\"isLoading\">\n        <div class=\"spinner-border\" role=\"status\">\n          <span class=\"visually-hidden\">Loading...</span>\n        </div>\n        <div class=\"mt-4 text-stone-400\">Loading your feed...</div>\n      </div>\n      <div class=\"p-5 text-center\" v-if=\"!isLoading && !feedItems?.length\">\n        <h1 class=\"text-uppercase text-stone-300 my-0\">Welcome to <span class=\"fw-black text-stone-0\">Casknotes</span></h1>\n\n        <div class=\"my-5 fs-5 fs-6\">\n          This is your <b>Feed</b> page.<br>You'll see all your friends' updates here.\n        </div>\n\n        <div class=\"my-5 fs-5 fs-6\">\n          Looking for friends? Or some bottles to add to your collection?\n          <router-link :to=\" {name: 'search'}\" class=\"btn fw-black btn-outline-primary mt-2 d-block\">\n            <VIcon prefix=\"br\" icon=\"search\" class=\"me-3 ms-n3\"></VIcon>\n            <span>Search</span>\n          </router-link>\n        </div>\n\n        <div class=\"my-5 fs-5 fs-6\">\n          Or, head over to your profile:\n          <router-link :to=\"{ name: 'profile', params: { handle: currentUser!.handle }}\" class=\"btn fw-black btn-outline-primary mt-2 d-block\">\n            <VIcon prefix=\"br\" icon=\"user\" class=\"me-3 ms-n3\"></VIcon>\n            <span>Profile</span>\n          </router-link>\n        </div>\n      </div>\n    </div>\n  </DefaultLayout>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.spinner-border {\n  border-color: map-get($custom-colors, 'stone-500');\n  border-right-color: transparent;\n  height: 150px;\n  width: 150px;\n  border-width: 10px;\n}\n</style>","<script setup lang=\"ts\">\nimport VBottleCard from '@/components/VBottleCard.vue'\nimport type Bottle from '@/models/Bottle'\nimport { computed, ref, } from 'vue'\nimport VInputWrapper from '@/components/VInputWrapper.vue'\nimport VIcon from '@/components/VIcon.vue'\n\nconst SLIM_PREFERENCE_LOCAL_STORAGE_KEY = 'collectionSlimPreference'\n\nconst props = withDefaults(\n  defineProps<{\n    bottles?: Bottle[]\n    slim?: boolean\n    showMenu?: boolean\n  }>(),\n  {\n    bottles: () => [],\n    slim: undefined,\n    showMenu: false\n  }\n)\n\nconst emit = defineEmits(['deleteBottle'])\n\nfunction deleteBottle(bottle: Bottle) {\n  emit('deleteBottle', bottle)\n}\n\nconst bottles = ref(props.bottles)\nconst slim = ref(\n  (() => {\n    if (props.slim !== undefined) return props.slim\n    const preference = localStorage.getItem(SLIM_PREFERENCE_LOCAL_STORAGE_KEY)\n    if (preference === null) return false\n\n    return preference === 'true'\n  })()\n)\n\nfunction toggleSlim() {\n  if (slim.value === true) {\n    localStorage.setItem(SLIM_PREFERENCE_LOCAL_STORAGE_KEY, 'false')\n    slim.value = false\n  } else {\n    localStorage.setItem(SLIM_PREFERENCE_LOCAL_STORAGE_KEY, 'true')\n    slim.value = true\n  }\n}\n\nconst filterByType = ref<string | undefined>()\nconst filterByName = ref<string>('')\n\nconst filteredBottles = computed(() => {\n  return bottles.value.filter(\n    (bottle) =>\n      (!filterByType.value || bottle.spirit.type === filterByType.value) &&\n      (filterByName.value.trim() === '' ||\n        (bottle.spirit.name &&\n          bottle.spirit.name.toLowerCase().includes(filterByName.value.toLowerCase())))\n  )\n})\n\nfunction clearFilters() {\n  filterByType.value = undefined\n  filterByName.value = ''\n}\n\nconst filterTypeOptions = computed(() => {\n  const types = bottles.value.reduce(\n    (typeCounts, bottle) => {\n      if (bottle.spirit.type === undefined) return typeCounts\n      typeCounts[bottle.spirit.type] = (typeCounts[bottle.spirit.type] ?? 0) + 1\n      return typeCounts\n    },\n    {} as { [key: string]: number }\n  )\n\n  return Object.entries(types).map(([k, v]) => ({ type: k, count: v }))\n})\n</script>\n\n<template>\n  <div>\n    <div class=\"d-flex align-items-center justify-content-between\" v-if=\"bottles?.length\">\n      <div v-if=\"showMenu\">\n        <router-link\n          :to=\"{ name: 'newBottle' }\"\n          class=\"btn btn-primary pt-1 pb-0 ps-0 pe-1 d-flex align-items-center\"\n        >\n          <VIcon prefix=\"br\" icon=\"plus-small\" class=\"fs-3 d-block mt-n2\"></VIcon>\n          <VIcon prefix=\"sr\" icon=\"bottle\" class=\"fs-5 ms-n2\"></VIcon>\n        </router-link>\n      </div>\n      <div>\n        <select\n          class=\"type-select\"\n          v-model=\"filterByType\"\n          :class=\"{ 'select-placeholder': !filterByType }\"\n        >\n          <option :value=\"undefined\" class=\"text-white\">Filter By Type</option>\n          <option\n            v-for=\"option in filterTypeOptions\"\n            :key=\"option.type\"\n            :value=\"option.type\"\n            class=\"text-white\"\n          >\n            {{ option.type }} ({{ option.count }})\n          </option>\n        </select>\n      </div>\n      <VInputWrapper prefix=\"rr\" icon=\"search\" :padding=\"false\" style=\"width: 150px\">\n        <input type=\"text\" class=\"borderless\" v-model=\"filterByName\" />\n      </VInputWrapper>\n    </div>\n\n    <VBottleCard\n      v-for=\"bottle in filteredBottles\"\n      :key=\"bottle.id\"\n      :bottle=\"bottle\"\n      :slim=\"true\"\n      :filterByName=\"filterByName\"\n      :showMenu=\"showMenu\"\n      @delete=\"deleteBottle\"\n    />\n\n    <slot name=\"empty\" v-if=\"!bottles?.length\">\n      <div class=\"p-3 text-center\">\n        <span class=\"text-stone-400\">\n          Looks like this user hasn't added any items to their collection yet.\n        </span>\n      </div>\n    </slot>\n\n    <div v-if=\"bottles && bottles.length && filteredBottles.length === 0\">\n      <div class=\"p-3 text-center\">\n        <span class=\"text-stone-400 d-block\">The filters returned no results.</span>\n        <a role=\"button\" @click=\"clearFilters\">Clear Filters</a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/colors.scss';\n\n.select-placeholder {\n  color: map-get($custom-colors, 'stone-400');\n}\n\n.type-select {\n  width: auto;\n  display: inline;\n  font-size: 13px;\n  padding: 0;\n  padding-right: 4px;\n  border-radius: 0;\n  border: none;\n  transition: none;\n  background-color: map-get($custom-colors, 'stone-900')\n}\n\n.type-select option {\n  background-color: map-get($custom-colors, 'stone-900')\n}\n\ninput.borderless {\n  border: 0;\n  border-bottom: 1px solid map-get($custom-colors, 'stone-500');\n  padding: 0 0 0px 24px;\n  border-radius: 0 !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport TitleBarLayout from '@/views/layouts/TitleBarLayout.vue'\nimport { useProfileStore } from '@/stores/profile'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\nimport { useRoute, useRouter, type RouteLocationRaw } from 'vue-router'\nimport { computed, ref, watch } from 'vue'\nimport VUserAvatar from '@/components/VUserAvatar.vue'\nimport VFeed from '@/components/VFeed.vue'\nimport VCollection from '@/components/VCollection.vue'\nimport VUserList from '@/components/VUserList.vue'\nimport VIcon from '@/components/VIcon.vue'\nimport VRatingCard from '@/components/VRatingCard.vue'\nimport type Bottle from '@/models/Bottle'\nimport { FeedItemType } from '@/enums/FeedItemType'\nimport type NewRatingFeedItem from '@/models/NewRatingFeedItem'\n\ntype Tab = 'feed' | 'collection' | 'friends' | 'posts' | 'bottles' | 'ratings'\n\nconst route = useRoute()\nconst router = useRouter()\nconst profileStore = useProfileStore()\nconst {\n  user,\n  collection,\n  friends,\n  feed,\n  isSelf,\n  isFriendsWithCurrentUser,\n  currentUserNeedsToRespond,\n  currentUserAwaitingResponse,\n  friendRequestForCurrentUser,\n  ratings\n} = storeToRefs(profileStore)\n\nconst userStore = useUserStore()\n\nconst handle = computed(() => route.params.handle as string)\nconst tab = ref<Tab>('feed')\nconst hash = computed(() => route.hash?.replace('#', ''))\nconst title = computed(() => {\n  if (user.value) return user.value.handle\n  if (isBadUser.value) return ''\n  return 'Loading...'\n})\nconst isBadUser = ref(false)\nconst profileIsLoading = ref(false)\nconst feedIsLoading = ref(true)\n\nfunction setTab(_tab: Tab) {\n  router.push({ hash: `#${_tab}` })\n}\n\nfunction isValidTab(str: string) {\n  return ['feed', 'collection', 'friends', 'posts', 'bottles', 'ratings'].includes(\n    str.toLowerCase()\n  )\n}\n\nasync function sendRequest() {\n  if (!user.value?.id) return\n  await userStore.sendFriendRequest(user.value.id)\n}\n\nasync function acceptRequest() {\n  if (!user.value?.id) return\n  await userStore.acceptFriendRequest(user.value.id)\n}\n\nasync function declineRequest() {\n  if (!user.value?.id) return\n  await userStore.declineFriendRequest(user.value.id)\n}\n\nasync function removeRequest() {\n  if (!user.value?.id) return\n  await userStore.removeFriendRequest(user.value.id)\n}\n\nasync function deleteBottle(bottle: Bottle) {\n  await profileStore.deleteBottle(bottle)\n}\n\nfunction getRouteToPost(ratingId: string) {\n  const postId = feed.value?.find(\n    (fi) =>\n      fi.feedItemType === FeedItemType.NewRating && (fi as NewRatingFeedItem).ratingId === ratingId\n  )\n\n  if (!postId) return undefined\n\n  return { name: 'post', params: { id: postId.id } } as RouteLocationRaw\n}\n\nwatch(\n  hash,\n  (newHash) => {\n    if (isValidTab(newHash)) tab.value = newHash as Tab\n    else {\n      router.replace({ hash: undefined })\n      tab.value = 'feed'\n    }\n  },\n  { immediate: true }\n)\n\nwatch(handle, async (newHandle, oldHandle) => {\n  if (newHandle !== oldHandle && route.name === 'profile') {\n    await init()\n  }\n})\n\nasync function logout() {\n  await userStore.logout()\n  profileStore.reset()\n  router.push('/')\n}\n\n//ON CREATED\n;(async () => {\n  await init()\n})()\n\nasync function init() {\n  try {\n    if (profileStore.user?.handle && profileStore.user.handle !== handle.value) profileStore.reset()\n    profileIsLoading.value = !profileStore.user\n    feedIsLoading.value = true\n    await profileStore.getFullProfile(handle.value)\n  } catch (err) {\n    console.error(err)\n    isBadUser.value = true\n  } finally {\n    feedIsLoading.value = false\n    profileIsLoading.value = false\n  }\n}\n</script>\n\n<template>\n  <TitleBarLayout :title=\"title\" @logout=\"logout\" :show-logout=\"true\">\n    <div class=\"px-0\" v-if=\"user && !profileIsLoading\">\n      <!-- #region Header -->\n      <div class=\"d-flex align-items-center p-3 bg-stone-850\">\n        <VUserAvatar :user=\"user\" :size=\"100\" class=\"ms-3\"></VUserAvatar>\n        <div class=\"ms-4\">\n          <span class=\"fs-5 d-block fw-bold\"> {{ user.firstName }} {{ user.lastName }} </span>\n          <span class=\"d-block text-stone-400 mt-n1\">@{{ user.handle }}</span>\n          <template v-if=\"!isSelf\">\n            <button\n              class=\"btn btn-primary py-1 mt-3\"\n              v-if=\"!friendRequestForCurrentUser\"\n              @click=\"sendRequest\"\n            >\n              <VIcon prefix=\"sr\" icon=\"user-add\"></VIcon>\n              <span class=\"ms-2 fs-6\" style=\"letter-spacing: 0px\">Add Friend</span>\n            </button>\n\n            <div v-if=\"currentUserNeedsToRespond\" class=\"mt-3 d-flex\">\n              <button class=\"btn btn-primary py-1 d-block mx-auto\" @click=\"acceptRequest\">\n                <VIcon prefix=\"sr\" icon=\"check\"></VIcon>\n                <span class=\"ms-1\" style=\"letter-spacing: 0px\">Accept</span>\n              </button>\n              <button\n                class=\"btn btn-outline-stone-300 py-1 d-block mx-auto ms-3\"\n                @click=\"declineRequest\"\n              >\n                <span style=\"letter-spacing: 0px\">Decline</span>\n              </button>\n            </div>\n\n            <button\n              class=\"btn btn-outline-primary py-1 mt-3\"\n              v-if=\"isFriendsWithCurrentUser\"\n              @click=\"removeRequest\"\n            >\n              <VIcon prefix=\"sr\" icon=\"remove-user\"></VIcon>\n              <span class=\"ms-2 fs-6\" style=\"letter-spacing: 0px\">Unfriend</span>\n            </button>\n\n            <span class=\"btn btn-stone-700 py-1 mt-3\" v-if=\"currentUserAwaitingResponse\">\n              <VIcon prefix=\"sr\" icon=\"message-arrow-up-right\"></VIcon>\n              <span class=\"ms-2 fs-6\" style=\"letter-spacing: 0px\">Requested</span>\n            </span>\n          </template>\n          <router-link\n            :to=\"{ name: 'editProfile' }\"\n            class=\"btn btn-secondary py-1 mt-3\"\n            v-if=\"isSelf\"\n          >\n            <VIcon prefix=\"sr\" icon=\"user-pen\"></VIcon>\n            <span class=\"ms-2 fs-6\" style=\"letter-spacing: 0px\">Edit Profile</span>\n          </router-link>\n        </div>\n      </div>\n      <!-- #endregion -->\n\n      <!-- #region Tabs -->\n      <div class=\"py-1 bg-stone-850\">\n        <div class=\"tab-container\">\n          <div class=\"d-flex justify-content-between\">\n            <div class=\"tab-link-container\">\n              <a\n                role=\"button\"\n                @click=\"setTab('feed')\"\n                class=\"tab-link\"\n                :class=\"{ 'is-active': ['feed', 'posts'].includes(tab) }\"\n              >\n                <span class=\"d-block text-white small\">{{ feed?.length ?? 0 }}</span>\n                <span class=\"d-block fw-bold text-uppercase\">Posts</span>\n              </a>\n            </div>\n            <div class=\"tab-link-container text-center\">\n              <a\n                role=\"button\"\n                @click=\"setTab('collection')\"\n                class=\"tab-link\"\n                :class=\"{ 'is-active': ['bottles', 'collection'].includes(tab) }\"\n              >\n                <span class=\"d-block text-white small\">{{ collection?.length ?? 0 }}</span>\n                <span class=\"d-block fw-bold text-uppercase\">Bottles</span>\n              </a>\n            </div>\n            <div class=\"tab-link-container text-center\">\n              <a\n                role=\"button\"\n                @click=\"setTab('ratings')\"\n                class=\"tab-link\"\n                :class=\"{ 'is-active': ['ratings'].includes(tab) }\"\n              >\n                <span class=\"d-block text-white small\">{{ ratings?.length ?? 0 }}</span>\n                <span class=\"d-block fw-bold text-uppercase\">Ratings</span>\n              </a>\n            </div>\n            <div class=\"tab-link-container text-end\">\n              <a\n                role=\"button\"\n                @click=\"setTab('friends')\"\n                class=\"tab-link\"\n                :class=\"{ 'is-active': tab === 'friends' }\"\n              >\n                <span class=\"d-block text-white small\">{{ friends?.length ?? 0 }}</span>\n                <span class=\"d-block fw-bold text-uppercase\">Friends</span>\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- #endregion -->\n\n      <div class=\"p-3\">\n        <VFeed\n          v-if=\"tab === 'feed'\"\n          :feed-items=\"feed ?? []\"\n          :is-loading=\"feedIsLoading\"\n          :prefer-user=\"user\"\n        ></VFeed>\n        <VCollection\n          v-if=\"tab === 'collection'\"\n          :bottles=\"collection\"\n          :show-menu=\"true\"\n          @deleteBottle=\"deleteBottle\"\n        >\n          <template #empty v-if=\"isSelf\">\n            <div class=\"p-3 text-center\">\n              <span class=\"text-stone-300\">\n                Your collection is empty!\n                <br />\n                <router-link class=\"fw-bold\" :to=\"{ name: 'newBottle' }\">Click here</router-link> to\n                add your first bottle.\n              </span>\n            </div>\n          </template>\n        </VCollection>\n\n        <div v-if=\"tab === 'ratings'\">\n          <VRatingCard\n            v-for=\"rating in ratings\"\n            :key=\"rating.id\"\n            :rating=\"rating\"\n            :post-route=\"getRouteToPost(rating.id!)\"\n          ></VRatingCard>\n        </div>\n\n        <VUserList v-if=\"tab === 'friends'\" :users=\"friends\"></VUserList>\n      </div>\n    </div>\n\n    <div class=\"px-0 text-center pt-5\" v-if=\"profileIsLoading\">\n      <div class=\"spinner-border\" role=\"status\">\n        <span class=\"visually-hidden\">Loading...</span>\n      </div>\n    </div>\n\n    <div v-if=\"isBadUser\">\n      <div class=\"text-center fs-5 p-4\">\n        <VIcon\n          prefix=\"br\"\n          icon=\"mode-portrait\"\n          class=\"text-stone-700\"\n          style=\"font-size: 100px\"\n        ></VIcon>\n        <span class=\"d-block mb-4\">Uh oh!<br />It looks like this user doesn't exist.</span>\n        <router-link :to=\"{ name: 'feed' }\">&lt; Back to feed</router-link>\n      </div>\n    </div>\n  </TitleBarLayout>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/colors.scss';\n\n.tab-link-container {\n  flex: 1 1 0;\n}\n\na.tab-link {\n  display: block;\n  letter-spacing: 0.5px;\n  color: map-get($custom-colors, 'stone-400');\n  padding: 10px 0;\n  transition: color 0.2s;\n  text-align: center;\n  transition: all 0.3s;\n  font-weight: bold;\n}\n\na.tab-link:hover {\n  color: map-get($custom-colors, 'stone-200');\n}\n\na.tab-link.is-active {\n  color: map-get($custom-colors, 'stone-0');\n  border-color: white;\n}\n\n.spinner-border {\n  border-color: map-get($custom-colors, 'stone-500');\n  border-right-color: transparent;\n  height: 150px;\n  width: 150px;\n  border-width: 10px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useProfileStore } from '@/stores/profile'\nimport { storeToRefs } from 'pinia'\n\ndefineProps<{\n  isNew: boolean\n}>()\n\nconst { user } = storeToRefs(useProfileStore())\n</script>\n\n<template>\n  <div class=\"d-flex flex-column container-xxl\" style=\"height: 100dvh\">\n    <div class=\"row\">\n      <header class=\"py-3 shadow\">\n        <router-link\n          :to=\"user ? { name: 'profile', params: { handle: user.handle }, hash: '#collection' } : { name: 'login' }\"\n          class=\"d-block text-white\"\n        >\n          <span class=\"fs-6 text-stone-400\">Cancel</span>\n        </router-link>\n        <h4 class=\"d-block mx-auto my-0\">{{ isNew ? 'Add Bottle' : 'Edit Bottle' }}</h4>\n      </header>\n    </div>\n    <main class=\"content row\">\n      <slot></slot>\n    </main>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.content {\n  flex-grow: 1;\n  overflow: auto;\n}\n\nheader {\n  display: flex;\n  align-items: center;\n}\n\nheader > *:first-child {\n  flex: 1;\n  font-size: 20px;\n}\n\nheader::after {\n  content: '';\n  flex: 1;\n}\n</style>\n","import HttpService, { type IHttpService } from '@/services/HttpService';\nimport Spirit from '@/models/Spirit';\n\nconst controller = 'spirits';\n\nclass SpiritService {\n  private readonly _http: IHttpService;\n\n  constructor() {\n    this._http = new HttpService(controller);\n  }\n\n  public async get(spiritId: string): Promise<Spirit> {\n    const spiritRaw = await this._http.get<Spirit>(spiritId);\n    return Spirit.clone(spiritRaw);\n  }\n\n  public async create(spirit: Spirit): Promise<Spirit> {\n    const spiritRaw = await this._http.post<Spirit, Spirit>('', spirit);\n    return Spirit.clone(spiritRaw)\n  }\n\n  public async update(spirit: Spirit): Promise<Spirit> {\n    const spiritRaw = await this._http.put<Spirit, Spirit>('', spirit);\n    return Spirit.clone(spiritRaw)\n  }\n\n  public async search(query: string): Promise<Spirit[]> {\n    const spirits: Spirit[] = await this._http.getWithParams('search', { query })\n    return spirits.map(s => Spirit.clone(s));\n  }\n}\n\nexport default new SpiritService();","<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { ref, computed, type Ref, onMounted } from 'vue'\nimport VInputWrapper from '@/components/VInputWrapper.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    minSearchLength?: number\n    searchProperty: keyof T\n    searchFunction: (query: string) => Promise<T[]>\n    keyProperty: keyof T\n    placeholder?: string\n    focusOnLoad?: boolean\n  }>(),\n  {\n    minSearchLength: 2,\n    placeholder: \"\",\n    focusOnLoad: false\n  }\n)\n\nconst collection = ref<T[]>([]) as Ref<T[]>\nconst previouslyRunQueries = ref<string[]>([])\nconst query = ref('')\nconst isSearching = ref(false)\nconst searchInput = ref<HTMLInputElement | null>(null);\n\nconst searchResults = computed(() => {\n  if (query.value.length < props.minSearchLength) return []\n  return collection.value.filter(\n    (i) =>\n      i[props.searchProperty] &&\n      i[props.searchProperty].toLowerCase().indexOf(query.value.toLowerCase()) >= 0\n  )\n})\n\nasync function doQuery() {\n  if (query.value.length < props.minSearchLength) return\n\n  const queryPrefix = query.value.substring(0, props.minSearchLength).toLowerCase()\n  const alreadyQueriedThis = previouslyRunQueries.value.includes(queryPrefix)\n  if (alreadyQueriedThis) return\n\n  previouslyRunQueries.value.push(queryPrefix)\n  isSearching.value = true\n\n  const results = (await props.searchFunction(queryPrefix)) as T[]\n  const keys = collection.value.map((i) => i[props.keyProperty] as string)\n  results.forEach((i) => {\n    if (!keys.includes(i[props.keyProperty])) collection.value.push(i)\n  })\n\n  isSearching.value = false\n}\n\nonMounted(() => {\n  searchInput.value?.focus();\n})\n</script>\n\n<template>\n  <div>\n    <VInputWrapper prefix=\"rr\" icon=\"search\" class=\"fs-5\">\n      <input\n        ref=\"searchInput\"\n        class=\"form-control rounded-0 py-3 fs-5 ps-5\"\n        @input=\"doQuery\"\n        v-model=\"query\"\n        :placeholder=\"placeholder\"\n      />\n      <span class=\"search-spinner\" v-if=\"isSearching\">\n        <span class=\"spinner-border\" role=\"status\"></span>\n      </span>\n    </VInputWrapper>\n  </div>\n\n  <div v-if=\"query.length\">\n    <slot v-if=\"!isSearching\" name=\"add-item\" :query=\"query\"></slot>\n    <slot name=\"result-item\" v-for=\"(item, idx) in searchResults\" :key=\"`item_${idx}`\" :item=\"item\"></slot>\n  </div>\n\n  <slot v-if=\"!query.length\" name=\"no-query\">\n  </slot>\n</template>\n\n<style scoped>\n.search-spinner {\n  position: absolute;\n  right: 20px;\n  top: 50%;\n  transform: translateY(-45%);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport Bottle from '@/models/Bottle'\nimport { computed, onMounted, ref, watch, reactive } from 'vue'\nimport type User from '@/models/User'\nimport bottleService from '@/services/BottleService'\nimport { useRoute, useRouter } from 'vue-router'\nimport EditBottleLayout from '@/views/layouts/EditBottleLayout.vue'\nimport { useUserStore } from '@/stores/user'\nimport { between, helpers, integer, required } from '@vuelidate/validators'\nimport useVuelidate from '@vuelidate/core'\nimport Spirit from '@/models/Spirit'\nimport spiritService from '@/services/SpiritService'\nimport VSearch from '@/components/VSearch.vue'\nimport VIcon from '@/components/VIcon.vue'\nimport VInputWrapper from '@/components/VInputWrapper.vue'\nimport { nextTick } from 'vue'\nimport { addDays, format, parse } from 'date-fns'\nimport VButton from '@/components/VButton.vue'\nimport { useToast } from 'vue-toastification'\nimport { useProfileStore } from '@/stores/profile'\n\nconst { user } = storeToRefs(useUserStore())\nconst profileStore = useProfileStore()\nconst route = useRoute()\nconst router = useRouter()\nconst toast = useToast()\n\nconst id = ref<string | undefined>(route.params.id as string)\nconst bottle = ref<Bottle>(new Bottle(user.value as User))\nconst spirit = computed(() => bottle.value.spirit)\nconst isNew = computed(() => route.name === 'newBottle')\nconst spiritSelected = ref(false)\nconst abvInput = ref<HTMLInputElement | null>(null)\nconst isSaving = ref(false)\nconst isLoading = ref(true)\nconst isEditingSpirit = ref(false)\nconst stringDates = reactive({\n  distillationDate: '',\n  bottlingDate: '',\n  purchaseDate: '',\n  openDate: '',\n  finishDate: ''\n})\n\nfunction limitLength(event: Event) {\n  const input = event.target as HTMLInputElement\n  if (input.value.length > input.maxLength) input.value = input.value.slice(0, input.maxLength)\n}\n\nfunction limitBetween(event: Event, min: number, max: number, decimals: 2) {\n  const input = event.target as HTMLInputElement\n  const decimalSplit = input.value.split('.')\n  const numbersAfterDecimal = decimalSplit.length > 1 ? decimalSplit[1] : ''\n\n  const valueAsNumber = parseFloat(input.value)\n\n  if (valueAsNumber < min) return (input.value = min.toString())\n  if (valueAsNumber > max) return (input.value = max.toString())\n\n  if (numbersAfterDecimal.length > decimals) return (input.value = valueAsNumber.toFixed(decimals))\n}\n\nfunction redirectToProfile(hash?: string) {\n  return router.push({\n    name: 'profile',\n    params: { handle: user.value?.handle },\n    hash: hash ? `#${hash}` : ''\n  })\n}\n\nasync function searchSpirit(query: string) {\n  return await spiritService.search(query)\n}\n\nfunction tryFormat(date: Date | undefined) {\n  if (!date) return ''\n  return format(date, 'yyyy-MM-dd')\n}\n\nfunction tryParse(dateString: string) {\n  if (dateString === '') return undefined\n  return parse(dateString, 'yyyy-MM-dd', new Date())\n}\n\nfunction setStringDates() {\n  if (!bottle.value) return\n\n  stringDates.distillationDate = tryFormat(bottle.value.distillationDate)\n  stringDates.bottlingDate = tryFormat(bottle.value.bottlingDate)\n  stringDates.purchaseDate = tryFormat(bottle.value.purchaseDate)\n  stringDates.openDate = tryFormat(bottle.value.openDate)\n  stringDates.finishDate = tryFormat(bottle.value.finishDate)\n}\n\nwatch(stringDates, (obj) => {\n  bottle.value.distillationDate = tryParse(obj.distillationDate)\n  bottle.value.bottlingDate = tryParse(obj.bottlingDate)\n  bottle.value.purchaseDate = tryParse(obj.purchaseDate)\n  bottle.value.openDate = tryParse(obj.openDate)\n  bottle.value.finishDate = tryParse(obj.finishDate)\n})\n\nconst dateValidator = (val: Date) => {\n  if (val === undefined) return true\n  if (isNaN(val.getTime())) return false\n  return val >= new Date('1900-01-01') && val < addDays(new Date(), 1)\n}\n\nconst bottleRules = computed(() => ({\n  abv: {\n    required: helpers.withMessage('Required', required),\n    between: helpers.withMessage('Between 0-100', between(0, 100))\n  },\n  sizeInMl: {\n    required: helpers.withMessage('Required', required),\n    integer,\n    between: helpers.withMessage('Between 50-2000', between(50, 2000))\n  },\n  ageYears: {\n    integer: helpers.withMessage('Integer Only', integer),\n    between: helpers.withMessage('Between 0-100', between(0, 100))\n  },\n  ageMonths: {\n    integer: helpers.withMessage('Integer Only', integer),\n    between: helpers.withMessage('Between 0-11', between(0, 11))\n  },\n  batch: {},\n  seller: {},\n  pick: {},\n  pricePaid: { between: helpers.withMessage('Between 0-10000', between(0, 10000)) },\n  distillationDate: { between: helpers.withMessage('Invalid date', dateValidator) },\n  bottlingDate: { between: helpers.withMessage('Invalid date', dateValidator) },\n  purchaseDate: { between: helpers.withMessage('Invalid date', dateValidator) },\n  openDate: { between: helpers.withMessage('Invalid date', dateValidator) },\n  finishDate: { between: helpers.withMessage('Invalid date', dateValidator) },\n  remaining: {\n    integer: helpers.withMessage('Integer Only', integer),\n    between: helpers.withMessage('Between 0-100', between(0, 100))\n  }\n}))\n\nconst v$ = useVuelidate<Bottle>(bottleRules, bottle)\n\nasync function selectSpirit(spirit: Spirit) {\n  bottle.value.spirit = spirit\n  spiritSelected.value = true\n\n  await nextTick()\n  abvInput.value?.focus()\n}\n\nasync function addSpirit(name: string) {\n  return router.push({ name: 'newSpirit', query: { name, from: 'addBottle' } })\n}\n\nconst headerStyle = computed(() => {\n  let backgroundImageCss =\n    'linear-gradient(180deg, #29252470 40%, #292524), linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.9))'\n  if (spirit.value.image) backgroundImageCss += `, url(${spirit.value.imgSrc})`\n\n  return { 'background-image': backgroundImageCss }\n})\n\nasync function saveBottle(e: Event) {\n  isSaving.value = true\n  e.preventDefault()\n\n  v$.value.$validate()\n  if (v$.value.$error) {\n    isSaving.value = false\n    toast.error('Unable to save. See form for errors.')\n    return false\n  }\n\n  try {\n    Object.entries(bottle.value).forEach(([k, v]) => {\n      if (v === '') (bottle.value as { [key: string]: any | undefined })[k] = undefined\n    })\n\n    if (bottle.value.id) bottle.value = await bottleService.update(bottle.value)\n    else bottle.value = await bottleService.create(bottle.value)\n\n    profileStore.upsertIntoCollection(bottle.value)\n    redirectToProfile('collection')\n    toast.success('Bottle saved!')\n  } catch (err) {\n    console.log(err)\n  } finally {\n    isSaving.value = false\n  }\n}\n\n//ON CREATED\n;(async () => {\n  //ADDING NEW BOTTLE\n  if (isNew.value) {\n    if (route.query.spiritId) {\n      const spirit = await spiritService.get(route.query.spiritId as string)\n      isLoading.value = false\n      selectSpirit(spirit)\n    }\n    isLoading.value = false\n    return\n  }\n\n  //INVALID ID\n  if (!id.value) {\n    isLoading.value = false\n    return redirectToProfile()\n  }\n\n  //RETRIEVE EXISTING BOTTLE\n  try {\n    bottle.value = await bottleService.get(id.value!)\n    spiritSelected.value = true\n    setStringDates()\n\n    await nextTick()\n    abvInput.value?.focus()\n  } catch {\n    return redirectToProfile()\n  } finally {\n    isLoading.value = false\n  }\n})()\n\nonMounted(async () => {\n  abvInput.value?.focus()\n})\n</script>\n\n<template>\n  <EditBottleLayout :is-new=\"isNew\">\n    <div v-if=\"!isLoading\" class=\"p-0\">\n      <!-- #region SEARCH -->\n      <div>\n        <VSearch\n          v-if=\"!spiritSelected\"\n          search-property=\"name\"\n          :search-function=\"searchSpirit\"\n          key-property=\"id\"\n          placeholder=\"Search by name...\"\n          :focusOnLoad=\"true\"\n        >\n          <template #result-item=\"{ item }\">\n            <a role=\"button\" class=\"result\" @click=\"selectSpirit(item)\">\n              <div\n                style=\"width: 70px; height: 70px\"\n                class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n              >\n                <div\n                  class=\"img-container w-100 h-100\"\n                  :style=\"{ 'background-image': `url(${item.imgSrc})` }\"\n                ></div>\n              </div>\n              <div class=\"spirit-header ms-2\">\n                <h5 class=\"my-0 text-primary fw-bold\">{{ item.name }}</h5>\n                <span class=\"d-block small text-stone-300\">{{ item.type }}</span>\n              </div>\n            </a>\n          </template>\n          <template #add-item=\"{ query }\">\n            <a role=\"button\" class=\"result\" @click=\"addSpirit(query)\">\n              <div\n                style=\"width: 70px; height: 70px\"\n                class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n              >\n                <VIcon prefix=\"br\" icon=\"plus-small\" style=\"font-size: 50px\"></VIcon>\n              </div>\n              <div class=\"spirit-header ms-2\">\n                <h5 class=\"my-0 text-stone-300\">\n                  Add <i class=\"text-white\">&quot;{{ query }}&quot;</i>\n                </h5>\n              </div>\n            </a>\n          </template>\n          <template #no-query>\n            <div class=\"text-center text-stone-400 p-5\">\n              <span class=\"d-block\">Use the input above to find the bottle you'd like to add.</span>\n            </div>\n          </template>\n        </VSearch>\n      </div>\n      <!-- #endregion -->\n\n      <!-- #region EDIT BOTTLE -->\n      <template v-if=\"spiritSelected && !isEditingSpirit\">\n        <div class=\"bg-stone-800\">\n          <div class=\"result header\" :style=\"headerStyle\">\n            <div\n              style=\"width: 100px; height: 100px\"\n              class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n            >\n              <div\n                class=\"img-container w-100 h-100\"\n                :style=\"{ 'background-image': `url(${spirit.imgSrc})` }\"\n              ></div>\n            </div>\n            <div class=\"spirit-header ms-2 text-end me-4\">\n              <h1 class=\"my-0 fw-black text-primary\">\n                {{ spirit.name }}\n              </h1>\n              <div style=\"font-size: 13px\">\n                <div class=\"d-flex justify-content-end\">\n                  <div>\n                    <span>{{ spirit.type }}</span>\n                  </div>\n                  <template v-if=\"spirit.distiller\">\n                    <div class=\"mx-1 title\" style=\"margin-top: 2px\">\n                      <VIcon prefix=\"sr\" icon=\"bullet\"></VIcon>\n                    </div>\n                    <div>\n                      <span>{{ spirit.distiller }}</span>\n                    </div>\n                  </template>\n                  <template v-if=\"spirit.region\">\n                    <div class=\"mx-1 title\" style=\"margin-top: 2px\">\n                      <VIcon prefix=\"sr\" icon=\"bullet\"></VIcon>\n                    </div>\n                    <div>\n                      <span>{{ spirit.region }}</span>\n                    </div>\n                  </template>\n                </div>\n              </div>\n              <div class=\"mt-2 mx-n1\">\n                <span\n                  class=\"badge bg-secondary text-stone-900 fw-black text-uppercase opacity-75 mx-1\"\n                  v-for=\"tag in spirit.tags\"\n                  :key=\"tag\"\n                  >{{ tag }}</span\n                >\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <form class=\"py-3 px-1\" @submit=\"saveBottle\" novalidate>\n          <div class=\"container\">\n            <div class=\"row gy-3\">\n              <div class=\"col-4\">\n                <label class=\"form-label\" for=\"abv\"\n                  >ABV <span class=\"text-primary fw-bold\">*</span></label\n                >\n                <VInputWrapper prefix=\"br\" icon=\"percentage\">\n                  <input\n                    class=\"form-control\"\n                    ref=\"abvInput\"\n                    type=\"number\"\n                    id=\"abv\"\n                    v-model=\"bottle.abv\"\n                    placeholder=\"50.0\"\n                    step=\"0.1\"\n                    :class=\"{ 'is-invalid': v$.abv.$error }\"\n                    @input=\"limitBetween($event, 0, 100, 2)\"\n                  />\n                  <span v-if=\"v$.abv.$error\" class=\"error-text\">{{\n                    v$.abv.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-4\">\n                <label class=\"form-label\" for=\"sizeInMl\"\n                  >Size (ml) <span class=\"text-primary fw-bold\">*</span></label\n                >\n                <VInputWrapper prefix=\"br\" icon=\"bottle\">\n                  <input\n                    class=\"form-control\"\n                    type=\"number\"\n                    id=\"sizeInMl\"\n                    v-model=\"bottle.sizeInMl\"\n                    placeholder=\"750\"\n                    :class=\"{ 'is-invalid': v$.sizeInMl.$error }\"\n                    maxlength=\"4\"\n                    inputmode=\"numeric\"\n                  />\n                  <span v-if=\"v$.sizeInMl.$error\" class=\"error-text\">{{\n                    v$.sizeInMl.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-4\">\n                <label class=\"form-label\" for=\"batch\">Batch</label>\n                <VInputWrapper prefix=\"br\" icon=\"label\">\n                  <input\n                    class=\"form-control\"\n                    id=\"batch\"\n                    v-model=\"bottle.batch\"\n                    placeholder=\"C928\"\n                    :class=\"{ 'is-invalid': v$.batch.$error }\"\n                    maxlength=\"50\"\n                  />\n                  <span v-if=\"v$.batch.$error\" class=\"error-text\">{{\n                    v$.batch.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-8\">\n                <label class=\"form-label\" for=\"remaining\">Age</label>\n                <VInputWrapper prefix=\"br\" icon=\"time-past\">\n                  <div class=\"input d-flex\">\n                    <div class=\"d-flex\">\n                      <input\n                        type=\"number\"\n                        v-model=\"bottle.ageYears\"\n                        class=\"form-control d-block\"\n                        style=\"width: 25px\"\n                        maxlength=\"2\"\n                        @input=\"limitLength($event)\"\n                      />\n                      <label class=\"text-stone-500\">years</label>\n                    </div>\n                    <div class=\"d-flex ms-4\">\n                      <input\n                        type=\"number\"\n                        v-model=\"bottle.ageMonths\"\n                        class=\"d-block form-control\"\n                        style=\"width: 25px\"\n                        max=\"11\"\n                        maxlength=\"2\"\n                        @input=\"limitLength($event)\"\n                      />\n                      <label class=\"text-stone-500\">months</label>\n                    </div>\n                  </div>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-4\">\n                <label class=\"form-label\" for=\"remaining\">% Remaining</label>\n                <VInputWrapper prefix=\"br\" icon=\"humidity\">\n                  <input\n                    class=\"form-control\"\n                    type=\"number\"\n                    id=\"remaining\"\n                    v-model=\"bottle.remaining\"\n                    placeholder=\"50\"\n                    :class=\"{ 'is-invalid': v$.remaining.$error }\"\n                  />\n                  <span v-if=\"v$.remaining.$error\" class=\"error-text\">{{\n                    v$.remaining.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-8\">\n                <label class=\"form-label\" for=\"seller\">Seller</label>\n                <VInputWrapper prefix=\"br\" icon=\"shopping-cart\">\n                  <input\n                    class=\"form-control\"\n                    id=\"seller\"\n                    v-model=\"bottle.seller\"\n                    placeholder=\"Local Spirits\"\n                    :class=\"{ 'is-invalid': v$.seller.$error }\"\n                  />\n                  <span v-if=\"v$.seller.$error\" class=\"error-text\">{{\n                    v$.seller.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-4\">\n                <label class=\"form-label\" for=\"pricePaid\">Paid</label>\n                <VInputWrapper prefix=\"br\" icon=\"dollar\">\n                  <input\n                    class=\"form-control\"\n                    type=\"number\"\n                    id=\"pricePaid\"\n                    v-model=\"bottle.pricePaid\"\n                    placeholder=\"50.00\"\n                    :class=\"{ 'is-invalid': v$.pricePaid.$error }\"\n                  />\n                  <span v-if=\"v$.pricePaid.$error\" class=\"error-text\">{{\n                    v$.pricePaid.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-6\">\n                <label class=\"form-label\" for=\"pick\">Barrel Pick</label>\n                <VInputWrapper prefix=\"br\" icon=\"star\">\n                  <input\n                    class=\"form-control\"\n                    id=\"pick\"\n                    v-model=\"bottle.pick\"\n                    placeholder=\"County Favorite\"\n                    :class=\"{ 'is-invalid': v$.pick.$error }\"\n                  />\n                  <span v-if=\"v$.pick.$error\" class=\"error-text\">{{\n                    v$.pick.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-6\">\n                <label class=\"form-label\" for=\"distillationDate\">Distillation Date</label>\n                <VInputWrapper prefix=\"br\" icon=\"calendar\">\n                  <input\n                    class=\"form-control\"\n                    type=\"date\"\n                    id=\"distillationDate\"\n                    v-model=\"stringDates.distillationDate\"\n                    :class=\"{\n                      'date-input--has-value': bottle.distillationDate,\n                      'is-invalid': v$.distillationDate.$error\n                    }\"\n                  />\n                  <span v-if=\"v$.distillationDate.$error\" class=\"error-text\">{{\n                    v$.distillationDate.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-6\">\n                <label class=\"form-label\" for=\"bottlingDate\">Bottling Date</label>\n                <VInputWrapper prefix=\"br\" icon=\"calendar\">\n                  <input\n                    class=\"form-control\"\n                    type=\"date\"\n                    id=\"bottlingDate\"\n                    v-model=\"stringDates.bottlingDate\"\n                    :class=\"{\n                      'date-input--has-value': bottle.bottlingDate,\n                      'is-invalid': v$.bottlingDate.$error\n                    }\"\n                  />\n                  <span v-if=\"v$.bottlingDate.$error\" class=\"error-text\">{{\n                    v$.bottlingDate.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-6\">\n                <label class=\"form-label\" for=\"purchaseDate\">Purchase Date</label>\n                <VInputWrapper prefix=\"br\" icon=\"calendar\">\n                  <input\n                    class=\"form-control\"\n                    type=\"date\"\n                    id=\"purchaseDate\"\n                    v-model=\"stringDates.purchaseDate\"\n                    :class=\"{\n                      'date-input--has-value': bottle.purchaseDate,\n                      'is-invalid': v$.purchaseDate.$error\n                    }\"\n                  />\n                  <span v-if=\"v$.purchaseDate.$error\" class=\"error-text\">{{\n                    v$.purchaseDate.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-6\">\n                <label class=\"form-label\" for=\"openDate\">Open Date</label>\n                <VInputWrapper prefix=\"br\" icon=\"calendar\">\n                  <input\n                    class=\"form-control\"\n                    type=\"date\"\n                    id=\"openDate\"\n                    v-model=\"stringDates.openDate\"\n                    :class=\"{\n                      'date-input--has-value': bottle.openDate,\n                      'is-invalid': v$.openDate.$error\n                    }\"\n                  />\n                  <span v-if=\"v$.openDate.$error\" class=\"error-text\">{{\n                    v$.openDate.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-6\">\n                <label class=\"form-label\" for=\"finishDate\">Finish Date</label>\n                <VInputWrapper prefix=\"br\" icon=\"calendar\">\n                  <input\n                    class=\"form-control\"\n                    type=\"date\"\n                    id=\"finishDate\"\n                    v-model=\"stringDates.finishDate\"\n                    :class=\"{\n                      'date-input--has-value': bottle.finishDate,\n                      'is-invalid': v$.finishDate.$error\n                    }\"\n                  />\n                  <span v-if=\"v$.finishDate.$error\" class=\"error-text\">{{\n                    v$.finishDate.$errors[0].$message\n                  }}</span>\n                </VInputWrapper>\n              </div>\n\n              <div class=\"col-12\">\n                <label class=\"form-label\" for=\"notes\">Notes</label>\n                <textarea id=\"notes\" v-model=\"bottle.notes\" maxlength=\"500\"></textarea>\n              </div>\n\n              <div class=\"col-12\">\n                <VButton\n                  type=\"submit\"\n                  :is-loading=\"isSaving\"\n                  loading-text=\"Saving...\"\n                  class=\"btn btn-primary w-100\"\n                  >Save Bottle</VButton\n                >\n              </div>\n            </div>\n          </div>\n        </form>\n      </template>\n      <!-- #endregion -->\n    </div>\n\n    <!-- #region SKELETON -->\n    <div v-if=\"isLoading\" class=\"px-0 m-0\">\n      <template>\n        <div\n          class=\"bg-stone-800 d-flex justify-content-between px-2 align-items-center placeholder-glow\"\n          style=\"height: 120px\"\n        >\n          <div class=\"ms-3\" style=\"width: 50px; height: 80px\">\n            <span class=\"placeholder h-100 w-100\"></span>\n          </div>\n\n          <div class=\"flex-grow-1 text-end\">\n            <span class=\"ms-auto placeholder d-block\" style=\"width: 50%; height: 30px\"></span>\n            <span class=\"ms-auto placeholder d-block my-1\" style=\"width: 60%; height: 16px\"></span>\n            <div class=\"mt-2\">\n              <span class=\"ms-auto placeholder me-2\" style=\"width: 20%; height: 16px\"></span>\n              <span class=\"ms-auto placeholder\" style=\"width: 20%; height: 16px\"></span>\n            </div>\n          </div>\n        </div>\n\n        <form class=\"py-3 px-1\">\n          <div class=\"container\">\n            <div class=\"row gy-3 form-placeholders placeholder-glow\">\n              <div class=\"col-6\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-6\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-8\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-4\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-8\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-4\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-6\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-6\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-6\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-6\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-6\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-6\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\">test</span>\n              </div>\n              <div class=\"col-12\">\n                <span class=\"placeholder label-placeholder\"></span>\n                <span class=\"placeholder input-placeholder\" style=\"height: 64px\">test</span>\n              </div>\n              <div class=\"col-12 mt-4\">\n                <a href=\"#\" tabindex=\"-1\" class=\"btn btn-primary disabled placeholder\"></a>\n              </div>\n            </div>\n          </div>\n        </form>\n      </template>\n    </div>\n    <!-- #endregion -->\n  </EditBottleLayout>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.img-container {\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  max-height: 100px;\n  max-width: 50px;\n}\n\n.result {\n  display: flex;\n  align-items: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  color: white;\n  background-color: map-get($custom-colors, 'stone-800');\n}\n\n.spirit-header {\n  flex-grow: 1;\n}\n\n.result.header {\n  background-repeat: no-repeat;\n  background-size: cover, cover, 500px;\n  background-position:\n    center,\n    center,\n    0% 65%;\n  background-color: map-get($custom-colors, 'stone-300');\n  border: 0 !important;\n  position: relative;\n}\n\n.image-upload-container > label {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 2;\n}\n\n.image-upload-container input[type='file'] {\n  display: none;\n}\n\n.result.header h1 {\n  font-size: 25px;\n  text-shadow: 0 3px 0 black;\n}\n\n.result:not(:last-child) {\n  border-bottom: 1px solid map-get($custom-colors, 'stone-900');\n}\n\n.result:not(:first-child) {\n  border-top: 1px solid map-get($custom-colors, 'stone-700');\n}\n\n.title {\n  display: inline-block;\n  font-size: 10px;\n  font-weight: 1000;\n  text-transform: uppercase;\n  color: map-get($custom-colors, 'stone-500');\n  margin-bottom: -3px;\n  margin-right: 5px;\n}\n\n.form-label {\n  margin-bottom: 2px;\n  font-size: 10px;\n  font-weight: 1000;\n  color: map-get($custom-colors, 'stone-300');\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\ninput[type='date']::-webkit-inner-spin-button,\ninput[type='date']::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}\n\n.error-text {\n  position: absolute;\n  bottom: -15px;\n  font-size: 10px;\n  font-weight: bold;\n  text-transform: uppercase;\n  color: var(--bs-form-invalid-color);\n}\n\n.form-placeholders .placeholder {\n  display: block;\n}\n\n.form-placeholders .placeholder.label-placeholder {\n  width: 45px;\n  height: 7px;\n  margin-bottom: 7px;\n}\n\n.form-placeholders .placeholder.input-placeholder {\n  height: 41.58px;\n}\n\nselect > option {\n  background-color: map-get($custom-colors, 'stone-900');\n  color: white;\n}\n\nselect.default-option-selected {\n  color: map-get($custom-colors, 'stone-400');\n}\n</style>\n","export default \"__VITE_PUBLIC_ASSET__184d5cc3__\"","export default \"__VITE_PUBLIC_ASSET__b81c7b60__\"","<script setup lang=\"ts\">\nimport VBottomNavigation from '@/components/VBottomNavigation.vue'\nimport VIcon from '@/components/VIcon.vue';\nimport Bottle from '@/models/Bottle';\nimport { formatDistanceToNow } from 'date-fns'\nimport { computed } from 'vue';\nimport VUserAvatar from '@/components/VUserAvatar.vue';\n\nconst props = defineProps<{\n  bottle?: Bottle\n}>()\n\nconst backRoute = computed(() => {\n  return props.bottle?.owner\n    ? { name: 'profile', params: { handle: props.bottle.owner.handle }, hash: '#collection' }\n    : {}\n})\n\n\n</script>\n\n<template>\n  <div class=\"d-flex flex-column container-xxl\" style=\"height: 100vh\">\n    <div class=\"row shadow\" v-if=\"bottle\" style=\"z-index: 2; position: relative;\">\n        <div class=\"bg-stone-1000 p-3 d-flex align-items-center\">\n        <router-link :to=\"backRoute\" class=\"d-flex align-items-center text-white\">\n          <VIcon prefix=\"br\" icon=\"angle-left\"></VIcon>\n          <VUserAvatar :user=\"bottle.owner\" class=\"mx-3\"></VUserAvatar>\n          <div>\n            <span class=\"d-block fw-bold\">{{ bottle.owner.handle }}</span>\n          </div>\n        </router-link>\n        <div class=\"ms-auto small text-end\">\n          <span class=\"d-block text-stone-400 mb-n1\">Added</span>\n          <span class=\"d-block\">{{ formatDistanceToNow(bottle.added!) }} ago</span>\n        </div>\n      </div>\n    </div>\n    <main class=\"content row\">\n      <slot></slot>\n    </main>\n    <div class=\"row\">\n      <VBottomNavigation\n        v-if=\"!$route.meta.hideBottomNavigation\"\n        id=\"bottom-navigation\"\n      ></VBottomNavigation>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.content {\n  flex-grow: 1;\n  overflow: auto;\n}\n\nheader {\n  display: flex;\n  align-items: center;\n}\n\nheader > *:first-child {\n  flex: 1;\n  font-size: 20px;\n}\n\nheader::after {\n  content: '';\n  flex: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport ViewBottleLayout from '@/views/layouts/ViewBottleLayout.vue'\nimport { computed, ref } from 'vue'\nimport type Bottle from '@/models/Bottle'\nimport bottleService from '@/services/BottleService'\nimport { useRoute, useRouter } from 'vue-router'\nimport VIcon from '@/components/VIcon.vue'\nimport { format } from 'date-fns'\n\nconst route = useRoute()\nconst router = useRouter()\nconst bottle = ref<Bottle | undefined>()\nconst isLoading = ref(false)\n\nconst age = computed(() => {\n  if (!bottle.value) return undefined\n\n  let output = ''\n  if (bottle.value.ageYears)\n    output += `${bottle.value.ageYears} <span class=\"detail text-white\">yrs</span>`\n  if (bottle.value.ageMonths)\n    output += `${output.length ? ' ' : ''}${\n      bottle.value.ageMonths\n    } <span class=\"detail text-white\">mos</span>`\n  return output === '' ? undefined : output\n})\n\nconst spirit = computed(() => {\n  return bottle.value?.spirit\n})\n\nconst headerStyle = computed(() => {\n  let backgroundImageCss =\n    'linear-gradient(180deg, #29252470 40%, #292524), linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.9))'\n  if (spirit.value?.image) backgroundImageCss += `, url(${spirit.value.imgSrc})`\n\n  return { 'background-image': backgroundImageCss }\n})\n\n//ON CREATED\n;(async () => {\n  try {\n    isLoading.value = true\n    bottle.value = await bottleService.get(route.params.id as string)\n  } catch {\n    //bottle not found\n    router.push({ name: 'feed' })\n  } finally {\n    isLoading.value = false\n  }\n})()\n</script>\n\n<template>\n  <ViewBottleLayout :bottle=\"bottle\">\n    <div v-if=\"bottle && spirit && !isLoading\" class=\"p-0\">\n      <!-- #region HEADER -->\n      <div class=\"bg-stone-800\">\n        <div class=\"result header\" :style=\"headerStyle\">\n          <div\n            style=\"width: 100px; height: 100px\"\n            class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n          >\n            <div\n              class=\"img-container w-100 h-100\"\n              :style=\"{ 'background-image': `url(${spirit.imgSrc})` }\"\n            ></div>\n          </div>\n          <div class=\"spirit-header ms-2 text-end me-4\">\n            <h1 class=\"my-0 fw-black text-primary\">\n              <router-link :to=\"{ name: 'spirit', params: { id: spirit.id } }\">\n                {{ spirit.name }}\n                <VIcon\n                  prefix=\"br\"\n                  icon=\"link\"\n                  class=\"fs-6 ms-1 d-inline-block\"\n                  style=\"transform: translateY(-3px)\"\n                ></VIcon>\n              </router-link>\n            </h1>\n            <div style=\"font-size: 13px\">\n              <div class=\"d-flex justify-content-end\">\n                <div>\n                  <span>{{ spirit.type }}</span>\n                </div>\n                <template v-if=\"spirit.distiller\">\n                  <div class=\"mx-1 title\" style=\"margin-top: 2px\">\n                    <VIcon prefix=\"sr\" icon=\"bullet\"></VIcon>\n                  </div>\n                  <div>\n                    <span>{{ spirit.distiller }}</span>\n                  </div>\n                </template>\n                <template v-if=\"spirit.region\">\n                  <div class=\"mx-1 title\" style=\"margin-top: 2px\">\n                    <VIcon prefix=\"sr\" icon=\"bullet\"></VIcon>\n                  </div>\n                  <div>\n                    <span>{{ spirit.region }}</span>\n                  </div>\n                </template>\n              </div>\n            </div>\n            <div class=\"mt-2 mx-n1\">\n              <span\n                class=\"badge bg-secondary text-stone-900 fw-black text-uppercase opacity-75 mx-1\"\n                v-for=\"tag in spirit.tags\"\n                :key=\"tag\"\n                >{{ tag }}</span\n              >\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- #endregion -->\n\n      <!-- #region BOTTLE -->\n      <div class=\"py-3 px-1\">\n        <div class=\"container\">\n          <div class=\"row gy-4\">\n            <div class=\"col-12\">\n              <h4 class=\"my-1 p-0 fs-6 text-stone-400\">About this bottle:</h4>\n            </div>\n            <div class=\"col-6 mt-2\">\n              <label class=\"form-label\">ABV</label>\n              <VIcon v-if=\"Number(bottle.abv) < 60\" prefix=\"rr\" icon=\"percentage\"></VIcon>\n              <img\n                v-if=\"Number(bottle.abv) >= 60\"\n                src=\"/icons/fire.png\"\n                style=\"margin-right: 8px; width: 16px; margin-left: -2px; margin-top: -4px\"\n              />\n              <span>{{ bottle.abv?.toFixed(1) }}</span>\n              <span v-if=\"Number(bottle.abv) >= 60\" class=\"ms-1 small text-white\">%</span>\n            </div>\n            <div class=\"col-6 mt-2\">\n              <label class=\"form-label\">Age</label>\n              <VIcon v-if=\"age\" prefix=\"rr\" icon=\"time-past\"></VIcon>\n              <span v-html=\"age\" :class=\"{ 'is-empty': !age }\"></span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Size (ml)</label>\n              <VIcon prefix=\"rr\" icon=\"bottle\"></VIcon>\n              <span>{{ bottle.sizeInMl }}<span class=\"small text-white\">ml</span></span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Batch</label>\n              <VIcon v-if=\"bottle.batch\" prefix=\"rr\" icon=\"label\"></VIcon>\n              <span :class=\"{ 'is-empty': !bottle.batch }\">{{ bottle.batch }}</span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Remaining</label>\n              <VIcon v-if=\"bottle.remaining\" prefix=\"rr\" icon=\"humidity\"></VIcon>\n              <span :class=\"{ 'is-empty': !bottle.remaining }\">\n                <span v-if=\"bottle.remaining\"\n                  >{{ bottle.remaining }}\n                  <span class=\"detail\">%</span>\n                </span>\n              </span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Seller</label>\n              <VIcon v-if=\"bottle.seller\" prefix=\"rr\" icon=\"shopping-cart\"></VIcon>\n              <span :class=\"{ 'is-empty': !bottle.seller }\">{{ bottle.seller }}</span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Barrel Pick</label>\n              <img\n                v-if=\"bottle.pick\"\n                src=\"/icons/star.png\"\n                style=\"margin-right: 8px; width: 16px; margin-left: -2px; margin-top: -4px\"\n              />\n              <span :class=\"{ 'is-empty': !bottle.pick }\">{{ bottle.pick }}</span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Paid</label>\n              <VIcon v-if=\"bottle.pricePaid\" prefix=\"rr\" icon=\"dollar\"></VIcon>\n              <span :class=\"{ 'is-empty': !bottle.pricePaid }\">{{\n                bottle.pricePaid ? `${bottle.pricePaid.toFixed(2)}` : ''\n              }}</span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Distllation Date</label>\n              <VIcon v-if=\"bottle.distillationDate\" prefix=\"rr\" icon=\"calendar\"></VIcon>\n              <span :class=\"{ 'is-empty': !bottle.distillationDate }\">{{\n                bottle.distillationDate ? format(bottle.distillationDate, 'PPP') : ''\n              }}</span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Bottling Date</label>\n              <VIcon v-if=\"bottle.bottlingDate\" prefix=\"rr\" icon=\"calendar\"></VIcon>\n              <span :class=\"{ 'is-empty': !bottle.bottlingDate }\">{{\n                bottle.bottlingDate ? format(bottle.bottlingDate, 'PPP') : ''\n              }}</span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Purchase Date</label>\n              <VIcon v-if=\"bottle.purchaseDate\" prefix=\"rr\" icon=\"calendar\"></VIcon>\n              <span :class=\"{ 'is-empty': !bottle.purchaseDate }\">{{\n                bottle.purchaseDate ? format(bottle.purchaseDate, 'PPP') : ''\n              }}</span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Open Date</label>\n              <VIcon v-if=\"bottle.openDate\" prefix=\"rr\" icon=\"calendar\"></VIcon>\n              <span :class=\"{ 'is-empty': !bottle.openDate }\">{{\n                bottle.openDate ? format(bottle.openDate, 'PPP') : ''\n              }}</span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Finish Date</label>\n              <VIcon v-if=\"bottle.finishDate\" prefix=\"rr\" icon=\"calendar\"></VIcon>\n              <span :class=\"{ 'is-empty': !bottle.finishDate }\">{{\n                bottle.finishDate ? format(bottle.finishDate, 'PPP') : ''\n              }}</span>\n            </div>\n            <div class=\"col-12\">\n              <label class=\"form-label\">Notes</label>\n              <div class=\"d-flex align-items-stretch\">\n                <div\n                  v-if=\"bottle.notes\"\n                  style=\"width: 3px\"\n                  class=\"bg-stone-700 me-2 my-1 flex-shrink-0 flex-grow-0\"\n                ></div>\n                <div\n                  class=\"fw-normal\"\n                  style=\"line-height: 23px\"\n                  :class=\"{ 'is-empty': !bottle.notes }\"\n                >\n                  {{ bottle.notes }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- #endregion -->\n    </div>\n    <div v-if=\"isLoading\">\n      <div class=\"p-5 text-stone-400\">Loading...</div>\n    </div>\n  </ViewBottleLayout>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\nlabel {\n  display: block;\n  color: map-get($custom-colors, 'amber-500') !important;\n}\n\n.img-container {\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  max-height: 100px;\n  max-width: 50px;\n}\n\n.result {\n  display: flex;\n  align-items: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  color: white;\n  background-color: map-get($custom-colors, 'stone-800');\n}\n\n.spirit-header {\n  flex-grow: 1;\n}\n\n.result.header {\n  background-repeat: no-repeat;\n  background-size: cover, cover, 500px;\n  background-position:\n    center,\n    center,\n    0% 65%;\n  background-color: map-get($custom-colors, 'stone-300');\n  border: 0 !important;\n}\n\n.result.header h1 {\n  font-size: 25px;\n  text-shadow: 0 3px 0 black;\n}\n\n.result:not(:last-child) {\n  border-bottom: 1px solid map-get($custom-colors, 'stone-900');\n}\n\n.result:not(:first-child) {\n  border-top: 1px solid map-get($custom-colors, 'stone-700');\n}\n\n.title {\n  display: inline-block;\n  font-size: 10px;\n  font-weight: 1000;\n  text-transform: uppercase;\n  color: map-get($custom-colors, 'stone-500');\n  margin-bottom: -3px;\n  margin-right: 5px;\n}\n\n.form-label {\n  margin-bottom: 2px;\n  font-size: 10px;\n  font-weight: 1000;\n  color: map-get($custom-colors, 'stone-300');\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\ninput[type='date']::-webkit-inner-spin-button,\ninput[type='date']::-webkit-calendar-picker-indicator {\n  display: none;\n  -webkit-appearance: none;\n}\n\n.error-text {\n  position: absolute;\n  bottom: -15px;\n  font-size: 10px;\n  font-weight: bold;\n  text-transform: uppercase;\n  color: var(--bs-form-invalid-color);\n}\n\n.form-placeholders .placeholder {\n  display: block;\n}\n\n.form-placeholders .placeholder.label-placeholder {\n  width: 45px;\n  height: 7px;\n  margin-bottom: 7px;\n}\n\n.form-placeholders .placeholder.input-placeholder {\n  height: 41.58px;\n}\n\nselect > option {\n  background-color: map-get($custom-colors, 'stone-900');\n  color: white;\n}\n\nselect.default-option-selected {\n  color: map-get($custom-colors, 'stone-400');\n}\n\n.is-empty::after {\n  content: 'N/A';\n  font-weight: normal;\n  color: map-get($custom-colors, 'stone-500');\n  font-size: 15px;\n  display: block;\n  margin-top: 5px;\n}\n\nlabel + i.fi,\n.detail-icon {\n  margin-right: 8px;\n  color: map-get($custom-colors, 'stone-500');\n}\n</style>\n\n<style lang=\"scss\">\n@import '@/assets/colors.scss';\n.detail {\n  font-weight: normal;\n  color: map-get($custom-colors, 'stone-500');\n  font-size: 15px;\n}\n</style>\n","export enum NotificationType {\n  FriendRequestAccepted = \"FriendRequestAccepted\",\n  NewLike = \"NewLike\",\n  NewComment = \"NewComment\",\n  NewFriendRequest = \"NewFriendRequest\",\n  }\n  ","<script setup lang=\"ts\">\nimport Notification from '@/models/Notification'\nimport VUserAvatar from '@/components/VUserAvatar.vue'\nimport { NotificationType } from '@/enums/NotificationType'\nimport type FriendRequestAcceptedNotification from '@/models/FriendRequestAcceptedNotification'\nimport type NewFriendRequestNotification from '@/models/NewFriendRequestNotification'\nimport type NewLikeNotification from '@/models/NewLikeNotification'\nimport type NewCommentNotification from '@/models/NewCommentNotification'\nimport { computed } from 'vue'\nimport { intervalToDuration, differenceInDays } from 'date-fns'\nimport { useUserStore } from '@/stores/user'\nimport VIcon from '@/components/VIcon.vue'\n\nconst userStore = useUserStore()\nconst props = defineProps<{ notification: Notification }>()\nconst emit = defineEmits(['acceptFriendRequest', 'declineFriendRequest'])\n\nconst toRoute = computed(() => {\n  const nt = props.notification.notificationType\n  if (nt === NotificationType.FriendRequestAccepted || nt === NotificationType.NewFriendRequest)\n    return { name: 'profile', params: { handle: triggerUser.value?.handle } }\n\n  if (nt === NotificationType.NewComment)\n    return {\n      name: 'post',\n      params: { id: (props.notification as NewCommentNotification).comment.feedItemId }\n    }\n\n  return {\n    name: 'post',\n    params: { id: (props.notification as NewLikeNotification).like.feedItemId }\n  }\n})\n\nconst triggerUser = computed(() => {\n  const nt = props.notification.notificationType\n  if (nt === NotificationType.FriendRequestAccepted)\n    return (props.notification as FriendRequestAcceptedNotification).friendRequest.recipient!\n  if (nt === NotificationType.NewComment)\n    return (props.notification as NewCommentNotification).comment.user\n  if (nt === NotificationType.NewLike) return (props.notification as NewLikeNotification).like.user\n  if (nt === NotificationType.NewFriendRequest)\n    return (props.notification as NewFriendRequestNotification).friendRequest.sender!\n  return undefined\n})\n\nfunction ago(date: Date) {\n  const { years, months, days, hours, minutes } = intervalToDuration({\n    start: date,\n    end: new Date()\n  })\n\n  if (years) return `${years}y ago`\n  if (months) return `${Math.round(differenceInDays(new Date(), date) / 7)}w ago`\n  if (days) return `${days}d ago`\n  if (hours) return `${hours}h ago`\n  if (minutes) return `${minutes}m ago`\n  return `Now`\n}\n\nfunction acceptFriendRequest(notification: Notification) {\n  userStore.acceptFriendRequest(\n    (notification as NewFriendRequestNotification).friendRequest.senderId!\n  )\n  emit('acceptFriendRequest', notification)\n}\n\nfunction declineFriendRequest(notification: Notification) {\n  userStore.declineFriendRequest(\n    (notification as NewFriendRequestNotification).friendRequest.senderId!\n  )\n  emit('declineFriendRequest', notification)\n}\n</script>\n\n<template>\n  <div class=\"notification\" :class=\"{ 'is-new': !notification.seen }\">\n    <div class=\"me-3\">\n      <VUserAvatar :user=\"triggerUser!\"></VUserAvatar>\n    </div>\n    <div class=\"mt-n1\">\n      <router-link\n        :to=\"{ name: 'profile', params: { handle: triggerUser!.handle } }\"\n        class=\"text-white fw-bold\"\n      >\n        {{ triggerUser!.handle }}\n      </router-link>\n      <span\n        v-if=\"notification.notificationType === NotificationType.FriendRequestAccepted\"\n        class=\"ms-1 text-stone-300\"\n        >has accepted your friend request.</span\n      >\n      <span\n        v-if=\"notification.notificationType === NotificationType.NewLike\"\n        class=\"ms-1 text-stone-300\"\n        >liked <router-link :to=\"toRoute\">your post</router-link>.</span\n      >\n      <span\n        v-if=\"notification.notificationType === NotificationType.NewComment\"\n        class=\"ms-1 text-stone-300\"\n        >commented on <router-link :to=\"toRoute\">your post</router-link>.</span\n      >\n      <span\n        v-if=\"notification.notificationType === NotificationType.NewFriendRequest\"\n        class=\"ms-1 text-stone-300\"\n        >sent you a friend request.</span\n      >\n      <div>\n        <span class=\"d-block small text-stone-400\" style=\"font-size: 11px\">\n          {{ ago(notification.created) }}\n        </span>\n      </div>\n    </div>\n    <div\n      class=\"ps-2 ms-auto text-nowrap\"\n      v-if=\"notification.notificationType === NotificationType.NewFriendRequest\"\n    >\n      <button class=\"btn btn-primary px-2 py-1 ms-2\" @click=\"acceptFriendRequest(notification)\">\n        Accept\n      </button>\n      <button\n        class=\"btn btn-secondary px-2 py-1 ms-2\"\n        @click=\"declineFriendRequest(notification)\"\n      >\n        <VIcon prefix=\"br\" icon=\"cross\"></VIcon>\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.notification {\n  display: flex;\n  border-bottom: 1px solid map-get($custom-colors, 'stone-1000');\n  border-top: 1px solid map-get($custom-colors, 'stone-800');\n  padding: 20px;\n  border-left: 4px solid transparent;\n}\n\n.notification.is-new {\n  border-bottom: 1px solid map-get($custom-colors, 'stone-900');\n  border-top: 1px solid map-get($custom-colors, 'stone-700');\n  background: map-get($custom-colors, 'stone-800');\n  border-left: 4px solid map-get($custom-colors, 'amber-500');\n}\n</style>\n","<script setup lang=\"ts\">\nimport TitleBarLayout from '@/views/layouts/TitleBarLayout.vue'\nimport type Notification from '@/models/Notification'\nimport notificationService from '@/services/NotificationService'\nimport { ref } from 'vue'\nimport VNotification from '@/components/VNotification.vue'\n\nconst notifications = ref<Notification[]>([])\nconst isLoading = ref(false)\n\nfunction removeNotification(notification: Notification) {\n  notifications.value = notifications.value.filter(n => n !== notification)\n}\n\n//ON CREATED\n;(async () => {\n  isLoading.value = true\n  try {\n    notifications.value = await notificationService.getAllForCurrentUser()\n    notificationService.markAllSeenForCurrentUser()\n  } catch {\n    //noop\n  } finally {\n    isLoading.value = false\n  }\n})()\n</script>\n\n<template>\n  <TitleBarLayout title=\"Notifications\" :back-route=\"{ name: 'feed' }\">\n    <div class=\"p-0\">\n      <template v-if=\"!isLoading\">\n        <VNotification v-for=\"n in notifications\" :key=\"n.id\" :notification=\"n\" @decline-friend-request=\"removeNotification\" @accept-friend-request=\"removeNotification\"></VNotification>\n      </template>\n\n      <div v-if=\"!notifications.length && !isLoading\" class=\"text-center text-stone-400 mt-4\">\n        You're all caught up!\n      </div>\n\n      <div v-if=\"isLoading\" class=\"text-center text-stone-400 mt-4\">Loading notifications...</div>\n    </div>\n  </TitleBarLayout>\n</template>\n","<script setup lang=\"ts\">\nimport TitleBarLayout from '@/views/layouts/TitleBarLayout.vue'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\nimport VIcon from '@/components/VIcon.vue'\n\nconst { user } = storeToRefs(useUserStore())\n</script>\n\n<template>\n  <TitleBarLayout title=\"System\" :back-route=\"{ name: 'feed' }\" :hide-bottom-nav=\"true\">\n    <div class=\"p-4\" v-if=\"user\">\n      <h3 class=\"text-stone-300 text-center\">\n        Welcome back, <span class=\"fw-black text-stone-0\">{{ user.firstName }}</span\n        >.\n      </h3>\n      <div class=\"my-4\">\n        <span class=\"fw-bold\">Actions</span>\n        <ul class=\"system-ul\">\n          <li class=\"system-li\">\n            <router-link :to=\"{ name: 'bulkImport' }\">\n              <VIcon icon=\"file-import\" prefix=\"br\"></VIcon>\n              <span class=\"ms-3\">Bulk Import</span>\n            </router-link>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </TitleBarLayout>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.system-ul {\n    margin: 0;\n    padding: 0;\n}\n\n.system-li {\n    padding-left: 10px;\n    margin: 0;\n    list-style-type: none;\n}\n\n.system-li > a {\n    display: block;\n    padding: 8px;\n    font-weight: 1000;\n    font-size: 16px;\n    color: map-get($custom-colors, 'amber-500');\n}\n</style>\n","import type User from '@/models/User'\n\nexport default class Comment {\n  public id?: string\n  public user: User\n  public feedItemId: string\n  public text: string\n  public created?: Date\n\n  constructor(user: User, feedItemId: string, text: string, date?: Date, id?: string) {\n    this.user = user\n    this.feedItemId = feedItemId\n    this.text = text\n    this.created = date\n    this.id = id\n  }\n}\n","<script setup lang=\"ts\">\nimport VUserAvatar from '@/components/VUserAvatar.vue'\nimport Comment from '@/models/Comment'\nimport { intervalToDuration, differenceInDays } from 'date-fns'\nimport VIcon from '@/components/VIcon.vue'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\n\nwithDefaults(\n  defineProps<{\n    comments: Comment[]\n  }>(),\n  { comments: () => [] }\n)\n\nconst emit = defineEmits(['deleteComment'])\n\nconst { user } = storeToRefs(useUserStore())\n\nfunction ago(date: Date) {\n  const { years, months, days, hours, minutes } = intervalToDuration({\n    start: date,\n    end: new Date()\n  })\n\n  if (years) return `${years}y ago`\n  if (months) return `${Math.round(differenceInDays(new Date(), date) / 7)}w ago`\n  if (days) return `${days}d ago`\n  if (hours) return `${hours}h ago`\n  if (minutes) return `${minutes}m ago`\n  return `Now`\n}\n\nfunction deleteComment(commentId: string) {\n  emit(\"deleteComment\", commentId);\n}\n</script>\n\n<template>\n  <div class=\"my-n4\">\n    <div class=\"d-flex my-4\" v-for=\"comment in comments\" :key=\"comment.id\">\n      <div class=\"me-3\">\n        <VUserAvatar class=\"ms-auto\" :size=\"30\" :user=\"comment.user\"></VUserAvatar>\n      </div>\n      <div class=\"mt-n1\">\n        <router-link\n          :to=\"{ name: 'profile', params: { handle: comment.user.handle } }\"\n          class=\"text-white fw-bold\"\n        >\n          {{ comment.user.handle }}\n        </router-link>\n        <span class=\"ms-2\">{{ comment.text }}</span>\n        <div>\n          <span class=\"d-block small text-stone-400\" style=\"font-size: 11px\">\n            {{ ago(comment.created!) }}\n          </span>\n        </div>\n      </div>\n      <div class=\"ms-auto\" v-if=\"comment.user.id === user?.id\">\n        <a role=\"button\" @click=\"deleteComment(comment.id!)\">\n          <VIcon prefix=\"br\" icon=\"trash\" class=\"text-stone-400\"></VIcon>\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n","import HttpService, { type IHttpService } from '@/services/HttpService'\nimport Comment from '@/models/Comment'\n\nconst controller = 'comments'\n\nclass CommentService {\n  private readonly _http: IHttpService\n\n  constructor() {\n    this._http = new HttpService(controller)\n  }\n\n  public create(comment: Comment): Promise<Comment> {\n    return this._http.post<Comment, Comment>('', comment)\n  }\n\n  public delete(commentId: string): Promise<void> {\n    return this._http.delete(commentId)\n  }\n}\n\nexport default new CommentService()\n","<script setup lang=\"ts\">\nimport TitleBarLayout from '@/views/layouts/TitleBarLayout.vue'\nimport FeedItem from '@/models/FeedItem'\nimport feedItemService from '@/services/FeedItemService'\nimport { useRoute } from 'vue-router'\nimport { ref, computed } from 'vue'\nimport { FeedItemType } from '@/enums/FeedItemType'\nimport VNewBottleFeedItem from '@/components/VNewBottleFeedItem.vue'\nimport NewBottleFeedItem from '@/models/NewBottleFeedItem'\nimport NewFriendshipFeedItem from '@/models/NewFriendshipFeedItem'\nimport VNewFriendshipFeedItem from '@/components/VNewFriendshipFeedItem.vue'\nimport VNewRatingFeedItem from '@/components/VNewRatingFeedItem.vue'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\nimport VComments from '@/components/VComments.vue'\nimport commentService from '@/services/CommentService'\nimport Comment from '@/models/Comment'\nimport VButton from '@/components/VButton.vue'\nimport VUserAvatar from '@/components/VUserAvatar.vue'\nimport VIcon from '@/components/VIcon.vue'\nimport NewRatingFeedItem from '@/models/NewRatingFeedItem'\n\nconst { user: currentUser } = storeToRefs(useUserStore())\n\nconst id = ref(useRoute().params.id as string | undefined)\nconst feedItem = ref<FeedItem | undefined>()\nconst isLoading = ref(false)\nconst isCommenting = ref(false)\nconst comment = ref('')\nconst characterCount = computed(() => comment.value.length)\nconst maxCharacters = 400\n\nasync function addComment(e: Event) {\n  e.preventDefault()\n  if (comment.value.length && comment.value.length <= 400) {\n    isCommenting.value = true\n    try {\n      const newComment = await commentService.create(\n        new Comment(currentUser.value!, feedItem.value!.id, comment.value)\n      )\n      feedItem.value?.comments.push(newComment)\n      comment.value = ''\n    } catch {\n      //noop\n    } finally {\n      isCommenting.value = false\n    }\n  }\n}\n\nasync function deleteComment(commentId: string) {\n  await commentService.delete(commentId)\n  const idx = feedItem.value!.comments.findIndex((c) => c.id === commentId)\n  if (idx > -1) feedItem.value!.comments.splice(idx, 1)\n}\n\n//ON CREATED\n;(async () => {\n  if (!id.value) return\n  isLoading.value = true\n\n  try {\n    feedItem.value = await feedItemService.get(id.value)\n  } catch {\n    //noop\n  } finally {\n    isLoading.value = false\n  }\n})()\n</script>\n\n<template>\n  <TitleBarLayout title=\"Post\" :hide-bottom-nav=\"true\">\n    <template #back>\n      <a @click=\"$router.back\" class=\"d-block text-white\">\n        <VIcon prefix=\"br\" icon=\"angle-left\"></VIcon>\n      </a>\n    </template>\n    <div class=\"p-0 d-flex flex-column\" v-if=\"feedItem\">\n      <template v-if=\"feedItem.feedItemType === FeedItemType.NewBottle\">\n        <VNewBottleFeedItem\n          class=\"embedded p-3 bg-stone-1000\"\n          :feed-item=\"feedItem\"\n          :bottle=\"(feedItem as NewBottleFeedItem).bottle\"\n        ></VNewBottleFeedItem>\n      </template>\n\n      <template v-if=\"feedItem.feedItemType === FeedItemType.NewFriendship\">\n        <VNewFriendshipFeedItem\n          class=\"embedded p-3 bg-stone-1000\"\n          :prefer-user=\"currentUser\"\n          :feed-item=\"feedItem\"\n          :friend-request=\"(feedItem as NewFriendshipFeedItem).friendRequest\"\n        ></VNewFriendshipFeedItem>\n      </template>\n\n      <template v-if=\"feedItem.feedItemType === FeedItemType.NewRating\">\n        <VNewRatingFeedItem\n          class=\"embedded p-3 bg-stone-1000\"\n          :feed-item=\"feedItem\"\n          :rating=\"(feedItem as NewRatingFeedItem).rating\"\n          :with-notes=\"true\"\n          :inline=\"true\"\n        ></VNewRatingFeedItem>\n      </template>\n\n      <VComments\n        :comments=\"feedItem.comments\"\n        class=\"p-3\"\n        @delete-comment=\"deleteComment\"\n      ></VComments>\n\n      <form class=\"p-3 border-bottom border-stone-600 bg-stone-800 mt-auto\" @submit=\"addComment\">\n        <label class=\"d-block text-uppercase fw-black text-stone-400 mb-1\" style=\"font-size: 11px\"\n          >Leave a comment</label\n        >\n        <textarea\n          v-model=\"comment\"\n          class=\"bg-stone-900\"\n          style=\"min-height: 70px\"\n          maxlength=\"400\"\n          :disabled=\"isCommenting\"\n        ></textarea>\n        <div class=\"d-flex align-items-center justify-content-between mt-1\">\n          <span class=\"d-block small text-stone-400\"\n            >{{ characterCount }}/{{ maxCharacters }} characters</span\n          >\n          <VUserAvatar class=\"ms-auto me-3\" :size=\"30\" :user=\"currentUser!\"></VUserAvatar>\n          <VButton\n            type=\"submit\"\n            class=\"btn btn-primary py-1\"\n            :is-loading=\"isCommenting\"\n            loading-text=\"Posting...\"\n            >Comment</VButton\n          >\n        </div>\n      </form>\n    </div>\n  </TitleBarLayout>\n</template>\n","import HttpService, { type IHttpService } from '@/services/HttpService';\nimport Spirit from '@/models/Spirit';\nimport type SearchResult from '@/models/SearchResult';\n\nconst controller = 'search';\n\nclass SearchService {\n  private readonly _http: IHttpService;\n\n  constructor() {\n    this._http = new HttpService(controller);\n  }\n\n  public async search(query: string): Promise<SearchResult[]> {\n    const results = await this._http.getWithParams<SearchResult[]>('', { query })\n    return results.map(s => {\n      if (s.type === \"spirit\") s.obj = Spirit.clone(s.obj as Spirit);\n      return s;\n    })\n  }\n}\n\nexport default new SearchService();","<script setup lang=\"ts\">\nimport TitleBarLayout from '@/views/layouts/TitleBarLayout.vue'\nimport searchService from '@/services/SearchService'\nimport VIcon from '@/components/VIcon.vue'\nimport { ref, onMounted, computed } from 'vue'\nimport type SearchResult from '@/models/SearchResult'\nimport type Spirit from '@/models/Spirit'\nimport type UserSummary from '@/models/UserSummary'\nimport VInputWrapper from '@/components/VInputWrapper.vue'\nimport VUserAvatar from '@/components/VUserAvatar.vue'\nimport { useRouter } from 'vue-router'\n\nconst router = useRouter()\nconst timer = ref<number | undefined>()\nconst results = ref<SearchResult[]>([])\nconst query = ref('')\nconst isSearching = ref(false)\nconst waiting = ref(false)\nconst searchInput = ref<HTMLInputElement | null>(null)\nconst filteredResults = computed(() => {\n  if (query.value[0] === '@') return results.value.filter((r) => r.type === 'user')\n\n  return results.value\n})\n\nasync function search() {\n  waiting.value = false\n  isSearching.value = true\n  try {\n    const queryString = query.value[0] === '@' ? query.value.substring(1) : query.value\n    results.value = await searchService.search(queryString)\n  } catch {\n    // noop\n  } finally {\n    isSearching.value = false\n  }\n}\n\nfunction doQuery() {\n  waiting.value = false\n  window.clearTimeout(timer.value)\n\n  if (query.value === '') {\n    isSearching.value = false\n    results.value = []\n    return\n  }\n\n  waiting.value = true\n  timer.value = window.setTimeout(search, 500)\n}\n\nfunction addSpirit(name: string) {\n  return router.push({ name: 'newSpirit', query: { name, from: 'addBottle' } })\n}\n\nonMounted(() => {\n  searchInput.value?.focus()\n})\n</script>\n\n<template>\n  <TitleBarLayout title=\"Search\">\n    <template #back>\n      <a @click=\"$router.back\" class=\"d-block text-white\">\n        <VIcon prefix=\"br\" icon=\"angle-left\"></VIcon>\n      </a>\n    </template>\n\n    <div class=\"p-0 d-flex flex-column h-100\">\n      <VInputWrapper prefix=\"rr\" icon=\"search\" class=\"fs-5\">\n        <input\n          ref=\"searchInput\"\n          class=\"form-control rounded-0 py-3 fs-5 ps-5\"\n          @input=\"doQuery\"\n          v-model=\"query\"\n          placeholder=\"Search friends or spirits...\"\n        />\n        <span class=\"search-spinner\" v-if=\"isSearching\">\n          <span class=\"spinner-border\" role=\"status\"></span>\n        </span>\n      </VInputWrapper>\n\n      <!-- #region RESULTS -->\n      <div v-if=\"filteredResults.length\" class=\"flex-shrink-1 flex-grow-1 overflow-auto\">\n        <router-link\n          :to=\"{ name: 'newSpirit', query: { name: query } }\"\n          role=\"button\"\n          class=\"result\"\n          @click=\"addSpirit(query)\"\n        >\n          <div\n            style=\"width: 70px; height: 70px\"\n            class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n          >\n            <VIcon prefix=\"br\" icon=\"plus-small\" style=\"font-size: 50px\"></VIcon>\n          </div>\n          <div class=\"spirit-header ms-2\">\n            <h5 class=\"my-0 text-stone-300\">\n              Add <i class=\"text-white\">&quot;{{ query }}&quot;</i> as a new Spirit\n            </h5>\n          </div>\n        </router-link>\n        <div class=\"result-container\" v-for=\"result in filteredResults\" :key=\"result.obj.id\">\n          <template v-if=\"result.type === 'spirit'\">\n            <router-link\n              v-for=\"spirit in [result.obj as Spirit]\"\n              :key=\"spirit.id\"\n              role=\"button\"\n              class=\"result\"\n              :to=\"{ name: 'spirit', params: { id: spirit.id } }\"\n            >\n              <div\n                style=\"width: 70px; height: 70px\"\n                class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n              >\n                <div\n                  class=\"img-container w-100 h-100\"\n                  :style=\"{ 'background-image': `url(${spirit.imgSrc})` }\"\n                ></div>\n              </div>\n              <div class=\"spirit-header ms-2\">\n                <span class=\"d-block fw-bold fs-6\">{{ spirit.name }}</span>\n                <span class=\"d-block text-stone-400\">{{ spirit.type }}</span>\n              </div>\n            </router-link>\n          </template>\n\n          <template v-if=\"result.type === 'user'\">\n            <router-link\n              v-for=\"user in [result.obj as UserSummary]\"\n              :key=\"user.id\"\n              role=\"button\"\n              class=\"result\"\n              :to=\"{ name: 'profile', params: { handle: user.handle } }\"\n            >\n              <div\n                style=\"width: 70px; height: 70px\"\n                class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n              >\n                <VUserAvatar :user=\"user\" :size=\"50\"></VUserAvatar>\n              </div>\n\n              <div class=\"ms-2\">\n                <span class=\"d-block fs-6 text-white fw-bold\">{{ user.handle }}</span>\n                <span class=\"d-block text-stone-400\">{{ user.firstName }} {{ user.lastName }}</span>\n              </div>\n            </router-link>\n          </template>\n        </div>\n      </div>\n      <!-- #endregion -->\n\n      <div v-if=\"query.length === 0\" class=\"text-center text-stone-400 p-5\">\n        <span class=\"d-block\">Use the input above to search friends and spirits.</span>\n      </div>\n\n      <div\n        v-if=\"query.length && !isSearching && filteredResults.length === 0 && !waiting\"\n        class=\"text-center text-stone-400 p-5\"\n      >\n        <span class=\"d-block\"\n          >Sorry, we couldn't find any results for\n          <i class=\"text-white\">&quot;{{ query }}&quot;</i></span\n        >\n\n        <div class=\"mt-4 mx-auto text-stone-0\">Can't find the spirit you're looking for?</div>\n        <router-link\n          :to=\"{ name: 'newSpirit', query: { name: query } }\"\n          class=\"mt-1 w-100 btn btn-outline-primary\"\n          >Add \"{{ query}}\" as a new Spirit</router-link\n        >\n      </div>\n    </div>\n  </TitleBarLayout>\n</template>\n\n<style lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.img-container {\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  max-height: 100px;\n  max-width: 50px;\n}\n\n.result {\n  display: flex;\n  align-items: center;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  color: white;\n  background-color: map-get($custom-colors, 'stone-800');\n}\n\n.spirit-header {\n  flex-grow: 1;\n}\n\n.result.header {\n  background-repeat: no-repeat;\n  background-size: cover, cover, 500px;\n  background-position:\n    center,\n    center,\n    0% 65%;\n  background-color: map-get($custom-colors, 'stone-300');\n  border: 0 !important;\n  position: relative;\n}\n\n.image-upload-container > label {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 2;\n}\n\n.image-upload-container input[type='file'] {\n  display: none;\n}\n\n.result-container:not(:last-child) {\n  border-bottom: 1px solid map-get($custom-colors, 'stone-900');\n}\n\n.result-container:not(:first-child) {\n  border-top: 1px solid map-get($custom-colors, 'stone-700');\n}\n\n.search-spinner {\n  position: absolute;\n  right: 20px;\n  top: 50%;\n  transform: translateY(-45%);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport VIcon from '@/components/VIcon.vue'\nimport spiritService from '@/services/SpiritService'\nimport type Spirit from '@/models/Spirit'\nimport TitleBarLayout from '@/views/layouts/TitleBarLayout.vue'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\n\nconst route = useRoute()\nconst spirit = ref<Spirit | undefined>()\nconst { user: currentUser } = storeToRefs(useUserStore())\n\nconst headerStyle = computed(() => {\n  let backgroundImageCss =\n    'linear-gradient(180deg, #29252470 40%, #292524), linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.9))'\n  if (spirit.value?.image) backgroundImageCss += `, url(${spirit.value.imgSrc})`\n\n  return { 'background-image': backgroundImageCss }\n})\n\n//ON CREATED\n;(async () => {\n  spirit.value = await spiritService.get(route.params.id as string)\n})()\n</script>\n\n<template>\n  <TitleBarLayout title=\"View Spirit\">\n    <template #back>\n      <a @click=\"$router.back\" class=\"d-block text-white\">\n        <VIcon prefix=\"br\" icon=\"angle-left\"></VIcon>\n      </a>\n    </template>\n    <div v-if=\"spirit\" class=\"p-0\">\n      <!-- #region HEADER -->\n      <div class=\"bg-stone-800\">\n        <div class=\"result header\" :style=\"headerStyle\">\n          <div\n            style=\"width: 100px; height: 100px\"\n            class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n          >\n            <div\n              class=\"img-container w-100 h-100\"\n              :style=\"{ 'background-image': `url(${spirit.imgSrc})` }\"\n            ></div>\n          </div>\n          <div class=\"spirit-header ms-2 text-end me-4\">\n            <h1 class=\"my-0 fw-black text-primary\">{{ spirit.name }}</h1>\n            <div style=\"font-size: 13px\">\n              <div class=\"d-flex justify-content-end\">\n                <div>\n                  <span>{{ spirit.type }}</span>\n                </div>\n                <template v-if=\"spirit.distiller\">\n                  <div class=\"mx-1 title\" style=\"margin-top: 2px\">\n                    <VIcon prefix=\"sr\" icon=\"bullet\"></VIcon>\n                  </div>\n                  <div>\n                    <span>{{ spirit.distiller }}</span>\n                  </div>\n                </template>\n                <template v-if=\"spirit.region\">\n                  <div class=\"mx-1 title\" style=\"margin-top: 2px\">\n                    <VIcon prefix=\"sr\" icon=\"bullet\"></VIcon>\n                  </div>\n                  <div>\n                    <span>{{ spirit.region }}</span>\n                  </div>\n                </template>\n              </div>\n            </div>\n            <div class=\"mt-2 mx-n1\">\n              <span\n                class=\"badge bg-secondary text-stone-900 fw-black text-uppercase opacity-75 mx-1\"\n                v-for=\"tag in spirit.tags\"\n                :key=\"tag\"\n                >{{ tag }}</span\n              >\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- #endregion -->\n\n      <!-- #SPIRIT -->\n      <div class=\"py-3 px-1\">\n        <div class=\"container\">\n          <div class=\"row gy-4\">\n            <div class=\"col-6\">\n              <label class=\"form-label\">Distiller</label>\n              <VIcon v-if=\"spirit.distiller\" prefix=\"rr\" icon=\"warehouse-alt\"></VIcon>\n              <span :class=\"{ 'is-empty': !spirit.distiller }\">{{ spirit.distiller }}</span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Country</label>\n              <VIcon v-if=\"spirit.country\" prefix=\"rr\" icon=\"flag\"></VIcon>\n              <span :class=\"{ 'is-empty': !spirit.country }\">{{ spirit.country }}</span>\n            </div>\n            <div class=\"col-12\">\n              <label class=\"form-label\">Region</label>\n              <VIcon v-if=\"spirit.region || spirit.subregion\" prefix=\"rr\" icon=\"marker\"></VIcon>\n              <span :class=\"{ 'is-empty': !spirit.subregion && !spirit.region }\">\n                <span v-if=\"spirit.subregion\">{{ spirit.subregion }}</span>\n                <span v-if=\"spirit.subregion && spirit.region\">, </span>\n                <span v-if=\"spirit.region\">{{ spirit.region }}</span>\n              </span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">ABV</label>\n              <VIcon v-if=\"spirit.abv\" prefix=\"rr\" icon=\"percentage\"></VIcon>\n              <span :class=\"{ 'is-empty': !spirit.abv }\">{{ spirit.abv?.toFixed(1) }}</span>\n              <span v-if=\"spirit.abv2\"> - {{ spirit.abv2?.toFixed(1) }}</span>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\">Age</label>\n              <VIcon v-if=\"spirit.ageInYears\" prefix=\"rr\" icon=\"time-past\"></VIcon>\n              <span :class=\"{ 'is-empty': !spirit.ageInYears }\">\n                {{ spirit.ageInYears }} <span v-if=\"spirit.ageInYears\">years</span>\n              </span>\n            </div>\n            <div class=\"col-12\">\n              <label class=\"form-label\">Description</label>\n              <div class=\"d-flex align-items-stretch\">\n                <div\n                  v-if=\"spirit.description\"\n                  style=\"width: 3px\"\n                  class=\"bg-stone-700 me-2 my-1 flex-shrink-0 flex-grow-0\"\n                ></div>\n                <div\n                  class=\"fw-normal\"\n                  style=\"line-height: 23px\"\n                  :class=\"{ 'is-empty': !spirit.description }\"\n                >\n                  {{ spirit.description }}\n                </div>\n              </div>\n            </div>\n            <div class=\"col-12\">\n                <router-link :to=\"{ name: 'newSpiritRating', params: { spiritId: spirit.id }}\" class=\"btn btn-primary w-100\">Rate This Spirit</router-link>\n            </div>\n            <div class=\"col-12\">\n                <router-link :to=\"{ name: 'newBottle', query: { spiritId: spirit.id }}\" class=\"btn btn-outline-stone-0 w-100\">Add To Your Collection</router-link>\n            </div>\n            <div class=\"col-12\">\n                <router-link :to=\"{ name: 'editSpirit', params: { id: spirit.id }}\" class=\"btn btn-outline-primary w-100\">\n                  <span v-if=\"!currentUser?.isAdmin\">Suggest Edits</span>\n                  <span v-if=\"currentUser?.isAdmin\">Edit Spirit</span>\n                </router-link>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- #endregion -->\n    </div>\n  </TitleBarLayout>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\nlabel {\n  display: block;\n  color: map-get($custom-colors, 'amber-500') !important;\n}\n\n.img-container {\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  max-height: 100px;\n  max-width: 50px;\n}\n\n.result {\n  display: flex;\n  align-items: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  color: white;\n  background-color: map-get($custom-colors, 'stone-800');\n}\n\n.spirit-header {\n  flex-grow: 1;\n}\n\n.result.header {\n  background-repeat: no-repeat;\n  background-size: cover, cover, 500px;\n  background-position:\n    center,\n    center,\n    0% 65%;\n  background-color: map-get($custom-colors, 'stone-300');\n  border: 0 !important;\n}\n\n.result.header h1 {\n  font-size: 25px;\n  text-shadow: 0 3px 0 black;\n}\n\n.result:not(:last-child) {\n  border-bottom: 1px solid map-get($custom-colors, 'stone-900');\n}\n\n.result:not(:first-child) {\n  border-top: 1px solid map-get($custom-colors, 'stone-700');\n}\n\n.title {\n  display: inline-block;\n  font-size: 10px;\n  font-weight: 1000;\n  text-transform: uppercase;\n  color: map-get($custom-colors, 'stone-500');\n  margin-bottom: -3px;\n  margin-right: 5px;\n}\n\n.form-label {\n  margin-bottom: 2px;\n  font-size: 10px;\n  font-weight: 1000;\n  color: map-get($custom-colors, 'stone-300');\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\nlabel + i.fi {\n  margin-right: 8px;\n  color: map-get($custom-colors, 'stone-500');\n}\n\n.is-empty::after {\n  content: 'N/A';\n  font-weight: normal;\n  color: map-get($custom-colors, 'stone-500');\n  font-size: 15px;\n  display: block;\n  margin-top: 5px;\n}\n</style>\n","const spiritTags = [\n    \"Single Barrel\",\n    \"Small Batch\",\n    \"Bottled In Bond\",\n    \"Wheated\"\n]\n\nexport default spiritTags;","<script setup lang=\"ts\">\nimport Spirit from '@/models/Spirit'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport spiritService from '@/services/SpiritService'\nimport useVuelidate from '@vuelidate/core'\nimport { between, helpers, integer, required } from '@vuelidate/validators'\nimport { SpiritType } from '@/enums/SpiritType'\nimport SpiritTags from '@/enums/SpiritTags'\nimport { useToast } from 'vue-toastification'\nimport VIcon from '@/components/VIcon.vue'\nimport VInputWrapper from '@/components/VInputWrapper.vue'\nimport TitleBarLayout from '@/views/layouts/TitleBarLayout.vue'\nimport VButton from '@/components/VButton.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst toast = useToast()\n\nconst { user: currentUser } = storeToRefs(useUserStore())\nconst spirit = ref<Spirit>(new Spirit(currentUser.value!))\nconst id = ref<string | undefined>(route.params.id as string)\nconst isNew = computed(() => route.name === 'newSpirit')\nconst isLoading = ref(true)\nconst isSaving = ref(false)\nconst nameInput = ref<HTMLInputElement | null>(null)\n\nconst headerStyle = computed(() => {\n  let backgroundImageCss =\n    'linear-gradient(180deg, #29252470 40%, #292524), linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.9))'\n  if (spirit.value?.image) backgroundImageCss += `, url(${spirit.value.imgSrc})`\n\n  return { 'background-image': backgroundImageCss }\n})\n\nfunction newImage(e: Event) {\n  const input = e.target as HTMLInputElement\n  if (!input.files) return\n\n  const [file] = input.files\n  if (!file) return\n\n  const reader = new FileReader()\n  reader.addEventListener(\n    'load',\n    () => (spirit.value.image = (reader.result ?? '') as string),\n    false\n  )\n  reader.readAsDataURL(file)\n}\n\nfunction toggleTag(tag: string) {\n  if (!spirit.value.tags) spirit.value.tags = []\n  if (hasTag(tag)) {\n    spirit.value.tags = spirit.value.tags.filter((t) => t !== tag)\n  } else {\n    if (!SpiritTags.includes(tag)) return //invalid tag\n    spirit.value.tags.push(tag)\n  }\n}\n\nfunction hasTag(tag: string) {\n  return spirit.value.tags && spirit.value.tags.includes(tag)\n}\n\nconst rules = computed(() => ({\n  name: { required: helpers.withMessage('Required', required) },\n  type: { required: helpers.withMessage('Required', required) },\n  abv: {\n    between: helpers.withMessage('Between 0-100', between(0, 100))\n  },\n  abv2: {\n    between: helpers.withMessage('Between 0-100', between(0, 100))\n  },\n  ageInYears: {\n    integer: helpers.withMessage('Integer Only', integer),\n    between: helpers.withMessage('Between 0-100', between(0, 100))\n  }\n}))\n\nconst v$ = useVuelidate<Spirit>(rules, spirit)\n\nfunction limitBetween(event: Event, min: number, max: number, decimals: 2) {\n  const input = event.target as HTMLInputElement\n  const decimalSplit = input.value.split('.')\n  const numbersAfterDecimal = decimalSplit.length > 1 ? decimalSplit[1] : ''\n\n  const valueAsNumber = parseFloat(input.value)\n\n  if (valueAsNumber < min) return (input.value = min.toString())\n  if (valueAsNumber > max) return (input.value = max.toString())\n\n  if (numbersAfterDecimal.length > decimals) return (input.value = valueAsNumber.toFixed(decimals))\n}\n\nasync function save(e: Event) {\n  e.preventDefault()\n  isSaving.value = true\n\n  v$.value.$validate()\n  if (v$.value.$error) {\n    toast.error('Unable to save. See form for errors.')\n    isSaving.value = false\n    return false\n  }\n\n  try {\n    if (spirit.value.id) spirit.value = await spiritService.update(spirit.value)\n    else spirit.value = await spiritService.create(spirit.value)\n\n    if (route.query.from?.toString().toLowerCase() === 'addbottle')\n      return router.replace({ name: 'newBottle', query: { spiritId: spirit.value.id } })\n    else router.replace({ name: 'spirit', params: { id: spirit.value.id } })\n\n    toast.success('Spirit saved!')\n  } catch (err) {\n    //\n  } finally {\n    isSaving.value = false\n  }\n}\n\n//ON CREATED\n;(async () => {\n  //ADDING NEW SPIRIT\n  if (isNew.value) {\n    if (route.query.name) spirit.value.name = route.query.name as string\n    isLoading.value = false\n    return\n  }\n\n  //INVALID ID\n  if (!id.value) {\n    isLoading.value = false\n    return router.back()\n  }\n\n  //RETRIEVE EXISTING BOTTLE\n  try {\n    isLoading.value = true\n    spirit.value = await spiritService.get(id.value!)\n  } catch {\n    return router.back()\n  } finally {\n    isLoading.value = false\n  }\n})()\n\nonMounted(() => {\n  nameInput.value?.focus()\n})\n</script>\n\n<template>\n  <!-- #region EDIT SPIRIT -->\n  <TitleBarLayout :title=\"isNew ? 'Add Spirit' : 'Edit Spirit'\">\n    <template #back>\n      <a @click=\"$router.back\" class=\"d-block text-white\">\n        <VIcon prefix=\"br\" icon=\"angle-left\"></VIcon>\n      </a>\n    </template>\n\n    <div v-if=\"isLoading\" class=\"p-5 text-center text-stone-400\">Loading...</div>\n\n    <div class=\"p-0\" v-if=\"!isLoading\">\n      <div class=\"d-flex justify-content-center position-relative\">\n        <div\n          v-if=\"!spirit.image\"\n          class=\"position-relative flex-grow-1 text-stone-400\"\n          style=\"height: 130px\"\n        >\n          <VIcon\n            class=\"position-absolute d-block\"\n            prefix=\"rr\"\n            icon=\"square\"\n            style=\"font-size: 100px; left: 50%; top: 50%; transform: translate(-50%, -50%)\"\n          ></VIcon>\n          <VIcon\n            class=\"position-absolute d-block\"\n            prefix=\"br\"\n            icon=\"bottle\"\n            style=\"font-size: 60px; left: 50%; top: 50%; transform: translate(-50%, -50%)\"\n          ></VIcon>\n        </div>\n        <div\n          v-if=\"spirit.image\"\n          class=\"result header flex-grow-1 justify-content-center\"\n          :style=\"headerStyle\"\n        >\n          <div\n            style=\"width: 150px; height: 150px\"\n            class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n          >\n            <div\n              class=\"img-container w-100 h-100\"\n              :style=\"{ 'background-image': `url(${spirit.imgSrc})` }\"\n            ></div>\n          </div>\n        </div>\n        <div class=\"image-upload-container\">\n          <label for=\"imageUpload\"></label>\n          <input id=\"imageUpload\" type=\"file\" accept=\"image/png, image/jpeg\" @change=\"newImage\" />\n        </div>\n      </div>\n      <form class=\"py-3 px-1\" @submit=\"save\">\n        <div class=\"container\">\n          <div class=\"row gy-3\">\n            <div class=\"col-12\">\n              <label class=\"form-label\" for=\"spiritName\">\n                Name<span class=\"text-primary fw-bold\">*</span>\n              </label>\n              <VInputWrapper prefix=\"br\" icon=\"bottle\">\n                <input\n                  class=\"form-control\"\n                  id=\"spiritName\"\n                  v-model=\"spirit.name\"\n                  placeholder=\"Name\"\n                  maxlength=\"50\"\n                  :class=\"{ 'is-invalid': v$.name.$error }\"\n                />\n                <span v-if=\"v$.name.$error\" class=\"error-text\">{{\n                  v$.name.$errors[0].$message\n                }}</span>\n              </VInputWrapper>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\" for=\"spiritType\">\n                Type<span class=\"text-primary fw-bold\">*</span>\n              </label>\n              <VInputWrapper prefix=\"br\" icon=\"bottle\">\n                <select\n                  class=\"form-control spirit-type\"\n                  id=\"spiritType\"\n                  v-model=\"spirit.type\"\n                  :class=\"{\n                    'is-invalid': v$.type.$error,\n                    'default-option-selected': spirit.type === undefined\n                  }\"\n                >\n                  <option :value=\"undefined\">Select...</option>\n                  <option v-for=\"t in SpiritType\" :key=\"t\" :value=\"t\">{{ t }}</option>\n                </select>\n                <span v-if=\"v$.type.$error\" class=\"error-text\">{{\n                  v$.type.$errors[0].$message\n                }}</span>\n              </VInputWrapper>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\" for=\"spiritDistiller\">Distiller</label>\n              <VInputWrapper prefix=\"br\" icon=\"warehouse-alt\">\n                <input\n                  class=\"form-control\"\n                  id=\"spiritDistiller\"\n                  v-model=\"spirit.distiller\"\n                  placeholder=\"Distiller\"\n                  maxlength=\"50\"\n                />\n              </VInputWrapper>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\" for=\"spiritCountry\">Country</label>\n              <VInputWrapper prefix=\"br\" icon=\"flag\">\n                <input\n                  class=\"form-control\"\n                  id=\"spiritCountry\"\n                  v-model=\"spirit.country\"\n                  placeholder=\"Country\"\n                  maxlength=\"50\"\n                />\n              </VInputWrapper>\n            </div>\n            <div class=\"col-6\">\n              <label class=\"form-label\" for=\"spiritRegion\">Region / State</label>\n              <VInputWrapper prefix=\"br\" icon=\"marker\">\n                <input\n                  class=\"form-control\"\n                  id=\"spiritRegion\"\n                  v-model=\"spirit.region\"\n                  placeholder=\"Region\"\n                  maxlength=\"50\"\n                />\n              </VInputWrapper>\n            </div>\n            <div class=\"col-12\">\n              <label class=\"form-label\" for=\"spiritSubregion\">Subregion / City</label>\n              <VInputWrapper prefix=\"br\" icon=\"map-pin\">\n                <input\n                  class=\"form-control\"\n                  id=\"spiritSubregion\"\n                  v-model=\"spirit.subregion\"\n                  placeholder=\"Subregion\"\n                  maxlength=\"50\"\n                />\n              </VInputWrapper>\n            </div>\n\n            <div class=\"col-4\">\n              <label class=\"form-label\" for=\"abv\">ABV Range</label>\n              <VInputWrapper prefix=\"br\" icon=\"percentage\">\n                <input\n                  class=\"form-control\"\n                  ref=\"abvInput\"\n                  type=\"number\"\n                  id=\"abv\"\n                  v-model=\"spirit.abv\"\n                  placeholder=\"50.0\"\n                  step=\"0.1\"\n                  :class=\"{ 'is-invalid': v$.abv.$error }\"\n                  @input=\"limitBetween($event, 0, 100, 2)\"\n                />\n                <span v-if=\"v$.abv.$error\" class=\"error-text\">{{\n                  v$.abv.$errors[0].$message\n                }}</span>\n              </VInputWrapper>\n            </div>\n\n            <div class=\"col-4\">\n              <label class=\"form-label\" for=\"abv2\">&nbsp;</label>\n              <VInputWrapper prefix=\"br\" icon=\"percentage\">\n                <input\n                  class=\"form-control\"\n                  type=\"number\"\n                  id=\"abv2\"\n                  v-model=\"spirit.abv2\"\n                  placeholder=\"50.0\"\n                  step=\"0.1\"\n                  :class=\"{ 'is-invalid': v$.abv2.$error }\"\n                  @input=\"limitBetween($event, 0, 100, 2)\"\n                />\n                <span v-if=\"v$.abv2.$error\" class=\"error-text\">{{\n                  v$.abv2.$errors[0].$message\n                }}</span>\n              </VInputWrapper>\n            </div>\n\n            <div class=\"col-4\">\n              <label class=\"form-label\" for=\"age\">Age (Years)</label>\n              <VInputWrapper prefix=\"br\" icon=\"time-past\">\n                <input\n                  class=\"form-control\"\n                  type=\"number\"\n                  id=\"age\"\n                  v-model=\"spirit.ageInYears\"\n                  :class=\"{ 'is-invalid': v$.ageInYears.$error }\"\n                  placeholder=\"8\"\n                />\n                <span v-if=\"v$.ageInYears.$error\" class=\"error-text\">{{\n                  v$.ageInYears.$errors[0].$message\n                }}</span>\n              </VInputWrapper>\n            </div>\n\n            <div class=\"col-12\">\n              <label class=\"form-label\">Tags (Click to select)</label>\n              <div class=\"m-n2\">\n                <a\n                  role=\"button\"\n                  @click=\"toggleTag(tag)\"\n                  v-for=\"tag in SpiritTags\"\n                  :key=\"tag\"\n                  class=\"fs-6 m-2 badge bg-white text-stone-900 py-2 ps-2 pe-3\"\n                  :class=\"{ 'opacity-50': !hasTag(tag) }\"\n                >\n                  <VIcon prefix=\"br\" :icon=\"!hasTag(tag) ? 'bullet' : 'check'\"></VIcon>\n                  <span class=\"ms-1\">{{ tag }}</span>\n                </a>\n              </div>\n            </div>\n\n            <div class=\"col-12\">\n              <label class=\"form-label\" for=\"description\">Description</label>\n              <textarea\n                id=\"description\"\n                v-model=\"spirit.description\"\n                maxlength=\"1000\"\n                style=\"height: 150px\"\n              ></textarea>\n            </div>\n            <div class=\"col-12 mt-2\">\n              <VButton\n                type=\"submit\"\n                :is-loading=\"isSaving\"\n                loading-text=\"Saving...\"\n                class=\"btn btn-primary w-100\"\n                >Save Spirit</VButton\n              >\n            </div>\n          </div>\n        </div>\n      </form>\n    </div>\n  </TitleBarLayout>\n  <!-- #endregion -->\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.title {\n  display: inline-block;\n  font-size: 10px;\n  font-weight: 1000;\n  text-transform: uppercase;\n  color: map-get($custom-colors, 'stone-500');\n  margin-bottom: -3px;\n  margin-right: 5px;\n}\n\n.form-label {\n  margin-bottom: 2px;\n  font-size: 10px;\n  font-weight: 1000;\n  color: map-get($custom-colors, 'stone-300');\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.spirit-type option {\n  background-color: map-get($custom-colors, 'stone-900');\n  color: white;\n}\n\n.error-text {\n  position: absolute;\n  bottom: -15px;\n  font-size: 10px;\n  font-weight: bold;\n  text-transform: uppercase;\n  color: var(--bs-form-invalid-color);\n}\n</style>\n","export function handle(value?: string) {\n  if (!value) return false\n  if (value.trim().length === 0) return false\n  if (value.length > 25) return false\n\n  const regex = new RegExp('^[a-zA-Z0-9_.]*$')\n  if (!regex.test(value)) return false\n\n  return true\n}\n\nexport function password(value?: string) {\n  if (!value) return false\n  if (value.trim().length === 0) return false\n  if (value.length > 25 || value.length < 8) return false\n\n  return true\n}\n","<script setup lang=\"ts\">\nimport SplashLayout from '@/views/layouts/SplashLayout.vue'\nimport VInputWrapper from '@/components/VInputWrapper.vue'\nimport VError from '@/components/VError.vue'\nimport { ref, computed } from 'vue'\nimport { email, maxLength, required, sameAs } from '@vuelidate/validators'\nimport useVuelidate from '@vuelidate/core'\nimport { useRouter, useRoute } from 'vue-router'\nimport VButton from '@/components/VButton.vue'\nimport VIcon from '@/components/VIcon.vue'\nimport userService from '@/services/UserService'\nimport type CreateAccountViewModel from '@/models/CreateAccountViewModel'\nimport { useToast } from 'vue-toastification'\nimport { handle, password } from '@/helpers/ValidationHelpers'\nimport { useUserStore } from '@/stores/user'\n\nconst INVITE_ONLY = false\nconst toast = useToast()\n\n//#region form\nconst form = ref<CreateAccountViewModel>({\n  firstName: '',\n  lastName: '',\n  handle: '',\n  email: '',\n  password: '',\n  confirmPassword: ''\n})\n\nconst rules = computed(() => ({\n  firstName: { required, maxLength: maxLength(25) },\n  lastName: { required, maxLength: maxLength(25) },\n  handle: { required, handle },\n  email: { required, email, maxLength: maxLength(100) },\n  password: { required, password },\n  confirmPassword: { required, sameAs: sameAs(computed(() => form.value.password)) }\n}))\n\nconst v$ = useVuelidate<CreateAccountViewModel>(rules, form)\n//#endregion\n\nconst router = useRouter()\nconst currentRoute = useRoute()\nconst userStore = useUserStore()\n\nconst inviteId = ref(INVITE_ONLY ? (currentRoute.params.inviteId as string) : undefined)\nconst isValidatingInvite = ref(false)\nconst isCreatingAccount = ref(false)\nconst errorMessage = ref<string | undefined>()\n\nasync function createAccount(e: Event) {\n  e.preventDefault()\n\n  try {\n    v$.value.$validate()\n    if (v$.value.$error) return\n\n    isCreatingAccount.value = true\n    await userService.signUp(inviteId.value, form.value)\n    await userStore.login(form.value.email, form.value.password)\n\n    return userStore.isLoggedIn\n      ? router.replace({ name: 'feed' })\n      : router.replace({ name: 'login' })\n      \n  } catch (ex) {\n    const error = (ex as { response: { data: { message: string }}})?.response?.data?.message ?? 'Sorry, something went wrong.'\n    errorMessage.value = error\n  } finally {\n    isCreatingAccount.value = false\n  }\n}\n\n//ON CREATED\n;(async () => {\n  if (!INVITE_ONLY) return\n\n  if (!inviteId.value) {\n    toast.error(\"Sorry, that invite is not valid.\") \n    return router.replace('/login')\n  }\n\n  isValidatingInvite.value = true\n\n  try {\n    const isValidInviteId = await userService.validateInvite(inviteId.value)\n    if (!isValidInviteId) {\n      toast.error(\"Sorry, that invite is not valid.\")  \n      return router.replace('/login')\n    }\n  } catch {\n    toast.error(\"Sorry, that invite is not valid.\")  \n    return router.replace('/login')\n  } finally {\n    isValidatingInvite.value = false\n  }\n})()\n</script>\n\n<template>\n  <SplashLayout :show-flavor-text=\"false\" :increase-contrast=\"true\">\n    <form @submit=\"createAccount\" v-if=\"!isValidatingInvite\">\n      <div class=\"row mb-3\">\n        <div class=\"col-12\">\n          <VError v-if=\"errorMessage\">{{ errorMessage }}</VError>\n        </div>\n      </div>\n      <div class=\"row gy-1\">\n        <div class=\"col-6\">\n          <label class=\"form-label\" for=\"firstName\">First Name</label>\n\n          <input\n            type=\"text\"\n            id=\"firstName\"\n            v-model=\"form.firstName\"\n            placeholder=\"Pappy\"\n            maxlength=\"25\"\n            class=\"form-control\"\n            :class=\"{ 'is-invalid': v$.firstName.$error }\"\n          />\n        </div>\n        <div class=\"col-6\">\n          <label class=\"form-label\" for=\"lastName\">Last Name</label>\n\n          <input\n            type=\"text\"\n            id=\"lastName\"\n            v-model=\"form.lastName\"\n            placeholder=\"Van Winkle\"\n            maxlength=\"25\"\n            class=\"form-control\"\n            :class=\"{ 'is-invalid': v$.lastName.$error }\"\n          />\n        </div>\n        <div class=\"col-12\">\n          <label class=\"form-label\" for=\"handle\">Handle</label>\n          <VInputWrapper icon=\"at\">\n            <input\n              type=\"text\"\n              id=\"handle\"\n              v-model=\"form.handle\"\n              placeholder=\"TheBourbonHunter\"\n              maxlength=\"25\"\n              class=\"form-control\"\n              :class=\"{ 'is-invalid': v$.handle.$error }\"\n            />\n          </VInputWrapper>\n        </div>\n        <div class=\"col-12\">\n          <label class=\"form-label\" for=\"email\">Email</label>\n          <VInputWrapper icon=\"envelope\">\n            <input\n              type=\"text\"\n              id=\"email\"\n              v-model=\"form.email\"\n              placeholder=\"pvanwinkle@gmail.com\"\n              maxlength=\"100\"\n              class=\"form-control\"\n              :class=\"{ 'is-invalid': v$.email.$error }\"\n            />\n          </VInputWrapper>\n        </div>\n        <div class=\"col-12\">\n          <label class=\"form-label\" for=\"password\"\n            >Password <span class=\"text-primary small ms-2\">(8+ Characters)</span></label\n          >\n          <VInputWrapper icon=\"at\">\n            <input\n              type=\"password\"\n              id=\"password\"\n              v-model=\"form.password\"\n              placeholder=\"Password\"\n              maxlength=\"100\"\n              class=\"form-control\"\n              :class=\"{ 'is-invalid': v$.password.$error }\"\n            />\n          </VInputWrapper>\n        </div>\n        <div class=\"col-12\">\n          <label class=\"form-label\" for=\"confirmPassword\">Confirm Password</label>\n          <VInputWrapper icon=\"at\">\n            <input\n              type=\"password\"\n              id=\"confirmPassword\"\n              v-model=\"form.confirmPassword\"\n              placeholder=\"Password\"\n              maxlength=\"100\"\n              class=\"form-control\"\n              :class=\"{ 'is-invalid': v$.confirmPassword.$error }\"\n            />\n          </VInputWrapper>\n        </div>\n        <div class=\"col-12 mt-3\">\n          <VButton\n            class=\"btn btn-light w-100\"\n            :is-loading=\"isCreatingAccount\"\n            type=\"submit\"\n            loading-text=\"Creating account...\"\n            >Create Account</VButton\n          >\n        </div>\n      </div>\n    </form>\n    <div class=\"text-center pb-5\" v-if=\"isValidatingInvite\">\n      <div class=\"spinner-border text-stone-0\" role=\"status\">\n        <span class=\"visually-hidden\">Loading...</span>\n      </div>\n      <span class=\"d-block\">Validating invite URL...</span>\n    </div>\n    <div class=\"row mt-4\">\n        <div class=\"col fs-7 text-center\">\n          <router-link :to=\"{ name: 'login' }\">\n            <VIcon prefix=\"br\" icon=\"angle-left\" class=\"me-2 ms-n2\"></VIcon>\n            Back to login\n          </router-link>\n        </div>\n      </div>\n  </SplashLayout>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.form-label {\n  margin-bottom: 2px;\n  font-size: 10px;\n  font-weight: 1000;\n  color: map-get($custom-colors, 'stone-300');\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.error-text {\n  position: absolute;\n  bottom: -15px;\n  font-size: 10px;\n  font-weight: bold;\n  text-transform: uppercase;\n  color: var(--bs-form-invalid-color);\n}\n</style>\n","<script setup lang=\"ts\">\nimport TitleBarLayout from '@/views/layouts/TitleBarLayout.vue'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\nimport VUserAvatar from '@/components/VUserAvatar.vue'\nimport VInputWrapper from '@/components/VInputWrapper.vue'\nimport { computed, ref } from 'vue'\nimport type User from '@/models/User'\nimport { required } from '@vuelidate/validators'\nimport useVuelidate from '@vuelidate/core'\nimport VIcon from '@/components/VIcon.vue'\nimport { handle } from '@/helpers/ValidationHelpers'\nimport type EditProfileViewModel from '@/models/EditProfileViewModel'\nimport userService from '@/services/UserService'\nimport { useProfileStore } from '@/stores/profile'\nimport { useToast } from 'vue-toastification'\nimport router from '@/router'\nimport VButton from '@/components/VButton.vue'\n\nconst toast = useToast()\nconst userStore = useUserStore()\nconst profileStore = useProfileStore()\nconst { user: currentUser } = storeToRefs(userStore)\nconst user = ref({ ...currentUser.value } as User)\nconst imageInput = ref<HTMLInputElement | null>(null)\nconst editingUser = ref({ ...currentUser.value } as User)\nconst handleIsAvailable = ref(true)\nconst isCheckingHandleAvailability = ref(false)\nconst isSaving = ref(false)\nconst timer = ref()\n\nconst form = ref<EditProfileViewModel>({\n  handle: user.value.handle,\n  imageUrl: user.value.imageUrl\n})\n\nfunction available() {\n  return handleIsAvailable.value\n}\n\nconst rules = computed(() => ({\n  handle: { required, handle, available }\n}))\n\nconst v$ = useVuelidate(rules, form)\n\nasync function saveProfile(e: Event) {\n  e.preventDefault()\n  v$.value.$validate()\n  if (v$.value.$error) return\n\n  try {\n    isSaving.value = true\n    await userService.editProfile(form.value)\n    userStore.refresh()\n    profileStore.reset()\n    toast.success('Profile saved.')\n    return router.push({ name: 'profile', params: { handle: form.value.handle } })\n  } catch {\n    //\n  } finally {\n    isSaving.value = false\n  }\n}\n\nfunction editImage() {\n  imageInput.value?.click()\n}\n\nfunction newImage(e: Event) {\n  const input = e.target as HTMLInputElement\n  if (!input.files) return\n\n  const [file] = input.files\n  if (!file) return\n\n  const reader = new FileReader()\n  reader.addEventListener(\n    'load',\n    () => {\n      editingUser.value.imageUrl = (reader.result ?? '') as string\n      form.value.imageUrl = (reader.result ?? '') as string\n    },\n    false\n  )\n  reader.readAsDataURL(file)\n}\n\nconst handleChanged = computed(() => {\n  return currentUser.value?.handle !== form.value.handle\n})\n\nconst isValidHandle = computed(() => {\n  return handleIsAvailable.value && !v$.value.handle.$error\n})\n\nfunction validateHandle() {\n  v$.value.$validate()\n  debouncedHandleCheck()\n}\n\nfunction debouncedHandleCheck() {\n  isCheckingHandleAvailability.value = false\n  window.clearTimeout(timer.value)\n\n  if (!form.value.handle) {\n    handleIsAvailable.value = true\n    return\n  }\n\n  if (form.value.handle.toLowerCase() === currentUser.value?.handle.toLowerCase()) {\n    handleIsAvailable.value = true\n    return\n  }\n\n  isCheckingHandleAvailability.value = true\n  timer.value = window.setTimeout(checkHandleAvailability, 300)\n}\n\nasync function checkHandleAvailability() {\n  try {\n    handleIsAvailable.value = await userService.isHandleAvailable(form.value.handle!)\n  } catch {\n    //\n  } finally {\n    isCheckingHandleAvailability.value = false\n  }\n}\n\nfunction deleteImage() {\n  editingUser.value.imageUrl = undefined\n  form.value.imageUrl = undefined\n}\n</script>\n\n<template>\n  <TitleBarLayout title=\"Edit Profile\">\n    <template #back>\n      <a @click=\"$router.back\" class=\"d-block text-white\">\n        <VIcon prefix=\"br\" icon=\"angle-left\"></VIcon>\n      </a>\n    </template>\n\n    <div class=\"px-0 h-100\">\n      <form @submit=\"saveProfile\" class=\"d-flex flex-column h-100\">\n        <h4 class=\"px-3 py-2 bg-stone-800 mb-0\">Profile</h4>\n        <div class=\"px-3\">\n          <div class=\"row gy-3 py-3\">\n            <div class=\"col-12 text-center\">\n              <div class=\"dropend\">\n                <a\n                  role=\"button\"\n                  class=\"d-inline-block text-white\"\n                  data-bs-toggle=\"dropdown\"\n                  data-bs-popper-config='{\"strategy\":\"fixed\"}'\n                  aria-expanded=\"false\"\n                >\n                  <VUserAvatar :user=\"editingUser!\" :size=\"120\"></VUserAvatar>\n                </a>\n\n                <ul class=\"dropdown-menu\">\n                  <li>\n                    <a class=\"dropdown-item\" role=\"button\" @click=\"editImage\">\n                      <VIcon prefix=\"rr\" icon=\"edit\" class=\"me-2\"></VIcon>\n                      <span>Edit</span>\n                    </a>\n                  </li>\n                  <li>\n                    <a class=\"dropdown-item text-danger\" role=\"button\" @click=\"deleteImage\">\n                      <VIcon prefix=\"rr\" icon=\"trash-xmark\" class=\"me-2\"></VIcon>\n                      <span>Delete</span>\n                    </a>\n                  </li>\n                </ul>\n              </div>\n              <input\n                type=\"file\"\n                ref=\"imageInput\"\n                class=\"d-none\"\n                accept=\"image/png, image/jpeg\"\n                @change=\"newImage\"\n              />\n            </div>\n            <div class=\"col-12\">\n              <label class=\"form-label\" for=\"handle\">Handle</label>\n              <VInputWrapper prefix=\"br\" icon=\"at\">\n                <input\n                  class=\"form-control\"\n                  id=\"handle\"\n                  v-model=\"form.handle\"\n                  :class=\"{ 'is-invalid': v$.handle.$error }\"\n                  placeholder=\"ThePappyVanWinkle\"\n                  @input=\"validateHandle\"\n                />\n                <span v-if=\"isValidHandle && handleChanged\" class=\"error-text text-success\"\n                  ><VIcon prefix=\"sr\" icon=\"check-circle\" class=\"me-1\"></VIcon>Handle\n                  available</span\n                >\n                <span v-if=\"!handleIsAvailable\" class=\"error-text\"\n                  ><VIcon prefix=\"sr\" icon=\"circle-x\" class=\"me-1\"></VIcon>Handle already in\n                  use</span\n                >\n                <span v-if=\"!isValidHandle && handleIsAvailable\" class=\"error-text\"\n                  >Invalid Handle</span\n                >\n              </VInputWrapper>\n              <span class=\"small d-block mt-1 text-stone-500\">\n                Handles must be 25 characters or less, and can contain only letters, numbers,\n                underscores, and periods.\n              </span>\n            </div>\n          </div>\n        </div>\n        <div class=\"p-3 mt-auto\">\n          <VButton\n            :is-loading=\"isSaving || isCheckingHandleAvailability\"\n            loading-text=\"\"\n            class=\"btn btn-primary w-100\"\n            type=\"submit\"\n            >Save Changes</VButton\n          >\n        </div>\n      </form>\n    </div>\n  </TitleBarLayout>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\n.title {\n  display: inline-block;\n  font-size: 10px;\n  font-weight: 1000;\n  text-transform: uppercase;\n  color: map-get($custom-colors, 'stone-500');\n  margin-bottom: -3px;\n  margin-right: 5px;\n}\n\n.form-label {\n  margin-bottom: 2px;\n  font-size: 10px;\n  font-weight: 1000;\n  color: map-get($custom-colors, 'stone-300');\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.error-text {\n  position: absolute;\n  top: -17px;\n  right: 0;\n  font-size: 10px;\n  font-weight: bold;\n  text-transform: uppercase;\n  color: var(--bs-form-invalid-color);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type Bottle from '@/models/Bottle'\nimport type Spirit from '@/models/Spirit'\nimport TitleBarLayout from '@/views/layouts/TitleBarLayout.vue'\nimport { computed, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useUserStore } from '@/stores/user'\nimport { storeToRefs } from 'pinia'\nimport bottleService from '@/services/BottleService'\nimport spiritService from '@/services/SpiritService'\nimport Rating from '@/models/Rating'\nimport VIcon from '@/components/VIcon.vue'\nimport { helpers, maxLength } from '@vuelidate/validators'\nimport useVuelidate from '@vuelidate/core'\nimport VueSlider from 'vue-slider-component'\nimport VButton from '@/components/VButton.vue'\nimport { useToast } from 'vue-toastification'\nimport ratingService from '@/services/RatingService'\n\nconst toast = useToast()\nconst { user: currentUser } = storeToRefs(useUserStore())\nconst route = useRoute()\nconst router = useRouter()\nconst isSpiritRating = ref(route.name === 'newSpiritRating')\nconst isBottleRating = ref(route.name === 'newBottleRating')\nconst hasTastingNotes = ref(false)\nconst isSaving = ref(false)\n\nconst spirit = ref<Spirit | undefined>()\nconst bottle = ref<Bottle | undefined>()\nconst rating = ref<Rating>(undefined!)\n\nconst headerStyle = computed(() => {\n  let backgroundImageCss =\n    'linear-gradient(180deg, #29252470 40%, #292524), linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.9))'\n  if (spirit.value?.image) backgroundImageCss += `, url(${spirit.value.imgSrc})`\n\n  return { 'background-image': backgroundImageCss }\n})\n\nconst rules = computed(() => ({\n  aromaNotes: {\n    maxLength: helpers.withMessage('Max length is 500 characters', maxLength(500))\n  },\n  tasteNotes: {\n    maxLength: helpers.withMessage('Max length is 500 characters', maxLength(500))\n  },\n  finishNotes: {\n    maxLength: helpers.withMessage('Max length is 500 characters', maxLength(500))\n  }\n}))\n\nconst v$ = useVuelidate<Rating>(rules, rating)\n\nfunction toggleTastingNotes() {\n  hasTastingNotes.value = !hasTastingNotes.value\n\n  if (!hasTastingNotes.value) {\n    rating.value.aromaNotes = undefined;\n    rating.value.tasteNotes = undefined;\n    rating.value.finishNotes = undefined;\n    rating.value.summary = undefined;\n  }\n}\nasync function save(e: Event) {\n  e.preventDefault()\n\n  isSaving.value = true\n\n  v$.value.$validate()\n  if (v$.value.$error) {\n    toast.error('Unable to save. See form for errors.')\n    isSaving.value = false\n    return false\n  }\n\n  try {\n    const justRating: Rating = {...rating.value, bottle: undefined, spirit: undefined, user: undefined }\n    await ratingService.add(justRating)\n    toast.success('Rating published!')\n    return router.back()\n  } catch {\n    toast.error('Something went wrong')\n  } finally {\n    isSaving.value = false\n  }\n}\n\nconst scoringItems = computed(() => [\n  {\n    label: 'Aroma',\n    info: 'The smell details'\n  },\n  {\n    label: 'Taste',\n    info: 'The taste details'\n  },\n  {\n    label: 'Finish',\n    info: 'The finish details'\n  }\n])\n\nconst overallScore = computed(() => {\n  const avg = (rating.value.aromaScore! + rating.value.tasteScore! + rating.value.finishScore!) / 3\n  if (Number.isSafeInteger(avg)) return avg.toString()\n  return avg.toFixed(1)\n})\n\n//ON CREATED\n;(async () => {\n  const spiritId = route.params.spiritId as string\n  const bottleId = route.params.bottleId as string\n  if (!spiritId && !bottleId) return router.back()\n\n  if (isBottleRating.value) {\n    try {\n      bottle.value = await bottleService.get(bottleId)\n      spirit.value = bottle.value.spirit\n      rating.value = new Rating(currentUser.value!, spirit.value, bottle.value)\n    } catch {\n      return router.back()\n    }\n  } else if (isSpiritRating.value) {\n    try {\n      spirit.value = await spiritService.get(spiritId)\n      rating.value = new Rating(currentUser.value!, spirit.value)\n    } catch {\n      return router.back()\n    }\n  } else {\n    return router.back()\n  }\n\n  rating.value.aromaScore = 5\n  rating.value.tasteScore = 5\n  rating.value.finishScore = 5\n})()\n</script>\n\n<template>\n  <TitleBarLayout title=\"New Rating\">\n    <template #back>\n      <a @click=\"$router.back\" class=\"d-block text-white\">\n        <VIcon prefix=\"br\" icon=\"angle-left\"></VIcon>\n      </a>\n    </template>\n\n    <div class=\"p-0 d-flex flex-column\" v-if=\"spirit\">\n      <!-- #region HEADER -->\n      <div class=\"bg-stone-800\">\n        <div class=\"result header\" :style=\"headerStyle\">\n          <div\n            style=\"width: 100px; height: 100px\"\n            class=\"d-flex align-items-center justify-content-center flex-shrink-0 py-2\"\n          >\n            <div\n              class=\"img-container w-100 h-100\"\n              :style=\"{ 'background-image': `url(${spirit.imgSrc})` }\"\n            ></div>\n          </div>\n          <div class=\"spirit-header ms-2 text-end me-4\">\n            <h1 class=\"my-0 fw-black text-primary\">{{ spirit.name }}</h1>\n            <div style=\"font-size: 13px\">\n              <div class=\"d-flex justify-content-end\">\n                <div>\n                  <span>{{ spirit.type }}</span>\n                </div>\n                <template v-if=\"spirit.distiller\">\n                  <div class=\"mx-1 title\" style=\"margin-top: 2px\">\n                    <VIcon prefix=\"sr\" icon=\"bullet\"></VIcon>\n                  </div>\n                  <div>\n                    <span>{{ spirit.distiller }}</span>\n                  </div>\n                </template>\n                <template v-if=\"spirit.region\">\n                  <div class=\"mx-1 title\" style=\"margin-top: 2px\">\n                    <VIcon prefix=\"sr\" icon=\"bullet\"></VIcon>\n                  </div>\n                  <div>\n                    <span>{{ spirit.region }}</span>\n                  </div>\n                </template>\n              </div>\n            </div>\n            <div class=\"mt-2 mx-n1\">\n              <span\n                class=\"badge bg-secondary text-stone-900 fw-black text-uppercase opacity-75 mx-1\"\n                v-for=\"tag in spirit.tags\"\n                :key=\"tag\"\n                >{{ tag }}</span\n              >\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- #endregion -->\n\n      <!-- #region FORM -->\n      <div class=\"flex-grow-1\">\n        <form @submit=\"save\" class=\"h-100 container my-0\">\n          <div class=\"row gy-2 h-100\">\n            <div\n              class=\"col-12 bg-stone-1000 py-3 d-flex align-items-center justify-content-between\"\n            >\n              <!-- <button type=\"button\" class=\"d-block btn btn-outline-stone-0\" disabled>\n                <VIcon prefix=\"rr\" icon=\"camera\" class=\"me-2\"></VIcon>Add a picture\n              </button> -->\n              <span class=\"small text-stone-500\">(Pictures coming soon!)</span>\n              <div>\n                <a role=\"button\" class=\"ms-auto fw-bold\" @click=\"toggleTastingNotes\">\n                  {{ hasTastingNotes ? 'Remove Notes' : 'Include Notes' }}\n                </a>\n              </div>\n            </div>\n\n            <div\n              v-for=\"(scoringItem, idx) in scoringItems\"\n              :key=\"scoringItem.label\"\n              class=\"col-12 border-top border-stone-800 pt-3 px-3\"\n              :class=\"{ 'mt-0': idx === 0 }\"\n            >\n              <div class=\"d-flex align-items-center\">\n                <label class=\"form-label text-white\">{{ scoringItem.label }}</label>\n              </div>\n              <div class=\"d-flex align-items-center mt-n2\">\n                <!-- @vue-ignore -->\n                <vue-slider\n                  class=\"flex-grow-1\"\n                  :contained=\"true\"\n                  :adsorb=\"false\"\n                  v-model=\"rating[`${scoringItem.label.toLowerCase()}Score`]\"\n                  :max=\"10\"\n                  :min=\"1\"\n                  :interval=\"0.5\"\n                  :dotSize=\"20\"\n                  height=\"10px\"\n                  :duration=\"0\"\n                  tooltip=\"none\"\n                />\n                <div class=\"score-container\">\n                  <span class=\"score\">{{\n                    rating[`${scoringItem.label.toLowerCase()}Score` as keyof Rating]\n                  }}</span>\n                </div>\n              </div>\n              <div class=\"mt-2\" v-if=\"hasTastingNotes\">\n                <!-- @vue-ignore -->\n                <textarea\n                  style=\"min-height: 85px\"\n                  :placeholder=\"`Add your ${scoringItem.label.toLowerCase()} notes here.`\"\n                  v-model=\"rating[`${scoringItem.label.toLowerCase()}Notes`]\"\n                  maxlength=\"500\"\n                ></textarea>\n                <span\n                  v-if=\"v$[`${scoringItem.label.toLowerCase()}Notes` as keyof Rating].$error\"\n                  class=\"error-text\"\n                >\n                  {{ v$[`${scoringItem.label.toLowerCase()}Notes`].$errors[0] }}\n                </span>\n              </div>\n            </div>\n\n            <div class=\"col-12 border-top border-stone-800 pt-3\">\n              <label class=\"text-center form-label text-primary\">Your Rating</label>\n              <div class=\"d-flex align-items-center justify-content-center\">\n                <div class=\"overall-score\">\n                  {{ overallScore }}\n                </div>\n              </div>\n              <div class=\"mt-3\" v-if=\"hasTastingNotes\">\n                <textarea\n                  style=\"min-height: 85px\"\n                  placeholder=\"Provide a summary of your review here.\"\n                  v-model=\"rating.summary\"\n                ></textarea>\n              </div>\n            </div>\n\n            <div class=\"col-12 d-flex flex-column pb-3\">\n              <VButton type=\"submit\" class=\"btn btn-primary w-100 d-block mt-auto\" loadingText=\"Publishing...\" :is-loading=\"isSaving\">\n                Publish Rating\n              </VButton>\n            </div>\n          </div>\n        </form>\n      </div>\n      <!-- #endregion -->\n    </div>\n  </TitleBarLayout>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/colors.scss';\n\nlabel {\n  display: block;\n  color: map-get($custom-colors, 'amber-500');\n}\n\n.img-container {\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  max-height: 100px;\n  max-width: 50px;\n}\n\n.result {\n  display: flex;\n  align-items: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  color: white;\n  background-color: map-get($custom-colors, 'stone-800');\n}\n\n.spirit-header {\n  flex-grow: 1;\n}\n\n.result.header {\n  background-repeat: no-repeat;\n  background-size: cover, cover, 500px;\n  background-position:\n    center,\n    center,\n    0% 65%;\n  background-color: map-get($custom-colors, 'stone-300');\n  border: 0 !important;\n}\n\n.result.header h1 {\n  font-size: 25px;\n  text-shadow: 0 3px 0 black;\n}\n\n.result:not(:last-child) {\n  border-bottom: 1px solid map-get($custom-colors, 'stone-900');\n}\n\n.result:not(:first-child) {\n  border-top: 1px solid map-get($custom-colors, 'stone-700');\n}\n\n.title {\n  display: inline-block;\n  font-size: 10px;\n  font-weight: 1000;\n  text-transform: uppercase;\n  color: map-get($custom-colors, 'stone-500');\n  margin-bottom: -3px;\n  margin-right: 5px;\n}\n\n.form-label {\n  margin-bottom: 2px;\n  font-size: 14px;\n  color: map-get($custom-colors, 'stone-300');\n  letter-spacing: 0.3px;\n  text-transform: uppercase;\n  font-weight: 1000;\n}\n\n.error-text {\n  position: absolute;\n  top: -17px;\n  right: 0;\n  font-size: 10px;\n  font-weight: bold;\n  text-transform: uppercase;\n  color: var(--bs-form-invalid-color);\n}\n\n.score-container {\n  width: 70px;\n  margin-left: 20px;\n  position: relative;\n  text-align: right;\n}\n\n.score-container::after {\n  content: '/ 10';\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  color: map-get($custom-colors, 'stone-400');\n  transform: translateY(-5px);\n}\n\n.score-container .score {\n  display: block;\n  font-size: 25px;\n  font-weight: 1000;\n  transform: translateX(-30px);\n}\n\n.overall-score {\n  display: flex;\n  width: 125px;\n  height: 125px;\n  align-items: center;\n  justify-content: center;\n  font-size: 50px;\n  font-weight: 1000;\n  color: white;\n  border: 4px solid map-get($custom-colors, 'stone-700');\n  background-color: map-get($custom-colors, 'stone-1000');\n  border-radius: 100%;\n}\n</style>\n","import { RouterView, createRouter, createWebHistory } from 'vue-router'\nimport { useUserStore } from '@/stores/user'\nimport LoginView from '@/views/LoginView.vue'\nimport FeedView from '@/views/FeedView.vue'\nimport ProfileView from '@/views/ProfileView.vue'\nimport EditBottleView from '@/views/EditBottleView.vue'\nimport ViewBottleView from '@/views/ViewBottleView.vue'\nimport NotificationsView from '@/views/NotificationsView.vue'\nimport SystemView from '@/views/SystemView.vue'\nimport BulkImportView from '@/views/BulkImportView.vue'\nimport FeedItemView from '@/views/FeedItemView.vue'\nimport SearchView from '@/views/SearchView.vue'\nimport ViewSpiritView from '@/views/ViewSpiritView.vue'\nimport EditSpiritView from '@/views/EditSpiritView.vue'\nimport JoinView from '@/views/JoinView.vue'\nimport EditProfileView from '@/views/EditProfileView.vue'\nimport NewRatingView from '@/views/NewRatingView.vue'\n\nconst router = createRouter({\n  history: createWebHistory(import.meta.env.BASE_URL),\n  routes: [\n    {\n      path: '/',\n      name: 'feed',\n      component: FeedView\n    },\n    {\n      path: '/login',\n      name: 'login',\n      component: LoginView,\n      meta: { allowAnonymous: true, redirectIfLoggedIn: true }\n    },\n    {\n      path: '/join/:inviteId?',\n      name: 'join',\n      component: JoinView,\n      meta: { allowAnonymous: true, redirectIfLoggedIn: true }\n    },\n    {\n      path: '/profiles',\n      component: RouterView,\n      children: [\n        {\n          path: ':handle',\n          name: 'profile',\n          component: ProfileView\n        },\n        {\n          path: 'edit',\n          name: 'editProfile',\n          component: EditProfileView\n        }\n      ]\n    },\n    {\n      path: '/search',\n      name: 'search',\n      component: SearchView,\n    },\n    {\n      path: '/spirits',\n      component: RouterView,\n      children: [\n        {\n          path: ':id',\n          name: 'spirit',\n          component: ViewSpiritView,\n        },\n        {\n          path: 'new',\n          name: 'newSpirit',\n          component: EditSpiritView\n        },\n        {\n          path: ':id/edit',\n          name: 'editSpirit',\n          component: EditSpiritView\n        },\n        {\n          path: ':spiritId/rate',\n          name: 'newSpiritRating',\n          component: NewRatingView\n        }\n      ]\n    },\n    {\n      path: '/bottles',\n      component: RouterView,\n      children: [\n        {\n          path: 'new',\n          name: 'newBottle',\n          component: EditBottleView\n        },\n        {\n          path: ':id',\n          name: 'bottle',\n          component: ViewBottleView,\n        },\n        {\n          path: ':id/edit',\n          name: 'editBottle',\n          component: EditBottleView\n        },\n        {\n          path: ':bottleId/rate',\n          name: 'newBottleRating',\n          component: NewRatingView\n        }\n      ]\n    },\n    {\n      path: '/notifications',\n      name: 'notifications',\n      component: NotificationsView\n    },\n    {\n      path: '/posts/:id',\n      name: 'post',\n      component: FeedItemView\n    },\n    {\n      path: '/system',\n      component: RouterView,\n      meta: { requiresAdmin: true },\n      children: [\n        {\n          path: '',\n          name: 'system',\n          component: SystemView\n        },\n        {\n          path: 'bulk-import',\n          name: 'bulkImport',\n          component: BulkImportView\n        }\n      ]\n    }\n  ]\n})\n\nrouter.beforeEach(async (to, _from, next) => {\n  const userStore = useUserStore()\n  const didInitialLoginCheck = userStore.didInitialLoginCheck\n\n  if (!didInitialLoginCheck) await userStore.doInitialLoginCheck()\n  const isLoggedIn = userStore.isLoggedIn\n  const isAdmin = userStore.isAdmin\n\n  if (isLoggedIn && to.meta?.redirectIfLoggedIn === true) {\n    console.log(\"LOGGED IN\")\n    next({ name: 'feed' })\n  } else if (!isLoggedIn && to.meta?.allowAnonymous !== true) {\n    console.log(\"NOT LOGGED IN\")\n    next({ name: 'login', query: { redirect: to.path } })\n  } else if (!isAdmin && to.meta?.requiresAdmin === true) {\n    next({ name: 'feed' })\n  } else next()\n})\n\nexport default router\n","import 'bootstrap'\nimport '@/assets/theme.scss'\nimport '@/assets/slider.scss'\n\nimport { createApp } from 'vue'\nimport { createPinia } from 'pinia'\n\nimport App from '@/App.vue'\nimport router from '@/router'\n\nimport Toast from 'vue-toastification';\nimport 'vue-toastification/dist/index.css';\n\nimport Popper from 'vue3-popper';\nimport '@/assets/popper.css';\n\nconst app = createApp(App)\n\napp.component('VPopper', Popper);\n\napp.use(createPinia())\napp.use(router)\napp.use(Toast)\n\napp.mount('#app')\n"],"names":["nullsToUndefined","obj","key","isoDateFormat","isIsoDateString","value","handleDates","body","parseISO","apiBasePath","HttpService","controller","__publicField","axiosInstance","axios","config","jwt","error","response","originalRequest","authenticationResponse","endpoint","id","rel","params","queryString","data","file","formData","UserService","emailOrHandle","password","idOrEmailOrHandle","userId","inviteId","createAccountViewModel","editProfileViewModel","handle","userService","FriendRequest","requested","responded","isAccepted","senderId","sender","recipientId","recipient","friendRequest","BottleService$1","rawFriendRequest","fr","friendRequestId","friendRequestService","BottleService","SpiritType","Spirit","creator","name","type","created","distiller","country","region","subregion","tags","image","abv","abv2","ageInYears","description","isReviewed","reviewed","reviewer","reviewerId","spirit","user","Bottle","owner","sizeInMl","added","ageYears","ageMonths","distillationDate","bottlingDate","seller","pricePaid","purchaseDate","openDate","finishDate","pick","notes","remaining","batch","additionalInformation","bottle","bottleRaw","b","bottleService","FeedItemService","feedItemRaw","bottleFeedItem","ratingFeedItem","_a","feedItemService","Rating","RatingService","rating","filters","ratings","r","ratingService","useProfileStore","defineStore","ref","collection","feed","friends","userStore","useUserStore","isSelf","computed","setUser","_user","setCollection","_collection","setFeed","_feed","setFriends","_friends","setRatings","_ratings","setFullProfile","upsertIntoCollection","existingIndex","reset","getUser","getFriends","set","uId","getCollection","getRatings","getFeed","feedItems","getFullProfile","deleteBottle","idx","friendRequestForCurrentUser","isFriendsWithCurrentUser","currentUserNeedsToRespond","currentUserAwaitingResponse","didInitialLoginCheck","friendRequests","profileStore","isLoggedIn","isAdmin","setFriendRequests","_friendRequests","upsertFriendRequest","removeFriendRequestFromState","sendFriendRequest","request","acceptFriendRequest","existingRequest","declineFriendRequest","removeFriendRequest","init","authResponse","getFriendRequests","login","logout","requests","refresh","doInitialLoginCheck","_imports_0$1","form","rules","required","maxLength","v$","useVuelidate","router","useRouter","currentRoute","useRoute","isLoggingIn","errorMessage","e","redirect","url","style","props","NotificationService","notificationService","storeToRefs","notificationCount","notifications","n","FeedItemType","toast","useToast","currentUser","editable","highlightByFilterText","emit","share","shareData","Like","feedItemId","LikeService","like","likeId","likeService","areFriends","isRequested","likes","comments","liked","l","justLiked","commentsCount","likesCount","showLikes","tryShowLikes","likeToggle","ago","date","years","months","days","hours","minutes","intervalToDuration","differenceInDays","preferredUser","f","otherUser","score","avg","isNotesVisible","hasNotes","_b","_c","_d","routeForHeader","toggleNotes","deleteRating","getComponentForFeedItem","feedItem","VNewBottleFeedItem","VNewFriendshipFeedItem","VNewRatingFeedItem","getPropsForFeedItem","isLoading","SLIM_PREFERENCE_LOCAL_STORAGE_KEY","bottles","preference","filterByType","filterByName","filteredBottles","clearFilters","filterTypeOptions","types","typeCounts","k","v","route","tab","hash","title","isBadUser","profileIsLoading","feedIsLoading","setTab","_tab","isValidTab","str","sendRequest","acceptRequest","declineRequest","removeRequest","getRouteToPost","ratingId","postId","fi","watch","newHash","newHandle","oldHandle","err","SpiritService","spiritId","spiritRaw","query","s","spiritService","previouslyRunQueries","isSearching","searchInput","searchResults","i","doQuery","queryPrefix","results","keys","onMounted","isNew","spiritSelected","abvInput","isSaving","isEditingSpirit","stringDates","reactive","limitLength","event","input","limitBetween","min","max","decimals","decimalSplit","numbersAfterDecimal","valueAsNumber","redirectToProfile","searchSpirit","tryFormat","format","tryParse","dateString","parse","setStringDates","dateValidator","val","addDays","bottleRules","helpers","between","integer","selectSpirit","nextTick","addSpirit","headerStyle","backgroundImageCss","saveBottle","_imports_0","_imports_1","backRoute","age","output","NotificationType","toRoute","nt","triggerUser","notification","removeNotification","Comment","text","deleteComment","commentId","CommentService","comment","commentService","maxCharacters","isCommenting","characterCount","addComment","newComment","c","SearchService","searchService","timer","waiting","filteredResults","search","spiritTags","nameInput","newImage","reader","toggleTag","tag","hasTag","t","SpiritTags","save","email","sameAs","isValidatingInvite","isCreatingAccount","createAccount","ex","imageInput","editingUser","handleIsAvailable","isCheckingHandleAvailability","available","saveProfile","editImage","handleChanged","isValidHandle","validateHandle","debouncedHandleCheck","checkHandleAvailability","deleteImage","isSpiritRating","isBottleRating","hasTastingNotes","toggleTastingNotes","justRating","scoringItems","overallScore","bottleId","createRouter","createWebHistory","FeedView","LoginView","JoinView","RouterView","ProfileView","EditProfileView","SearchView","ViewSpiritView","EditSpiritView","NewRatingView","EditBottleView","ViewBottleView","NotificationsView","FeedItemView","SystemView","BulkImportView","to","_from","next","app","createApp","App","Popper","createPinia","Toast"],"mappings":"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"}