@ginia/ui 0.1.1

package/dist/components/domain/resume/resume.js

@@ -0,0 +1,326 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import html2canvas from "html2canvas";
+import { jsPDF } from "jspdf";
+import { ResumeEditor } from "@/components/domain/resume/resume-editor/resume-editor";
+import { ResumePreview } from "@/components/domain/resume/resume-preview/resume-preview";
+import { Button } from "@/components/ui/button";
+import { Download, Edit, Loader2, Save, X } from "lucide-react";
+import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetClose } from "@/components/ui/sheet";
+function calculateDiffs(original, current) {
+  const candidateData = {};
+  if (original.student_education_institution_id !== current.student_education_institution_id) candidateData.student_education_institution_id = current.student_education_institution_id;
+  if (original.education_institution_id !== current.education_institution_id) candidateData.education_institution_id = current.education_institution_id;
+  if (original.program_name !== current.program_name) candidateData.program_name = current.program_name;
+  if (JSON.stringify(original.preferences) !== JSON.stringify(current.preferences)) candidateData.preferences = current.preferences;
+  if (JSON.stringify(original.advanced) !== JSON.stringify(current.advanced)) candidateData.advanced = current.advanced;
+  const userData = {};
+  const userFields = ["first_name", "middle_name", "last_name", "second_last_name", "phone_number", "phone_number_2", "email", "city", "address", "postal_code", "birth_date", "photo_url"];
+  userFields.forEach((field) => {
+    if (original[field] !== current[field]) {
+      userData[field] = current[field];
+    }
+  });
+  const calculateArrayDiff = (origArray = [], currArray = []) => {
+    const changes = [];
+    const origMap = new Map(origArray.map((item) => [item.id, item]));
+    currArray.forEach((currItem) => {
+      const origItem = origMap.get(currItem.id);
+      if (!origItem) {
+        changes.push({ action: "create", data: currItem });
+      } else if (JSON.stringify(origItem) !== JSON.stringify(currItem)) {
+        changes.push({ action: "update", data: currItem, id: currItem.id });
+      }
+    });
+    const currMap = new Map(currArray.map((item) => [item.id, item]));
+    origArray.forEach((origItem) => {
+      if (!currMap.has(origItem.id)) {
+        changes.push({ action: "delete", id: origItem.id });
+      }
+    });
+    return changes;
+  };
+  const experiencesDiff = [
+    ...calculateArrayDiff(original.work_experience, current.work_experience),
+    ...calculateArrayDiff(original.education, current.education),
+    ...calculateArrayDiff(original.activities, current.activities)
+  ];
+  const hwOrig = original.skills?.hard || [];
+  const hwCurr = current.skills?.hard || [];
+  const swOrig = original.skills?.soft || [];
+  const swCurr = current.skills?.soft || [];
+  const skillsDiff = [
+    ...calculateArrayDiff(hwOrig, hwCurr),
+    ...calculateArrayDiff(swOrig, swCurr)
+  ];
+  return {
+    candidate: {
+      action: Object.keys(candidateData).length > 0 ? "update" : "none",
+      data: candidateData
+    },
+    user: {
+      action: Object.keys(userData).length > 0 ? "update" : "none",
+      data: userData
+    },
+    curriculum: {
+      action: original.summary !== current.summary ? "update" : "none",
+      data: { summary: current.summary }
+    },
+    experiences: experiencesDiff,
+    skills: skillsDiff,
+    certifications: calculateArrayDiff(original.certifications, current.certifications)
+  };
+}
+function Resume({
+  data,
+  editable = false,
+  headerSlot,
+  withDownload = false,
+  theme = "hsl(var(--secondary))",
+  hideFields = [],
+  hideSections = [],
+  menuSlot = [],
+  onSave
+}) {
+  const themeStyle = theme ? { "--cv-theme": theme } : void 0;
+  const [draftData, setDraftData] = useState(data);
+  const [isOpen, setIsOpen] = useState(false);
+  const [isDownloading, setIsDownloading] = useState(false);
+  const previewRef = useRef(null);
+  const handleOpenChange = (open) => {
+    if (open) {
+      setDraftData(data);
+    }
+    setIsOpen(open);
+  };
+  const handleSave = () => {
+    if (onSave) {
+      const payload = calculateDiffs(data, draftData);
+      onSave(payload, draftData);
+    }
+    setIsOpen(false);
+  };
+  const handleDownload = async () => {
+    if (!previewRef.current || isDownloading) return;
+    setIsDownloading(true);
+    try {
+      const element = previewRef.current;
+      const canvas = await html2canvas(element, {
+        scale: 2,
+        useCORS: true,
+        backgroundColor: "#ffffff",
+        logging: false,
+        windowWidth: 1200,
+        // Force desktop layout breakpoint
+        onclone: (clonedDoc) => {
+          const clonedElement = clonedDoc.getElementById("resume-capture-area");
+          if (clonedElement instanceof HTMLElement) {
+            clonedElement.style.height = "auto";
+            clonedElement.style.overflow = "visible";
+            clonedElement.style.width = "1200px";
+            const objectCoverImages = clonedElement.querySelectorAll("img.object-cover");
+            objectCoverImages.forEach((img) => {
+              if (img instanceof HTMLImageElement) {
+                const parent2 = img.parentElement;
+                if (parent2) {
+                  const div = clonedDoc.createElement("div");
+                  div.style.width = "100%";
+                  div.style.height = "100%";
+                  div.style.backgroundImage = `url(${img.src})`;
+                  div.style.backgroundSize = "cover";
+                  div.style.backgroundPosition = "center";
+                  div.style.borderRadius = window.getComputedStyle(img).borderRadius;
+                  div.className = img.className;
+                  parent2.style.marginTop = "1rem";
+                  parent2.replaceChild(div, img);
+                }
+              }
+            });
+            const hiddenElements = clonedElement.querySelectorAll(".pdf-hidden");
+            hiddenElements.forEach((el) => {
+              if (el instanceof HTMLElement) {
+                el.style.display = "none";
+              }
+            });
+            const svgs = clonedElement.querySelectorAll("svg");
+            svgs.forEach((svg) => {
+              svg.style.display = "inline-block";
+              svg.style.verticalAlign = "middle";
+              svg.style.flexShrink = "0";
+              svg.style.marginRight = "0.4rem";
+              svg.style.marginBottom = "-1.2rem";
+            });
+            const clampElements = clonedElement.querySelectorAll(".line-clamp-1, .line-clamp-2, .line-clamp-3");
+            clampElements.forEach((el) => {
+              if (el instanceof HTMLElement) {
+                el.style.display = "block";
+                el.style.webkitLineClamp = "unset";
+                el.style.webkitBoxOrient = "unset";
+                el.style.overflow = "visible";
+                el.style.whiteSpace = "normal";
+                el.style.lineHeight = "1.5";
+              }
+            });
+            const badges = clonedElement.querySelectorAll(".pdf-badge");
+            badges.forEach((el) => {
+              if (el instanceof HTMLElement) {
+                el.style.paddingTop = "-10px";
+                el.style.display = "block";
+                el.style.paddingTop = "0px";
+                el.style.paddingBottom = "0.8rem";
+              }
+            });
+            const headersWithBorders = clonedElement.querySelectorAll("h1, h2, h3, h4");
+            headersWithBorders.forEach((el) => {
+              if (el instanceof HTMLElement) {
+                const hasBorder = el.className.includes("border-b") || el.style.borderBottomWidth !== "";
+                if (hasBorder) {
+                  el.style.paddingBottom = "1.2rem";
+                }
+              }
+            });
+            const verticalLines = clonedElement.querySelectorAll(".pdf-line-v");
+            verticalLines.forEach((el) => {
+              if (el instanceof HTMLElement) {
+                el.style.marginTop = "0.5rem";
+                el.style.zIndex = "5";
+              }
+            });
+            const headerInitials = clonedElement.querySelectorAll(".pdf-header-initials");
+            headerInitials.forEach((el) => {
+              if (el instanceof HTMLElement) {
+                el.style.paddingBottom = "2rem";
+              }
+            });
+            const summaries = clonedElement.querySelectorAll(".pdf-summary");
+            summaries.forEach((el) => {
+              if (el instanceof HTMLElement) {
+                el.style.width = "100%";
+                el.style.maxWidth = "100%";
+                el.style.marginTop = "1.5rem";
+              }
+            });
+            const pdfFooters = clonedElement.querySelectorAll(".pdf-footer");
+            pdfFooters.forEach((el) => {
+              if (el instanceof HTMLElement) {
+                el.style.display = "flex";
+              }
+            });
+            let parent = clonedElement.parentElement;
+            while (parent) {
+              parent.style.height = "auto";
+              parent.style.overflow = "visible";
+              parent = parent.parentElement;
+            }
+          }
+        }
+      });
+      const imgData = canvas.toDataURL("image/jpeg", 1);
+      const imgWidthPx = canvas.width;
+      const imgHeightPx = canvas.height;
+      const pxToMm = 25.4 / (96 * 2);
+      const pdfWidth = imgWidthPx * pxToMm;
+      const pdfHeight = imgHeightPx * pxToMm;
+      const pdf = new jsPDF({
+        orientation: pdfWidth > pdfHeight ? "landscape" : "portrait",
+        unit: "mm",
+        format: [pdfWidth, pdfHeight]
+      });
+      pdf.addImage(imgData, "JPEG", 0, 0, pdfWidth, pdfHeight, void 0, "FAST");
+      const fileName = `CV_${data.first_name}_${data.last_name}`.replace(/\s+/g, "_");
+      pdf.save(`${fileName}.pdf`);
+    } catch (error) {
+      console.error("Error generating PDF:", error);
+    } finally {
+      setIsDownloading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "relative w-full h-full bg-muted/20 py-8 px-4 sm:px-8 overflow-y-auto",
+      style: themeStyle,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "w-full max-w-5xl mx-auto h-full", children: /* @__PURE__ */ jsx(
+          ResumePreview,
+          {
+            ref: previewRef,
+            data: draftData,
+            headerSlot,
+            theme,
+            hideFields,
+            hideSections
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "fixed bottom-6 right-6 z-50 flex flex-col sm:flex-row gap-3", children: [
+          editable && /* @__PURE__ */ jsxs(Sheet, { open: isOpen, onOpenChange: handleOpenChange, children: [
+            /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "lg",
+                className: "shadow-xl rounded-full px-4 flex items-center gap-2 bg-primary text-primary-foreground hover:bg-primary/90",
+                children: [
+                  /* @__PURE__ */ jsx(Edit, { className: "w-5 h-5" }),
+                  /* @__PURE__ */ jsx("span", { className: "hidden sm:inline font-semibold", children: "Editar" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              SheetContent,
+              {
+                side: "right",
+                showCloseButton: false,
+                className: "w-full sm:max-w-md md:max-w-2xl p-0 flex flex-col overflow-hidden bg-card",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-6 pb-2", children: [
+                    /* @__PURE__ */ jsx(SheetTitle, { className: "text-2xl font-bold text-foreground", children: "Editar" }),
+                    /* @__PURE__ */ jsxs(SheetClose, { className: "rounded-full p-2 hover:bg-muted transition-colors opacity-70 hover:opacity-100", children: [
+                      /* @__PURE__ */ jsx(X, { className: "w-6 h-6 text-foreground" }),
+                      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Cerrar" })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-6 pb-6 pt-2", children: /* @__PURE__ */ jsx(
+                    ResumeEditor,
+                    {
+                      data: draftData,
+                      onChange: setDraftData,
+                      theme,
+                      hideFields,
+                      hideSections,
+                      menuSlot
+                    }
+                  ) }),
+                  onSave && /* @__PURE__ */ jsxs("div", { className: " p-4 flex justify-end gap-3", children: [
+                    /* @__PURE__ */ jsx(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Cancelar" }) }),
+                    /* @__PURE__ */ jsxs(Button, { onClick: handleSave, className: "gap-2", children: [
+                      /* @__PURE__ */ jsx(Save, { className: "w-4 h-4" }),
+                      "Guardar"
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          withDownload && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              size: "lg",
+              variant: "ghost",
+              disabled: isDownloading,
+              onClick: handleDownload,
+              className: "shadow-xl rounded-full px-4 flex items-center gap-2 text-secondary text-purple-800 bg-purple-200",
+              children: [
+                isDownloading ? /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 animate-spin" }) : /* @__PURE__ */ jsx(Download, { className: "w-5 h-5" }),
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline font-semibold", children: isDownloading ? "Generando..." : "Descargar" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Resume
+};
+//# sourceMappingURL=resume.js.map

package/dist/components/domain/resume/resume.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/domain/resume/resume.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport html2canvas from \"html2canvas\";\nimport { jsPDF } from \"jspdf\";\nimport { CandidateProfile, ResumeProps, ResumeSavePayload, Action } from \"@/components/domain/resume/types\";\nimport { ResumeEditor } from \"@/components/domain/resume/resume-editor/resume-editor\";\nimport { ResumePreview } from \"@/components/domain/resume/resume-preview/resume-preview\";\nimport { Button } from \"@/components/ui/button\";\nimport { Download, Edit, Loader2, Save, X } from \"lucide-react\";\nimport { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetClose } from \"@/components/ui/sheet\";\n\nfunction calculateDiffs(original: CandidateProfile, current: CandidateProfile): ResumeSavePayload {\n    // Determine diff for candidate table (academic info etc)\n    const candidateData: Partial<CandidateProfile> = {};\n    if (original.student_education_institution_id !== current.student_education_institution_id) candidateData.student_education_institution_id = current.student_education_institution_id;\n    if (original.education_institution_id !== current.education_institution_id) candidateData.education_institution_id = current.education_institution_id;\n    if (original.program_name !== current.program_name) candidateData.program_name = current.program_name;\n    if (JSON.stringify(original.preferences) !== JSON.stringify(current.preferences)) candidateData.preferences = current.preferences;\n    if (JSON.stringify(original.advanced) !== JSON.stringify(current.advanced)) candidateData.advanced = current.advanced;\n\n    // Determine diff for user table (personal info)\n    const userData: Partial<CandidateProfile> = {};\n    const userFields: (keyof CandidateProfile)[] = ['first_name', 'middle_name', 'last_name', 'second_last_name', 'phone_number', 'phone_number_2', 'email', 'city', 'address', 'postal_code', 'birth_date', 'photo_url'];\n    userFields.forEach(field => {\n        if (original[field] !== current[field]) {\n            // @ts-expect-error - jspdf types are a bit funky\n            userData[field] = current[field];\n        }\n    });\n\n    // Helper for array diffs\n    const calculateArrayDiff = (origArray: any[] = [], currArray: any[] = []) => {\n        const changes: any[] = [];\n        const origMap = new Map(origArray.map(item => [item.id, item]));\n\n        currArray.forEach(currItem => {\n            const origItem = origMap.get(currItem.id);\n            if (!origItem) {\n                // New item\n                changes.push({ action: 'create' as Action, data: currItem });\n            } else if (JSON.stringify(origItem) !== JSON.stringify(currItem)) {\n                // Updated item\n                changes.push({ action: 'update' as Action, data: currItem, id: currItem.id });\n            }\n        });\n\n        const currMap = new Map(currArray.map(item => [item.id, item]));\n        origArray.forEach(origItem => {\n            if (!currMap.has(origItem.id)) {\n                // Deleted item\n                changes.push({ action: 'delete' as Action, id: origItem.id });\n            }\n        });\n\n        return changes;\n    };\n\n    const experiencesDiff = [\n        ...calculateArrayDiff(original.work_experience, current.work_experience),\n        ...calculateArrayDiff(original.education, current.education),\n        ...calculateArrayDiff(original.activities, current.activities)\n    ];\n\n    const hwOrig = original.skills?.hard || [];\n    const hwCurr = current.skills?.hard || [];\n    const swOrig = original.skills?.soft || [];\n    const swCurr = current.skills?.soft || [];\n\n    const skillsDiff = [\n        ...calculateArrayDiff(hwOrig, hwCurr),\n        ...calculateArrayDiff(swOrig, swCurr)\n    ];\n\n    return {\n        candidate: {\n            action: Object.keys(candidateData).length > 0 ? 'update' : 'none',\n            data: candidateData\n        },\n        user: {\n            action: Object.keys(userData).length > 0 ? 'update' : 'none',\n            data: userData\n        },\n        curriculum: {\n            action: original.summary !== current.summary ? 'update' : 'none',\n            data: { summary: current.summary }\n        },\n        experiences: experiencesDiff,\n        skills: skillsDiff,\n        certifications: calculateArrayDiff(original.certifications, current.certifications)\n    };\n}\n\nexport function Resume({\n    data,\n    editable = false,\n    headerSlot,\n    withDownload = false,\n    theme = \"hsl(var(--secondary))\",\n    hideFields = [],\n    hideSections = [],\n    menuSlot = [],\n    onSave,\n}: ResumeProps) {\n    const themeStyle = theme ? { \"--cv-theme\": theme } as React.CSSProperties : undefined;\n    const [draftData, setDraftData] = useState<CandidateProfile>(data);\n    const [isOpen, setIsOpen] = useState(false);\n    const [isDownloading, setIsDownloading] = useState(false);\n    const previewRef = useRef<HTMLDivElement>(null);\n\n    const handleOpenChange = (open: boolean) => {\n        if (open) {\n            setDraftData(data);\n        }\n        setIsOpen(open);\n    };\n\n    const handleSave = () => {\n        if (onSave) {\n            const payload = calculateDiffs(data, draftData);\n            onSave(payload, draftData);\n        }\n        setIsOpen(false);\n    };\n\n    const handleDownload = async () => {\n        if (!previewRef.current || isDownloading) return;\n        setIsDownloading(true);\n\n        try {\n            const element = previewRef.current;\n            const canvas = await html2canvas(element, {\n                scale: 2,\n                useCORS: true,\n                backgroundColor: \"#ffffff\",\n                logging: false,\n                windowWidth: 1200, // Force desktop layout breakpoint\n                onclone: (clonedDoc) => {\n                    const clonedElement = clonedDoc.getElementById(\"resume-capture-area\");\n                    if (clonedElement instanceof HTMLElement) {\n                        clonedElement.style.height = \"auto\";\n                        clonedElement.style.overflow = \"visible\";\n                        clonedElement.style.width = \"1200px\";\n\n                        // Fix for images with object-fit: cover not being respected by html2canvas\n                        const objectCoverImages = clonedElement.querySelectorAll(\"img.object-cover\");\n                        objectCoverImages.forEach((img) => {\n                            if (img instanceof HTMLImageElement) {\n                                const parent = img.parentElement;\n                                if (parent) {\n                                    // Replace img with a div that has background-image: cover\n                                    const div = clonedDoc.createElement(\"div\");\n                                    div.style.width = \"100%\";\n                                    div.style.height = \"100%\";\n                                    div.style.backgroundImage = `url(${img.src})`;\n                                    div.style.backgroundSize = \"cover\";\n                                    div.style.backgroundPosition = \"center\";\n                                    div.style.borderRadius = window.getComputedStyle(img).borderRadius;\n                                    div.className = img.className;\n                                    parent.style.marginTop = \"1rem\"\n                                    parent.replaceChild(div, img);\n                                }\n                            }\n                        });\n\n                        // Hide elements marked as hidden for PDF\n                        const hiddenElements = clonedElement.querySelectorAll(\".pdf-hidden\");\n                        hiddenElements.forEach((el) => {\n                            if (el instanceof HTMLElement) {\n                                el.style.display = \"none\";\n                            }\n                        });\n\n                        // Fix SVG vertical alignment for html2canvas\n                        // html2canvas doesn't properly handle flex align-items with SVGs\n                        const svgs = clonedElement.querySelectorAll(\"svg\");\n                        svgs.forEach((svg) => {\n                            svg.style.display = \"inline-block\";\n                            svg.style.verticalAlign = \"middle\";\n                            svg.style.flexShrink = \"0\";\n                            svg.style.marginRight = \"0.4rem\";\n                            svg.style.marginBottom = \"-1.2rem\";\n                        });\n\n                        // Fix line-clamp which causes text vertical cut-offs in html2canvas\n                        const clampElements = clonedElement.querySelectorAll(\".line-clamp-1, .line-clamp-2, .line-clamp-3\");\n                        clampElements.forEach((el) => {\n                            if (el instanceof HTMLElement) {\n                                el.style.display = \"block\";\n                                el.style.webkitLineClamp = \"unset\";\n                                el.style.webkitBoxOrient = \"unset\";\n                                el.style.overflow = \"visible\";\n                                el.style.whiteSpace = \"normal\";\n                                el.style.lineHeight = \"1.5\";\n                            }\n                        });\n\n                        // Replace generic HTML elements like custom badges with simple spans\n                        // because html2canvas struggles with flexbox and strict borders inside round pills\n                        const badges = clonedElement.querySelectorAll(\".pdf-badge\");\n                        badges.forEach((el) => {\n                            if (el instanceof HTMLElement) {\n                                el.style.paddingTop = \"-10px\"\n                                el.style.display = \"block\";\n                                el.style.paddingTop = \"0px\";\n                                el.style.paddingBottom = \"0.8rem\";\n                            }\n                        });\n\n                        // Fix headers with bottom borders losing padding/margin\n                        const headersWithBorders = clonedElement.querySelectorAll(\"h1, h2, h3, h4\");\n                        headersWithBorders.forEach((el) => {\n                            if (el instanceof HTMLElement) {\n                                const hasBorder = el.className.includes(\"border-b\") || el.style.borderBottomWidth !== \"\";\n                                if (hasBorder) {\n                                    el.style.paddingBottom = \"1.2rem\";\n                                }\n                            }\n                        });\n\n                        // Add margin top to pdf-line-v elements\n                        const verticalLines = clonedElement.querySelectorAll(\".pdf-line-v\");\n                        verticalLines.forEach((el) => {\n                            if (el instanceof HTMLElement) {\n                                el.style.marginTop = \"0.5rem\";\n                                el.style.zIndex = \"5\"\n                            }\n                        });\n\n                        // Add margin bottom to initials in header for better alignment in PDF\n                        const headerInitials = clonedElement.querySelectorAll(\".pdf-header-initials\");\n                        headerInitials.forEach((el) => {\n                            if (el instanceof HTMLElement) {\n                                el.style.paddingBottom = \"2rem\";\n                            }\n                        });\n\n                        // Add styles to summary for PDF\n                        const summaries = clonedElement.querySelectorAll(\".pdf-summary\");\n                        summaries.forEach((el) => {\n                            if (el instanceof HTMLElement) {\n                                el.style.width = \"100%\";\n                                el.style.maxWidth = \"100%\";\n                                el.style.marginTop = \"1.5rem\";\n                            }\n                        });\n\n                        // Show footer in PDF and force grayscale for the logo\n                        const pdfFooters = clonedElement.querySelectorAll(\".pdf-footer\");\n                        pdfFooters.forEach((el) => {\n                            if (el instanceof HTMLElement) {\n                                el.style.display = \"flex\";\n                            }\n                        });\n\n                        // Also make sure parent containers don't restrict height\n                        let parent = clonedElement.parentElement;\n                        while (parent) {\n                            parent.style.height = \"auto\";\n                            parent.style.overflow = \"visible\";\n                            parent = parent.parentElement;\n                        }\n                    }\n                }\n            });\n\n            const imgData = canvas.toDataURL(\"image/jpeg\", 1);\n            const imgWidthPx = canvas.width;\n            const imgHeightPx = canvas.height;\n\n            // Convert px to mm (at 96 DPI base * scale factor)\n            const pxToMm = 25.4 / (96 * 2);\n            const pdfWidth = imgWidthPx * pxToMm;\n            const pdfHeight = imgHeightPx * pxToMm;\n\n            const pdf = new jsPDF({\n                orientation: pdfWidth > pdfHeight ? \"landscape\" : \"portrait\",\n                unit: \"mm\",\n                format: [pdfWidth, pdfHeight],\n            });\n\n            pdf.addImage(imgData, \"JPEG\", 0, 0, pdfWidth, pdfHeight, undefined, 'FAST');\n\n            const fileName = `CV_${data.first_name}_${data.last_name}`.replace(/\\s+/g, \"_\");\n            pdf.save(`${fileName}.pdf`);\n        } catch (error) {\n            console.error(\"Error generating PDF:\", error);\n        } finally {\n            setIsDownloading(false);\n        }\n    };\n\n    return (\n        <div\n            className=\"relative w-full h-full bg-muted/20 py-8 px-4 sm:px-8 overflow-y-auto\"\n            style={themeStyle}\n        >\n            {/* Preview Panel - Takes full width, centered like a document */}\n            <div className=\"w-full max-w-5xl mx-auto h-full\">\n                <ResumePreview\n                    ref={previewRef}\n                    data={draftData}\n                    headerSlot={headerSlot}\n                    theme={theme}\n                    hideFields={hideFields}\n                    hideSections={hideSections}\n                />\n            </div>\n\n            {/* Floating Action Buttons */}\n            <div className=\"fixed bottom-6 right-6 z-50 flex flex-col sm:flex-row gap-3\">\n                {editable && (\n                    <Sheet open={isOpen} onOpenChange={handleOpenChange}>\n                        <SheetTrigger asChild>\n                            <Button\n                                size=\"lg\"\n                                className=\"shadow-xl rounded-full px-4 flex items-center gap-2 bg-primary text-primary-foreground hover:bg-primary/90\"\n                            >\n                                <Edit className=\"w-5 h-5\" />\n                                <span className=\"hidden sm:inline font-semibold\">Editar</span>\n                            </Button>\n                        </SheetTrigger>\n                        {/* Drawer opens from the right side, taking good width */}\n                        <SheetContent\n                            side=\"right\"\n                            showCloseButton={false}\n                            className=\"w-full sm:max-w-md md:max-w-2xl p-0 flex flex-col overflow-hidden bg-card\"\n                        >\n                            {/* Header */}\n                            <div className=\"flex items-center justify-between p-6 pb-2\">\n                                <SheetTitle className=\"text-2xl font-bold text-foreground\">Editar</SheetTitle>\n                                <SheetClose className=\"rounded-full p-2 hover:bg-muted transition-colors opacity-70 hover:opacity-100\">\n                                    <X className=\"w-6 h-6 text-foreground\" />\n                                    <span className=\"sr-only\">Cerrar</span>\n                                </SheetClose>\n                            </div>\n\n                            {/* Scrollable editor content */}\n                            <div className=\"flex-1 overflow-y-auto px-6 pb-6 pt-2\">\n                                <ResumeEditor\n                                    data={draftData}\n                                    onChange={setDraftData}\n                                    theme={theme}\n                                    hideFields={hideFields}\n                                    hideSections={hideSections}\n                                    menuSlot={menuSlot}\n                                />\n                            </div>\n\n                            {/* Sticky save footer */}\n                            {onSave && (\n                                <div className=\" p-4 flex justify-end gap-3\">\n                                    <SheetClose asChild>\n                                        <Button variant=\"outline\">Cancelar</Button>\n                                    </SheetClose>\n                                    <Button onClick={handleSave} className=\"gap-2\">\n                                        <Save className=\"w-4 h-4\" />\n                                        Guardar\n                                    </Button>\n                                </div>\n                            )}\n                        </SheetContent>\n                    </Sheet>\n                )}\n\n                {withDownload && (\n                    <Button\n                        size=\"lg\"\n                        variant=\"ghost\"\n                        disabled={isDownloading}\n                        onClick={handleDownload}\n                        className=\"shadow-xl rounded-full px-4 flex items-center gap-2 text-secondary text-purple-800 bg-purple-200\"\n                    >\n                        {isDownloading ? (\n                            <Loader2 className=\"w-5 h-5 animate-spin\" />\n                        ) : (\n                            <Download className=\"w-5 h-5\" />\n                        )}\n                        <span className=\"hidden sm:inline font-semibold\">\n                            {isDownloading ? \"Generando...\" : \"Descargar\"}\n                        </span>\n                    </Button>\n                )}\n            </div>\n        </div>\n    );\n}\n\n"],"mappings":"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","names":["parent"]}

package/dist/components/domain/resume/types.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

package/dist/components/domain/resume/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/domain/resume/types.ts"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport type Action = \"create\" | \"update\" | \"delete\" | \"none\";\n\nexport interface CVExperienceBaseItem {\n  id: string;\n  title: string;\n  type: string;\n  institution_name?: string;\n  institution_id?: string;\n  start_date: string;\n  end_date?: string;\n  description?: string;\n}\n\nexport interface CVEducationItem extends CVExperienceBaseItem {\n  _type?: \"education\";\n}\nexport interface CVExperienceItem extends CVExperienceBaseItem {\n  _type?: \"experience\";\n}\nexport interface CVActivityItem extends CVExperienceBaseItem {\n  _type?: \"activity\";\n}\n\nexport interface ExperienceWithAction extends CVExperienceBaseItem {\n  action?: Action;\n}\n\nexport interface CVSkillItem {\n  id: string;\n  name: string;\n  verified?: boolean;\n  type?: string;\n}\n\nexport interface SkillWithAction extends CVSkillItem {\n  action?: Action;\n}\n\nexport interface CVCertificationItem {\n  id: string;\n  title: string;\n  institution_name?: string;\n  institution_id?: string;\n  date_awarded?: string;\n  verified?: boolean;\n  url?: string;\n}\n\nexport interface CertificationWithAction extends CVCertificationItem {\n  action?: Action;\n}\n\nexport interface CVDocumentItem {\n  id: string;\n  document_type?: string;\n  document_status?: string;\n  document_url?: string;\n  appointment_date?: string;\n  comments?: string;\n}\n\nexport interface DocumentWithAction extends CVDocumentItem {\n  action?: Action;\n}\n\nexport interface CandidateProfile {\n  // Información personal (from user table)\n  photo_url?: string;\n  first_name: string;\n  middle_name?: string;\n  last_name: string;\n  second_last_name?: string;\n  phone_number?: string;\n  phone_number_2?: string;\n  email?: string;\n  city?: string;\n  address?: string;\n  postal_code?: string;\n  birth_date?: string;\n\n  // Curriculum (from curriculum table)\n  summary?: string;\n\n  // Información Académica (from candidate table)\n  student_education_institution_id?: string;\n  education_institution_id?: string; // added this too for autocomplete logic\n  program_name?: string;\n\n  // Listados estructurados (from experience table, filtered by type)\n  education?: CVEducationItem[];\n  work_experience?: CVExperienceItem[];\n  activities?: CVActivityItem[];\n\n  // Habilidades (from skill table, grouped by type: hard/soft)\n  skills?: {\n    hard?: CVSkillItem[];\n    soft?: CVSkillItem[];\n  };\n\n  // Certificaciones (from certification table)\n  certifications?: CVCertificationItem[];\n\n  // Requisitos laborales (from document table)\n  work_requirements?: {\n    documents: CVDocumentItem[];\n  };\n\n  // Preferencias (from candidate table fields)\n  preferences?: {\n    candidate_state?: string;\n    employment_preference?: string;\n    work_study_preference?: string;\n    min_expected_salary?: number;\n    max_expected_salary?: number;\n    desired_role?: string;\n    dream_job?: string;\n    english_job_interest?: boolean;\n  };\n\n  // Avanzado\n  advanced?: {\n    notes?: string;\n  };\n}\n\nexport interface ResumeSkill {\n  id: string;\n  name: string;\n  type: \"Técnica\" | \"Interpersonal\";\n  verified: boolean;\n}\nexport interface ResumeExperience {\n  id: string;\n}\nexport interface ResumeEducation {\n  id: string;\n}\nexport interface ResumeAward {\n  id: string;\n}\n\nexport interface ResumeMenuSlot {\n  title: string;\n  node: ReactNode;\n}\n\nexport interface ResumeSavePayload {\n  candidate: {\n    action: Action;\n    data: Partial<CandidateProfile>;\n  };\n  user: {\n    action: Action;\n    data: Partial<CandidateProfile>;\n  };\n  curriculum: {\n    action: Action;\n    data: {\n      summary?: string;\n    };\n  };\n  experiences: {\n    action: Action;\n    data: Partial<CVExperienceBaseItem>;\n    id?: string;\n  }[];\n  skills: { action: Action; data: Partial<CVSkillItem>; id?: string }[];\n  certifications: {\n    action: Action;\n    data: Partial<CVCertificationItem>;\n    id?: string;\n  }[];\n}\n\nexport interface ResumeProps {\n  /**\n   * Data del CV del candidato.\n   */\n  data: CandidateProfile;\n  /**\n   * Determina si el panel de edición (botón y drawer) es visible.\n   * @default false\n   */\n  editable?: boolean;\n  /**\n   * Opciones u acciones extra a renderizar en la cabecera del preview.\n   */\n  headerSlot?: ReactNode;\n  /**\n   * Activa el botón flotante de descargar PDF.\n   * @default false\n   */\n  withDownload?: boolean;\n  /**\n   * Color del tema (Hex, RGB o CSS color) usado para destacar el header, detalles y borde del avatar.\n   * @default undefined (usa el primario de ginia-ui)\n   */\n  theme?: string;\n  /**\n   * Arreglo con la ruta de los campos a ocultar del editor y preview.\n   * Por ejemplo: [\"first_name\", \"education.title\", \"skills.hard.verified\"]\n   */\n  hideFields?: string[];\n  /**\n   * Arreglo con los nombres de las secciones a ocultar completamente del editor y preview.\n   * Por ejemplo: [\"Avanzado\", \"Preferencias\", \"Educación\"]\n   */\n  hideSections?: string[];\n  /**\n   * Slots adicionales para el menú del editor (Accordion).\n   */\n  menuSlot?: ResumeMenuSlot[];\n  /**\n   * Callback al guardar los cambios del editor.\n   * Recibe el CandidateProfile actualizado y el array estructurado guardado por tipo de items\n   */\n  onSave?: (payload: ResumeSavePayload, fullProfile: CandidateProfile) => void;\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/components/domain/resume/types.d.cts

@@ -0,0 +1,195 @@
+import { ReactNode } from 'react';
+
+type Action = "create" | "update" | "delete" | "none";
+interface CVExperienceBaseItem {
+    id: string;
+    title: string;
+    type: string;
+    institution_name?: string;
+    institution_id?: string;
+    start_date: string;
+    end_date?: string;
+    description?: string;
+}
+interface CVEducationItem extends CVExperienceBaseItem {
+    _type?: "education";
+}
+interface CVExperienceItem extends CVExperienceBaseItem {
+    _type?: "experience";
+}
+interface CVActivityItem extends CVExperienceBaseItem {
+    _type?: "activity";
+}
+interface ExperienceWithAction extends CVExperienceBaseItem {
+    action?: Action;
+}
+interface CVSkillItem {
+    id: string;
+    name: string;
+    verified?: boolean;
+    type?: string;
+}
+interface SkillWithAction extends CVSkillItem {
+    action?: Action;
+}
+interface CVCertificationItem {
+    id: string;
+    title: string;
+    institution_name?: string;
+    institution_id?: string;
+    date_awarded?: string;
+    verified?: boolean;
+    url?: string;
+}
+interface CertificationWithAction extends CVCertificationItem {
+    action?: Action;
+}
+interface CVDocumentItem {
+    id: string;
+    document_type?: string;
+    document_status?: string;
+    document_url?: string;
+    appointment_date?: string;
+    comments?: string;
+}
+interface DocumentWithAction extends CVDocumentItem {
+    action?: Action;
+}
+interface CandidateProfile {
+    photo_url?: string;
+    first_name: string;
+    middle_name?: string;
+    last_name: string;
+    second_last_name?: string;
+    phone_number?: string;
+    phone_number_2?: string;
+    email?: string;
+    city?: string;
+    address?: string;
+    postal_code?: string;
+    birth_date?: string;
+    summary?: string;
+    student_education_institution_id?: string;
+    education_institution_id?: string;
+    program_name?: string;
+    education?: CVEducationItem[];
+    work_experience?: CVExperienceItem[];
+    activities?: CVActivityItem[];
+    skills?: {
+        hard?: CVSkillItem[];
+        soft?: CVSkillItem[];
+    };
+    certifications?: CVCertificationItem[];
+    work_requirements?: {
+        documents: CVDocumentItem[];
+    };
+    preferences?: {
+        candidate_state?: string;
+        employment_preference?: string;
+        work_study_preference?: string;
+        min_expected_salary?: number;
+        max_expected_salary?: number;
+        desired_role?: string;
+        dream_job?: string;
+        english_job_interest?: boolean;
+    };
+    advanced?: {
+        notes?: string;
+    };
+}
+interface ResumeSkill {
+    id: string;
+    name: string;
+    type: "Técnica" | "Interpersonal";
+    verified: boolean;
+}
+interface ResumeExperience {
+    id: string;
+}
+interface ResumeEducation {
+    id: string;
+}
+interface ResumeAward {
+    id: string;
+}
+interface ResumeMenuSlot {
+    title: string;
+    node: ReactNode;
+}
+interface ResumeSavePayload {
+    candidate: {
+        action: Action;
+        data: Partial<CandidateProfile>;
+    };
+    user: {
+        action: Action;
+        data: Partial<CandidateProfile>;
+    };
+    curriculum: {
+        action: Action;
+        data: {
+            summary?: string;
+        };
+    };
+    experiences: {
+        action: Action;
+        data: Partial<CVExperienceBaseItem>;
+        id?: string;
+    }[];
+    skills: {
+        action: Action;
+        data: Partial<CVSkillItem>;
+        id?: string;
+    }[];
+    certifications: {
+        action: Action;
+        data: Partial<CVCertificationItem>;
+        id?: string;
+    }[];
+}
+interface ResumeProps {
+    /**
+     * Data del CV del candidato.
+     */
+    data: CandidateProfile;
+    /**
+     * Determina si el panel de edición (botón y drawer) es visible.
+     * @default false
+     */
+    editable?: boolean;
+    /**
+     * Opciones u acciones extra a renderizar en la cabecera del preview.
+     */
+    headerSlot?: ReactNode;
+    /**
+     * Activa el botón flotante de descargar PDF.
+     * @default false
+     */
+    withDownload?: boolean;
+    /**
+     * Color del tema (Hex, RGB o CSS color) usado para destacar el header, detalles y borde del avatar.
+     * @default undefined (usa el primario de ginia-ui)
+     */
+    theme?: string;
+    /**
+     * Arreglo con la ruta de los campos a ocultar del editor y preview.
+     * Por ejemplo: ["first_name", "education.title", "skills.hard.verified"]
+     */
+    hideFields?: string[];
+    /**
+     * Arreglo con los nombres de las secciones a ocultar completamente del editor y preview.
+     * Por ejemplo: ["Avanzado", "Preferencias", "Educación"]
+     */
+    hideSections?: string[];
+    /**
+     * Slots adicionales para el menú del editor (Accordion).
+     */
+    menuSlot?: ResumeMenuSlot[];
+    /**
+     * Callback al guardar los cambios del editor.
+     * Recibe el CandidateProfile actualizado y el array estructurado guardado por tipo de items
+     */
+    onSave?: (payload: ResumeSavePayload, fullProfile: CandidateProfile) => void;
+}
+
+export type { Action, CVActivityItem, CVCertificationItem, CVDocumentItem, CVEducationItem, CVExperienceBaseItem, CVExperienceItem, CVSkillItem, CandidateProfile, CertificationWithAction, DocumentWithAction, ExperienceWithAction, ResumeAward, ResumeEducation, ResumeExperience, ResumeMenuSlot, ResumeProps, ResumeSavePayload, ResumeSkill, SkillWithAction };