@solostylist/image-editor 1.0.13 → 1.0.14

package/lib/demo/app.js

@@ -5,10 +5,10 @@ import '@fontsource/outfit/500.css';
 import '@fontsource/outfit/600.css';
 import AddPhotoAlternateIcon from '@mui/icons-material/AddPhotoAlternate';
 import { Box, Typography } from '@mui/material';
-import { SButton, SCheckbox, SFlexBox, SThemeProvider } from '@solostylist/ui-kit/core';
+import { SButton, SCheckbox, SFlexBox, SThemeProvider } from '@solostylist/ui-kit';
 import { useCallback, useRef, useState } from 'react';
 import ImageEditorComponent, { TABS } from '..';
-import SLazyImage from '@solostylist/ui-kit/s-lazy-image/s-lazy-image';
+import SLazyImage from '@solostylist/ui-kit/s-lazy-image';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_IMAGES = ['_(1).png', '_(2).png', '_(3).png', '_(4).png'];
 var ALL_TABS = [TABS.ADJUST, TABS.FINETUNE, TABS.FILTERS, TABS.WATERMARK, TABS.ANNOTATE, TABS.RESIZE];
@@ -46,24 +46,26 @@ var DemoApp = function DemoApp() {
     _useState4 = _slicedToArray(_useState3, 2),
     imageSrcs = _useState4[0],
     setImageSrcs = _useState4[1];
-  var _useState5 = useState(DEFAULT_IMAGES[0]),
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
     activeImageSrc = _useState6[0],
     setActiveImageSrc = _useState6[1];
   var fileInputRef = useRef(null);
+  var updateTabSelection = useCallback(function (prev, tab, checked) {
+    if (checked) {
+      return prev.includes(tab) ? prev : [].concat(_toConsumableArray(prev), [tab]);
+    }
+    return prev.length === 1 ? prev : prev.filter(function (t) {
+      return t !== tab;
+    });
+  }, []);
   var handleTabToggle = useCallback(function (tab) {
     return function (e) {
       setSelectedTabs(function (prev) {
-        if (e.target.checked) {
-          return prev.includes(tab) ? prev : [].concat(_toConsumableArray(prev), [tab]);
-        }
-        if (prev.length === 1) return prev;
-        return prev.filter(function (t) {
-          return t !== tab;
-        });
+        return updateTabSelection(prev, tab, e.target.checked);
       });
     };
-  }, []);
+  }, [updateTabSelection]);
   var handleImageClick = useCallback(function (src) {
     setActiveImageSrc(src);
   }, []);
@@ -100,6 +102,9 @@ var DemoApp = function DemoApp() {
     children: _jsxs(SFlexBox, {
       width: "100%",
       gap: 3,
+      sx: {
+        height: '100vh'
+      },
       children: [_jsxs(Box, {
         children: [_jsx(Typography, {
           variant: "subtitle1",
@@ -148,6 +153,17 @@ var DemoApp = function DemoApp() {
             mb: 3
           },
           children: "Add Image"
+        }), _jsx(SButton, {
+          variant: "outlined",
+          startIcon: _jsx(AddPhotoAlternateIcon, {}),
+          onClick: function onClick() {
+            return setActiveImageSrc('');
+          },
+          fullWidth: true,
+          sx: {
+            mb: 3
+          },
+          children: "Reset"
         }), _jsx(Typography, {
           variant: "subtitle1",
           children: "Tabs"
@@ -173,13 +189,41 @@ var DemoApp = function DemoApp() {
             })
           })]
         })]
-      }), _jsx(ImageEditorComponent, {
-        source: activeImageSrc,
-        tabsIds: selectedTabs,
-        defaultTabId: TABS.ADJUST,
-        observePluginContainerSize: true,
-        onSave: handleSave,
-        resetOnImageSourceChange: true
+      }), _jsx(Box, {
+        sx: {
+          flex: 1,
+          minHeight: 0,
+          maxHeight: '100%',
+          overflow: 'auto'
+        },
+        children: _jsx(ImageEditorComponent, {
+          source: activeImageSrc,
+          tabsIds: selectedTabs,
+          defaultTabId: TABS.ADJUST,
+          observePluginContainerSize: true,
+          onSave: handleSave,
+          rootSx: {
+            backgroundColor: 'var(--s-palette-background-default)'
+          },
+          resetOnImageSourceChange: true,
+          containerHeight: "100vh",
+          canvasAreaHeight: "100vh",
+          language: "vi",
+          cropTopOffset: 20,
+          renderEmptyState: function renderEmptyState() {
+            return _jsx(SFlexBox, {
+              sx: {
+                height: '100%',
+                justifyContent: 'center',
+                alignItems: 'center'
+              },
+              children: _jsx(Typography, {
+                variant: "h6",
+                children: "No image selected"
+              })
+            });
+          }
+        })
       })]
     })
   });

package/lib/hooks/index.d.ts

@@ -10,4 +10,5 @@ export { default as useDrag } from './use-drag';
 export { default as usePhoneScreen } from './use-phone-screen';
 export { default as useTransformedImgData } from './use-transformed-img-data';
 export { default as usePopover } from './use-popover';
+export { default as useImageEditorActions } from './use-image-editor-actions';
 //# sourceMappingURL=index.d.ts.map

package/lib/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAE3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAE3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}

package/lib/hooks/index.js

@@ -9,4 +9,5 @@ export { default as useStore } from "./use-store";
 export { default as useDrag } from "./use-drag";
 export { default as usePhoneScreen } from "./use-phone-screen";
 export { default as useTransformedImgData } from "./use-transformed-img-data";
-export { default as usePopover } from "./use-popover";
+export { default as usePopover } from "./use-popover";
+export { default as useImageEditorActions } from "./use-image-editor-actions";

package/lib/hooks/use-annotation/get-new-annotation-preview.js

@@ -9,7 +9,7 @@ var annotationsNamesToKonvaClasses = _defineProperty(_defineProperty(_defineProp
 var ANNOTATIONS_WITH_POINTS = [TOOLS_IDS.LINE, TOOLS_IDS.ARROW];
 export var NO_WIDTH_HEIGHT_ANNOTATIONS = [].concat(ANNOTATIONS_WITH_POINTS, [TOOLS_IDS.ELLIPSE, TOOLS_IDS.POLYGON]);
 var getNewAnnotationPreview = function getNewAnnotationPreview(annotation) {
-  var _annotation$opacity, _annotation$x, _annotation$y;
+  var _annotation$opacity, _annotation$x, _annotation$y, _annotation$stroke;
   return new annotationsNamesToKonvaClasses[annotation.name](_objectSpread(_objectSpread({}, annotation), {}, {
     opacity: (_annotation$opacity = annotation.opacity) !== null && _annotation$opacity !== void 0 ? _annotation$opacity : 0.7,
     x: (_annotation$x = annotation.x) !== null && _annotation$x !== void 0 ? _annotation$x : 0,
@@ -17,7 +17,7 @@ var getNewAnnotationPreview = function getNewAnnotationPreview(annotation) {
     width: Math.abs(annotation.width) || 0,
     height: Math.abs(annotation.height) || 0
   }, ANNOTATIONS_WITH_POINTS.includes(annotation.name) ? {
-    stroke: annotation.stroke || '#000000'
+    stroke: (_annotation$stroke = annotation.stroke) !== null && _annotation$stroke !== void 0 ? _annotation$stroke : '#000000'
   } : {}));
 };
 export var dimensToProperAnnotationDimens = function dimensToProperAnnotationDimens(currentDimensions, annotationName, isShiftKeyPressed) {

package/lib/hooks/use-annotation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-annotation/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-annotation/index.ts"],"names":[],"mappings":"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"}

package/lib/hooks/use-annotation/index.js

@@ -83,9 +83,10 @@ var useAnnotation = function useAnnotation() {
   }, [annotationDefaults, annotation]);
   var saveAnnotationNoDebounce = useCallback(function (newAnnotationData) {
     setTmpAnnotation(function (latest) {
-      var initialProps = getAnnotationInitialProps(latest, newAnnotationData.name || annotation.name);
+      var _newAnnotationData$na, _newAnnotationData$id, _newAnnotationData$na2;
+      var initialProps = getAnnotationInitialProps(latest, (_newAnnotationData$na = newAnnotationData.name) !== null && _newAnnotationData$na !== void 0 ? _newAnnotationData$na : annotation.name);
       return _objectSpread(_objectSpread(_objectSpread({}, initialProps), newAnnotationData), {}, {
-        id: newAnnotationData.id || randomId(newAnnotationData.name || latest.name),
+        id: (_newAnnotationData$id = newAnnotationData.id) !== null && _newAnnotationData$id !== void 0 ? _newAnnotationData$id : randomId((_newAnnotationData$na2 = newAnnotationData.name) !== null && _newAnnotationData$na2 !== void 0 ? _newAnnotationData$na2 : latest.name),
         shouldSave: true,
         neverSave: false
       });
@@ -121,9 +122,21 @@ var useAnnotation = function useAnnotation() {
     var stopAnnotationEventsListening = null;
     if (canvas && enablePreview) {
       var annotationInitialProps = getAnnotationInitialProps(tmpAnnotation, annotation.name);
+      console.log('[useAnnotation] attach preview events', {
+        hasCanvas: Boolean(canvas),
+        hasPreviewGroup: Boolean(previewGroup),
+        annotationName: annotation.name
+      });
       stopAnnotationEventsListening = previewThenCallAnnotationAdding(canvas, _objectSpread(_objectSpread({}, annotationInitialProps), {}, {
         name: annotation.name
       }), previewGroup, saveAnnotationNoDebounce);
+    } else {
+      console.log('[useAnnotation] skip preview events', {
+        hasCanvas: Boolean(canvas),
+        enablePreview: enablePreview,
+        hasPreviewGroup: Boolean(previewGroup),
+        annotationName: annotation.name
+      });
     }
     return function () {
       if (stopAnnotationEventsListening) {

package/lib/hooks/use-annotation-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-annotation-events.d.ts","sourceRoot":"","sources":["../../src/hooks/use-annotation-events.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAOlD,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACnD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,QAAA,MAAM,mBAAmB,QAAO,uBAmH/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"use-annotation-events.d.ts","sourceRoot":"","sources":["../../src/hooks/use-annotation-events.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAOlD,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACnD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,QAAA,MAAM,mBAAmB,QAAO,uBAkH/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/hooks/use-app-reducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-app-reducer.d.ts","sourceRoot":"","sources":["../../src/hooks/use-app-reducer.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAc,OAAO,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAgBjD;;;;GAIG;AAEH,QAAA,MAAM,aAAa,GACjB,SAAS,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,EAClC,cAAc,QAAQ,EACtB,eAAc,OAAO,CAAC,iBAAiB,CAAM,KAC5C,CAAC,QAAQ,EAAE,QAAQ,CAmDrB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"use-app-reducer.d.ts","sourceRoot":"","sources":["../../src/hooks/use-app-reducer.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAc,OAAO,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAgBjD;;;;GAIG;AACH,QAAA,MAAM,aAAa,GACjB,SAAS,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,EAClC,cAAc,QAAQ,EACtB,eAAc,OAAO,CAAC,iBAAiB,CAAM,KAC5C,CAAC,QAAQ,EAAE,QAAQ,CAmDrB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/hooks/use-app-reducer.js

@@ -25,7 +25,8 @@ var useAppReducer = function useAppReducer(reducer, initialState) {
     hasUndo: false
   });
   var undoRedoResetReducer = function undoRedoResetReducer(state, action) {
-    var newPresentState = reducer(state, action) || initialStateWithUndoRedo;
+    var _reducer;
+    var newPresentState = (_reducer = reducer(state, action)) !== null && _reducer !== void 0 ? _reducer : initialStateWithUndoRedo;
     if ([UNDO, REDO, RESET].includes(action.type)) {
       applyModifyFn(passedConfig.onModify, newPresentState);
       return newPresentState;

package/lib/hooks/use-image-editor-actions.d.ts

@@ -0,0 +1,16 @@
+export interface ImageFileInfo {
+    name?: string;
+    extension?: string;
+    quality?: number;
+    size?: {
+        width?: number;
+        height?: number;
+    };
+}
+declare const useImageEditorActions: () => {
+    saveImage: (imageFileInfo?: Partial<ImageFileInfo> | string) => Promise<void>;
+    resetImage: () => void;
+    getDefaultImageFileInfo: () => ImageFileInfo;
+};
+export default useImageEditorActions;
+//# sourceMappingURL=use-image-editor-actions.d.ts.map

package/lib/hooks/use-image-editor-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-image-editor-actions.d.ts","sourceRoot":"","sources":["../../src/hooks/use-image-editor-actions.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C;AAED,QAAA,MAAM,qBAAqB;gCA4EA,OAAO,CAAC,aAAa,CAAC,GAAG,MAAM;;mCAfR,aAAa;CAuF9D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/hooks/use-image-editor-actions.js

@@ -0,0 +1,147 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { useCallback } from 'react';
+import { RESET, SET_FEEDBACK, SET_SAVING } from "../actions";
+import { useStore, useTransformedImgData } from "./index";
+import { DEFAULT_SAVE_QUALITY, ELLIPSE_CROP, SUPPORTED_IMAGE_TYPES } from "../utils/constants";
+import getDefaultSaveQuality from "../utils/get-default-save-quality";
+import getFileFullName from "../utils/get-file-full-name";
+import randomId from "../utils/random-id";
+var useImageEditorActions = function useImageEditorActions() {
+  var _useStore = useStore(),
+    dispatch = _useStore.dispatch,
+    originalImage = _useStore.originalImage,
+    resize = _useStore.resize,
+    haveNotSavedChanges = _useStore.haveNotSavedChanges,
+    _useStore$adjustments = _useStore.adjustments,
+    _useStore$adjustments2 = _useStore$adjustments === void 0 ? {} : _useStore$adjustments,
+    crop = _useStore$adjustments2.crop,
+    t = _useStore.t,
+    _useStore$config = _useStore.config,
+    onClose = _useStore$config.onClose,
+    closeAfterSave = _useStore$config.closeAfterSave,
+    onSave = _useStore$config.onSave,
+    forceToPngInEllipticalCrop = _useStore$config.forceToPngInEllipticalCrop,
+    defaultSavedImageName = _useStore$config.defaultSavedImageName,
+    defaultSavedImageType = _useStore$config.defaultSavedImageType,
+    _useStore$config$defa = _useStore$config.defaultSavedImageQuality,
+    defaultSavedImageQuality = _useStore$config$defa === void 0 ? DEFAULT_SAVE_QUALITY : _useStore$config$defa,
+    savedImageNamePrefix = _useStore$config.savedImageNamePrefix;
+  var transformImgFn = useTransformedImgData();
+  var getFileNameAndExtension = useCallback(function () {
+    var nameFromSource = defaultSavedImageName !== null && defaultSavedImageName !== void 0 ? defaultSavedImageName : originalImage === null || originalImage === void 0 ? void 0 : originalImage.title;
+    var resolvedName = nameFromSource && nameFromSource.length > 0 ? nameFromSource : savedImageNamePrefix ? function () {
+      var now = new Date();
+      var day = String(now.getDate()).padStart(2, '0');
+      var month = String(now.getMonth() + 1).padStart(2, '0');
+      var year = String(now.getFullYear());
+      var dateStamp = "".concat(day, "-").concat(month, "-").concat(year);
+      var uuid = typeof crypto !== 'undefined' && crypto.randomUUID ? crypto.randomUUID() : randomId();
+      return "".concat(savedImageNamePrefix, "_").concat(dateStamp, "-").concat(uuid);
+    }() : undefined;
+    return getFileFullName(resolvedName, forceToPngInEllipticalCrop && (crop === null || crop === void 0 ? void 0 : crop.ratio) === ELLIPSE_CROP ? 'png' : SUPPORTED_IMAGE_TYPES.includes(defaultSavedImageType === null || defaultSavedImageType === void 0 ? void 0 : defaultSavedImageType.toLowerCase()) && defaultSavedImageType || undefined);
+  }, [defaultSavedImageName, originalImage, savedImageNamePrefix, forceToPngInEllipticalCrop, crop === null || crop === void 0 ? void 0 : crop.ratio, defaultSavedImageType]);
+  var getDefaultImageFileInfo = useCallback(function () {
+    var _getFileNameAndExtens = getFileNameAndExtension(),
+      name = _getFileNameAndExtens.name,
+      extension = _getFileNameAndExtens.extension;
+    return {
+      name: name,
+      extension: extension,
+      quality: getDefaultSaveQuality(defaultSavedImageQuality),
+      size: {
+        width: resize === null || resize === void 0 ? void 0 : resize.width,
+        height: resize === null || resize === void 0 ? void 0 : resize.height
+      }
+    };
+  }, [getFileNameAndExtension, defaultSavedImageQuality, resize]);
+  var saveImage = useCallback(function () {
+    var _ref = _asyncToGenerator(_regeneratorRuntime.mark(function _callee(imageFileInfo) {
+      var normalizedInfo, mergedFileInfo, transformedData, savingResult;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(typeof onSave !== 'function')) {
+              _context.next = 1;
+              break;
+            }
+            throw new Error('Please provide onSave function handler.');
+          case 1:
+            normalizedInfo = typeof imageFileInfo === 'string' ? {
+              name: imageFileInfo
+            } : imageFileInfo !== null && imageFileInfo !== void 0 ? imageFileInfo : {};
+            mergedFileInfo = _objectSpread(_objectSpread(_objectSpread({}, getDefaultImageFileInfo()), normalizedInfo), {}, {
+              size: _objectSpread(_objectSpread({}, getDefaultImageFileInfo().size), normalizedInfo.size)
+            });
+            if (!(!mergedFileInfo.name || !mergedFileInfo.extension)) {
+              _context.next = 2;
+              break;
+            }
+            dispatch({
+              type: SET_FEEDBACK,
+              payload: {
+                feedback: {
+                  message: t('nameIsRequired')
+                }
+              }
+            });
+            return _context.abrupt("return");
+          case 2:
+            dispatch({
+              type: SET_SAVING,
+              payload: {
+                isSaving: true
+              }
+            });
+            transformedData = transformImgFn(mergedFileInfo, false, true);
+            savingResult = onSave(transformedData.imageData, transformedData.designState);
+            _context.prev = 3;
+            if (!(savingResult instanceof Promise)) {
+              _context.next = 4;
+              break;
+            }
+            _context.next = 4;
+            return savingResult;
+          case 4:
+            _context.prev = 4;
+            dispatch({
+              type: SET_SAVING,
+              payload: {
+                isSaving: false
+              }
+            });
+            return _context.finish(4);
+          case 5:
+            if (closeAfterSave && onClose) {
+              onClose('after_save', haveNotSavedChanges);
+            }
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3,, 4, 5]]);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [closeAfterSave, dispatch, getDefaultImageFileInfo, haveNotSavedChanges, onClose, onSave, t, transformImgFn]);
+  var resetImage = useCallback(function () {
+    dispatch({
+      type: RESET,
+      payload: {
+        config: {
+          onClose: onClose
+        }
+      }
+    });
+  }, [dispatch, onClose]);
+  return {
+    saveImage: saveImage,
+    resetImage: resetImage,
+    getDefaultImageFileInfo: getDefaultImageFileInfo
+  };
+};
+export default useImageEditorActions;

package/lib/hooks/use-resize-observer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-resize-observer.d.ts","sourceRoot":"","sources":["../../src/hooks/use-resize-observer.ts"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,gBAAgB,GAAG,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;AAE3D,KAAK,gBAAgB,GAAG,CACtB,OAAO,EAAE,OAAO,EAChB,mBAAmB,CAAC,EAAE,gBAAgB,KACnC,IAAI,CAAC;AACV,KAAK,kBAAkB,GAAG,CACxB,OAAO,EAAE,OAAO,EAChB,mBAAmB,CAAC,EAAE,gBAAgB,KACnC,IAAI,CAAC;AACV,KAAK,wBAAwB,GAAG,CAAC,mBAAmB,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEhF,QAAA,MAAM,iBAAiB,GACrB,WAAU,gBAA2B,KACpC,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,wBAAwB,CA8EjE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"use-resize-observer.d.ts","sourceRoot":"","sources":["../../src/hooks/use-resize-observer.ts"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,gBAAgB,GAAG,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;AAE3D,KAAK,gBAAgB,GAAG,CACtB,OAAO,EAAE,OAAO,EAChB,mBAAmB,CAAC,EAAE,gBAAgB,KACnC,IAAI,CAAC;AACV,KAAK,kBAAkB,GAAG,CACxB,OAAO,EAAE,OAAO,EAChB,mBAAmB,CAAC,EAAE,gBAAgB,KACnC,IAAI,CAAC;AACV,KAAK,wBAAwB,GAAG,CAAC,mBAAmB,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEhF,QAAA,MAAM,iBAAiB,GACrB,WAAU,gBAA2B,KACpC,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,wBAAwB,CA4EjE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/hooks/use-resize-observer.js

@@ -21,9 +21,8 @@ var useResizeObserver = function useResizeObserver() {
     onResizeCallback.current = newOnResizeCallback;
   }, []);
   var initObserver = useCallback(function () {
-    if (!resizeObserver.current) {
-      resizeObserver.current = new ResizeObserver(observerCallback);
-    }
+    var _resizeObserver$curre;
+    (_resizeObserver$curre = resizeObserver.current) !== null && _resizeObserver$curre !== void 0 ? _resizeObserver$curre : resizeObserver.current = new ResizeObserver(observerCallback);
   }, []);
   var observeElement = useCallback(function (element, newOnResizeCallback) {
     if (element) {

package/lib/hooks/use-transformed-img-data.d.ts

@@ -10,7 +10,7 @@ interface ImageFileInfo {
     };
 }
 interface TransformedImgResult {
-    imageData: SavedImageData | Record<string, any>;
+    imageData: SavedImageData;
     designState: ImageDesignState;
     hideLoadingSpinner?: () => void;
 }

package/lib/hooks/use-transformed-img-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-transformed-img-data.d.ts","sourceRoot":"","sources":["../../src/hooks/use-transformed-img-data.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAY/C,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C;AAED,UAAU,oBAAoB;IAC5B,SAAS,EAAE,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChD,WAAW,EAAE,gBAAgB,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,KAAK,oBAAoB,GAAG,CAC1B,aAAa,CAAC,EAAE,aAAa,EAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,EAC7B,uBAAuB,CAAC,EAAE,OAAO,KAC9B,oBAAoB,CAAC;AAE1B,QAAA,MAAM,qBAAqB,QAAO,oBAkLjC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"use-transformed-img-data.d.ts","sourceRoot":"","sources":["../../src/hooks/use-transformed-img-data.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAY/C,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C;AAED,UAAU,oBAAoB;IAC5B,SAAS,EAAE,cAAc,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,KAAK,oBAAoB,GAAG,CAC1B,aAAa,CAAC,EAAE,aAAa,EAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,EAC7B,uBAAuB,CAAC,EAAE,OAAO,KAC9B,oBAAoB,CAAC;AAE1B,QAAA,MAAM,qBAAqB,QAAO,oBAsLjC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/hooks/use-transformed-img-data.js

@@ -30,9 +30,13 @@ var useTransformedImgData = function useTransformedImgData() {
     forceToPngInEllipticalCrop = _state$config.forceToPngInEllipticalCrop,
     defaultSavedImageType = _state$config.defaultSavedImageType;
   var getTransformedImgData = function getTransformedImgData() {
+    var _x, _y, _width, _height, _mappedCropBox$x, _mappedCropBox$y, _size$width, _size$height;
     var imageFileInfo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var pixelRatio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var keepLoadingSpinnerShown = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    if (!originalImage) {
+      throw new Error('No image loaded');
+    }
     var currentImgFileInfo = _objectSpread({
       size: resize
     }, imageFileInfo);
@@ -67,7 +71,7 @@ var useTransformedImgData = function useTransformedImgData() {
       scaleX: preparedDesignLayerScale.x,
       scaleY: preparedDesignLayerScale.y
     });
-    var _ref = _objectSpread(_objectSpread({}, (!currentImgFileInfo.name || !currentImgFileInfo.extension) && getFileFullName(originalImage.name, forceToPngInEllipticalCrop && crop.ratio === ELLIPSE_CROP ? 'png' : SUPPORTED_IMAGE_TYPES.includes(defaultSavedImageType === null || defaultSavedImageType === void 0 ? void 0 : defaultSavedImageType.toLowerCase()) && defaultSavedImageType || undefined)), currentImgFileInfo),
+    var _ref = _objectSpread(_objectSpread({}, (!currentImgFileInfo.name || !currentImgFileInfo.extension) && getFileFullName(originalImage.title, forceToPngInEllipticalCrop && crop.ratio === ELLIPSE_CROP ? 'png' : SUPPORTED_IMAGE_TYPES.includes(defaultSavedImageType === null || defaultSavedImageType === void 0 ? void 0 : defaultSavedImageType.toLowerCase()) && defaultSavedImageType || undefined)), currentImgFileInfo),
       name = _ref.name,
       extension = _ref.extension,
       _ref$quality = _ref.quality,
@@ -79,15 +83,15 @@ var useTransformedImgData = function useTransformedImgData() {
       x: 0,
       y: 0
     } : {
-      x: crop.x || clipX,
-      y: crop.y || clipY,
-      width: crop.width || clipWidth,
-      height: crop.height || clipHeight
+      x: (_x = crop.x) !== null && _x !== void 0 ? _x : clipX,
+      y: (_y = crop.y) !== null && _y !== void 0 ? _y : clipY,
+      width: (_width = crop.width) !== null && _width !== void 0 ? _width : clipWidth,
+      height: (_height = crop.height) !== null && _height !== void 0 ? _height : clipHeight
     }, shownImageDimensions, preparedCanvas.attrs);
     var rotatedCropBox = getSizeAfterRotation(mappedCropBox.width, mappedCropBox.height, rotation);
     preparedCanvas.setAttrs({
-      offsetX: mappedCropBox.width / 2 + (mappedCropBox.x || 0),
-      offsetY: mappedCropBox.height / 2 + (mappedCropBox.y || 0),
+      offsetX: mappedCropBox.width / 2 + ((_mappedCropBox$x = mappedCropBox.x) !== null && _mappedCropBox$x !== void 0 ? _mappedCropBox$x : 0),
+      offsetY: mappedCropBox.height / 2 + ((_mappedCropBox$y = mappedCropBox.y) !== null && _mappedCropBox$y !== void 0 ? _mappedCropBox$y : 0),
       width: rotatedCropBox.width,
       height: rotatedCropBox.height,
       x: rotatedCropBox.width / 2,
@@ -125,8 +129,8 @@ var useTransformedImgData = function useTransformedImgData() {
       mimeType: "image/".concat(extension),
       imageCanvas: finalCanvas,
       imageBase64: finalImgBase64,
-      width: size.width || mappedCropBox.width,
-      height: size.height || mappedCropBox.height
+      width: (_size$width = size.width) !== null && _size$width !== void 0 ? _size$width : mappedCropBox.width,
+      height: (_size$height = size.height) !== null && _size$height !== void 0 ? _size$height : mappedCropBox.height
     }, isQualityAcceptable ? {
       quality: quality
     } : {});

package/lib/types/actions.d.ts

@@ -111,10 +111,8 @@ export type Action = {
     payload: SetFeedbackPayload;
 } | {
     type: typeof SHOW_LOADER;
-    payload?: undefined;
 } | {
     type: typeof HIDE_LOADER;
-    payload?: undefined;
 } | {
     type: typeof CHANGE_POINTER_ICON;
     payload: ChangePointerIconPayload;
@@ -123,10 +121,8 @@ export type Action = {
     payload: SelectAnnotationPayload;
 } | {
     type: typeof CLEAR_ANNOTATIONS_SELECTIONS;
-    payload?: undefined;
 } | {
     type: typeof TOGGLE_ORIGINAL_IMAGE_DISPLAY;
-    payload?: undefined;
 } | {
     type: typeof SELECT_TAB;
     payload: SelectTabPayload;
@@ -183,13 +179,10 @@ export type Action = {
     payload: DuplicateAnnotationsPayload;
 } | {
     type: typeof UNDO;
-    payload?: undefined;
 } | {
     type: typeof REDO;
-    payload?: undefined;
 } | {
     type: typeof RESET;
-    payload?: undefined;
 } | {
     type: typeof SET_SAVED;
     payload: SetSavedPayload;

package/lib/types/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/types/actions.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/types/actions.ts"],"names":[],"mappings":"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"}

package/lib/types/config.d.ts

@@ -1,4 +1,5 @@
-import { RefObject } from 'react';
+import { ReactElement, ReactNode, RefObject } from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
 import { TextAnnotation, ImageAnnotation, RectAnnotation, PolygonAnnotation, PenAnnotation, LineAnnotation, ArrowAnnotation, EllipseAnnotation, AnnotationsCommon } from './annotations';
 import { CropPresetItem, SavedImageData } from './common';
 import { ImageDesignState } from './state';
@@ -75,7 +76,7 @@ export type GetCurrentImgDataFunction = (imageFileInfo: {
     hideLoadingSpinner: () => void;
 };
 export interface ImageEditorConfig {
-    source: string | HTMLImageElement;
+    source?: string | HTMLImageElement;
     annotationsCommon?: AnnotationsCommon;
     Text?: Partial<TextAnnotation> & {
         fonts?: (string | {
@@ -119,7 +120,8 @@ export interface ImageEditorConfig {
     defaultSavedImageQuality?: number;
     forceToPngInEllipticalCrop?: boolean;
     translations?: Record<string, any>;
-    language?: 'en' | 'fr' | 'de' | 'it' | 'pt' | 'es' | 'nl' | 'pl' | 'ro';
+    language?: 'en' | 'vi' | 'zh' | 'fr';
+    supportedLanguages?: Array<'en' | 'vi' | 'zh' | 'fr'>;
     avoidChangesNotSavedAlertOnLeave?: boolean;
     loadableDesignState?: ImageDesignState;
     getCurrentImgDataFnRef?: RefObject<GetCurrentImgDataFunction> | {
@@ -140,5 +142,52 @@ export interface ImageEditorConfig {
     resetOnImageSourceChange?: boolean;
     backgroundColor?: string;
     backgroundImage?: HTMLImageElement;
+    /** Height of the root container (e.g. '100%', 'calc(100vh - 72px)'). When set, root uses this instead of minHeight: 100vh. */
+    containerHeight?: string | number;
+    /** Height of the entire editor. Controls root, canvas, and toolbar layout. */
+    editorHeight?: string | number;
+    /** Height of the toolbar area. Defaults to 120px via CSS variable. */
+    toolbarHeight?: string | number;
+    /** Prefix for auto-generated saved image name (e.g. prefix-tool-uuid). */
+    savedImageNamePrefix?: string;
+    /** MUI sx applied to the root element (.FIE_root). */
+    rootSx?: SxProps<Theme>;
+    /** Extra class name(s) for the root element. */
+    rootClassName?: string;
+    /** Height of the canvas wrapper (MainCanvas container). Replaces hardcoded calc(100vh - ...). */
+    canvasAreaHeight?: string | number;
+    /** Background of the canvas area. String as CSS background; object as MUI sx on wrapper div around Stage. */
+    canvasBackground?: string | SxProps<Theme>;
+    /** Debug helper: show canvas center crosshair/dot. */
+    showCanvasCenter?: boolean;
+    /** Extra top padding for the canvas when crop is active (avoids topbar overlap). */
+    cropTopOffset?: number;
+    /** Optional empty-state component shown when there is no image. */
+    renderEmptyState?: (props: {
+        onUpload: (files: FileList | File[] | null) => void;
+    }) => ReactNode;
+    /**
+     * Optional render prop to wrap the floating toolbar (tool buttons + tool options).
+     * When provided, the editor passes { toolButtons, toolOptions } so the consumer
+     * can render them inside a custom UI (e.g. SAiToolBar with centerContent).
+     */
+    renderFloatingToolbar?: (props: {
+        toolButtons: ReactNode;
+        toolOptions: ReactNode;
+        t: (key: string, defaultValue?: string) => string;
+        onDownload: () => void;
+        language?: ImageEditorConfig['language'];
+    }) => ReactNode;
+    /**
+     * Pass an SAiToolBar (or any React element) directly.
+     * The editor clones it and injects:
+     *   - customActionButtons = tool icon buttons for the active tab
+     *   - centerContent       = options panel for the selected tool
+     * Takes priority over renderFloatingToolbar when both are provided.
+     */
+    toolBarNode?: ReactElement<{
+        customActionButtons?: ReactNode;
+        centerContent?: ReactNode;
+    }>;
 }
 //# sourceMappingURL=config.d.ts.map