@bindu-dashing/dam-solution-v2 5.9.255 → 5.9.256

package/build/MyDrive/ImageEditor/EditImage.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Modal } from "antd";
+import { Button } from "antd";
 import { GoArrowLeft } from "react-icons/go";
 import { PiFloppyDisk } from "react-icons/pi";
 import TuiImageEditor from "./TuiImageEditor";
@@ -138,19 +138,39 @@ const ImageEditorComponent = ({ file, handleClose, }) => {
             setState((prev) => (Object.assign(Object.assign({}, prev), { loading: false })));
         }
     });
-    const openConfirm = () => {
-        console.log("[EditImage] Save clicked — opening confirm. current state:", state);
-        setState((prev) => (Object.assign(Object.assign({}, prev), { confirmOpen: true })));
-    };
-    const closeConfirm = () => {
-        console.log("[EditImage] confirm closed");
-        setState((prev) => (Object.assign(Object.assign({}, prev), { confirmOpen: false })));
-    };
-    console.log("[EditImage] render — confirmOpen:", confirmOpen, "loading:", loading);
-    return (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-h-screen", children: [_jsxs("div", { className: "md-lib-shrink-0 md-lib-bg-darkPrimaryBg md-lib-py-3 md-lib-px-5 md-lib-flex md-lib-justify-between md-lib-items-center md-lib-relative md-lib-z-[100]", children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-5", children: [_jsx(GoArrowLeftIcon, { className: "md-lib-text-darkTextColor md-lib-cursor-pointer", size: 24, onClick: handleClose }), _jsx("h4", { className: "md-lib-font-semibold md-lib-text-darkTextColor md-lib-text-base md-lib-truncate md-lib-w-96", title: get(file, "name", "N/A"), children: get(file, "name", "N/A") })] }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-4", children: [_jsx(CustomButton, { size: "large", onClick: handleClose, label: "Cancel", type: "default", className: "md-lib-bg-secondaryColor md-lib-hover:bg-secondaryHoverColor md-lib-border-none" }), _jsx(CustomButton, { size: "large", type: "primary", icon: _jsx(PiFloppyDiskIcon, { size: 24 }), onClick: openConfirm, label: "Save", loading: loading })] })] }), _jsx("div", { className: "md-lib-flex-1 md-lib-overflow-hidden md-lib-relative", children: _jsx(TuiImageEditor, { ref: editorRef, file: file, path: get(file, "s3Path") }) }), _jsx(Modal, { open: confirmOpen, onCancel: closeConfirm, title: "Save edited image", maskClosable: !loading, closable: !loading, zIndex: 2000, footer: [
-                    _jsx(Button, { onClick: closeConfirm, disabled: loading, children: "Cancel" }, "cancel"),
-                    _jsx(Button, { onClick: handleOverwrite, disabled: loading, children: "Overwrite" }, "overwrite"),
-                    _jsx(Button, { type: "primary", onClick: handleSaveAsNew, loading: loading, children: "Save as new" }, "new"),
-                ], children: _jsx("p", { children: "Do you want to replace the original file, or save your edits as a new file in this folder?" }) })] }));
+    const openConfirm = () => setState((prev) => (Object.assign(Object.assign({}, prev), { confirmOpen: true })));
+    const closeConfirm = () => setState((prev) => (Object.assign(Object.assign({}, prev), { confirmOpen: false })));
+    return (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-h-screen", children: [_jsxs("div", { className: "md-lib-shrink-0 md-lib-bg-darkPrimaryBg md-lib-py-3 md-lib-px-5 md-lib-flex md-lib-justify-between md-lib-items-center md-lib-relative md-lib-z-[100]", children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-5", children: [_jsx(GoArrowLeftIcon, { className: "md-lib-text-darkTextColor md-lib-cursor-pointer", size: 24, onClick: handleClose }), _jsx("h4", { className: "md-lib-font-semibold md-lib-text-darkTextColor md-lib-text-base md-lib-truncate md-lib-w-96", title: get(file, "name", "N/A"), children: get(file, "name", "N/A") })] }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-4", children: [_jsx(CustomButton, { size: "large", onClick: handleClose, label: "Cancel", type: "default", className: "md-lib-bg-secondaryColor md-lib-hover:bg-secondaryHoverColor md-lib-border-none" }), _jsx(CustomButton, { size: "large", type: "primary", icon: _jsx(PiFloppyDiskIcon, { size: 24 }), onClick: openConfirm, label: "Save", loading: loading })] })] }), _jsx("div", { className: "md-lib-flex-1 md-lib-overflow-hidden md-lib-relative", children: _jsx(TuiImageEditor, { ref: editorRef, file: file, path: get(file, "s3Path") }) }), confirmOpen && (_jsx("div", { style: {
+                    position: "fixed",
+                    inset: 0,
+                    zIndex: 2000,
+                    background: "rgba(0,0,0,0.55)",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                }, onClick: () => {
+                    if (!loading)
+                        closeConfirm();
+                }, children: _jsxs("div", { style: {
+                        background: "#fff",
+                        borderRadius: 8,
+                        boxShadow: "0 10px 30px rgba(0,0,0,0.25)",
+                        padding: 24,
+                        minWidth: 420,
+                        maxWidth: 520,
+                        color: "#1f2937",
+                    }, onClick: (e) => e.stopPropagation(), children: [_jsx("div", { style: {
+                                fontSize: 18,
+                                fontWeight: 600,
+                                marginBottom: 12,
+                            }, children: "Save edited image" }), _jsx("div", { style: {
+                                fontSize: 14,
+                                color: "#4b5563",
+                                marginBottom: 24,
+                            }, children: "Do you want to replace the original file, or save your edits as a new file in this folder?" }), _jsxs("div", { style: {
+                                display: "flex",
+                                justifyContent: "flex-end",
+                                gap: 8,
+                            }, children: [_jsx(Button, { onClick: closeConfirm, disabled: loading, children: "Cancel" }), _jsx(Button, { onClick: handleOverwrite, disabled: loading, children: "Overwrite" }), _jsx(Button, { type: "primary", onClick: handleSaveAsNew, loading: loading, children: "Save as new" })] })] }) }))] }));
 };
 export default ImageEditorComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bindu-dashing/dam-solution-v2",
-  "version": "5.9.255",
+  "version": "5.9.256",
   "dependencies": {
     "@ant-design/icons": "^5.0.1",
     "@emoji-mart/data": "^1.2.1",