@betterinternship/components 2.4.4 → 2.5.1

package/dist/components/ui/fab.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { Button } from './button.js';
+
+const FloatingActionButton = ({ onClick, children }) => {
+    return (jsx(Button, { onClick: onClick, className: "fixed bottom-4 right-4 z-50 rounded-full p-4 shadow-lg bg-primary text-white hover:bg-primary-dark focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary", children: children }));
+};
+
+export { FloatingActionButton };
+//# sourceMappingURL=fab.js.map

package/dist/components/ui/fab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.js","sources":["../../../src/components/ui/fab.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\r\n\r\nconst FloatingActionButton = ({ onClick, children }: { onClick: () => void; children: React.ReactNode }) => {\r\n  return (\r\n    <Button\r\n      onClick={onClick}\r\n      className=\"fixed bottom-4 right-4 z-50 rounded-full p-4 shadow-lg bg-primary text-white hover:bg-primary-dark focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary\"\r\n    >\r\n      {children}\r\n    </Button>\r\n  );\r\n}\r\n\r\nexport { FloatingActionButton };\r\n"],"names":["_jsx"],"mappings":";;;AAEA,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAsD,KAAI;AACzG,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,2KAA2K,EAAA,QAAA,EAEpL,QAAQ,EAAA,CACF;AAEb;;;;"}

package/dist/components/ui/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/utils';\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto [scrollbar-gutter:stable]\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('[&_tr]:border-b', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('text-muted-foreground mt-4 text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"],"names":["_jsx"],"mappings":";;;AAIA,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC,EAAA;IACnE,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACY,iBAAiB,EAC3B,SAAS,EAAC,2DAA2D,EAAA,QAAA,EAErEA,GAAA,CAAA,OAAA,EAAA,EAAA,WAAA,EACY,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,EAAA,CACT,EAAA,CACE;AAEV;AAEA,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC,EAAA;AACzE,IAAA,QACEA,GAAA,CAAA,OAAA,EAAA,EAAA,WAAA,EACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAA,GACvC,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC,EAAA;AACvE,IAAA,QACEA,GAAA,CAAA,OAAA,EAAA,EAAA,WAAA,EACY,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,EAAA,GAClD,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC,EAAA;AACzE,IAAA,QACEA,GAAA,CAAA,OAAA,EAAA,EAAA,WAAA,EACY,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;AACnE,IAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EACY,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;AACpE,IAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,oJAAoJ,EACpJ,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;AACpE,IAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACwB,EAAA;AAChC,IAAA,QACEA,GAAA,CAAA,SAAA,EAAA,EAAA,WAAA,EACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,EAAA,GAC1D,KAAK,EAAA,CACT;AAEN;;;;"}
+{"version":3,"file":"table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { cn } from '@/utils';\r\n\r\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\r\n  return (\r\n    <div\r\n      data-slot=\"table-container\"\r\n      className=\"relative w-full overflow-x-auto [scrollbar-gutter:stable]\"\r\n    >\r\n      <table\r\n        data-slot=\"table\"\r\n        className={cn('w-full caption-bottom text-sm', className)}\r\n        {...props}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\r\n  return (\r\n    <thead\r\n      data-slot=\"table-header\"\r\n      className={cn('[&_tr]:border-b', className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\r\n  return (\r\n    <tbody\r\n      data-slot=\"table-body\"\r\n      className={cn('[&_tr:last-child]:border-0', className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\r\n  return (\r\n    <tfoot\r\n      data-slot=\"table-footer\"\r\n      className={cn(\r\n        'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\r\n  return (\r\n    <tr\r\n      data-slot=\"table-row\"\r\n      className={cn(\r\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\r\n  return (\r\n    <th\r\n      data-slot=\"table-head\"\r\n      className={cn(\r\n        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\r\n  return (\r\n    <td\r\n      data-slot=\"table-cell\"\r\n      className={cn(\r\n        'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableCaption({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<'caption'>) {\r\n  return (\r\n    <caption\r\n      data-slot=\"table-caption\"\r\n      className={cn('text-muted-foreground mt-4 text-sm', className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  Table,\r\n  TableHeader,\r\n  TableBody,\r\n  TableFooter,\r\n  TableHead,\r\n  TableRow,\r\n  TableCell,\r\n  TableCaption,\r\n};\r\n"],"names":["_jsx"],"mappings":";;;AAIA,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC,EAAA;IACnE,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACY,iBAAiB,EAC3B,SAAS,EAAC,2DAA2D,EAAA,QAAA,EAErEA,GAAA,CAAA,OAAA,EAAA,EAAA,WAAA,EACY,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,EAAA,CACT,EAAA,CACE;AAEV;AAEA,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC,EAAA;AACzE,IAAA,QACEA,GAAA,CAAA,OAAA,EAAA,EAAA,WAAA,EACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAA,GACvC,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC,EAAA;AACvE,IAAA,QACEA,GAAA,CAAA,OAAA,EAAA,EAAA,WAAA,EACY,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,EAAA,GAClD,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC,EAAA;AACzE,IAAA,QACEA,GAAA,CAAA,OAAA,EAAA,EAAA,WAAA,EACY,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;AACnE,IAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EACY,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;AACpE,IAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,oJAAoJ,EACpJ,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;AACpE,IAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACwB,EAAA;AAChC,IAAA,QACEA,GAAA,CAAA,SAAA,EAAA,EAAA,WAAA,EACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,EAAA,GAC1D,KAAK,EAAA,CACT;AAEN;;;;"}

package/dist/hooks/useMQJob.d.ts

@@ -0,0 +1,58 @@
+export type MQJobStatus = 'queued' | 'processing' | 'done' | 'failed';
+export interface MQJob<T = unknown> {
+    id: string;
+    type: string;
+    status: MQJobStatus;
+    progress?: {
+        total: number;
+        done: number;
+        failed: number;
+    };
+    result?: T;
+    error?: string;
+}
+interface MQJobsConfig {
+    /**
+     * Fetches the current state of a job. The package knows no URL and no
+     * response envelope — the consuming app owns both (plan §5.2). Reject/throw
+     * on a transport or not-found failure; React Query's own retry handles it.
+     */
+    poll: (jobId: string) => Promise<MQJob>;
+}
+/** Mount once near the root, alongside the app's other data providers. */
+export declare const MQJobsProvider: ({ poll, children, }: MQJobsConfig & {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Polls a single `internal.mq_jobs` row to completion. Replaces
+ * `useClientProcess` for anything queued through the broker: no
+ * callback-URL dance, the result comes back inline on the job itself once
+ * `status` is terminal.
+ */
+export declare function useMQJob<T = unknown>(jobId?: string | null): {
+    job: MQJob<T> | undefined;
+    status: MQJobStatus | undefined;
+    result: T | undefined;
+    error: string | undefined;
+    isPending: boolean;
+    isDone: boolean;
+    isFailed: boolean;
+};
+/**
+ * Polls a dynamic set of `internal.mq_jobs` rows to completion — for a
+ * feature that can have several jobs in flight at once (e.g. a list of
+ * pending/handled items). Built on `useQueries` directly rather than
+ * composing `useMQJob` in a loop, since the number of tracked ids changes
+ * over time and that would violate the rules of hooks.
+ */
+export declare function useMQJobs<T = unknown>(jobIds: readonly string[]): {
+    job: MQJob<T> | undefined;
+    status: MQJobStatus | undefined;
+    result: T | undefined;
+    error: string | undefined;
+    isPending: boolean;
+    isDone: boolean;
+    isFailed: boolean;
+    jobId: string;
+}[];
+export {};

package/dist/hooks/useMQJob.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useRef, useContext } from 'react';
+import { useQuery, useQueries } from '@tanstack/react-query';
+
+const MQJobsContext = createContext(null);
+/** Mount once near the root, alongside the app's other data providers. */
+const MQJobsProvider = ({ poll, children, }) => (jsx(MQJobsContext.Provider, { value: { poll }, children: children }));
+const useMQJobsConfig = (caller) => {
+    const ctx = useContext(MQJobsContext);
+    if (!ctx)
+        throw new Error(`${caller}() must be used within a <MQJobsProvider>.`);
+    return ctx;
+};
+const BASE_INTERVAL_MS = 2000;
+const MAX_INTERVAL_MS = 10000;
+/** Capped backoff keyed per job id, so each job restarts its own count. */
+const nextInterval = (attempts, key, status) => {
+    if (status === 'done' || status === 'failed')
+        return false;
+    const attempt = attempts.current[key] ?? 0;
+    attempts.current[key] = attempt + 1;
+    return Math.min(BASE_INTERVAL_MS * 1.5 ** attempt, MAX_INTERVAL_MS);
+};
+const summarize = (job) => ({
+    job,
+    status: job?.status,
+    result: job?.result,
+    error: job?.error,
+    isPending: !job || job.status === 'queued' || job.status === 'processing',
+    isDone: job?.status === 'done',
+    isFailed: job?.status === 'failed',
+});
+/**
+ * Polls a single `internal.mq_jobs` row to completion. Replaces
+ * `useClientProcess` for anything queued through the broker: no
+ * callback-URL dance, the result comes back inline on the job itself once
+ * `status` is terminal.
+ */
+function useMQJob(jobId) {
+    const { poll } = useMQJobsConfig('useMQJob');
+    const attempts = useRef({});
+    const query = useQuery({
+        queryKey: ['.__mq_job', jobId],
+        // `poll`'s result field is caller-typed via `T`; the transport itself
+        // doesn't know or care what shape a given job's result has.
+        queryFn: () => poll(jobId),
+        enabled: !!jobId,
+        staleTime: Infinity,
+        refetchOnWindowFocus: true,
+        refetchIntervalInBackground: true,
+        refetchInterval: (query) => nextInterval(attempts, jobId ?? '', query.state.data?.status),
+    });
+    return summarize(query.data);
+}
+/**
+ * Polls a dynamic set of `internal.mq_jobs` rows to completion — for a
+ * feature that can have several jobs in flight at once (e.g. a list of
+ * pending/handled items). Built on `useQueries` directly rather than
+ * composing `useMQJob` in a loop, since the number of tracked ids changes
+ * over time and that would violate the rules of hooks.
+ */
+function useMQJobs(jobIds) {
+    const { poll } = useMQJobsConfig('useMQJobs');
+    const attempts = useRef({});
+    const queries = useQueries({
+        queries: jobIds.map((jobId) => ({
+            queryKey: ['.__mq_job', jobId],
+            queryFn: () => poll(jobId),
+            staleTime: Infinity,
+            refetchOnWindowFocus: true,
+            refetchIntervalInBackground: true,
+            refetchInterval: (query) => nextInterval(attempts, jobId, query.state.data?.status),
+        })),
+    });
+    return jobIds.map((jobId, index) => ({
+        jobId,
+        ...summarize(queries[index]?.data),
+    }));
+}
+
+export { MQJobsProvider, useMQJob, useMQJobs };
+//# sourceMappingURL=useMQJob.js.map

package/dist/hooks/useMQJob.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMQJob.js","sources":["../../src/hooks/useMQJob.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, useContext, useRef } from 'react';\r\nimport { useQueries, useQuery, Query } from '@tanstack/react-query';\r\n\r\nexport type MQJobStatus = 'queued' | 'processing' | 'done' | 'failed';\r\n\r\nexport interface MQJob<T = unknown> {\r\n  id: string;\r\n  type: string;\r\n  status: MQJobStatus;\r\n  progress?: { total: number; done: number; failed: number };\r\n  result?: T;\r\n  error?: string;\r\n}\r\n\r\ninterface MQJobsConfig {\r\n  /**\r\n   * Fetches the current state of a job. The package knows no URL and no\r\n   * response envelope — the consuming app owns both (plan §5.2). Reject/throw\r\n   * on a transport or not-found failure; React Query's own retry handles it.\r\n   */\r\n  poll: (jobId: string) => Promise<MQJob>;\r\n}\r\n\r\nconst MQJobsContext = createContext<MQJobsConfig | null>(null);\r\n\r\n/** Mount once near the root, alongside the app's other data providers. */\r\nexport const MQJobsProvider = ({\r\n  poll,\r\n  children,\r\n}: MQJobsConfig & { children: React.ReactNode }) => (\r\n  <MQJobsContext.Provider value={{ poll }}>{children}</MQJobsContext.Provider>\r\n);\r\n\r\nconst useMQJobsConfig = (caller: string): MQJobsConfig => {\r\n  const ctx = useContext(MQJobsContext);\r\n  if (!ctx)\r\n    throw new Error(`${caller}() must be used within a <MQJobsProvider>.`);\r\n  return ctx;\r\n};\r\n\r\nconst BASE_INTERVAL_MS = 2000;\r\nconst MAX_INTERVAL_MS = 10000;\r\n\r\n/** Capped backoff keyed per job id, so each job restarts its own count. */\r\nconst nextInterval = (\r\n  attempts: { current: Record<string, number> },\r\n  key: string,\r\n  status: MQJobStatus | undefined,\r\n): number | false => {\r\n  if (status === 'done' || status === 'failed') return false;\r\n  const attempt = attempts.current[key] ?? 0;\r\n  attempts.current[key] = attempt + 1;\r\n  return Math.min(BASE_INTERVAL_MS * 1.5 ** attempt, MAX_INTERVAL_MS);\r\n};\r\n\r\nconst summarize = <T,>(job: MQJob<T> | undefined) => ({\r\n  job,\r\n  status: job?.status,\r\n  result: job?.result,\r\n  error: job?.error,\r\n  isPending: !job || job.status === 'queued' || job.status === 'processing',\r\n  isDone: job?.status === 'done',\r\n  isFailed: job?.status === 'failed',\r\n});\r\n\r\n/**\r\n * Polls a single `internal.mq_jobs` row to completion. Replaces\r\n * `useClientProcess` for anything queued through the broker: no\r\n * callback-URL dance, the result comes back inline on the job itself once\r\n * `status` is terminal.\r\n */\r\nexport function useMQJob<T = unknown>(jobId?: string | null) {\r\n  const { poll } = useMQJobsConfig('useMQJob');\r\n  const attempts = useRef<Record<string, number>>({});\r\n\r\n  const query = useQuery<MQJob<T>>({\r\n    queryKey: ['.__mq_job', jobId],\r\n    // `poll`'s result field is caller-typed via `T`; the transport itself\r\n    // doesn't know or care what shape a given job's result has.\r\n    queryFn: () => poll(jobId as string) as Promise<MQJob<T>>,\r\n    enabled: !!jobId,\r\n    staleTime: Infinity,\r\n    refetchOnWindowFocus: true,\r\n    refetchIntervalInBackground: true,\r\n    refetchInterval: (query: Query<MQJob<T>>) =>\r\n      nextInterval(attempts, jobId ?? '', query.state.data?.status),\r\n  });\r\n\r\n  return summarize(query.data);\r\n}\r\n\r\n/**\r\n * Polls a dynamic set of `internal.mq_jobs` rows to completion — for a\r\n * feature that can have several jobs in flight at once (e.g. a list of\r\n * pending/handled items). Built on `useQueries` directly rather than\r\n * composing `useMQJob` in a loop, since the number of tracked ids changes\r\n * over time and that would violate the rules of hooks.\r\n */\r\nexport function useMQJobs<T = unknown>(jobIds: readonly string[]) {\r\n  const { poll } = useMQJobsConfig('useMQJobs');\r\n  const attempts = useRef<Record<string, number>>({});\r\n\r\n  const queries = useQueries({\r\n    queries: jobIds.map((jobId) => ({\r\n      queryKey: ['.__mq_job', jobId],\r\n      queryFn: () => poll(jobId) as Promise<MQJob<T>>,\r\n      staleTime: Infinity,\r\n      refetchOnWindowFocus: true,\r\n      refetchIntervalInBackground: true,\r\n      refetchInterval: (query: Query<MQJob<T>>) =>\r\n        nextInterval(attempts, jobId, query.state.data?.status),\r\n    })),\r\n  });\r\n\r\n  return jobIds.map((jobId, index) => ({\r\n    jobId,\r\n    ...summarize(queries[index]?.data as MQJob<T> | undefined),\r\n  }));\r\n}\r\n"],"names":[],"mappings":";;;;;AAyBA;AAEA;AACO;AAOP;AACE;AACA;AACE;AACF;AACF;AAEA;AACA;AAEA;AACA;AAKE;AAA8C;;;AAG9C;AACF;AAEA;;;;;AAKE;AACA;AACA;AACD;AAED;;;;;AAKG;AACG;;AAEJ;;AAGE;;;AAGA;;AAEA;AACA;AACA;;AAGD;AAED;AACF;AAEA;;;;;;AAMG;AACG;;AAEJ;;;AAII;AACA;AACA;AACA;AACA;AACA;AAED;AACF;;;;AAKA;AACH;;"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './config';
 export * from './utils';
 export * from './hooks/useClientProcess';
+export * from './hooks/useMQJob';
 export * from './components/ui/button';
 export * from './components/ui/accordion';
 export * from './components/ui/app-header';

package/dist/index.js

@@ -1,6 +1,7 @@
 export { config, configure } from './config.js';
 export { cn } from './utils.js';
 export { ClientProcessesProvider, useClientProcess } from './hooks/useClientProcess.js';
+export { MQJobsProvider, useMQJob, useMQJobs } from './hooks/useMQJob.js';
 export { Button, buttonVariants } from './components/ui/button.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/ui/accordion.js';
 export { AppHeader } from './components/ui/app-header.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterinternship/components",
-  "version": "2.4.4",
+  "version": "2.5.1",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -27,22 +27,6 @@
       "import": "./dist/components/ui/accordion.js",
       "types": "./dist/components/ui/accordion.d.ts"
     },
-    "./app-header": {
-      "import": "./dist/components/ui/app-header.js",
-      "types": "./dist/components/ui/app-header.d.ts"
-    },
-    "./dropdown-menu": {
-      "import": "./dist/components/ui/dropdown-menu.js",
-      "types": "./dist/components/ui/dropdown-menu.d.ts"
-    },
-    "./page-header": {
-      "import": "./dist/components/ui/page-header.js",
-      "types": "./dist/components/ui/page-header.d.ts"
-    },
-    "./status-notice": {
-      "import": "./dist/components/ui/status-notice.js",
-      "types": "./dist/components/ui/status-notice.d.ts"
-    },
     "./calendar": {
       "import": "./dist/components/ui/calendar.js",
       "types": "./dist/components/ui/calendar.d.ts"
@@ -107,6 +91,22 @@
       "import": "./dist/components/ui/tooltip.js",
       "types": "./dist/components/ui/tooltip.d.ts"
     },
+    "./page-header": {
+      "import": "./dist/components/ui/page-header.js",
+      "types": "./dist/components/ui/page-header.d.ts"
+    },
+    "./status-notice": {
+      "import": "./dist/components/ui/status-notice.js",
+      "types": "./dist/components/ui/status-notice.d.ts"
+    },
+    "./app-header": {
+      "import": "./dist/components/ui/app-header.js",
+      "types": "./dist/components/ui/app-header.d.ts"
+    },
+    "./dropdown-menu": {
+      "import": "./dist/components/ui/dropdown-menu.js",
+      "types": "./dist/components/ui/dropdown-menu.d.ts"
+    },
     "./theme.css": "./theme.css"
   },
   "repository": {