recap_mobileview 0.0.1

package/dist/components/Atoms/TranscriptionImagePreview/ImageAnnotation.js

@@ -0,0 +1,259 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const react_usestateref_1 = __importDefault(require("react-usestateref"));
+const ImageTranscriptionStyles_1 = require("./ImageTranscriptionStyles");
+const ImageAnnotation = (0, react_1.forwardRef)(({ image, imageBoxes, context = "default" }, ref) => {
+    const [boxes, setBoxes, boxesRef] = (0, react_usestateref_1.default)([]);
+    const [isDrawing, setIsDrawing] = (0, react_1.useState)(false);
+    const [currentBox, setCurrentBox] = (0, react_1.useState)(null);
+    const [draggedBox, setDraggedBox] = (0, react_1.useState)(null);
+    const [resizeHandle, setResizeHandle] = (0, react_1.useState)(null);
+    const [imageScale, setImageScale] = (0, react_1.useState)({ scaleX: 1, scaleY: 1 });
+    const containerRef = (0, react_1.useRef)(null);
+    const imageRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        getCurrentBoxes: () => boxes
+    }));
+    (0, react_1.useEffect)(() => {
+        setBoxes(imageBoxes || []);
+    }, [imageBoxes, image]);
+    // Add touch event listeners with passive: false to allow preventDefault
+    (0, react_1.useEffect)(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const handleTouchStart = (e) => {
+            if (e.target.closest('.annotation-box')) {
+                // Handle box touch start
+                const boxElement = e.target.closest('.annotation-box');
+                const boxId = boxesRef?.current?.find((box) => {
+                    const displayBox = originalToDisplay(box);
+                    const rect = boxElement.getBoundingClientRect();
+                    const containerRect = container.getBoundingClientRect();
+                    return Math.abs((rect.left - containerRect.left) - displayBox.x) < 5;
+                })?.id;
+                if (boxId) {
+                    handleBoxStart(e, boxId);
+                }
+            }
+            else {
+                handleMouseDown(e);
+            }
+        };
+        const handleTouchMove = (e) => {
+            if (isDrawing) {
+                handleMouseMove(e);
+            }
+            else if (draggedBox || resizeHandle) {
+                handleBoxMove(e);
+            }
+        };
+        const handleTouchEnd = (e) => {
+            if (isDrawing) {
+                handleMouseUp(e);
+            }
+            else {
+                handleBoxEnd();
+            }
+        };
+        // Add listeners with passive: false
+        container.addEventListener('touchstart', handleTouchStart, { passive: false });
+        container.addEventListener('touchmove', handleTouchMove, { passive: false });
+        container.addEventListener('touchend', handleTouchEnd, { passive: false });
+        return () => {
+            container.removeEventListener('touchstart', handleTouchStart);
+            container.removeEventListener('touchmove', handleTouchMove);
+            container.removeEventListener('touchend', handleTouchEnd);
+        };
+    }, [isDrawing, draggedBox, resizeHandle, boxes, imageScale]);
+    (0, react_1.useEffect)(() => {
+        const imageElement = imageRef.current;
+        if (imageElement) {
+            if (imageElement.complete && imageElement.naturalWidth > 0) {
+                // Small delay to ensure layout is complete
+                setTimeout(getImageDimensions, 100);
+            }
+            else {
+                imageElement.onload = () => setTimeout(getImageDimensions, 100);
+            }
+        }
+        // Update scale on window resize
+        window.addEventListener('resize', getImageDimensions);
+        return () => window.removeEventListener('resize', getImageDimensions);
+    }, [image]);
+    const getImageDimensions = () => {
+        if (imageRef.current && imageRef.current.naturalWidth > 0) {
+            const naturalWidth = imageRef.current.naturalWidth;
+            const naturalHeight = imageRef.current.naturalHeight;
+            // Calculate scale factors
+            const displayedWidth = imageRef.current.offsetWidth;
+            const displayedHeight = imageRef.current.offsetHeight;
+            const scaleX = displayedWidth / naturalWidth;
+            const scaleY = displayedHeight / naturalHeight;
+            setImageScale({ scaleX, scaleY });
+        }
+    };
+    // Convert original coordinates to display coordinates
+    const originalToDisplay = (originalCoords) => {
+        return {
+            x: originalCoords.x * imageScale.scaleX,
+            y: originalCoords.y * imageScale.scaleY,
+            width: originalCoords.width * imageScale.scaleX,
+            height: originalCoords.height * imageScale.scaleY
+        };
+    };
+    // Convert display coordinates to original coordinates
+    const displayToOriginal = (displayCoords) => {
+        return {
+            x: displayCoords.x / imageScale.scaleX,
+            y: displayCoords.y / imageScale.scaleY,
+            width: displayCoords.width / imageScale.scaleX,
+            height: displayCoords.height / imageScale.scaleY
+        };
+    };
+    const getMousePos = (e) => {
+        const rect = containerRef.current.getBoundingClientRect();
+        // Handle both mouse and touch events
+        const clientX = e.clientX || (e.touches && e.touches[0]?.clientX) || (e.changedTouches && e.changedTouches[0]?.clientX);
+        const clientY = e.clientY || (e.touches && e.touches[0]?.clientY) || (e.changedTouches && e.changedTouches[0]?.clientY);
+        return {
+            x: clientX - rect.left,
+            y: clientY - rect.top,
+        };
+    };
+    const handleMouseDown = (e) => {
+        if (e.target.closest('.annotation-box'))
+            return;
+        if (e.type === 'touchstart')
+            e.preventDefault(); // Only prevent for touch events
+        const pos = getMousePos(e);
+        setCurrentBox({ x: pos.x, y: pos.y, width: 0, height: 0 });
+        setIsDrawing(true);
+    };
+    const handleMouseMove = (e) => {
+        if (!isDrawing || !currentBox)
+            return;
+        if (e.type === 'touchmove')
+            e.preventDefault(); // Only prevent for touch events
+        const pos = getMousePos(e);
+        setCurrentBox({
+            ...currentBox,
+            width: pos.x - currentBox.x,
+            height: pos.y - currentBox.y,
+        });
+    };
+    const handleMouseUp = (e) => {
+        if (!isDrawing || !currentBox)
+            return;
+        const finalBox = {
+            id: Date.now(),
+            x: currentBox.width < 0 ? currentBox.x + currentBox.width : currentBox.x,
+            y: currentBox.height < 0 ? currentBox.y + currentBox.height : currentBox.y,
+            width: Math.abs(currentBox.width),
+            height: Math.abs(currentBox.height),
+        };
+        if (finalBox.width > 10 && finalBox.height > 10) {
+            // Convert display coordinates to original coordinates before storing
+            const originalCoords = displayToOriginal(finalBox);
+            setBoxes([...boxesRef?.current, { ...originalCoords, id: finalBox.id }]);
+        }
+        setIsDrawing(false);
+        setCurrentBox(null);
+    };
+    const handleBoxStart = (e, boxId) => {
+        e.stopPropagation();
+        if (e.type === 'touchstart')
+            e.preventDefault(); // Only prevent for touch events
+        const target = e.target;
+        if (target.classList.contains('resize-handle')) {
+            setResizeHandle({ boxId, handle: target.dataset.handle });
+        }
+        else if (target.classList.contains('delete-btn')) {
+            return;
+        }
+        else {
+            setDraggedBox(boxId);
+        }
+    };
+    const handleBoxMove = (e) => {
+        if (draggedBox || resizeHandle) {
+            if (e.type === 'touchmove')
+                e.preventDefault(); // Only prevent for touch events
+        }
+        if (draggedBox) {
+            const pos = getMousePos(e);
+            setBoxes((prev) => prev.map((box) => {
+                if (box.id === draggedBox) {
+                    // Convert current display position back to original coordinates
+                    const displayCoords = originalToDisplay(box);
+                    const newDisplayCoords = {
+                        ...displayCoords,
+                        x: pos.x - displayCoords.width / 2,
+                        y: pos.y - displayCoords.height / 2
+                    };
+                    return { ...box, ...displayToOriginal(newDisplayCoords) };
+                }
+                return box;
+            }));
+        }
+        if (resizeHandle) {
+            const pos = getMousePos(e);
+            setBoxes((prev) => prev.map((box) => {
+                if (box.id === resizeHandle.boxId) {
+                    // Convert to display coordinates for calculation
+                    const displayBox = originalToDisplay(box);
+                    const newDisplayBox = { ...displayBox };
+                    switch (resizeHandle.handle) {
+                        case 'se':
+                            newDisplayBox.width = Math.max(20, pos.x - displayBox.x);
+                            newDisplayBox.height = Math.max(20, pos.y - displayBox.y);
+                            break;
+                        case 'sw':
+                            const newWidth = Math.max(20, displayBox.x + displayBox.width - pos.x);
+                            newDisplayBox.x = displayBox.x + displayBox.width - newWidth;
+                            newDisplayBox.width = newWidth;
+                            newDisplayBox.height = Math.max(20, pos.y - displayBox.y);
+                            break;
+                        case 'ne':
+                            newDisplayBox.width = Math.max(20, pos.x - displayBox.x);
+                            const newHeight = Math.max(20, displayBox.y + displayBox.height - pos.y);
+                            newDisplayBox.y = displayBox.y + displayBox.height - newHeight;
+                            newDisplayBox.height = newHeight;
+                            break;
+                        case 'nw':
+                            const newW = Math.max(20, displayBox.x + displayBox.width - pos.x);
+                            const newH = Math.max(20, displayBox.y + displayBox.height - pos.y);
+                            newDisplayBox.x = displayBox.x + displayBox.width - newW;
+                            newDisplayBox.y = displayBox.y + displayBox.height - newH;
+                            newDisplayBox.width = newW;
+                            newDisplayBox.height = newH;
+                            break;
+                    }
+                    // Convert back to original coordinates
+                    return { ...box, ...displayToOriginal(newDisplayBox) };
+                }
+                return box;
+            }));
+        }
+    };
+    const handleBoxEnd = () => {
+        setDraggedBox(null);
+        setResizeHandle(null);
+    };
+    const deleteBox = (id) => {
+        setBoxes((prev) => prev.filter((box) => box.id !== id));
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { ref: containerRef, ...ImageTranscriptionStyles_1.styles.annotationContainer, onMouseDown: handleMouseDown, onMouseMove: isDrawing ? handleMouseMove : (draggedBox || resizeHandle) ? handleBoxMove : undefined, onMouseUp: isDrawing ? handleMouseUp : handleBoxEnd, children: [(0, jsx_runtime_1.jsx)(react_2.Image, { ref: imageRef, src: image, alt: "Annotatable", ...ImageTranscriptionStyles_1.styles.annotationImage }), isDrawing && currentBox && ((0, jsx_runtime_1.jsx)(react_2.Box, { ...ImageTranscriptionStyles_1.styles.currentDrawingBox, left: `${currentBox.width < 0 ? currentBox.x + currentBox.width : currentBox.x}px`, top: `${currentBox.height < 0 ? currentBox.y + currentBox.height : currentBox.y}px`, w: `${Math.abs(currentBox.width)}px`, h: `${Math.abs(currentBox.height)}px`, children: Math.abs(currentBox.width) > 30 && Math.abs(currentBox.height) > 20 && ((0, jsx_runtime_1.jsxs)(react_2.Box, { ...ImageTranscriptionStyles_1.styles.drawingSizeIndicator, children: [Math.abs(currentBox.width), "\u00D7", Math.abs(currentBox.height)] })) })), boxes?.map((box, index) => {
+                // Convert original coordinates to display coordinates for rendering
+                const displayBox = originalToDisplay(box);
+                return ((0, jsx_runtime_1.jsxs)(react_2.Box, { className: "annotation-box", ...ImageTranscriptionStyles_1.styles.annotationBox, left: `${displayBox.x}px`, top: `${displayBox.y}px`, w: `${displayBox.width}px`, h: `${displayBox.height}px`, onMouseDown: (e) => handleBoxStart(e, box.id), children: [(0, jsx_runtime_1.jsx)(react_2.Button, { className: "delete-btn", ...ImageTranscriptionStyles_1.styles.deleteButton, onClick: () => deleteBox(box.id), children: "\u00D7" }), (0, jsx_runtime_1.jsx)(react_2.Box, { className: "resize-handle", "data-handle": "se", ...ImageTranscriptionStyles_1.styles.resizeHandle, ...ImageTranscriptionStyles_1.styles.resizeHandleSE }), (0, jsx_runtime_1.jsx)(react_2.Box, { className: "resize-handle", "data-handle": "sw", ...ImageTranscriptionStyles_1.styles.resizeHandle, ...ImageTranscriptionStyles_1.styles.resizeHandleSW }), (0, jsx_runtime_1.jsx)(react_2.Box, { className: "resize-handle", "data-handle": "ne", ...ImageTranscriptionStyles_1.styles.resizeHandle, ...ImageTranscriptionStyles_1.styles.resizeHandleNE }), (0, jsx_runtime_1.jsx)(react_2.Box, { className: "resize-handle", "data-handle": "nw", ...ImageTranscriptionStyles_1.styles.resizeHandle, ...ImageTranscriptionStyles_1.styles.resizeHandleNW })] }, `${context}-annotation-${box.id}-${index}`));
+            })] }));
+});
+exports.default = ImageAnnotation;
+//# sourceMappingURL=ImageAnnotation.js.map

package/dist/components/Atoms/TranscriptionImagePreview/ImageAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageAnnotation.js","sourceRoot":"","sources":["../../../../src/components/Atoms/TranscriptionImagePreview/ImageAnnotation.tsx"],"names":[],"mappings":"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"}

package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.d.ts

@@ -0,0 +1 @@
+export declare const styles: any;

package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.js

@@ -0,0 +1,191 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    modal: {
+        closeOnEsc: false,
+        closeOnOverlayClick: false,
+        size: "4xl",
+    },
+    modalContent: {
+        w: { base: "95%", md: "900px" },
+        bgColor: "white",
+        overflowX: "hidden"
+    },
+    modalHeader: {
+        fontWeight: "600",
+        fontSize: "24px",
+        lineHeight: "24px",
+        letterSpacing: 0,
+        color: "#1D287AD9",
+        borderBottom: "1px solid #00000033",
+        py: 2
+    },
+    modalFooter: {
+        borderTop: "1px solid #00000033",
+        gap: "16px",
+        w: "full",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    cancelButton: {
+        color: "#7464CE",
+        bg: "#FFFFFF",
+        border: "1px solid #D9D6ED",
+        fontSize: "14px",
+        h: "36px",
+        borderRadius: "8px",
+        cursor: "pointer",
+    },
+    rightControls: {
+        position: "absolute",
+        zIndex: 1000,
+        bottom: "0px",
+        right: "0px",
+        spacing: "4px",
+    },
+    leftControls: {
+        position: "absolute",
+        zIndex: 1000,
+        bottom: "0px",
+        left: "0px",
+        spacing: "4px",
+    },
+    rightTopControls: {
+        position: "absolute",
+        zIndex: 1000,
+        right: "0px",
+        top: "0px",
+        spacing: "4px",
+    },
+    fileUploadCenter: {
+        h: "400px",
+        flexDirection: "column",
+        bg: "#F5F5F5",
+        border: "1px solid #00000029",
+        m: "8px 24px"
+    },
+    fileUploadText: {
+        fontWeight: 500,
+        fontSize: "18px",
+        lineHeight: "27px",
+        letterSpacing: "0.1px",
+        textAlign: "center",
+        color: "#000000BF"
+    },
+    uploadLimitText: {
+        fontWeight: 400,
+        fontSize: "14px",
+        lineHeight: "21px",
+        letterSpacing: "0.1px",
+        textAlign: "center",
+        color: "#00000080"
+    },
+    imageListThumbnail: (isSelected, isOcrFailed) => ({
+        w: ["64px", "104px"],
+        h: ["40px", "64px"],
+        cursor: "pointer",
+        border: isSelected && isOcrFailed ? "none" : (isSelected ? "2px solid #1D287AD9" : "2px solid #F5F5F54D"),
+    }),
+    // New annotation styles
+    annotationContainer: {
+        position: "relative",
+        bg: "white",
+        overflow: "hidden",
+        cursor: "crosshair",
+        userSelect: "none",
+        style: { touchAction: 'none' }
+    },
+    annotationImage: {
+        w: "100%",
+        height: ["240px", "400px"],
+        pointerEvents: "none",
+        userSelect: "none",
+        draggable: false,
+        style: { touchAction: 'none' }
+    },
+    currentDrawingBox: {
+        position: "absolute",
+        border: "2px dashed",
+        borderColor: "blue.500",
+        bg: "transparent",
+        pointerEvents: "none",
+    },
+    drawingSizeIndicator: {
+        position: "absolute",
+        top: "-25px",
+        left: "0",
+        bg: "blue.500",
+        color: "white",
+        px: 2,
+        py: 1,
+        rounded: "md",
+        fontSize: "xs",
+        fontWeight: "bold",
+        pointerEvents: "none",
+        whiteSpace: "nowrap",
+    },
+    annotationBox: {
+        position: "absolute",
+        border: "2px solid",
+        borderColor: "blue.500",
+        bg: "transparent",
+        cursor: "move",
+        transition: "all 0.2s",
+        _hover: {
+            borderColor: "blue.600",
+            borderWidth: "3px"
+        },
+        role: "group"
+    },
+    deleteButton: {
+        position: "absolute",
+        top: "-8px",
+        right: "-8px",
+        w: "24px",
+        h: "24px",
+        minW: "24px",
+        bg: "red.500",
+        color: "white",
+        rounded: "full",
+        fontSize: "xs",
+        fontWeight: "bold",
+        opacity: 0,
+        _groupHover: { opacity: 1 },
+        _hover: { bg: 'red.600' },
+        transition: "opacity 0.2s",
+        zIndex: 10,
+        p: 0,
+    },
+    resizeHandle: {
+        position: "absolute",
+        w: "12px",
+        h: "12px",
+        bg: "blue.500",
+        rounded: "full",
+        opacity: 0,
+        _groupHover: { opacity: 1 },
+        transition: "opacity 0.2s",
+    },
+    resizeHandleSE: {
+        bottom: "-4px",
+        right: "-4px",
+        cursor: "se-resize",
+    },
+    resizeHandleSW: {
+        bottom: "-4px",
+        left: "-4px",
+        cursor: "sw-resize",
+    },
+    resizeHandleNE: {
+        top: "-4px",
+        right: "-4px",
+        cursor: "ne-resize",
+    },
+    resizeHandleNW: {
+        top: "-4px",
+        left: "-4px",
+        cursor: "nw-resize",
+    },
+};
+//# sourceMappingURL=ImageTranscriptionStyles.js.map

package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageTranscriptionStyles.js","sourceRoot":"","sources":["../../../../src/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAQ;IACvB,KAAK,EAAE;QACH,UAAU,EAAE,KAAK;QACjB,mBAAmB,EAAE,KAAK;QAC1B,IAAI,EAAE,KAAK;KACd;IACD,YAAY,EAAE;QACV,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE;QAC/B,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,QAAQ;KACtB;IACD,WAAW,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,CAAC;QAChB,KAAK,EAAE,WAAW;QAClB,YAAY,EAAE,qBAAqB;QACnC,EAAE,EAAE,CAAC;KACR;IACD,WAAW,EAAE;QACT,SAAS,EAAE,qBAAqB;QAChC,GAAG,EAAE,MAAM;QACX,CAAC,EAAE,MAAM;QACT,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACvB;IACD,YAAY,EAAE;QACV,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,SAAS;QACb,MAAM,EAAE,mBAAmB;QAC3B,QAAQ,EAAE,MAAM;QAChB,CAAC,EAAE,MAAM;QACT,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;KACpB;IACD,aAAa,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,KAAK;KACjB;IACD,YAAY,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,KAAK;KACjB;IACD,gBAAgB,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,KAAK;QACZ,GAAG,EAAE,KAAK;QACV,OAAO,EAAE,KAAK;KACjB;IACD,gBAAgB,EAAE;QACd,CAAC,EAAE,OAAO;QACV,aAAa,EAAE,QAAQ;QACvB,EAAE,EAAE,SAAS;QACb,MAAM,EAAE,qBAAqB;QAC7B,CAAC,EAAE,UAAU;KAChB;IACD,cAAc,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,OAAO;QACtB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,WAAW;KACrB;IACD,eAAe,EAAE;QACb,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,OAAO;QACtB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,WAAW;KACrB;IACD,kBAAkB,EAAE,CAAC,UAAe,EAAE,WAAgB,EAAE,EAAE,CAAC,CAAC;QACxD,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;QACpB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,UAAU,IAAI,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,CAAC;KAC5G,CAAC;IACF,wBAAwB;IACxB,mBAAmB,EAAE;QACjB,QAAQ,EAAE,UAAU;QACpB,EAAE,EAAE,OAAO;QACX,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,WAAW;QACnB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE;KACjC;IACD,eAAe,EAAE;QACb,CAAC,EAAE,MAAM;QACT,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC1B,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE;KACjC;IACD,iBAAiB,EAAE;QACf,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,YAAY;QACpB,WAAW,EAAE,UAAU;QACvB,EAAE,EAAE,aAAa;QACjB,aAAa,EAAE,MAAM;KACxB;IACD,oBAAoB,EAAE;QAClB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,GAAG;QACT,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,OAAO;QACd,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,QAAQ;KACvB;IACD,aAAa,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,UAAU;QACvB,EAAE,EAAE,aAAa;QACjB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,UAAU;QACtB,MAAM,EAAE;YACJ,WAAW,EAAE,UAAU;YACvB,WAAW,EAAE,KAAK;SACrB;QACD,IAAI,EAAE,OAAO;KAChB;IACD,YAAY,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,CAAC;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QAC3B,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;QACzB,UAAU,EAAE,cAAc;QAC1B,MAAM,EAAE,EAAE;QACV,CAAC,EAAE,CAAC;KACP;IACD,YAAY,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,EAAE,EAAE,UAAU;QACd,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,CAAC;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QAC3B,UAAU,EAAE,cAAc;KAC7B;IACD,cAAc,EAAE;QACZ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,WAAW;KACtB;IACD,cAAc,EAAE;QACZ,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,WAAW;KACtB;IACD,cAAc,EAAE;QACZ,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,WAAW;KACtB;IACD,cAAc,EAAE;QACZ,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,WAAW;KACtB;CACJ,CAAC"}

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.d.ts

@@ -0,0 +1 @@
+export default function TranscriptionImagePreview({ isOpen, onClose, transcribeImageList: imageList }: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const ImageTranscriptionStyles_1 = require("./ImageTranscriptionStyles");
+const react_usestateref_1 = __importDefault(require("react-usestateref"));
+const CustomButton_1 = __importDefault(require("../../Atoms/CustomButton/CustomButton"));
+const LatexRenderView_1 = __importDefault(require("../../Atoms/LatexRenderView/LatexRenderView"));
+const ImageAnnotation_1 = __importDefault(require("./ImageAnnotation"));
+const __1 = require("../../..");
+function TranscriptionImagePreview({ isOpen, onClose, transcribeImageList: imageList }) {
+    const [currentImage, setCurrentImage, currentImageRef] = (0, react_usestateref_1.default)("");
+    const [currentText, setCurrentText, currentTextRef] = (0, react_usestateref_1.default)("");
+    const [annotations, setAnnotations, annotationsRef] = (0, react_usestateref_1.default)([]);
+    const imageAnnotationRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (isOpen && imageList?.length > 0) {
+            handleSelect(imageList[0]);
+        }
+    }, [imageList, isOpen]);
+    const handleSelect = (item) => {
+        setCurrentImage(item?.image);
+        setCurrentText(item?.text);
+        setAnnotations(item?.annotations);
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Modal, { isOpen: isOpen, onClose: onClose, isCentered: true, ...ImageTranscriptionStyles_1.styles.modal, children: [(0, jsx_runtime_1.jsx)(react_2.ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(react_2.ModalContent, { ...ImageTranscriptionStyles_1.styles.modalContent, children: [(0, jsx_runtime_1.jsx)(react_2.ModalCloseButton, {}), (0, jsx_runtime_1.jsx)(react_2.ModalHeader, { ...ImageTranscriptionStyles_1.styles.modalHeader, children: "Preview file" }), (0, jsx_runtime_1.jsx)(react_2.ModalBody, { p: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: { h: "auto", minH: "400px" }, mb: 2, children: (0, jsx_runtime_1.jsxs)(react_2.Grid, { templateColumns: { base: "1fr", md: "1fr 1fr" }, gap: 4, h: { base: "auto", md: "400px" }, p: '4px', children: [(0, jsx_runtime_1.jsx)(react_2.Box, { border: "1px solid #00000029", position: "relative", children: annotationsRef?.length == 0 ?
+                                            (0, jsx_runtime_1.jsx)(react_2.Image, { src: currentImageRef?.current, w: "100%", height: ["240px", "400px"], loading: "lazy" })
+                                            :
+                                                (0, jsx_runtime_1.jsx)(ImageAnnotation_1.default, { ref: imageAnnotationRef, image: currentImageRef?.current, imageBoxes: annotationsRef?.current, context: "modal-annotation" }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { position: "relative", border: "1px solid #00000029", p: '18px', height: ["240px", "400px"], overflow: "hidden", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { h: "100%", overflowY: "auto", children: [(0, jsx_runtime_1.jsx)(LatexRenderView_1.default, { math: currentTextRef?.current }), (0, jsx_runtime_1.jsx)(__1.ExtractedDiagramsView, { imageUrl: currentImageRef?.current, imageBoxes: annotationsRef?.current, context: "modal-preview" })] }) })] }) }) }), (0, jsx_runtime_1.jsxs)(react_2.ModalFooter, { ...ImageTranscriptionStyles_1.styles.modalFooter, children: [(0, jsx_runtime_1.jsx)(react_2.HStack, { children: imageList?.length > 0 && ((0, jsx_runtime_1.jsx)(react_2.HStack, { flexWrap: "wrap", justifyContent: "center", children: imageList?.map((item, index) => {
+                                        const isSelected = (currentImageRef?.current === item?.image);
+                                        return ((0, jsx_runtime_1.jsx)(react_2.Image, { onClick: () => { handleSelect(item); }, src: item?.image, sx: ImageTranscriptionStyles_1.styles.imageListThumbnail(isSelected) }, index));
+                                    }) })) }), (0, jsx_runtime_1.jsx)(CustomButton_1.default, { label: "Close", handleClick: onClose, customStyles: ImageTranscriptionStyles_1.styles.cancelButton })] })] })] }));
+}
+exports.default = TranscriptionImagePreview;
+//# sourceMappingURL=TranscriptionImagePreview.js.map

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranscriptionImagePreview.js","sourceRoot":"","sources":["../../../../src/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.tsx"],"names":[],"mappings":"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"}

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const Render1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Render1 = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TranscriptionImagePreview_1 = __importDefault(require("./TranscriptionImagePreview"));
+const react_1 = require("@chakra-ui/react");
+exports.default = {
+    title: "Components/Atoms/TranscriptionPreview",
+    component: TranscriptionImagePreview_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(TranscriptionImagePreview_1.default, { ...args }) });
+exports.Default = Template.bind({});
+exports.Default.args = {
+    isOpen: true,
+    onClose: () => { },
+    transcribeImageList: [{ "image": "https://innerscore-student-wall.s3.amazonaws.com/28af23d2-0178-4789-8b04-973c89c4d933_solution_files_-1.jpg", "text": "LHS = (5/6)^-7 × (8/5)^-4\n\nusing negative exponent law (a^-n = 1/a^n)\n\n= (6/5)^7 × (5/8)^4\n= 5^-7 × 6^7 × 8^-4 × 5^4\n= 5^-7+4 × 6^7 × 8^-4\n= 5^-3 × (2×3)^7 × (2^3)^-4\n= 5^-3 × 2^7 × 3^7 × 2^-12\n= 5^-3 × 3^7 × 2^-5\n\nAccording to question,\n5^-3 × 3^7 × 2^-5 = 2^l 5^m × 3^k\n\ncomparing powers:\nfor 5: -3 = m\nfor 3: 7 = k\nfor 2: -5 = l\n\nTherefore, l = -5, m = 3, k = 7 \n\nSo, l + m + k = (-5) + 3 + 7 = 5." }, { "image": "https://innerscore-student-wall.s3.amazonaws.com/4c85912e-168d-4e33-91c4-45bd2a674b86_Math_test.jpg", "text": "\\( p(x) = 5x - 4x^2 + 3 \\)\n\ni) \\( x = 0 \\)  \n\\( p(0) = 5(0) - 4(0)^2 + 3 = 3 \\)\n\nii) \\( x = -1 \\)  \n\\( p(-1) = 5(-1) - 4(-1)^2 + 3 = -6 \\)\n\niii) \\( x = 2 \\)  \n\\( p(2) = 5(2) - 4(2)^2 + 3 = -3 \\)" }, { "image": "https://innerscore-student-wall.s3.amazonaws.com/6154322b-ce4e-463c-a864-08fbadd4bcee_Math_test_copy.jpg", "text": "\\[ p(x) = 5x - 4x^2 + 3 \\]\n\ni) \\( x = 0 \\)\n\n\\[ p(0) = 5(0) - 4(0)^2 + 3 = 3 \\]\n\nii) \\( x = -1 \\)\n\n\\[ p(-1) = 5(-1) - 4(-1)^2 + 3 = -6 \\]" }, { "image": "https://innerscore-student-wall.s3.amazonaws.com/e484e0dc-eedd-4546-9791-1e40ffabf45b_IMG_20250214_150616.jpg", "text": "- In first world war, Hilter joined the army and acted as messenger in the front.\n\n- The Treaty of Versailles and the defeat of Germany in world war I made him furious and horrified." }, { "image": "https://innerscore-student-wall.s3.amazonaws.com/db2aa242-3ce0-4fc7-ba4b-e7ffef4452ea_IMG_20250214_150543.jpg", "text": "• In first world war, Hitler joined the army and acted as messenger in the front.\n\n• The Treaty of Versailles and the defeat of Germany in world war I made him furious and horrified.\n\n• In 1919, he joined a small group called the German worker's Party and renamed it after taking over that party as,\n'The National Socialist German worker's Party', later came to known as 'Nazi Party'." }]
+};
+exports.Render1 = Template.bind({});
+exports.Render1.args = {
+    isOpen: true,
+    onClose: () => { },
+    transcribeImageList: [
+        {
+            "image": "https://student-handwritten.s3.amazonaws.com/535a5646-badf-45a8-8a36-a4353085d980_1e459834-fabe-4f1e-8f3c-a782436db5d0-1.jpg",
+            "text": "(a)\n\n(b)\n\\[\n\\begin{array}{c}\nH \\\\\nH: \\ddot{C}: \\ddot{C}: \\ddot{C}: \\ddot{C}: H \\\\\n\\because H: \\ddot{H}\n\\end{array}\n\\]",
+            "annotations": [
+                {
+                    "class": "diagram",
+                    "confidence": 0.7416420578956604,
+                    "height": 2177.2219848632812,
+                    "id": "b2ef6665-f14f-49df-9d12-eac6a1a9dd68",
+                    "width": 2239.43661971831,
+                    "x": 53.379220022282134,
+                    "y": 475
+                }
+            ],
+            "empty_transcription": false
+        },
+        {
+            "image": "https://student-handwritten.s3.amazonaws.com/49ae71b7-e771-4172-ad1d-2e64f4488626_1e459834-fabe-4f1e-8f3c-a782436db5d0-2.jpg",
+            "text": "ithe structure of thanois acid is:\n(ii) The structure of Butanone is:",
+            "annotations": [
+                {
+                    "class": "diagram",
+                    "confidence": 0.7416420578956604,
+                    "height": 1062,
+                    "id": "b2ef6665-f14f-49df-9d12-eac6a1a9dd68",
+                    "width": 1316,
+                    "x": 317,
+                    "y": 475
+                },
+                {
+                    "class": "diagram",
+                    "confidence": 0.702781617641449,
+                    "height": 1380.221984863281,
+                    "id": "8275f2ab-76ca-4f31-b57c-05ff0cdc8ca8",
+                    "width": 2457.3109208227884,
+                    "x": 271.68907917721174,
+                    "y": 1932
+                }
+            ],
+            "empty_transcription": false
+        }
+    ]
+};
+//# sourceMappingURL=TranscriptionImagePreview.stories.js.map

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranscriptionImagePreview.stories.js","sourceRoot":"","sources":["../../../../src/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,4FAAoE;AACpE,4CAAkD;AAElD,kBAAe;IACX,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,mCAAyB;CAC/B,CAAC;AAGV,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,sBAAc,cAAC,uBAAC,mCAAyB,OAAK,IAAI,GAAI,GAAiB,CAAC;AAElG,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;IAClB,mBAAmB,EAAE,CAAC,EAAE,OAAO,EAAE,6GAA6G,EAAE,MAAM,EAAE,uaAAua,EAAE,EAAE,EAAE,OAAO,EAAE,qGAAqG,EAAE,MAAM,EAAE,2NAA2N,EAAE,EAAE,EAAE,OAAO,EAAE,0GAA0G,EAAE,MAAM,EAAE,4JAA4J,EAAE,EAAE,EAAE,OAAO,EAAE,+GAA+G,EAAE,MAAM,EAAE,0LAA0L,EAAE,EAAE,EAAE,OAAO,EAAE,+GAA+G,EAAE,MAAM,EAAE,uYAAuY,EAAE,CAAC;CAE9gE,CAAC;AAGW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;IAClB,mBAAmB,EAAE;QACjB;YACI,OAAO,EAAE,8HAA8H;YACvI,MAAM,EAAE,8IAA8I;YACtJ,aAAa,EAAE;gBACX;oBACI,OAAO,EAAE,SAAS;oBAClB,YAAY,EAAE,kBAAkB;oBAChC,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE,sCAAsC;oBAC5C,OAAO,EAAE,gBAAgB;oBACzB,GAAG,EAAE,kBAAkB;oBACvB,GAAG,EAAE,GAAG;iBACX;aACJ;YACD,qBAAqB,EAAE,KAAK;SAC/B;QACD;YACI,OAAO,EAAE,8HAA8H;YACvI,MAAM,EAAE,wEAAwE;YAChF,aAAa,EAAE;gBACX;oBACI,OAAO,EAAE,SAAS;oBAClB,YAAY,EAAE,kBAAkB;oBAChC,QAAQ,EAAE,IAAI;oBACd,IAAI,EAAE,sCAAsC;oBAC5C,OAAO,EAAE,IAAI;oBACb,GAAG,EAAE,GAAG;oBACR,GAAG,EAAE,GAAG;iBACX;gBACD;oBACI,OAAO,EAAE,SAAS;oBAClB,YAAY,EAAE,iBAAiB;oBAC/B,QAAQ,EAAE,iBAAiB;oBAC3B,IAAI,EAAE,sCAAsC;oBAC5C,OAAO,EAAE,kBAAkB;oBAC3B,GAAG,EAAE,kBAAkB;oBACvB,GAAG,EAAE,IAAI;iBACZ;aACJ;YACD,qBAAqB,EAAE,KAAK;SAC/B;KACJ;CACJ,CAAA"}

package/dist/components/Atoms/Typography/Typography.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { TextProps } from "@chakra-ui/react";
+export interface CustomTextProps extends TextProps {
+    text: string;
+}
+declare const Typography: React.FC<CustomTextProps>;
+export default Typography;