@solostylist/image-editor 1.0.12 → 1.0.14

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

@@ -0,0 +1,74 @@
+import { Annotation } from 'types/annotations';
+/**
+ * Working version of an Annotation with all properties optional + control flags
+ * This allows flexible manipulation before saving to state
+ */
+interface WorkingAnnotationBase {
+    id?: string;
+    name?: string;
+    x?: number;
+    y?: number;
+    scaleX?: number;
+    scaleY?: number;
+    rotation?: number;
+    opacity?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    shadowOffsetX?: number;
+    shadowOffsetY?: number;
+    shadowBlur?: number;
+    shadowColor?: string;
+    shadowOpacity?: number;
+    padding?: number;
+    width?: number;
+    height?: number;
+    text?: string;
+    fontFamily?: string;
+    fontSize?: number;
+    letterSpacing?: number;
+    lineHeight?: number;
+    align?: string;
+    fontStyle?: string;
+    image?: string | HTMLImageElement;
+    disableUpload?: boolean;
+    gallery?: Array<{
+        originalUrl: string;
+        previewUrl: string;
+    }>;
+    cornerRadius?: number;
+    radius?: number;
+    sides?: number;
+    radiusX?: number;
+    radiusY?: number;
+    points?: number[];
+    tension?: number;
+    lineCap?: string;
+    selectAnnotationAfterDrawing?: boolean;
+    pointerLength?: number;
+    pointerWidth?: number;
+    shouldSave?: boolean;
+    neverSave?: boolean;
+    fonts?: (string | {
+        label: string;
+        value: string;
+    })[];
+    onFontChange?: (newFontFamily: string, reRenderCanvasFn: () => void) => void;
+}
+type UpdateFnOrObj = Partial<WorkingAnnotationBase> | ((latest: WorkingAnnotationBase) => Partial<WorkingAnnotationBase>);
+/**
+ * Generic hook for managing annotations with preview and state updates
+ *
+ * @template T - The specific annotation type (TextAnnotation, ImageAnnotation, etc.)
+ * @param annotation - Initial annotation data
+ * @param enablePreview - Whether to show preview on canvas
+ * @returns [workingAnnotation, updateFunction, saveFunction]
+ *
+ * @example
+ * const [text, updateText, saveText] = useAnnotation<TextAnnotation>({ name: 'Text' });
+ * // text is typed as TextAnnotation & { shouldSave?, neverSave? }
+ * // Full autocomplete for text-specific properties!
+ */
+declare const useAnnotation: <T extends Annotation = Annotation>(annotation?: Partial<WorkingAnnotationBase>, enablePreview?: boolean) => [T & Pick<WorkingAnnotationBase, "shouldSave" | "neverSave">, (updatesObjOrFn: UpdateFnOrObj) => void, (newAnnotationData: Partial<WorkingAnnotationBase>) => void];
+export default useAnnotation;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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/preview-then-call-annotation-adding.d.ts

@@ -0,0 +1,3 @@
+declare const previewThenCallAnnotationAdding: (canvas: any, annotation: Record<string, any>, previewGroup: any, callbkAfterPreview: (annotationData: Record<string, any>, isNew?: boolean) => void) => (() => void);
+export default previewThenCallAnnotationAdding;
+//# sourceMappingURL=preview-then-call-annotation-adding.d.ts.map

package/lib/hooks/use-annotation/preview-then-call-annotation-adding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-then-call-annotation-adding.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-annotation/preview-then-call-annotation-adding.ts"],"names":[],"mappings":"AAgCA,QAAA,MAAM,+BAA+B,GACnC,QAAQ,GAAG,EACX,YAAY,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC/B,cAAc,GAAG,EACjB,oBAAoB,CAClB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnC,KAAK,CAAC,EAAE,OAAO,KACZ,IAAI,KACR,CAAC,MAAM,IAAI,CAsNb,CAAC;AAEF,eAAe,+BAA+B,CAAC"}

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

@@ -0,0 +1,11 @@
+import { KonvaEventObject } from 'konva/lib/Node';
+export interface AnnotationEventHandlers {
+    onTransform?: (e: KonvaEventObject<Event>) => void;
+    onTransformEnd?: (e: KonvaEventObject<Event>) => void;
+    onDragEnd?: (e: KonvaEventObject<DragEvent>) => void;
+    onClick?: (e: KonvaEventObject<MouseEvent | TouchEvent>) => void;
+    onTap?: (e: KonvaEventObject<MouseEvent | TouchEvent>) => void;
+}
+declare const useAnnotationEvents: () => AnnotationEventHandlers;
+export default useAnnotationEvents;
+//# sourceMappingURL=use-annotation-events.d.ts.map

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

@@ -0,0 +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,uBAkH/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,13 @@
+/** External Dependencies */
+import { Reducer } from 'react';
+import { AppState } from 'types/state';
+import { Action, Dispatch } from 'types/actions';
+import { ImageEditorConfig } from 'types/config';
+/**
+ * A normal react useReducer wrapped inside our own UNDO/REDO Reducer as middleware
+ * for updating the UNDO/REDO states automatically
+ *
+ */
+declare const useAppReducer: (reducer: Reducer<AppState, Action>, initialState: AppState, passedConfig?: Partial<ImageEditorConfig>) => [AppState, Dispatch];
+export default useAppReducer;
+//# sourceMappingURL=use-app-reducer.d.ts.map

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

@@ -0,0 +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;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-debounced-callback.d.ts

@@ -0,0 +1,5 @@
+/** External Dependencies */
+import { DependencyList } from 'react';
+declare const useDebouncedCallback: <T extends (...args: any[]) => any>(func: T, timeout: number, dependencies?: DependencyList) => ((...args: Parameters<T>) => void);
+export default useDebouncedCallback;
+//# sourceMappingURL=use-debounced-callback.d.ts.map

package/lib/hooks/use-debounced-callback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-callback.d.ts","sourceRoot":"","sources":["../../src/hooks/use-debounced-callback.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAKpD,QAAA,MAAM,oBAAoB,GAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAC7D,MAAM,CAAC,EACP,SAAS,MAAM,EACf,eAAc,cAAmB,KAChC,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAEnC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/hooks/use-drag.d.ts

@@ -0,0 +1,8 @@
+type DragEventHandler = (e: MouseEvent | Touch) => void;
+interface DragHandlers {
+    onMouseDown: (e: MouseEvent | TouchEvent) => void;
+    onTouchStart: (e: MouseEvent | TouchEvent) => void;
+}
+declare const useDrag: (onMove?: DragEventHandler, onStart?: DragEventHandler, onEnd?: DragEventHandler) => DragHandlers;
+export default useDrag;
+//# sourceMappingURL=use-drag.d.ts.map

package/lib/hooks/use-drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drag.d.ts","sourceRoot":"","sources":["../../src/hooks/use-drag.ts"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC;AAExD,UAAU,YAAY;IACpB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,OAAO,GACX,SAAS,gBAAgB,EACzB,UAAU,gBAAgB,EAC1B,QAAQ,gBAAgB,KACvB,YAwCF,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/hooks/use-filter.d.ts

@@ -0,0 +1,4 @@
+import { Filter } from 'konva/lib/Node';
+declare const useFilter: () => [Filter | null, (filterToApply: Filter | null) => void];
+export default useFilter;
+//# sourceMappingURL=use-filter.d.ts.map

package/lib/hooks/use-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-filter.d.ts","sourceRoot":"","sources":["../../src/hooks/use-filter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAMxC,QAAA,MAAM,SAAS,QAAO,CACpB,MAAM,GAAG,IAAI,EACb,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAcvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/hooks/use-finetune.d.ts

@@ -0,0 +1,5 @@
+import { Filter } from 'konva/lib/Node';
+import { FinetunesProps } from 'types/state';
+declare const useFinetune: (finetune: Filter, initialProps: FinetunesProps) => [FinetunesProps, (newFinetuneProps: FinetunesProps) => void];
+export default useFinetune;
+//# sourceMappingURL=use-finetune.d.ts.map

package/lib/hooks/use-finetune.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-finetune.d.ts","sourceRoot":"","sources":["../../src/hooks/use-finetune.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAKxC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,QAAA,MAAM,WAAW,GACf,UAAU,MAAM,EAChB,cAAc,cAAc,KAC3B,CAAC,cAAc,EAAE,CAAC,gBAAgB,EAAE,cAAc,KAAK,IAAI,CAiC7D,CAAC;AAEF,eAAe,WAAW,CAAC"}

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-phone-screen.d.ts

@@ -0,0 +1,3 @@
+declare const usePhoneScreen: (screenWidth?: number) => boolean;
+export default usePhoneScreen;
+//# sourceMappingURL=use-phone-screen.d.ts.map

package/lib/hooks/use-phone-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-phone-screen.d.ts","sourceRoot":"","sources":["../../src/hooks/use-phone-screen.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc,GAAI,cAAa,MAAY,KAAG,OACQ,CAAC;AAE7D,eAAe,cAAc,CAAC"}

package/lib/hooks/use-popover.d.ts

@@ -0,0 +1,11 @@
+import { MouseEvent } from 'react';
+interface PopoverState {
+    anchorEl: HTMLElement | null;
+    open: boolean;
+    handleOpen: (event: MouseEvent<HTMLElement>) => void;
+    handleClose: () => void;
+    handleToggle: (event: MouseEvent<HTMLElement>) => void;
+}
+declare const usePopover: () => PopoverState;
+export default usePopover;
+//# sourceMappingURL=use-popover.d.ts.map

package/lib/hooks/use-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../src/hooks/use-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1D,UAAU,YAAY;IACpB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,UAAU,QAAO,YAsBtB,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,12 @@
+interface ResizeCallbackData {
+    entry: ResizeObserverEntry;
+    width: number;
+    height: number;
+}
+type OnResizeCallback = (data: ResizeCallbackData) => void;
+type ObserveElementFn = (element: Element, newOnResizeCallback?: OnResizeCallback) => void;
+type UnobserveElementFn = (element: Element, newOnResizeCallback?: OnResizeCallback) => void;
+type UpdateOnResizeCallbackFn = (newOnResizeCallback: OnResizeCallback) => void;
+declare const useResizeObserver: (onResize?: OnResizeCallback) => [ObserveElementFn, UnobserveElementFn, UpdateOnResizeCallbackFn];
+export default useResizeObserver;
+//# sourceMappingURL=use-resize-observer.d.ts.map

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

@@ -0,0 +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,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-store.d.ts

@@ -0,0 +1,5 @@
+/** Internal Dependencies */
+import { AppContextValue } from 'context/app-context';
+declare const useStore: () => AppContextValue;
+export default useStore;
+//# sourceMappingURL=use-store.d.ts.map

package/lib/hooks/use-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-store.d.ts","sourceRoot":"","sources":["../../src/hooks/use-store.ts"],"names":[],"mappings":"AAGA,4BAA4B;AAC5B,OAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAElE,QAAA,MAAM,QAAQ,QAAO,eAAyC,CAAC;AAC/D,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,20 @@
+import { SavedImageData } from 'types/common';
+import { ImageDesignState } from 'types/state';
+interface ImageFileInfo {
+    name?: string;
+    extension?: string;
+    quality?: number;
+    size?: {
+        width?: number;
+        height?: number;
+    };
+}
+interface TransformedImgResult {
+    imageData: SavedImageData;
+    designState: ImageDesignState;
+    hideLoadingSpinner?: () => void;
+}
+type GetTransformedDataFn = (imageFileInfo?: ImageFileInfo, pixelRatio?: boolean | number, keepLoadingSpinnerShown?: 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

@@ -0,0 +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"}

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/hooks/use-update-effect.d.ts

@@ -0,0 +1,5 @@
+/** External Dependencies */
+import { DependencyList, EffectCallback } from 'react';
+declare const useUpdateEffect: (effectCallback: EffectCallback, dependencies: DependencyList) => void;
+export default useUpdateEffect;
+//# sourceMappingURL=use-update-effect.d.ts.map

package/lib/hooks/use-update-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-effect.d.ts","sourceRoot":"","sources":["../../src/hooks/use-update-effect.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAqB,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE1E,QAAA,MAAM,eAAe,GACnB,gBAAgB,cAAc,EAC9B,cAAc,cAAc,KAC3B,IAmBF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,6 @@
+/** Internal Dependencies */
+import ImageEditor from 'components/assembly-point';
+import { TABS_IDS, TOOLS_IDS } from 'utils/constants';
+export { TABS_IDS as TABS, TOOLS_IDS as TOOLS };
+export default ImageEditor;
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,SAAS,IAAI,KAAK,EAAE,CAAC;AAChD,eAAe,WAAW,CAAC"}