{"version":3,"file":"C7EwcJEQ.js","sources":["../../../../types/_UserNotification.ts","../../../../components/user-notification/Item.vue","../../../../composables/user-notification.ts"],"sourcesContent":["export enum UserHistoryOperation {\n  ASSIGN_TO = 'ASSIGN_TO',\n  UN_ASSIGN_FROM = 'UN_ASSIGN_FROM',\n  UPDATE_CLIENT_USER = 'UPDATE_CLIENT_USER',\n  COMMENT_MENTIONED = 'COMMENT_MENTIONED',\n  CLIENT_TASK_CREATE = 'CLIENT_TASK_CREATE',\n  ASSIGN_TO_TASK = 'ASSIGN_TO_TASK',\n  UN_ASSIGN_FROM_TASK = 'UN_ASSIGN_FROM_TASK',\n  DELETE_NOTIFICATIONS = 'DELETE_NOTIFICATIONS',\n}\n\nexport type UserNotificationItem = {\n  _id: string;\n  message: string;\n  date?: string;\n  isRead: boolean;\n  clickAction: () => void;\n  createdBy?: {\n    name: string;\n    picture: string;\n  };\n  updatedBySystem?: boolean;\n};\n\n","<template>\n  <nuxt-link\n    v-if=\"!!userNotification?.client\"\n    class=\"group -mx-2 flex cursor-pointer items-center rounded-md px-2 py-3 hover:bg-gray-100\"\n    @click=\"emit('clickAction')\"\n  >\n    <WrenchIcon\n      v-if=\"!!userNotification.updatedBySystem\"\n      class=\"size-8 shrink-0 rounded-full bg-gray-600 p-2 text-white ring-8 ring-white group-hover:ring-gray-100 dark:ring-slate-800\"\n    />\n    <UserAvatar\n      v-else\n      :user=\"userNotification.createdBy\"\n      :has-popover=\"false\"\n      size=\"8\"\n      class=\"shrink-0\"\n    />\n    <p class=\"grow px-2\">\n      <span class=\"text-wrap text-gray-900 group-hover:underline\">\n        <span class=\"font-medium\">\n          {{ `[${userNotification.rolloutIdentifier}]` }}\n        </span>\n        {{ message }}\n      </span>\n      <br />\n      <span class=\"text-xs text-gray-500\">\n        {{ formattedDate }}\n      </span>\n    </p>\n\n    <input\n      type=\"radio\"\n      :checked=\"!isRead\"\n      class=\"size-5 shrink-0 cursor-pointer border-gray-300 text-indigo-600 focus:ring-indigo-600\"\n      :title=\"$t('user-notifications.mark-as-' + (!isRead ? 'read' : 'unread'))\"\n      @click.stop=\"updateNotificationViewed\"\n    />\n  </nuxt-link>\n</template>\n\n<script lang=\"ts\" setup>\nimport { WrenchIcon } from '@heroicons/vue/24/solid';\nimport { useUserStore } from '../../stores/user';\nimport { formatToDifference } from '@/util/formatter/date';\nimport type { UserNotificationResponseItem } from '~/composables/api-services/api-notfication';\nimport { UserHistoryOperation } from '~/types';\nimport { useUserNotificationsStore } from '~/stores/user-notification';\n\nconst props = defineProps({\n  userNotification: {\n    type: Object as PropType<UserNotificationResponseItem>,\n    required: true,\n  },\n});\n\nconst emit = defineEmits(['clickAction', 'updated']);\n\nconst i18n = useI18n();\n\nconst operationMessageMap: Partial<Record<UserHistoryOperation, string>> = {\n  [UserHistoryOperation.ASSIGN_TO]: i18n.t(\n    props.userNotification.updatedBySystem\n      ? 'user-notifications.system_assign_to'\n      : 'user-notifications.assign_to',\n    {\n      createdBy: props.userNotification.createdBy?.name,\n      clientName: props.userNotification.client?.name,\n    }\n  ),\n  [UserHistoryOperation.UN_ASSIGN_FROM]: i18n.t(\n    props.userNotification.updatedBySystem\n      ? 'user-notifications.system_un_assign_from'\n      : 'user-notifications.un_assign_from',\n    {\n      createdBy: props.userNotification.createdBy?.name,\n      clientName: props.userNotification.client?.name,\n    }\n  ),\n  [UserHistoryOperation.UPDATE_CLIENT_USER]: !props.userNotification.to\n    ?.clientUser\n    ? i18n.t('user-notifications.remove_client_user', {\n      createdBy: props.userNotification.createdBy?.name,\n      clientName: props.userNotification.client?.name,\n    })\n    : i18n.t('user-notifications.update_client_user', {\n      createdBy: props.userNotification.createdBy?.name,\n      clientName: props.userNotification.client?.name,\n      clientUserName: props.userNotification.to?.clientUser?.name,\n    }),\n  [UserHistoryOperation.COMMENT_MENTIONED]: i18n.t(\n    'user-notifications.comment_mentioned',\n    {\n      clientName: props.userNotification.client?.name,\n      authorName: props.userNotification.createdBy?.name,\n    }\n  ),\n  [UserHistoryOperation.CLIENT_TASK_CREATE]: i18n.t(\n    'user-notifications.client_task_create',\n    {\n      clientName: props.userNotification.client?.name,\n      taskCreatorName: props.userNotification.createdBy?.name,\n    }\n  ),\n  [UserHistoryOperation.ASSIGN_TO_TASK]: i18n.t(\n    'user-notifications.assign_to_task',\n    {\n      taskName: props.userNotification.clientTask?.name,\n      taskCreatorName: props.userNotification.createdBy?.name,\n    }\n  ),\n  [UserHistoryOperation.UN_ASSIGN_FROM_TASK]: i18n.t(\n    'user-notifications.un_assign_from_task',\n    {\n      taskName: props.userNotification.clientTask?.name,\n      taskCreatorName: props.userNotification.createdBy?.name,\n    }\n  ),\n};\n\nconst formattedDate = computed(() => {\n  const date = props.userNotification.created?.toString();\n  return formatToDifference(date, i18n);\n});\n\nconst message = computed(() => {\n  return operationMessageMap[props.userNotification.operation] ?? '';\n});\n\n// Read status\n\nconst userNotificationsStore = useUserNotificationsStore();\nconst userStore = useUserStore();\n\nconst isRead = computed(\n  () =>\n    props.userNotification.users.find((user) => {\n      return user.user?._id === userStore.user?._id.toString();\n    })?.isViewed ?? false\n);\n\nconst updateNotificationViewed = async () => {\n  await userNotificationsStore.updateNotificationViewedStatus(\n    [props.userNotification._id],\n    !isRead.value\n  );\n\n  emit('updated');\n};\n</script>\n","import { useUserNotificationsStore } from '~/stores/user-notification';\nimport type { UserNotificationResponseItem } from './api-services/api-notfication';\nimport { UserHistoryOperation } from '~/types';\n\nexport const useUserNotifications = () => {\n  const clientTaskId = ref();\n  const isClientTaskSlideOverVisible = ref(false);\n  const userNotificationsStore = useUserNotificationsStore();\n\n  const notificationClickAction = async (\n    notification: UserNotificationResponseItem,\n    size: number\n  ) => {\n    await userNotificationsStore.updateNotificationViewedStatus(\n      [notification._id],\n      true\n    );\n\n    await userNotificationsStore.fetch({ size });\n\n    if (\n      notification.operation === UserHistoryOperation.CLIENT_TASK_CREATE ||\n      notification.operation === UserHistoryOperation.ASSIGN_TO_TASK ||\n      notification.operation === UserHistoryOperation.UN_ASSIGN_FROM_TASK\n    ) {\n      clientTaskId.value = notification.clientTask?._id;\n      isClientTaskSlideOverVisible.value = true;\n    } else {\n      navigateTo(\n        `/rollout-project/${notification.rolloutIdentifier}/inventory/clients/view/${notification.client?._id}`\n      );\n    }\n  };\n\n  return {\n    notificationClickAction,\n    isClientTaskSlideOverVisible,\n    clientTaskId,\n  };\n};\n"],"names":["UserHistoryOperation","props","__props","emit","__emit","i18n","useI18n","operationMessageMap","_a","_b","_c","_d","_e","_h","_i","_k","_j","_f","_g","_l","_m","_n","_o","_p","_q","_r","_s","formattedDate","computed","date","formatToDifference","message","userNotificationsStore","useUserNotificationsStore","userStore","useUserStore","isRead","user","updateNotificationViewed","useUserNotifications","clientTaskId","ref","isClientTaskSlideOverVisible","notification","size","navigateTo"],"mappings":"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"}