@recruitnepal/shared-packages 1.7.4 → 1.8.1

package/dist/components/ui/DesignationSelect.js

@@ -2,23 +2,21 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { ChevronsUpDown, Check } from 'lucide-react';
-import { useDesignations } from '@/hooks/api/designations/useDesignations';
-import { cn } from '@/utils/lib/utils';
-import { useDebounce } from '@/hooks/useDebounce';
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from '@/components/ui/command';
-/** Matches ShadCN <SelectTrigger> so it looks like a normal input */
+import { useDesignations } from '../../hooks/useDesignations';
+import { cn } from '../../utils/cn';
+import { useDebounce } from '../../hooks/useDebounce';
+import { Popover, PopoverContent, PopoverTrigger } from './popover';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from './command';
 const selectTriggerClasses = 'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed cursor-pointer disabled:opacity-50';
 const toString = (v) => String(v ?? '');
-export default function DesignationSelect({ value, onChange, placeholder = 'Select a designation', disabled, className, valueType = 'title', // Default to title since most forms use title
- }) {
+export default function DesignationSelect({ value, onChange, placeholder = 'Select a designation', disabled, className, valueType = 'title', token, }) {
     const [open, setOpen] = React.useState(false);
     const [searchQuery, setSearchQuery] = React.useState('');
     const debouncedSearch = useDebounce(searchQuery, 300);
-    // Use backend search when there's a search query; infinite query for load-more on scroll
     const { designations = [], designationsQuery, isLoading, } = useDesignations({
         queryObject: debouncedSearch ? { search: debouncedSearch } : {},
         limit: 50,
+        token,
     });
     const handleListScroll = React.useCallback((e) => {
         if (!designationsQuery.hasNextPage ||
@@ -35,20 +33,17 @@ export default function DesignationSelect({ value, onChange, placeholder = 'Sele
     ]);
     const options = React.useMemo(() => designations.map((d) => ({
         id: String(d.id),
-        title: d.title || String(d.id),
+        title: d.title ?? String(d.id),
     })), [designations]);
-    // Find selected option based on valueType
     const selectedOption = React.useMemo(() => {
         if (!value)
             return null;
         if (valueType === 'id') {
             return options.find((o) => toString(o.id) === toString(value));
         }
-        else {
-            return options.find((o) => o.title === value);
-        }
+        return options.find((o) => o.title === value);
     }, [value, options, valueType]);
-    const selectedLabel = selectedOption?.title || '';
+    const selectedLabel = selectedOption?.title ?? '';
     return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("div", { role: "combobox", "aria-expanded": open, "aria-disabled": disabled || isLoading, tabIndex: 0, onClick: () => !(disabled || isLoading) && setOpen((v) => !v), onKeyDown: (e) => {
                         if ((e.key === 'Enter' || e.key === ' ') && !(disabled || isLoading)) {
                             e.preventDefault();
@@ -67,7 +62,7 @@ export default function DesignationSelect({ value, onChange, placeholder = 'Sele
                                                         : value === o.title;
                                                     return (_jsxs(CommandItem, { value: o.id, onSelect: () => {
                                                             const newValue = valueType === 'id' ? o.id : o.title;
-                                                            onChange(newValue);
+                                                            onChange(newValue ?? '');
                                                             setOpen(false);
                                                             setSearchQuery('');
                                                         }, className: "cursor-pointer", children: [_jsx(Check, { className: cn('mr-2 h-4 w-4', isSelected ? 'opacity-100' : 'opacity-0') }), o.title] }, o.id));

package/dist/components/ui/IndustrySelect.d.ts

@@ -5,6 +5,8 @@ export interface IndustrySelectProps {
     disabled?: boolean;
     className?: string;
     valueType?: 'id' | 'title';
+    /** Optional auth token for API (e.g. from app session) */
+    token?: string;
 }
-export default function IndustrySelect({ value, onChange, placeholder, disabled, className, valueType, }: IndustrySelectProps): import("react/jsx-runtime").JSX.Element;
+export default function IndustrySelect({ value, onChange, placeholder, disabled, className, valueType, token, }: IndustrySelectProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=IndustrySelect.d.ts.map

package/dist/components/ui/IndustrySelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndustrySelect.d.ts","sourceRoot":"","sources":["../../../src/components/ui/IndustrySelect.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;CAC5B;AAQD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,WAAkC,EAClC,QAAQ,EACR,SAAS,EACT,SAAgB,GACjB,EAAE,mBAAmB,2CA4JrB"}
+{"version":3,"file":"IndustrySelect.d.ts","sourceRoot":"","sources":["../../../src/components/ui/IndustrySelect.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAC3B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,WAAkC,EAClC,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,KAAK,GACN,EAAE,mBAAmB,2CA4JrB"}

package/dist/components/ui/IndustrySelect.js

@@ -2,23 +2,22 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { ChevronsUpDown, Check } from 'lucide-react';
-import { useIndustries } from '@/hooks/api/industries/useIndustries';
-import { cn } from '@/utils/lib/utils';
-import { useDebounce } from '@/hooks/useDebounce';
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from '@/components/ui/command';
+import { useIndustries } from '../../hooks/useIndustries';
+import { cn } from '../../utils/cn';
+import { useDebounce } from '../../hooks/useDebounce';
+import { Popover, PopoverContent, PopoverTrigger } from './popover';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from './command';
 /** Matches ShadCN <SelectTrigger> so it looks like a normal input */
 const selectTriggerClasses = 'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed cursor-pointer disabled:opacity-50';
 const toString = (v) => String(v ?? '');
-export default function IndustrySelect({ value, onChange, placeholder = 'Select an industry', disabled, className, valueType = 'id', // Default to ID for backward compatibility
- }) {
+export default function IndustrySelect({ value, onChange, placeholder = 'Select an industry', disabled, className, valueType = 'id', token, }) {
     const [open, setOpen] = React.useState(false);
     const [searchQuery, setSearchQuery] = React.useState('');
     const debouncedSearch = useDebounce(searchQuery, 300);
-    // Use backend search when there's a search query; infinite query for load-more on scroll
     const { industries = [], industriesQuery, isLoading, } = useIndustries({
         queryObject: debouncedSearch ? { search: debouncedSearch } : {},
         limit: 50,
+        token,
     });
     const handleListScroll = React.useCallback((e) => {
         if (!industriesQuery.hasNextPage ||

package/dist/components/ui/MultiSelectOptions.d.ts

@@ -1,6 +1,6 @@
 import type { InfiniteData, UseInfiniteQueryResult } from '@tanstack/react-query';
-import type { Skill } from '@/hooks/api/useSkills';
-type Props = {
+import type { Skill } from '../../hooks/useSkills';
+export type MultiSelectOptionsProps = {
     value: string[];
     onChange: (value: string[]) => void;
     options: string[];
@@ -10,7 +10,7 @@ type Props = {
     }>, Error>;
     disabled?: boolean;
     staticOnly?: boolean;
+    token?: string;
 };
-export declare function MultiSelectOptions({ value, onChange, options, query: externalQuery, disabled, staticOnly, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function MultiSelectOptions({ value, onChange, options, query: externalQuery, disabled, staticOnly, token, }: MultiSelectOptionsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MultiSelectOptions.d.ts.map

package/dist/components/ui/MultiSelectOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectOptions.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MultiSelectOptions.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,YAAY,EACZ,sBAAsB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,sBAAsB,CAC5B,YAAY,CAAC;QAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,EACxD,KAAK,CACN,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAsCF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EAAE,aAAa,EACpB,QAAQ,EACR,UAAkB,GACnB,EAAE,KAAK,2CAuKP"}
+{"version":3,"file":"MultiSelectOptions.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MultiSelectOptions.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,YAAY,EACZ,sBAAsB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAInD,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,sBAAsB,CAC5B,YAAY,CAAC;QAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,EACxD,KAAK,CACN,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsCF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EAAE,aAAa,EACpB,QAAQ,EACR,UAAkB,EAClB,KAAK,GACN,EAAE,uBAAuB,2CAwJzB"}

package/dist/components/ui/MultiSelectOptions.js

@@ -1,38 +1,29 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Popover, PopoverTrigger, PopoverContent, } from '@/components/ui/popover';
-import { Command, CommandInput, CommandItem, CommandList, CommandGroup, CommandEmpty, } from '@/components/ui/command';
-import { Button } from '@/components/ui/button';
-import { Badge } from '@/components/ui/badge';
+import { Popover, PopoverTrigger, PopoverContent, } from './popover';
+import { Command, CommandInput, CommandItem, CommandList, CommandGroup, CommandEmpty, } from './command';
+import { Button } from './Button';
+import { Badge } from './Badge';
 import { X } from 'lucide-react';
 import { useEffect, useState, useMemo } from 'react';
 import { useInView } from 'react-intersection-observer';
-import { useSkills } from '@/hooks/api/useSkills';
+import { useSkills } from '../../hooks/useSkills';
+import { useDebounce } from '../../hooks/useDebounce';
 // Sub-component for badges
 function SelectedBadges({ skills, removeSkill, }) {
     return (_jsx("div", { className: "flex flex-wrap gap-1 w-full", children: skills.map((skill) => (_jsxs(Badge, { variant: "secondary", className: "\n            flex items-center gap-1\n            px-1.5 py-0.5\n            rounded-lg\n            bg-primary text-white\n            text-[11px] leading-tight sm:text-xs\n            max-w-full break-words\n          ", children: [_jsx("span", { className: "inline-block max-w-[72vw] sm:max-w-full overflow-hidden text-ellipsis", children: skill }), _jsx(X, { className: "w-3 h-3 cursor-pointer shrink-0", onClick: (e) => removeSkill(skill, e) })] }, skill))) }));
 }
-export function MultiSelectOptions({ value, onChange, options, query: externalQuery, disabled, staticOnly = false, }) {
+export function MultiSelectOptions({ value, onChange, options, query: externalQuery, disabled, staticOnly = false, token, }) {
     const [open, setOpen] = useState(false);
     const [search, setSearch] = useState('');
-    const [debouncedSearch, setDebouncedSearch] = useState('');
+    const debouncedSearch = useDebounce(search.trim(), 300);
     const { ref, inView } = useInView();
-    // Debounce search input to reduce API calls
-    useEffect(() => {
-        const timer = setTimeout(() => {
-            setDebouncedSearch(search.trim());
-        }, 300); // 300ms debounce delay
-        return () => clearTimeout(timer);
-    }, [search]);
-    // Use internal query with search if no external query provided, or if search is active
-    // If external query is provided and no search, use it for backward compatibility
-    // Skip API query if staticOnly is true
     const shouldUseInternalQuery = !staticOnly && (!externalQuery || debouncedSearch.length > 0);
     const internalSkills = useSkills({
-        // Optimized for initial load: small batch, loads more via infinite scroll
-        limit: debouncedSearch ? 50 : 20, // 50 when searching, 20 for initial load
-        batchSize: 1, // Single page per load for faster response
+        limit: debouncedSearch ? 50 : 20,
+        batchSize: 1,
         queryObject: debouncedSearch ? { search: debouncedSearch } : {},
+        token,
     });
     // Use internal query when searching, otherwise use external query if provided
     // If staticOnly, don't use any query
@@ -50,12 +41,10 @@ export function MultiSelectOptions({ value, onChange, options, query: externalQu
         const apiOptions = query?.data?.pages.flatMap((page) => page.data?.map((s) => s.skill).filter(Boolean)) || [];
         return Array.from(new Set([...options, ...apiOptions]));
     }, [options, query?.data, staticOnly, debouncedSearch]);
-    // Reset search when popover closes
+    // Reset search when popover closes (debouncedSearch will follow)
     useEffect(() => {
-        if (!open) {
+        if (!open)
             setSearch('');
-            setDebouncedSearch('');
-        }
     }, [open]);
     // Infinite scroll
     useEffect(() => {

package/dist/hooks/useDebounce.d.ts

@@ -1,2 +1,5 @@
+/**
+ * Debounce a value by delay ms.
+ */
 export declare function useDebounce<T>(value: T, delay?: number): T;
 //# sourceMappingURL=useDebounce.d.ts.map

package/dist/hooks/useDebounce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAE,MAAY,GAAG,CAAC,CAS/D"}
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAE,MAAY,GAAG,CAAC,CAS/D"}

package/dist/hooks/useDebounce.js

@@ -1,4 +1,7 @@
 import { useEffect, useState } from 'react';
+/**
+ * Debounce a value by delay ms.
+ */
 export function useDebounce(value, delay = 300) {
     const [debouncedValue, setDebouncedValue] = useState(value);
     useEffect(() => {

package/dist/hooks/useDesignations.d.ts

@@ -15,15 +15,10 @@ export type UseDesignationsParams = {
     limit?: number;
     batchSize?: number;
     queryObject?: Record<string, unknown>;
-    token?: string | null;
+    token?: string;
 };
 export declare const useDesignations: ({ limit, batchSize, queryObject, token, }?: UseDesignationsParams) => {
     designations: Designation[];
-    pagination: {
-        total: number;
-        page: number;
-        pages: number;
-    } | undefined;
     designationsQuery: import("@tanstack/react-query").UseInfiniteQueryResult<import("@tanstack/query-core").InfiniteData<{
         data: Designation[];
         nextPage: number | null;
@@ -44,8 +39,5 @@ export declare const useDesignations: ({ limit, batchSize, queryObject, token, }
         data: DesignationPayload;
     }, unknown>;
     deleteDesignation: import("@tanstack/react-query").UseMutationResult<unknown, Error, string, unknown>;
-    isCreating: boolean;
-    isUpdating: boolean;
-    isDeleting: boolean;
 };
 //# sourceMappingURL=useDesignations.d.ts.map

package/dist/hooks/useDesignations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDesignations.d.ts","sourceRoot":"","sources":["../../src/hooks/useDesignations.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAeF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,4CAK7B,qBAA0B;;;;;;;;;;;;;;;;;;;;;;;YAsEc,MAAM;cAAQ,kBAAkB;;;;;;CAgD1E,CAAC"}
+{"version":3,"file":"useDesignations.d.ts","sourceRoot":"","sources":["../../src/hooks/useDesignations.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAeF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,4CAK7B,qBAA0B;;;;;;;;;;;;;;;;;;YAkFgB,MAAM;cAAQ,kBAAkB;;;CA+B5E,CAAC"}

package/dist/hooks/useDesignations.js

@@ -11,31 +11,27 @@ export const useDesignations = ({ limit = 50, batchSize = 1, queryObject = {}, t
         queryFn: async ({ pageParam = 1 }) => {
             const pagesToFetch = Array.from({ length: batchSize }, (_, i) => pageParam + i);
             const results = await Promise.all(pagesToFetch.map(async (page) => {
-                const q = {
-                    ...queryObject,
-                    page,
-                    limit,
-                };
-                if (q.search) {
-                    q.query = q.search;
-                    delete q.search;
+                const params = { ...queryObject, page, limit };
+                if (params.search) {
+                    params.query = params.search;
+                    delete params.search;
                 }
-                const searchQuery = generateSearchQuery(q);
+                const searchQuery = generateSearchQuery(params);
                 const res = await apiRequest({
                     endpoint: `/designations?${searchQuery}`,
                     method: 'GET',
-                    token: token ?? undefined,
+                    token,
                 });
                 if (!res.success) {
-                    const msg = (res.errors?.general?.[0]) || (res.errors && Object.values(res.errors)[0]?.[0]) || 'Failed to fetch designations';
-                    throw new Error(String(msg));
+                    const errs = res.errors;
+                    throw new Error(errs?.error?.[0] ?? errs?.general?.[0] ?? 'Failed to fetch designations');
                 }
                 const payload = res.data;
-                const pag = payload.pagination;
-                const pages = pag?.pages ?? 1;
-                const nextPage = pag?.nextPage ?? (pag && page < pages ? page + 1 : null);
+                const p = payload?.pagination;
+                const pages = p?.pages ?? 1;
+                const nextPage = p?.nextPage ?? (p && page < pages ? page + 1 : null);
                 return {
-                    data: payload.data ?? [],
+                    data: payload?.data ?? [],
                     page,
                     pages,
                     nextPage,
@@ -52,66 +48,61 @@ export const useDesignations = ({ limit = 50, batchSize = 1, queryObject = {}, t
         },
         getNextPageParam: (lastPage) => lastPage.nextPage ?? undefined,
     });
-    const createDesignation = useMutation({
-        mutationFn: async (data) => {
-            const res = await apiRequest({
-                endpoint: '/designations',
-                method: 'POST',
-                data,
-                token: token ?? undefined,
-            });
-            if (!res.success)
-                throw new Error(String((res.errors?.general?.[0]) || 'Failed to create designation'));
-            return res.data;
-        },
-        onSuccess: () => queryClient.invalidateQueries({ queryKey: ['designations'] }),
-    });
-    const updateDesignation = useMutation({
-        mutationFn: async ({ id, data }) => {
-            const res = await apiRequest({
-                endpoint: `/designations/${id}`,
-                method: 'PUT',
-                data,
-                token: token ?? undefined,
-            });
-            if (!res.success)
-                throw new Error(String((res.errors?.general?.[0]) || 'Failed to update designation'));
-            return res.data;
-        },
-        onSuccess: () => queryClient.invalidateQueries({ queryKey: ['designations'] }),
-    });
-    const deleteDesignation = useMutation({
-        mutationFn: async (id) => {
-            const res = await apiRequest({
-                endpoint: `/designations/${id}`,
-                method: 'DELETE',
-                token: token ?? undefined,
-            });
-            if (!res.success)
-                throw new Error(String((res.errors?.general?.[0]) || 'Failed to delete designation'));
-            return res.data;
-        },
-        onSuccess: () => queryClient.invalidateQueries({ queryKey: ['designations'] }),
-    });
     const designations = designationsQuery.data?.pages?.flatMap((p) => p.data) ?? [];
-    const lastPage = designationsQuery.data?.pages?.slice(-1)?.[0];
-    const pagination = lastPage
-        ? { total: designations.length, page: 1, pages: lastPage.totalPages ?? 1 }
-        : undefined;
     return {
         designations,
-        pagination,
         designationsQuery,
         isLoading: designationsQuery.isLoading,
         isFetching: designationsQuery.isFetching,
         isError: designationsQuery.isError,
         error: designationsQuery.error,
         refetch: designationsQuery.refetch,
-        createDesignation,
-        updateDesignation,
-        deleteDesignation,
-        isCreating: createDesignation.isPending,
-        isUpdating: updateDesignation.isPending,
-        isDeleting: deleteDesignation.isPending,
+        createDesignation: useMutation({
+            mutationFn: async (data) => {
+                const res = await apiRequest({
+                    endpoint: '/designations',
+                    method: 'POST',
+                    data,
+                    token,
+                });
+                if (!res.success) {
+                    const errs = res.errors;
+                    throw new Error(errs?.error?.[0] ?? 'Failed to create designation');
+                }
+                return res.data;
+            },
+            onSuccess: () => queryClient.invalidateQueries({ queryKey: ['designations'] }),
+        }),
+        updateDesignation: useMutation({
+            mutationFn: async ({ id, data }) => {
+                const res = await apiRequest({
+                    endpoint: `/designations/${id}`,
+                    method: 'PUT',
+                    data,
+                    token,
+                });
+                if (!res.success) {
+                    const errs = res.errors;
+                    throw new Error(errs?.error?.[0] ?? 'Failed to update designation');
+                }
+                return res.data;
+            },
+            onSuccess: () => queryClient.invalidateQueries({ queryKey: ['designations'] }),
+        }),
+        deleteDesignation: useMutation({
+            mutationFn: async (id) => {
+                const res = await apiRequest({
+                    endpoint: `/designations/${id}`,
+                    method: 'DELETE',
+                    token,
+                });
+                if (!res.success) {
+                    const errs = res.errors;
+                    throw new Error(errs?.error?.[0] ?? 'Failed to delete designation');
+                }
+                return res.data;
+            },
+            onSuccess: () => queryClient.invalidateQueries({ queryKey: ['designations'] }),
+        }),
     };
 };

package/dist/hooks/useIndustries.d.ts

@@ -1,6 +1,7 @@
 export type Industry = {
     id: string;
     title?: string;
+    name?: string;
     description?: string;
     category?: string;
     status?: string;
@@ -15,15 +16,11 @@ export type UseIndustriesParams = {
     limit?: number;
     batchSize?: number;
     queryObject?: Record<string, unknown>;
-    token?: string | null;
+    /** Optional auth token (e.g. from app session) */
+    token?: string;
 };
-export declare const useIndustries: (params?: UseIndustriesParams) => {
+export declare const useIndustries: ({ limit, batchSize, queryObject, token, }?: UseIndustriesParams) => {
     industries: Industry[];
-    pagination: {
-        total: number;
-        page: number;
-        pages: number;
-    } | undefined;
     industriesQuery: import("@tanstack/react-query").UseInfiniteQueryResult<import("@tanstack/query-core").InfiniteData<{
         data: Industry[];
         nextPage: number | null;
@@ -44,8 +41,5 @@ export declare const useIndustries: (params?: UseIndustriesParams) => {
         data: IndustryPayload;
     }, unknown>;
     deleteIndustry: import("@tanstack/react-query").UseMutationResult<unknown, Error, string, unknown>;
-    isCreating: boolean;
-    isUpdating: boolean;
-    isDeleting: boolean;
 };
 //# sourceMappingURL=useIndustries.d.ts.map

package/dist/hooks/useIndustries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIndustries.d.ts","sourceRoot":"","sources":["../../src/hooks/useIndustries.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAeF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,SAAQ,mBAAwB;;;;;;;;;;;;;;;;;;;;;;;YAuEnB,MAAM;cAAQ,eAAe;;;;;;CAgDvE,CAAC"}
+{"version":3,"file":"useIndustries.d.ts","sourceRoot":"","sources":["../../src/hooks/useIndustries.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAeF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,4CAK3B,mBAAwB;;;;;;;;;;;;;;;;;;YA+EkB,MAAM;cAAQ,eAAe;;;CA+BzE,CAAC"}

package/dist/hooks/useIndustries.js

@@ -2,8 +2,7 @@
 import { useInfiniteQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { apiRequest } from '../utils/api-request';
 import { generateSearchQuery } from '../utils/generateSearchQuery';
-export const useIndustries = (params = {}) => {
-    const { limit = 50, batchSize = 1, queryObject = {}, token } = params;
+export const useIndustries = ({ limit = 50, batchSize = 1, queryObject = {}, token, } = {}) => {
     const queryClient = useQueryClient();
     const industriesQuery = useInfiniteQuery({
         queryKey: ['industries', limit, batchSize, queryObject],
@@ -12,31 +11,27 @@ export const useIndustries = (params = {}) => {
         queryFn: async ({ pageParam = 1 }) => {
             const pagesToFetch = Array.from({ length: batchSize }, (_, i) => pageParam + i);
             const results = await Promise.all(pagesToFetch.map(async (page) => {
-                const q = {
-                    ...queryObject,
-                    page,
-                    limit,
-                };
-                if (q.search) {
-                    q.query = q.search;
-                    delete q.search;
+                const params = { ...queryObject, page, limit };
+                if (params.search) {
+                    params.query = params.search;
+                    delete params.search;
                 }
-                const searchQuery = generateSearchQuery(q);
+                const searchQuery = generateSearchQuery(params);
                 const res = await apiRequest({
                     endpoint: `/industries?${searchQuery}`,
                     method: 'GET',
-                    token: token ?? undefined,
+                    token,
                 });
                 if (!res.success) {
-                    const msg = (res.errors?.general?.[0]) || (res.errors && Object.values(res.errors)[0]?.[0]) || 'Failed to fetch industries';
-                    throw new Error(String(msg));
+                    const errs = res.errors;
+                    throw new Error(errs?.error?.[0] ?? errs?.general?.[0] ?? 'Failed to fetch industries');
                 }
                 const payload = res.data;
-                const pag = payload.pagination;
-                const pages = pag?.pages ?? 1;
-                const nextPage = pag?.nextPage ?? (pag && page < pages ? page + 1 : null);
+                const p = payload?.pagination;
+                const pages = p?.pages ?? 1;
+                const nextPage = p?.nextPage ?? (p && page < pages ? page + 1 : null);
                 return {
-                    data: payload.data ?? [],
+                    data: payload?.data ?? [],
                     page,
                     pages,
                     nextPage,
@@ -53,66 +48,62 @@ export const useIndustries = (params = {}) => {
         },
         getNextPageParam: (lastPage) => lastPage.nextPage ?? undefined,
     });
-    const createIndustry = useMutation({
-        mutationFn: async (data) => {
-            const res = await apiRequest({
-                endpoint: '/industries',
-                method: 'POST',
-                data,
-                token: token ?? undefined,
-            });
-            if (!res.success)
-                throw new Error(String((res.errors?.general?.[0]) || 'Failed to create industry'));
-            return res.data;
-        },
-        onSuccess: () => queryClient.invalidateQueries({ queryKey: ['industries'] }),
-    });
-    const updateIndustry = useMutation({
-        mutationFn: async ({ id, data }) => {
-            const res = await apiRequest({
-                endpoint: `/industries/${id}`,
-                method: 'PUT',
-                data,
-                token: token ?? undefined,
-            });
-            if (!res.success)
-                throw new Error(String((res.errors?.general?.[0]) || 'Failed to update industry'));
-            return res.data;
-        },
-        onSuccess: () => queryClient.invalidateQueries({ queryKey: ['industries'] }),
-    });
-    const deleteIndustry = useMutation({
-        mutationFn: async (id) => {
-            const res = await apiRequest({
-                endpoint: `/industries/${id}`,
-                method: 'DELETE',
-                token: token ?? undefined,
-            });
-            if (!res.success)
-                throw new Error(String((res.errors?.general?.[0]) || 'Failed to delete industry'));
-            return res.data;
-        },
-        onSuccess: () => queryClient.invalidateQueries({ queryKey: ['industries'] }),
-    });
     const industries = industriesQuery.data?.pages?.flatMap((p) => p.data) ?? [];
     const lastPage = industriesQuery.data?.pages?.slice(-1)?.[0];
-    const pagination = lastPage
-        ? { total: industries.length, page: 1, pages: lastPage.totalPages ?? 1 }
-        : undefined;
     return {
         industries,
-        pagination,
         industriesQuery,
         isLoading: industriesQuery.isLoading,
         isFetching: industriesQuery.isFetching,
         isError: industriesQuery.isError,
         error: industriesQuery.error,
         refetch: industriesQuery.refetch,
-        createIndustry,
-        updateIndustry,
-        deleteIndustry,
-        isCreating: createIndustry.isPending,
-        isUpdating: updateIndustry.isPending,
-        isDeleting: deleteIndustry.isPending,
+        createIndustry: useMutation({
+            mutationFn: async (data) => {
+                const res = await apiRequest({
+                    endpoint: '/industries',
+                    method: 'POST',
+                    data,
+                    token,
+                });
+                if (!res.success) {
+                    const errs = res.errors;
+                    throw new Error(errs?.error?.[0] ?? 'Failed to create industry');
+                }
+                return res.data;
+            },
+            onSuccess: () => queryClient.invalidateQueries({ queryKey: ['industries'] }),
+        }),
+        updateIndustry: useMutation({
+            mutationFn: async ({ id, data }) => {
+                const res = await apiRequest({
+                    endpoint: `/industries/${id}`,
+                    method: 'PUT',
+                    data,
+                    token,
+                });
+                if (!res.success) {
+                    const errs = res.errors;
+                    throw new Error(errs?.error?.[0] ?? 'Failed to update industry');
+                }
+                return res.data;
+            },
+            onSuccess: () => queryClient.invalidateQueries({ queryKey: ['industries'] }),
+        }),
+        deleteIndustry: useMutation({
+            mutationFn: async (id) => {
+                const res = await apiRequest({
+                    endpoint: `/industries/${id}`,
+                    method: 'DELETE',
+                    token,
+                });
+                if (!res.success) {
+                    const errs = res.errors;
+                    throw new Error(errs?.error?.[0] ?? 'Failed to delete industry');
+                }
+                return res.data;
+            },
+            onSuccess: () => queryClient.invalidateQueries({ queryKey: ['industries'] }),
+        }),
     };
 };

package/dist/hooks/useSkills.d.ts

@@ -6,8 +6,7 @@ export type UseSkillsParams = {
     limit?: number;
     batchSize?: number;
     queryObject?: Record<string, unknown>;
-    /** Optional auth token (e.g. from useSessionStore) */
-    token?: string | null;
+    token?: string;
 };
 export declare const useSkills: ({ limit, batchSize, queryObject, token, }?: UseSkillsParams) => {
     skillsQuery: import("@tanstack/react-query").UseInfiniteQueryResult<import("@tanstack/query-core").InfiniteData<{