{"version":3,"file":"Bb2v-Egi.js","sources":["../../../../node_modules/lucide-vue-next/dist/esm/icons/bell-ring.js","../../../../node_modules/lucide-vue-next/dist/esm/icons/bell.js","../../../../composables/useFetchUserNotifications.ts","../../../../composables/useMarkAllUserNotificationsAsRead.ts","../../../../composables/useMarkUserNotificationAsRead.ts","../../../../components/DashboardHeader.vue","../../../../layouts/dashboard.vue"],"sourcesContent":["/**\n * @license lucide-vue-next v0.469.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst BellRing = createLucideIcon(\"BellRingIcon\", [\n  [\"path\", { d: \"M10.268 21a2 2 0 0 0 3.464 0\", key: \"vwvbt9\" }],\n  [\"path\", { d: \"M22 8c0-2.3-.8-4.3-2-6\", key: \"5bb3ad\" }],\n  [\n    \"path\",\n    {\n      d: \"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\",\n      key: \"11g9vi\"\n    }\n  ],\n  [\"path\", { d: \"M4 2C2.8 3.7 2 5.7 2 8\", key: \"tap9e0\" }]\n]);\n\nexport { BellRing as default };\n//# sourceMappingURL=bell-ring.js.map\n","/**\n * @license lucide-vue-next v0.469.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Bell = createLucideIcon(\"BellIcon\", [\n  [\"path\", { d: \"M10.268 21a2 2 0 0 0 3.464 0\", key: \"vwvbt9\" }],\n  [\n    \"path\",\n    {\n      d: \"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\",\n      key: \"11g9vi\"\n    }\n  ]\n]);\n\nexport { Bell as default };\n//# sourceMappingURL=bell.js.map\n","export async function useFetchUserNotifications() {\n  const token = localStorage.getItem('token')\n  const responseRef = ref<unknown>(null)\n\n  try {\n    const response: unknown = await useApiFetch('/api/user/notifications/get', {\n      headers: {\n        Authorization: `Bearer ${token}`,\n      },\n    })\n    responseRef.value = response\n  } catch (error) {\n    console.error('Error fetching credits:', error)\n  }\n\n  return { responseRef }\n}\n","export const useMarkAllUserNotificationsAsRead = async () => {\n  const token = localStorage.getItem('token')\n  const responseRef = ref<unknown>(null)\n\n  try {\n    const response: never = await useApiFetch('/api/user/notifications/markallasread', {\n      method: 'PUT',\n      headers: {\n        Authorization: `Bearer ${token}`,\n      },\n    })\n    responseRef.value = response\n  } catch (error) {\n    console.error('Error marking user notification as read:', error)\n  }\n\n  return { responseRef }\n}\n","export const useMarkUserNotificationAsRead = async (data: any) => {\n  const token = localStorage.getItem('token')\n  const responseRef = ref<any>(null)\n\n  try {\n    const response: any = await useApiFetch('/api/user/notifications/markasread', {\n      method: 'PUT',\n      headers: {\n        Authorization: `Bearer ${token}`,\n      },\n      body: JSON.stringify(data),\n    })\n    responseRef.value = response\n  } catch (error) {\n    console.error('Error marking user notification as read:', error)\n  }\n\n  return { responseRef }\n}\n","<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted, onBeforeUnmount } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { BellIcon, BellRingIcon, ArrowRightIcon } from 'lucide-vue-next'\nimport { useEventListener } from '@vueuse/core'\nimport { useLogout } from '~/composables/useLogout'\n\nconst route = useRoute()\nconst baseUrl = window.location.origin\nconst headerLink = `${baseUrl}${route.fullPath}`\nconst auth = useAuthStore()\nconst toast = useToast()\n\ntype Notification = {\n  label: string\n  click: () => void\n  class?: string\n}\n\nconst open = ref(false)\nconst notifications = ref<Notification[]>([])\nconst username = ref(auth.user?.first_name || '')\n\nconst { logout } = useLogout()\n\nasync function handleLogout() {\n  try {\n    await logout()\n  } catch (error) {\n    console.error('Logout failed:', error)\n    // Show error toast/notification to user\n    toast.add({\n      title: 'Error',\n      description: 'Failed to logout properly. Please try again.',\n      icon: 'i-heroicons-exclamation-circle',\n      color: 'red'\n    })\n  }\n}\n\nonMounted(async () => {\n  await fetchUserNotifications()\n  useEventListener(document, 'keydown', (e: KeyboardEvent) => {\n    if (e.key === 'Escape') closeNotifications()\n  })\n})\n\nonUnmounted(() => {\n  notifications.value = []\n})\n\nonBeforeUnmount(() => {\n  useEventListener(document, 'keydown', (e: KeyboardEvent) => {\n    if (e.key === 'Escape') closeNotifications()\n  })\n})\n\ntype NotificationResponse = {\n  id: string\n  label: string\n}\n\nasync function fetchUserNotifications() {\n  try {\n    const fetchedNotifications = await useFetchUserNotifications() || []\n    notifications.value = []\n\n    if (Array.isArray(fetchedNotifications.responseRef.value)) {\n      for (const notification of fetchedNotifications.responseRef.value) {\n        notifications.value.push({\n          label: notification.label,\n          click: () => {\n            markUserNotificationAsRead(notification.id)\n          }\n        })\n      }\n\n      notifications.value.push({\n        label: \"Clear all\",\n        click: async () => {\n          await useMarkAllUserNotificationsAsRead()\n          notifications.value = []\n          await fetchUserNotifications()\n        },\n        class: 'text-red-500 font-bold'\n      })\n    }\n  } catch (error) {\n    console.error(\"Failed to fetch user profile:\", error)\n    notifications.value = []\n  }\n}\n\nasync function markUserNotificationAsRead(notificationId: string) {\n  try {\n    await useMarkUserNotificationAsRead({ id: notificationId })\n    notifications.value = []\n    await fetchUserNotifications()\n  } catch (error) {\n    console.error(\"Failed to mark user notification as read:\", error)\n  }\n}\n\nfunction closeNotifications() {\n  open.value = false\n}\n</script>\n\n<template>\n  <header class=\"bg-white shadow-md\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"flex justify-between items-center py-4\">\n        <!-- Hide logo on small screens -->\n        <NuxtLink :to=\"headerLink\" class=\"hidden md:flex items-center text-2xl font-bold text-purple-900\">\n          <img src=\"https://synergos-assets.s3.us-east-1.amazonaws.com/images/squadgame_logo.webp\" alt=\"SquadGame Logo\"\n            class=\"h-12 w-auto\" />\n          <span class=\"ml-2 text-[16px] self-end mb-1\">by SYNERGOS</span>\n        </NuxtLink>\n\n        <!-- Welcome message on the left for mobile -->\n        <div class=\"flex items-center space-x-4\">\n          <div class=\"font-semibold text-gray-700 md:ml-auto\">\n            Welcome {{ username }}!\n          </div>\n\n          <div class=\"relative\">\n            <button @click=\"open = !open\"\n              class=\"p-2 rounded-full hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500\">\n              <BellIcon v-if=\"notifications.length === 0\" class=\"h-6 w-6 text-gray-500\" />\n              <BellRingIcon v-else class=\"h-6 w-6 text-red-500\" />\n            </button>\n\n            <div v-if=\"open\" v-click-outside=\"closeNotifications\"\n              class=\"absolute right-0 mt-2 w-64 bg-white rounded-md shadow-lg py-1 z-50 max-h-[300px] overflow-y-auto scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100\">\n              <div v-for=\"(notification, index) in notifications\" :key=\"index\"\n                class=\"px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 cursor-pointer\" @click=\"notification.click\">\n                <span :class=\"notification.class\">{{ notification.label }}</span>\n              </div>\n              <div v-if=\"notifications.length === 0\" class=\"px-4 py-2 text-sm text-gray-500\">\n                No notifications\n              </div>\n            </div>\n          </div>\n\n          <!-- Smaller Logout Button on Mobile -->\n          <button @click=\"handleLogout\"\n            class=\"flex items-center px-2 py-1 md:px-3 md:py-1.5 border border-transparent text-xs md:text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500\">\n            Logout\n            <ArrowRightIcon class=\"ml-1 -mr-1 h-4 w-4 md:h-5 md:w-5\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  </header>\n</template>\n\n<style scoped>\n/* Custom scrollbar styling */\n.scrollbar-thin::-webkit-scrollbar {\n  width: 6px;\n}\n\n.scrollbar-thin::-webkit-scrollbar-track {\n  background: #f1f1f1;\n  border-radius: 3px;\n}\n\n.scrollbar-thin::-webkit-scrollbar-thumb {\n  background: #d1d5db;\n  border-radius: 3px;\n}\n\n.scrollbar-thin::-webkit-scrollbar-thumb:hover {\n  background: #9ca3af;\n}\n</style>","<script lang=\"ts\" setup>\n</script>\n\n<template>\n  <v-app>\n    <div class=\"h-screen background\">\n      <DashboardHeader class=\"mb-4\" />\n      <UMain class=\"gradient\">\n        <slot />\n      </UMain>\n    </div>\n  </v-app>\n</template>\n\n<style scoped>\n.gradient {\n  background: linear-gradient(180deg, rgb(var(--color-primary-500) / 0) 0, #FFF 100%);\n}\n</style>"],"names":["BellRing","createLucideIcon","Bell","useFetchUserNotifications","token","responseRef","ref","response","useApiFetch","error","useMarkAllUserNotificationsAsRead","useMarkUserNotificationAsRead","data","route","useRoute","headerLink","auth","useAuthStore","toast","useToast","open","notifications","username","_a","logout","useLogout","handleLogout","onMounted","fetchUserNotifications","useEventListener","e","closeNotifications","onUnmounted","onBeforeUnmount","fetchedNotifications","notification","markUserNotificationAsRead","notificationId","_openBlock","_createBlock","_component_v_app","_withCtx","_hoisted_1","_createVNode","_component_DashboardHeader","_component_UMain"],"mappings":"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","x_google_ignoreList":[0,1]}