@solostylist/image-editor 1.0.10 → 1.0.11

package/lib/actions/duplicate-annotations.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 randomId from 'utils/random-id';
+import randomId from "../utils/random-id";
 export var DUPLICATE_ANNOTATIONS = 'DUPLICATE_ANNOTATIONS';
 var duplicateAnnotations = function duplicateAnnotations(state, payload) {
   var _payload$annotationsI;

package/lib/actions/redo.js

@@ -4,7 +4,7 @@ import _toArray from "@babel/runtime/helpers/toArray";
 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; }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import extractCurrentDesignState from 'utils/extract-current-design-state';
+import extractCurrentDesignState from "../utils/extract-current-design-state";
 export var REDO = 'REDO';
 var redo = function redo(state) {
   if (state.futureDesignStates && state.futureDesignStates.length > 0) {

package/lib/actions/reset.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { DEFAULT_ZOOM_FACTOR } from 'utils/constants';
-import extractCurrentDesignState from 'utils/extract-current-design-state';
+import { DEFAULT_ZOOM_FACTOR } from "../utils/constants";
+import extractCurrentDesignState from "../utils/extract-current-design-state";
 export var RESET = 'RESET';
 var reset = function reset(state, payload) {
   var resettedDesignState = extractCurrentDesignState(_objectSpread(_objectSpread({}, payload.config), {}, {

package/lib/actions/select-tab.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { TABS_TOOLS } from 'components/tools/tools.constants';
-import { POINTER_ICONS, TABS_IDS } from 'utils/constants';
+import { TABS_TOOLS } from "../components/tools/tools.constants";
+import { POINTER_ICONS, TABS_IDS } from "../utils/constants";
 export var SELECT_TAB = 'SELECT_TAB';
 var selectTab = function selectTab(state, payload) {
   var _TABS_TOOLS$payload$t;

package/lib/actions/set-annotation.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["dismissHistory", "replaceCurrent"];
 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 randomId from 'utils/random-id';
+import randomId from "../utils/random-id";
 export var SET_ANNOTATION = 'SET_ANNOTATION';
 var setAnnotation = function setAnnotation(state) {
   var _newAnnotation$id;

package/lib/actions/set-canvas-size.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 getDimensionsMinimalRatio from 'utils/get-dimensions-minimal-ratio';
+import getDimensionsMinimalRatio from "../utils/get-dimensions-minimal-ratio";
 export var SET_CANVAS_SIZE = 'SET_CANVAS_SIZE';
 var setCanvasSize = function setCanvasSize(state, payload) {
   if (state.canvasWidth === payload.canvasWidth && state.canvasHeight === payload.canvasHeight) {

package/lib/actions/set-crop.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 toPrecisedFloat from 'utils/to-precised-float';
+import toPrecisedFloat from "../utils/to-precised-float";
 export var SET_CROP = 'SET_CROP';
 var setCrop = function setCrop(state, payload) {
   var _state$adjustments$cr, _payload$ratioTitleKe;

package/lib/actions/toggle-flip.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { FLIP_DIRECTIONS } from 'utils/constants';
+import { FLIP_DIRECTIONS } from "../utils/constants";
 export var TOGGLE_FLIP = 'TOGGLE_FLIP';
 var toggleFlip = function toggleFlip(state, payload) {
   var flipProperty = payload.direction === FLIP_DIRECTIONS.X ? 'isFlippedX' : 'isFlippedY';

package/lib/actions/undo.js

@@ -4,7 +4,7 @@ import _toArray from "@babel/runtime/helpers/toArray";
 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; }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import extractCurrentDesignState from 'utils/extract-current-design-state';
+import extractCurrentDesignState from "../utils/extract-current-design-state";
 export var UNDO = 'UNDO';
 var undo = function undo(state) {
   if (state.pastDesignStates && state.pastDesignStates.length > 0) {

package/lib/actions/update-state.js

@@ -1,4 +1,4 @@
-import deepMerge from 'utils/deep-merge';
+import deepMerge from "../utils/deep-merge";
 export var UPDATE_STATE = 'UPDATE_STATE';
 var updateState = function updateState(state, payloadObjOrFn) {
   var payload = payloadObjOrFn && typeof payloadObjOrFn === 'function' ? payloadObjOrFn(state) : payloadObjOrFn;

package/lib/actions/zoom-canvas.js

@@ -3,9 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["preparedDimensions"];
 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 calculateZoomData from 'utils/calculate-zoom-data';
-import { DEFAULT_ZOOM_FACTOR } from 'utils/constants';
-import restrictNumber from 'utils/restrict-number';
+import calculateZoomData from "../utils/calculate-zoom-data";
+import { DEFAULT_ZOOM_FACTOR } from "../utils/constants";
+import restrictNumber from "../utils/restrict-number";
 export var ZOOM_CANVAS = 'ZOOM_CANVAS';
 var MIN_ZOOM_FACTOR = 0.03;
 var MAX_ZOOM_FACTOR = 60;

package/lib/components/app/index.js

@@ -6,20 +6,20 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { SFlexBox } from '@solostylist/ui-kit/core';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { CircularProgress } from '@mui/material';
-import { HIDE_LOADER, RESET, SET_FEEDBACK, SET_ORIGINAL_IMAGE, SET_SHOWN_TABS_MENU, SHOW_LOADER, UPDATE_STATE } from 'actions';
-import FeedbackPopup from 'components/feedback-popup';
-import MainCanvas from 'components/main-canvas';
-import Tabs from 'components/tabs';
-import TabsDrawer from 'components/tabs-drawer';
-import ToolsBar from 'components/tools-bar';
-import Topbar from 'components/topbar';
-import { 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';
-import finetunesStrsToClasses from 'utils/finetunes-strs-to-classes';
-import isSameImage from 'utils/is-same-image';
-import loadImage from 'utils/load-image';
+import { HIDE_LOADER, RESET, SET_FEEDBACK, 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 TabsDrawer from "../tabs-drawer";
+import ToolsBar from "../tools-bar";
+import Topbar from "../topbar";
+import { 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";
+import finetunesStrsToClasses from "../../utils/finetunes-strs-to-classes";
+import isSameImage from "../../utils/is-same-image";
+import loadImage from "../../utils/load-image";
 var App = function App() {
   var _ref2, _ref3;
   var _useStore = useStore(),

package/lib/components/assembly-point/index.js

@@ -1,10 +1,10 @@
 import React, { useEffect, memo } from 'react';
 import { SThemeProvider } from '@solostylist/ui-kit/core';
-import App from 'components/app';
-import { AppProvider } from 'context';
-import defaultConfig from 'context/default-config';
-import deepMerge from 'utils/deep-merge';
-import assignFinetuneNamesToKonva from 'utils/assign-finetune-names-to-konva';
+import App from "../app";
+import { AppProvider } from "../../context";
+import defaultConfig from "../../context/default-config";
+import deepMerge from "../../utils/deep-merge";
+import assignFinetuneNamesToKonva from "../../utils/assign-finetune-names-to-konva";
 var AssemblyPoint = function AssemblyPoint(props) {
   var source = props.source;
   if (!source || typeof source !== 'string' && !(source instanceof HTMLImageElement)) {

package/lib/components/common/annotation-options/annotation-options.constants.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { POSITIONS } from 'utils/constants';
+import { POSITIONS } from "../../../utils/constants";
 export var AVAILABLE_POSITIONS = Object.values(POSITIONS);
 export var posCssRotateDegFromRightSide = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, POSITIONS.TOP_LEFT, -145), POSITIONS.TOP_CENTER, -90), POSITIONS.TOP_RIGHT, -45), POSITIONS.MIDDLE_LEFT, 180), POSITIONS.MIDDLE_CENTER, 0), POSITIONS.MIDDLE_RIGHT, 0), POSITIONS.BOTTOM_LEFT, 135), POSITIONS.BOTTOM_CENTER, 90), POSITIONS.BOTTOM_RIGHT, 45);
 export var POPPABLE_OPTIONS = {

package/lib/components/common/annotation-options/index.js

@@ -10,7 +10,7 @@ import { BorderColorOutlined, FlareOutlined, GpsFixedOutlined, OpacityOutlined }
 import Box from '@mui/material/Box';
 import Menu from '@mui/material/Menu';
 import Typography from '@mui/material/Typography';
-import { useStore } from 'hooks';
+import { useStore } from "../../../hooks";
 import { useCallback, useMemo, useState } from 'react';
 import { SFlexBox } from '@solostylist/ui-kit/core';
 import ColorInput from "../color-input";

package/lib/components/common/annotation-options/opacity-field.js

@@ -1,4 +1,4 @@
-import restrictNumber from 'utils/restrict-number';
+import restrictNumber from "../../../utils/restrict-number";
 import Slider from "../slider";
 var MIN_PERCENTANGE = 0;
 var MAX_PERCENTANGE = 1;

package/lib/components/common/annotation-options/position-fields.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { Fragment, useState } from 'react';
 import { ArrowForwardOutlined, FiberManualRecordOutlined } from '@mui/icons-material';
-import { POSITIONS } from 'utils/constants';
-import mapPositionStringToPoint from 'utils/map-position-string-to-point';
-import { useStore } from 'hooks';
+import { POSITIONS } from "../../../utils/constants";
+import mapPositionStringToPoint from "../../../utils/map-position-string-to-point";
+import { useStore } from "../../../hooks";
 import SIconButtonWrapper from "../icon-wrapper";
 import { AVAILABLE_POSITIONS, posCssRotateDegFromRightSide } from "./annotation-options.constants";
 var PositionFields = function PositionFields(_ref) {

package/lib/components/common/annotation-options/shadow-fields.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import ColorInput from 'components/common/color-input';
-import restrictNumber from 'utils/restrict-number';
+import ColorInput from "../color-input";
+import restrictNumber from "../../../utils/restrict-number";
 import Slider from "../slider";
 var ShadowFields = function ShadowFields(_ref) {
   var annotation = _ref.annotation,

package/lib/components/common/annotation-options/stroke-fields.js

@@ -1,5 +1,5 @@
-import ColorInput from 'components/common/color-input';
-import restrictNumber from 'utils/restrict-number';
+import ColorInput from "../color-input";
+import restrictNumber from "../../../utils/restrict-number";
 import Slider from "../slider";
 var MIN_PERCENTANGE = 0;
 var MAX_PERCENTANGE = 100;

package/lib/components/common/button-with-menu/index.js

@@ -6,7 +6,7 @@ import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
-import { useStore } from 'hooks';
+import { useStore } from "../../../hooks";
 var ButtonWithMenu = function ButtonWithMenu(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? '' : _ref$label,

package/lib/components/common/color-input/index.js

@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useRef, useState } from 'react';
 import Box from '@mui/material/Box';
-import { useStore } from 'hooks';
-import { SET_LATEST_COLOR } from 'actions';
+import { useStore } from "../../../hooks";
+import { SET_LATEST_COLOR } from "../../../actions";
 import ColorPickerModal from "../color-picker-modal";
 var ColorInput = function ColorInput(_ref) {
   var onChange = _ref.onChange,

package/lib/components/common/color-picker-modal/index.js

@@ -3,7 +3,7 @@ import Box from '@mui/material/Box';
 import { SButton, SDialog, STextField } from '@solostylist/ui-kit/core';
 import { useCallback, useState } from 'react';
 import { HexColorPicker } from 'react-colorful';
-import { useStore } from 'hooks';
+import { useStore } from "../../../hooks";
 var ColorPickerModal = function ColorPickerModal(_ref) {
   var _ref$defaultColor = _ref.defaultColor,
     defaultColor = _ref$defaultColor === void 0 ? '' : _ref$defaultColor,

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

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import Snackbar from '@mui/material/Snackbar';
 import Alert from '@mui/material/Alert';
-import { SET_FEEDBACK } from 'actions';
-import { useStore } from 'hooks';
-import { FEEDBACK_STATUSES } from 'utils/constants';
+import { SET_FEEDBACK } from "../../actions";
+import { useStore } from "../../hooks";
+import { FEEDBACK_STATUSES } from "../../utils/constants";
 var defaultAnchorOrigin = {
   horizontal: 'center',
   vertical: 'bottom'

package/lib/components/layers/design-layer/annotation-nodes/annotation-nodes.constants.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { TOOLS_IDS } from 'utils/constants';
+import { TOOLS_IDS } from "../../../../utils/constants";
 import RectNode from "./rect-node";
 import EllipseNode from "./ellipse-node";
 import PolygonNode from "./polygon-node";

package/lib/components/layers/design-layer/annotation-nodes/image-node.js

@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["id", "name", "image", "x", "y", "width", "height", "scaleX", "scaleY", "rotation", "annotationEvents", "stroke", "strokeWidth", "shadowOffsetX", "shadowOffsetY", "shadowBlur", "shadowColor", "shadowOpacity", "opacity"];
 import { useEffect, useState } from 'react';
 import { Image } from 'react-konva';
-import loadImage from 'utils/load-image';
+import loadImage from "../../../../utils/load-image";
 import { nodesCommonDefaults } from "../nodes-common-prop-types";
 var ImageNode = function ImageNode(_ref) {
   var id = _ref.id,

package/lib/components/layers/design-layer/annotation-nodes/index.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useAnnotationEvents, useStore } from 'hooks';
+import { useAnnotationEvents, useStore } from "../../../../hooks";
 import MemoizedAnnotation from "./memoized-annotation";
 var AnnotationNodes = function AnnotationNodes() {
   var _useStore = useStore(),

package/lib/components/layers/design-layer/index.js

@@ -5,14 +5,14 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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, useEffect, useMemo, useRef } from 'react';
 import { Image, Layer, Rect } from 'react-konva';
-import getDimensionsMinimalRatio from 'utils/get-dimensions-minimal-ratio';
-import cropImage from 'utils/crop-image';
-import { DESIGN_LAYER_ID, IMAGE_NODE_ID, TOOLS_IDS } from 'utils/constants';
-import { SET_SHOWN_IMAGE_DIMENSIONS } from 'actions';
-import getProperImageToCanvasSpacing from 'utils/get-proper-image-to-canvas-spacing';
-import { useStore } from 'hooks';
-import getSizeAfterRotation from 'utils/get-size-after-rotation';
-import getCenterRotatedPoint from 'utils/get-center-rotated-point';
+import getDimensionsMinimalRatio from "../../../utils/get-dimensions-minimal-ratio";
+import cropImage from "../../../utils/crop-image";
+import { DESIGN_LAYER_ID, IMAGE_NODE_ID, TOOLS_IDS } from "../../../utils/constants";
+import { SET_SHOWN_IMAGE_DIMENSIONS } from "../../../actions";
+import getProperImageToCanvasSpacing from "../../../utils/get-proper-image-to-canvas-spacing";
+import { useStore } from "../../../hooks";
+import getSizeAfterRotation from "../../../utils/get-size-after-rotation";
+import getCenterRotatedPoint from "../../../utils/get-center-rotated-point";
 import AnnotationNodes from "./annotation-nodes";
 import PreviewGroup from "./preview-group";
 var CANVAS_TO_IMG_SPACING = getProperImageToCanvasSpacing();

package/lib/components/layers/transformers-layer/crop-transformer.js

@@ -5,9 +5,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import Konva from 'konva';
 import { useEffect, useMemo, useRef } from 'react';
 import { Ellipse, Image, Rect, Transformer } from 'react-konva';
-import { SET_CROP, SET_FEEDBACK } from 'actions';
-import { useStore } from 'hooks';
-import { CUSTOM_CROP, ELLIPSE_CROP, FEEDBACK_STATUSES, ORIGINAL_CROP, TOOLS_IDS } from 'utils/constants';
+import { SET_CROP, SET_FEEDBACK } from "../../../actions";
+import { useStore } from "../../../hooks";
+import { CUSTOM_CROP, ELLIPSE_CROP, FEEDBACK_STATUSES, ORIGINAL_CROP, TOOLS_IDS } from "../../../utils/constants";
 import TextNode from "../design-layer/annotation-nodes/text-node";
 import { boundDragging, boundResizing } from "./transformers-layer.utils";
 var noEffectTextDimensions = {

package/lib/components/layers/transformers-layer/index.js

@@ -1,6 +1,6 @@
 import { Layer } from 'react-konva';
-import { useStore } from 'hooks';
-import { TOOLS_IDS, TRANSFORMERS_LAYER_ID } from 'utils/constants';
+import { useStore } from "../../../hooks";
+import { TOOLS_IDS, TRANSFORMERS_LAYER_ID } from "../../../utils/constants";
 import CropTransformer from "./crop-transformer";
 import NodesTransformer from "./nodes-transformer";
 var TransformersLayer = function TransformersLayer() {

package/lib/components/layers/transformers-layer/nodes-transformer.js

@@ -1,8 +1,8 @@
 import { useMemo } from 'react';
 import { Transformer } from 'react-konva';
-import { CHANGE_POINTER_ICON, ENABLE_TEXT_CONTENT_EDIT } from 'actions';
-import { useStore } from 'hooks';
-import { NODES_TRANSFORMER_ID, POINTER_ICONS, TOOLS_IDS } from 'utils/constants';
+import { CHANGE_POINTER_ICON, ENABLE_TEXT_CONTENT_EDIT } from "../../../actions";
+import { useStore } from "../../../hooks";
+import { NODES_TRANSFORMER_ID, POINTER_ICONS, TOOLS_IDS } from "../../../utils/constants";
 var NodesTransformer = function NodesTransformer() {
   var _selections$0$attrs$p;
   var _useStore = useStore(),

package/lib/components/layers/transformers-layer/transformers-layer.utils.js

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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 compareRatios from 'utils/compare-ratios';
-import restrictNumber from 'utils/restrict-number';
-import toPrecisedFloat from 'utils/to-precised-float';
+import compareRatios from "../../../utils/compare-ratios";
+import restrictNumber from "../../../utils/restrict-number";
+import toPrecisedFloat from "../../../utils/to-precised-float";
 export var boundDragging = function boundDragging(newDimensions, allowedArea) {
   var maxAllowedX = allowedArea.width - (newDimensions.radiusX * 2 || newDimensions.width);
   var maxAllowedY = allowedArea.height - (newDimensions.radiusY * 2 || newDimensions.height);

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

@@ -5,9 +5,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import Konva from 'konva';
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Stage, useStrictMode } from 'react-konva';
-import { CHANGE_POINTER_ICON, CLEAR_ANNOTATIONS_SELECTIONS, ZOOM_CANVAS } from 'actions';
-import { useStore } from 'hooks';
-import { DEFAULT_ZOOM_FACTOR, POINTER_ICONS, TABS_IDS, TOOLS_IDS } from 'utils/constants';
+import { CHANGE_POINTER_ICON, CLEAR_ANNOTATIONS_SELECTIONS, ZOOM_CANVAS } from "../../actions";
+import { useStore } from "../../hooks";
+import { DEFAULT_ZOOM_FACTOR, POINTER_ICONS, TABS_IDS, TOOLS_IDS } from "../../utils/constants";
 import { endTouchesZooming, zoomOnTouchesMove } from "./touch-zooming-events";
 var ZOOM_DELTA_TO_SCALE_CONVERT_FACTOR = 0.006;
 var CanvasNode = function CanvasNode(_ref) {

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

@@ -1,11 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useEffect, useRef } from 'react';
 import { Box } from '@mui/material';
-import { SET_CANVAS_SIZE } from 'actions';
-import { DesignLayer, TransformersLayer } from 'components/layers';
-import NodeControls from 'components/node-controls';
-import { AppProviderOverridenValue } from 'context';
-import { useResizeObserver, useStore } from 'hooks';
+import { SET_CANVAS_SIZE } from "../../actions";
+import { DesignLayer, TransformersLayer } from "../layers";
+import NodeControls from "../node-controls";
+import { AppProviderOverridenValue } from "../../context";
+import { useResizeObserver, useStore } from "../../hooks";
 import CanvasNode from "./canvas-node";
 var MainCanvas = function MainCanvas() {
   var _providedAppContext$o;

package/lib/components/main-canvas/touch-zooming-events.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { DEFAULT_ZOOM_FACTOR } from 'utils/constants';
+import { DEFAULT_ZOOM_FACTOR } from "../../utils/constants";
 function getDistance(p1, p2) {
   return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
 }

package/lib/components/node-controls/index.js

@@ -2,10 +2,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { ContentCopy, DeleteOutlined } from '@mui/icons-material';
 import { SFlexBox, SIconButton } from '@solostylist/ui-kit/core';
 import { useEffect, useMemo, useState } from 'react';
-import { DUPLICATE_ANNOTATIONS, REMOVE_ANNOTATIONS } from 'actions';
-import { useStore } from 'hooks';
-import { NODES_TRANSFORMER_ID, WATERMARK_ANNOTATION_ID } from 'utils/constants';
-import debounce from 'utils/debounce';
+import { DUPLICATE_ANNOTATIONS, REMOVE_ANNOTATIONS } from "../../actions";
+import { useStore } from "../../hooks";
+import { NODES_TRANSFORMER_ID, WATERMARK_ANNOTATION_ID } from "../../utils/constants";
+import debounce from "../../utils/debounce";
 var NodeControls = function NodeControls() {
   var _useStore = useStore(),
     _useStore$selectionsI = _useStore.selectionsIds,

package/lib/components/tabs/index.js

@@ -1,7 +1,7 @@
 import { STabs } from '@solostylist/ui-kit/core';
 import { useCallback, useMemo } from 'react';
-import { SELECT_TAB } from 'actions';
-import { useStore } from 'hooks';
+import { SELECT_TAB } from "../../actions";
+import { useStore } from "../../hooks";
 import { AVAILABLE_TABS } from "./tabs.constants";
 var Tabs = function Tabs(_ref) {
   var toggleMainMenu = _ref.toggleMainMenu;

package/lib/components/tabs/tabs.constants.js

@@ -1,5 +1,5 @@
 import { BrandingWatermarkOutlined, CropOutlined, EditOutlined, PhotoFilterOutlined, PhotoSizeSelectLargeOutlined, TuneOutlined } from '@mui/icons-material';
-import { TABS_IDS } from 'utils/constants';
+import { TABS_IDS } from "../../utils/constants";
 export var AVAILABLE_TABS = [{
   id: TABS_IDS.ADJUST,
   labelKey: 'adjustTab',

package/lib/components/tabs-drawer/index.js

@@ -3,9 +3,9 @@ import Box from '@mui/material/Box';
 import SwipeableDrawer from '@mui/material/SwipeableDrawer';
 import ButtonBase from '@mui/material/ButtonBase';
 import Typography from '@mui/material/Typography';
-import { useStore } from 'hooks';
-import { SELECT_TAB } from 'actions';
-import { AVAILABLE_TABS } from 'components/tabs/tabs.constants';
+import { useStore } from "../../hooks";
+import { SELECT_TAB } from "../../actions";
+import { AVAILABLE_TABS } from "../tabs/tabs.constants";
 var TabsDrawer = function TabsDrawer(_ref) {
   var _ref$toggleMainMenu = _ref.toggleMainMenu,
     toggleMainMenu = _ref$toggleMainMenu === void 0 ? function () {} : _ref$toggleMainMenu;

package/lib/components/tools/arrow/arrow-button.js

@@ -1,6 +1,6 @@
 import { CallMadeOutlined as ArrowIcon } from '@mui/icons-material';
-import ToolsBarItemButton from 'components/tools-bar/tools-bar-item-button';
-import { TOOLS_IDS } from 'utils/constants';
+import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
+import { TOOLS_IDS } from "../../../utils/constants";
 var ArrowButton = function ArrowButton(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,

package/lib/components/tools/arrow/arrow-options.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useAnnotation } from 'hooks';
-import { TOOLS_IDS } from 'utils/constants';
-import AnnotationOptions from 'components/common/annotation-options';
+import { useAnnotation } from "../../../hooks";
+import { TOOLS_IDS } from "../../../utils/constants";
+import AnnotationOptions from "../../common/annotation-options";
 var ArrowOptions = function ArrowOptions() {
   var _useAnnotation = useAnnotation({
       name: TOOLS_IDS.ARROW

package/lib/components/tools/blur/blur-options.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import Konva from 'konva';
 import { Box } from '@mui/material';
-import Slider from 'components/common/slider';
-import { useFinetune } from 'hooks';
-import restrictNumber from 'utils/restrict-number';
+import Slider from "../../common/slider";
+import { useFinetune } from "../../../hooks";
+import restrictNumber from "../../../utils/restrict-number";
 var MIN_VALUE = 0;
 var DEFAULT_VALUE = {
   blurRadius: MIN_VALUE

package/lib/components/tools/blur/blur.js

@@ -1,6 +1,6 @@
 import { BlurOnOutlined as BlurIcon } from '@mui/icons-material';
-import ToolsBarItemButton from 'components/tools-bar/tools-bar-item-button';
-import { TOOLS_IDS } from 'utils/constants';
+import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
+import { TOOLS_IDS } from "../../../utils/constants";
 var Blur = function Blur(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,

package/lib/components/tools/brightness/brightness-options.js

@@ -1,8 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import Konva from 'konva';
-import Slider from 'components/common/slider';
-import { useFinetune } from 'hooks';
-import restrictNumber from 'utils/restrict-number';
+import Slider from "../../common/slider";
+import { useFinetune } from "../../../hooks";
+import restrictNumber from "../../../utils/restrict-number";
 import { Box } from '@mui/material';
 var MIN_VALUE = -1;
 var DEFAULT_VALUE = {

package/lib/components/tools/brightness/brightness.js

@@ -1,6 +1,6 @@
 import { BrightnessHighOutlined as BrightnessIcon } from '@mui/icons-material';
-import ToolsBarItemButton from 'components/tools-bar/tools-bar-item-button';
-import { TOOLS_IDS } from 'utils/constants';
+import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
+import { TOOLS_IDS } from "../../../utils/constants";
 var Brightness = function Brightness(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,

package/lib/components/tools/contrast/contrast-options.js

@@ -1,8 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import Konva from 'konva';
-import Slider from 'components/common/slider';
-import { useFinetune } from 'hooks';
-import restrictNumber from 'utils/restrict-number';
+import Slider from "../../common/slider";
+import { useFinetune } from "../../../hooks";
+import restrictNumber from "../../../utils/restrict-number";
 import { Box } from '@mui/material';
 var MIN_VALUE = -100;
 var DEFAULT_VALUE = {

package/lib/components/tools/contrast/contrast.js

@@ -1,6 +1,6 @@
 import { ContrastOutlined as ContrastIcon } from '@mui/icons-material';
-import ToolsBarItemButton from 'components/tools-bar/tools-bar-item-button';
-import { TOOLS_IDS } from 'utils/constants';
+import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
+import { TOOLS_IDS } from "../../../utils/constants";
 var Contrast = function Contrast(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,

package/lib/components/tools/crop/crop.constants.js

@@ -1,6 +1,6 @@
 import { CircleOutlined, ImageOutlined, LandscapeOutlined, PortraitOutlined, SettingsOutlined } from '@mui/icons-material';
-import { CUSTOM_CROP, ELLIPSE_CROP, ORIGINAL_CROP } from 'utils/constants';
-import toPrecisedFloat from 'utils/to-precised-float';
+import { CUSTOM_CROP, ELLIPSE_CROP, ORIGINAL_CROP } from "../../../utils/constants";
+import toPrecisedFloat from "../../../utils/to-precised-float";
 export var DEFAULT_CROP_PRESETS = [{
   titleKey: 'custom',
   ratio: CUSTOM_CROP,