@igstack/app-catalog-frontend-core 0.0.1

package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.js

@@ -0,0 +1,124 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
+import { ChevronsUpDown, Check, Plus } from "lucide-react";
+import { useTRPC } from "../../api/infra/trpc.js";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../../ui/button.js";
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator } from "../../ui/command.js";
+import { Popover, PopoverTrigger, PopoverContent } from "../../ui/popover.js";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../ui/dialog.js";
+import { Badge } from "../../ui/badge.js";
+import { ApprovalMethodForm } from "./ApprovalMethodForm.js";
+import { ApiQueryMagazineApprovalMethod } from "./api/ApiQueryMagazineApprovalMethod.js";
+function ApprovalMethodSelector({
+  value,
+  onChange,
+  disabled = false
+}) {
+  const [open, setOpen] = useState(false);
+  const [showQuickAdd, setShowQuickAdd] = useState(false);
+  const trpc = useTRPC();
+  const queryClient = useQueryClient();
+  const { data: methods = [] } = useQuery(ApiQueryMagazineApprovalMethod.list());
+  const createMutation = useMutation({
+    ...trpc.approvalMethod.create.mutationOptions(),
+    onSuccess: (newMethod) => {
+      queryClient.invalidateQueries({
+        queryKey: ["approvalMethod"]
+      });
+      onChange(newMethod.slug);
+      setShowQuickAdd(false);
+    }
+  });
+  const selectedMethod = methods.find((m) => m.slug === value);
+  const TYPE_LABELS = {
+    service: "Service",
+    personTeam: "Person/Team",
+    custom: "Custom"
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          className: "w-full justify-between",
+          disabled,
+          children: [
+            selectedMethod ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+              selectedMethod.displayName,
+              /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: TYPE_LABELS[selectedMethod.type] })
+            ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Select approval method..." }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "w-[400px] p-0", children: /* @__PURE__ */ jsxs(Command, { children: [
+        /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search methods..." }),
+        /* @__PURE__ */ jsxs(CommandList, { children: [
+          /* @__PURE__ */ jsx(CommandEmpty, { children: "No methods found." }),
+          /* @__PURE__ */ jsx(CommandGroup, { children: methods.map((method) => /* @__PURE__ */ jsxs(
+            CommandItem,
+            {
+              value: method.displayName,
+              onSelect: () => {
+                onChange(method.slug);
+                setOpen(false);
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  Check,
+                  {
+                    className: cn(
+                      "mr-2 h-4 w-4",
+                      value === method.slug ? "opacity-100" : "opacity-0"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                  method.displayName,
+                  /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: TYPE_LABELS[method.type] })
+                ] })
+              ]
+            },
+            method.slug
+          )) }),
+          /* @__PURE__ */ jsx(CommandSeparator, {}),
+          /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsxs(
+            CommandItem,
+            {
+              onSelect: () => {
+                setOpen(false);
+                setShowQuickAdd(true);
+              },
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+                "Create new method..."
+              ]
+            }
+          ) })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open: showQuickAdd, onOpenChange: setShowQuickAdd, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Create Approval Method" }) }),
+      /* @__PURE__ */ jsx(
+        ApprovalMethodForm,
+        {
+          mode: "create",
+          initialData: null,
+          onSubmit: (data) => createMutation.mutate(data),
+          onCancel: () => setShowQuickAdd(false),
+          isPending: createMutation.isPending
+        }
+      )
+    ] }) })
+  ] });
+}
+export {
+  ApprovalMethodSelector
+};
+//# sourceMappingURL=ApprovalMethodSelector.js.map

package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalMethodSelector.js","sources":["../../../../src/modules/approvalMethod/ApprovalMethodSelector.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'\nimport { Check, ChevronsUpDown, Plus } from 'lucide-react'\nimport { useTRPC } from '~/api/infra/trpc'\nimport { cn } from '~/lib/utils'\nimport { Button } from '~/ui/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from '~/ui/command'\nimport { Popover, PopoverContent, PopoverTrigger } from '~/ui/popover'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '~/ui/dialog'\nimport { Badge } from '~/ui/badge'\nimport { ApprovalMethodForm } from './ApprovalMethodForm'\nimport { ApiQueryMagazineApprovalMethod } from './api/ApiQueryMagazineApprovalMethod'\n\ninterface ApprovalMethodSelectorProps {\n  value: string | undefined\n  onChange: (value: string | undefined) => void\n  disabled?: boolean\n}\n\nexport function ApprovalMethodSelector({\n  value,\n  onChange,\n  disabled = false,\n}: ApprovalMethodSelectorProps) {\n  const [open, setOpen] = useState(false)\n  const [showQuickAdd, setShowQuickAdd] = useState(false)\n\n  const trpc = useTRPC()\n  const queryClient = useQueryClient()\n\n  const { data: methods = [] } = useQuery(ApiQueryMagazineApprovalMethod.list())\n\n  const createMutation = useMutation({\n    ...trpc.approvalMethod.create.mutationOptions(),\n    onSuccess: (newMethod) => {\n      queryClient.invalidateQueries({\n        queryKey: ['approvalMethod'],\n      })\n      onChange(newMethod.slug)\n      setShowQuickAdd(false)\n    },\n  })\n\n  const selectedMethod = methods.find((m) => m.slug === value)\n\n  const TYPE_LABELS: Record<string, string> = {\n    service: 'Service',\n    personTeam: 'Person/Team',\n    custom: 'Custom',\n  }\n\n  return (\n    <>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            className=\"w-full justify-between\"\n            disabled={disabled}\n          >\n            {selectedMethod ? (\n              <span className=\"flex items-center gap-2\">\n                {selectedMethod.displayName}\n                <Badge variant=\"secondary\" className=\"text-xs\">\n                  {TYPE_LABELS[selectedMethod.type]}\n                </Badge>\n              </span>\n            ) : (\n              <span className=\"text-muted-foreground\">\n                Select approval method...\n              </span>\n            )}\n            <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-[400px] p-0\">\n          <Command>\n            <CommandInput placeholder=\"Search methods...\" />\n            <CommandList>\n              <CommandEmpty>No methods found.</CommandEmpty>\n              <CommandGroup>\n                {methods.map((method) => (\n                  <CommandItem\n                    key={method.slug}\n                    value={method.displayName}\n                    onSelect={() => {\n                      onChange(method.slug)\n                      setOpen(false)\n                    }}\n                  >\n                    <Check\n                      className={cn(\n                        'mr-2 h-4 w-4',\n                        value === method.slug ? 'opacity-100' : 'opacity-0',\n                      )}\n                    />\n                    <span className=\"flex items-center gap-2\">\n                      {method.displayName}\n                      <Badge variant=\"outline\" className=\"text-xs\">\n                        {TYPE_LABELS[method.type]}\n                      </Badge>\n                    </span>\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n              <CommandSeparator />\n              <CommandGroup>\n                <CommandItem\n                  onSelect={() => {\n                    setOpen(false)\n                    setShowQuickAdd(true)\n                  }}\n                >\n                  <Plus className=\"mr-2 h-4 w-4\" />\n                  Create new method...\n                </CommandItem>\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n\n      {/* Quick Add Dialog */}\n      <Dialog open={showQuickAdd} onOpenChange={setShowQuickAdd}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>Create Approval Method</DialogTitle>\n          </DialogHeader>\n          <ApprovalMethodForm\n            mode=\"create\"\n            initialData={null}\n            onSubmit={(data) => createMutation.mutate(data)}\n            onCancel={() => setShowQuickAdd(false)}\n            isPending={createMutation.isPending}\n          />\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.d.ts

@@ -0,0 +1,381 @@
+/**
+ * Query options for ApprovalMethod data.
+ *
+ * Note: We let tRPC infer the return types directly rather than using
+ * the backend's ApprovalMethod type, because tRPC serializes Date → string
+ * over JSON. This ensures end-to-end type safety without manual casting.
+ */
+export declare class ApiQueryMagazineApprovalMethod {
+    static list(): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<({
+        slug: string;
+        displayName: string;
+        type: "service";
+        config: {
+            icon?: string | undefined;
+            url?: string | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "personTeam";
+        config: {
+            reachOutContacts?: {
+                displayName: string;
+                contact: string;
+            }[] | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "custom";
+        config: Record<never, never>;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    })[], Error, ({
+        slug: string;
+        displayName: string;
+        type: "service";
+        config: {
+            icon?: string | undefined;
+            url?: string | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "personTeam";
+        config: {
+            reachOutContacts?: {
+                displayName: string;
+                contact: string;
+            }[] | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "custom";
+        config: Record<never, never>;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    })[], readonly ["approvalMethod", "list"]>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<({
+            slug: string;
+            displayName: string;
+            type: "service";
+            config: {
+                icon?: string | undefined;
+                url?: string | undefined;
+            };
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        } | {
+            slug: string;
+            displayName: string;
+            type: "personTeam";
+            config: {
+                reachOutContacts?: {
+                    displayName: string;
+                    contact: string;
+                }[] | undefined;
+            };
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        } | {
+            slug: string;
+            displayName: string;
+            type: "custom";
+            config: Record<never, never>;
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        })[], readonly ["approvalMethod", "list"], never> | undefined;
+    } & {
+        queryKey: readonly ["approvalMethod", "list"] & {
+            [dataTagSymbol]: ({
+                slug: string;
+                displayName: string;
+                type: "service";
+                config: {
+                    icon?: string | undefined;
+                    url?: string | undefined;
+                };
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            } | {
+                slug: string;
+                displayName: string;
+                type: "personTeam";
+                config: {
+                    reachOutContacts?: {
+                        displayName: string;
+                        contact: string;
+                    }[] | undefined;
+                };
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            } | {
+                slug: string;
+                displayName: string;
+                type: "custom";
+                config: Record<never, never>;
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            })[];
+            [dataTagErrorSymbol]: Error;
+        };
+    };
+    static getById(slug: string): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<{
+        slug: string;
+        displayName: string;
+        type: "service";
+        config: {
+            icon?: string | undefined;
+            url?: string | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "personTeam";
+        config: {
+            reachOutContacts?: {
+                displayName: string;
+                contact: string;
+            }[] | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "custom";
+        config: Record<never, never>;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | null, Error, {
+        slug: string;
+        displayName: string;
+        type: "service";
+        config: {
+            icon?: string | undefined;
+            url?: string | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "personTeam";
+        config: {
+            reachOutContacts?: {
+                displayName: string;
+                contact: string;
+            }[] | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "custom";
+        config: Record<never, never>;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | null, readonly ["approvalMethod", "getById", string]>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<{
+            slug: string;
+            displayName: string;
+            type: "service";
+            config: {
+                icon?: string | undefined;
+                url?: string | undefined;
+            };
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        } | {
+            slug: string;
+            displayName: string;
+            type: "personTeam";
+            config: {
+                reachOutContacts?: {
+                    displayName: string;
+                    contact: string;
+                }[] | undefined;
+            };
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        } | {
+            slug: string;
+            displayName: string;
+            type: "custom";
+            config: Record<never, never>;
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        } | null, readonly ["approvalMethod", "getById", string], never> | undefined;
+    } & {
+        queryKey: readonly ["approvalMethod", "getById", string] & {
+            [dataTagSymbol]: {
+                slug: string;
+                displayName: string;
+                type: "service";
+                config: {
+                    icon?: string | undefined;
+                    url?: string | undefined;
+                };
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            } | {
+                slug: string;
+                displayName: string;
+                type: "personTeam";
+                config: {
+                    reachOutContacts?: {
+                        displayName: string;
+                        contact: string;
+                    }[] | undefined;
+                };
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            } | {
+                slug: string;
+                displayName: string;
+                type: "custom";
+                config: Record<never, never>;
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            } | null;
+            [dataTagErrorSymbol]: Error;
+        };
+    };
+    static listByType(type: 'service' | 'personTeam' | 'custom'): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<({
+        slug: string;
+        displayName: string;
+        type: "service";
+        config: {
+            icon?: string | undefined;
+            url?: string | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "personTeam";
+        config: {
+            reachOutContacts?: {
+                displayName: string;
+                contact: string;
+            }[] | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "custom";
+        config: Record<never, never>;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    })[], Error, ({
+        slug: string;
+        displayName: string;
+        type: "service";
+        config: {
+            icon?: string | undefined;
+            url?: string | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "personTeam";
+        config: {
+            reachOutContacts?: {
+                displayName: string;
+                contact: string;
+            }[] | undefined;
+        };
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    } | {
+        slug: string;
+        displayName: string;
+        type: "custom";
+        config: Record<never, never>;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    })[], readonly ["approvalMethod", "listByType", "service" | "personTeam" | "custom"]>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<({
+            slug: string;
+            displayName: string;
+            type: "service";
+            config: {
+                icon?: string | undefined;
+                url?: string | undefined;
+            };
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        } | {
+            slug: string;
+            displayName: string;
+            type: "personTeam";
+            config: {
+                reachOutContacts?: {
+                    displayName: string;
+                    contact: string;
+                }[] | undefined;
+            };
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        } | {
+            slug: string;
+            displayName: string;
+            type: "custom";
+            config: Record<never, never>;
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        })[], readonly ["approvalMethod", "listByType", "service" | "personTeam" | "custom"], never> | undefined;
+    } & {
+        queryKey: readonly ["approvalMethod", "listByType", "service" | "personTeam" | "custom"] & {
+            [dataTagSymbol]: ({
+                slug: string;
+                displayName: string;
+                type: "service";
+                config: {
+                    icon?: string | undefined;
+                    url?: string | undefined;
+                };
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            } | {
+                slug: string;
+                displayName: string;
+                type: "personTeam";
+                config: {
+                    reachOutContacts?: {
+                        displayName: string;
+                        contact: string;
+                    }[] | undefined;
+                };
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            } | {
+                slug: string;
+                displayName: string;
+                type: "custom";
+                config: Record<never, never>;
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            })[];
+            [dataTagErrorSymbol]: Error;
+        };
+    };
+}

package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.js

@@ -0,0 +1,26 @@
+import { queryOptions } from "@tanstack/react-query";
+import { getTrpcFromMeta } from "../../../util/reactQueryUtils.js";
+class ApiQueryMagazineApprovalMethod {
+  static list() {
+    return queryOptions({
+      queryKey: ["approvalMethod", "list"],
+      queryFn: (ctx) => getTrpcFromMeta(ctx).approvalMethod.list.query()
+    });
+  }
+  static getById(slug) {
+    return queryOptions({
+      queryKey: ["approvalMethod", "getById", slug],
+      queryFn: (ctx) => getTrpcFromMeta(ctx).approvalMethod.getById.query({ slug })
+    });
+  }
+  static listByType(type) {
+    return queryOptions({
+      queryKey: ["approvalMethod", "listByType", type],
+      queryFn: (ctx) => getTrpcFromMeta(ctx).approvalMethod.listByType.query({ type })
+    });
+  }
+}
+export {
+  ApiQueryMagazineApprovalMethod
+};
+//# sourceMappingURL=ApiQueryMagazineApprovalMethod.js.map

package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiQueryMagazineApprovalMethod.js","sources":["../../../../../src/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.ts"],"sourcesContent":["import { queryOptions } from '@tanstack/react-query'\nimport { getTrpcFromMeta } from '~/util/reactQueryUtils'\n\n/**\n * Query options for ApprovalMethod data.\n *\n * Note: We let tRPC infer the return types directly rather than using\n * the backend's ApprovalMethod type, because tRPC serializes Date → string\n * over JSON. This ensures end-to-end type safety without manual casting.\n */\nexport class ApiQueryMagazineApprovalMethod {\n  static list() {\n    return queryOptions({\n      queryKey: ['approvalMethod', 'list'] as const,\n      queryFn: (ctx) => getTrpcFromMeta(ctx).approvalMethod.list.query(),\n    })\n  }\n\n  static getById(slug: string) {\n    return queryOptions({\n      queryKey: ['approvalMethod', 'getById', slug] as const,\n      queryFn: (ctx) =>\n        getTrpcFromMeta(ctx).approvalMethod.getById.query({ slug }),\n    })\n  }\n\n  static listByType(type: 'service' | 'personTeam' | 'custom') {\n    return queryOptions({\n      queryKey: ['approvalMethod', 'listByType', type] as const,\n      queryFn: (ctx) =>\n        getTrpcFromMeta(ctx).approvalMethod.listByType.query({ type }),\n    })\n  }\n}\n"],"names":[],"mappings":";;AAUO,MAAM,+BAA+B;AAAA,EAC1C,OAAO,OAAO;AACZ,WAAO,aAAa;AAAA,MAClB,UAAU,CAAC,kBAAkB,MAAM;AAAA,MACnC,SAAS,CAAC,QAAQ,gBAAgB,GAAG,EAAE,eAAe,KAAK,MAAA;AAAA,IAAM,CAClE;AAAA,EACH;AAAA,EAEA,OAAO,QAAQ,MAAc;AAC3B,WAAO,aAAa;AAAA,MAClB,UAAU,CAAC,kBAAkB,WAAW,IAAI;AAAA,MAC5C,SAAS,CAAC,QACR,gBAAgB,GAAG,EAAE,eAAe,QAAQ,MAAM,EAAE,KAAA,CAAM;AAAA,IAAA,CAC7D;AAAA,EACH;AAAA,EAEA,OAAO,WAAW,MAA2C;AAC3D,WAAO,aAAa;AAAA,MAClB,UAAU,CAAC,kBAAkB,cAAc,IAAI;AAAA,MAC/C,SAAS,CAAC,QACR,gBAAgB,GAAG,EAAE,eAAe,WAAW,MAAM,EAAE,KAAA,CAAM;AAAA,IAAA,CAChE;AAAA,EACH;AACF;"}

package/dist/esm/modules/auth/AuthContext.d.ts

@@ -0,0 +1,38 @@
+import { Session } from 'better-auth/types';
+interface User {
+    id: string;
+    email?: string | null;
+    name?: string | null;
+    image?: string | null;
+    emailVerified?: boolean;
+}
+interface AuthContextType {
+    session: Session | null;
+    user: User | null;
+    isLoading: boolean;
+    isAuthenticated: boolean;
+}
+/**
+ * Provider component for authentication state
+ * Fetches and manages session from the backend
+ * Uses localStorage for optimistic rendering to avoid flickering
+ */
+export declare function AuthProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access authentication state
+ * @returns Authentication context containing session, user, and auth state
+ */
+export declare function useAuth(): AuthContextType;
+/**
+ * Hook to check if user is authenticated
+ * @returns Boolean indicating if user is authenticated
+ */
+export declare function useIsAuthenticated(): boolean;
+/**
+ * Hook to get the current user
+ * @returns Current user or null
+ */
+export declare function useUser(): User | null;
+export {};

package/dist/esm/modules/auth/AuthContext.js

@@ -0,0 +1,88 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useMemo, createContext, use } from "react";
+const AuthContext = createContext(void 0);
+const STORAGE_KEY = "eh_auth_user";
+function AuthProvider({ children }) {
+  const [session, setSession] = useState(null);
+  const [user, setUser] = useState(() => {
+    if (typeof window === "undefined") return null;
+    try {
+      const stored = localStorage.getItem(STORAGE_KEY);
+      return stored ? JSON.parse(stored) : null;
+    } catch {
+      return null;
+    }
+  });
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    const abortController = new AbortController();
+    async function fetchSession() {
+      try {
+        const response = await fetch("/api/auth/session", {
+          credentials: "include",
+          signal: abortController.signal
+        });
+        if (response.ok) {
+          const data = await response.json();
+          setSession(data);
+          setUser((data == null ? void 0 : data.user) || null);
+          if (data == null ? void 0 : data.user) {
+            localStorage.setItem(STORAGE_KEY, JSON.stringify(data.user));
+          } else {
+            localStorage.removeItem(STORAGE_KEY);
+          }
+        } else {
+          setSession(null);
+          setUser(null);
+          localStorage.removeItem(STORAGE_KEY);
+        }
+      } catch (error) {
+        if (error instanceof Error && error.name === "AbortError") {
+          return;
+        }
+        console.error("Failed to fetch session:", error);
+        setSession(null);
+        setUser(null);
+        localStorage.removeItem(STORAGE_KEY);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    fetchSession();
+    return () => {
+      abortController.abort();
+    };
+  }, []);
+  const value = useMemo(
+    () => ({
+      session,
+      user,
+      isLoading,
+      isAuthenticated: !!user
+    }),
+    [session, user, isLoading]
+  );
+  return /* @__PURE__ */ jsx(AuthContext, { value, children });
+}
+function useAuth() {
+  const context = use(AuthContext);
+  if (!context) {
+    throw new Error("useAuth must be used within AuthProvider");
+  }
+  return context;
+}
+function useIsAuthenticated() {
+  const { isAuthenticated } = useAuth();
+  return isAuthenticated;
+}
+function useUser() {
+  const { user } = useAuth();
+  return user;
+}
+export {
+  AuthProvider,
+  useAuth,
+  useIsAuthenticated,
+  useUser
+};
+//# sourceMappingURL=AuthContext.js.map