@recruitnepal/shared-packages 1.8.3 → 1.8.4

package/dist/components/JobsSearchBar.d.ts

@@ -0,0 +1,24 @@
+export type JobsSearchBarFilter = {
+    keyword: string;
+    location: string;
+    category: string[];
+};
+export type JobsSearchBarProps = {
+    /** Read URL/search state (e.g. from useSearchParams().get in Next) */
+    getSearchParam: (key: string) => string | null;
+    /** Called when filter changes (debounced in live mode) */
+    handleSearch: (filter: JobsSearchBarFilter) => void;
+    /** In submit mode, Search button calls this with current filter so parent can navigate */
+    onSubmitSearch?: (filter: JobsSearchBarFilter) => void;
+    mode?: 'live' | 'submit';
+    hideCategory?: boolean;
+    presetCategory?: string;
+    showPopularSearch?: boolean;
+    /** Optional auth token for categories API (when publicFetch is false) */
+    token?: string | null;
+    /** Optional className for the wrapper */
+    className?: string;
+};
+export declare function JobsSearchBar({ getSearchParam, handleSearch, onSubmitSearch, mode, hideCategory, presetCategory, showPopularSearch, token, className, }: JobsSearchBarProps): import("react/jsx-runtime").JSX.Element;
+export default JobsSearchBar;
+//# sourceMappingURL=JobsSearchBar.d.ts.map

package/dist/components/JobsSearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobsSearchBar.d.ts","sourceRoot":"","sources":["../../src/components/JobsSearchBar.tsx"],"names":[],"mappings":"AAkBA,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,sEAAsE;IACtE,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC/C,0DAA0D;IAC1D,YAAY,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,0FAA0F;IAC1F,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAOF,wBAAgB,aAAa,CAAC,EAC5B,cAAc,EACd,YAAY,EACZ,cAAc,EACd,IAAa,EACb,YAAoB,EACpB,cAAc,EACd,iBAAyB,EACzB,KAAK,EACL,SAAS,GACV,EAAE,kBAAkB,2CAuKpB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/JobsSearchBar.js

@@ -0,0 +1,85 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Check, MapPin, Search } from 'lucide-react';
+import { Button } from './ui/Button';
+import { Input } from './ui/Input';
+import { cn } from '../utils/cn';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DialogTrigger, } from './ui/Dialog';
+import { useVacancyCategories } from '../hooks/useVacancyCategories';
+/** Display label for a category (Recruit uses title, Intern may use name) */
+function categoryLabel(c) {
+    return String(c.title ?? c.name ?? '').trim() || '—';
+}
+export function JobsSearchBar({ getSearchParam, handleSearch, onSubmitSearch, mode = 'live', hideCategory = false, presetCategory, showPopularSearch = false, token, className, }) {
+    const [searchQuery, setSearchQuery] = useState({
+        keyword: getSearchParam('query') || '',
+        location: getSearchParam('location') || '',
+        category: (getSearchParam('category') || '').split(',').map((s) => s.trim()).filter(Boolean),
+    });
+    const [catOpen, setCatOpen] = useState(false);
+    const [catQuery, setCatQuery] = useState('');
+    const { categories = [], isLoading: isCatsLoading } = useVacancyCategories({
+        publicFetch: true,
+        limit: 200,
+        token,
+    });
+    useEffect(() => {
+        if (!presetCategory)
+            return;
+        setSearchQuery((prev) => (prev.category[0] === presetCategory ? prev : { ...prev, category: [presetCategory] }));
+    }, [presetCategory]);
+    useEffect(() => {
+        const q = getSearchParam('query') || '';
+        const loc = getSearchParam('location') || '';
+        const cat = getSearchParam('category') || '';
+        const nextCat = presetCategory ? [presetCategory] : (cat ? cat.split(',').map((s) => s.trim()).filter(Boolean) : []);
+        setSearchQuery((prev) => {
+            if (prev.keyword === q && prev.location === loc && prev.category.join(',') === nextCat.join(','))
+                return prev;
+            return { keyword: q, location: loc, category: nextCat };
+        });
+    }, [getSearchParam('query'), getSearchParam('location'), getSearchParam('category'), presetCategory]);
+    const latestSearchFnRef = useRef(handleSearch);
+    const latestStateRef = useRef(searchQuery);
+    useEffect(() => {
+        latestSearchFnRef.current = handleSearch;
+    }, [handleSearch]);
+    useEffect(() => {
+        latestStateRef.current = searchQuery;
+        if (mode !== 'live')
+            return;
+        const t = window.setTimeout(() => latestSearchFnRef.current(latestStateRef.current), 500);
+        return () => window.clearTimeout(t);
+    }, [searchQuery, mode]);
+    const onChangeField = (e) => {
+        const { name, value } = e.target;
+        setSearchQuery((prev) => ({ ...prev, [name]: value }));
+    };
+    const canChangeCategory = !presetCategory;
+    const toggleCategory = (title) => {
+        setSearchQuery((prev) => {
+            if (!canChangeCategory)
+                return prev;
+            const current = prev.category[0];
+            return { ...prev, category: current === title ? [] : [title] };
+        });
+    };
+    const clearCategory = () => setSearchQuery((p) => ({ ...p, category: presetCategory ? [presetCategory] : [] }));
+    const norm = (s) => s.trim().toLowerCase();
+    const filteredCategories = useMemo(() => {
+        if (!catQuery.trim())
+            return categories;
+        return categories.filter((c) => norm(categoryLabel(c)).includes(norm(catQuery)));
+    }, [categories, catQuery]);
+    const submitSearch = () => {
+        if (onSubmitSearch)
+            onSubmitSearch(searchQuery);
+    };
+    return (_jsxs("div", { className: cn('w-full max-w-6xl mx-auto p-2 pt-0', className), children: [_jsxs("div", { className: "border rounded-xl bg-white flex items-center", children: [_jsxs("div", { className: "relative flex-1 p-2", children: [_jsx(Search, { className: "absolute left-5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { name: "keyword", placeholder: "Job title, keywords or company", value: searchQuery.keyword, onChange: onChangeField, className: "pl-8 py-0 border-0 h-9" })] }), _jsxs("div", { className: "relative flex-1 p-2 hidden md:block", children: [_jsx(MapPin, { className: "absolute left-5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { name: "location", placeholder: "City, Location", value: searchQuery.location, onChange: onChangeField, className: "pl-8 py-0 border-0 h-9" })] }), !hideCategory && (_jsx("div", { className: "p-2 hidden md:block", children: _jsxs(Dialog, { open: catOpen, onOpenChange: setCatOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", className: "text-sm w-full md:w-[260px] justify-between h-9", children: searchQuery.category.length === 0 ? 'Category' : searchQuery.category[0] }) }), _jsxs(DialogContent, { className: "max-w-[900px] w-[92vw] p-0 overflow-hidden", children: [_jsx(DialogHeader, { className: "p-4 pb-2", children: _jsx(DialogTitle, { children: "Select a Category" }) }), _jsx("div", { className: "px-4 pb-4", children: _jsx(Input, { placeholder: "Search category\u2026", value: catQuery, onChange: (e) => setCatQuery(e.target.value), className: "h-9" }) }), _jsx("div", { className: "max-h-[60vh] overflow-y-auto px-4 pb-2", children: isCatsLoading ? (_jsx("div", { className: "text-sm text-muted-foreground px-1 py-6", children: "Loading\u2026" })) : filteredCategories.length === 0 ? (_jsx("div", { className: "text-sm text-muted-foreground px-1 py-6", children: "No category found." })) : (_jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2", children: filteredCategories.map((c) => {
+                                                    const title = categoryLabel(c);
+                                                    const selected = searchQuery.category[0] === title;
+                                                    return (_jsx("button", { type: "button", onClick: () => toggleCategory(title), className: cn('text-left text-sm px-3 py-2 rounded-lg border transition', selected ? 'border-primary bg-primary/10 text-primary' : 'hover:bg-muted/60'), children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate", children: title }), _jsx(Check, { className: cn('ml-auto h-4 w-4', selected ? 'opacity-100' : 'opacity-0') })] }) }, title));
+                                                }) })) }), _jsxs(DialogFooter, { className: "p-4 border-t flex items-center justify-between", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: clearCategory, children: "Clear" }), _jsx(Button, { size: "sm", onClick: () => setCatOpen(false), children: "Done" })] })] })] }) })), mode === 'submit' && (_jsx("div", { className: "p-2", children: _jsx(Button, { onClick: submitSearch, children: "Search" }) }))] }), showPopularSearch && mode === 'live' && (_jsx("div", { className: "hidden md:block" }))] }));
+}
+export default JobsSearchBar;

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DialogFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, };
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,QAAA,MAAM,MAAM,uCAAuB,CAAC;AACpC,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAC9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAC5C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH,QAAA,MAAM,aAAa,8JAiBjB,CAAC;AAGH,QAAA,MAAM,YAAY,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAElF,CAAC;AACF,QAAA,MAAM,YAAY,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAElF,CAAC;AACF,QAAA,MAAM,WAAW,oKAKf,CAAC;AAGH,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,CAAC"}

package/dist/components/ui/Dialog.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cn } from '../../utils/cn';
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props })));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsx(DialogPrimitive.Content, { ref: ref, className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:max-w-lg', className), ...props, children: children })] })));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col gap-2 text-center sm:text-left', className), ...props }));
+const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className), ...props }));
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold leading-none', className), ...props })));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,qFAYV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/Input.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../utils/cn';
+const Input = React.forwardRef(({ className, type = 'text', ...props }, ref) => (_jsx("input", { type: type, ref: ref, className: cn('flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className), ...props })));
+Input.displayName = 'Input';
+export { Input };

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

@@ -5,7 +5,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -20,7 +20,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -30,7 +30,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -39,14 +39,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & 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"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -57,7 +57,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/hooks/useVacancyCategories.d.ts

@@ -0,0 +1,18 @@
+import type { VacancyCategory } from '../types/vacancy-category';
+export type UseVacancyCategoriesParams = {
+    limit?: number;
+    queryObject?: Record<string, unknown>;
+    maxPages?: number;
+    /** If true, fetch without auth (public). If false, use token when provided. */
+    publicFetch?: boolean;
+    /** Optional auth token (e.g. from app session). When publicFetch is true, this is ignored. */
+    token?: string | null;
+};
+export declare function useVacancyCategories({ limit, queryObject, maxPages, publicFetch, token, }?: UseVacancyCategoriesParams): {
+    categories: VacancyCategory[];
+    isLoading: boolean;
+    isError: boolean;
+    error: Error | null;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<VacancyCategory[], Error>>;
+};
+//# sourceMappingURL=useVacancyCategories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useVacancyCategories.d.ts","sourceRoot":"","sources":["../../src/hooks/useVacancyCategories.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,2BAA2B,CAAC;AAiBxF,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,KAAW,EACX,WAAgB,EAChB,QAAQ,EACR,WAAkB,EAClB,KAAK,GACN,GAAE,0BAA+B;;;;;;EAgDjC"}

package/dist/hooks/useVacancyCategories.js

@@ -0,0 +1,61 @@
+'use client';
+import { useQuery } from '@tanstack/react-query';
+import { apiRequest } from '../utils/api-request';
+import { generateSearchQuery } from '../utils/generateSearchQuery';
+const coerceCategory = (c) => ({
+    id: c?.id != null ? (typeof c.id === 'number' ? c.id : String(c.id)) : undefined,
+    title: c?.title != null ? String(c.title) : undefined,
+    name: c?.name != null ? String(c.name) : undefined,
+    description: c?.description != null ? String(c.description) : undefined,
+});
+function mapResponse(res) {
+    const body = res.data;
+    const raw = body?.data?.data ?? [];
+    const items = raw.map((c) => coerceCategory(c));
+    const nextPage = body?.data?.pagination?.nextPage ?? null;
+    return { items, nextPage };
+}
+export function useVacancyCategories({ limit = 200, queryObject = {}, maxPages, publicFetch = true, token, } = {}) {
+    const getVacancyCategories = useQuery({
+        queryKey: ['vacancy-categories', 'all', { limit, queryObject, maxPages, publicFetch }],
+        enabled: publicFetch || !!token,
+        queryFn: async () => {
+            let nextPage = 1;
+            let pagesFetched = 0;
+            const all = [];
+            while (nextPage) {
+                const page = nextPage;
+                const searchQuery = generateSearchQuery({ ...queryObject, page, limit });
+                const res = await apiRequest({
+                    endpoint: `/vacancy/categories?${searchQuery}`,
+                    method: 'GET',
+                    token: publicFetch ? undefined : token ?? undefined,
+                });
+                if (!res.success) {
+                    const errs = res.errors;
+                    const firstMsg = errs && Object.values(errs).flat()[0];
+                    throw new Error(firstMsg || 'Failed to fetch categories');
+                }
+                const { items, nextPage: apiNext } = mapResponse(res);
+                if (items.length)
+                    all.push(...items);
+                pagesFetched += 1;
+                if (maxPages && pagesFetched >= maxPages) {
+                    nextPage = null;
+                }
+                else {
+                    nextPage = apiNext ?? null;
+                }
+            }
+            return all;
+        },
+        staleTime: 60 * 60 * 1000,
+    });
+    return {
+        categories: getVacancyCategories.data ?? [],
+        isLoading: getVacancyCategories.isLoading,
+        isError: getVacancyCategories.isError,
+        error: getVacancyCategories.error,
+        refetch: getVacancyCategories.refetch,
+    };
+}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export type { SavedVacancyItem, SavedVacancyApiResponse, SavedVacancyPayload, }
 export type { Question, AnswerOption, VacancyQuestionsResponse, } from './types/questions';
 export { WORKSTATUS, WORK_STATUS_VALUES, } from './types/easy-apply';
 export type { WorkStatusValue, QuestionsAPIRes, ScreeningAnswersApiResNew, } from './types/easy-apply';
+export type { VacancyCategory, VacancyCategoryAPIRes } from './types/vacancy-category';
 export { apiRequest } from './utils/api-request';
 export type { ApiResponse } from './utils/api-request';
 export { cn } from './utils/cn';
@@ -16,6 +17,8 @@ export { useDesignations } from './hooks/useDesignations';
 export type { Designation, DesignationPayload, UseDesignationsParams } from './hooks/useDesignations';
 export { useSkills } from './hooks/useSkills';
 export type { Skill, UseSkillsParams } from './hooks/useSkills';
+export { useVacancyCategories } from './hooks/useVacancyCategories';
+export type { UseVacancyCategoriesParams } from './hooks/useVacancyCategories';
 export { useGetAllVacancy } from './hooks/useGetAllVacancy';
 export { default as useGetAllVacancyDefault } from './hooks/useGetAllVacancy';
 export { useSavedVacancyMutations } from './hooks/useSavedVacancyMutations';
@@ -32,10 +35,15 @@ export { default as JobsClient } from './components/JobsClient';
 export type { JobsClientProps } from './components/JobsClient';
 export { default as JobDescriptionClient } from './components/JobDescriptionClient';
 export type { JobDescriptionClientProps } from './components/JobDescriptionClient';
+export { JobsSearchBar, default as JobsSearchBarDefault } from './components/JobsSearchBar';
+export type { JobsSearchBarProps, JobsSearchBarFilter } from './components/JobsSearchBar';
 export { RatingStars } from './components/ui/RatingStars';
 export { default as IndustrySelect } from './components/ui/IndustrySelect';
 export { default as DesignationSelect } from './components/ui/DesignationSelect';
 export { MultiSelectOptions } from './components/ui/MultiSelectOptions';
 export type { MultiSelectOptionsProps } from './components/ui/MultiSelectOptions';
+export { Input } from './components/ui/Input';
+export type { InputProps } from './components/ui/Input';
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, } from './components/ui/Dialog';
 export * from './career-personality-test';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -10,6 +10,7 @@ export { useDebounce } from './hooks/useDebounce';
 export { useIndustries } from './hooks/useIndustries';
 export { useDesignations } from './hooks/useDesignations';
 export { useSkills } from './hooks/useSkills';
+export { useVacancyCategories } from './hooks/useVacancyCategories';
 // Hooks
 export { useGetAllVacancy } from './hooks/useGetAllVacancy';
 export { default as useGetAllVacancyDefault } from './hooks/useGetAllVacancy';
@@ -24,10 +25,13 @@ export { useEasyApplyFormHook, easyApplyUserSchema, screeningAnswerSchema, scree
 // Components
 export { default as JobsClient } from './components/JobsClient';
 export { default as JobDescriptionClient } from './components/JobDescriptionClient';
+export { JobsSearchBar, default as JobsSearchBarDefault } from './components/JobsSearchBar';
 // UI Components
 export { RatingStars } from './components/ui/RatingStars';
 export { default as IndustrySelect } from './components/ui/IndustrySelect';
 export { default as DesignationSelect } from './components/ui/DesignationSelect';
 export { MultiSelectOptions } from './components/ui/MultiSelectOptions';
+export { Input } from './components/ui/Input';
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, } from './components/ui/Dialog';
 // Career Personality Test
 export * from './career-personality-test';

package/dist/types/vacancy-category.d.ts

@@ -0,0 +1,19 @@
+/** Vacancy category (from /vacancy/categories API) - supports both title (Recruit) and name (Intern) */
+export interface VacancyCategory {
+    id?: string | number;
+    title?: string;
+    name?: string;
+    description?: string;
+    [key: string]: unknown;
+}
+/** API response shape for paginated categories */
+export interface VacancyCategoryAPIRes {
+    data?: {
+        data?: VacancyCategory[];
+        pagination?: {
+            nextPage?: number;
+        };
+    };
+    [key: string]: unknown;
+}
+//# sourceMappingURL=vacancy-category.d.ts.map

package/dist/types/vacancy-category.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vacancy-category.d.ts","sourceRoot":"","sources":["../../src/types/vacancy-category.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,kDAAkD;AAClD,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;QACzB,UAAU,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACpC,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

package/dist/types/vacancy-category.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recruitnepal/shared-packages",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "description": "Shared hooks, API client, types and utils for Recruit Nepal (CV builder UI and preprocess stay in each repo)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -29,6 +29,7 @@
     "tailwind-merge": "^2.5.0",
     "cmdk": "^1.0.0",
     "class-variance-authority": "^0.7.0",
+    "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-popover": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "react-intersection-observer": "^9.16.0",
@@ -41,6 +42,7 @@
     "lucide-react": "^0.460.0",
     "cmdk": "^1.0.0",
     "class-variance-authority": "^0.7.0",
+    "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-popover": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "react-intersection-observer": "^9.16.0",