@recruitnepal/shared-packages 1.5.0 → 1.7.0

package/dist/components/ui/MultiSelectOptions.js

@@ -0,0 +1,85 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover, PopoverTrigger, PopoverContent, } from './popover';
+import { Command, CommandInput, CommandItem, CommandList, CommandGroup, CommandEmpty, } from './command';
+import { X } from 'lucide-react';
+import { useEffect, useState, useMemo, useRef } from 'react';
+import { useSkills } from '../../hooks/useSkills';
+// Sub-component for badges
+function SelectedBadges({ skills, removeSkill, }) {
+    return (_jsx("div", { className: "flex flex-wrap gap-1 w-full", children: skills.map((skill) => (_jsxs("span", { className: "flex items-center gap-1 px-1.5 py-0.5 rounded-lg bg-primary text-white text-[11px] leading-tight sm:text-xs max-w-full break-words", 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, token, }) {
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState('');
+    const [debouncedSearch, setDebouncedSearch] = useState('');
+    const loadMoreRef = useRef(null);
+    // 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
+        queryObject: debouncedSearch ? { search: debouncedSearch } : {},
+        token,
+    });
+    // Use internal query when searching, otherwise use external query if provided
+    // If staticOnly, don't use any query
+    const query = staticOnly ? undefined : (shouldUseInternalQuery ? internalSkills.skillsQuery : externalQuery);
+    // Combine static + API options (no client-side filtering needed - backend handles it)
+    // If staticOnly, filter client-side based on search
+    const combinedOptions = useMemo(() => {
+        if (staticOnly) {
+            // Client-side filtering for static options only
+            const lowerSearch = debouncedSearch.toLowerCase();
+            const filtered = options.filter((opt) => opt.toLowerCase().includes(lowerSearch));
+            return filtered;
+        }
+        // Original behavior: combine static + API options
+        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
+    useEffect(() => {
+        if (!open) {
+            setSearch('');
+            setDebouncedSearch('');
+        }
+    }, [open]);
+    // Infinite scroll using IntersectionObserver
+    useEffect(() => {
+        if (!loadMoreRef.current || !query?.hasNextPage || query?.isFetchingNextPage)
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            if (entries[0]?.isIntersecting) {
+                query.fetchNextPage?.();
+            }
+        }, { threshold: 0.1 });
+        observer.observe(loadMoreRef.current);
+        return () => observer.disconnect();
+    }, [query?.hasNextPage, query?.isFetchingNextPage, query]);
+    // Handlers
+    const toggleSkill = (skill) => onChange(value.includes(skill)
+        ? value.filter((s) => s !== skill)
+        : [...value, skill]);
+    const removeSkill = (skill, e) => {
+        e.stopPropagation();
+        onChange(value.filter((s) => s !== skill));
+    };
+    const trimmedSearch = search.trim();
+    // No client-side filtering needed - backend handles search
+    // Just check if we can add custom option
+    const canAddCustom = trimmedSearch &&
+        !combinedOptions.includes(trimmedSearch) &&
+        !value.includes(trimmedSearch);
+    return (_jsx("div", { className: "w-full", children: _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { disabled: disabled, asChild: true, children: _jsx("button", { type: "button", className: "w-full min-h-10 justify-start border border-slate-200 rounded-md bg-background px-2 py-1 h-auto text-left hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50", children: value.length > 0 ? (_jsx(SelectedBadges, { skills: value, removeSkill: removeSkill })) : (_jsx("span", { className: "text-muted-foreground", children: "Select Options" })) }) }), _jsx(PopoverContent, { className: "max-w-sm max-h-[300px] overflow-y-auto p-0", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: "Search or add..." }), _jsxs(CommandList, { className: "max-h-[250px] overflow-y-auto", children: [!staticOnly && query?.isFetching && combinedOptions.length === 0 && (_jsx("div", { className: "text-center text-muted-foreground text-xs py-4", children: "Searching..." })), _jsxs(CommandGroup, { children: [combinedOptions.map((skill) => (_jsx(CommandItem, { onSelect: () => toggleSkill(skill), className: "cursor-pointer", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "checkbox", checked: value.includes(skill), readOnly: true, className: "accent-primary" }), _jsx("span", { children: skill })] }) }, skill))), canAddCustom && (_jsxs(CommandItem, { onSelect: () => toggleSkill(trimmedSearch), className: "cursor-pointer text-primary space-x-2", children: [_jsx("span", { className: "px-2 py-0.5 bg-green-600 hover:bg-green-500 rounded-sm text-xs text-white", children: "Add" }), _jsx("span", { children: trimmedSearch })] }))] }), combinedOptions.length === 0 && !canAddCustom && (!staticOnly && !query?.isFetching) && (_jsx(CommandEmpty, { children: "No matches found." })), !staticOnly && query?.hasNextPage && !query?.isFetching && (_jsx("div", { ref: loadMoreRef, className: "text-center text-muted-foreground text-xs py-2", children: "Loading more..." }))] })] }) })] }) }));
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+type RatingStarsProps = {
+    value?: number;
+    onChange?: (v: number) => void;
+    "aria-label"?: string;
+    disabled?: boolean;
+};
+export declare const RatingStars: React.FC<RatingStarsProps>;
+export {};
+//# sourceMappingURL=RatingStars.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingStars.d.ts","sourceRoot":"","sources":["../../../src/components/ui/RatingStars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAC"}

package/dist/components/ui/RatingStars.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const RatingStars = ({ value = 0, onChange, disabled, ...rest }) => {
+    return (_jsx("div", { className: "flex items-center gap-1 text-yellow-500", role: "radiogroup", ...rest, children: Array.from({ length: 5 }).map((_, i) => {
+            const n = i + 1;
+            const filled = n <= (value ?? 0);
+            return (_jsx("button", { type: "button", role: "radio", "aria-checked": filled, disabled: disabled, onClick: () => onChange?.(n), className: disabled
+                    ? "opacity-50 cursor-not-allowed h-6 w-6 grid place-items-center rounded"
+                    : "h-6 w-6 grid place-items-center rounded hover:scale-105", children: _jsx("span", { className: filled ? "text-current" : "", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: filled ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) }) }) }, n));
+        }) }));
+};

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

@@ -0,0 +1,68 @@
+import * as React from 'react';
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, };
+//# sourceMappingURL=command.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;;0FAehB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;sFAef,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAC;AAGH,OAAO,EACL,OAAO,EACP,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,CAAC"}

package/dist/components/ui/command.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { Search } from 'lucide-react';
+import { cn } from '../../utils/cn';
+const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', className), ...props })));
+Command.displayName = CommandPrimitive.displayName;
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: "flex items-center border-b px-3", children: [_jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn('flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] })));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+const CommandList = React.forwardRef(({ className, onWheel, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className), onWheel: (e) => {
+        const el = e.currentTarget;
+        el.scrollTop += e.deltaY;
+        e.preventDefault();
+        onWheel?.(e);
+    }, ...props })));
+CommandList.displayName = CommandPrimitive.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props })));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', className), ...props })));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50', className), ...props })));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+export { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAgBlB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/popover.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '../../utils/cn';
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('!z-[20050] w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props }) })));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+export { Popover, PopoverTrigger, PopoverContent };

package/dist/hooks/useDebounce.d.ts

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

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

@@ -0,0 +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"}

package/dist/hooks/useDebounce.js

@@ -0,0 +1,9 @@
+import { useEffect, useState } from 'react';
+export function useDebounce(value, delay = 300) {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const handler = setTimeout(() => setDebouncedValue(value), delay);
+        return () => clearTimeout(handler);
+    }, [value, delay]);
+    return debouncedValue;
+}

package/dist/hooks/useDesignations.d.ts

@@ -0,0 +1,51 @@
+export type Designation = {
+    id: string;
+    title?: string;
+    description?: string;
+    department?: string;
+    level?: string;
+};
+export type DesignationPayload = {
+    title?: string;
+    description?: string;
+    department?: string;
+    level?: string;
+};
+export type UseDesignationsParams = {
+    limit?: number;
+    batchSize?: number;
+    queryObject?: Record<string, unknown>;
+    token?: string | null;
+};
+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;
+        totalPages: number;
+    }, unknown>, Error>;
+    isLoading: boolean;
+    isFetching: boolean;
+    isError: boolean;
+    error: Error | null;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<{
+        data: Designation[];
+        nextPage: number | null;
+        totalPages: number;
+    }, unknown>, Error>>;
+    createDesignation: import("@tanstack/react-query").UseMutationResult<unknown, Error, DesignationPayload, unknown>;
+    updateDesignation: import("@tanstack/react-query").UseMutationResult<unknown, Error, {
+        id: string;
+        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

@@ -0,0 +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"}

package/dist/hooks/useDesignations.js

@@ -0,0 +1,117 @@
+'use client';
+import { useInfiniteQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { apiRequest } from '../utils/api-request';
+import { generateSearchQuery } from '../utils/generateSearchQuery';
+export const useDesignations = ({ limit = 50, batchSize = 1, queryObject = {}, token, } = {}) => {
+    const queryClient = useQueryClient();
+    const designationsQuery = useInfiniteQuery({
+        queryKey: ['designations', limit, batchSize, queryObject],
+        initialPageParam: 1,
+        enabled: true,
+        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 searchQuery = generateSearchQuery(q);
+                const res = await apiRequest({
+                    endpoint: `/designations?${searchQuery}`,
+                    method: 'GET',
+                    token: token ?? undefined,
+                });
+                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 payload = res.data;
+                const pag = payload.pagination;
+                const pages = pag?.pages ?? 1;
+                const nextPage = pag?.nextPage ?? (pag && page < pages ? page + 1 : null);
+                return {
+                    data: payload.data ?? [],
+                    page,
+                    pages,
+                    nextPage,
+                };
+            }));
+            const merged = results.flatMap((r) => r.data);
+            const last = results[results.length - 1];
+            const nextPage = last.nextPage != null && last.page < last.pages
+                ? last.nextPage
+                : last.page < last.pages
+                    ? last.page + 1
+                    : null;
+            return { data: merged, nextPage, totalPages: last.pages };
+        },
+        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,
+    };
+};

package/dist/hooks/useIndustries.d.ts

@@ -0,0 +1,51 @@
+export type Industry = {
+    id: string;
+    title?: string;
+    description?: string;
+    category?: string;
+    status?: string;
+};
+export type IndustryPayload = {
+    title?: string;
+    description?: string;
+    category?: string;
+    status?: string;
+};
+export type UseIndustriesParams = {
+    limit?: number;
+    batchSize?: number;
+    queryObject?: Record<string, unknown>;
+    token?: string | null;
+};
+export declare const useIndustries: (params?: 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;
+        totalPages: number;
+    }, unknown>, Error>;
+    isLoading: boolean;
+    isFetching: boolean;
+    isError: boolean;
+    error: Error | null;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<{
+        data: Industry[];
+        nextPage: number | null;
+        totalPages: number;
+    }, unknown>, Error>>;
+    createIndustry: import("@tanstack/react-query").UseMutationResult<unknown, Error, IndustryPayload, unknown>;
+    updateIndustry: import("@tanstack/react-query").UseMutationResult<unknown, Error, {
+        id: string;
+        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

@@ -0,0 +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"}

package/dist/hooks/useIndustries.js

@@ -0,0 +1,118 @@
+'use client';
+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;
+    const queryClient = useQueryClient();
+    const industriesQuery = useInfiniteQuery({
+        queryKey: ['industries', limit, batchSize, queryObject],
+        initialPageParam: 1,
+        enabled: true,
+        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 searchQuery = generateSearchQuery(q);
+                const res = await apiRequest({
+                    endpoint: `/industries?${searchQuery}`,
+                    method: 'GET',
+                    token: token ?? undefined,
+                });
+                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 payload = res.data;
+                const pag = payload.pagination;
+                const pages = pag?.pages ?? 1;
+                const nextPage = pag?.nextPage ?? (pag && page < pages ? page + 1 : null);
+                return {
+                    data: payload.data ?? [],
+                    page,
+                    pages,
+                    nextPage,
+                };
+            }));
+            const merged = results.flatMap((r) => r.data);
+            const last = results[results.length - 1];
+            const nextPage = last.nextPage != null && last.page < last.pages
+                ? last.nextPage
+                : last.page < last.pages
+                    ? last.page + 1
+                    : null;
+            return { data: merged, nextPage, totalPages: last.pages };
+        },
+        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,
+    };
+};

package/dist/hooks/useSkills.d.ts

@@ -0,0 +1,19 @@
+export type Skill = {
+    id: string;
+    skill: string;
+};
+export type UseSkillsParams = {
+    limit?: number;
+    batchSize?: number;
+    queryObject?: Record<string, unknown>;
+    /** Optional auth token (e.g. from useSessionStore) */
+    token?: string | null;
+};
+export declare const useSkills: ({ limit, batchSize, queryObject, token, }?: UseSkillsParams) => {
+    skillsQuery: import("@tanstack/react-query").UseInfiniteQueryResult<import("@tanstack/query-core").InfiniteData<{
+        data: Skill[];
+        nextPage: number | null;
+        totalPages: number;
+    }, unknown>, Error>;
+};
+//# sourceMappingURL=useSkills.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSkills.d.ts","sourceRoot":"","sources":["../../src/hooks/useSkills.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAYF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,4CAKvB,eAAoB;;;;;;CAqCtB,CAAC"}