@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha-20260224145405

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalMethodForm.js","sources":["../../../../src/modules/approvalMethod/ApprovalMethodForm.tsx"],"sourcesContent":["import { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Button } from '~/ui/button'\nimport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '~/ui/form'\nimport { Input } from '~/ui/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '~/ui/select'\nimport { EditableListField } from '~/ui/editable-list'\n\nconst APPROVAL_METHOD_TYPES = [\n  { value: 'service', label: 'Service' },\n  { value: 'personTeam', label: 'Person/Team' },\n  { value: 'custom', label: 'Custom' },\n] as const\n\n// Form schema\nconst formSchema = z.object({\n  type: z.enum(['service', 'personTeam', 'custom']),\n  displayName: z.string().min(1, 'Display name is required'),\n  // Service config\n  serviceUrl: z.string().url().optional().or(z.literal('')),\n  serviceIcon: z.string().optional(),\n  // PersonTeam config\n  reachOutContacts: z\n    .array(\n      z.object({\n        displayName: z.string(),\n        contact: z.string(),\n      }),\n    )\n    .optional(),\n})\n\ntype FormData = z.infer<typeof formSchema>\n\ninterface ApprovalMethodFormProps {\n  mode: 'create' | 'edit'\n  initialData: {\n    id?: string\n    type: 'service' | 'personTeam' | 'custom'\n    displayName: string\n    config?: Record<string, unknown>\n  } | null\n  onSubmit: (data: any) => void\n  onCancel: () => void\n  isPending: boolean\n}\n\nexport function ApprovalMethodForm({\n  mode,\n  initialData,\n  onSubmit,\n  onCancel,\n  isPending,\n}: ApprovalMethodFormProps) {\n  const config = initialData?.config\n  const configRecord = config ? config : undefined\n\n  const form = useForm<FormData>({\n    resolver: zodResolver(formSchema as any) as any,\n    defaultValues: {\n      type: initialData?.type || 'custom',\n      displayName: initialData?.displayName || '',\n      serviceUrl: configRecord?.url ? String(configRecord.url) : '',\n      serviceIcon: configRecord?.icon ? String(configRecord.icon) : '',\n      reachOutContacts: Array.isArray(configRecord?.reachOutContacts)\n        ? (configRecord.reachOutContacts as Array<{\n            displayName: string\n            contact: string\n          }>)\n        : [],\n    },\n  })\n\n  const typeValue = form.watch('type')\n\n  const handleSubmit = (data: FormData) => {\n    // Build config based on type\n    let configPayload: Record<string, unknown> | undefined\n\n    if (data.type === 'service') {\n      configPayload = {\n        ...(data.serviceUrl && { url: data.serviceUrl }),\n        ...(data.serviceIcon && { icon: data.serviceIcon }),\n      }\n    } else if (data.type === 'personTeam') {\n      configPayload = {\n        ...(data.reachOutContacts?.length && {\n          reachOutContacts: data.reachOutContacts,\n        }),\n      }\n    }\n\n    const payload = {\n      ...(mode === 'edit' && initialData?.id && { id: initialData.id }),\n      type: data.type,\n      displayName: data.displayName,\n      config:\n        Object.keys(configPayload ?? {}).length > 0 ? configPayload : undefined,\n    }\n\n    onSubmit(payload)\n  }\n\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(handleSubmit)} className=\"space-y-4\">\n        <FormField\n          control={form.control as any}\n          name=\"type\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Type *</FormLabel>\n              <Select value={field.value} onValueChange={field.onChange}>\n                <FormControl>\n                  <SelectTrigger>\n                    <SelectValue />\n                  </SelectTrigger>\n                </FormControl>\n                <SelectContent>\n                  {APPROVAL_METHOD_TYPES.map((type) => (\n                    <SelectItem key={type.value} value={type.value}>\n                      {type.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <FormDescription>\n                {typeValue === 'service' &&\n                  'For bots, ticketing systems, self-service portals'}\n                {typeValue === 'personTeam' && 'For human approvers or teams'}\n                {typeValue === 'custom' &&\n                  'Generic approval method with no specific configuration'}\n              </FormDescription>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={form.control as any}\n          name=\"displayName\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Display Name *</FormLabel>\n              <FormControl>\n                <Input placeholder=\"e.g., Natero Bot, IT Helpdesk\" {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        {/* Service-specific fields */}\n        {typeValue === 'service' && (\n          <div className=\"space-y-4 p-4 border rounded-lg bg-muted/30\">\n            <div className=\"text-sm font-medium\">Service Configuration</div>\n\n            <FormField\n              control={form.control as any}\n              name=\"serviceUrl\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>URL</FormLabel>\n                  <FormControl>\n                    <Input type=\"url\" placeholder=\"https://...\" {...field} />\n                  </FormControl>\n                  <FormDescription>\n                    URL to the service (shown as clickable link in app)\n                  </FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control as any}\n              name=\"serviceIcon\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Icon</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"Icon name\" {...field} />\n                  </FormControl>\n                  <FormDescription>Optional icon identifier</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n          </div>\n        )}\n\n        {/* PersonTeam-specific fields */}\n        {typeValue === 'personTeam' && (\n          <div className=\"space-y-4 p-4 border rounded-lg bg-muted/30\">\n            <div className=\"text-sm font-medium\">Reach-Out Contacts</div>\n            <FormDescription>\n              People or teams to contact for approval (not necessarily the\n              approvers themselves)\n            </FormDescription>\n\n            <FormField\n              control={form.control as any}\n              name=\"reachOutContacts\"\n              render={({ field }) => (\n                <EditableListField\n                  value={field.value ?? []}\n                  onChange={field.onChange}\n                  columns={[\n                    { accessorKey: 'displayName', header: 'Name' },\n                    { accessorKey: 'contact', header: 'Contact' },\n                  ]}\n                  createEmpty={() => ({ displayName: '', contact: '' })}\n                  getItemKey={(_, i) => String(i)}\n                  addButtonLabel=\"Add Contact\"\n                  emptyMessage=\"No contacts configured\"\n                  renderForm={({ item, onSave, onCancel: onCancelEdit }) => {\n                    if (!item) return null\n                    return (\n                      <ContactForm\n                        item={item}\n                        onSave={onSave}\n                        onCancel={onCancelEdit}\n                      />\n                    )\n                  }}\n                />\n              )}\n            />\n          </div>\n        )}\n\n        {/* Custom type - no additional fields */}\n        {typeValue === 'custom' && (\n          <div className=\"p-4 border rounded-lg bg-muted/30 text-sm text-muted-foreground\">\n            Custom type has no additional configuration. App-specific details\n            will be configured per app.\n          </div>\n        )}\n\n        <div className=\"flex gap-2 pt-4\">\n          <Button type=\"submit\" disabled={isPending}>\n            {isPending ? 'Saving...' : mode === 'create' ? 'Create' : 'Save'}\n          </Button>\n          <Button type=\"button\" variant=\"outline\" onClick={onCancel}>\n            Cancel\n          </Button>\n        </div>\n      </form>\n    </Form>\n  )\n}\n\n// Simple contact form for the dialog\nfunction ContactForm({\n  item,\n  onSave,\n  onCancel: handleCancel,\n}: {\n  item: { displayName: string; contact: string }\n  onSave: (item: { displayName: string; contact: string }) => void\n  onCancel: () => void\n}) {\n  const form = useForm<{ displayName: string; contact: string }>({\n    defaultValues: item,\n  })\n\n  return (\n    <form onSubmit={form.handleSubmit(onSave)} className=\"space-y-4\">\n      <FormField\n        control={form.control as any}\n        name=\"displayName\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Name</FormLabel>\n            <FormControl>\n              <Input {...field} placeholder=\"e.g., John Doe, IT Team\" />\n            </FormControl>\n          </FormItem>\n        )}\n      />\n      <FormField\n        control={form.control as any}\n        name=\"contact\"\n        render={({ field }) => (\n          <FormItem>\n            <FormLabel>Contact</FormLabel>\n            <FormControl>\n              <Input {...field} placeholder=\"e.g., email, Slack handle\" />\n            </FormControl>\n          </FormItem>\n        )}\n      />\n      <div className=\"flex gap-2\">\n        <Button type=\"submit\" size=\"sm\">\n          Save\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={handleCancel}\n        >\n          Cancel\n        </Button>\n      </div>\n    </form>\n  )\n}\n"],"names":["z.object","z.enum","z.string","z.literal","z.array","zodResolver"],"mappings":"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"}

package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.d.ts

@@ -0,0 +1,7 @@
+interface ApprovalMethodSelectorProps {
+    value: string | undefined;
+    onChange: (value: string | undefined) => void;
+    disabled?: boolean;
+}
+export declare function ApprovalMethodSelector({ value, onChange, disabled, }: ApprovalMethodSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

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 {};