npm - @m5kdev/web-ui - Versions diffs - 0.8.2 → 0.8.4 - Mend

@m5kdev/web-ui 0.8.2 → 0.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1268) hide show

package/dist/src/modules/auth/components/AdminUserManagement.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminUserManagement.mjs","names":[],"sources":["../../../../../src/modules/auth/components/AdminUserManagement.tsx"],"sourcesContent":["import {\r\n Button,\r\n Dropdown,\r\n DropdownItem,\r\n DropdownMenu,\r\n DropdownTrigger,\r\n Input,\r\n Modal,\r\n ModalBody,\r\n ModalContent,\r\n ModalFooter,\r\n ModalHeader,\r\n Select,\r\n SelectItem,\r\n Spinner,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableColumn,\r\n TableHeader,\r\n TableRow,\r\n Tooltip,\r\n} from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport * as authAdmin from \"@m5kdev/frontend/modules/auth/hooks/useAuthAdmin\";\r\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport {\r\n BarChart3,\r\n CalendarClock,\r\n ChevronDown,\r\n ChevronUp,\r\n Copy,\r\n Filter,\r\n Info,\r\n Link2,\r\n List,\r\n MoreHorizontal,\r\n Search,\r\n UserPlus,\r\n X,\r\n} from \"lucide-react\";\r\nimport { useCallback, useEffect, useId, useState } from \"react\";\r\nimport { useNavigate } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\n\r\ntype SortField = \"name\" | \"email\" | \"role\" | \"createdAt\";\r\ntype SortOrder = \"asc\" | \"desc\";\r\ntype StatusFilter = \"all\" | \"banned\" | \"active\";\r\n\r\ninterface AdminUserManagementProps {\r\n useTRPC?: UseBackendTRPC;\r\n}\r\n\r\nexport function AdminUserManagement({ useTRPC }: AdminUserManagementProps) {\r\n const banReasonInputId = useId();\r\n const customDurationId = useId();\r\n const nameInputId = useId();\r\n const emailInputId = useId();\r\n const passwordInputId = useId();\r\n const roleSelectId = useId();\r\n const [page, setPage] = useState(0);\r\n const [limit] = useState(10);\r\n const [userToDelete, setUserToDelete] = useState<string | null>(null);\r\n const [userToBan, setUserToBan] = useState<{ id: string; name: string } | null>(null);\r\n const [banReason, setBanReason] = useState(\"\");\r\n const [banExpiry, setBanExpiry] = useState(\"never\"); // \"never\", \"1d\", \"7d\", \"30d\", \"custom\"\r\n const [customBanDays, setCustomBanDays] = useState(1);\r\n const [isBanningUser, setIsBanningUser] = useState(false);\r\n const [isUnbanningUser, setIsUnbanningUser] = useState<Record<string, boolean>>({});\r\n const [isImpersonatingUser, setIsImpersonatingUser] = useState(false);\r\n const [searchQuery, setSearchQuery] = useState(\"\");\r\n const [statusFilter, setStatusFilter] = useState<StatusFilter>(\"all\");\r\n const [sortField, setSortField] = useState<SortField>(\"createdAt\");\r\n const [sortOrder, setSortOrder] = useState<SortOrder>(\"desc\");\r\n const [debouncedSearchQuery, setDebouncedSearchQuery] = useState(\"\");\r\n const [isCreateUserModalOpen, setIsCreateUserModalOpen] = useState(false);\r\n const [newUserData, setNewUserData] = useState({\r\n name: \"\",\r\n email: \"\",\r\n password: \"\",\r\n role: \"user\",\r\n });\r\n const [isCreatingUser, setIsCreatingUser] = useState(false);\r\n const [userForUsage, setUserForUsage] = useState<{ id: string; name: string } | null>(null);\r\n const [userForMagicLink, setUserForMagicLink] = useState<{\r\n id: string;\r\n name: string;\r\n email: string | null;\r\n } | null>(null);\r\n const [claimEmail, setClaimEmail] = useState(\"\");\r\n const [generatedMagicLink, setGeneratedMagicLink] = useState<string | null>(null);\r\n const [isGeneratingMagicLink, setIsGeneratingMagicLink] = useState(false);\r\n const navigate = useNavigate();\r\n const magicLinkEmailInputId = useId();\r\n const generatedMagicLinkInputId = useId();\r\n\r\n // AI Usage query\r\n const trpc = useTRPC?.();\r\n const queryClient = useQueryClient();\r\n const usageQueryEnabled = !!userForUsage && !!trpc;\r\n const usageQueryOptions = trpc?.ai.getUserUsage.queryOptions({ userId: userForUsage?.id ?? \"\" });\r\n const usageQuery = useQuery({\r\n ...(usageQueryOptions ?? {\r\n queryKey: [[\"ai\", \"getUserUsage\"], { input: { userId: \"\" } }] as const,\r\n queryFn: () =>\r\n Promise.resolve({ inputTokens: null, outputTokens: null, totalTokens: null, cost: null }),\r\n }),\r\n enabled: usageQueryEnabled,\r\n });\r\n const usageData = usageQuery.data;\r\n const isLoadingUsage = usageQuery.isLoading;\r\n\r\n const refetchUsage = () => {\r\n if (usageQueryOptions) {\r\n queryClient.invalidateQueries({ queryKey: usageQueryOptions.queryKey });\r\n }\r\n };\r\n\r\n // Reset page on filter change\r\n const resetPage = useCallback(() => {\r\n setPage(0);\r\n }, []);\r\n\r\n // Debounce search query\r\n useEffect(() => {\r\n const timer = setTimeout(() => {\r\n setDebouncedSearchQuery(searchQuery);\r\n resetPage();\r\n }, 300);\r\n\r\n return () => clearTimeout(timer);\r\n }, [searchQuery, resetPage]);\r\n\r\n // Handle status filter change\r\n const handleStatusFilterChange = useCallback(\r\n (value: StatusFilter) => {\r\n setStatusFilter(value);\r\n resetPage();\r\n },\r\n [resetPage]\r\n );\r\n\r\n const {\r\n data: listUsers = {\r\n users: [],\r\n total: 0,\r\n },\r\n isLoading,\r\n refetch,\r\n } = authAdmin.useListUsers({\r\n query: {\r\n searchField: \"name\",\r\n searchOperator: \"contains\",\r\n searchValue: debouncedSearchQuery,\r\n limit,\r\n offset: page * limit,\r\n sortBy: sortField,\r\n sortDirection: sortOrder,\r\n },\r\n });\r\n\r\n const { users, total: totalUsers } = listUsers;\r\n\r\n const { mutate: deleteUser, isPending: isDeleting } = authAdmin.useRemoveUser({\r\n onSuccess: () => {\r\n toast.success(\"User deleted successfully\");\r\n refetch();\r\n },\r\n onError: (error) => {\r\n toast.error(`Error deleting user: ${error.message}`);\r\n },\r\n });\r\n\r\n const { mutate: updateUser } = authAdmin.useUpdateUser({\r\n onSuccess: () => {\r\n toast.success(\"User updated successfully\");\r\n refetch();\r\n },\r\n onError: (error) => {\r\n toast.error(`Error updating user: ${error.message}`);\r\n },\r\n });\r\n\r\n const totalPages = totalUsers ? Math.ceil(totalUsers / limit) : 0;\r\n\r\n const confirmDelete = (userId: string) => {\r\n setUserToDelete(userId);\r\n };\r\n\r\n const handleDelete = () => {\r\n if (userToDelete) {\r\n deleteUser({ id: userToDelete });\r\n setUserToDelete(null);\r\n }\r\n };\r\n\r\n const openBanModal = (userId: string, userName: string) => {\r\n setUserToBan({ id: userId, name: userName });\r\n setBanReason(\"\");\r\n setBanExpiry(\"never\");\r\n setCustomBanDays(1);\r\n };\r\n\r\n const getBanExpiryInSeconds = () => {\r\n switch (banExpiry) {\r\n case \"never\":\r\n return undefined; // No expiry\r\n case \"1d\":\r\n return 60 * 60 * 24; // 1 day in seconds\r\n case \"7d\":\r\n return 60 * 60 * 24 * 7; // 7 days in seconds\r\n case \"30d\":\r\n return 60 * 60 * 24 * 30; // 30 days in seconds\r\n case \"custom\":\r\n return 60 * 60 * 24 * customBanDays; // Custom days in seconds\r\n default:\r\n return undefined;\r\n }\r\n };\r\n\r\n const formatBanExpiry = (expiryTimestamp: number | null) => {\r\n if (!expiryTimestamp) return \"Never\";\r\n\r\n const expiryDate = new Date(expiryTimestamp);\r\n const now = new Date();\r\n\r\n // If it's expired, return that\r\n if (expiryDate < now) return \"Expired\";\r\n\r\n // Format the date\r\n const dateString = expiryDate.toLocaleDateString(undefined, {\r\n year: \"numeric\",\r\n month: \"short\",\r\n day: \"numeric\",\r\n });\r\n\r\n // Calculate time remaining\r\n const timeRemaining = expiryDate.getTime() - now.getTime();\r\n const daysRemaining = Math.ceil(timeRemaining / (1000 * 60 * 60 * 24));\r\n\r\n return `${dateString} (${daysRemaining} days)`;\r\n };\r\n\r\n const handleBanUser = async () => {\r\n if (!userToBan) return;\r\n\r\n try {\r\n setIsBanningUser(true);\r\n await authClient.admin.banUser({\r\n userId: userToBan.id,\r\n banReason: banReason || \"No reason provided\",\r\n banExpiresIn: getBanExpiryInSeconds(),\r\n });\r\n\r\n toast.success(`User ${userToBan.name} has been banned`);\r\n setUserToBan(null);\r\n await refetch();\r\n } catch (error) {\r\n toast.error(`Failed to ban user: ${error instanceof Error ? error.message : String(error)}`);\r\n } finally {\r\n setIsBanningUser(false);\r\n }\r\n };\r\n\r\n const handleUnbanUser = async (userId: string) => {\r\n try {\r\n setIsUnbanningUser((prev) => ({ ...prev, [userId]: true }));\r\n await authClient.admin.unbanUser({\r\n userId,\r\n });\r\n\r\n toast.success(\"User has been unbanned\");\r\n await refetch();\r\n } catch (error) {\r\n toast.error(\r\n `Failed to unban user: ${error instanceof Error ? error.message : String(error)}`\r\n );\r\n } finally {\r\n setIsUnbanningUser((prev) => ({ ...prev, [userId]: false }));\r\n }\r\n };\r\n\r\n const handleSetOnboardingUser = async (userId: string) => {\r\n const onboardingStep = window.prompt(`Set onboarding step for user ${userId}`, \"4\");\r\n const onboardingStepNumber = Number.parseInt(onboardingStep || \"0\");\r\n if (onboardingStepNumber) {\r\n updateUser({\r\n userId,\r\n data: { onboarding: onboardingStepNumber },\r\n });\r\n }\r\n };\r\n\r\n const handleImpersonateUser = async (userId: string) => {\r\n try {\r\n setIsImpersonatingUser(true);\r\n await authClient.admin.impersonateUser({\r\n userId,\r\n });\r\n\r\n toast.success(\"Now impersonating user\");\r\n window.location.assign(\"/\"); // Force full reload to apply impersonated session immediately\r\n } catch (error) {\r\n setIsImpersonatingUser(false);\r\n toast.error(\r\n `Failed to impersonate user: ${error instanceof Error ? error.message : String(error)}`\r\n );\r\n }\r\n };\r\n\r\n const handlePageChange = (newPage: number) => {\r\n if (newPage >= 0 && newPage < totalPages) {\r\n setPage(newPage);\r\n }\r\n };\r\n\r\n const handleSort = (field: SortField) => {\r\n if (sortField === field) {\r\n // Toggle order if same field\r\n setSortOrder(sortOrder === \"asc\" ? \"desc\" : \"asc\");\r\n } else {\r\n // Set new field and default to ascending\r\n setSortField(field);\r\n setSortOrder(\"asc\");\r\n }\r\n };\r\n\r\n const renderSortIcon = (field: SortField) => {\r\n if (sortField !== field) return null;\r\n\r\n return sortOrder === \"asc\" ? (\r\n <ChevronUp className=\"h-4 w-4 inline ml-1\" />\r\n ) : (\r\n <ChevronDown className=\"h-4 w-4 inline ml-1\" />\r\n );\r\n };\r\n\r\n const clearFilters = () => {\r\n setSearchQuery(\"\");\r\n setStatusFilter(\"all\");\r\n setSortField(\"createdAt\");\r\n setSortOrder(\"desc\");\r\n };\r\n\r\n const openCreateUserModal = () => {\r\n setNewUserData({\r\n name: \"\",\r\n email: \"\",\r\n password: \"\",\r\n role: \"user\",\r\n });\r\n setIsCreateUserModalOpen(true);\r\n };\r\n\r\n const handleCreateUser = async () => {\r\n if (!newUserData.name || !newUserData.email || !newUserData.password) {\r\n toast.error(\"Please fill in all required fields\");\r\n return;\r\n }\r\n\r\n try {\r\n setIsCreatingUser(true);\r\n await authClient.admin.createUser({\r\n name: newUserData.name,\r\n email: newUserData.email,\r\n password: newUserData.password,\r\n role: newUserData.role as \"user\" | \"admin\",\r\n });\r\n\r\n toast.success(`User ${newUserData.name} has been created`);\r\n setIsCreateUserModalOpen(false);\r\n await refetch();\r\n } catch (error) {\r\n toast.error(\r\n `Failed to create user: ${error instanceof Error ? error.message : String(error)}`\r\n );\r\n } finally {\r\n setIsCreatingUser(false);\r\n }\r\n };\r\n\r\n const handleNewUserDataChange = (field: keyof typeof newUserData, value: string) => {\r\n setNewUserData((prev) => ({\r\n ...prev,\r\n [field]: value,\r\n }));\r\n };\r\n\r\n const openUsageModal = (userId: string, userName: string) => {\r\n setUserForUsage({ id: userId, name: userName });\r\n refetchUsage();\r\n };\r\n\r\n const formatTokenCount = (count: number | null | undefined): string => {\r\n if (count === null || count === undefined) return \"—\";\r\n return count.toLocaleString();\r\n };\r\n\r\n const formatCost = (cost: number | null | undefined): string => {\r\n if (cost === null || cost === undefined) return \"—\";\r\n return `$${cost.toFixed(4)}`;\r\n };\r\n\r\n const createAccountClaimCodeMutation = useMutation(\r\n trpc\r\n ? trpc.auth.createAccountClaimCode.mutationOptions()\r\n : {\r\n mutationFn: async () => {\r\n throw new Error(\"Account claim actions are not available in this app\");\r\n },\r\n }\r\n );\r\n\r\n const generateAccountClaimMagicLinkMutation = useMutation(\r\n trpc\r\n ? trpc.auth.generateAccountClaimMagicLink.mutationOptions()\r\n : {\r\n mutationFn: async () => {\r\n throw new Error(\"Account claim actions are not available in this app\");\r\n },\r\n }\r\n );\r\n\r\n const openMagicLinkModal = (userId: string, userName: string, userEmail: string | null) => {\r\n setUserForMagicLink({ id: userId, name: userName, email: userEmail });\r\n setClaimEmail(userEmail ?? \"\");\r\n setGeneratedMagicLink(null);\r\n };\r\n\r\n const handleGenerateMagicLink = async () => {\r\n if (!trpc) {\r\n toast.error(\"Account claim actions are not available in this app\");\r\n return;\r\n }\r\n\r\n if (!userForMagicLink) return;\r\n\r\n const normalizedEmail = claimEmail.trim().toLowerCase();\r\n if (!normalizedEmail) {\r\n toast.error(\"Email is required\");\r\n return;\r\n }\r\n\r\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n if (!emailRegex.test(normalizedEmail)) {\r\n toast.error(\"Please enter a valid email address\");\r\n return;\r\n }\r\n\r\n try {\r\n setIsGeneratingMagicLink(true);\r\n const claim = await createAccountClaimCodeMutation.mutateAsync({\r\n userId: userForMagicLink.id,\r\n });\r\n const link = await generateAccountClaimMagicLinkMutation.mutateAsync({\r\n claimId: claim.id,\r\n email: normalizedEmail,\r\n });\r\n setGeneratedMagicLink(link.url);\r\n toast.success(\"Magic login link generated\");\r\n } catch (error) {\r\n toast.error(\r\n `Failed to generate magic link: ${error instanceof Error ? error.message : String(error)}`\r\n );\r\n } finally {\r\n setIsGeneratingMagicLink(false);\r\n }\r\n };\r\n\r\n const copyGeneratedMagicLink = async () => {\r\n if (!generatedMagicLink) return;\r\n\r\n try {\r\n await navigator.clipboard.writeText(generatedMagicLink);\r\n toast.success(\"Magic link copied\");\r\n } catch {\r\n toast.error(\"Failed to copy link\");\r\n }\r\n };\r\n\r\n if (isLoading) {\r\n return (\r\n <div className=\"flex justify-center p-8\">\r\n <Spinner />\r\n </div>\r\n );\r\n }\r\n\r\n const openWaitlistModal = () => {\r\n navigate(\"/admin/waitlist\");\r\n };\r\n\r\n const hasActiveFilters =\r\n debouncedSearchQuery ||\r\n statusFilter !== \"all\" ||\r\n sortField !== \"createdAt\" ||\r\n sortOrder !== \"desc\";\r\n\r\n return (\r\n <div className=\"space-y-4 p-4\">\r\n <div className=\"flex justify-between items-center\">\r\n <h2 className=\"text-xl font-semibold\">User Management</h2>\r\n <div className=\"flex items-center gap-2\">\r\n <Button onPress={openWaitlistModal} size=\"sm\">\r\n <List className=\"h-4 w-4 mr-2\" />\r\n Waitlist\r\n </Button>\r\n <Button onPress={openCreateUserModal} size=\"sm\">\r\n <UserPlus className=\"h-4 w-4 mr-2\" />\r\n Create User\r\n </Button>\r\n <div className=\"text-sm text-muted-foreground\">Total users: {totalUsers || 0}</div>\r\n </div>\r\n </div>\r\n\r\n {/* Search and filters */}\r\n <div className=\"flex flex-col sm:flex-row gap-3 items-start sm:items-center\">\r\n <form\r\n className=\"relative flex-1\"\r\n onSubmit={(e) => {\r\n e.preventDefault();\r\n setDebouncedSearchQuery(searchQuery);\r\n resetPage();\r\n }}\r\n >\r\n <Search className=\"absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground\" />\r\n <Input\r\n aria-label=\"Search users\"\r\n placeholder=\"Search users by name or email...\"\r\n className=\"pl-8 w-full\"\r\n value={searchQuery}\r\n onChange={(e) => setSearchQuery(e.target.value)}\r\n variant=\"bordered\"\r\n />\r\n {searchQuery && (\r\n <button\r\n type=\"button\"\r\n onClick={() => setSearchQuery(\"\")}\r\n className=\"absolute right-2.5 top-2.5 text-muted-foreground hover:text-foreground\"\r\n aria-label=\"Clear search\"\r\n >\r\n <X className=\"h-4 w-4\" />\r\n </button>\r\n )}\r\n </form>\r\n\r\n <div className=\"flex gap-2\">\r\n <Select\r\n aria-label=\"Status filter\"\r\n selectedKeys={new Set([statusFilter])}\r\n onSelectionChange={(keys) =>\r\n handleStatusFilterChange(Array.from(keys)[0] as StatusFilter)\r\n }\r\n className=\"w-[160px]\"\r\n startContent={<Filter className=\"mr-1 h-4 w-4\" />}\r\n >\r\n <SelectItem key=\"all\">All Users</SelectItem>\r\n <SelectItem key=\"active\">Active Only</SelectItem>\r\n <SelectItem key=\"banned\">Banned Only</SelectItem>\r\n </Select>\r\n\r\n {hasActiveFilters && (\r\n <Button variant=\"bordered\" size=\"sm\" onPress={clearFilters}>\r\n <X className=\"mr-1 h-4 w-4\" />\r\n Clear Filters\r\n </Button>\r\n )}\r\n </div>\r\n </div>\r\n\r\n <div className=\"border rounded-lg overflow-hidden\">\r\n <Table aria-label=\"Users table\" removeWrapper>\r\n <TableHeader>\r\n <TableColumn>ID</TableColumn>\r\n <TableColumn className=\"cursor-pointer\" onClick={() => handleSort(\"name\")}>\r\n Name {renderSortIcon(\"name\")}\r\n </TableColumn>\r\n <TableColumn className=\"cursor-pointer\" onClick={() => handleSort(\"email\")}>\r\n Email {renderSortIcon(\"email\")}\r\n </TableColumn>\r\n <TableColumn className=\"cursor-pointer\" onClick={() => handleSort(\"role\")}>\r\n Role {renderSortIcon(\"role\")}\r\n </TableColumn>\r\n <TableColumn>Status</TableColumn>\r\n <TableColumn>Onboarding</TableColumn>\r\n <TableColumn className=\"cursor-pointer\" onClick={() => handleSort(\"createdAt\")}>\r\n Created At {renderSortIcon(\"createdAt\")}\r\n </TableColumn>\r\n <TableColumn className=\"text-right\">Actions</TableColumn>\r\n </TableHeader>\r\n <TableBody\r\n items={users ?? []}\r\n emptyContent={\r\n hasActiveFilters ? \"No users found matching your filters\" : \"No users found\"\r\n }\r\n >\r\n {(user) => {\r\n const onboarding = (user as { onboarding?: string | number }).onboarding;\r\n return (\r\n <TableRow key={user.id}>\r\n <TableCell className=\"font-mono text-xs\">{user.id}</TableCell>\r\n <TableCell>{user.name}</TableCell>\r\n <TableCell>{user.email}</TableCell>\r\n <TableCell>{user.role || \"user\"}</TableCell>\r\n <TableCell>\r\n {user.banned ? (\r\n <Tooltip\r\n content={\r\n <div className=\"space-y-1 text-xs\">\r\n <p>\r\n <strong>Reason:</strong> {user.banReason || \"No reason provided\"}\r\n </p>\r\n {user.banExpires && (\r\n <p className=\"flex items-center gap-1\">\r\n <CalendarClock className=\"h-3 w-3\" />\r\n <span>\r\n <strong>Expires:</strong>{\" \"}\r\n {formatBanExpiry(user.banExpires.getTime())}\r\n </span>\r\n </p>\r\n )}\r\n </div>\r\n }\r\n >\r\n <span className=\"inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800\">\r\n Banned\r\n {user.banReason && <Info className=\"h-3 w-3\" />}\r\n </span>\r\n </Tooltip>\r\n ) : (\r\n <span className=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800\">\r\n Active\r\n </span>\r\n )}\r\n </TableCell>\r\n <TableCell>{onboarding ?? \"—\"}</TableCell>\r\n <TableCell>\r\n {user.createdAt ? new Date(user.createdAt).toLocaleDateString() : \"N/A\"}\r\n </TableCell>\r\n <TableCell className=\"text-right\">\r\n <Dropdown placement=\"bottom-end\">\r\n <DropdownTrigger>\r\n <Button variant=\"light\" size=\"sm\" isIconOnly>\r\n <MoreHorizontal className=\"h-4 w-4\" />\r\n </Button>\r\n </DropdownTrigger>\r\n <DropdownMenu aria-label=\"User actions\">\r\n <DropdownItem\r\n key=\"onboarding\"\r\n onClick={() => handleSetOnboardingUser(user.id)}\r\n >\r\n Set Onboarding\r\n </DropdownItem>\r\n <DropdownItem\r\n key=\"usage\"\r\n onClick={() => openUsageModal(user.id, user.name)}\r\n className={useTRPC ? \"\" : \"hidden\"}\r\n >\r\n <span className=\"flex items-center gap-2\">\r\n <BarChart3 className=\"h-4 w-4\" />\r\n View AI Usage\r\n </span>\r\n </DropdownItem>\r\n <DropdownItem\r\n key=\"impersonate\"\r\n onClick={() => handleImpersonateUser(user.id)}\r\n isDisabled={user.banned || isImpersonatingUser}\r\n >\r\n {isImpersonatingUser ? (\r\n <>\r\n <Spinner className=\"mr-2 h-3 w-3\" />\r\n Impersonating...\r\n </>\r\n ) : (\r\n \"Impersonate\"\r\n )}\r\n </DropdownItem>\r\n <DropdownItem\r\n key=\"magic-link\"\r\n onClick={() => openMagicLinkModal(user.id, user.name, user.email ?? null)}\r\n className={trpc ? \"\" : \"hidden\"}\r\n >\r\n <span className=\"flex items-center gap-2\">\r\n <Link2 className=\"h-4 w-4\" />\r\n Generate Magic Login Link\r\n </span>\r\n </DropdownItem>\r\n {user.banned ? (\r\n <DropdownItem\r\n key=\"unban\"\r\n onClick={() => handleUnbanUser(user.id)}\r\n isDisabled={isUnbanningUser[user.id]}\r\n >\r\n {isUnbanningUser[user.id] ? (\r\n <>\r\n <Spinner className=\"mr-2 h-3 w-3\" />\r\n Unbanning...\r\n </>\r\n ) : (\r\n \"Unban\"\r\n )}\r\n </DropdownItem>\r\n ) : (\r\n <DropdownItem key=\"ban\" onClick={() => openBanModal(user.id, user.name)}>\r\n Ban\r\n </DropdownItem>\r\n )}\r\n <DropdownItem key=\"remove\" onClick={() => confirmDelete(user.id)}>\r\n Remove\r\n </DropdownItem>\r\n </DropdownMenu>\r\n </Dropdown>\r\n </TableCell>\r\n </TableRow>\r\n );\r\n }}\r\n </TableBody>\r\n </Table>\r\n </div>\r\n\r\n {/* Pagination */}\r\n {totalPages > 0 && (\r\n <div className=\"flex items-center justify-end space-x-2 py-4\">\r\n <Button\r\n variant=\"bordered\"\r\n size=\"sm\"\r\n onClick={() => handlePageChange(page - 1)}\r\n isDisabled={page === 0}\r\n >\r\n Previous\r\n </Button>\r\n <div className=\"text-sm text-muted-foreground\">\r\n Page {page + 1} of {totalPages}\r\n </div>\r\n <Button\r\n variant=\"bordered\"\r\n size=\"sm\"\r\n onClick={() => handlePageChange(page + 1)}\r\n isDisabled={page === totalPages - 1}\r\n >\r\n Next\r\n </Button>\r\n </div>\r\n )}\r\n\r\n {/* Delete confirmation modal */}\r\n <Modal\r\n isOpen={!!userToDelete}\r\n onOpenChange={(open) => {\r\n if (!open) setUserToDelete(null);\r\n }}\r\n >\r\n <ModalContent>\r\n {(onClose) => (\r\n <>\r\n <ModalHeader className=\"flex flex-col gap-1\">\r\n <p className=\"text-lg font-semibold\">Are you sure?</p>\r\n <p className=\"text-sm text-default-600\">\r\n This action cannot be undone. This will permanently delete the user and all their\r\n data.\r\n </p>\r\n </ModalHeader>\r\n <ModalFooter>\r\n <Button variant=\"bordered\" onPress={onClose}>\r\n Cancel\r\n </Button>\r\n <Button color=\"danger\" onPress={handleDelete} isLoading={isDeleting}>\r\n Delete\r\n </Button>\r\n </ModalFooter>\r\n </>\r\n )}\r\n </ModalContent>\r\n </Modal>\r\n\r\n {/* Ban user modal */}\r\n <Modal\r\n isOpen={!!userToBan}\r\n onOpenChange={(open) => {\r\n if (!open) setUserToBan(null);\r\n }}\r\n >\r\n <ModalContent>\r\n {(onClose) => (\r\n <form\r\n onSubmit={(e) => {\r\n e.preventDefault();\r\n handleBanUser();\r\n }}\r\n className=\"space-y-4\"\r\n >\r\n <ModalHeader className=\"flex flex-col gap-1\">\r\n <p className=\"text-lg font-semibold\">Ban User</p>\r\n <p className=\"text-sm text-default-600\">\r\n {userToBan &&\r\n `You are about to ban ${userToBan.name}. This will prevent them from signing in.`}\r\n </p>\r\n </ModalHeader>\r\n\r\n <ModalBody className=\"space-y-4\">\r\n <div className=\"space-y-2\">\r\n <label htmlFor={banReasonInputId} className=\"text-sm font-medium\">\r\n Ban Reason\r\n </label>\r\n <Input\r\n id={banReasonInputId}\r\n placeholder=\"Enter reason for ban\"\r\n value={banReason}\r\n onChange={(e) => setBanReason(e.target.value)}\r\n variant=\"bordered\"\r\n labelPlacement=\"outside\"\r\n label=\"Ban Reason\"\r\n />\r\n </div>\r\n\r\n <div className=\"space-y-2\">\r\n <p className=\"text-sm font-medium\">Ban Duration</p>\r\n <div className=\"grid grid-cols-2 gap-2\">\r\n <Button\r\n type=\"button\"\r\n variant={banExpiry === \"never\" ? \"solid\" : \"bordered\"}\r\n onClick={() => setBanExpiry(\"never\")}\r\n >\r\n Permanent\r\n </Button>\r\n <Button\r\n type=\"button\"\r\n variant={banExpiry === \"1d\" ? \"solid\" : \"bordered\"}\r\n onClick={() => setBanExpiry(\"1d\")}\r\n >\r\n 1 Day\r\n </Button>\r\n <Button\r\n type=\"button\"\r\n variant={banExpiry === \"7d\" ? \"solid\" : \"bordered\"}\r\n onClick={() => setBanExpiry(\"7d\")}\r\n >\r\n 7 Days\r\n </Button>\r\n <Button\r\n type=\"button\"\r\n variant={banExpiry === \"30d\" ? \"solid\" : \"bordered\"}\r\n onClick={() => setBanExpiry(\"30d\")}\r\n >\r\n 30 Days\r\n </Button>\r\n </div>\r\n </div>\r\n\r\n <div className=\"space-y-2\">\r\n <div className=\"flex items-center gap-2\">\r\n <input\r\n type=\"checkbox\"\r\n id={customDurationId}\r\n checked={banExpiry === \"custom\"}\r\n onChange={(e) =>\r\n e.target.checked ? setBanExpiry(\"custom\") : setBanExpiry(\"never\")\r\n }\r\n />\r\n <label htmlFor={customDurationId} className=\"text-sm font-medium\">\r\n Custom Duration\r\n </label>\r\n </div>\r\n\r\n {banExpiry === \"custom\" && (\r\n <div className=\"flex items-center gap-2\">\r\n <Input\r\n type=\"number\"\r\n min=\"1\"\r\n value={customBanDays.toString()}\r\n onChange={(e) => setCustomBanDays(Number(e.target.value))}\r\n variant=\"bordered\"\r\n labelPlacement=\"outside\"\r\n label=\"Custom duration (days)\"\r\n />\r\n <span className=\"text-sm\">Days</span>\r\n </div>\r\n )}\r\n </div>\r\n </ModalBody>\r\n\r\n <ModalFooter>\r\n <Button variant=\"bordered\" type=\"button\" onPress={onClose}>\r\n Cancel\r\n </Button>\r\n <Button color=\"danger\" type=\"submit\" isDisabled={isBanningUser}>\r\n {isBanningUser ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\r\n {isBanningUser ? \"Banning...\" : \"Ban User\"}\r\n </Button>\r\n </ModalFooter>\r\n </form>\r\n )}\r\n </ModalContent>\r\n </Modal>\r\n\r\n {/* Create user modal */}\r\n <Modal\r\n isOpen={isCreateUserModalOpen}\r\n onOpenChange={(open) => {\r\n if (!open) setIsCreateUserModalOpen(false);\r\n }}\r\n >\r\n <ModalContent>\r\n {(onClose) => (\r\n <form\r\n onSubmit={(e) => {\r\n e.preventDefault();\r\n handleCreateUser();\r\n }}\r\n className=\"space-y-4\"\r\n >\r\n <ModalHeader className=\"flex flex-col gap-1\">\r\n <p className=\"text-lg font-semibold\">Create New User</p>\r\n <p className=\"text-sm text-default-600\">\r\n Fill in the details below to create a new user account.\r\n </p>\r\n </ModalHeader>\r\n\r\n <ModalBody className=\"space-y-4\">\r\n <div className=\"space-y-2\">\r\n <Input\r\n id={nameInputId}\r\n label=\"Name *\"\r\n labelPlacement=\"outside\"\r\n placeholder=\"Enter user's name\"\r\n value={newUserData.name}\r\n onChange={(e) => handleNewUserDataChange(\"name\", e.target.value)}\r\n variant=\"bordered\"\r\n />\r\n </div>\r\n\r\n <div className=\"space-y-2\">\r\n <Input\r\n id={emailInputId}\r\n label=\"Email *\"\r\n labelPlacement=\"outside\"\r\n type=\"email\"\r\n placeholder=\"Enter user's email\"\r\n value={newUserData.email}\r\n onChange={(e) => handleNewUserDataChange(\"email\", e.target.value)}\r\n variant=\"bordered\"\r\n />\r\n </div>\r\n\r\n <div className=\"space-y-2\">\r\n <Input\r\n id={passwordInputId}\r\n label=\"Password *\"\r\n labelPlacement=\"outside\"\r\n type=\"password\"\r\n placeholder=\"Enter password\"\r\n value={newUserData.password}\r\n onChange={(e) => handleNewUserDataChange(\"password\", e.target.value)}\r\n variant=\"bordered\"\r\n />\r\n </div>\r\n\r\n <div className=\"space-y-2\">\r\n <p className=\"text-sm font-medium\" id={roleSelectId}>\r\n Role\r\n </p>\r\n <Select\r\n aria-label=\"Select role\"\r\n aria-labelledby={roleSelectId}\r\n selectedKeys={new Set([newUserData.role])}\r\n onSelectionChange={(keys) =>\r\n handleNewUserDataChange(\"role\", Array.from(keys)[0] as string)\r\n }\r\n >\r\n <SelectItem key=\"user\">User</SelectItem>\r\n <SelectItem key=\"admin\">Admin</SelectItem>\r\n </Select>\r\n </div>\r\n </ModalBody>\r\n\r\n <ModalFooter>\r\n <Button variant=\"bordered\" type=\"button\" onPress={onClose}>\r\n Cancel\r\n </Button>\r\n <Button type=\"submit\" color=\"primary\" isDisabled={isCreatingUser}>\r\n {isCreatingUser ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\r\n {isCreatingUser ? \"Creating...\" : \"Create User\"}\r\n </Button>\r\n </ModalFooter>\r\n </form>\r\n )}\r\n </ModalContent>\r\n </Modal>\r\n\r\n {/* AI Usage modal */}\r\n <Modal\r\n isOpen={!!userForUsage}\r\n onOpenChange={(open) => {\r\n if (!open) setUserForUsage(null);\r\n }}\r\n >\r\n <ModalContent>\r\n {(onClose) => (\r\n <>\r\n <ModalHeader className=\"flex flex-col gap-1\">\r\n <p className=\"text-lg font-semibold flex items-center gap-2\">\r\n <BarChart3 className=\"h-5 w-5\" />\r\n AI Usage\r\n </p>\r\n <p className=\"text-sm text-default-600\">\r\n {userForUsage && `Usage statistics for ${userForUsage.name}`}\r\n </p>\r\n </ModalHeader>\r\n\r\n <ModalBody>\r\n {isLoadingUsage ? (\r\n <div className=\"flex justify-center py-8\">\r\n <Spinner />\r\n </div>\r\n ) : usageData ? (\r\n <div className=\"space-y-4\">\r\n <div className=\"grid grid-cols-2 gap-4\">\r\n <div className=\"p-4 rounded-lg bg-default-100\">\r\n <p className=\"text-sm text-default-600\">Input Tokens</p>\r\n <p className=\"text-2xl font-semibold\">\r\n {formatTokenCount(usageData.inputTokens)}\r\n </p>\r\n </div>\r\n <div className=\"p-4 rounded-lg bg-default-100\">\r\n <p className=\"text-sm text-default-600\">Output Tokens</p>\r\n <p className=\"text-2xl font-semibold\">\r\n {formatTokenCount(usageData.outputTokens)}\r\n </p>\r\n </div>\r\n <div className=\"p-4 rounded-lg bg-default-100\">\r\n <p className=\"text-sm text-default-600\">Total Tokens</p>\r\n <p className=\"text-2xl font-semibold\">\r\n {formatTokenCount(usageData.totalTokens)}\r\n </p>\r\n </div>\r\n <div className=\"p-4 rounded-lg bg-primary-100\">\r\n <p className=\"text-sm text-primary-600\">Estimated Cost</p>\r\n <p className=\"text-2xl font-semibold text-primary\">\r\n {formatCost(usageData.cost)}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n ) : (\r\n <div className=\"text-center py-8 text-default-600\">No usage data available</div>\r\n )}\r\n </ModalBody>\r\n\r\n <ModalFooter>\r\n <Button variant=\"bordered\" onPress={onClose}>\r\n Close\r\n </Button>\r\n </ModalFooter>\r\n </>\r\n )}\r\n </ModalContent>\r\n </Modal>\r\n\r\n {/* Magic login link modal */}\r\n <Modal\r\n isOpen={!!userForMagicLink}\r\n onOpenChange={(open) => {\r\n if (!open) {\r\n setUserForMagicLink(null);\r\n setGeneratedMagicLink(null);\r\n setClaimEmail(\"\");\r\n }\r\n }}\r\n >\r\n <ModalContent>\r\n {(onClose) => (\r\n <form\r\n onSubmit={(e) => {\r\n e.preventDefault();\r\n handleGenerateMagicLink();\r\n }}\r\n className=\"space-y-4\"\r\n >\r\n <ModalHeader className=\"flex flex-col gap-1\">\r\n <p className=\"text-lg font-semibold\">Generate Magic Login Link</p>\r\n <p className=\"text-sm text-default-600\">\r\n {userForMagicLink &&\r\n `Generate a one-time claim sign-in link for ${userForMagicLink.name}.`}\r\n </p>\r\n </ModalHeader>\r\n\r\n <ModalBody className=\"space-y-4\">\r\n <Input\r\n id={magicLinkEmailInputId}\r\n label=\"Claim email\"\r\n labelPlacement=\"outside\"\r\n type=\"email\"\r\n placeholder=\"person@example.com\"\r\n value={claimEmail}\r\n onChange={(e) => setClaimEmail(e.target.value)}\r\n variant=\"bordered\"\r\n description=\"This email is used for provider linking and future sign-ins.\"\r\n />\r\n\r\n <Input\r\n id={generatedMagicLinkInputId}\r\n label=\"Generated link\"\r\n labelPlacement=\"outside\"\r\n value={generatedMagicLink ?? \"\"}\r\n readOnly\r\n variant=\"bordered\"\r\n placeholder=\"Generate link to see it here\"\r\n />\r\n </ModalBody>\r\n\r\n <ModalFooter>\r\n <Button variant=\"bordered\" type=\"button\" onPress={onClose}>\r\n Close\r\n </Button>\r\n <Button\r\n variant=\"bordered\"\r\n type=\"button\"\r\n onPress={copyGeneratedMagicLink}\r\n isDisabled={!generatedMagicLink}\r\n >\r\n <Copy className=\"h-4 w-4 mr-2\" />\r\n Copy Link\r\n </Button>\r\n <Button color=\"primary\" type=\"submit\" isDisabled={isGeneratingMagicLink}>\r\n {isGeneratingMagicLink ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\r\n {isGeneratingMagicLink ? \"Generating...\" : \"Generate Link\"}\r\n </Button>\r\n </ModalFooter>\r\n </form>\r\n )}\r\n </ModalContent>\r\n </Modal>\r\n </div>\r\n );\r\n}\r\n"],"mappings":";;;;;;;;;;AAsDA,SAAgB,oBAAoB,EAAE,WAAqC;CACzE,MAAM,mBAAmB,OAAO;CAChC,MAAM,mBAAmB,OAAO;CAChC,MAAM,cAAc,OAAO;CAC3B,MAAM,eAAe,OAAO;CAC5B,MAAM,kBAAkB,OAAO;CAC/B,MAAM,eAAe,OAAO;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CACnC,MAAM,CAAC,SAAS,SAAS,GAAG;CAC5B,MAAM,CAAC,cAAc,mBAAmB,SAAwB,KAAK;CACrE,MAAM,CAAC,WAAW,gBAAgB,SAA8C,KAAK;CACrF,MAAM,CAAC,WAAW,gBAAgB,SAAS,GAAG;CAC9C,MAAM,CAAC,WAAW,gBAAgB,SAAS,QAAQ;CACnD,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE;CACrD,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,iBAAiB,sBAAsB,SAAkC,EAAE,CAAC;CACnF,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,CAAC,aAAa,kBAAkB,SAAS,GAAG;CAClD,MAAM,CAAC,cAAc,mBAAmB,SAAuB,MAAM;CACrE,MAAM,CAAC,WAAW,gBAAgB,SAAoB,YAAY;CAClE,MAAM,CAAC,WAAW,gBAAgB,SAAoB,OAAO;CAC7D,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,GAAG;CACpE,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,MAAM;CACzE,MAAM,CAAC,aAAa,kBAAkB,SAAS;EAC7C,MAAM;EACN,OAAO;EACP,UAAU;EACV,MAAM;EACP,CAAC;CACF,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAC3D,MAAM,CAAC,cAAc,mBAAmB,SAA8C,KAAK;CAC3F,MAAM,CAAC,kBAAkB,uBAAuB,SAItC,KAAK;CACf,MAAM,CAAC,YAAY,iBAAiB,SAAS,GAAG;CAChD,MAAM,CAAC,oBAAoB,yBAAyB,SAAwB,KAAK;CACjF,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,MAAM;CACzE,MAAM,WAAW,aAAa;CAC9B,MAAM,wBAAwB,OAAO;CACrC,MAAM,4BAA4B,OAAO;CAGzC,MAAM,OAAO,WAAW;CACxB,MAAM,cAAc,gBAAgB;CACpC,MAAM,oBAAoB,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAC9C,MAAM,oBAAoB,MAAM,GAAG,aAAa,aAAa,EAAE,QAAQ,cAAc,MAAM,IAAI,CAAC;CAChG,MAAM,aAAa,SAAS;EAC1B,GAAI,qBAAqB;GACvB,UAAU,CAAC,CAAC,MAAM,eAAe,EAAE,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE,CAAC;GAC7D,eACE,QAAQ,QAAQ;IAAE,aAAa;IAAM,cAAc;IAAM,aAAa;IAAM,MAAM;IAAM,CAAC;GAC5F;EACD,SAAS;EACV,CAAC;CACF,MAAM,YAAY,WAAW;CAC7B,MAAM,iBAAiB,WAAW;CAElC,MAAM,qBAAqB;AACzB,MAAI,kBACF,aAAY,kBAAkB,EAAE,UAAU,kBAAkB,UAAU,CAAC;;CAK3E,MAAM,YAAY,kBAAkB;AAClC,UAAQ,EAAE;IACT,EAAE,CAAC;AAGN,iBAAgB;EACd,MAAM,QAAQ,iBAAiB;AAC7B,2BAAwB,YAAY;AACpC,cAAW;KACV,IAAI;AAEP,eAAa,aAAa,MAAM;IAC/B,CAAC,aAAa,UAAU,CAAC;CAG5B,MAAM,2BAA2B,aAC9B,UAAwB;AACvB,kBAAgB,MAAM;AACtB,aAAW;IAEb,CAAC,UAAU,CACZ;CAED,MAAM,EACJ,MAAM,YAAY;EAChB,OAAO,EAAE;EACT,OAAO;EACR,EACD,WACA,YACE,UAAU,aAAa,EACzB,OAAO;EACL,aAAa;EACb,gBAAgB;EAChB,aAAa;EACb;EACA,QAAQ,OAAO;EACf,QAAQ;EACR,eAAe;EAChB,EACF,CAAC;CAEF,MAAM,EAAE,OAAO,OAAO,eAAe;CAErC,MAAM,EAAE,QAAQ,YAAY,WAAW,eAAe,UAAU,cAAc;EAC5E,iBAAiB;AACf,SAAM,QAAQ,4BAA4B;AAC1C,YAAS;;EAEX,UAAU,UAAU;AAClB,SAAM,MAAM,wBAAwB,MAAM,UAAU;;EAEvD,CAAC;CAEF,MAAM,EAAE,QAAQ,eAAe,UAAU,cAAc;EACrD,iBAAiB;AACf,SAAM,QAAQ,4BAA4B;AAC1C,YAAS;;EAEX,UAAU,UAAU;AAClB,SAAM,MAAM,wBAAwB,MAAM,UAAU;;EAEvD,CAAC;CAEF,MAAM,aAAa,aAAa,KAAK,KAAK,aAAa,MAAM,GAAG;CAEhE,MAAM,iBAAiB,WAAmB;AACxC,kBAAgB,OAAO;;CAGzB,MAAM,qBAAqB;AACzB,MAAI,cAAc;AAChB,cAAW,EAAE,IAAI,cAAc,CAAC;AAChC,mBAAgB,KAAK;;;CAIzB,MAAM,gBAAgB,QAAgB,aAAqB;AACzD,eAAa;GAAE,IAAI;GAAQ,MAAM;GAAU,CAAC;AAC5C,eAAa,GAAG;AAChB,eAAa,QAAQ;AACrB,mBAAiB,EAAE;;CAGrB,MAAM,8BAA8B;AAClC,UAAQ,WAAR;GACE,KAAK,QACH;GACF,KAAK,KACH,QAAO,OAAU;GACnB,KAAK,KACH,QAAO,OAAU,KAAK;GACxB,KAAK,MACH,QAAO,OAAU,KAAK;GACxB,KAAK,SACH,QAAO,OAAU,KAAK;GACxB,QACE;;;CAIN,MAAM,mBAAmB,oBAAmC;AAC1D,MAAI,CAAC,gBAAiB,QAAO;EAE7B,MAAM,aAAa,IAAI,KAAK,gBAAgB;EAC5C,MAAM,sBAAM,IAAI,MAAM;AAGtB,MAAI,aAAa,IAAK,QAAO;EAG7B,MAAM,aAAa,WAAW,mBAAmB,KAAA,GAAW;GAC1D,MAAM;GACN,OAAO;GACP,KAAK;GACN,CAAC;EAGF,MAAM,gBAAgB,WAAW,SAAS,GAAG,IAAI,SAAS;AAG1D,SAAO,GAAG,WAAW,IAFC,KAAK,KAAK,iBAAiB,MAAO,KAAK,KAAK,IAAI,CAE/B;;CAGzC,MAAM,gBAAgB,YAAY;AAChC,MAAI,CAAC,UAAW;AAEhB,MAAI;AACF,oBAAiB,KAAK;AACtB,SAAM,WAAW,MAAM,QAAQ;IAC7B,QAAQ,UAAU;IAClB,WAAW,aAAa;IACxB,cAAc,uBAAuB;IACtC,CAAC;AAEF,SAAM,QAAQ,QAAQ,UAAU,KAAK,kBAAkB;AACvD,gBAAa,KAAK;AAClB,SAAM,SAAS;WACR,OAAO;AACd,SAAM,MAAM,uBAAuB,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,GAAG;YACpF;AACR,oBAAiB,MAAM;;;CAI3B,MAAM,kBAAkB,OAAO,WAAmB;AAChD,MAAI;AACF,uBAAoB,UAAU;IAAE,GAAG;KAAO,SAAS;IAAM,EAAE;AAC3D,SAAM,WAAW,MAAM,UAAU,EAC/B,QACD,CAAC;AAEF,SAAM,QAAQ,yBAAyB;AACvC,SAAM,SAAS;WACR,OAAO;AACd,SAAM,MACJ,yBAAyB,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,GAChF;YACO;AACR,uBAAoB,UAAU;IAAE,GAAG;KAAO,SAAS;IAAO,EAAE;;;CAIhE,MAAM,0BAA0B,OAAO,WAAmB;EACxD,MAAM,iBAAiB,OAAO,OAAO,gCAAgC,UAAU,IAAI;EACnF,MAAM,uBAAuB,OAAO,SAAS,kBAAkB,IAAI;AACnE,MAAI,qBACF,YAAW;GACT;GACA,MAAM,EAAE,YAAY,sBAAsB;GAC3C,CAAC;;CAIN,MAAM,wBAAwB,OAAO,WAAmB;AACtD,MAAI;AACF,0BAAuB,KAAK;AAC5B,SAAM,WAAW,MAAM,gBAAgB,EACrC,QACD,CAAC;AAEF,SAAM,QAAQ,yBAAyB;AACvC,UAAO,SAAS,OAAO,IAAI;WACpB,OAAO;AACd,0BAAuB,MAAM;AAC7B,SAAM,MACJ,+BAA+B,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,GACtF;;;CAIL,MAAM,oBAAoB,YAAoB;AAC5C,MAAI,WAAW,KAAK,UAAU,WAC5B,SAAQ,QAAQ;;CAIpB,MAAM,cAAc,UAAqB;AACvC,MAAI,cAAc,MAEhB,cAAa,cAAc,QAAQ,SAAS,MAAM;OAC7C;AAEL,gBAAa,MAAM;AACnB,gBAAa,MAAM;;;CAIvB,MAAM,kBAAkB,UAAqB;AAC3C,MAAI,cAAc,MAAO,QAAO;AAEhC,SAAO,cAAc,QACnB,oBAAC,WAAD,EAAW,WAAU,uBAAwB,CAAA,GAE7C,oBAAC,aAAD,EAAa,WAAU,uBAAwB,CAAA;;CAInD,MAAM,qBAAqB;AACzB,iBAAe,GAAG;AAClB,kBAAgB,MAAM;AACtB,eAAa,YAAY;AACzB,eAAa,OAAO;;CAGtB,MAAM,4BAA4B;AAChC,iBAAe;GACb,MAAM;GACN,OAAO;GACP,UAAU;GACV,MAAM;GACP,CAAC;AACF,2BAAyB,KAAK;;CAGhC,MAAM,mBAAmB,YAAY;AACnC,MAAI,CAAC,YAAY,QAAQ,CAAC,YAAY,SAAS,CAAC,YAAY,UAAU;AACpE,SAAM,MAAM,qCAAqC;AACjD;;AAGF,MAAI;AACF,qBAAkB,KAAK;AACvB,SAAM,WAAW,MAAM,WAAW;IAChC,MAAM,YAAY;IAClB,OAAO,YAAY;IACnB,UAAU,YAAY;IACtB,MAAM,YAAY;IACnB,CAAC;AAEF,SAAM,QAAQ,QAAQ,YAAY,KAAK,mBAAmB;AAC1D,4BAAyB,MAAM;AAC/B,SAAM,SAAS;WACR,OAAO;AACd,SAAM,MACJ,0BAA0B,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,GACjF;YACO;AACR,qBAAkB,MAAM;;;CAI5B,MAAM,2BAA2B,OAAiC,UAAkB;AAClF,kBAAgB,UAAU;GACxB,GAAG;IACF,QAAQ;GACV,EAAE;;CAGL,MAAM,kBAAkB,QAAgB,aAAqB;AAC3D,kBAAgB;GAAE,IAAI;GAAQ,MAAM;GAAU,CAAC;AAC/C,gBAAc;;CAGhB,MAAM,oBAAoB,UAA6C;AACrE,MAAI,UAAU,QAAQ,UAAU,KAAA,EAAW,QAAO;AAClD,SAAO,MAAM,gBAAgB;;CAG/B,MAAM,cAAc,SAA4C;AAC9D,MAAI,SAAS,QAAQ,SAAS,KAAA,EAAW,QAAO;AAChD,SAAO,IAAI,KAAK,QAAQ,EAAE;;CAG5B,MAAM,iCAAiC,YACrC,OACI,KAAK,KAAK,uBAAuB,iBAAiB,GAClD,EACE,YAAY,YAAY;AACtB,QAAM,IAAI,MAAM,sDAAsD;IAEzE,CACN;CAED,MAAM,wCAAwC,YAC5C,OACI,KAAK,KAAK,8BAA8B,iBAAiB,GACzD,EACE,YAAY,YAAY;AACtB,QAAM,IAAI,MAAM,sDAAsD;IAEzE,CACN;CAED,MAAM,sBAAsB,QAAgB,UAAkB,cAA6B;AACzF,sBAAoB;GAAE,IAAI;GAAQ,MAAM;GAAU,OAAO;GAAW,CAAC;AACrE,gBAAc,aAAa,GAAG;AAC9B,wBAAsB,KAAK;;CAG7B,MAAM,0BAA0B,YAAY;AAC1C,MAAI,CAAC,MAAM;AACT,SAAM,MAAM,sDAAsD;AAClE;;AAGF,MAAI,CAAC,iBAAkB;EAEvB,MAAM,kBAAkB,WAAW,MAAM,CAAC,aAAa;AACvD,MAAI,CAAC,iBAAiB;AACpB,SAAM,MAAM,oBAAoB;AAChC;;AAIF,MAAI,CADe,6BACH,KAAK,gBAAgB,EAAE;AACrC,SAAM,MAAM,qCAAqC;AACjD;;AAGF,MAAI;AACF,4BAAyB,KAAK;GAC9B,MAAM,QAAQ,MAAM,+BAA+B,YAAY,EAC7D,QAAQ,iBAAiB,IAC1B,CAAC;AAKF,0BAJa,MAAM,sCAAsC,YAAY;IACnE,SAAS,MAAM;IACf,OAAO;IACR,CAAC,EACyB,IAAI;AAC/B,SAAM,QAAQ,6BAA6B;WACpC,OAAO;AACd,SAAM,MACJ,kCAAkC,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,GACzF;YACO;AACR,4BAAyB,MAAM;;;CAInC,MAAM,yBAAyB,YAAY;AACzC,MAAI,CAAC,mBAAoB;AAEzB,MAAI;AACF,SAAM,UAAU,UAAU,UAAU,mBAAmB;AACvD,SAAM,QAAQ,oBAAoB;UAC5B;AACN,SAAM,MAAM,sBAAsB;;;AAItC,KAAI,UACF,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,SAAD,EAAW,CAAA;EACP,CAAA;CAIV,MAAM,0BAA0B;AAC9B,WAAS,kBAAkB;;CAG7B,MAAM,mBACJ,wBACA,iBAAiB,SACjB,cAAc,eACd,cAAc;AAEhB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KAAI,WAAU;eAAwB;KAAoB,CAAA,EAC1D,qBAAC,OAAD;KAAK,WAAU;eAAf;MACE,qBAAC,QAAD;OAAQ,SAAS;OAAmB,MAAK;iBAAzC,CACE,oBAAC,MAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;;MACT,qBAAC,QAAD;OAAQ,SAAS;OAAqB,MAAK;iBAA3C,CACE,oBAAC,UAAD,EAAU,WAAU,gBAAiB,CAAA,EAAA,cAE9B;;MACT,qBAAC,OAAD;OAAK,WAAU;iBAAf,CAA+C,iBAAc,cAAc,EAAQ;;MAC/E;OACF;;GAGN,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,qBAAC,QAAD;KACE,WAAU;KACV,WAAW,MAAM;AACf,QAAE,gBAAgB;AAClB,8BAAwB,YAAY;AACpC,iBAAW;;eALf;MAQE,oBAAC,QAAD,EAAQ,WAAU,2DAA4D,CAAA;MAC9E,oBAAC,OAAD;OACE,cAAW;OACX,aAAY;OACZ,WAAU;OACV,OAAO;OACP,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;OAC/C,SAAQ;OACR,CAAA;MACD,eACC,oBAAC,UAAD;OACE,MAAK;OACL,eAAe,eAAe,GAAG;OACjC,WAAU;OACV,cAAW;iBAEX,oBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;OAClB,CAAA;MAEN;QAEP,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,QAAD;MACE,cAAW;MACX,cAAc,IAAI,IAAI,CAAC,aAAa,CAAC;MACrC,oBAAoB,SAClB,yBAAyB,MAAM,KAAK,KAAK,CAAC,GAAmB;MAE/D,WAAU;MACV,cAAc,oBAAC,QAAD,EAAQ,WAAU,gBAAiB,CAAA;gBAPnD;OASE,oBAAC,YAAD,EAAA,UAAsB,aAAsB,EAA5B,MAA4B;OAC5C,oBAAC,YAAD,EAAA,UAAyB,eAAwB,EAAjC,SAAiC;OACjD,oBAAC,YAAD,EAAA,UAAyB,eAAwB,EAAjC,SAAiC;OAC1C;SAER,oBACC,qBAAC,QAAD;MAAQ,SAAQ;MAAW,MAAK;MAAK,SAAS;gBAA9C,CACE,oBAAC,GAAD,EAAG,WAAU,gBAAiB,CAAA,EAAA,gBAEvB;QAEP;OACF;;GAEN,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,OAAD;KAAO,cAAW;KAAc,eAAA;eAAhC,CACE,qBAAC,aAAD,EAAA,UAAA;MACE,oBAAC,aAAD,EAAA,UAAa,MAAgB,CAAA;MAC7B,qBAAC,aAAD;OAAa,WAAU;OAAiB,eAAe,WAAW,OAAO;iBAAzE,CAA2E,SACnE,eAAe,OAAO,CAChB;;MACd,qBAAC,aAAD;OAAa,WAAU;OAAiB,eAAe,WAAW,QAAQ;iBAA1E,CAA4E,UACnE,eAAe,QAAQ,CAClB;;MACd,qBAAC,aAAD;OAAa,WAAU;OAAiB,eAAe,WAAW,OAAO;iBAAzE,CAA2E,SACnE,eAAe,OAAO,CAChB;;MACd,oBAAC,aAAD,EAAA,UAAa,UAAoB,CAAA;MACjC,oBAAC,aAAD,EAAA,UAAa,cAAwB,CAAA;MACrC,qBAAC,aAAD;OAAa,WAAU;OAAiB,eAAe,WAAW,YAAY;iBAA9E,CAAgF,eAClE,eAAe,YAAY,CAC3B;;MACd,oBAAC,aAAD;OAAa,WAAU;iBAAa;OAAqB,CAAA;MAC7C,EAAA,CAAA,EACd,oBAAC,WAAD;MACE,OAAO,SAAS,EAAE;MAClB,cACE,mBAAmB,yCAAyC;iBAG5D,SAAS;OACT,MAAM,aAAc,KAA0C;AAC9D,cACE,qBAAC,UAAD,EAAA,UAAA;QACE,oBAAC,WAAD;SAAW,WAAU;mBAAqB,KAAK;SAAe,CAAA;QAC9D,oBAAC,WAAD,EAAA,UAAY,KAAK,MAAiB,CAAA;QAClC,oBAAC,WAAD,EAAA,UAAY,KAAK,OAAkB,CAAA;QACnC,oBAAC,WAAD,EAAA,UAAY,KAAK,QAAQ,QAAmB,CAAA;QAC5C,oBAAC,WAAD,EAAA,UACG,KAAK,SACJ,oBAAC,SAAD;SACE,SACE,qBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,qBAAC,KAAD,EAAA,UAAA;WACE,oBAAC,UAAD,EAAA,UAAQ,WAAgB,CAAA;;WAAE,KAAK,aAAa;WAC1C,EAAA,CAAA,EACH,KAAK,cACJ,qBAAC,KAAD;WAAG,WAAU;qBAAb,CACE,oBAAC,eAAD,EAAe,WAAU,WAAY,CAAA,EACrC,qBAAC,QAAD,EAAA,UAAA;YACE,oBAAC,UAAD,EAAA,UAAQ,YAAiB,CAAA;YAAC;YACzB,gBAAgB,KAAK,WAAW,SAAS,CAAC;YACtC,EAAA,CAAA,CACL;aAEF;;mBAGR,qBAAC,QAAD;UAAM,WAAU;oBAAhB,CAAwH,UAErH,KAAK,aAAa,oBAAC,MAAD,EAAM,WAAU,WAAY,CAAA,CAC1C;;SACC,CAAA,GAEV,oBAAC,QAAD;SAAM,WAAU;mBAAsG;SAE/G,CAAA,EAEC,CAAA;QACZ,oBAAC,WAAD,EAAA,UAAY,cAAc,KAAgB,CAAA;QAC1C,oBAAC,WAAD,EAAA,UACG,KAAK,YAAY,IAAI,KAAK,KAAK,UAAU,CAAC,oBAAoB,GAAG,OACxD,CAAA;QACZ,oBAAC,WAAD;SAAW,WAAU;mBACnB,qBAAC,UAAD;UAAU,WAAU;oBAApB,CACE,oBAAC,iBAAD,EAAA,UACE,oBAAC,QAAD;WAAQ,SAAQ;WAAQ,MAAK;WAAK,YAAA;qBAChC,oBAAC,gBAAD,EAAgB,WAAU,WAAY,CAAA;WAC/B,CAAA,EACO,CAAA,EAClB,qBAAC,cAAD;WAAc,cAAW;qBAAzB;YACE,oBAAC,cAAD;aAEE,eAAe,wBAAwB,KAAK,GAAG;uBAChD;aAEc,EAJT,aAIS;YACf,oBAAC,cAAD;aAEE,eAAe,eAAe,KAAK,IAAI,KAAK,KAAK;aACjD,WAAW,UAAU,KAAK;uBAE1B,qBAAC,QAAD;cAAM,WAAU;wBAAhB,CACE,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA,EAAA,gBAE5B;;aACM,EART,QAQS;YACf,oBAAC,cAAD;aAEE,eAAe,sBAAsB,KAAK,GAAG;aAC7C,YAAY,KAAK,UAAU;uBAE1B,sBACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD,EAAS,WAAU,gBAAiB,CAAA,EAAA,mBAEnC,EAAA,CAAA,GAEH;aAEW,EAZT,cAYS;YACf,oBAAC,cAAD;aAEE,eAAe,mBAAmB,KAAK,IAAI,KAAK,MAAM,KAAK,SAAS,KAAK;aACzE,WAAW,OAAO,KAAK;uBAEvB,qBAAC,QAAD;cAAM,WAAU;wBAAhB,CACE,oBAAC,OAAD,EAAO,WAAU,WAAY,CAAA,EAAA,4BAExB;;aACM,EART,aAQS;YACd,KAAK,SACJ,oBAAC,cAAD;aAEE,eAAe,gBAAgB,KAAK,GAAG;aACvC,YAAY,gBAAgB,KAAK;uBAEhC,gBAAgB,KAAK,MACpB,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD,EAAS,WAAU,gBAAiB,CAAA,EAAA,eAEnC,EAAA,CAAA,GAEH;aAEW,EAZT,QAYS,GAEf,oBAAC,cAAD;aAAwB,eAAe,aAAa,KAAK,IAAI,KAAK,KAAK;uBAAE;aAE1D,EAFG,MAEH;YAEjB,oBAAC,cAAD;aAA2B,eAAe,cAAc,KAAK,GAAG;uBAAE;aAEnD,EAFG,SAEH;YACF;aACN;;SACD,CAAA;QACH,EAAA,EAlHI,KAAK,GAkHT;;MAGL,CAAA,CACN;;IACJ,CAAA;GAGL,aAAa,KACZ,qBAAC,OAAD;IAAK,WAAU;cAAf;KACE,oBAAC,QAAD;MACE,SAAQ;MACR,MAAK;MACL,eAAe,iBAAiB,OAAO,EAAE;MACzC,YAAY,SAAS;gBACtB;MAEQ,CAAA;KACT,qBAAC,OAAD;MAAK,WAAU;gBAAf;OAA+C;OACvC,OAAO;OAAE;OAAK;OAChB;;KACN,oBAAC,QAAD;MACE,SAAQ;MACR,MAAK;MACL,eAAe,iBAAiB,OAAO,EAAE;MACzC,YAAY,SAAS,aAAa;gBACnC;MAEQ,CAAA;KACL;;GAIR,oBAAC,OAAD;IACE,QAAQ,CAAC,CAAC;IACV,eAAe,SAAS;AACtB,SAAI,CAAC,KAAM,iBAAgB,KAAK;;cAGlC,oBAAC,cAAD,EAAA,WACI,YACA,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,aAAD;KAAa,WAAU;eAAvB,CACE,oBAAC,KAAD;MAAG,WAAU;gBAAwB;MAAiB,CAAA,EACtD,oBAAC,KAAD;MAAG,WAAU;gBAA2B;MAGpC,CAAA,CACQ;QACd,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,QAAD;KAAQ,SAAQ;KAAW,SAAS;eAAS;KAEpC,CAAA,EACT,oBAAC,QAAD;KAAQ,OAAM;KAAS,SAAS;KAAc,WAAW;eAAY;KAE5D,CAAA,CACG,EAAA,CAAA,CACb,EAAA,CAAA,EAEQ,CAAA;IACT,CAAA;GAGR,oBAAC,OAAD;IACE,QAAQ,CAAC,CAAC;IACV,eAAe,SAAS;AACtB,SAAI,CAAC,KAAM,cAAa,KAAK;;cAG/B,oBAAC,cAAD,EAAA,WACI,YACA,qBAAC,QAAD;KACE,WAAW,MAAM;AACf,QAAE,gBAAgB;AAClB,qBAAe;;KAEjB,WAAU;eALZ;MAOE,qBAAC,aAAD;OAAa,WAAU;iBAAvB,CACE,oBAAC,KAAD;QAAG,WAAU;kBAAwB;QAAY,CAAA,EACjD,oBAAC,KAAD;QAAG,WAAU;kBACV,aACC,wBAAwB,UAAU,KAAK;QACvC,CAAA,CACQ;;MAEd,qBAAC,WAAD;OAAW,WAAU;iBAArB;QACE,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,oBAAC,SAAD;UAAO,SAAS;UAAkB,WAAU;oBAAsB;UAE1D,CAAA,EACR,oBAAC,OAAD;UACE,IAAI;UACJ,aAAY;UACZ,OAAO;UACP,WAAW,MAAM,aAAa,EAAE,OAAO,MAAM;UAC7C,SAAQ;UACR,gBAAe;UACf,OAAM;UACN,CAAA,CACE;;QAEN,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,oBAAC,KAAD;UAAG,WAAU;oBAAsB;UAAgB,CAAA,EACnD,qBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,oBAAC,QAAD;YACE,MAAK;YACL,SAAS,cAAc,UAAU,UAAU;YAC3C,eAAe,aAAa,QAAQ;sBACrC;YAEQ,CAAA;WACT,oBAAC,QAAD;YACE,MAAK;YACL,SAAS,cAAc,OAAO,UAAU;YACxC,eAAe,aAAa,KAAK;sBAClC;YAEQ,CAAA;WACT,oBAAC,QAAD;YACE,MAAK;YACL,SAAS,cAAc,OAAO,UAAU;YACxC,eAAe,aAAa,KAAK;sBAClC;YAEQ,CAAA;WACT,oBAAC,QAAD;YACE,MAAK;YACL,SAAS,cAAc,QAAQ,UAAU;YACzC,eAAe,aAAa,MAAM;sBACnC;YAEQ,CAAA;WACL;YACF;;QAEN,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,qBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,oBAAC,SAAD;WACE,MAAK;WACL,IAAI;WACJ,SAAS,cAAc;WACvB,WAAW,MACT,EAAE,OAAO,UAAU,aAAa,SAAS,GAAG,aAAa,QAAQ;WAEnE,CAAA,EACF,oBAAC,SAAD;WAAO,SAAS;WAAkB,WAAU;qBAAsB;WAE1D,CAAA,CACJ;aAEL,cAAc,YACb,qBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,oBAAC,OAAD;WACE,MAAK;WACL,KAAI;WACJ,OAAO,cAAc,UAAU;WAC/B,WAAW,MAAM,iBAAiB,OAAO,EAAE,OAAO,MAAM,CAAC;WACzD,SAAQ;WACR,gBAAe;WACf,OAAM;WACN,CAAA,EACF,oBAAC,QAAD;WAAM,WAAU;qBAAU;WAAW,CAAA,CACjC;YAEJ;;QACI;;MAEZ,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,QAAD;OAAQ,SAAQ;OAAW,MAAK;OAAS,SAAS;iBAAS;OAElD,CAAA,EACT,qBAAC,QAAD;OAAQ,OAAM;OAAS,MAAK;OAAS,YAAY;iBAAjD,CACG,gBAAgB,oBAAC,SAAD,EAAS,WAAU,gBAAiB,CAAA,GAAG,MACvD,gBAAgB,eAAe,WACzB;SACG,EAAA,CAAA;MACT;QAEI,CAAA;IACT,CAAA;GAGR,oBAAC,OAAD;IACE,QAAQ;IACR,eAAe,SAAS;AACtB,SAAI,CAAC,KAAM,0BAAyB,MAAM;;cAG5C,oBAAC,cAAD,EAAA,WACI,YACA,qBAAC,QAAD;KACE,WAAW,MAAM;AACf,QAAE,gBAAgB;AAClB,wBAAkB;;KAEpB,WAAU;eALZ;MAOE,qBAAC,aAAD;OAAa,WAAU;iBAAvB,CACE,oBAAC,KAAD;QAAG,WAAU;kBAAwB;QAAmB,CAAA,EACxD,oBAAC,KAAD;QAAG,WAAU;kBAA2B;QAEpC,CAAA,CACQ;;MAEd,qBAAC,WAAD;OAAW,WAAU;iBAArB;QACE,oBAAC,OAAD;SAAK,WAAU;mBACb,oBAAC,OAAD;UACE,IAAI;UACJ,OAAM;UACN,gBAAe;UACf,aAAY;UACZ,OAAO,YAAY;UACnB,WAAW,MAAM,wBAAwB,QAAQ,EAAE,OAAO,MAAM;UAChE,SAAQ;UACR,CAAA;SACE,CAAA;QAEN,oBAAC,OAAD;SAAK,WAAU;mBACb,oBAAC,OAAD;UACE,IAAI;UACJ,OAAM;UACN,gBAAe;UACf,MAAK;UACL,aAAY;UACZ,OAAO,YAAY;UACnB,WAAW,MAAM,wBAAwB,SAAS,EAAE,OAAO,MAAM;UACjE,SAAQ;UACR,CAAA;SACE,CAAA;QAEN,oBAAC,OAAD;SAAK,WAAU;mBACb,oBAAC,OAAD;UACE,IAAI;UACJ,OAAM;UACN,gBAAe;UACf,MAAK;UACL,aAAY;UACZ,OAAO,YAAY;UACnB,WAAW,MAAM,wBAAwB,YAAY,EAAE,OAAO,MAAM;UACpE,SAAQ;UACR,CAAA;SACE,CAAA;QAEN,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,oBAAC,KAAD;UAAG,WAAU;UAAsB,IAAI;oBAAc;UAEjD,CAAA,EACJ,qBAAC,QAAD;UACE,cAAW;UACX,mBAAiB;UACjB,cAAc,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC;UACzC,oBAAoB,SAClB,wBAAwB,QAAQ,MAAM,KAAK,KAAK,CAAC,GAAa;oBALlE,CAQE,oBAAC,YAAD,EAAA,UAAuB,QAAiB,EAAxB,OAAwB,EACxC,oBAAC,YAAD,EAAA,UAAwB,SAAkB,EAA1B,QAA0B,CACnC;YACL;;QACI;;MAEZ,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,QAAD;OAAQ,SAAQ;OAAW,MAAK;OAAS,SAAS;iBAAS;OAElD,CAAA,EACT,qBAAC,QAAD;OAAQ,MAAK;OAAS,OAAM;OAAU,YAAY;iBAAlD,CACG,iBAAiB,oBAAC,SAAD,EAAS,WAAU,gBAAiB,CAAA,GAAG,MACxD,iBAAiB,gBAAgB,cAC3B;SACG,EAAA,CAAA;MACT;QAEI,CAAA;IACT,CAAA;GAGR,oBAAC,OAAD;IACE,QAAQ,CAAC,CAAC;IACV,eAAe,SAAS;AACtB,SAAI,CAAC,KAAM,iBAAgB,KAAK;;cAGlC,oBAAC,cAAD,EAAA,WACI,YACA,qBAAA,YAAA,EAAA,UAAA;KACE,qBAAC,aAAD;MAAa,WAAU;gBAAvB,CACE,qBAAC,KAAD;OAAG,WAAU;iBAAb,CACE,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA,EAAA,WAE/B;UACJ,oBAAC,KAAD;OAAG,WAAU;iBACV,gBAAgB,wBAAwB,aAAa;OACpD,CAAA,CACQ;;KAEd,oBAAC,WAAD,EAAA,UACG,iBACC,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,SAAD,EAAW,CAAA;MACP,CAAA,GACJ,YACF,oBAAC,OAAD;MAAK,WAAU;gBACb,qBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,oBAAC,KAAD;UAAG,WAAU;oBAA2B;UAAgB,CAAA,EACxD,oBAAC,KAAD;UAAG,WAAU;oBACV,iBAAiB,UAAU,YAAY;UACtC,CAAA,CACA;;QACN,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,oBAAC,KAAD;UAAG,WAAU;oBAA2B;UAAiB,CAAA,EACzD,oBAAC,KAAD;UAAG,WAAU;oBACV,iBAAiB,UAAU,aAAa;UACvC,CAAA,CACA;;QACN,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,oBAAC,KAAD;UAAG,WAAU;oBAA2B;UAAgB,CAAA,EACxD,oBAAC,KAAD;UAAG,WAAU;oBACV,iBAAiB,UAAU,YAAY;UACtC,CAAA,CACA;;QACN,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,oBAAC,KAAD;UAAG,WAAU;oBAA2B;UAAkB,CAAA,EAC1D,oBAAC,KAAD;UAAG,WAAU;oBACV,WAAW,UAAU,KAAK;UACzB,CAAA,CACA;;QACF;;MACF,CAAA,GAEN,oBAAC,OAAD;MAAK,WAAU;gBAAoC;MAA6B,CAAA,EAExE,CAAA;KAEZ,oBAAC,aAAD,EAAA,UACE,oBAAC,QAAD;MAAQ,SAAQ;MAAW,SAAS;gBAAS;MAEpC,CAAA,EACG,CAAA;KACb,EAAA,CAAA,EAEQ,CAAA;IACT,CAAA;GAGR,oBAAC,OAAD;IACE,QAAQ,CAAC,CAAC;IACV,eAAe,SAAS;AACtB,SAAI,CAAC,MAAM;AACT,0BAAoB,KAAK;AACzB,4BAAsB,KAAK;AAC3B,oBAAc,GAAG;;;cAIrB,oBAAC,cAAD,EAAA,WACI,YACA,qBAAC,QAAD;KACE,WAAW,MAAM;AACf,QAAE,gBAAgB;AAClB,+BAAyB;;KAE3B,WAAU;eALZ;MAOE,qBAAC,aAAD;OAAa,WAAU;iBAAvB,CACE,oBAAC,KAAD;QAAG,WAAU;kBAAwB;QAA6B,CAAA,EAClE,oBAAC,KAAD;QAAG,WAAU;kBACV,oBACC,8CAA8C,iBAAiB,KAAK;QACpE,CAAA,CACQ;;MAEd,qBAAC,WAAD;OAAW,WAAU;iBAArB,CACE,oBAAC,OAAD;QACE,IAAI;QACJ,OAAM;QACN,gBAAe;QACf,MAAK;QACL,aAAY;QACZ,OAAO;QACP,WAAW,MAAM,cAAc,EAAE,OAAO,MAAM;QAC9C,SAAQ;QACR,aAAY;QACZ,CAAA,EAEF,oBAAC,OAAD;QACE,IAAI;QACJ,OAAM;QACN,gBAAe;QACf,OAAO,sBAAsB;QAC7B,UAAA;QACA,SAAQ;QACR,aAAY;QACZ,CAAA,CACQ;;MAEZ,qBAAC,aAAD,EAAA,UAAA;OACE,oBAAC,QAAD;QAAQ,SAAQ;QAAW,MAAK;QAAS,SAAS;kBAAS;QAElD,CAAA;OACT,qBAAC,QAAD;QACE,SAAQ;QACR,MAAK;QACL,SAAS;QACT,YAAY,CAAC;kBAJf,CAME,oBAAC,MAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,YAE1B;;OACT,qBAAC,QAAD;QAAQ,OAAM;QAAU,MAAK;QAAS,YAAY;kBAAlD,CACG,wBAAwB,oBAAC,SAAD,EAAS,WAAU,gBAAiB,CAAA,GAAG,MAC/D,wBAAwB,kBAAkB,gBACpC;;OACG,EAAA,CAAA;MACT;QAEI,CAAA;IACT,CAAA;GACJ"}

package/dist/src/modules/auth/components/AdminWaitlist.d.mts ADDED Viewed

@@ -0,0 +1,13 @@
+import { UseBackendTRPC } from "../../../types.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+//#region src/modules/auth/components/AdminWaitlist.d.ts
+interface AdminWaitlistProps {
+  useTRPC: UseBackendTRPC;
+}
+declare function AdminWaitlist({
+  useTRPC
+}: AdminWaitlistProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AdminWaitlist };
+//# sourceMappingURL=AdminWaitlist.d.mts.map

package/dist/src/modules/auth/components/AdminWaitlist.mjs ADDED Viewed

@@ -0,0 +1,287 @@
+import { useEffect, useId, useState } from "react";
+import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, Input, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, Spinner, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@heroui/react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Mail, MoreHorizontal, Search, Trash2, UserPlus, X } from "lucide-react";
+import { toast } from "sonner";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+//#region src/modules/auth/components/AdminWaitlist.tsx
+function AdminWaitlist({ useTRPC }) {
+	const trpc = useTRPC();
+	const queryClient = useQueryClient();
+	const { data: waitlist = [], isLoading } = useQuery(trpc.auth.listAdminWaitlist.queryOptions());
+	const { mutate: invite, isPending: isInviting } = useMutation(trpc.auth.inviteFromWaitlist.mutationOptions({
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: trpc.auth.listAdminWaitlist.queryKey() });
+			toast.success("Invitation sent successfully");
+		},
+		onError: (error) => {
+			toast.error(`Failed to send invitation: ${error instanceof Error ? error.message : String(error)}`);
+		}
+	}));
+	const { mutate: remove, isPending: isRemoving } = useMutation(trpc.auth.removeFromWaitlist.mutationOptions({
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: trpc.auth.listAdminWaitlist.queryKey() });
+			toast.success("Removed from waitlist successfully");
+		},
+		onError: (error) => {
+			toast.error(`Failed to remove: ${error instanceof Error ? error.message : String(error)}`);
+		},
+		onSettled: () => {
+			setItemToDelete(null);
+		}
+	}));
+	const { mutate: add, isPending: isAdding } = useMutation(trpc.auth.addToWaitlist.mutationOptions({
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: trpc.auth.listAdminWaitlist.queryKey() });
+			toast.success("Added to waitlist successfully");
+		},
+		onError: (error) => {
+			toast.error(`Failed to add to waitlist: ${error instanceof Error ? error.message : String(error)}`);
+		}
+	}));
+	const emailInputId = useId();
+	const [searchQuery, setSearchQuery] = useState("");
+	const [debouncedSearchQuery, setDebouncedSearchQuery] = useState("");
+	const [itemToDelete, setItemToDelete] = useState(null);
+	const [isAddModalOpen, setIsAddModalOpen] = useState(false);
+	const [newEmail, setNewEmail] = useState("");
+	useEffect(() => {
+		const timer = setTimeout(() => {
+			setDebouncedSearchQuery(searchQuery);
+		}, 300);
+		return () => clearTimeout(timer);
+	}, [searchQuery]);
+	const filteredWaitlist = waitlist.filter((item) => item.email?.toLowerCase().includes(debouncedSearchQuery?.toLowerCase() ?? ""));
+	const handleInvite = (id) => {
+		invite({ id });
+	};
+	const handleRemove = () => {
+		if (itemToDelete) remove({ id: itemToDelete });
+	};
+	const handleAdd = async () => {
+		if (!newEmail.trim()) {
+			toast.error("Please enter an email address");
+			return;
+		}
+		if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(newEmail.trim())) {
+			toast.error("Please enter a valid email address");
+			return;
+		}
+		add({ email: newEmail.trim() });
+		setNewEmail("");
+		setIsAddModalOpen(false);
+	};
+	const formatDate = (date) => {
+		if (!date) return "N/A";
+		return (typeof date === "string" ? new Date(date) : date).toLocaleDateString(void 0, {
+			year: "numeric",
+			month: "short",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+	};
+	const getStatusBadge = (status) => {
+		const statusLower = status.toLowerCase();
+		if (statusLower === "invited" || statusLower === "active") return /* @__PURE__ */ jsx("span", {
+			className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800",
+			children: status
+		});
+		if (statusLower === "pending") return /* @__PURE__ */ jsx("span", {
+			className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800",
+			children: status
+		});
+		return /* @__PURE__ */ jsx("span", {
+			className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800",
+			children: status
+		});
+	};
+	if (isLoading) return /* @__PURE__ */ jsx("div", {
+		className: "flex justify-center p-8",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4 p-4",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex justify-between items-center",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-semibold",
+					children: "Waitlist Management"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsxs(Button, {
+						onPress: () => setIsAddModalOpen(true),
+						size: "sm",
+						children: [/* @__PURE__ */ jsx(UserPlus, { className: "h-4 w-4 mr-2" }), "Add to Waitlist"]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "text-sm text-muted-foreground",
+						children: ["Total: ", waitlist.length]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-col sm:flex-row gap-3 items-start sm:items-center",
+				children: /* @__PURE__ */ jsxs("form", {
+					className: "relative flex-1",
+					onSubmit: (e) => {
+						e.preventDefault();
+						setDebouncedSearchQuery(searchQuery);
+					},
+					children: [
+						/* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }),
+						/* @__PURE__ */ jsx(Input, {
+							"aria-label": "Search by email",
+							placeholder: "Search by email...",
+							className: "pl-8 w-full",
+							value: searchQuery,
+							onChange: (e) => setSearchQuery(e.target.value),
+							variant: "bordered"
+						}),
+						searchQuery && /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => setSearchQuery(""),
+							className: "absolute right-2.5 top-2.5 text-muted-foreground hover:text-foreground",
+							"aria-label": "Clear search",
+							children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "border rounded-lg overflow-hidden",
+				children: /* @__PURE__ */ jsxs(Table, {
+					"aria-label": "Waitlist table",
+					removeWrapper: true,
+					children: [/* @__PURE__ */ jsxs(TableHeader, { children: [
+						/* @__PURE__ */ jsx(TableColumn, { children: "Email" }),
+						/* @__PURE__ */ jsx(TableColumn, { children: "Status" }),
+						/* @__PURE__ */ jsx(TableColumn, { children: "Created At" }),
+						/* @__PURE__ */ jsx(TableColumn, { children: "Updated At" }),
+						/* @__PURE__ */ jsx(TableColumn, {
+							className: "text-right",
+							children: "Actions"
+						})
+					] }), /* @__PURE__ */ jsx(TableBody, {
+						items: filteredWaitlist,
+						emptyContent: searchQuery ? "No waitlist entries found matching your search" : "No waitlist entries found",
+						children: (item) => /* @__PURE__ */ jsxs(TableRow, { children: [
+							/* @__PURE__ */ jsx(TableCell, {
+								className: "font-medium",
+								children: item.email
+							}),
+							/* @__PURE__ */ jsx(TableCell, { children: getStatusBadge(item.status) }),
+							/* @__PURE__ */ jsx(TableCell, { children: formatDate(item.createdAt) }),
+							/* @__PURE__ */ jsx(TableCell, { children: formatDate(item.updatedAt) }),
+							/* @__PURE__ */ jsx(TableCell, {
+								className: "text-right",
+								children: /* @__PURE__ */ jsxs(Dropdown, {
+									placement: "bottom-end",
+									children: [/* @__PURE__ */ jsx(DropdownTrigger, { children: /* @__PURE__ */ jsx(Button, {
+										variant: "light",
+										size: "sm",
+										isIconOnly: true,
+										children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
+									}) }), /* @__PURE__ */ jsxs(DropdownMenu, {
+										"aria-label": "Waitlist actions",
+										children: [/* @__PURE__ */ jsx(DropdownItem, {
+											onPress: () => handleInvite(item.id),
+											isDisabled: isInviting,
+											children: isInviting ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-3 w-3" }), "Inviting..."] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Mail, { className: "mr-2 h-4 w-4" }), "Send Invitation"] })
+										}, "invite"), /* @__PURE__ */ jsxs(DropdownItem, {
+											className: "text-danger",
+											onClick: () => setItemToDelete(item.id),
+											children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Remove"]
+										}, "remove")]
+									})]
+								})
+							})
+						] }, item.id)
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(Modal, {
+				isOpen: !!itemToDelete,
+				onOpenChange: (open) => {
+					if (!open) setItemToDelete(null);
+				},
+				children: /* @__PURE__ */ jsx(ModalContent, { children: (onClose) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(ModalHeader, {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-lg font-semibold",
+						children: "Are you sure?"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-default-600",
+						children: "This action cannot be undone. This will permanently remove this entry from the waitlist."
+					})]
+				}), /* @__PURE__ */ jsxs(ModalFooter, { children: [/* @__PURE__ */ jsx(Button, {
+					variant: "bordered",
+					onPress: onClose,
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(Button, {
+					color: "danger",
+					onPress: handleRemove,
+					isLoading: isRemoving,
+					children: "Remove"
+				})] })] }) })
+			}),
+			/* @__PURE__ */ jsx(Modal, {
+				isOpen: isAddModalOpen,
+				onOpenChange: (open) => {
+					if (!open) setIsAddModalOpen(false);
+				},
+				children: /* @__PURE__ */ jsx(ModalContent, { children: (onClose) => /* @__PURE__ */ jsxs("form", {
+					onSubmit: (e) => {
+						e.preventDefault();
+						handleAdd();
+					},
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs(ModalHeader, {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "text-lg font-semibold",
+								children: "Add to Waitlist"
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-sm text-default-600",
+								children: "Enter an email address to add someone to the waitlist."
+							})]
+						}),
+						/* @__PURE__ */ jsx(ModalBody, {
+							className: "space-y-4",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "space-y-2",
+								children: /* @__PURE__ */ jsx(Input, {
+									id: emailInputId,
+									label: "Email *",
+									labelPlacement: "outside",
+									type: "email",
+									placeholder: "Enter email address",
+									value: newEmail,
+									onChange: (e) => setNewEmail(e.target.value),
+									variant: "bordered"
+								})
+							})
+						}),
+						/* @__PURE__ */ jsxs(ModalFooter, { children: [/* @__PURE__ */ jsx(Button, {
+							variant: "bordered",
+							type: "button",
+							onPress: onClose,
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							color: "primary",
+							isDisabled: isAdding,
+							isLoading: isAdding,
+							children: isAdding ? "Adding..." : "Add to Waitlist"
+						})] })
+					]
+				}) })
+			})
+		]
+	});
+}
+//#endregion
+export { AdminWaitlist };
+//# sourceMappingURL=AdminWaitlist.mjs.map

package/dist/src/modules/auth/components/AdminWaitlist.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminWaitlist.mjs","names":[],"sources":["../../../../../src/modules/auth/components/AdminWaitlist.tsx"],"sourcesContent":["import {\r\n Button,\r\n Dropdown,\r\n DropdownItem,\r\n DropdownMenu,\r\n DropdownTrigger,\r\n Input,\r\n Modal,\r\n ModalBody,\r\n ModalContent,\r\n ModalFooter,\r\n ModalHeader,\r\n Spinner,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableColumn,\r\n TableHeader,\r\n TableRow,\r\n} from \"@heroui/react\";\r\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport { Mail, MoreHorizontal, Search, Trash2, UserPlus, X } from \"lucide-react\";\r\nimport { useEffect, useId, useState } from \"react\";\r\nimport { toast } from \"sonner\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\n\r\ninterface AdminWaitlistProps {\r\n useTRPC: UseBackendTRPC;\r\n}\r\n\r\nexport function AdminWaitlist({ useTRPC }: AdminWaitlistProps) {\r\n const trpc = useTRPC();\r\n const queryClient = useQueryClient();\r\n\r\n const { data: waitlist = [], isLoading } = useQuery(trpc.auth.listAdminWaitlist.queryOptions());\r\n const { mutate: invite, isPending: isInviting } = useMutation(\r\n trpc.auth.inviteFromWaitlist.mutationOptions({\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: trpc.auth.listAdminWaitlist.queryKey() });\r\n toast.success(\"Invitation sent successfully\");\r\n },\r\n onError: (error) => {\r\n toast.error(\r\n `Failed to send invitation: ${error instanceof Error ? error.message : String(error)}`\r\n );\r\n },\r\n })\r\n );\r\n const { mutate: remove, isPending: isRemoving } = useMutation(\r\n trpc.auth.removeFromWaitlist.mutationOptions({\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: trpc.auth.listAdminWaitlist.queryKey() });\r\n toast.success(\"Removed from waitlist successfully\");\r\n },\r\n onError: (error) => {\r\n toast.error(`Failed to remove: ${error instanceof Error ? error.message : String(error)}`);\r\n },\r\n onSettled: () => {\r\n setItemToDelete(null);\r\n },\r\n })\r\n );\r\n const { mutate: add, isPending: isAdding } = useMutation(\r\n trpc.auth.addToWaitlist.mutationOptions({\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: trpc.auth.listAdminWaitlist.queryKey() });\r\n toast.success(\"Added to waitlist successfully\");\r\n },\r\n onError: (error) => {\r\n toast.error(\r\n `Failed to add to waitlist: ${error instanceof Error ? error.message : String(error)}`\r\n );\r\n },\r\n })\r\n );\r\n const emailInputId = useId();\r\n const [searchQuery, setSearchQuery] = useState(\"\");\r\n const [debouncedSearchQuery, setDebouncedSearchQuery] = useState(\"\");\r\n const [itemToDelete, setItemToDelete] = useState<string | null>(null);\r\n const [isAddModalOpen, setIsAddModalOpen] = useState(false);\r\n const [newEmail, setNewEmail] = useState(\"\");\r\n\r\n // Debounce search query\r\n useEffect(() => {\r\n const timer = setTimeout(() => {\r\n setDebouncedSearchQuery(searchQuery);\r\n }, 300);\r\n\r\n return () => clearTimeout(timer);\r\n }, [searchQuery]);\r\n\r\n const filteredWaitlist = waitlist.filter((item) =>\r\n item.email?.toLowerCase().includes(debouncedSearchQuery?.toLowerCase() ?? \"\")\r\n );\r\n\r\n const handleInvite = (id: string) => {\r\n invite({ id });\r\n };\r\n\r\n const handleRemove = () => {\r\n if (itemToDelete) {\r\n remove({ id: itemToDelete });\r\n }\r\n };\r\n\r\n const handleAdd = async () => {\r\n if (!newEmail.trim()) {\r\n toast.error(\"Please enter an email address\");\r\n return;\r\n }\r\n\r\n // Basic email validation\r\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n if (!emailRegex.test(newEmail.trim())) {\r\n toast.error(\"Please enter a valid email address\");\r\n return;\r\n }\r\n\r\n add({ email: newEmail.trim() });\r\n setNewEmail(\"\");\r\n setIsAddModalOpen(false);\r\n };\r\n\r\n const formatDate = (date: Date | string | null) => {\r\n if (!date) return \"N/A\";\r\n const dateObj = typeof date === \"string\" ? new Date(date) : date;\r\n return dateObj.toLocaleDateString(undefined, {\r\n year: \"numeric\",\r\n month: \"short\",\r\n day: \"numeric\",\r\n hour: \"2-digit\",\r\n minute: \"2-digit\",\r\n });\r\n };\r\n\r\n const getStatusBadge = (status: string) => {\r\n const statusLower = status.toLowerCase();\r\n if (statusLower === \"invited\" || statusLower === \"active\") {\r\n return (\r\n <span className=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800\">\r\n {status}\r\n </span>\r\n );\r\n }\r\n if (statusLower === \"pending\") {\r\n return (\r\n <span className=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800\">\r\n {status}\r\n </span>\r\n );\r\n }\r\n return (\r\n <span className=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800\">\r\n {status}\r\n </span>\r\n );\r\n };\r\n\r\n if (isLoading) {\r\n return (\r\n <div className=\"flex justify-center p-8\">\r\n <Spinner />\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <div className=\"space-y-4 p-4\">\r\n <div className=\"flex justify-between items-center\">\r\n <h2 className=\"text-xl font-semibold\">Waitlist Management</h2>\r\n <div className=\"flex items-center gap-2\">\r\n <Button onPress={() => setIsAddModalOpen(true)} size=\"sm\">\r\n <UserPlus className=\"h-4 w-4 mr-2\" />\r\n Add to Waitlist\r\n </Button>\r\n <div className=\"text-sm text-muted-foreground\">Total: {waitlist.length}</div>\r\n </div>\r\n </div>\r\n\r\n {/* Search */}\r\n <div className=\"flex flex-col sm:flex-row gap-3 items-start sm:items-center\">\r\n <form\r\n className=\"relative flex-1\"\r\n onSubmit={(e) => {\r\n e.preventDefault();\r\n setDebouncedSearchQuery(searchQuery);\r\n }}\r\n >\r\n <Search className=\"absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground\" />\r\n <Input\r\n aria-label=\"Search by email\"\r\n placeholder=\"Search by email...\"\r\n className=\"pl-8 w-full\"\r\n value={searchQuery}\r\n onChange={(e) => setSearchQuery(e.target.value)}\r\n variant=\"bordered\"\r\n />\r\n {searchQuery && (\r\n <button\r\n type=\"button\"\r\n onClick={() => setSearchQuery(\"\")}\r\n className=\"absolute right-2.5 top-2.5 text-muted-foreground hover:text-foreground\"\r\n aria-label=\"Clear search\"\r\n >\r\n <X className=\"h-4 w-4\" />\r\n </button>\r\n )}\r\n </form>\r\n </div>\r\n\r\n <div className=\"border rounded-lg overflow-hidden\">\r\n <Table aria-label=\"Waitlist table\" removeWrapper>\r\n <TableHeader>\r\n <TableColumn>Email</TableColumn>\r\n <TableColumn>Status</TableColumn>\r\n <TableColumn>Created At</TableColumn>\r\n <TableColumn>Updated At</TableColumn>\r\n <TableColumn className=\"text-right\">Actions</TableColumn>\r\n </TableHeader>\r\n <TableBody\r\n items={filteredWaitlist}\r\n emptyContent={\r\n searchQuery\r\n ? \"No waitlist entries found matching your search\"\r\n : \"No waitlist entries found\"\r\n }\r\n >\r\n {(item) => (\r\n <TableRow key={item.id}>\r\n <TableCell className=\"font-medium\">{item.email}</TableCell>\r\n <TableCell>{getStatusBadge(item.status)}</TableCell>\r\n <TableCell>{formatDate(item.createdAt)}</TableCell>\r\n <TableCell>{formatDate(item.updatedAt)}</TableCell>\r\n <TableCell className=\"text-right\">\r\n <Dropdown placement=\"bottom-end\">\r\n <DropdownTrigger>\r\n <Button variant=\"light\" size=\"sm\" isIconOnly>\r\n <MoreHorizontal className=\"h-4 w-4\" />\r\n </Button>\r\n </DropdownTrigger>\r\n <DropdownMenu aria-label=\"Waitlist actions\">\r\n <DropdownItem\r\n key=\"invite\"\r\n onPress={() => handleInvite(item.id)}\r\n isDisabled={isInviting}\r\n >\r\n {isInviting ? (\r\n <>\r\n <Spinner className=\"mr-2 h-3 w-3\" />\r\n Inviting...\r\n </>\r\n ) : (\r\n <>\r\n <Mail className=\"mr-2 h-4 w-4\" />\r\n Send Invitation\r\n </>\r\n )}\r\n </DropdownItem>\r\n <DropdownItem\r\n key=\"remove\"\r\n className=\"text-danger\"\r\n onClick={() => setItemToDelete(item.id)}\r\n >\r\n <Trash2 className=\"mr-2 h-4 w-4\" />\r\n Remove\r\n </DropdownItem>\r\n </DropdownMenu>\r\n </Dropdown>\r\n </TableCell>\r\n </TableRow>\r\n )}\r\n </TableBody>\r\n </Table>\r\n </div>\r\n\r\n {/* Remove confirmation modal */}\r\n <Modal\r\n isOpen={!!itemToDelete}\r\n onOpenChange={(open) => {\r\n if (!open) setItemToDelete(null);\r\n }}\r\n >\r\n <ModalContent>\r\n {(onClose) => (\r\n <>\r\n <ModalHeader className=\"flex flex-col gap-1\">\r\n <p className=\"text-lg font-semibold\">Are you sure?</p>\r\n <p className=\"text-sm text-default-600\">\r\n This action cannot be undone. This will permanently remove this entry from the\r\n waitlist.\r\n </p>\r\n </ModalHeader>\r\n <ModalFooter>\r\n <Button variant=\"bordered\" onPress={onClose}>\r\n Cancel\r\n </Button>\r\n <Button color=\"danger\" onPress={handleRemove} isLoading={isRemoving}>\r\n Remove\r\n </Button>\r\n </ModalFooter>\r\n </>\r\n )}\r\n </ModalContent>\r\n </Modal>\r\n\r\n {/* Add to waitlist modal */}\r\n <Modal\r\n isOpen={isAddModalOpen}\r\n onOpenChange={(open) => {\r\n if (!open) setIsAddModalOpen(false);\r\n }}\r\n >\r\n <ModalContent>\r\n {(onClose) => (\r\n <form\r\n onSubmit={(e) => {\r\n e.preventDefault();\r\n handleAdd();\r\n }}\r\n className=\"space-y-4\"\r\n >\r\n <ModalHeader className=\"flex flex-col gap-1\">\r\n <p className=\"text-lg font-semibold\">Add to Waitlist</p>\r\n <p className=\"text-sm text-default-600\">\r\n Enter an email address to add someone to the waitlist.\r\n </p>\r\n </ModalHeader>\r\n\r\n <ModalBody className=\"space-y-4\">\r\n <div className=\"space-y-2\">\r\n <Input\r\n id={emailInputId}\r\n label=\"Email *\"\r\n labelPlacement=\"outside\"\r\n type=\"email\"\r\n placeholder=\"Enter email address\"\r\n value={newEmail}\r\n onChange={(e) => setNewEmail(e.target.value)}\r\n variant=\"bordered\"\r\n />\r\n </div>\r\n </ModalBody>\r\n\r\n <ModalFooter>\r\n <Button variant=\"bordered\" type=\"button\" onPress={onClose}>\r\n Cancel\r\n </Button>\r\n <Button type=\"submit\" color=\"primary\" isDisabled={isAdding} isLoading={isAdding}>\r\n {isAdding ? \"Adding...\" : \"Add to Waitlist\"}\r\n </Button>\r\n </ModalFooter>\r\n </form>\r\n )}\r\n </ModalContent>\r\n </Modal>\r\n </div>\r\n );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/AuthLayout.d.mts ADDED Viewed

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+//#region src/modules/auth/components/AuthLayout.d.ts
+declare function AuthLayout({
+  header
+}: {
+  header: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AuthLayout };
+//# sourceMappingURL=AuthLayout.d.mts.map

package/dist/src/modules/auth/components/AuthLayout.mjs ADDED Viewed

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Outlet } from "react-router";
+//#region src/modules/auth/components/AuthLayout.tsx
+function AuthLayout({ header }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full max-w-sm flex-col gap-6",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-2 self-center font-medium",
+				children: header
+			}), /* @__PURE__ */ jsx(Outlet, {})]
+		})
+	});
+}
+//#endregion
+export { AuthLayout };
+//# sourceMappingURL=AuthLayout.mjs.map

package/dist/src/modules/auth/components/AuthLayout.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AuthLayout.mjs","names":[],"sources":["../../../../../src/modules/auth/components/AuthLayout.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\r\nimport { Outlet } from \"react-router\";\r\n\r\nexport function AuthLayout({ header }: { header: ReactNode }) {\r\n return (\r\n <div className=\"flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10\">\r\n <div className=\"flex w-full max-w-sm flex-col gap-6\">\r\n <div className=\"flex items-center gap-2 self-center font-medium\">{header}</div>\r\n <Outlet />\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"mappings":";;;AAGA,SAAgB,WAAW,EAAE,UAAiC;AAC5D,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IAAK,WAAU;cAAmD;IAAa,CAAA,EAC/E,oBAAC,QAAD,EAAU,CAAA,CACN;;EACF,CAAA"}

package/dist/src/modules/auth/components/AuthProviders.d.mts ADDED Viewed

@@ -0,0 +1,17 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+//#region src/modules/auth/components/AuthProviders.d.ts
+declare function AuthProviders({
+  providers,
+  lastMethod,
+  code,
+  requestSignUp
+}: {
+  providers?: string[];
+  code?: string | null;
+  requestSignUp?: boolean;
+  lastMethod?: string | null;
+}): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { AuthProviders };
+//# sourceMappingURL=AuthProviders.d.mts.map

package/dist/src/modules/auth/components/AuthProviders.mjs ADDED Viewed

@@ -0,0 +1,84 @@
+import { GoogleIcon } from "../../../icons/GoogleIcon.mjs";
+import { LinkedInIcon } from "../../../icons/LinkedInIcon.mjs";
+import { MicrosoftIcon } from "../../../icons/MicrosoftIcon.mjs";
+import { LastUsedBadge } from "./LastUsedBadge.mjs";
+import { Button } from "@heroui/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+//#region src/modules/auth/components/AuthProviders.tsx
+function AuthProviders({ providers, lastMethod, code, requestSignUp = false }) {
+	const { t } = useTranslation();
+	if (!providers || providers.length === 0) return null;
+	const additionalData = code ? { waitlistInvitationCode: code } : {};
+	const handleSignIn = (result) => {
+		if (result.error) toast.error(t("web-ui:auth.errors.invitationCodeInvalid"));
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			providers.includes("google") && /* @__PURE__ */ jsx(LastUsedBadge, {
+				lastMethod,
+				method: "google",
+				children: /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "bordered",
+					className: "w-full gap-2",
+					onPress: () => {
+						authClient.signIn.social({
+							provider: "google",
+							requestSignUp,
+							additionalData
+						}).then(handleSignIn);
+					},
+					children: [/* @__PURE__ */ jsx(GoogleIcon, { className: "h-5 w-5" }), t("web-ui:auth.login.google")]
+				})
+			}),
+			providers.includes("linkedin") && /* @__PURE__ */ jsx(LastUsedBadge, {
+				lastMethod,
+				method: "linkedin",
+				children: /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "bordered",
+					className: "w-full",
+					onPress: () => {
+						authClient.signIn.social({
+							provider: "linkedin",
+							requestSignUp,
+							additionalData
+						}).then(handleSignIn);
+					},
+					children: [/* @__PURE__ */ jsx(LinkedInIcon, { className: "h-5 w-5" }), t("web-ui:auth.login.linkedin")]
+				})
+			}),
+			providers.includes("microsoft") && /* @__PURE__ */ jsx(LastUsedBadge, {
+				lastMethod,
+				method: "microsoft",
+				children: /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "bordered",
+					className: "w-full",
+					onPress: () => {
+						authClient.signIn.social({
+							provider: "microsoft",
+							requestSignUp,
+							additionalData
+						}).then(handleSignIn);
+					},
+					children: [/* @__PURE__ */ jsx(MicrosoftIcon, { className: "h-5 w-5" }), t("web-ui:auth.login.microsoft")]
+				})
+			})
+		]
+	}), /* @__PURE__ */ jsx("div", {
+		className: "relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t after:border-border",
+		children: /* @__PURE__ */ jsx("span", {
+			className: "relative z-10 bg-background px-2 text-muted-foreground",
+			children: t("web-ui:auth.login.orContinueWith")
+		})
+	})] });
+}
+//#endregion
+export { AuthProviders };
+//# sourceMappingURL=AuthProviders.mjs.map