react-id-card-generator 1.0.0

package/dist/esm/hooks/useFieldMapping.js

@@ -0,0 +1,146 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+
+function useFieldMapping(options) {
+    const { onFieldUpdate, containerRef, gridSize = 5, snapToGrid = false } = options || {};
+    const [selectedField, setSelectedField] = useState(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const [isResizing, setIsResizing] = useState(false);
+    const dragStartRef = useRef({ x: 0, y: 0, fieldX: 0, fieldY: 0 });
+    const resizeStartRef = useRef({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+        fieldX: 0,
+        fieldY: 0,
+        handle: '',
+    });
+    const snapValue = useCallback((value) => {
+        if (!snapToGrid)
+            return value;
+        return Math.round(value / gridSize) * gridSize;
+    }, [snapToGrid, gridSize]);
+    const selectField = useCallback((field) => {
+        setSelectedField(field);
+    }, []);
+    const updatePosition = useCallback((position) => {
+        if (!selectedField)
+            return;
+        const updatedField = {
+            ...selectedField,
+            position: {
+                ...selectedField.position,
+                ...position,
+            },
+        };
+        setSelectedField(updatedField);
+        onFieldUpdate?.(updatedField);
+    }, [selectedField, onFieldUpdate]);
+    const updateStyle = useCallback((style) => {
+        if (!selectedField)
+            return;
+        const updatedField = {
+            ...selectedField,
+            style: {
+                ...selectedField.style,
+                ...style,
+            },
+        };
+        setSelectedField(updatedField);
+        onFieldUpdate?.(updatedField);
+    }, [selectedField, onFieldUpdate]);
+    const startDrag = useCallback((e) => {
+        if (!selectedField)
+            return;
+        e.preventDefault();
+        setIsDragging(true);
+        dragStartRef.current = {
+            x: e.clientX,
+            y: e.clientY,
+            fieldX: selectedField.position.x,
+            fieldY: selectedField.position.y,
+        };
+    }, [selectedField]);
+    const startResize = useCallback((e, handle) => {
+        if (!selectedField)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        setIsResizing(true);
+        resizeStartRef.current = {
+            x: e.clientX,
+            y: e.clientY,
+            width: selectedField.position.width,
+            height: selectedField.position.height,
+            fieldX: selectedField.position.x,
+            fieldY: selectedField.position.y,
+            handle,
+        };
+    }, [selectedField]);
+    // Handle mouse move for dragging and resizing
+    useEffect(() => {
+        const handleMouseMove = (e) => {
+            if (isDragging && selectedField) {
+                const deltaX = e.clientX - dragStartRef.current.x;
+                const deltaY = e.clientY - dragStartRef.current.y;
+                const newX = snapValue(dragStartRef.current.fieldX + deltaX);
+                const newY = snapValue(dragStartRef.current.fieldY + deltaY);
+                updatePosition({ x: Math.max(0, newX), y: Math.max(0, newY) });
+            }
+            if (isResizing && selectedField) {
+                const { handle, x, y, width, height, fieldX, fieldY } = resizeStartRef.current;
+                const deltaX = e.clientX - x;
+                const deltaY = e.clientY - y;
+                let newWidth = width;
+                let newHeight = height;
+                let newX = fieldX;
+                let newY = fieldY;
+                if (handle.includes('e')) {
+                    newWidth = snapValue(Math.max(20, width + deltaX));
+                }
+                if (handle.includes('w')) {
+                    newWidth = snapValue(Math.max(20, width - deltaX));
+                    newX = snapValue(fieldX + deltaX);
+                }
+                if (handle.includes('s')) {
+                    newHeight = snapValue(Math.max(20, height + deltaY));
+                }
+                if (handle.includes('n')) {
+                    newHeight = snapValue(Math.max(20, height - deltaY));
+                    newY = snapValue(fieldY + deltaY);
+                }
+                updatePosition({
+                    x: Math.max(0, newX),
+                    y: Math.max(0, newY),
+                    width: newWidth,
+                    height: newHeight,
+                });
+            }
+        };
+        const handleMouseUp = () => {
+            setIsDragging(false);
+            setIsResizing(false);
+        };
+        if (isDragging || isResizing) {
+            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mouseup', handleMouseUp);
+        }
+        return () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [isDragging, isResizing, selectedField, updatePosition, snapValue]);
+    return {
+        selectedField,
+        selectField,
+        updatePosition,
+        updateStyle,
+        isDragging,
+        isResizing,
+        startDrag,
+        startResize,
+    };
+}
+
+export { useFieldMapping };
+//# sourceMappingURL=useFieldMapping.js.map

package/dist/esm/hooks/useFieldMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldMapping.js","sources":["../../../src/hooks/useFieldMapping.ts"],"sourcesContent":["import type React from 'react';\r\nimport { useState, useCallback, useRef, useEffect } from 'react';\r\nimport type { FieldMapping, FieldPosition, FieldStyle, UseFieldMappingReturn } from '../types';\r\n\r\ninterface UseFieldMappingOptions {\r\n  onFieldUpdate?: (field: FieldMapping) => void;\r\n  containerRef?: React.RefObject<HTMLElement>;\r\n  gridSize?: number;\r\n  snapToGrid?: boolean;\r\n}\r\n\r\nexport function useFieldMapping(options?: UseFieldMappingOptions): UseFieldMappingReturn {\r\n  const { onFieldUpdate, containerRef, gridSize = 5, snapToGrid = false } = options || {};\r\n\r\n  const [selectedField, setSelectedField] = useState<FieldMapping | null>(null);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [isResizing, setIsResizing] = useState(false);\r\n\r\n  const dragStartRef = useRef({ x: 0, y: 0, fieldX: 0, fieldY: 0 });\r\n  const resizeStartRef = useRef({\r\n    x: 0,\r\n    y: 0,\r\n    width: 0,\r\n    height: 0,\r\n    fieldX: 0,\r\n    fieldY: 0,\r\n    handle: '',\r\n  });\r\n\r\n  const snapValue = useCallback(\r\n    (value: number): number => {\r\n      if (!snapToGrid) return value;\r\n      return Math.round(value / gridSize) * gridSize;\r\n    },\r\n    [snapToGrid, gridSize]\r\n  );\r\n\r\n  const selectField = useCallback((field: FieldMapping | null) => {\r\n    setSelectedField(field);\r\n  }, []);\r\n\r\n  const updatePosition = useCallback(\r\n    (position: Partial<FieldPosition>) => {\r\n      if (!selectedField) return;\r\n\r\n      const updatedField: FieldMapping = {\r\n        ...selectedField,\r\n        position: {\r\n          ...selectedField.position,\r\n          ...position,\r\n        },\r\n      };\r\n\r\n      setSelectedField(updatedField);\r\n      onFieldUpdate?.(updatedField);\r\n    },\r\n    [selectedField, onFieldUpdate]\r\n  );\r\n\r\n  const updateStyle = useCallback(\r\n    (style: Partial<FieldStyle>) => {\r\n      if (!selectedField) return;\r\n\r\n      const updatedField: FieldMapping = {\r\n        ...selectedField,\r\n        style: {\r\n          ...selectedField.style,\r\n          ...style,\r\n        },\r\n      };\r\n\r\n      setSelectedField(updatedField);\r\n      onFieldUpdate?.(updatedField);\r\n    },\r\n    [selectedField, onFieldUpdate]\r\n  );\r\n\r\n  const startDrag = useCallback(\r\n    (e: React.MouseEvent) => {\r\n      if (!selectedField) return;\r\n\r\n      e.preventDefault();\r\n      setIsDragging(true);\r\n\r\n      dragStartRef.current = {\r\n        x: e.clientX,\r\n        y: e.clientY,\r\n        fieldX: selectedField.position.x,\r\n        fieldY: selectedField.position.y,\r\n      };\r\n    },\r\n    [selectedField]\r\n  );\r\n\r\n  const startResize = useCallback(\r\n    (e: React.MouseEvent, handle: string) => {\r\n      if (!selectedField) return;\r\n\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      setIsResizing(true);\r\n\r\n      resizeStartRef.current = {\r\n        x: e.clientX,\r\n        y: e.clientY,\r\n        width: selectedField.position.width,\r\n        height: selectedField.position.height,\r\n        fieldX: selectedField.position.x,\r\n        fieldY: selectedField.position.y,\r\n        handle,\r\n      };\r\n    },\r\n    [selectedField]\r\n  );\r\n\r\n  // Handle mouse move for dragging and resizing\r\n  useEffect(() => {\r\n    const handleMouseMove = (e: MouseEvent) => {\r\n      if (isDragging && selectedField) {\r\n        const deltaX = e.clientX - dragStartRef.current.x;\r\n        const deltaY = e.clientY - dragStartRef.current.y;\r\n\r\n        const newX = snapValue(dragStartRef.current.fieldX + deltaX);\r\n        const newY = snapValue(dragStartRef.current.fieldY + deltaY);\r\n\r\n        updatePosition({ x: Math.max(0, newX), y: Math.max(0, newY) });\r\n      }\r\n\r\n      if (isResizing && selectedField) {\r\n        const { handle, x, y, width, height, fieldX, fieldY } = resizeStartRef.current;\r\n        const deltaX = e.clientX - x;\r\n        const deltaY = e.clientY - y;\r\n\r\n        let newWidth = width;\r\n        let newHeight = height;\r\n        let newX = fieldX;\r\n        let newY = fieldY;\r\n\r\n        if (handle.includes('e')) {\r\n          newWidth = snapValue(Math.max(20, width + deltaX));\r\n        }\r\n        if (handle.includes('w')) {\r\n          newWidth = snapValue(Math.max(20, width - deltaX));\r\n          newX = snapValue(fieldX + deltaX);\r\n        }\r\n        if (handle.includes('s')) {\r\n          newHeight = snapValue(Math.max(20, height + deltaY));\r\n        }\r\n        if (handle.includes('n')) {\r\n          newHeight = snapValue(Math.max(20, height - deltaY));\r\n          newY = snapValue(fieldY + deltaY);\r\n        }\r\n\r\n        updatePosition({\r\n          x: Math.max(0, newX),\r\n          y: Math.max(0, newY),\r\n          width: newWidth,\r\n          height: newHeight,\r\n        });\r\n      }\r\n    };\r\n\r\n    const handleMouseUp = () => {\r\n      setIsDragging(false);\r\n      setIsResizing(false);\r\n    };\r\n\r\n    if (isDragging || isResizing) {\r\n      document.addEventListener('mousemove', handleMouseMove);\r\n      document.addEventListener('mouseup', handleMouseUp);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener('mousemove', handleMouseMove);\r\n      document.removeEventListener('mouseup', handleMouseUp);\r\n    };\r\n  }, [isDragging, isResizing, selectedField, updatePosition, snapValue]);\r\n\r\n  return {\r\n    selectedField,\r\n    selectField,\r\n    updatePosition,\r\n    updateStyle,\r\n    isDragging,\r\n    isResizing,\r\n    startDrag,\r\n    startResize,\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/hooks/useIDCardExport.js

@@ -0,0 +1,79 @@
+import { useState, useCallback } from 'react';
+import { downloadIDCardAsPDF, downloadIDCardAsImage } from '../core/exportUtils.js';
+
+function useIDCardExport(config) {
+    const [isExporting, setIsExporting] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const [error, setError] = useState(null);
+    const exportAsPDF = useCallback(async (options) => {
+        setIsExporting(true);
+        setProgress(0);
+        setError(null);
+        try {
+            setProgress(30);
+            const result = await downloadIDCardAsPDF({
+                frontElementId: config?.frontElementId || 'idcardfront',
+                backElementId: config?.backElementId,
+                filename: options?.filename || 'ID_Card',
+                data: config?.data,
+                qrElementId: config?.qrElementId,
+                qrFields: config?.qrFields,
+                scale: options?.scale,
+            });
+            setProgress(100);
+            if (!result.success) {
+                setError(result.error || 'Export failed');
+            }
+            return result;
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Unknown error';
+            setError(errorMessage);
+            return { success: false, error: errorMessage };
+        }
+        finally {
+            setIsExporting(false);
+        }
+    }, [config]);
+    const exportAsImage = useCallback(async (options) => {
+        setIsExporting(true);
+        setProgress(0);
+        setError(null);
+        try {
+            setProgress(30);
+            const result = await downloadIDCardAsImage({
+                frontElementId: config?.frontElementId || 'idcardfront',
+                filename: options?.filename || 'ID_Card',
+                data: config?.data,
+                qrElementId: config?.qrElementId,
+                qrFields: config?.qrFields,
+                format: options?.format === 'jpeg' ? 'jpeg' : 'png',
+                scale: options?.scale,
+                quality: options?.quality,
+            });
+            setProgress(100);
+            if (!result.success) {
+                setError(result.error || 'Export failed');
+            }
+            return result;
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Unknown error';
+            setError(errorMessage);
+            return { success: false, error: errorMessage };
+        }
+        finally {
+            setIsExporting(false);
+        }
+    }, [config]);
+    return {
+        exportAsPDF,
+        exportAsImage,
+        isExporting,
+        progress,
+        error,
+    };
+}
+
+export { useIDCardExport };
+//# sourceMappingURL=useIDCardExport.js.map

package/dist/esm/hooks/useIDCardExport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIDCardExport.js","sources":["../../../src/hooks/useIDCardExport.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\r\nimport type { ExportOptions, ExportResult, IDCardData, UseIDCardExportReturn } from '../types';\r\nimport { downloadIDCardAsPDF, downloadIDCardAsImage } from '../core/exportUtils';\r\n\r\ninterface ExportConfig {\r\n  frontElementId?: string;\r\n  backElementId?: string;\r\n  data?: IDCardData;\r\n  qrElementId?: string;\r\n  qrFields?: string[];\r\n}\r\n\r\nexport function useIDCardExport(config?: ExportConfig): UseIDCardExportReturn {\r\n  const [isExporting, setIsExporting] = useState(false);\r\n  const [progress, setProgress] = useState(0);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const exportAsPDF = useCallback(\r\n    async (options?: Partial<ExportOptions>): Promise<ExportResult> => {\r\n      setIsExporting(true);\r\n      setProgress(0);\r\n      setError(null);\r\n\r\n      try {\r\n        setProgress(30);\r\n\r\n        const result = await downloadIDCardAsPDF({\r\n          frontElementId: config?.frontElementId || 'idcardfront',\r\n          backElementId: config?.backElementId,\r\n          filename: options?.filename || 'ID_Card',\r\n          data: config?.data,\r\n          qrElementId: config?.qrElementId,\r\n          qrFields: config?.qrFields,\r\n          scale: options?.scale,\r\n        });\r\n\r\n        setProgress(100);\r\n\r\n        if (!result.success) {\r\n          setError(result.error || 'Export failed');\r\n        }\r\n\r\n        return result;\r\n      } catch (err) {\r\n        const errorMessage = err instanceof Error ? err.message : 'Unknown error';\r\n        setError(errorMessage);\r\n        return { success: false, error: errorMessage };\r\n      } finally {\r\n        setIsExporting(false);\r\n      }\r\n    },\r\n    [config]\r\n  );\r\n\r\n  const exportAsImage = useCallback(\r\n    async (options?: Partial<ExportOptions>): Promise<ExportResult> => {\r\n      setIsExporting(true);\r\n      setProgress(0);\r\n      setError(null);\r\n\r\n      try {\r\n        setProgress(30);\r\n\r\n        const result = await downloadIDCardAsImage({\r\n          frontElementId: config?.frontElementId || 'idcardfront',\r\n          filename: options?.filename || 'ID_Card',\r\n          data: config?.data,\r\n          qrElementId: config?.qrElementId,\r\n          qrFields: config?.qrFields,\r\n          format: options?.format === 'jpeg' ? 'jpeg' : 'png',\r\n          scale: options?.scale,\r\n          quality: options?.quality,\r\n        });\r\n\r\n        setProgress(100);\r\n\r\n        if (!result.success) {\r\n          setError(result.error || 'Export failed');\r\n        }\r\n\r\n        return result;\r\n      } catch (err) {\r\n        const errorMessage = err instanceof Error ? err.message : 'Unknown error';\r\n        setError(errorMessage);\r\n        return { success: false, error: errorMessage };\r\n      } finally {\r\n        setIsExporting(false);\r\n      }\r\n    },\r\n    [config]\r\n  );\r\n\r\n  return {\r\n    exportAsPDF,\r\n    exportAsImage,\r\n    isExporting,\r\n    progress,\r\n    error,\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/hooks/useIDCardTemplate.js

@@ -0,0 +1,153 @@
+import { useState, useCallback, useMemo } from 'react';
+import { createDefaultTemplate, generateId } from '../storage/templateStorage.js';
+import { validateTemplate } from '../utils/validators.js';
+
+/**
+ * Hook for managing ID card template state
+ * Provides methods for updating fields, backgrounds, and card properties
+ * Automatically updates the template's updatedAt timestamp on changes
+ *
+ * @param initialTemplate - Optional existing template to start with
+ * @returns Template state and helper methods
+ */
+function useIDCardTemplate(initialTemplate) {
+    const [template, setTemplateState] = useState(() => {
+        if (initialTemplate) {
+            return {
+                ...createDefaultTemplate(),
+                ...initialTemplate,
+                updatedAt: new Date().toISOString(),
+            };
+        }
+        return createDefaultTemplate();
+    });
+    const setTemplate = useCallback((newTemplate) => {
+        setTemplateState({
+            ...newTemplate,
+            updatedAt: new Date().toISOString(),
+        });
+    }, []);
+    // Update specific properties of a field
+    const updateField = useCallback((fieldId, updates) => {
+        setTemplateState((prev) => ({
+            ...prev,
+            updatedAt: new Date().toISOString(),
+            fields: prev.fields.map((field) => field.id === fieldId ? { ...field, ...updates } : field),
+        }));
+    }, []);
+    // Add a new field to the template
+    const addField = useCallback((field) => {
+        setTemplateState((prev) => ({
+            ...prev,
+            updatedAt: new Date().toISOString(),
+            fields: [...prev.fields, { ...field, id: field.id || generateId('field') }],
+        }));
+    }, []);
+    const removeField = useCallback((fieldId) => {
+        setTemplateState((prev) => ({
+            ...prev,
+            updatedAt: new Date().toISOString(),
+            fields: prev.fields.filter((field) => field.id !== fieldId),
+        }));
+    }, []);
+    const setBackground = useCallback((side, imageData) => {
+        setTemplateState((prev) => ({
+            ...prev,
+            updatedAt: new Date().toISOString(),
+            backgrounds: {
+                ...prev.backgrounds,
+                [side]: imageData,
+            },
+        }));
+    }, []);
+    const setCardSize = useCallback((size) => {
+        setTemplateState((prev) => ({
+            ...prev,
+            updatedAt: new Date().toISOString(),
+            cardSize: size,
+        }));
+    }, []);
+    const setOrientation = useCallback((orientation) => {
+        setTemplateState((prev) => {
+            // Swap dimensions if orientation changes
+            const shouldSwap = (orientation === 'portrait' && prev.cardSize.width > prev.cardSize.height) ||
+                (orientation === 'landscape' && prev.cardSize.height > prev.cardSize.width);
+            return {
+                ...prev,
+                updatedAt: new Date().toISOString(),
+                orientation,
+                cardSize: shouldSwap
+                    ? {
+                        ...prev.cardSize,
+                        width: prev.cardSize.height,
+                        height: prev.cardSize.width,
+                    }
+                    : prev.cardSize,
+            };
+        });
+    }, []);
+    const setSides = useCallback((sides) => {
+        setTemplateState((prev) => ({
+            ...prev,
+            updatedAt: new Date().toISOString(),
+            sides,
+        }));
+    }, []);
+    const duplicateField = useCallback((fieldId) => {
+        setTemplateState((prev) => {
+            const field = prev.fields.find((f) => f.id === fieldId);
+            if (!field)
+                return prev;
+            const newField = {
+                ...field,
+                id: generateId('field'),
+                position: {
+                    ...field.position,
+                    x: field.position.x + 10,
+                    y: field.position.y + 10,
+                },
+            };
+            return {
+                ...prev,
+                updatedAt: new Date().toISOString(),
+                fields: [...prev.fields, newField],
+            };
+        });
+    }, []);
+    const moveFieldToSide = useCallback((fieldId, side) => {
+        setTemplateState((prev) => ({
+            ...prev,
+            updatedAt: new Date().toISOString(),
+            fields: prev.fields.map((field) => field.id === fieldId ? { ...field, side } : field),
+        }));
+    }, []);
+    const reset = useCallback(() => {
+        setTemplateState(createDefaultTemplate());
+    }, []);
+    const validationResult = useMemo(() => {
+        const errors = validateTemplate(template);
+        return {
+            isValid: errors.length === 0,
+            validationErrors: errors.map((e) => `${e.field}: ${e.message}`),
+        };
+    }, [template]);
+    return {
+        template,
+        setTemplate,
+        updateField,
+        addField,
+        removeField,
+        setBackground,
+        setCardSize,
+        setOrientation,
+        setSides,
+        duplicateField,
+        moveFieldToSide,
+        reset,
+        isValid: validationResult.isValid,
+        validationErrors: validationResult.validationErrors,
+    };
+}
+
+export { useIDCardTemplate };
+//# sourceMappingURL=useIDCardTemplate.js.map

package/dist/esm/hooks/useIDCardTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIDCardTemplate.js","sources":["../../../src/hooks/useIDCardTemplate.ts"],"sourcesContent":["import { useState, useCallback, useMemo } from 'react';\r\nimport type {\r\n  IDCardTemplate,\r\n  FieldMapping,\r\n  CardSize,\r\n  CardOrientation,\r\n  CardSides,\r\n  UseIDCardTemplateReturn,\r\n} from '../types';\r\nimport { createDefaultTemplate, generateId } from '../storage/templateStorage';\r\nimport { validateTemplate } from '../utils/validators';\r\n\r\n/**\r\n * Hook for managing ID card template state\r\n * Provides methods for updating fields, backgrounds, and card properties\r\n * Automatically updates the template's updatedAt timestamp on changes\r\n * \r\n * @param initialTemplate - Optional existing template to start with\r\n * @returns Template state and helper methods\r\n */\r\nexport function useIDCardTemplate(\r\n  initialTemplate?: Partial<IDCardTemplate>\r\n): UseIDCardTemplateReturn {\r\n  const [template, setTemplateState] = useState<IDCardTemplate>(() => {\r\n    if (initialTemplate) {\r\n      return {\r\n        ...createDefaultTemplate(),\r\n        ...initialTemplate,\r\n        updatedAt: new Date().toISOString(),\r\n      };\r\n    }\r\n    return createDefaultTemplate();\r\n  });\r\n\r\n  const setTemplate = useCallback((newTemplate: IDCardTemplate) => {\r\n    setTemplateState({\r\n      ...newTemplate,\r\n      updatedAt: new Date().toISOString(),\r\n    });\r\n  }, []);\r\n\r\n  // Update specific properties of a field\r\n  const updateField = useCallback((fieldId: string, updates: Partial<FieldMapping>) => {\r\n    setTemplateState((prev: IDCardTemplate) => ({\r\n      ...prev,\r\n      updatedAt: new Date().toISOString(),\r\n      fields: prev.fields.map((field: FieldMapping) =>\r\n        field.id === fieldId ? { ...field, ...updates } : field\r\n      ),\r\n    }));\r\n  }, []);\r\n\r\n  // Add a new field to the template\r\n  const addField = useCallback((field: FieldMapping) => {\r\n    setTemplateState((prev: IDCardTemplate) => ({\r\n      ...prev,\r\n      updatedAt: new Date().toISOString(),\r\n      fields: [...prev.fields, { ...field, id: field.id || generateId('field') }],\r\n    }));\r\n  }, []);\r\n\r\n  const removeField = useCallback((fieldId: string) => {\r\n    setTemplateState((prev: IDCardTemplate) => ({\r\n      ...prev,\r\n      updatedAt: new Date().toISOString(),\r\n      fields: prev.fields.filter((field: FieldMapping) => field.id !== fieldId),\r\n    }));\r\n  }, []);\r\n\r\n  const setBackground = useCallback((side: 'front' | 'back', imageData: string) => {\r\n    setTemplateState((prev: IDCardTemplate) => ({\r\n      ...prev,\r\n      updatedAt: new Date().toISOString(),\r\n      backgrounds: {\r\n        ...prev.backgrounds,\r\n        [side]: imageData,\r\n      },\r\n    }));\r\n  }, []);\r\n\r\n  const setCardSize = useCallback((size: CardSize) => {\r\n    setTemplateState((prev: IDCardTemplate) => ({\r\n      ...prev,\r\n      updatedAt: new Date().toISOString(),\r\n      cardSize: size,\r\n    }));\r\n  }, []);\r\n\r\n  const setOrientation = useCallback((orientation: CardOrientation) => {\r\n    setTemplateState((prev: IDCardTemplate) => {\r\n      // Swap dimensions if orientation changes\r\n      const shouldSwap =\r\n        (orientation === 'portrait' && prev.cardSize.width > prev.cardSize.height) ||\r\n        (orientation === 'landscape' && prev.cardSize.height > prev.cardSize.width);\r\n\r\n      return {\r\n        ...prev,\r\n        updatedAt: new Date().toISOString(),\r\n        orientation,\r\n        cardSize: shouldSwap\r\n          ? {\r\n              ...prev.cardSize,\r\n              width: prev.cardSize.height,\r\n              height: prev.cardSize.width,\r\n            }\r\n          : prev.cardSize,\r\n      };\r\n    });\r\n  }, []);\r\n\r\n  const setSides = useCallback((sides: CardSides) => {\r\n    setTemplateState((prev: IDCardTemplate) => ({\r\n      ...prev,\r\n      updatedAt: new Date().toISOString(),\r\n      sides,\r\n    }));\r\n  }, []);\r\n\r\n  const duplicateField = useCallback((fieldId: string) => {\r\n    setTemplateState((prev: IDCardTemplate) => {\r\n      const field = prev.fields.find((f: FieldMapping) => f.id === fieldId);\r\n      if (!field) return prev;\r\n\r\n      const newField: FieldMapping = {\r\n        ...field,\r\n        id: generateId('field'),\r\n        position: {\r\n          ...field.position,\r\n          x: field.position.x + 10,\r\n          y: field.position.y + 10,\r\n        },\r\n      };\r\n\r\n      return {\r\n        ...prev,\r\n        updatedAt: new Date().toISOString(),\r\n        fields: [...prev.fields, newField],\r\n      };\r\n    });\r\n  }, []);\r\n\r\n  const moveFieldToSide = useCallback((fieldId: string, side: 'front' | 'back') => {\r\n    setTemplateState((prev: IDCardTemplate) => ({\r\n      ...prev,\r\n      updatedAt: new Date().toISOString(),\r\n      fields: prev.fields.map((field: FieldMapping) =>\r\n        field.id === fieldId ? { ...field, side } : field\r\n      ),\r\n    }));\r\n  }, []);\r\n\r\n  const reset = useCallback(() => {\r\n    setTemplateState(createDefaultTemplate());\r\n  }, []);\r\n\r\n  const validationResult = useMemo(() => {\r\n    const errors = validateTemplate(template);\r\n    return {\r\n      isValid: errors.length === 0,\r\n      validationErrors: errors.map((e) => `${e.field}: ${e.message}`),\r\n    };\r\n  }, [template]);\r\n\r\n  return {\r\n    template,\r\n    setTemplate,\r\n    updateField,\r\n    addField,\r\n    removeField,\r\n    setBackground,\r\n    setCardSize,\r\n    setOrientation,\r\n    setSides,\r\n    duplicateField,\r\n    moveFieldToSide,\r\n    reset,\r\n    isValid: validationResult.isValid,\r\n    validationErrors: validationResult.validationErrors,\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -0,0 +1,12 @@
+export { IDCardGenerator } from './components/IDCardGenerator.js';
+export { IDCardDesigner } from './components/IDCardDesigner.js';
+export { IDCardPreview } from './components/IDCardPreview.js';
+export { useIDCardTemplate } from './hooks/useIDCardTemplate.js';
+export { useIDCardExport } from './hooks/useIDCardExport.js';
+export { useFieldMapping } from './hooks/useFieldMapping.js';
+export { generateQrCodeDataURL, generateQrCodeFromFields, setQrCodeOnElement } from './core/qrUtils.js';
+export { downloadIDCardAsImage, downloadIDCardAsPDF, exportIDCard } from './core/exportUtils.js';
+export { createDefaultTemplate, exportTemplateAsJSON, generateId, imageFileToBase64, importTemplateFromJSON, listTemplatesFromLocal, loadTemplateFromLocal, removeTemplateFromLocal, saveTemplateToLocal } from './storage/templateStorage.js';
+export { isFieldInBounds, validateCardSize, validateField, validateTemplate } from './utils/validators.js';
+export { cn, defaultFieldStyles, fieldStyleToCSS, mergeStyles, positionToStyle, toReactStyle } from './utils/styleUtils.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/esm/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js

@@ -0,0 +1,28 @@
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+
+export { _asyncToGenerator as default };
+//# sourceMappingURL=asyncToGenerator.js.map

package/dist/esm/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asyncToGenerator.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"],"sourcesContent":["function asyncGeneratorStep(n, t, e, r, o, a, c) {\n  try {\n    var i = n[a](c),\n      u = i.value;\n  } catch (n) {\n    return void e(n);\n  }\n  i.done ? t(u) : Promise.resolve(u).then(r, o);\n}\nfunction _asyncToGenerator(n) {\n  return function () {\n    var t = this,\n      e = arguments;\n    return new Promise(function (r, o) {\n      var a = n.apply(t, e);\n      function _next(n) {\n        asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n);\n      }\n      function _throw(n) {\n        asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n);\n      }\n      _next(void 0);\n    });\n  };\n}\nexport { _asyncToGenerator as default };"],"names":[],"mappings":"AAAA,SAAS,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACjD,EAAE,IAAI;AACN,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK;AACjB,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE;AACd,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;AACpB,EAAE;AACF,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;AAC/C;AACA,SAAS,iBAAiB,CAAC,CAAC,EAAE;AAC9B,EAAE,OAAO,YAAY;AACrB,IAAI,IAAI,CAAC,GAAG,IAAI;AAChB,MAAM,CAAC,GAAG,SAAS;AACnB,IAAI,OAAO,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AACvC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AAC3B,MAAM,SAAS,KAAK,CAAC,CAAC,EAAE;AACxB,QAAQ,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAC7D,MAAM;AACN,MAAM,SAAS,MAAM,CAAC,CAAC,EAAE;AACzB,QAAQ,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;AAC9D,MAAM;AACN,MAAM,KAAK,CAAC,MAAM,CAAC;AACnB,IAAI,CAAC,CAAC;AACN,EAAE,CAAC;AACH;;;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@babel/runtime/helpers/esm/defineProperty.js

@@ -0,0 +1,13 @@
+import toPropertyKey from './toPropertyKey.js';
+
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+
+export { _defineProperty as default };
+//# sourceMappingURL=defineProperty.js.map

package/dist/esm/node_modules/@babel/runtime/helpers/esm/defineProperty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineProperty.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"],"sourcesContent":["import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperty(e, r, t) {\n  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n    value: t,\n    enumerable: !0,\n    configurable: !0,\n    writable: !0\n  }) : e[r] = t, e;\n}\nexport { _defineProperty as default };"],"names":[],"mappings":";;AACA,SAAS,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC,EAAE,OAAO,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE;AACnE,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,UAAU,EAAE,IAAE;AAClB,IAAI,YAAY,EAAE,IAAE;AACpB,IAAI,QAAQ,EAAE;AACd,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;AAClB;;;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@babel/runtime/helpers/esm/toPrimitive.js

@@ -0,0 +1,15 @@
+import _typeof from './typeof.js';
+
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != _typeof(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+export { toPrimitive as default };
+//# sourceMappingURL=toPrimitive.js.map

package/dist/esm/node_modules/@babel/runtime/helpers/esm/toPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toPrimitive.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nfunction toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\nexport { toPrimitive as default };"],"names":[],"mappings":";;AACA,SAAS,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE;AAC3B,EAAE,IAAI,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC;AAC5C,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC;AAC/B,EAAE,IAAI,MAAM,KAAK,CAAC,EAAE;AACpB,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAc,CAAC;AACrC,IAAI,IAAI,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;AACxC,IAAI,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC;AACvE,EAAE;AACF,EAAE,OAAO,CAAC,QAAQ,KAAK,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;AAC9C;;;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js

@@ -0,0 +1,10 @@
+import _typeof from './typeof.js';
+import toPrimitive from './toPrimitive.js';
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
+}
+
+export { toPropertyKey as default };
+//# sourceMappingURL=toPropertyKey.js.map

package/dist/esm/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toPropertyKey.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nexport { toPropertyKey as default };"],"names":[],"mappings":";;;AAEA,SAAS,aAAa,CAAC,CAAC,EAAE;AAC1B,EAAE,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,QAAQ,CAAC;AAClC,EAAE,OAAO,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE;AAC5C;;;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@babel/runtime/helpers/esm/typeof.js

@@ -0,0 +1,12 @@
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+export { _typeof as default };
+//# sourceMappingURL=typeof.js.map

package/dist/esm/node_modules/@babel/runtime/helpers/esm/typeof.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeof.js","sources":["../../../../../../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,CAAC,EAAE;AACpB,EAAE,yBAAyB;;AAE3B,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE;AACpG,IAAI,OAAO,OAAO,CAAC;AACnB,EAAE,CAAC,GAAG,UAAU,CAAC,EAAE;AACnB,IAAI,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvH,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;AACf;;;;","x_google_ignoreList":[0]}