@solostylist/image-editor 1.0.21 → 1.0.22

package/lib/components/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app/index.tsx"],"names":[],"mappings":";AAwbA,wBAAyB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app/index.tsx"],"names":[],"mappings":";AA8aA,wBAAyB"}

package/lib/components/app/index.js

@@ -9,14 +9,14 @@ import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
 import SFileDropzone from '@solostylist/ui-kit/s-file-dropzone';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { Box, CircularProgress } from '@mui/material';
-import { HIDE_LOADER, RESET, SET_FEEDBACK, SET_ORIGINAL_IMAGE, SET_SHOWN_TABS_MENU, SHOW_LOADER, UPDATE_STATE } from "../../actions";
+import { HIDE_LOADER, RESET, SET_ORIGINAL_IMAGE, SET_SHOWN_TABS_MENU, SHOW_LOADER, UPDATE_STATE } from "../../actions";
 import FeedbackPopup from "../feedback-popup";
 import MainCanvas from "../main-canvas";
 import Tabs from "../tabs";
 import STabsDrawer from "../tabs-drawer";
 import ToolsBar from "../tools-bar";
 import Topbar from "../topbar";
-import { usePhoneScreen, useResizeObserver, useStore, useTransformedImgData } from "../../hooks";
+import { useFeedbackHandler, usePhoneScreen, useResizeObserver, useStore, useTransformedImgData } from "../../hooks";
 import useUpdateEffect from "../../hooks/use-update-effect";
 import { ROOT_CONTAINER_CLASS_NAME } from "../../utils/constants";
 import filterStrToClass from "../../utils/filter-str-to-class";
@@ -62,6 +62,8 @@ var App = function App() {
     rootSize = _useState2[0],
     setRootSize = _useState2[1];
   var isPhoneScreen = usePhoneScreen();
+  var _useFeedbackHandler = useFeedbackHandler(),
+    handleError = _useFeedbackHandler.handleError;
   var pluginRootRef = useRef(null);
   var uploadInputRef = useRef(null);
   var imageBeingLoadedSrc = useRef(null);
@@ -75,17 +77,6 @@ var App = function App() {
       }
     });
   }, []);
-  var setError = useCallback(function (newError) {
-    dispatch({
-      type: SET_FEEDBACK,
-      payload: {
-        feedback: {
-          message: typeof newError === 'string' ? newError : newError.message,
-          duration: 0
-        }
-      }
-    });
-  }, []);
   var loadAndSetOriginalImage = function loadAndSetOriginalImage(imgToLoad) {
     return new Promise(function (resolve) {
       var imgSrc = imgToLoad instanceof HTMLImageElement ? imgToLoad === null || imgToLoad === void 0 ? void 0 : imgToLoad.src : imgToLoad;
@@ -106,7 +97,11 @@ var App = function App() {
       imageBeingLoadedSrc.current = imgSrc;
       setTimeout(function () {
         if (typeof imgToLoad === 'string') {
-          loadImage(imgToLoad, defaultSavedImageName, noCrossOrigin).then(setNewOriginalImage)["catch"](setError)["finally"](triggerResolve);
+          loadImage(imgToLoad, defaultSavedImageName, noCrossOrigin).then(setNewOriginalImage)["catch"](function (error) {
+            return handleError(error, t('invalidImageError'), {
+              persistent: true
+            });
+          })["finally"](triggerResolve);
         } else if (imgToLoad instanceof HTMLImageElement) {
           if (!imgToLoad.title && defaultSavedImageName) {
             imgToLoad.title = defaultSavedImageName;
@@ -121,7 +116,9 @@ var App = function App() {
           setNewOriginalImage(imgToLoad);
           triggerResolve();
         } else {
-          setError(t('invalidImageError'));
+          handleError(t('invalidImageError'), t('invalidImageError'), {
+            persistent: true
+          });
           triggerResolve();
         }
       }, 0);

package/lib/components/feedback-popup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/feedback-popup/index.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAiB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAkBlE,UAAU,kBAAkB;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,QAAA,MAAM,aAAa,GAAI,mBAEpB,kBAAkB,mDA+BpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/feedback-popup/index.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAiB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAoBlE,UAAU,kBAAkB;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,QAAA,MAAM,aAAa,GAAI,mBAEpB,kBAAkB,mDA+BpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/feedback-popup/index.js

@@ -9,7 +9,7 @@ var defaultAnchorOrigin = {
   horizontal: 'center',
   vertical: 'bottom'
 };
-var ERROR_TO_SEVERITY = _defineProperty(_defineProperty({}, FEEDBACK_STATUSES.ERROR, 'error'), FEEDBACK_STATUSES.WARNING, 'warning');
+var ERROR_TO_SEVERITY = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FEEDBACK_STATUSES.SUCCESS, 'success'), FEEDBACK_STATUSES.INFO, 'info'), FEEDBACK_STATUSES.ERROR, 'error'), FEEDBACK_STATUSES.WARNING, 'warning');
 var FeedbackPopup = function FeedbackPopup(_ref) {
   var _feedback$duration, _feedback$status;
   var _ref$anchorOrigin = _ref.anchorOrigin,

package/lib/components/main-canvas/image-context-menu.d.ts

@@ -0,0 +1,13 @@
+interface ImageContextMenuProps {
+    anchorPosition: {
+        top: number;
+        left: number;
+    } | null;
+    isActionPending?: boolean;
+    onClose: () => void;
+    onCopy: () => void;
+    onDownload: () => void;
+}
+declare const ImageContextMenu: ({ anchorPosition, isActionPending, onClose, onCopy, onDownload, }: ImageContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageContextMenu;
+//# sourceMappingURL=image-context-menu.d.ts.map

package/lib/components/main-canvas/image-context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-context-menu.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/image-context-menu.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,cAAc,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,GAAI,mEAMvB,qBAAqB,4CAmGvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/main-canvas/image-context-menu.js

@@ -0,0 +1,108 @@
+import ContentCopyOutlined from '@mui/icons-material/ContentCopyOutlined';
+import DownloadOutlined from '@mui/icons-material/DownloadOutlined';
+import { ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material';
+import { useStore } from "../../hooks";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var ImageContextMenu = function ImageContextMenu(_ref) {
+  var anchorPosition = _ref.anchorPosition,
+    _ref$isActionPending = _ref.isActionPending,
+    isActionPending = _ref$isActionPending === void 0 ? false : _ref$isActionPending,
+    onClose = _ref.onClose,
+    onCopy = _ref.onCopy,
+    onDownload = _ref.onDownload;
+  var _useStore = useStore(),
+    t = _useStore.t;
+  return _jsxs(Menu, {
+    open: Boolean(anchorPosition),
+    onClose: onClose,
+    onContextMenu: function onContextMenu(event) {
+      return event.preventDefault();
+    },
+    anchorReference: "anchorPosition",
+    anchorPosition: anchorPosition !== null && anchorPosition !== void 0 ? anchorPosition : undefined,
+    slotProps: {
+      paper: {
+        sx: {
+          overflow: 'hidden',
+          borderRadius: 'var(--s-shape-borderRadius, 8px)',
+          border: '1px solid',
+          borderColor: 'divider',
+          backgroundColor: 'var(--s-palette-background-paper)',
+          boxShadow: 'var(--s-palette-baseShadow)',
+          mt: 0.5,
+          '& .MuiList-root': {
+            py: 0.5
+          }
+        }
+      }
+    },
+    children: [_jsxs(MenuItem, {
+      onClick: onCopy,
+      disabled: isActionPending,
+      sx: {
+        minHeight: 44,
+        px: 1.5,
+        py: 1,
+        gap: 1,
+        color: 'var(--s-palette-text-primary)',
+        '&:hover': {
+          backgroundColor: 'var(--s-palette-action-hover)'
+        }
+      },
+      children: [_jsx(ListItemIcon, {
+        sx: {
+          minWidth: 28,
+          color: 'var(--s-palette-text-primary)'
+        },
+        children: _jsx(ContentCopyOutlined, {
+          fontSize: "small"
+        })
+      }), _jsx(ListItemText, {
+        primary: t('copyImage'),
+        slotProps: {
+          primary: {
+            sx: {
+              fontSize: 14,
+              fontWeight: 500,
+              color: 'var(--s-palette-text-primary)'
+            }
+          }
+        }
+      })]
+    }), _jsxs(MenuItem, {
+      onClick: onDownload,
+      disabled: isActionPending,
+      sx: {
+        minHeight: 44,
+        px: 1.5,
+        py: 1,
+        gap: 1,
+        color: 'var(--s-palette-text-primary)',
+        '&:hover': {
+          backgroundColor: 'var(--s-palette-action-hover)'
+        }
+      },
+      children: [_jsx(ListItemIcon, {
+        sx: {
+          minWidth: 28,
+          color: 'var(--s-palette-text-primary)'
+        },
+        children: _jsx(DownloadOutlined, {
+          fontSize: "small"
+        })
+      }), _jsx(ListItemText, {
+        primary: t('download'),
+        slotProps: {
+          primary: {
+            sx: {
+              fontSize: 14,
+              fontWeight: 500,
+              color: 'var(--s-palette-text-primary)'
+            }
+          }
+        }
+      })]
+    })]
+  });
+};
+export default ImageContextMenu;

package/lib/components/main-canvas/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/index.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,UAAU,+CA+Gf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/index.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,UAAU,+CAwMf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/main-canvas/index.js

@@ -1,16 +1,33 @@
-import { useCallback, useEffect, useRef } from 'react';
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { Box } from '@mui/material';
 import { SET_CANVAS_SIZE } from "../../actions";
 import { DesignLayer, TransformersLayer } from "../layers";
 import NodeControls from "../node-controls";
 import { AppProviderOverridenValue } from "../../context";
-import { useStore } from "../../hooks";
+import { useFeedbackHandler, useStore, useTransformedImgData } from "../../hooks";
+import { copyImageDataToClipboard, downloadImageData } from "../../utils/file";
 import CanvasNode from "./canvas-node";
+import ImageContextMenu from "./image-context-menu";
 import OriginalPreviewLayer from "./original-preview-layer";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var MainCanvas = function MainCanvas() {
   var providedAppContext = useStore();
   var canvasContainerRef = useRef(null);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorPosition = _useState2[0],
+    setAnchorPosition = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isContextActionPending = _useState4[0],
+    setIsContextActionPending = _useState4[1];
+  var transformImgFn = useTransformedImgData();
+  var _useFeedbackHandler = useFeedbackHandler(),
+    handleError = _useFeedbackHandler.handleError,
+    handleSuccess = _useFeedbackHandler.handleSuccess;
   var contextRef = useRef(providedAppContext);
   useEffect(function () {
     contextRef.current = providedAppContext;
@@ -55,7 +72,10 @@ var MainCanvas = function MainCanvas() {
     cropTopOffset = _providedAppContext$c.cropTopOffset,
     defaultToolId = _providedAppContext$c.defaultToolId,
     toolId = providedAppContext.toolId,
-    originalImage = providedAppContext.originalImage;
+    originalImage = providedAppContext.originalImage,
+    isLoadingGlobally = providedAppContext.isLoadingGlobally,
+    textIdOfEditableContent = providedAppContext.textIdOfEditableContent,
+    t = providedAppContext.t;
   var lastToolIdRef = useRef(toolId !== null && toolId !== void 0 ? toolId : null);
   useEffect(function () {
     if (toolId) {
@@ -69,6 +89,60 @@ var MainCanvas = function MainCanvas() {
     }
   }, [originalImage, defaultToolId, toolId]);
   var cropOffset = cropTopOffset !== null && cropTopOffset !== void 0 ? cropTopOffset : 56;
+  var handleCloseContextMenu = useCallback(function () {
+    setAnchorPosition(null);
+  }, []);
+  var handleCanvasContextMenu = useCallback(function (event) {
+    var target = event.target;
+    if (!originalImage || isLoadingGlobally || isContextActionPending || textIdOfEditableContent || target.tagName.toLowerCase() !== 'canvas') {
+      return;
+    }
+    event.preventDefault();
+    setAnchorPosition({
+      top: event.clientY + 2,
+      left: event.clientX + 2
+    });
+  }, [isContextActionPending, isLoadingGlobally, originalImage, textIdOfEditableContent]);
+  var runContextAction = useCallback(function () {
+    var _ref3 = _asyncToGenerator(_regeneratorRuntime.mark(function _callee(action, successMessage, errorMessage) {
+      var transformedData, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            handleCloseContextMenu();
+            setIsContextActionPending(true);
+            _context.prev = 1;
+            transformedData = transformImgFn(undefined, false, false, false);
+            _context.next = 2;
+            return action(transformedData.imageData);
+          case 2:
+            handleSuccess(successMessage);
+            _context.next = 4;
+            break;
+          case 3:
+            _context.prev = 3;
+            _t = _context["catch"](1);
+            handleError(_t, errorMessage);
+          case 4:
+            _context.prev = 4;
+            setIsContextActionPending(false);
+            return _context.finish(4);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 3, 4, 5]]);
+    }));
+    return function (_x, _x2, _x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [handleCloseContextMenu, handleError, handleSuccess, transformImgFn]);
+  var handleCopyImage = useCallback(function () {
+    void runContextAction(copyImageDataToClipboard, t('copySuccess'), t('copyFailed'));
+  }, [runContextAction, t]);
+  var handleDownloadImage = useCallback(function () {
+    void runContextAction(downloadImageData, t('downloadSuccess'), t('downloadFailed'));
+  }, [runContextAction, t]);
   return _jsx(Box, {
     height: canvasAreaHeight !== null && canvasAreaHeight !== void 0 ? canvasAreaHeight : '100%',
     minHeight: 0,
@@ -84,6 +158,7 @@ var MainCanvas = function MainCanvas() {
       position: "relative",
       flexGrow: 1,
       ref: canvasContainerRef,
+      onContextMenu: handleCanvasContextMenu,
       width: '100%',
       children: [!providedAppContext.textIdOfEditableContent && !providedAppContext.isShowOriginalImage && _jsx(NodeControls, {}), _jsx(CanvasNode, {
         children: _jsx(AppProviderOverridenValue, {
@@ -92,6 +167,12 @@ var MainCanvas = function MainCanvas() {
             children: [_jsx(DesignLayer, {}), _jsx(TransformersLayer, {})]
           })
         })
+      }), _jsx(ImageContextMenu, {
+        anchorPosition: anchorPosition,
+        isActionPending: isContextActionPending,
+        onClose: handleCloseContextMenu,
+        onCopy: handleCopyImage,
+        onDownload: handleDownloadImage
       })]
     })
   });

package/lib/components/tabs/index.js

@@ -107,7 +107,7 @@ var Tabs = function Tabs(_ref) {
           });
         },
         sx: {
-          marginLeft: open ? 'auto' : '0',
+          marginLeft: open ? 'auto' : 0.5,
           width: 32,
           height: 32
         },

package/lib/components/tools-bar/tools-bar-item-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tools-bar-item-button.d.ts","sourceRoot":"","sources":["../../../src/components/tools-bar/tools-bar-item-button.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAK1E,UAAU,2BAA2B;IACnC,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;KACrB,CAAC;CACH;AAED,UAAU,uBAAuB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC/D,IAAI,EAAE,oBAAoB,CAAC,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG;QAC1D,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;wIAWE,uBAAuB;AAuC1B,wBAAwC"}
+{"version":3,"file":"tools-bar-item-button.d.ts","sourceRoot":"","sources":["../../../src/components/tools-bar/tools-bar-item-button.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAK1E,UAAU,2BAA2B;IACnC,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;KACrB,CAAC;CACH;AAED,UAAU,uBAAuB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC/D,IAAI,EAAE,oBAAoB,CAAC,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,GAAG;QAC1D,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;wIAWE,uBAAuB;AA6C1B,wBAAwC"}

package/lib/components/tools-bar/tools-bar-item-button.js

@@ -31,9 +31,13 @@ var ToolsBarItemButton = function ToolsBarItemButton(_ref) {
     className: className,
     onClick: handleClick,
     "aria-selected": isSelected,
-    variant: isSelected ? 'outlined' : 'text',
+    variant: "outlined",
     sx: {
-      minWidth: 120
+      minWidth: 120,
+      padding: 2,
+      boxSizing: 'border-box',
+      borderWidth: 1,
+      border: isSelected ? '1px solid primary.main' : '1px solid transparent !important'
     },
     children: [label && _jsx(Typography, {
       color: isSelected ? 'primary.main' : 'text.primary',

package/lib/context/default-translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-translations.d.ts","sourceRoot":"","sources":["../../src/context/default-translations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAwdzE,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE/C,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"default-translations.d.ts","sourceRoot":"","sources":["../../src/context/default-translations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAwfzE,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE/C,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/context/default-translations.js

@@ -14,6 +14,7 @@ export var translationsByLanguage = {
     discardChangesWarningHint: 'If you close modal, your last change will not be saved.',
     cancel: 'Cancel',
     apply: 'Apply',
+    success: 'Success',
     warning: 'Warning',
     confirm: 'Confirm',
     discardChanges: 'Discard changes',
@@ -110,7 +111,14 @@ export var translationsByLanguage = {
     addImageTitle: 'Select image to add...',
     mutualizedFailedToLoadImg: 'Failed to load image.',
     tabsMenu: 'Menu',
+    copy: 'Copy',
+    copyImage: 'Copy image',
+    copySuccess: 'Image copied to clipboard.',
+    copyFailed: 'Failed to copy image.',
     download: 'Download',
+    downloadSuccess: 'Image downloaded successfully.',
+    downloadFailed: 'Failed to download image.',
+    somethingWentWrong: 'Something went wrong.',
     width: 'Width',
     height: 'Height',
     plus: '+',
@@ -121,28 +129,29 @@ export var translationsByLanguage = {
     tabs: 'Công cụ',
     name: 'Tên',
     save: 'Lưu',
-    saveAs: 'Lưu thành',
+    saveAs: 'Lưu dưới dạng',
     back: 'Quay lại',
     loading: 'Đang tải...',
-    resetOperations: 'Đặt lại/xóa tất cả thao tác',
-    changesLoseWarningHint: 'Nếu bạn nhấn "đặt lại" thì thay đổi sẽ mất. Bạn có muốn tiếp tục?',
-    discardChangesWarningHint: 'Nếu bạn đóng cửa sổ, thay đổi gần nhất sẽ không được lưu.',
+    resetOperations: 'Đặt lại và xóa toàn bộ thao tác',
+    changesLoseWarningHint: 'Nếu bạn nhấn "Đặt lại", mọi thay đổi sẽ bị mất. Bạn có muốn tiếp tục không?',
+    discardChangesWarningHint: 'Nếu bạn đóng cửa sổ, các thay đổi sẽ không được lưu.',
     cancel: 'Hủy',
     apply: 'Áp dụng',
+    success: 'Thành công',
     warning: 'Cảnh báo',
     confirm: 'Xác nhận',
     discardChanges: 'Bỏ thay đổi',
-    undoTitle: 'Hoàn tác thao tác cuối',
-    redoTitle: 'Làm lại thao tác cuối',
+    undoTitle: 'Hoàn tác thao tác vừa thực hiện',
+    redoTitle: 'Làm lại thao tác vừa hoàn tác',
     showImageTitle: 'Hiển thị ảnh gốc',
     zoomInTitle: 'Phóng to',
     zoomOutTitle: 'Thu nhỏ',
-    toggleZoomMenuTitle: 'Bật/tắt menu zoom',
+    toggleZoomMenuTitle: 'Hiện/ẩn menu thu phóng',
     adjustTab: 'Điều chỉnh',
     finetuneTab: 'Tinh chỉnh',
     filtersTab: 'Bộ lọc',
-    watermarkTab: 'Hình mờ',
-    annotateTabLabel: 'Ghi chú',
+    watermarkTab: 'Watermark',
+    annotateTabLabel: 'Chú thích',
     resize: 'Đổi kích thước',
     resizeTab: 'Đổi kích thước',
     imageName: 'Tên ảnh',
@@ -152,7 +161,7 @@ export var translationsByLanguage = {
     isNotImage: 'không phải ảnh',
     toBeUploaded: 'sẽ được tải lên',
     cropTool: 'Cắt',
-    original: 'Gốc',
+    original: 'Ảnh gốc',
     custom: 'Tùy chỉnh',
     square: 'Vuông',
     landscape: 'Ngang',
@@ -165,10 +174,10 @@ export var translationsByLanguage = {
     brightnessTool: 'Độ sáng',
     contrastTool: 'Tương phản',
     ellipseTool: 'Elip',
-    unFlipX: 'Bỏ lật X',
-    flipX: 'Lật X',
-    unFlipY: 'Bỏ lật Y',
-    flipY: 'Lật Y',
+    unFlipX: 'Bỏ lật ngang',
+    flipX: 'Lật ngang',
+    unFlipY: 'Bỏ lật dọc',
+    flipY: 'Lật dọc',
     hsvTool: 'HSV',
     hue: 'Sắc độ',
     brightness: 'Độ sáng',
@@ -187,24 +196,24 @@ export var translationsByLanguage = {
     cornerRadius: 'Bo góc',
     resizeWidthTitle: 'Chiều rộng (px)',
     resizeHeightTitle: 'Chiều cao (px)',
-    toggleRatioLockTitle: 'Bật/tắt khóa tỉ lệ',
+    toggleRatioLockTitle: 'Bật/tắt khóa tỷ lệ',
     resetSize: 'Đặt lại về kích thước gốc',
     rotateTool: 'Xoay',
     textTool: 'Văn bản',
     textSpacings: 'Khoảng cách chữ',
-    textAlignment: 'Căn lề chữ',
+    textAlignment: 'Căn chỉnh văn bản',
     fontFamily: 'Phông chữ',
     size: 'Cỡ chữ',
     letterSpacing: 'Giãn chữ',
     lineHeight: 'Chiều cao dòng',
     warmthTool: 'Nhiệt độ màu',
-    addWatermark: 'Thêm hình mờ',
-    addTextWatermark: 'Thêm chữ mờ',
-    addWatermarkTitle: 'Chọn loại hình mờ',
-    uploadWatermark: 'Tải hình mờ',
-    addWatermarkAsText: 'Thêm dạng chữ',
-    padding: 'Khoảng đệm',
-    paddings: 'Khoảng đệm',
+    addWatermark: 'Thêm watermark',
+    addTextWatermark: 'Thêm watermark chữ',
+    addWatermarkTitle: 'Chọn loại watermark',
+    uploadWatermark: 'Tải watermark lên',
+    addWatermarkAsText: 'Thêm watermark chữ',
+    padding: 'Lề trong',
+    paddings: 'Lề trong',
     shadow: 'Bóng',
     horizontal: 'Ngang',
     vertical: 'Dọc',
@@ -213,23 +222,30 @@ export var translationsByLanguage = {
     transparency: 'Độ trong suốt',
     position: 'Vị trí',
     stroke: 'Viền',
-    saveAsModalTitle: 'Lưu thành',
-    extension: 'Đuôi',
+    saveAsModalTitle: 'Lưu dưới dạng',
+    extension: 'Phần mở rộng',
     format: 'Định dạng',
-    nameIsRequired: 'Bắt buộc nhập tên.',
+    nameIsRequired: 'Vui lòng nhập tên.',
     quality: 'Chất lượng',
-    imageDimensionsHoverTitle: 'Kích thước ảnh lưu (rộng x cao)',
-    cropSizeLowerThanResizedWarning: 'Lưu ý: vùng cắt nhỏ hơn kích thước đã đổi, có thể giảm chất lượng',
+    imageDimensionsHoverTitle: 'Kích thước ảnh khi lưu (rộng x cao)',
+    cropSizeLowerThanResizedWarning: 'Lưu ý: vùng cắt nhỏ hơn kích thước đã chọn, chất lượng ảnh có thể bị giảm.',
     actualSize: 'Kích thước thật (100%)',
     fitSize: 'Vừa khung',
     addImageTitle: 'Chọn ảnh để thêm...',
     mutualizedFailedToLoadImg: 'Không thể tải ảnh.',
     tabsMenu: 'Menu',
+    copy: 'Sao chép',
+    copyImage: 'Sao chép ảnh',
+    copySuccess: 'Đã sao chép ảnh vào clipboard.',
+    copyFailed: 'Không thể sao chép ảnh.',
     download: 'Tải xuống',
+    downloadSuccess: 'Tải ảnh thành công.',
+    downloadFailed: 'Tải ảnh thất bại.',
+    somethingWentWrong: 'Đã xảy ra lỗi.',
     width: 'Rộng',
     height: 'Cao',
     plus: '+',
-    cropItemNoEffect: 'Không có xem trước cho mục này',
+    cropItemNoEffect: 'Mục này không có bản xem trước',
     colorPickerModalTitleLabel: 'Chọn màu'
   },
   zh: {
@@ -244,6 +260,7 @@ export var translationsByLanguage = {
     discardChangesWarningHint: '如果关闭弹窗，你的更改将不会保存。',
     cancel: '取消',
     apply: '应用',
+    success: '成功',
     warning: '警告',
     confirm: '确认',
     discardChanges: '放弃更改',
@@ -340,7 +357,14 @@ export var translationsByLanguage = {
     addImageTitle: '选择要添加的图片...',
     mutualizedFailedToLoadImg: '加载图片失败。',
     tabsMenu: '菜单',
+    copy: '复制',
+    copyImage: '复制图片',
+    copySuccess: '图片已复制到剪贴板。',
+    copyFailed: '复制图片失败。',
     download: '下载',
+    downloadSuccess: '图片下载成功。',
+    downloadFailed: '图片下载失败。',
+    somethingWentWrong: '发生了错误。',
     width: '宽度',
     height: '高度',
     plus: '+',
@@ -359,6 +383,7 @@ export var translationsByLanguage = {
     discardChangesWarningHint: 'Si vous fermez la fenêtre, votre dernière modification ne sera pas enregistrée.',
     cancel: 'Annuler',
     apply: 'Appliquer',
+    success: 'Succès',
     warning: 'Avertissement',
     confirm: 'Confirmer',
     discardChanges: 'Ignorer les modifications',
@@ -455,7 +480,14 @@ export var translationsByLanguage = {
     addImageTitle: 'Sélectionnez une image à ajouter...',
     mutualizedFailedToLoadImg: 'Échec du chargement de l’image.',
     tabsMenu: 'Menu',
+    copy: 'Copier',
+    copyImage: 'Copier l’image',
+    copySuccess: 'Image copiée dans le presse-papiers.',
+    copyFailed: 'Échec de la copie de l’image.',
     download: 'Télécharger',
+    downloadSuccess: 'Image téléchargée avec succès.',
+    downloadFailed: 'Échec du téléchargement de l’image.',
+    somethingWentWrong: 'Une erreur est survenue.',
     width: 'Largeur',
     height: 'Hauteur',
     plus: '+',

package/lib/hooks/index.d.ts

@@ -11,4 +11,5 @@ 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';
+export { default as useFeedbackHandler } from './use-feedback-handler';
 //# 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;AAEtD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,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;AAE9E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/hooks/index.js

@@ -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";
+export { default as useImageEditorActions } from "./use-image-editor-actions";
+export { default as useFeedbackHandler } from "./use-feedback-handler";

package/lib/hooks/use-feedback-handler.d.ts

@@ -0,0 +1,11 @@
+interface FeedbackOptions {
+    duration?: number;
+    persistent?: boolean;
+}
+declare const useFeedbackHandler: () => {
+    handleSuccess: (message?: string, options?: FeedbackOptions) => void;
+    handleShowInfo: (message: string, options?: FeedbackOptions) => void;
+    handleError: (error: unknown, fallbackMessage?: string, options?: FeedbackOptions) => void;
+};
+export default useFeedbackHandler;
+//# sourceMappingURL=use-feedback-handler.d.ts.map

package/lib/hooks/use-feedback-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-feedback-handler.d.ts","sourceRoot":"","sources":["../../src/hooks/use-feedback-handler.ts"],"names":[],"mappings":"AAKA,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID,QAAA,MAAM,kBAAkB;gDA0Be,eAAe;8BAOxC,MAAM,YAAY,eAAe;yBAQlC,OAAO,sCAEJ,eAAe;CAmB9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/hooks/use-feedback-handler.js

@@ -0,0 +1,43 @@
+import { useCallback } from 'react';
+import { SET_FEEDBACK } from "../actions";
+import useStore from "./use-store";
+var DEFAULT_FEEDBACK_DURATION = 5000;
+var useFeedbackHandler = function useFeedbackHandler() {
+  var _useStore = useStore(),
+    dispatch = _useStore.dispatch,
+    t = _useStore.t;
+  var showFeedback = useCallback(function (message, status) {
+    var _options$duration;
+    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    dispatch({
+      type: SET_FEEDBACK,
+      payload: {
+        feedback: {
+          message: message,
+          status: status,
+          duration: options.persistent ? 0 : (_options$duration = options.duration) !== null && _options$duration !== void 0 ? _options$duration : DEFAULT_FEEDBACK_DURATION
+        }
+      }
+    });
+  }, [dispatch]);
+  var handleSuccess = useCallback(function () {
+    var message = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : t('success');
+    var options = arguments.length > 1 ? arguments[1] : undefined;
+    showFeedback(message, 'success', options);
+  }, [showFeedback, t]);
+  var handleShowInfo = useCallback(function (message, options) {
+    showFeedback(message, 'info', options);
+  }, [showFeedback]);
+  var handleError = useCallback(function (error) {
+    var fallbackMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : t('somethingWentWrong');
+    var options = arguments.length > 2 ? arguments[2] : undefined;
+    var message = typeof error === 'string' ? error : error instanceof Error && error.message ? error.message : fallbackMessage;
+    showFeedback(message, 'error', options);
+  }, [showFeedback, t]);
+  return {
+    handleSuccess: handleSuccess,
+    handleShowInfo: handleShowInfo,
+    handleError: handleError
+  };
+};
+export default useFeedbackHandler;

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

@@ -1 +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"}
+{"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;gCA6EA,OAAO,CAAC,aAAa,CAAC,GAAG,MAAM;;mCAfR,aAAa;CAiF9D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -4,8 +4,8 @@ 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 { RESET, SET_SAVING } from "../actions";
+import { useFeedbackHandler, 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";
@@ -30,6 +30,8 @@ var useImageEditorActions = function useImageEditorActions() {
     _useStore$config$defa = _useStore$config.defaultSavedImageQuality,
     defaultSavedImageQuality = _useStore$config$defa === void 0 ? DEFAULT_SAVE_QUALITY : _useStore$config$defa,
     savedImageNamePrefix = _useStore$config.savedImageNamePrefix;
+  var _useFeedbackHandler = useFeedbackHandler(),
+    handleError = _useFeedbackHandler.handleError;
   var transformImgFn = useTransformedImgData();
   var getFileNameAndExtension = useCallback(function () {
     var nameFromSource = defaultSavedImageName !== null && defaultSavedImageName !== void 0 ? defaultSavedImageName : originalImage === null || originalImage === void 0 ? void 0 : originalImage.title;
@@ -80,14 +82,7 @@ var useImageEditorActions = function useImageEditorActions() {
               _context.next = 2;
               break;
             }
-            dispatch({
-              type: SET_FEEDBACK,
-              payload: {
-                feedback: {
-                  message: t('nameIsRequired')
-                }
-              }
-            });
+            handleError(t('nameIsRequired'));
             return _context.abrupt("return");
           case 2:
             dispatch({
@@ -127,7 +122,7 @@ var useImageEditorActions = function useImageEditorActions() {
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }(), [closeAfterSave, dispatch, getDefaultImageFileInfo, haveNotSavedChanges, onClose, onSave, t, transformImgFn]);
+  }(), [closeAfterSave, dispatch, getDefaultImageFileInfo, haveNotSavedChanges, onClose, onSave, t, transformImgFn, handleError]);
   var resetImage = useCallback(function () {
     dispatch({
       type: RESET,

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

@@ -14,7 +14,7 @@ interface TransformedImgResult {
     designState: ImageDesignState;
     hideLoadingSpinner?: () => void;
 }
-type GetTransformedDataFn = (imageFileInfo?: ImageFileInfo, pixelRatio?: boolean | number, keepLoadingSpinnerShown?: boolean) => TransformedImgResult;
+type GetTransformedDataFn = (imageFileInfo?: ImageFileInfo, pixelRatio?: boolean | number, keepLoadingSpinnerShown?: boolean, markAsSaved?: boolean) => TransformedImgResult;
 declare const useTransformedImgData: () => GetTransformedDataFn;
 export default useTransformedImgData;
 //# sourceMappingURL=use-transformed-img-data.d.ts.map

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,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"}
+{"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,EACjC,WAAW,CAAC,EAAE,OAAO,KAClB,oBAAoB,CAAC;AAE1B,QAAA,MAAM,qBAAqB,QAAO,oBAyLjC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -34,6 +34,7 @@ var useTransformedImgData = function useTransformedImgData() {
     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;
+    var markAsSaved = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
     if (!originalImage) {
       throw new Error('No image loaded');
     }
@@ -135,9 +136,11 @@ var useTransformedImgData = function useTransformedImgData() {
       quality: quality
     } : {});
     designLayer.setAttr('isSaving', false);
-    dispatch({
-      type: SET_SAVED
-    });
+    if (markAsSaved) {
+      dispatch({
+        type: SET_SAVED
+      });
+    }
     imgNode === null || imgNode === void 0 || imgNode.clearCache();
     preparedCanvas.destroy();
     Konva.pixelRatio = previewPixelRatio;

package/lib/types/actions.d.ts

@@ -40,6 +40,7 @@ export interface SetFeedbackPayload {
     feedback: {
         message: string;
         duration?: number;
+        status?: 'success' | 'info' | 'warning' | 'error';
     };
 }
 export interface ChangePointerIconPayload {

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

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/types/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EACL,QAAQ,EACR,UAAU,EACV,cAAc,EACd,YAAY,EACZ,UAAU,EACX,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGxD,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AACzD,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,6BAA6B,kCAAkC,CAAC;AAC7E,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AACnD,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AACzD,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAC/C,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,KAAK,UAAU,CAAC;AAC7B,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAG3C,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,gBAAgB,CAAC;IAChC,uBAAuB,CAAC,EAAE,UAAU,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,WAAW,wBAAwB;IACvC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAEpD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,8BAA8B,GAAG,gBAAgB,CAAC;AAE9D,MAAM,WAAW,4BAA4B;IAC3C,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,cAAc,CAAC;CACxC;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,GAAG,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAErD,MAAM,WAAW,wBAAwB;IACvC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,2BAA2B;IAC1C,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAGnD,MAAM,MAAM,MAAM,GACd;IAAE,IAAI,EAAE,OAAO,kBAAkB,CAAC;IAAC,OAAO,EAAE,uBAAuB,CAAA;CAAE,GACrE;IAAE,IAAI,EAAE,OAAO,YAAY,CAAC;IAAC,OAAO,EAAE,kBAAkB,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,OAAO,WAAW,CAAA;CAAE,GAC5B;IAAE,IAAI,EAAE,OAAO,WAAW,CAAA;CAAE,GAC5B;IAAE,IAAI,EAAE,OAAO,mBAAmB,CAAC;IAAC,OAAO,EAAE,wBAAwB,CAAA;CAAE,GACvE;IAAE,IAAI,EAAE,OAAO,iBAAiB,CAAC;IAAC,OAAO,EAAE,uBAAuB,CAAA;CAAE,GACpE;IAAE,IAAI,EAAE,OAAO,4BAA4B,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,OAAO,6BAA6B,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,OAAO,UAAU,CAAC;IAAC,OAAO,EAAE,gBAAgB,CAAA;CAAE,GACtD;IAAE,IAAI,EAAE,OAAO,WAAW,CAAC;IAAC,OAAO,EAAE,iBAAiB,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,OAAO,WAAW,CAAC;IAAC,OAAO,EAAE,iBAAiB,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,OAAO,eAAe,CAAC;IAAC,OAAO,EAAE,oBAAoB,CAAA;CAAE,GAC/D;IACE,IAAI,EAAE,OAAO,0BAA0B,CAAC;IACxC,OAAO,EAAE,8BAA8B,CAAC;CACzC,GACD;IACE,IAAI,EAAE,OAAO,wBAAwB,CAAC;IACtC,OAAO,EAAE,4BAA4B,CAAC;CACvC,GACD;IAAE,IAAI,EAAE,OAAO,gBAAgB,CAAC;IAAC,OAAO,EAAE,qBAAqB,CAAA;CAAE,GACjE;IAAE,IAAI,EAAE,OAAO,mBAAmB,CAAC;IAAC,OAAO,EAAE,sBAAsB,CAAA;CAAE,GACrE;IAAE,IAAI,EAAE,OAAO,UAAU,CAAC;IAAC,OAAO,EAAE,gBAAgB,CAAA;CAAE,GACtD;IAAE,IAAI,EAAE,OAAO,UAAU,CAAC;IAAC,OAAO,EAAE,gBAAgB,CAAA;CAAE,GACtD;IAAE,IAAI,EAAE,OAAO,YAAY,CAAC;IAAC,OAAO,EAAE,kBAAkB,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,OAAO,cAAc,CAAC;IAAC,OAAO,EAAE,oBAAoB,CAAA;CAAE,GAC9D;IAAE,IAAI,EAAE,OAAO,QAAQ,CAAC;IAAC,OAAO,EAAE,UAAU,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,OAAO,eAAe,CAAC;IAAC,OAAO,EAAE,qBAAqB,CAAA;CAAE,GAChE;IAAE,IAAI,EAAE,OAAO,WAAW,CAAC;IAAC,OAAO,EAAE,iBAAiB,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,OAAO,UAAU,CAAC;IAAC,OAAO,EAAE,gBAAgB,CAAA;CAAE,GACtD;IAAE,IAAI,EAAE,OAAO,kBAAkB,CAAC;IAAC,OAAO,EAAE,wBAAwB,CAAA;CAAE,GACtE;IAAE,IAAI,EAAE,OAAO,qBAAqB,CAAC;IAAC,OAAO,EAAE,2BAA2B,CAAA;CAAE,GAC5E;IAAE,IAAI,EAAE,OAAO,IAAI,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,OAAO,IAAI,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,OAAO,KAAK,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,OAAO,SAAS,CAAC;IAAC,OAAO,EAAE,eAAe,CAAA;CAAE,GACpD;IAAE,IAAI,EAAE,OAAO,YAAY,CAAC;IAAC,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAG/D,MAAM,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,GAAG,CAAA;CAAE,KAAK,IAAI,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/types/actions.ts"],"names":[],"mappings":"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"}

package/lib/types/state.d.ts

@@ -97,7 +97,7 @@ export interface AppState {
     feedback: {
         message?: string;
         duration?: number;
-        status?: string;
+        status?: 'success' | 'info' | 'warning' | 'error';
     };
     isResetted?: boolean;
     watermarkImgSrc?: string;

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

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

package/lib/utils/constants.d.ts

@@ -79,6 +79,8 @@ export declare const CLOSING_REASONS: {
     readonly BACK_BUTTON: "back-button-clicked";
 };
 export declare const FEEDBACK_STATUSES: {
+    readonly SUCCESS: "success";
+    readonly INFO: "info";
     readonly WARNING: "warning";
     readonly ERROR: "error";
 };

package/lib/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,EAAE,MAAmB,CAAC;AAC5D,eAAO,MAAM,eAAe,EAAE,MAA2B,CAAC;AAC1D,eAAO,MAAM,qBAAqB,EAAE,MAAiC,CAAC;AACtE,eAAO,MAAM,aAAa,EAAE,MAA6B,CAAC;AAC1D,eAAO,MAAM,oBAAoB,EAAE,MAAgC,CAAC;AAEpE,eAAO,MAAM,uBAAuB,EAAE,MAAoB,CAAC;AAE3D,eAAO,MAAM,oBAAoB,EAAE,MAAa,CAAC;AAEjD,eAAO,MAAM,QAAQ;;;;;;;CAOX,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAyBZ,CAAC;AAEX,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,eAAO,MAAM,mBAAmB,EAAE,MAAU,CAAC;AAE7C,eAAO,MAAM,qBAAqB,EAAE,SAAS,MAAM,EAKzC,CAAC;AACX,eAAO,MAAM,oBAAoB,EAAE,SAAS,MAAM,EAMxC,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,MAAiC,CAAC;AAEnE,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,eAAO,MAAM,uBAAuB,EAAE,SAAS,MAAM,EAS3C,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,MAAe,CAAC;AAC5C,eAAO,MAAM,WAAW,EAAE,MAAiB,CAAC;AAC5C,eAAO,MAAM,YAAY,EAAE,MAAkB,CAAC;AAE9C,eAAO,MAAM,SAAS;;;;;;;;;;CAUZ,CAAC;AAEX,eAAO,MAAM,QAAQ;;;CAGX,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,EAAE,MAAmB,CAAC;AAC5D,eAAO,MAAM,eAAe,EAAE,MAA2B,CAAC;AAC1D,eAAO,MAAM,qBAAqB,EAAE,MAAiC,CAAC;AACtE,eAAO,MAAM,aAAa,EAAE,MAA6B,CAAC;AAC1D,eAAO,MAAM,oBAAoB,EAAE,MAAgC,CAAC;AAEpE,eAAO,MAAM,uBAAuB,EAAE,MAAoB,CAAC;AAE3D,eAAO,MAAM,oBAAoB,EAAE,MAAa,CAAC;AAEjD,eAAO,MAAM,QAAQ;;;;;;;CAOX,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAyBZ,CAAC;AAEX,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,eAAO,MAAM,mBAAmB,EAAE,MAAU,CAAC;AAE7C,eAAO,MAAM,qBAAqB,EAAE,SAAS,MAAM,EAKzC,CAAC;AACX,eAAO,MAAM,oBAAoB,EAAE,SAAS,MAAM,EAMxC,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,MAAiC,CAAC;AAEnE,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,eAAO,MAAM,uBAAuB,EAAE,SAAS,MAAM,EAS3C,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,MAAe,CAAC;AAC5C,eAAO,MAAM,WAAW,EAAE,MAAiB,CAAC;AAC5C,eAAO,MAAM,YAAY,EAAE,MAAkB,CAAC;AAE9C,eAAO,MAAM,SAAS;;;;;;;;;;CAUZ,CAAC;AAEX,eAAO,MAAM,QAAQ;;;CAGX,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC"}

package/lib/utils/constants.js

@@ -79,6 +79,8 @@ export var CLOSING_REASONS = {
   BACK_BUTTON: 'back-button-clicked'
 };
 export var FEEDBACK_STATUSES = {
+  SUCCESS: 'success',
+  INFO: 'info',
   WARNING: 'warning',
   ERROR: 'error'
 };

package/lib/utils/file.d.ts

@@ -0,0 +1,4 @@
+import { SavedImageData } from 'types/common';
+export declare const downloadImageData: (imageData: SavedImageData) => Promise<void>;
+export declare const copyImageDataToClipboard: (imageData: SavedImageData) => Promise<void>;
+//# sourceMappingURL=file.d.ts.map

package/lib/utils/file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/utils/file.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAsD9C,eAAO,MAAM,iBAAiB,GAAU,WAAW,cAAc,kBAMhE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,WAAW,cAAc,kBAavE,CAAC"}

package/lib/utils/file.js

@@ -0,0 +1,110 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+var createDownloadLink = function createDownloadLink(blob, fileName) {
+  var objectUrl = URL.createObjectURL(blob);
+  var link = document.createElement('a');
+  link.href = objectUrl;
+  link.download = fileName;
+  link.style.display = 'none';
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(objectUrl);
+};
+var canvasToBlob = function canvasToBlob(canvas, mimeType, quality) {
+  return new Promise(function (resolve, reject) {
+    canvas.toBlob(function (blob) {
+      if (blob) {
+        resolve(blob);
+        return;
+      }
+      reject(new Error('Failed to process image.'));
+    }, mimeType, quality);
+  });
+};
+var getImageBlob = function () {
+  var _ref = _asyncToGenerator(_regeneratorRuntime.mark(function _callee(imageData) {
+    var response;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!imageData.imageCanvas) {
+            _context.next = 1;
+            break;
+          }
+          return _context.abrupt("return", canvasToBlob(imageData.imageCanvas, imageData.mimeType, imageData.quality));
+        case 1:
+          if (!imageData.imageBase64) {
+            _context.next = 3;
+            break;
+          }
+          _context.next = 2;
+          return fetch(imageData.imageBase64);
+        case 2:
+          response = _context.sent;
+          return _context.abrupt("return", response.blob());
+        case 3:
+          throw new Error('No image data available.');
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getImageBlob(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var downloadImageData = function () {
+  var _ref2 = _asyncToGenerator(_regeneratorRuntime.mark(function _callee2(imageData) {
+    var _imageData$fullName;
+    var blob;
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 1;
+          return getImageBlob(imageData);
+        case 1:
+          blob = _context2.sent;
+          createDownloadLink(blob, (_imageData$fullName = imageData.fullName) !== null && _imageData$fullName !== void 0 ? _imageData$fullName : "".concat(imageData.name, ".").concat(imageData.extension));
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function downloadImageData(_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+export var copyImageDataToClipboard = function () {
+  var _ref3 = _asyncToGenerator(_regeneratorRuntime.mark(function _callee3(imageData) {
+    var _navigator$clipboard;
+    var blob, mimeType;
+    return _regeneratorRuntime.wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!(!((_navigator$clipboard = navigator.clipboard) !== null && _navigator$clipboard !== void 0 && _navigator$clipboard.write) || typeof ClipboardItem === 'undefined')) {
+            _context3.next = 1;
+            break;
+          }
+          throw new Error('Clipboard image write is not supported in this browser.');
+        case 1:
+          _context3.next = 2;
+          return getImageBlob(imageData);
+        case 2:
+          blob = _context3.sent;
+          mimeType = blob.type || imageData.mimeType || 'image/png';
+          _context3.next = 3;
+          return navigator.clipboard.write([new ClipboardItem(_defineProperty({}, mimeType, blob))]);
+        case 3:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function copyImageDataToClipboard(_x3) {
+    return _ref3.apply(this, arguments);
+  };
+}();

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.0.21",
+  "version": "1.0.22",
   "license": "MIT",
   "author": "Lê Đặng Trường Đạt",
   "main": "./lib/index.js",