@recruitnepal/shared-packages 1.7.1 → 1.7.2

package/dist/components/cv-builder/forms/SkillsForm.js

@@ -0,0 +1,250 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useCallback, useMemo } from 'react';
+import { useForm, useFieldArray } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, } from '@/components/ui/form';
+import { Input } from '@/components/ui/input';
+import { Textarea } from '@/components/ui/textarea';
+import { Button } from '@/components/ui/button';
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from '@/components/ui/accordion';
+import { Plus, Trash2 } from 'lucide-react';
+import { useCvPreview } from '@/stores/cvPreview.store';
+import { useCvDraftsStore } from '@/stores/cvDrafts.store';
+import { MultiSelectOptions } from '@/components/multi-select';
+import { useSkills } from '@/hooks/api/useSkills';
+import { monthsDropdown, yearsDropdown } from '@/utils/commonDropdownOptions';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select';
+import NoData from '@/components/common/no-data';
+const dateSchema = z.object({
+    year: z
+        .union([
+        z.number().int().gte(1000).lte(9999),
+        z.string().regex(/^\d{4}$/, 'Year must be a 4-digit number'),
+    ])
+        .transform((val) => (typeof val === 'string' ? Number(val) : val)),
+    month: z
+        .union([
+        z.number().int().gte(1).lte(12),
+        z.string().regex(/^([1-9]|1[0-2])$/, 'Month must be between 1 and 12'),
+    ])
+        .transform((val) => (typeof val === 'string' ? Number(val) : val)),
+    day: z
+        .union([
+        z.number().int().default(1),
+        z.string().transform((val) => Number(val)),
+    ])
+        .default(1),
+});
+const skillTrainingSchema = z.object({
+    id: z.string().optional(),
+    institute_name: z.string().min(1, { message: 'Institute Name is required' }),
+    course_name: z.string().min(1, { message: 'Course Name is required' }),
+    description: z.string().min(1, { message: 'Description is required' }),
+    skills: z
+        .array(z.string())
+        .min(1, { message: 'Please add at least one skill.' }),
+    start: dateSchema,
+    end: dateSchema,
+    training_url: z.string().url().optional().or(z.literal('')),
+});
+const skillTrainingFormSchema = z.object({
+    trainingEntries: z.array(skillTrainingSchema).min(0),
+    // Global skills field
+    globalSkills: z.array(z.string()).min(0),
+});
+export default function SkillsForm() {
+    const { live, setSections } = useCvPreview();
+    const { getCurrentDraft, updateDraft } = useCvDraftsStore();
+    const { skillsQuery: infiniteSkillsQuery } = useSkills();
+    // Extract trainings from live data
+    const trainingsList = useMemo(() => {
+        return (live?.sections?.trainings && Array.isArray(live.sections.trainings))
+            ? live.sections.trainings
+            : [];
+    }, [live?.sections?.trainings]);
+    // Extract global skills
+    const skillsCategory = live?.sections?.skills?.[0];
+    const skillsList = skillsCategory?.skills || [];
+    const skillsArray = skillsList.map(s => s.name).filter(Boolean);
+    // Transform trainings to form format
+    const defaultTrainings = useMemo(() => {
+        return trainingsList.map((t) => ({
+            id: t.id,
+            institute_name: t.institute || '',
+            course_name: t.course || '',
+            description: t.description || '',
+            skills: t.skills || [],
+            start: t.startDate
+                ? {
+                    year: new Date(t.startDate).getFullYear(),
+                    month: new Date(t.startDate).getMonth() + 1,
+                    day: 1,
+                }
+                : { year: new Date().getFullYear(), month: 1, day: 1 },
+            end: t.endDate
+                ? {
+                    year: new Date(t.endDate).getFullYear(),
+                    month: new Date(t.endDate).getMonth() + 1,
+                    day: 1,
+                }
+                : { year: new Date().getFullYear(), month: 1, day: 1 },
+            training_url: t.url || '',
+        }));
+    }, [trainingsList]);
+    const form = useForm({
+        resolver: zodResolver(skillTrainingFormSchema),
+        defaultValues: {
+            trainingEntries: defaultTrainings.length > 0 ? defaultTrainings : [],
+            globalSkills: skillsArray,
+        },
+    });
+    const { fields, append, remove } = useFieldArray({
+        control: form.control,
+        name: 'trainingEntries',
+    });
+    // Track if we've initialized to prevent reset loops
+    const initializedRef = useRef(false);
+    const prevTrainingsRef = useRef('');
+    const prevSkillsRef = useRef('');
+    useEffect(() => {
+        const currentTrainingsStr = JSON.stringify(defaultTrainings);
+        // Only reset if:
+        // 1. We haven't initialized yet
+        // 2. OR the data actually changed from an external source (different structure)
+        if (!initializedRef.current) {
+            form.reset({
+                trainingEntries: defaultTrainings.length > 0 ? defaultTrainings : [],
+                globalSkills: skillsArray,
+            });
+            initializedRef.current = true;
+            prevTrainingsRef.current = currentTrainingsStr;
+            prevSkillsRef.current = JSON.stringify(skillsArray);
+        }
+        else {
+            // Only reset if the structure changed significantly (e.g., loading a draft)
+            const prevTrainings = JSON.parse(prevTrainingsRef.current || '[]');
+            const currentIds = defaultTrainings.map(e => e.id).sort().join(',');
+            const prevIds = prevTrainings.map((e) => e.id).sort().join(',');
+            // Only reset trainings if IDs changed (new draft loaded) or count changed significantly
+            if (currentIds !== prevIds || Math.abs(defaultTrainings.length - prevTrainings.length) > 0) {
+                form.reset({
+                    trainingEntries: defaultTrainings.length > 0 ? defaultTrainings : [],
+                    globalSkills: skillsArray,
+                });
+                prevTrainingsRef.current = currentTrainingsStr;
+                prevSkillsRef.current = JSON.stringify(skillsArray);
+            }
+            else {
+                const currentSkillsStr = JSON.stringify(skillsArray);
+                if (prevSkillsRef.current !== currentSkillsStr) {
+                    // Only update globalSkills if it changed from external source
+                    // Don't reset if user is typing (that would be handled by the watch)
+                    form.setValue('globalSkills', skillsArray);
+                    prevSkillsRef.current = currentSkillsStr;
+                }
+            }
+        }
+    }, [defaultTrainings, skillsArray, form]);
+    const debRefTrainings = useRef(null);
+    const debRefSkills = useRef(null);
+    // Format "YYYY-MM" safely from {year, month}
+    const mapTrainings = useCallback((rows) => {
+        const ymToStr = (ym) => ym?.year && ym?.month
+            ? `${String(ym.year).padStart(4, '0')}-${String(ym.month).padStart(2, '0')}`
+            : undefined;
+        return (rows ?? []).map((t, i) => ({
+            id: String(t.id ?? `tmp-training-${i}`),
+            course: t.course_name || '',
+            institute: t.institute_name || '',
+            description: t.description || '',
+            skills: Array.isArray(t.skills) ? t.skills : [],
+            startDate: ymToStr(t.start),
+            endDate: ymToStr(t.end),
+            url: t.training_url || '',
+        }));
+    }, []);
+    const pushTrainings = useCallback((rows) => {
+        if (debRefTrainings.current)
+            clearTimeout(debRefTrainings.current);
+        const payload = mapTrainings(rows);
+        debRefTrainings.current = window.setTimeout(() => {
+            setSections({ trainings: payload });
+        }, 160);
+    }, [setSections, mapTrainings]);
+    const pushSkills = useCallback((skillsArray) => {
+        if (debRefSkills.current)
+            clearTimeout(debRefSkills.current);
+        debRefSkills.current = window.setTimeout(() => {
+            const skillNames = skillsArray.filter(Boolean);
+            if (skillNames.length === 0) {
+                setSections({ skills: [] });
+                return;
+            }
+            const templateSkills = skillNames.map(name => ({ name }));
+            const category = {
+                id: 'all-skills',
+                category: 'Skills',
+                skills: templateSkills,
+            };
+            setSections({ skills: [category] });
+        }, 300);
+    }, [setSections]);
+    // Watch form changes for trainings
+    useEffect(() => {
+        const sub = form.watch((_v, { name }) => {
+            if (!name?.startsWith('trainingEntries'))
+                return;
+            pushTrainings(form.getValues().trainingEntries ?? []);
+        });
+        // bootstrap once
+        pushTrainings(form.getValues().trainingEntries ?? []);
+        return () => {
+            sub?.unsubscribe?.();
+            if (debRefTrainings.current)
+                clearTimeout(debRefTrainings.current);
+        };
+    }, [form, pushTrainings]);
+    // Watch global skills
+    useEffect(() => {
+        const sub = form.watch((v) => {
+            if (Array.isArray(v.globalSkills)) {
+                const skills = v.globalSkills.filter((s) => typeof s === 'string' && s.length > 0);
+                pushSkills(skills);
+            }
+            else {
+                pushSkills([]);
+            }
+        });
+        return () => {
+            sub?.unsubscribe?.();
+            if (debRefSkills.current)
+                clearTimeout(debRefSkills.current);
+        };
+    }, [form, pushSkills]);
+    // Update draft when data changes
+    useEffect(() => {
+        const currentDraft = getCurrentDraft();
+        if (currentDraft && live) {
+            updateDraft(currentDraft.id, {
+                cv_data: live,
+            });
+        }
+    }, [live, getCurrentDraft, updateDraft]);
+    return (_jsxs("div", { className: "mb-6", children: [_jsx("h1", { className: "text-2xl mb-2 font-medium", children: "Skills & Trainings" }), _jsx("p", { className: "text-sm mb-6", children: "Add your skills and training certifications." }), _jsx(Form, { ...form, children: _jsxs("form", { className: "space-y-6", children: [_jsx("div", { className: "mb-6", children: _jsx(FormField, { control: form.control, name: "globalSkills", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Skills" }), _jsx(FormControl, { children: _jsx(MultiSelectOptions, { value: field.value || [], onChange: field.onChange, options: [], query: infiniteSkillsQuery }) }), _jsx(FormMessage, {})] })) }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-medium mb-4", children: "Trainings & Certifications" }), !fields.length && _jsx(NoData, {}), fields.map((field, index) => (_jsx(Accordion, { type: "single", collapsible: true, children: _jsxs(AccordionItem, { value: `training-${index}`, className: "border-none", children: [_jsxs("div", { className: "flex items-center justify-between bg-primary/10 py-3 px-4 rounded-xl accordion-grow", children: [_jsx(AccordionTrigger, { className: "h-[50px] flex-grow hover:no-underline p-0", children: _jsx("div", { className: "flex items-center justify-between w-full", children: _jsxs("div", { className: "flex flex-col items-start", children: [_jsx("p", { className: "text-base font-semibold", children: form.watch(`trainingEntries.${index}.course_name`) || 'New Training Entry' }), _jsx("p", { className: "text-sm font-light", children: form.watch(`trainingEntries.${index}.institute_name`) })] }) }) }), _jsx("div", { className: "pl-3 border-l border-black/60 ml-4", children: _jsx(Button, { variant: "link", type: "button", size: "sm", onClick: (e) => {
+                                                                e.stopPropagation();
+                                                                remove(index);
+                                                            }, className: "h-8 w-8 p-0 hover:text-destructive", children: _jsx(Trash2, { size: 20, className: "text-text-primary hover:text-destructive" }) }) })] }), _jsx(AccordionContent, { children: _jsx("div", { className: "p-4 pt-0", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(FormField, { control: form.control, name: `trainingEntries.${index}.institute_name`, render: ({ field }) => (_jsxs(FormItem, { className: "w-full", children: [_jsx(FormLabel, { children: "Institution Name" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "Enter Institution Name", ...field }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: `trainingEntries.${index}.course_name`, render: ({ field }) => (_jsxs(FormItem, { className: "w-full", children: [_jsx(FormLabel, { children: "Course Name" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "Enter course name", ...field }) }), _jsx(FormMessage, {})] })) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx(FormLabel, { children: "Start Date" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(FormField, { control: form.control, name: `trainingEntries.${index}.start.month`, render: ({ field }) => (_jsxs(FormItem, { className: "w-full", children: [_jsxs(Select, { onValueChange: (val) => field.onChange(Number(val)), value: field.value?.toString(), children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Month" }) }) }), _jsx(SelectContent, { children: monthsDropdown.map((month) => (_jsx(SelectItem, { value: month.value.toString(), children: month.label }, month.value))) })] }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: `trainingEntries.${index}.start.year`, render: ({ field }) => (_jsxs(FormItem, { className: "w-full", children: [_jsxs(Select, { onValueChange: (val) => field.onChange(Number(val)), value: field.value?.toString(), children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Year" }) }) }), _jsx(SelectContent, { children: yearsDropdown.map((year) => (_jsx(SelectItem, { value: year, children: year }, year))) })] }), _jsx(FormMessage, {})] })) })] })] }), _jsxs("div", { children: [_jsx(FormLabel, { children: "End Date" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(FormField, { control: form.control, name: `trainingEntries.${index}.end.month`, render: ({ field }) => (_jsxs(FormItem, { className: "w-full", children: [_jsxs(Select, { onValueChange: (val) => field.onChange(Number(val)), value: field.value?.toString(), children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Month" }) }) }), _jsx(SelectContent, { children: monthsDropdown.map((month) => (_jsx(SelectItem, { value: month.value.toString(), children: month.label }, month.value))) })] }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: `trainingEntries.${index}.end.year`, render: ({ field }) => (_jsxs(FormItem, { className: "w-full", children: [_jsxs(Select, { onValueChange: (val) => field.onChange(Number(val)), value: field.value?.toString(), children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Year" }) }) }), _jsx(SelectContent, { children: yearsDropdown.map((year) => (_jsx(SelectItem, { value: year, children: year }, year))) })] }), _jsx(FormMessage, {})] })) })] })] })] }), _jsx(FormField, { control: form.control, name: `trainingEntries.${index}.description`, render: ({ field }) => (_jsxs(FormItem, { className: "w-full", children: [_jsx(FormLabel, { children: "Training Description" }), _jsx(FormControl, { children: _jsx(Textarea, { placeholder: "Start Typing...", ...field }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: `trainingEntries.${index}.training_url`, render: ({ field }) => (_jsxs(FormItem, { className: "w-full", children: [_jsx(FormLabel, { children: "Training URL (optional)" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "https://example.com/certificate", ...field }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: `trainingEntries.${index}.skills`, render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Skills Acquired" }), _jsx(FormControl, { children: _jsx(MultiSelectOptions, { value: field.value || [], onChange: field.onChange, options: [], query: infiniteSkillsQuery }) }), _jsx(FormMessage, {})] })) })] }) }) })] }) }, field.id))), _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "text-primary w-fit", onClick: () => {
+                                        append({
+                                            id: undefined,
+                                            institute_name: '',
+                                            course_name: '',
+                                            description: '',
+                                            skills: [],
+                                            start: { year: new Date().getFullYear(), month: 1, day: 1 },
+                                            end: { year: new Date().getFullYear(), month: 1, day: 1 },
+                                            training_url: '',
+                                        });
+                                    }, children: [_jsx(Plus, { className: "h-4 w-4 mr-1" }), " Add Training"] })] })] }) })] }));
+}

package/dist/index.d.ts

@@ -44,6 +44,7 @@ export { useCvDraftsStore } from './stores/cvDrafts.store';
 export { default as TemplateRenderer } from './components/cv/TemplateRenderer';
 export type { CvTemplateRegistry, TemplateRendererProps } from './components/cv/TemplateRenderer';
 export { default as TemplatePicker } from './components/cv/TemplatePicker';
+export { default as ResponsivePreview } from './components/cv/ResponsivePreview';
 export type { TemplatePickerProps } from './components/cv/TemplatePicker';
 export { generateSampleTemplateData } from './components/cv/TemplatePicker';
 export { RatingStars } from './components/ui/RatingStars';

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

@@ -34,6 +34,7 @@ export { useCvDraftsStore } from './stores/cvDrafts.store';
 // CV Builder: components (registry-based; no templates in package)
 export { default as TemplateRenderer } from './components/cv/TemplateRenderer';
 export { default as TemplatePicker } from './components/cv/TemplatePicker';
+export { default as ResponsivePreview } from './components/cv/ResponsivePreview';
 export { generateSampleTemplateData } from './components/cv/TemplatePicker';
 // UI Components
 export { RatingStars } from './components/ui/RatingStars';

package/package.json

@@ -1,51 +1,50 @@
-{
-    "name":  "@recruitnepal/shared-packages",
-    "version":  "1.7.1",
-    "description":  "Shared UI components and hooks for Recruit Nepal projects",
-    "main":  "dist/index.js",
-    "types":  "dist/index.d.ts",
-    "scripts":  {
-                    "build":  "tsc",
-                    "dev":  "tsc --watch",
-                    "prepublishOnly":  "npm run build"
-                },
-    "keywords":  [
-                     "react",
-                     "nextjs",
-                     "recruit-nepal",
-                     "shared-components",
-                     "cv-builder"
-                 ],
-    "author":  "",
-    "license":  "MIT",
-    "peerDependencies":  {
-                             "react":  "^18.2.0",
-                             "react-dom":  "^18.2.0",
-                             "@tanstack/react-query":  "^5.50.0",
-                             "zod":  "^3.22.0",
-                             "react-hook-form":  "^7.49.0",
-                             "@hookform/resolvers":  "^3.3.0",
-                            "zustand":  "^4.5.0 || ^5.0.0",
-                            "lucide-react":  ">=0.263.0",
-                            "@radix-ui/react-popover":  "^1.0.0",
-                            "cmdk":  "^1.0.0"
-                        },
-    "dependencies":  {
-                         "axios":  "^1.7.8"
-                     },
-    "devDependencies":  {
-                            "@types/node":  "^20.11.17",
-                            "@types/react":  "^18.2.55",
-                            "@types/react-dom":  "^18.2.19",
-                            "typescript":  "^5.3.3",
-                            "zod":  "^3.22.0",
-                            "react-hook-form":  "^7.49.0",
-                            "@hookform/resolvers":  "^3.3.0",
-                            "zustand":  "^4.5.0"
-                        },
-    "files":  [
-                  "dist",
-                  "README.md"
-              ]
-}
-
+{
+  "name": "@recruitnepal/shared-packages",
+  "version": "1.7.2",
+  "description": "Shared UI components and hooks for Recruit Nepal projects",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "nextjs",
+    "recruit-nepal",
+    "shared-components",
+    "cv-builder"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@tanstack/react-query": "^5.50.0",
+    "zod": "^3.22.0",
+    "react-hook-form": "^7.49.0",
+    "@hookform/resolvers": "^3.3.0",
+    "zustand": "^4.5.0 || ^5.0.0",
+    "lucide-react": ">=0.263.0",
+    "@radix-ui/react-popover": "^1.0.0",
+    "cmdk": "^1.0.0"
+  },
+  "dependencies": {
+    "axios": "^1.7.8"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.17",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "typescript": "^5.3.3",
+    "zod": "^3.22.0",
+    "react-hook-form": "^7.49.0",
+    "@hookform/resolvers": "^3.3.0",
+    "zustand": "^4.5.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ]
+}