{"version":3,"file":"yeILETyI.js","sources":["../../../../node_modules/lucide-vue-next/dist/esm/icons/network.js","../../../../node_modules/lucide-vue-next/dist/esm/icons/package.js","../../../../layouts/agency.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 Network = createLucideIcon(\"NetworkIcon\", [\n  [\"rect\", { x: \"16\", y: \"16\", width: \"6\", height: \"6\", rx: \"1\", key: \"4q2zg0\" }],\n  [\"rect\", { x: \"2\", y: \"16\", width: \"6\", height: \"6\", rx: \"1\", key: \"8cvhb9\" }],\n  [\"rect\", { x: \"9\", y: \"2\", width: \"6\", height: \"6\", rx: \"1\", key: \"1egb70\" }],\n  [\"path\", { d: \"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3\", key: \"1jsf9p\" }],\n  [\"path\", { d: \"M12 12V8\", key: \"2874zd\" }]\n]);\n\nexport { Network as default };\n//# sourceMappingURL=network.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 Package = createLucideIcon(\"PackageIcon\", [\n  [\n    \"path\",\n    {\n      d: \"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\",\n      key: \"1a0edw\"\n    }\n  ],\n  [\"path\", { d: \"M12 22V12\", key: \"d0xqtd\" }],\n  [\"path\", { d: \"m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7\", key: \"yx3hmr\" }],\n  [\"path\", { d: \"m7.5 4.27 9 5.15\", key: \"1c824w\" }]\n]);\n\nexport { Package as default };\n//# sourceMappingURL=package.js.map\n","<script setup lang=\"ts\">\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { Separator } from \"@/components/ui/separator\";\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarTrigger,\n} from \"@/components/ui/sidebar\";\nimport {\n  Sun,\n  Moon,\n  Home,\n  ChevronRight,\n  ChevronsUpDown,\n  LogOut,\n  Settings,\n  Network,\n  Package,\n} from \"lucide-vue-next\";\n\nimport { useRealtimeCompanyUpdates } from \"~/composables/useRealtimeCompanyUpdates\";\n\nconst { watchTables } = useRealtimeCompanyUpdates();\n\nlet channel: any;\n\nonMounted(() => {\n  channel = watchTables();\n});\n\nonUnmounted(() => {\n  if (channel) {\n    channel.unsubscribe();\n  }\n});\n\nconst agencySlug = \"nike\";\n\nfunction createUrl(path: string) {\n  // Ensure path starts with a forward slash if it's not empty\n  const formattedPath = path && !path.startsWith('/') ? `/${path}` : path;\n  return agencySlug \n    ? `/agency/${agencySlug}${formattedPath}` \n    : '/agency';\n}\n\nconst user = useSupabaseUser();\nconst data = {\n  user: {\n    firstName: user.value?.user_metadata.first_name,\n    lastName: user.value?.user_metadata.last_name,\n    email: user.value?.user_metadata.email,\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  navMain: [\n    {\n      title: \"Optimize First\",\n      url: \"\",\n      // icon: Home,\n      isActive: true,\n      class: \"font-bold text-lg\",\n    },\n    {\n      title: \"Settings\",\n      url: createUrl(\"/settings\"),\n      icon: Settings,\n      isActive: true,\n    },\n    {\n      title: \"Clients\",\n      url: createUrl(\"/clients\"),\n      icon: Network,\n      isActive: true,\n    },\n    {\n      title: \"Billings\",\n      url: createUrl(\"/billings\"),\n      icon: Package,\n      isActive: true,\n    },\n  ],\n};\n\nconst supabase = useSupabaseClient();\nconst onLogout = async () => {\n  const { error } = await supabase.auth.signOut();\n\n  if (error) {\n    console.error(error);\n    return;\n  }\n\n  await navigateTo(\"/login\");\n};\n</script>\n\n<template>\n  <SidebarProvider>\n    <Sidebar collapsible=\"icon\" class=\"bg-background\">\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarMenu>\n            <Collapsible\n              v-for=\"item in data.navMain\"\n              :key=\"item.title\"\n              as-child\n              :default-open=\"item.isActive\"\n              class=\"group/collapsible\"\n            >\n              <SidebarMenuItem>\n                <template v-if=\"item.items\">\n                  <CollapsibleTrigger as-child>\n                    <SidebarMenuButton :tooltip=\"item.title\">\n                      <component :is=\"item.icon\" />\n                      <span :class=\"item.class\">{{ item.title }}</span>\n                      <ChevronRight\n                        class=\"ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90\"\n                      />\n                    </SidebarMenuButton>\n                  </CollapsibleTrigger>\n                </template>\n                <template v-else>\n                  <SidebarMenuButton as-child>\n                    <NuxtLink :to=\"item.url\">\n                      <component :is=\"item.icon\" />\n                      <span :class=\"item.class\">{{ item.title }}</span>\n                    </NuxtLink>\n                  </SidebarMenuButton>\n                </template>\n                <CollapsibleContent>\n                  <SidebarMenuSub>\n                    <SidebarMenuSubItem\n                      v-for=\"subItem in item.items\"\n                      :key=\"subItem.title\"\n                    >\n                      <SidebarMenuSubButton as-child>\n                        <a :href=\"subItem.url\">\n                          <span>{{ subItem.title }}</span>\n                        </a>\n                      </SidebarMenuSubButton>\n                    </SidebarMenuSubItem>\n                  </SidebarMenuSub>\n                </CollapsibleContent>\n              </SidebarMenuItem>\n            </Collapsible>\n          </SidebarMenu>\n        </SidebarGroup>\n      </SidebarContent>\n      <SidebarFooter>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <DropdownMenu>\n              <DropdownMenuTrigger as-child>\n                <SidebarMenuButton\n                  size=\"lg\"\n                  class=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n                >\n                  <Avatar class=\"h-8 w-8 rounded-lg\">\n                    <AvatarImage\n                      :src=\"data.user.avatar\"\n                      :alt=\"data.user.firstName + ' ' + data.user.lastName\"\n                    />\n                    <AvatarFallback class=\"rounded-lg\"> CN </AvatarFallback>\n                  </Avatar>\n                  <div class=\"grid flex-1 text-left text-sm leading-tight\">\n                    <span class=\"truncate font-semibold\"\n                      >{{ data.user.firstName }} {{ data.user.lastName }}</span\n                    >\n                    <span class=\"truncate text-xs\">{{ data.user.email }}</span>\n                  </div>\n                  <ChevronsUpDown class=\"ml-auto size-4\" />\n                </SidebarMenuButton>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                class=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n                side=\"bottom\"\n                align=\"end\"\n                :side-offset=\"4\"\n              >\n                <DropdownMenuLabel class=\"p-0 font-normal\">\n                  <div\n                    class=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\"\n                  >\n                    <Avatar class=\"h-8 w-8 rounded-lg\">\n                      <AvatarImage\n                        :src=\"data.user.avatar\"\n                        :alt=\"data.user.name\"\n                      />\n                      <AvatarFallback class=\"rounded-lg\"> CN </AvatarFallback>\n                    </Avatar>\n                    <div class=\"grid flex-1 text-left text-sm leading-tight\">\n                      <span class=\"truncate font-semibold\">{{\n                        data.user.name\n                      }}</span>\n                      <span class=\"truncate text-xs\">{{\n                        data.user.email\n                      }}</span>\n                    </div>\n                  </div>\n                </DropdownMenuLabel>\n                <DropdownMenuSeparator />\n                <DropdownMenuGroup>\n                  <DropdownMenuItem @click=\"navigateTo('/user/profile')\">\n                    <Settings />\n                    Edit Profile\n                  </DropdownMenuItem>\n                  <DropdownMenuItem\n                    v-if=\"$colorMode.preference === 'dark'\"\n                    @click=\"$colorMode.preference = 'light'\"\n                  >\n                    <Sun />\n                    Light Mode\n                  </DropdownMenuItem>\n                  <DropdownMenuItem\n                    v-else\n                    @click=\"$colorMode.preference = 'dark'\"\n                  >\n                    <Moon />\n                    Dark Mode\n                  </DropdownMenuItem>\n                </DropdownMenuGroup>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem @click=\"onLogout\">\n                  <LogOut />\n                  Log out\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarFooter>\n      <SidebarRail />\n    </Sidebar>\n    <SidebarInset>\n      <header\n        class=\"flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12\"\n      >\n        <div class=\"flex items-center gap-2 px-4\">\n          <SidebarTrigger class=\"-ml-1\" />\n          <Separator orientation=\"vertical\" class=\"mr-2 h-4\" />\n        </div>\n      </header>\n      <div class=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n        <slot />\n      </div>\n    </SidebarInset>\n  </SidebarProvider>\n</template>\n"],"names":["Network","createLucideIcon","Package","agencySlug","watchTables","useRealtimeCompanyUpdates","channel","onMounted","onUnmounted","createUrl","path","formattedPath","user","useSupabaseUser","data","_a","_b","_c","Settings","supabase","useSupabaseClient","onLogout","error","navigateTo"],"mappings":"urBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASA,MAAMA,GAAUC,EAAiB,cAAe,CAC9C,CAAC,OAAQ,CAAE,EAAG,KAAM,EAAG,KAAM,MAAO,IAAK,OAAQ,IAAK,GAAI,IAAK,IAAK,QAAQ,CAAE,EAC9E,CAAC,OAAQ,CAAE,EAAG,IAAK,EAAG,KAAM,MAAO,IAAK,OAAQ,IAAK,GAAI,IAAK,IAAK,QAAQ,CAAE,EAC7E,CAAC,OAAQ,CAAE,EAAG,IAAK,EAAG,IAAK,MAAO,IAAK,OAAQ,IAAK,GAAI,IAAK,IAAK,QAAQ,CAAE,EAC5E,CAAC,OAAQ,CAAE,EAAG,4CAA6C,IAAK,QAAQ,CAAE,EAC1E,CAAC,OAAQ,CAAE,EAAG,WAAY,IAAK,QAAU,CAAA,CAC3C,CAAC,ECfD;AAAA;AAAA;AAAA;AAAA;AAAA,GASA,MAAMC,GAAUD,EAAiB,cAAe,CAC9C,CACE,OACA,CACE,EAAG,2HACH,IAAK,QACX,CACG,EACD,CAAC,OAAQ,CAAE,EAAG,YAAa,IAAK,QAAQ,CAAE,EAC1C,CAAC,OAAQ,CAAE,EAAG,8CAA+C,IAAK,QAAQ,CAAE,EAC5E,CAAC,OAAQ,CAAE,EAAG,mBAAoB,IAAK,QAAU,CAAA,CACnD,CAAC,ojBC0CKE,GAAa,iDAdb,KAAA,CAAE,YAAAC,CAAY,EAAIC,EAA0B,EAE9C,IAAAC,EAEJC,EAAU,IAAM,CACdD,EAAUF,EAAY,CAAA,CACvB,EAEDI,EAAY,IAAM,CACZF,GACFA,EAAQ,YAAY,CACtB,CACD,EAID,SAASG,EAAUC,EAAc,CAEzB,MAAAC,EAAgBD,GAAQ,CAACA,EAAK,WAAW,GAAG,EAAI,IAAIA,CAAI,GAAKA,EACnE,MACI,WAAWP,EAAU,GAAGQ,CAAa,EACrC,CAGN,MAAMC,EAAOC,EAAgB,EACvBC,EAAO,CACX,KAAM,CACJ,WAAWC,EAAAH,EAAK,QAAL,YAAAG,EAAY,cAAc,WACrC,UAAUC,EAAAJ,EAAK,QAAL,YAAAI,EAAY,cAAc,UACpC,OAAOC,EAAAL,EAAK,QAAL,YAAAK,EAAY,cAAc,MACjC,OAAQ,qBACV,EACA,QAAS,CACP,CACE,MAAO,iBACP,IAAK,GAEL,SAAU,GACV,MAAO,mBACT,EACA,CACE,MAAO,WACP,IAAKR,EAAU,WAAW,EAC1B,KAAMS,EACN,SAAU,EACZ,EACA,CACE,MAAO,UACP,IAAKT,EAAU,UAAU,EACzB,KAAMT,GACN,SAAU,EACZ,EACA,CACE,MAAO,WACP,IAAKS,EAAU,WAAW,EAC1B,KAAMP,GACN,SAAU,EAAA,CACZ,CAEJ,EAEMiB,EAAWC,GAAkB,EAC7BC,EAAW,SAAY,CAC3B,KAAM,CAAE,MAAAC,CAAM,EAAI,MAAMH,EAAS,KAAK,QAAQ,EAE9C,GAAIG,EAAO,CACT,QAAQ,MAAMA,CAAK,EACnB,MAAA,CAGF,MAAMC,EAAW,QAAQ,CAC3B","x_google_ignoreList":[0,1]}