@solostylist/image-editor 1.0.0

package/lib/actions/add-filter.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var ADD_FILTER="ADD_FILTER";var addFilter=function(a,b){return _objectSpread(_objectSpread({},a),{},{isDesignState:!b.dismissHistory,filter:b.filter||null})};export default addFilter;

package/lib/actions/change-pointer-icon.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var CHANGE_POINTER_ICON="CHANGE_POINTER_ICON";var changingPointerIcon=function(a,b){return a.pointerCssIcon===b.pointerCssIcon?a:_objectSpread(_objectSpread({},a),{},{pointerCssIcon:b.pointerCssIcon})};export default changingPointerIcon;

package/lib/actions/change-rotation.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var CHANGE_ROTATION="CHANGE_ROTATION";var changeRotation=function(a,b){return a.adjustments.rotation===b.rotation?a:_objectSpread(_objectSpread({},a),{},{isDesignState:!b.dismissHistory,adjustments:_objectSpread(_objectSpread({},a.adjustments),{},{rotation:b.rotation})})};export default changeRotation;

package/lib/actions/clear-annotations-selections.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var CLEAR_ANNOTATIONS_SELECTIONS="CLEAR_ANNOTATIONS_SELECTIONS";var clearAnnotationsSelections=function(a){return 0===a.selectionsIds.length?a:_objectSpread(_objectSpread({},a),{},{selectionsIds:[]})};export default clearAnnotationsSelections;

package/lib/actions/duplicate-annotations.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import randomId from"utils/random-id";export var DUPLICATE_ANNOTATIONS="DUPLICATE_ANNOTATIONS";var duplicateAnnotations=function(a,b){var c,d=a.annotations,e={};return null===(c=b.annotationsIds)||void 0===c||c.forEach(function(a){var b=d[a];if(b){var c=randomId(b.name);e[c]=_objectSpread(_objectSpread({},b),{},{id:c,x:b.x+20,y:b.y+20})}}),_objectSpread(_objectSpread({},a),{},{isDesignState:!b.dismissHistory,annotations:_objectSpread(_objectSpread({},d),e)})};export default duplicateAnnotations;

package/lib/actions/enable-text-content-edit.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var ENABLE_TEXT_CONTENT_EDIT="ENABLE_TEXT_CONTENT_EDIT";var enableTextContentEdit=function(a,b){return _objectSpread(_objectSpread({},a),{},{textIdOfEditableContent:b.textIdOfEditableContent||void 0})};export default enableTextContentEdit;

package/lib/actions/hide-loader.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var HIDE_LOADER="HIDE_LOADER";var hideLoader=function(a){return _objectSpread(_objectSpread({},a),{},{isLoadingGlobally:!1})};export default hideLoader;

package/lib/actions/index.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";var _actions;import addFilter,{ADD_FILTER}from"./add-filter";import hideLoader,{HIDE_LOADER}from"./hide-loader";import redo,{REDO}from"./redo";import reset,{RESET}from"./reset";import setFeedback,{SET_FEEDBACK}from"./set-feedback";import showLoader,{SHOW_LOADER}from"./show-loader";import selectTab,{SELECT_TAB}from"./select-tab";import undo,{UNDO}from"./undo";import setFinetune,{SET_FINETUNE}from"./set-finetune";import setAnnotation,{SET_ANNOTATION}from"./set-annotation";import changePointerIcon,{CHANGE_POINTER_ICON}from"./change-pointer-icon";import selectAnnotation,{SELECT_ANNOTATION}from"./select-annotation";import clearAnnotationsSelections,{CLEAR_ANNOTATIONS_SELECTIONS}from"./clear-annotations-selections";import toggleOriginalImageDisplay,{TOGGLE_ORIGINAL_IMAGE_DISPLAY}from"./toggle-original-image-display";import selectTool,{SELECT_TOOL}from"./select-tool";import toggleFlip,{TOGGLE_FLIP}from"./toggle-flip";import setCrop,{SET_CROP}from"./set-crop";import changeRotation,{CHANGE_ROTATION}from"./change-rotation";import zoomCanvas,{ZOOM_CANVAS}from"./zoom-canvas";import setCanvasSize,{SET_CANVAS_SIZE}from"./set-canvas-size";import setOriginalImage,{SET_ORIGINAL_IMAGE}from"./set-original-image";import setShownImageDimensions,{SET_SHOWN_IMAGE_DIMENSIONS}from"./set-shown-image-dimensions";import removeAnnotations,{REMOVE_ANNOTATIONS}from"./remove-annotations";import duplicateAnnotations,{DUPLICATE_ANNOTATIONS}from"./duplicate-annotations";import enableTextContentEdit,{ENABLE_TEXT_CONTENT_EDIT}from"./enable-text-content-edit";import setResize,{SET_RESIZE}from"./set-resize";import setSaved,{SET_SAVED}from"./set-saved";import updateState,{UPDATE_STATE}from"./update-state";import setLatestColor,{SET_LATEST_COLOR}from"./set-latest-color";import setShowTabsMenu,{SET_SHOWN_TABS_MENU}from"./set-show-tabs-menu";import setSaving,{SET_SAVING}from"./set-saving";var actions=(_actions={},_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_actions,SET_ORIGINAL_IMAGE,setOriginalImage),SET_FEEDBACK,setFeedback),SHOW_LOADER,showLoader),HIDE_LOADER,hideLoader),CHANGE_POINTER_ICON,changePointerIcon),SELECT_ANNOTATION,selectAnnotation),CLEAR_ANNOTATIONS_SELECTIONS,clearAnnotationsSelections),TOGGLE_ORIGINAL_IMAGE_DISPLAY,toggleOriginalImageDisplay),SELECT_TAB,selectTab),SELECT_TOOL,selectTool),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_actions,ZOOM_CANVAS,zoomCanvas),SET_CANVAS_SIZE,setCanvasSize),SET_SHOWN_IMAGE_DIMENSIONS,setShownImageDimensions),ENABLE_TEXT_CONTENT_EDIT,enableTextContentEdit),SET_LATEST_COLOR,setLatestColor),SET_SHOWN_TABS_MENU,setShowTabsMenu),SET_SAVING,setSaving),ADD_FILTER,addFilter),SET_FINETUNE,setFinetune),SET_ANNOTATION,setAnnotation),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_actions,SET_CROP,setCrop),CHANGE_ROTATION,changeRotation),TOGGLE_FLIP,toggleFlip),SET_RESIZE,setResize),REMOVE_ANNOTATIONS,removeAnnotations),DUPLICATE_ANNOTATIONS,duplicateAnnotations),UNDO,undo),REDO,redo),RESET,reset),SET_SAVED,setSaved),_defineProperty(_actions,UPDATE_STATE,updateState));export default actions;export{SET_ORIGINAL_IMAGE,SET_FEEDBACK,SHOW_LOADER,HIDE_LOADER,CHANGE_POINTER_ICON,SELECT_ANNOTATION,CLEAR_ANNOTATIONS_SELECTIONS,TOGGLE_ORIGINAL_IMAGE_DISPLAY,SELECT_TAB,SELECT_TOOL,ZOOM_CANVAS,SET_CANVAS_SIZE,SET_SHOWN_IMAGE_DIMENSIONS,ENABLE_TEXT_CONTENT_EDIT,SET_LATEST_COLOR,SET_SHOWN_TABS_MENU,SET_SAVING,ADD_FILTER,SET_FINETUNE,SET_ANNOTATION,SET_CROP,CHANGE_ROTATION,TOGGLE_FLIP,SET_RESIZE,REMOVE_ANNOTATIONS,DUPLICATE_ANNOTATIONS,UNDO,REDO,RESET,SET_SAVED,UPDATE_STATE};

package/lib/actions/redo.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _toArray from"@babel/runtime/helpers/toArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _arrayLikeToArray(b,c){(null==c||c>b.length)&&(c=b.length);for(var d=0,f=Array(c);d<c;d++)f[d]=b[d];return f}import extractCurrentDesignState from"utils/extract-current-design-state";export var REDO="REDO";var redo=function(a){if(a.futureDesignStates&&0<a.futureDesignStates.length){var b=extractCurrentDesignState(a,!1),c=_toArray(a.futureDesignStates),d=c[0],e=_arrayLikeToArray(c).slice(1),f=[b].concat(_toConsumableArray(a.pastDesignStates||[]));return _objectSpread(_objectSpread(_objectSpread({},a),d),{},{selectionsIds:[],pastDesignStates:f,futureDesignStates:e,hasUndo:!0,hasRedo:0<e.length,haveNotSavedChanges:!0})}return a};export default redo;

package/lib/actions/remove-annotations.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var REMOVE_ANNOTATIONS="REMOVE_ANNOTATIONS";var removeAnnotations=function(a,b){var c,d=a.annotations,e=a.selectionsIds;return null===(c=b.annotationsIds)||void 0===c||c.forEach(function(b){if(e=e.filter(function(a){return a!==b}),a.designLayer&&d[b]){var c=a.designLayer.findOne("#".concat(b));c&&c.destroy(),delete d[b]}}),_objectSpread(_objectSpread({},a),{},{isDesignState:b.isDesignState||!0,annotations:d,selectionsIds:[]})};export default removeAnnotations;

package/lib/actions/reset.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{DEFAULT_ZOOM_FACTOR}from"utils/constants";import extractCurrentDesignState from"utils/extract-current-design-state";export var RESET="RESET";var reset=function(a,b){var c=extractCurrentDesignState(_objectSpread(_objectSpread({},b.config),{},{imgSrc:a.imgSrc}),!0);return _objectSpread(_objectSpread(_objectSpread({},a),c),{},{zoom:{factor:DEFAULT_ZOOM_FACTOR,x:null,y:null},selectionsIds:[],isResetted:!0,pastDesignStates:[],futureDesignStates:[],hasUndo:!1,hasRedo:!1,haveNotSavedChanges:!1})};export default reset;

package/lib/actions/select-annotation.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SELECT_ANNOTATION="SELECT_ANNOTATION";var selectAnnotation=function(a,b){if(1===a.selectionsIds.length&&a.selectionsIds[0]===b.annotationId)return a;var c;if(b.multiple){c=a.selectionsIds.filter(function(a){return a!==b.annotationId});var d=c.length!==a.selectionsIds.length;d||"string"!=typeof b.annotationId||c.push(b.annotationId)}else c="string"==typeof b.annotationId?[b.annotationId]:b.annotationId;return _objectSpread(_objectSpread({},a),{},{selectionsIds:c})};export default selectAnnotation;

package/lib/actions/select-tab.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}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(a,b){var c;return b.tabId===a.tabId?a:_objectSpread(_objectSpread({},a),{},{tabId:b.tabId,toolId:(null===(c=TABS_TOOLS[b.tabId])||void 0===c?void 0:c[0])||null,selectionsIds:[],pointerCssIcon:b.tabId===TABS_IDS.ANNOTATE?POINTER_ICONS.DRAW:POINTER_ICONS.DEFAULT})};export default selectTab;

package/lib/actions/select-tool.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SELECT_TOOL="SELECT_TOOL";var selectTool=function(a,b){return a.toolId===b.toolId?a:_objectSpread(_objectSpread({},a),{},{toolId:b.toolId,selectionsIds:b.keepSelections?a.selectionsIds:[]})};export default selectTool;

package/lib/actions/set-annotation.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["dismissHistory","replaceCurrent"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import randomId from"utils/random-id";export var SET_ANNOTATION="SET_ANNOTATION";var setAnnotation=function(a){var b,c=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{},d=c.dismissHistory,e=c.replaceCurrent,f=_objectWithoutProperties(c,_excluded),g=null!==(b=f.id)&&void 0!==b?b:randomId(f.name),h=a.annotations[g];return h&&!Object.keys(f).some(function(a){return(f[a]||0===f[a])&&f[a]!==h[a]})?a:_objectSpread(_objectSpread({},a),{},{isDesignState:!(void 0!==d&&d),annotations:_objectSpread(_objectSpread({},a.annotations),{},_defineProperty({},g,_objectSpread(_objectSpread({},void 0!==e&&e?{}:h),f)))})};export default setAnnotation;

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

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import getDimensionsMinimalRatio from"utils/get-dimensions-minimal-ratio";export var SET_CANVAS_SIZE="SET_CANVAS_SIZE";var setCanvasSize=function(a,b){if(a.canvasWidth===b.canvasWidth&&a.canvasHeight===b.canvasHeight)return a;var c=a.initialCanvasWidth,d=void 0===c?b.canvasWidth:c,e=a.initialCanvasHeight,f=void 0===e?b.canvasHeight:e,g=a.originalImage?getDimensionsMinimalRatio(d,f,a.originalImage.width,a.originalImage.height):1,h=a.originalImage?g*a.originalImage.width:0,i=a.originalImage?g*a.originalImage.height:0,j=1;if(d!==b.canvasWidth||f!==b.canvasHeight){var k=b.canvasWidth/h,l=b.canvasHeight/i;j=Math.min(k,l)}return _objectSpread(_objectSpread({},a),{},{initialCanvasWidth:d,initialCanvasHeight:f,canvasWidth:b.canvasWidth,canvasHeight:b.canvasHeight,canvasScale:j})};export default setCanvasSize;

package/lib/actions/set-crop.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import toPrecisedFloat from"utils/to-precised-float";export var SET_CROP="SET_CROP";var setCrop=function(a,b){var c,d,e=null!==(c=a.adjustments.crop)&&void 0!==c?c:{},f={x:b.x===void 0?e.x:toPrecisedFloat(b.x),y:b.y===void 0?e.y:toPrecisedFloat(b.y),ratio:"string"==typeof b.ratio?b.ratio:b.ratio===void 0?e.ratio:toPrecisedFloat(b.ratio),width:b.width===void 0?e.width:toPrecisedFloat(b.width),height:b.height===void 0?e.height:toPrecisedFloat(b.height),ratioTitleKey:null!==(d=b.ratioTitleKey)&&void 0!==d?d:e.ratioTitleKey,noEffect:b.noEffect};return _objectSpread(_objectSpread({},a),{},{isDesignState:!b.dismissHistory,adjustments:_objectSpread(_objectSpread({},a.adjustments),{},{crop:_objectSpread(_objectSpread({},e),f)})})};export default setCrop;

package/lib/actions/set-feedback.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SET_FEEDBACK="SET_FEEDBACK";var setFeedback=function(a,b){return _objectSpread(_objectSpread({},a),{},{isLoadingGlobally:!1,feedback:b.feedback||{}})};export default setFeedback;

package/lib/actions/set-finetune.js

@@ -0,0 +1 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SET_FINETUNE="SET_FINETUNE";var setFinetune=function(a,b){return _objectSpread(_objectSpread({},a),{},{isDesignState:!b.dismissHistory,finetunes:!b.finetune||a.finetunes.includes(b.finetune)?a.finetunes:[].concat(_toConsumableArray(a.finetunes),[b.finetune]),finetunesProps:_objectSpread(_objectSpread({},a.finetunesProps),b.finetuneProps)})};export default setFinetune;

package/lib/actions/set-latest-color.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SET_LATEST_COLOR="SET_LATEST_COLOR";var setLatestColor=function(a,b){return _objectSpread(_objectSpread({},a),{},{latestColors:_objectSpread(_objectSpread({},a.latestColors),b.latestColors)})};export default setLatestColor;

package/lib/actions/set-original-image.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SET_ORIGINAL_IMAGE="SET_ORIGINAL_IMAGE";var setOriginalImage=function(a,b){var c;return _objectSpread(_objectSpread({},a),{},{feedback:{},originalImage:b.originalImage,imgSrc:null===(c=b.originalImage)||void 0===c?void 0:c.src})};export default setOriginalImage;

package/lib/actions/set-resize.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SET_RESIZE="SET_RESIZE";var setResize=function(a,b){var c;return _objectSpread(_objectSpread({},a),{},{isDesignState:!b.dismissHistory,resize:_objectSpread(_objectSpread(_objectSpread({},a.resize),b),{},{manualChangeDisabled:!(null===(c=b.manualChangeDisabled)||void 0===c)&&c})})};export default setResize;

package/lib/actions/set-saved.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SET_SAVED="SET_SAVED";var setSaved=function(a){return a.haveNotSavedChanges?_objectSpread(_objectSpread({},a),{},{haveNotSavedChanges:!1}):a};export default setSaved;

package/lib/actions/set-saving.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SET_SAVING="SET_SAVING";var setSaving=function(a,b){return _objectSpread(_objectSpread({},a),{},{isSaving:b.isSaving,isLoadingGlobally:b.isSaving})};export default setSaving;

package/lib/actions/set-show-tabs-menu.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SET_SHOWN_TABS_MENU="SET_SHOWN_TABS_MENU";var setShowTabsMenu=function(a,b){return _objectSpread(_objectSpread({},a),{},{showTabsMenu:b.opened})};export default setShowTabsMenu;

package/lib/actions/set-shown-image-dimensions.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SET_SHOWN_IMAGE_DIMENSIONS="SET_SHOWN_IMAGE_DIMENSIONS";var setShownImageDimensions=function(a,b){return _objectSpread(_objectSpread({},a),{},{shownImageDimensions:_objectSpread(_objectSpread({},a.shownImageDimensions),b.shownImageDimensions),designLayer:b.designLayer||a.designLayer,previewGroup:b.previewGroup||a.previewGroup})};export default setShownImageDimensions;

package/lib/actions/show-loader.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var SHOW_LOADER="SHOW_LOADER";var showLoader=function(a){return _objectSpread(_objectSpread({},a),{},{isLoadingGlobally:!0})};export default showLoader;

package/lib/actions/toggle-flip.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{FLIP_DIRECTIONS}from"utils/constants";export var TOGGLE_FLIP="TOGGLE_FLIP";var toggleFlip=function(a,b){var c="isFlipped".concat(b.direction===FLIP_DIRECTIONS.X?"X":"Y");return _objectSpread(_objectSpread({},a),{},{isDesignState:!b.dismissHistory,adjustments:_objectSpread(_objectSpread({},a.adjustments),{},_defineProperty({},c,!a.adjustments[c]))})};export default toggleFlip;

package/lib/actions/toggle-original-image-display.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var TOGGLE_ORIGINAL_IMAGE_DISPLAY="TOGGLE_ORIGINAL_IMAGE_DISPLAY";var toggleOriginalImageDisplay=function(a,b){return _objectSpread(_objectSpread({},a),{},{isShowOriginalImage:b.isShow})};export default toggleOriginalImageDisplay;

package/lib/actions/undo.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _toArray from"@babel/runtime/helpers/toArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _arrayLikeToArray(b,c){(null==c||c>b.length)&&(c=b.length);for(var d=0,f=Array(c);d<c;d++)f[d]=b[d];return f}import extractCurrentDesignState from"utils/extract-current-design-state";export var UNDO="UNDO";var undo=function(a){if(a.pastDesignStates&&0<a.pastDesignStates.length){var b=extractCurrentDesignState(a,!1),c=_toArray(a.pastDesignStates),d=c[0],e=_arrayLikeToArray(c).slice(1),f=[b].concat(_toConsumableArray(a.futureDesignStates||[]));return _objectSpread(_objectSpread(_objectSpread({},a),d),{},{selectionsIds:[],pastDesignStates:e,futureDesignStates:f,hasUndo:0<e.length,hasRedo:!0,haveNotSavedChanges:0<e.length})}return a};export default undo;

package/lib/actions/update-state.js

@@ -0,0 +1 @@
+import deepMerge from"utils/deep-merge";export var UPDATE_STATE="UPDATE_STATE";var updateState=function(a,b){var c=b&&"function"==typeof b?b(a):b;return c?deepMerge(a,c):a};export default updateState;

package/lib/actions/zoom-canvas.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["preparedDimensions"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}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=.03,MAX_ZOOM_FACTOR=60,zoomCanvas=function(a,b){var c,d=restrictNumber(parseFloat(parseFloat(b.factor+"").toFixed(2)),MIN_ZOOM_FACTOR,MAX_ZOOM_FACTOR);if(b.preparedDimensions){var e=b.preparedDimensions,f=_objectWithoutProperties(b,_excluded);c=f}else{var g,h,i={x:b.x||0===b.x?null!==(g=b.x)&&void 0!==g?g:a.zoom.x:a.canvasWidth/2,y:b.y||0===b.y?null!==(h=b.y)&&void 0!==h?h:a.zoom.y:a.canvasHeight/2};c=calculateZoomData(_objectSpread(_objectSpread({},i),{},{factor:d}),b.isAbsoluteZoom?{factor:DEFAULT_ZOOM_FACTOR,x:null,y:null}:a.zoom,a.canvasWidth,a.canvasHeight)}return c.factor===a.zoom.factor&&c.x===a.zoom.x&&c.y===a.zoom.y?a:_objectSpread(_objectSpread({},a),{},{zoom:_objectSpread(_objectSpread({},a.zoom),c)})};export default zoomCanvas;

package/lib/components/app/index.js

@@ -0,0 +1 @@
+import _typeof from"@babel/runtime/helpers/typeof";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}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 cloudimageQueryToDesignState from"utils/cloudimage-query-to-design-state";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{getBackendTranslations}from"utils/translator";var App=function(){var a,b,c=useStore(),d=c.config,e=c.isLoadingGlobally,f=c.haveNotSavedChanges,g=c.dispatch,h=c.originalImage,i=c.shownImageDimensions,j=c.t,k=c.feedback,l=void 0===k?{}:k,m=d.loadableDesignState,n=d.useCloudimage,o=d.cloudimage,p=d.source,q=d.avoidChangesNotSavedAlertOnLeave,r=d.useBackendTranslations,s=d.translations,t=d.language,u=d.defaultSavedImageName,v=d.observePluginContainerSize,w=d.showCanvasOnly,x=d.getCurrentImgDataFnRef,y=d.updateStateFnRef,z=d.noCrossOrigin,A=d.resetOnImageSourceChange,B=window.matchMedia("(max-width: 760px)").matches,C=useResizeObserver(),D=_slicedToArray(C,2),E=D[0],F=D[1],G=useState({width:void 0,height:void 0}),H=_slicedToArray(G,2),I=H[0],J=H[1],K=usePhoneScreen(),L=useRef(null),M=useRef(!1),N=useRef(null),O=useRef(f),P=useTransformedImgData(),Q=useCallback(function(a){g({type:SET_ORIGINAL_IMAGE,payload:{originalImage:a}})},[]),R=useCallback(function(a){g({type:SET_FEEDBACK,payload:{feedback:{message:a.message||a,duration:0}}})},[]),S=function(a){return new Promise(function(b){var c=(null===a||void 0===a?void 0:a.src)||a;if(N.current===c||!c&&h||isSameImage(c,h))return void(N.current||b());var d=function(){N.current=null,b()};N.current=c,setTimeout(function(){if("string"==typeof a)loadImage(a,u,z).then(Q)["catch"](R)["finally"](d);else if(a instanceof HTMLImageElement){if(!a.name&&u&&(a.name=u),!a.complete)return void a.addEventListener("load",function(){Q(a),d()});Q(a),d()}else R(j("invalidImageError")),d()},0)})},T=function(a){O.current&&(a.preventDefault(),a.returnValue="")},U=function(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:function(){return[]};return g({type:SHOW_LOADER}),Promise.all(a())["finally"](function(){g({type:HIDE_LOADER})})},V=function(){m&&0<Object.keys(m).length&&g({type:UPDATE_STATE,payload:_objectSpread(_objectSpread({},m),{},{finetunes:finetunesStrsToClasses(null===m||void 0===m?void 0:m.finetunes),filter:filterStrToClass(null===m||void 0===m?void 0:m.filter)})})};useUpdateEffect(function(){p&&!isSameImage(p,h)&&(M.current=!1,void U(function(){return[S(p)]})),A&&g({type:RESET,payload:{config:d}})},[p]),useUpdateEffect(function(){var a=null===m||void 0===m?void 0:m.imgSrc;a&&!isSameImage(a,h)?void U(function(){return[S(a).then(V)]}):V()},[m]),useEffect(function(){0<Object.keys(i||{}).length&&!Object.keys(i).some(function(a){return!i[a]})&&h&&n&&null!==o&&void 0!==o&&o.loadableQuery&&!M.current&&(g({type:UPDATE_STATE,payload:cloudimageQueryToDesignState(o.loadableQuery,i,h)}),M.current=!0)},[i,h,n,o]),useEffect(function(){var a=!1;return v&&L.current?E(L.current.parentNode,function(a){var b=a.width,c=a.height;return J({width:b,height:c})}):I.width&&I.height&&!a&&J({width:void 0,height:void 0}),function(){v&&L.current&&F(L.current),a=!0}},[v]),useEffect(function(){return void U(function(){return[S((null===m||void 0===m?void 0:m.imgSrc)||p)].concat(_toConsumableArray(r?[getBackendTranslations(t,s)]:[]))}),window&&!q&&window.addEventListener("beforeunload",T),function(){window&&!q&&window.removeEventListener("beforeunload",T)}},[]),useEffect(function(){y&&"object"===_typeof(y)&&(y.current=function(a){g({type:UPDATE_STATE,payload:a})})},[y,g]),useEffect(function(){x&&"object"===_typeof(x)&&(x.current=P)},[P]),useEffect(function(){O.current=f},[f]);var W=function(a){g({type:SET_SHOWN_TABS_MENU,payload:{opened:a}})};return React.createElement(SFlexBox,{className:ROOT_CONTAINER_CLASS_NAME,"data-phone":K,ref:L,sx:{backgroundColor:"background.default",flexDirection:"column",alignItems:"center",height:null!==(a=I.height)&&void 0!==a?a:"100%",maxHeight:"100%",width:null!==(b=I.width)&&void 0!==b?b:"100%",maxWidth:"100%",overflow:B?"unset":"auto",borderRadius:"8px",position:"relative",minHeight:"650px"}},e&&React.createElement(CircularProgress,{sx:{position:"absolute",zIndex:11111,top:"50%",left:"50%",transform:"translate(-50%, -50%)",userSelect:"none"}}),function(){return React.createElement(React.Fragment,null,!w&&React.createElement(React.Fragment,null,B&&React.createElement(TabsDrawer,{toggleMainMenu:W}),React.createElement(Topbar,{toggleMainMenu:W})),h&&0!==l.duration&&React.createElement(SFlexBox,{sx:{width:"100%",boxSizing:"border-box",height:"calc(100% - 95px)",alignItems:"flex-start",flexGrow:1}},!w&&!B&&React.createElement(SFlexBox,{sx:_objectSpread({flexDirection:"column",minWidth:"108px",height:"100%",p:2,gap:2,overflowY:"auto",maxHeight:"100%"},K&&{p:0})},React.createElement(Tabs,{toggleMainMenu:W})),React.createElement(SFlexBox,{sx:{height:"100%",width:"calc(100% - 80px)",flexGrow:1,flexDirection:"column",overflowY:B?"unset":"auto"}},React.createElement(MainCanvas,null),!w&&React.createElement(ToolsBar,{isPhoneScreen:K}))))}(),React.createElement(FeedbackPopup,{anchorOrigin:{vertical:"top",horizontal:"center"}}))};export default memo(App);

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

@@ -0,0 +1 @@
+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";var AssemblyPoint=function(a){var b=a.source,c=a.useCloudimage,d=a.cloudimage;if(!b||"string"!=typeof b&&!(b instanceof HTMLImageElement))throw new Error("`source` property is required either a string of image url or a HTMLImageElement for the image that will be edited.");if(c){var e,f;if(null!==d&&void 0!==d&&null!==(e=d.imageSealing)&&void 0!==e&&e.enable&&!(null!==d&&void 0!==d&&null!==(f=d.imageSealing)&&void 0!==f&&f.salt))throw new Error("`salt` property of imageSealing object is required in cloudimage mode as long as `imageSealing` is enabled.")}useEffect(function(){assignFinetuneNamesToKonva()},[]);var g=deepMerge(defaultConfig,a);return React.createElement(React.StrictMode,null,React.createElement(SThemeProvider,{defaultMode:"dark"},React.createElement(AppProvider,{config:g},React.createElement(App,null))))};export default memo(AssemblyPoint);

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

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";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={OPACITY:"opacity",STROKE:"stroke",SHADOW:"shadow",POSITION:"position"};

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","morePoppableOptionsPrepended","moreOptionsPopupComponentsObj","morePoppableOptionsAppended","annotation","updateAnnotation","hideFillOption","hidePositionField"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{BorderColorOutlined,FlareOutlined,GpsFixedOutlined,OpacityOutlined}from"@mui/icons-material";import Box from"@mui/material/Box";import Menu from"@mui/material/Menu";import Typography from"@mui/material/Typography";import{useStore}from"hooks";import{useCallback,useMemo,useState}from"react";import{SFlexBox}from"@solostylist/ui-kit/core";import ColorInput from"../color-input";import SIconButtonWrapper from"../icon-wrapper";import{POPPABLE_OPTIONS}from"./annotation-options.constants";import OpacityField from"./opacity-field";import PositionFields from"./position-fields";import ShadowFields from"./shadow-fields";import StrokeFields from"./stroke-fields";var AnnotationOptions=function(a){var b=a.children,c=void 0===b?void 0:b,d=a.morePoppableOptionsPrepended,e=void 0===d?[]:d,f=a.moreOptionsPopupComponentsObj,g=void 0===f?{}:f,h=a.morePoppableOptionsAppended,i=void 0===h?[]:h,j=a.annotation,k=a.updateAnnotation,l=a.hideFillOption,m=a.hidePositionField,n=void 0!==m&&m,o=_objectWithoutProperties(a,_excluded),p=useState(null),q=_slicedToArray(p,2),r=q[0],s=q[1],u=useState(null),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useStore(),z=y.config.useCloudimage,A=y.t,t=useMemo(function(){return[].concat(_toConsumableArray(e||[]),[{titleKey:"opacity",name:POPPABLE_OPTIONS.OPACITY,Icon:OpacityOutlined}],_toConsumableArray(z?[]:[{titleKey:"stroke",name:POPPABLE_OPTIONS.STROKE,Icon:BorderColorOutlined},{titleKey:"shadow",name:POPPABLE_OPTIONS.SHADOW,Icon:FlareOutlined}]),[n?void 0:{titleKey:"position",name:POPPABLE_OPTIONS.POSITION,Icon:GpsFixedOutlined}])},[e,z,n]),B=useMemo(function(){return _objectSpread(_objectSpread({},g),{},_defineProperty(_defineProperty(_defineProperty(_defineProperty({},POPPABLE_OPTIONS.OPACITY,OpacityField),POPPABLE_OPTIONS.STROKE,StrokeFields),POPPABLE_OPTIONS.SHADOW,ShadowFields),POPPABLE_OPTIONS.POSITION,PositionFields),i||[])},[g,i]),C=useCallback(function(a,b){var c=null===a||void 0===a?void 0:a.currentTarget;s(c||null),x(b||null)},[]),D=useCallback(function(a){k({fill:a})},[k]),E=r&&w&&B[w];return React.createElement(SFlexBox,{alignItems:"center",justifyContent:"center",gap:1},!(void 0!==l&&l)&&React.createElement(ColorInput,{color:j.fill,onChange:D,colorFor:"fill"}),c,t.map(function(a){return a&&React.createElement(SIconButtonWrapper,{key:a.name,title:A(a.titleKey),onClick:function(b){return C(b,a.name)},active:w===a.name},React.createElement(a.Icon,null))}),E&&React.createElement(Menu,{anchorEl:r,open:!!r,onClose:C,anchorOrigin:{vertical:"top",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"},slotProps:{paper:{sx:{px:2,py:1}}}},w===POPPABLE_OPTIONS.POSITION?function(){return React.createElement(React.Fragment,null,React.createElement(Typography,{variant:"subtitle2",mb:1},A("position")),React.createElement(Box,{sx:{display:"grid",gridTemplateColumns:"repeat(4, auto)"}},React.createElement(E,_extends({annotation:j,updateAnnotation:k},o))))}():React.createElement(E,_extends({annotation:j,updateAnnotation:k},o))))};export default AnnotationOptions;

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

@@ -0,0 +1 @@
+import restrictNumber from"utils/restrict-number";import Slider from"../slider";var MIN_PERCENTANGE=0,MAX_PERCENTANGE=1,OpacityField=function(a){var b=a.annotation,c=a.updateAnnotation,d=a.t,e=b.opacity,f=Math.round(100*e);return React.createElement(Slider,{label:d("transparency"),onChange:function(a){c({opacity:restrictNumber(a/100,MIN_PERCENTANGE,MAX_PERCENTANGE)})},value:f,annotation:"%"})};export default OpacityField;

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

@@ -0,0 +1 @@
+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 SIconButtonWrapper from"../icon-wrapper";import{AVAILABLE_POSITIONS,posCssRotateDegFromRightSide}from"./annotation-options.constants";var PositionFields=function(a){var b=a.annotation,c=a.updateAnnotation,d=useState(null),e=_slicedToArray(d,2),f=e[0],g=e[1],h=useStore(),i=h.designLayer,j=function(a){c(mapPositionStringToPoint(b,i,a)),g(a)},k=AVAILABLE_POSITIONS.length;return AVAILABLE_POSITIONS.map(function(a,b){return React.createElement(Fragment,{key:a},React.createElement(SIconButtonWrapper,{onClick:function(){return j(a)},active:f===a,border:!0},a===POSITIONS.MIDDLE_CENTER?React.createElement(FiberManualRecordOutlined,null):React.createElement(ArrowForwardOutlined,{style:{transform:"rotate(".concat(posCssRotateDegFromRightSide[a],"deg)")}})),0==(b+1)%3&&b+1!==k&&React.createElement("div",null))})};export default PositionFields;

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

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import ColorInput from"components/common/color-input";import restrictNumber from"utils/restrict-number";import Slider from"../slider";var ShadowFields=function(a){var b=a.annotation,c=a.updateAnnotation,d=a.t,e=b.shadowOffsetX,f=b.shadowOffsetY,g=b.shadowBlur,h=b.shadowColor,i=b.shadowOpacity,j=function(a,b){var d=2<arguments.length&&arguments[2]!==void 0?arguments[2]:0,e=3<arguments.length&&arguments[3]!==void 0?arguments[3]:100;c(_defineProperty({},a,restrictNumber(b,d,e)))};return React.createElement(React.Fragment,null,React.createElement(Slider,{label:d("horizontal"),annotation:"px",min:-100,max:100,onChange:function(a){return j("shadowOffsetX",a,-100,100)},value:e||0}),React.createElement(Slider,{label:d("vertical"),annotation:"px",min:-100,max:100,onChange:function(a){return j("shadowOffsetY",a,-100,100)},value:f||0}),React.createElement(Slider,{label:d("blur"),annotation:"%",onChange:function(a){return j("shadowBlur",a)},value:g}),React.createElement(Slider,{label:d("opacity"),annotation:"%",onChange:function(a){return j("shadowOpacity",a/100,0,1)},value:Math.round(100*i)}),React.createElement(ColorInput,{color:h,onChange:function(a){c({shadowColor:a})},colorFor:"shadow"}))};export default ShadowFields;

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

@@ -0,0 +1 @@
+import ColorInput from"components/common/color-input";import restrictNumber from"utils/restrict-number";import Slider from"../slider";var MIN_PERCENTANGE=0,MAX_PERCENTANGE=100,StrokeFields=function(a){var b=a.annotation,c=a.updateAnnotation,d=a.t,e=b.stroke,f=b.strokeWidth;return React.createElement(React.Fragment,null,React.createElement(Slider,{label:d("stroke"),annotation:"px",onChange:function(a){c({strokeWidth:restrictNumber(a,MIN_PERCENTANGE,MAX_PERCENTANGE)})},value:f}),React.createElement(ColorInput,{color:e,onChange:function(a){c({stroke:a})},colorFor:"stroke"}))};export default StrokeFields;

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

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useState,useRef}from"react";import Box from"@mui/material/Box";import Button from"@mui/material/Button";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";var ButtonWithMenu=function(a){var b=a.label,c=void 0===b?"":b,d=a.menuItems,e=a.disabled,f=void 0!==e&&e,g=a.buttonRef,h=useStore(),i=h.t,j=useRef(!0),k=useState(null),l=_slicedToArray(k,2),m=l[0],n=l[1],o=d.filter(Boolean),p=1<o.length,q=function(a){j.current&&n(a.currentTarget)},r=function(){j.current&&n(null)},s=function(a){"function"==typeof a&&a(),r()};return useEffect(function(){return j.current=!0,function(){j.current=!1}},[]),React.createElement(React.Fragment,null,React.createElement(Box,{ref:g,sx:{display:"flex",alignItems:"center",flexShrink:0}},React.createElement(Button,{onClick:f?void 0:function(a){var b;return p?void q(a):void(null!==(b=o[0])&&void 0!==b&&b.onClick&&o[0].onClick())},disabled:f},c||i("saveAs"))),p&&React.createElement(Menu,{anchorEl:m,onClose:r,open:!!m},d.map(function(a){return a&&React.createElement(MenuItem,{key:a.key,selected:a.isActive,onClick:function(){return s(a.onClick)}},a.icon&&React.createElement(ListItemIcon,null,"string"==typeof a.icon?React.createElement("span",{dangerouslySetInnerHTML:{__html:a.icon}}):React.createElement(a.icon,null)),React.createElement(ListItemText,null,a.label))})))};export default ButtonWithMenu;

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

@@ -0,0 +1 @@
+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 ColorPickerModal from"../color-picker-modal";var ColorInput=function(a){var b=a.onChange,c=a.color,d=a.colorFor,e=useStore(),f=e.selectionsIds,g=void 0===f?[]:f,h=e.config.annotationsCommon,i=void 0===h?{}:h,j=e.dispatch,k=e.latestColors,l=void 0===k?{}:k,m=l[d],n=useState(),o=_slicedToArray(n,2),p=o[0],q=o[1],r=useState(function(){return m||c||i.fill}),s=_slicedToArray(r,2),t=s[0],u=s[1],v=useRef(t),w=function(a){q(p?void 0:a.currentTarget)};return useEffect(function(){var a=0===g.length&&m||c;u(a),b(a)},[c,g]),React.createElement(React.Fragment,null,React.createElement(Box,{onClick:w,sx:{borderRadius:1,width:32,height:32,border:1,borderColor:"divider",cursor:"pointer",background:t}}),React.createElement(ColorPickerModal,{onChange:function(a){u(a),b(a),m!==a&&j({type:SET_LATEST_COLOR,payload:{latestColors:_defineProperty({},d,a)}})},defaultColor:t,open:!!p,onClose:function(a){b(v.current||t),w(a)},onApply:w}))};export default ColorInput;

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

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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";var ColorPickerModal=function(a){var b=a.defaultColor,c=void 0===b?"":b,d=a.onChange,f=void 0===d?function(){}:d,g=a.open,h=void 0!==g&&g,i=a.onClose,j=void 0===i?function(){}:i,k=a.onApply,l=void 0===k?function(){}:k,m=useStore(),n=m.t,e=useState(c||"#000000"),o=_slicedToArray(e,2),p=o[0],q=o[1],r=useCallback(function(a){q(a),f(a)},[f]),s=useCallback(function(a){var b=a.target.value.toUpperCase();b.startsWith("#")||(b="#".concat(b)),/^#[0-9A-F]{0,6}$/.test(b)&&(q(b),/^#[0-9A-F]{6}$/.test(b)&&f(b))},[f]);return h?React.createElement(SDialog,{onClose:j,open:h,title:n("colorPickerModalTitleLabel"),maxWidth:"xs",content:React.createElement(Box,null,React.createElement(HexColorPicker,{color:p,onChange:r,style:{width:"100%"}}),React.createElement(STextField,{value:p,onChange:s,fullWidth:!0,sx:{mt:2}})),actions:React.createElement(React.Fragment,null,React.createElement(SButton,{variant:"outlined",onClick:j},n("cancel")),React.createElement(SButton,{onClick:l},n("apply")))}):null};export default ColorPickerModal;

package/lib/components/common/hidden-upload-input/index.js

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import{forwardRef}from"react";var hiddenInputStyle={display:"none",width:1,height:1,position:"absolute",zIndex:-1},HiddenUploadInput=function(a,b){return React.createElement("input",_extends({type:"file",ref:b,style:hiddenInputStyle},a))};export default forwardRef(HiddenUploadInput);

package/lib/components/common/icon-wrapper/index.js

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","active","border","onClick","title","className"];import{SIconButton}from"@solostylist/ui-kit/core";var SIconButtonWrapper=function(a){var b=a.children,c=a.active,d=a.border,e=a.onClick,f=a.title,g=a.className,h=_objectWithoutProperties(a,_excluded);return React.createElement(SIconButton,_extends({onClick:e,className:g,tooltipOptions:f?{title:f}:void 0,sx:function(){var a={p:1,gap:1};return void 0!==d&&d&&(a.border="1px solid",a.borderColor="divider"),void 0!==c&&c&&(a.borderColor="primary.main",a.bgcolor="action.selected",a.color="primary.main"),a}()},h),b)};export default SIconButtonWrapper;

package/lib/components/common/image-preview-tile/index.js

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["src","alt","onClick","selected","size","sx"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{SFlexBox}from"@solostylist/ui-kit/core";var ImagePreviewTile=function(a){var b=a.src,c=a.alt,d=void 0===c?"":c,e=a.onClick,f=a.selected,g=a.size,h=void 0===g?120:g,i=a.sx,j=void 0===i?{}:i,k=_objectWithoutProperties(a,_excluded);return React.createElement(SFlexBox,_extends({onClick:e,"aria-selected":void 0!==f&&f,sx:_objectSpread({display:"flex",alignItems:"center",justifyContent:"center",width:h,height:h,cursor:"pointer",borderRadius:1,userSelect:"none",background:"repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 50% / 10px 10px",backgroundColor:"#fff",overflow:"hidden",transition:"all 0.2s ease-in-out",border:"2px solid transparent","&:hover":{borderColor:"primary.main",transform:"scale(1.05)"},'&[aria-selected="true"]':{borderColor:"primary.main"}},j)},k),React.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:b,alt:d,crossOrigin:"anonymous",draggable:!1}))};export default ImagePreviewTile;

package/lib/components/common/slider/index.js

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["annotation","label","value","onChange","width"];import MuiSlider from"@mui/material/Slider";import{Box,Typography}from"@mui/material";import{SFlexBox}from"@solostylist/ui-kit/core";var Slider=function(a){var b=a.annotation,c=a.label,d=a.value,e=a.onChange,f=a.width,g=_objectWithoutProperties(a,_excluded);return React.createElement(Box,{display:"flex",flexDirection:"column",alignItems:"flex-start"},React.createElement(Typography,{variant:"subtitle2"},c),React.createElement(SFlexBox,{width:"100%",alignItems:"center",gap:2},React.createElement(MuiSlider,_extends({size:"small",onChange:function(a,b){return e?e(b):void 0},sx:{width:f||"200px",maxWidth:f||"200px"},value:d},g)),React.createElement(Typography,{variant:"body2"},"".concat(d).concat(b||""))))};export default Slider;

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

@@ -0,0 +1 @@
+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";var defaultAnchorOrigin={horizontal:"center",vertical:"bottom"},ERROR_TO_SEVERITY=_defineProperty(_defineProperty({},FEEDBACK_STATUSES.ERROR,"error"),FEEDBACK_STATUSES.WARNING,"warning"),FeedbackPopup=function(a){var b,c=a.anchorOrigin,d=void 0===c?defaultAnchorOrigin:c,e=useStore(),f=e.feedback,g=void 0===f?{}:f,h=e.dispatch;if(!g.message)return null;var i=function(){h({type:SET_FEEDBACK,payload:{feedback:{}}})};return React.createElement(Snackbar,{anchorOrigin:d,autoHideDuration:null!==(b=g.duration)&&void 0!==b?b:5e3,open:!!g.message,onClose:i},React.createElement(Alert,{onClose:i,severity:ERROR_TO_SEVERITY[g.status||FEEDBACK_STATUSES.ERROR]},g.message))};export default FeedbackPopup;

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

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import{TOOLS_IDS}from"utils/constants";import RectNode from"./rect-node";import EllipseNode from"./ellipse-node";import PolygonNode from"./polygon-node";import TextNode from"./text-node";import ImageNode from"./image-node";import LineNode from"./line-node";import ArrowNode from"./arrow-node";export var ANNOTATION_NAMES_TO_COMPONENT=_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},TOOLS_IDS.RECT,RectNode),TOOLS_IDS.ELLIPSE,EllipseNode),TOOLS_IDS.POLYGON,PolygonNode),TOOLS_IDS.TEXT,TextNode),TOOLS_IDS.IMAGE,ImageNode),TOOLS_IDS.LINE,LineNode),TOOLS_IDS.ARROW,ArrowNode),TOOLS_IDS.PEN,LineNode);

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["id","name","fill","pointerLength","pointerWidth","scaleX","scaleY","rotation","annotationEvents","points","lineCap","stroke","strokeWidth","shadowOffsetX","shadowOffsetY","shadowBlur","shadowColor","shadowOpacity","opacity"];import{Arrow}from"react-konva";import{nodesCommonDefaults}from"../nodes-common-prop-types";var ArrowNode=function(a){var b=a.id,c=a.name,d=a.fill,e=a.pointerLength,f=a.pointerWidth,g=a.scaleX,h=void 0===g?nodesCommonDefaults.scaleX:g,i=a.scaleY,j=void 0===i?nodesCommonDefaults.scaleY:i,k=a.rotation,l=void 0===k?nodesCommonDefaults.rotation:k,m=a.annotationEvents,n=a.points,o=a.lineCap,p=void 0===o?"butt":o,q=a.stroke,r=void 0===q?"#000000":q,s=a.strokeWidth,t=void 0===s?6:s,u=a.shadowOffsetX,v=void 0===u?nodesCommonDefaults.shadowOffsetX:u,w=a.shadowOffsetY,x=void 0===w?nodesCommonDefaults.shadowOffsetY:w,y=a.shadowBlur,z=void 0===y?nodesCommonDefaults.shadowBlur:y,A=a.shadowColor,B=void 0===A?nodesCommonDefaults.shadowColor:A,C=a.shadowOpacity,D=void 0===C?nodesCommonDefaults.shadowOpacity:C,E=a.opacity,F=void 0===E?nodesCommonDefaults.opacity:E,G=_objectWithoutProperties(a,_excluded);return React.createElement(Arrow,_extends({id:b,name:c,rotation:l,scaleX:h,scaleY:j,stroke:r,strokeWidth:t,shadowOffsetX:v,shadowOffsetY:x,shadowBlur:z,shadowColor:B,shadowOpacity:D,fill:d,x:0,y:0,points:n,pointerLength:e,pointerWidth:f,lineCap:p,opacity:F},m,G))};export default ArrowNode;

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["id","name","fill","x","y","radiusX","radiusY","scaleX","scaleY","rotation","annotationEvents","stroke","strokeWidth","shadowOffsetX","shadowOffsetY","shadowBlur","shadowColor","shadowOpacity","opacity"];import{Ellipse}from"react-konva";import{nodesCommonDefaults}from"../nodes-common-prop-types";var EllipseNode=function(a){var b=a.id,c=a.name,d=a.fill,e=void 0===d?"#000":d,f=a.x,g=a.y,h=a.radiusX,i=void 0===h?0:h,j=a.radiusY,k=void 0===j?0:j,l=a.scaleX,m=void 0===l?nodesCommonDefaults.scaleX:l,n=a.scaleY,o=void 0===n?nodesCommonDefaults.scaleY:n,p=a.rotation,q=void 0===p?nodesCommonDefaults.rotation:p,r=a.annotationEvents,s=a.stroke,t=void 0===s?nodesCommonDefaults.stroke:s,u=a.strokeWidth,v=void 0===u?nodesCommonDefaults.strokeWidth:u,w=a.shadowOffsetX,x=void 0===w?nodesCommonDefaults.shadowOffsetX:w,y=a.shadowOffsetY,z=void 0===y?nodesCommonDefaults.shadowOffsetY:y,A=a.shadowBlur,B=void 0===A?nodesCommonDefaults.shadowBlur:A,C=a.shadowColor,D=void 0===C?nodesCommonDefaults.shadowColor:C,E=a.shadowOpacity,F=void 0===E?nodesCommonDefaults.shadowOpacity:E,G=a.opacity,H=void 0===G?nodesCommonDefaults.opacity:G,I=_objectWithoutProperties(a,_excluded);return React.createElement(Ellipse,_extends({id:b,name:c,rotation:q,scaleX:m,scaleY:o,stroke:t,strokeWidth:v,shadowOffsetX:x,shadowOffsetY:z,shadowBlur:B,shadowColor:D,shadowOpacity:F,fill:e,x:f,y:g,radiusX:i,radiusY:k,offsetX:-i,offsetY:-k,opacity:H},r,I))};export default EllipseNode;

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";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{nodesCommonDefaults}from"../nodes-common-prop-types";var ImageNode=function(a){var b=a.id,c=a.name,d=a.image,e=a.x,f=a.y,g=a.width,h=void 0===g?0:g,i=a.height,j=void 0===i?0:i,k=a.scaleX,l=void 0===k?nodesCommonDefaults.scaleX:k,m=a.scaleY,n=void 0===m?nodesCommonDefaults.scaleY:m,o=a.rotation,p=void 0===o?nodesCommonDefaults.rotation:o,q=a.annotationEvents,r=a.stroke,s=void 0===r?nodesCommonDefaults.stroke:r,t=a.strokeWidth,u=void 0===t?nodesCommonDefaults.strokeWidth:t,v=a.shadowOffsetX,w=void 0===v?nodesCommonDefaults.shadowOffsetX:v,x=a.shadowOffsetY,y=void 0===x?nodesCommonDefaults.shadowOffsetY:x,z=a.shadowBlur,A=void 0===z?nodesCommonDefaults.shadowBlur:z,B=a.shadowColor,C=void 0===B?nodesCommonDefaults.shadowColor:B,D=a.shadowOpacity,E=void 0===D?nodesCommonDefaults.shadowOpacity:D,F=a.opacity,G=void 0===F?nodesCommonDefaults.opacity:F,H=_objectWithoutProperties(a,_excluded),I=useState(null),J=_slicedToArray(I,2),K=J[0],L=J[1];useEffect(function(){"string"==typeof d&&void loadImage(d).then(L)},[d]);var M=d instanceof HTMLImageElement;if(!M&&!K)return null;var N=M?d:K;return React.createElement(Image,_extends({id:b,name:c,rotation:p,scaleX:l,scaleY:n,stroke:s,strokeWidth:u,shadowOffsetX:w,shadowOffsetY:y,shadowBlur:A,shadowColor:C,shadowOpacity:E,image:N,x:e,y:f,width:h,height:j,opacity:G},H,q,H))};export default ImageNode;

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

@@ -0,0 +1 @@
+import{useMemo}from"react";import{useAnnotationEvents,useStore}from"hooks";import MemoizedAnnotation from"./memoized-annotation";var AnnotationNodes=function(){var a=useStore(),b=a.annotations,c=void 0===b?{}:b,d=a.selectionsIds,e=void 0===d?[]:d,f=useAnnotationEvents();return useMemo(function(){return Object.values(c).map(function(a){return React.createElement(MemoizedAnnotation,{key:a.id,annotation:a,annotationEvents:f,selectionsIds:e})})},[c,f,e])};export default AnnotationNodes;

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["id","name","scaleX","scaleY","rotation","annotationEvents","points","lineCap","stroke","strokeWidth","shadowOffsetX","shadowOffsetY","shadowBlur","shadowColor","shadowOpacity","tension","opacity"];import{Line}from"react-konva";import{nodesCommonDefaults}from"../nodes-common-prop-types";var LineNode=function(a){var b=a.id,c=a.name,d=a.scaleX,e=void 0===d?nodesCommonDefaults.scaleX:d,f=a.scaleY,g=void 0===f?nodesCommonDefaults.scaleY:f,h=a.rotation,i=void 0===h?nodesCommonDefaults.rotation:h,j=a.annotationEvents,k=void 0===j?{}:j,l=a.points,m=a.lineCap,n=void 0===m?"butt":m,o=a.stroke,p=void 0===o?"#000000":o,q=a.strokeWidth,r=void 0===q?1:q,s=a.shadowOffsetX,t=void 0===s?nodesCommonDefaults.shadowOffsetX:s,u=a.shadowOffsetY,v=void 0===u?nodesCommonDefaults.shadowOffsetY:u,w=a.shadowBlur,x=void 0===w?nodesCommonDefaults.shadowBlur:w,y=a.shadowColor,z=void 0===y?nodesCommonDefaults.shadowColor:y,A=a.shadowOpacity,B=void 0===A?nodesCommonDefaults.shadowOpacity:A,C=a.tension,D=a.opacity,E=void 0===D?nodesCommonDefaults.opacity:D,F=_objectWithoutProperties(a,_excluded);return React.createElement(Line,_extends({id:b,name:c,rotation:i,scaleX:e,scaleY:g,stroke:p,strokeWidth:r,shadowOffsetX:t,shadowOffsetY:v,shadowBlur:x,shadowColor:z,shadowOpacity:B,points:l,lineCap:n,tension:C,hitStrokeWidth:20,x:0,y:0,opacity:E},k,F))};export default LineNode;

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import{memo}from"react";import{ANNOTATION_NAMES_TO_COMPONENT}from"./annotation-nodes.constants";var MemoizedAnnotation=function(a){var b=a.annotation,c=a.annotationEvents,d=a.selectionsIds,e=ANNOTATION_NAMES_TO_COMPONENT[b.name];return e?React.createElement(e,_extends({key:b.id,annotationEvents:c,draggable:d.includes(b.id)},b)):null};export default memo(MemoizedAnnotation);

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["id","name","fill","x","y","radius","scaleX","scaleY","rotation","sides","annotationEvents","stroke","strokeWidth","shadowOffsetX","shadowOffsetY","shadowBlur","shadowColor","shadowOpacity","opacity"];import{RegularPolygon}from"react-konva";import{nodesCommonDefaults}from"../nodes-common-prop-types";var PolygonNode=function(a){var b=a.id,c=a.name,d=a.fill,e=void 0===d?"#000":d,f=a.x,g=a.y,h=a.radius,i=a.scaleX,j=void 0===i?nodesCommonDefaults.scaleX:i,k=a.scaleY,l=void 0===k?nodesCommonDefaults.scaleY:k,m=a.rotation,n=void 0===m?nodesCommonDefaults.rotation:m,o=a.sides,p=void 0===o?3:o,q=a.annotationEvents,r=a.stroke,s=void 0===r?nodesCommonDefaults.stroke:r,t=a.strokeWidth,u=void 0===t?nodesCommonDefaults.strokeWidth:t,v=a.shadowOffsetX,w=void 0===v?nodesCommonDefaults.shadowOffsetX:v,x=a.shadowOffsetY,y=void 0===x?nodesCommonDefaults.shadowOffsetY:x,z=a.shadowBlur,A=void 0===z?nodesCommonDefaults.shadowBlur:z,B=a.shadowColor,C=void 0===B?nodesCommonDefaults.shadowColor:B,D=a.shadowOpacity,E=void 0===D?nodesCommonDefaults.shadowOpacity:D,F=a.opacity,G=void 0===F?nodesCommonDefaults.opacity:F,H=_objectWithoutProperties(a,_excluded);return React.createElement(RegularPolygon,_extends({id:b,name:c,rotation:n,scaleX:j,scaleY:l,stroke:s,strokeWidth:u,shadowOffsetX:w,shadowOffsetY:y,shadowBlur:A,shadowColor:C,shadowOpacity:E,fill:e,x:f,y:g,radius:h,offsetX:-h,offsetY:-h,sides:p,opacity:G},q,H))};export default PolygonNode;

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["id","name","fill","x","y","width","height","scaleX","scaleY","rotation","annotationEvents","stroke","strokeWidth","shadowOffsetX","shadowOffsetY","shadowBlur","shadowColor","shadowOpacity","opacity","cornerRadius"];import{Rect}from"react-konva";import{nodesCommonDefaults}from"../nodes-common-prop-types";var RectNode=function(a){var b=a.id,c=a.name,d=a.fill,e=void 0===d?"#000":d,f=a.x,g=a.y,h=a.width,i=void 0===h?0:h,j=a.height,k=void 0===j?0:j,l=a.scaleX,m=void 0===l?nodesCommonDefaults.scaleX:l,n=a.scaleY,o=void 0===n?nodesCommonDefaults.scaleY:n,p=a.rotation,q=void 0===p?nodesCommonDefaults.rotation:p,r=a.annotationEvents,s=a.stroke,t=void 0===s?nodesCommonDefaults.stroke:s,u=a.strokeWidth,v=void 0===u?nodesCommonDefaults.strokeWidth:u,w=a.shadowOffsetX,x=void 0===w?nodesCommonDefaults.shadowOffsetX:w,y=a.shadowOffsetY,z=void 0===y?nodesCommonDefaults.shadowOffsetY:y,A=a.shadowBlur,B=void 0===A?nodesCommonDefaults.shadowBlur:A,C=a.shadowColor,D=void 0===C?nodesCommonDefaults.shadowColor:C,E=a.shadowOpacity,F=void 0===E?nodesCommonDefaults.shadowOpacity:E,G=a.opacity,H=void 0===G?nodesCommonDefaults.opacity:G,I=a.cornerRadius,J=void 0===I?0:I,K=_objectWithoutProperties(a,_excluded);return React.createElement(Rect,_extends({id:b,name:c,rotation:q,scaleX:m,scaleY:o,stroke:t,strokeWidth:v,shadowOffsetX:x,shadowOffsetY:z,shadowBlur:B,shadowColor:D,shadowOpacity:F,fill:e,x:f,y:g,width:i,height:k,opacity:H,cornerRadius:J},r,K))};export default RectNode;

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["id","name","text","fontFamily","fontSize","fontStyle","fill","x","y","width","height","scaleX","scaleY","rotation","annotationEvents","stroke","strokeWidth","shadowOffsetX","shadowOffsetY","shadowBlur","shadowColor","shadowOpacity","opacity","letterSpacing","lineHeight","align"];import{Text}from"react-konva";import{nodesCommonDefaults}from"../nodes-common-prop-types";var TextNode=function(a){var b=a.id,c=a.name,d=a.text,e=void 0===d?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur imperdiet tortor quis odio facilisis, id aliquet nulla facilisis. Etiam tincidunt tempor odio nec placerat.":d,f=a.fontFamily,g=void 0===f?"Arial":f,h=a.fontSize,i=void 0===h?14:h,j=a.fontStyle,k=a.fill,l=void 0===k?"#000":k,m=a.x,n=a.y,o=a.width,p=void 0===o?0:o,q=a.height,r=void 0===q?0:q,s=a.scaleX,t=void 0===s?nodesCommonDefaults.scaleX:s,u=a.scaleY,v=void 0===u?nodesCommonDefaults.scaleY:u,w=a.rotation,x=void 0===w?nodesCommonDefaults.rotation:w,y=a.annotationEvents,z=a.stroke,A=void 0===z?nodesCommonDefaults.stroke:z,B=a.strokeWidth,C=void 0===B?nodesCommonDefaults.strokeWidth:B,D=a.shadowOffsetX,E=void 0===D?nodesCommonDefaults.shadowOffsetX:D,F=a.shadowOffsetY,G=void 0===F?nodesCommonDefaults.shadowOffsetY:F,H=a.shadowBlur,I=void 0===H?nodesCommonDefaults.shadowBlur:H,J=a.shadowColor,K=void 0===J?nodesCommonDefaults.shadowColor:J,L=a.shadowOpacity,M=void 0===L?nodesCommonDefaults.shadowOpacity:L,N=a.opacity,O=void 0===N?nodesCommonDefaults.opacity:N,P=a.letterSpacing,Q=a.lineHeight,R=a.align,S=void 0===R?"left":R,T=_objectWithoutProperties(a,_excluded);return React.createElement(Text,_extends({id:b,name:c,rotation:x,scaleX:t,scaleY:v,stroke:A,strokeWidth:C,shadowOffsetX:E,shadowOffsetY:G,shadowBlur:I,shadowColor:K,shadowOpacity:M,opacity:O,fill:l,text:e,fontFamily:g,fontStyle:j,fontSize:i,letterSpacing:P,lineHeight:Q,align:S,x:m,y:n,width:p,height:r},y,T))};export default TextNode;

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}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 AnnotationNodes from"./annotation-nodes";import PreviewGroup from"./preview-group";var CANVAS_TO_IMG_SPACING=getProperImageToCanvasSpacing(),MIN_SPACED_WIDTH=10,DesignLayer=function(){var a,b,c,d,e=useRef(null),f=useStore(),g=f.initialCanvasWidth,h=f.initialCanvasHeight,i=f.canvasWidth,j=f.canvasHeight,k=f.dispatch,l=f.toolId,m=f.canvasScale,n=f.originalImage,o=void 0===n?{}:n,p=f.finetunes,q=void 0===p?[]:p,r=f.finetunesProps,s=void 0===r?{}:r,t=f.filter,u=void 0===t?null:t,v=f.adjustments,w=void 0===v?{}:v,x=w.rotation,y=void 0===x?0:x,z=w.crop,A=void 0===z?{}:z,B=w.isFlippedX,C=w.isFlippedY,D=f.resize,E=f.isSaving,F=f.config,G=void 0===F?{}:F,H=G.backgroundColor,I=G.backgroundImage,J=useRef(null),K=useRef(null),L=l===TOOLS_IDS.CROP,M=useMemo(function(){return u?[].concat(_toConsumableArray(q),[u]):q},[q,u]),N=useMemo(function(){var a=Math.max(MIN_SPACED_WIDTH,o.width-CANVAS_TO_IMG_SPACING),b=o.width/o.height;return{width:a,height:a/b}},[o]),O=useMemo(function(){return getSizeAfterRotation(o.width,o.height,y)},[o,y]),P=useMemo(function(){return getDimensionsMinimalRatio(g,h,o.width,o.height)},[o,g,h]),Q=useMemo(function(){return{width:N.width*P,height:N.height*P}},[N,P]),R=D.width&&!L?D.width/(null!==(a=null!==(b=A.width)&&void 0!==b?b:Q.width)&&void 0!==a?a:O.width):1,S=D.height&&!L?D.height/(null!==(c=null!==(d=A.height)&&void 0!==d?d:Q.height)&&void 0!==c?c:O.height):1,T=i/(2*m)-Q.width*R/2,U=j/(2*m)-Q.height*S/2,V=i/(2*m)-Q.width/2,W=j/(2*m)-Q.height/2,X=useMemo(function(){return{x:Math.round(T),y:Math.round(U),abstractX:Math.round(V),abstractY:Math.round(W),width:Q.width,height:Q.height,scaledBy:m}},[m,T,U,V,W,Q]),Y=useCallback(function(){J.current?J.current.cache():setTimeout(Y,0)},[]),Z=getSizeAfterRotation(X.width,X.height,y),$=L?1:getDimensionsMinimalRatio(X.width,X.height,Z.width,Z.height);if(useEffect(function(){return o&&Y(),function(){var a;null===(a=J.current)||void 0===a||a.clearCache()}},[o]),useEffect(function(){X&&k({type:SET_SHOWN_IMAGE_DIMENSIONS,payload:{shownImageDimensions:X,designLayer:e.current,previewGroup:K.current}})},[X]),!T||!U||!X)return null;var _=getCenterRotatedPoint(A.x,A.y,y),aa=T+(!L&&A.width?(X.width/2-A.x-A.width/2+_.x)*R:0),ba=U+(!L&&A.height?(X.height/2-A.y-A.height/2+_.y)*S:0),ca=L?V:aa,da=L?W:ba,ea=(L?1:R)*$,fa=(L?1:S)*$;return React.createElement(Layer,{id:DESIGN_LAYER_ID,ref:e,xPadding:ca,yPadding:da,offsetX:Q.width/2,offsetY:Q.height/2,x:Q.width*R/2+ca,y:Q.height*S/2+da,scaleX:ea,scaleY:fa,rotation:L?0:y,clipFunc:function(a){var b,c=L&&!(null!==(b=e.current)&&void 0!==b&&null!==(b=b.attrs)&&void 0!==b&&b.isSaving),d=c||A.noEffect?_objectSpread(_objectSpread({},X),{},{x:0,y:0}):{width:A.width||X.width,height:A.height||X.height,x:A.x||0,y:A.y||0};cropImage(a,_objectSpread({ratio:A.ratio},d),c),e.current&&e.current.setAttrs({clipX:d.x,clipY:d.y,clipWidth:d.width,clipHeight:d.height})}},!E&&React.createElement(Rect,{x:B?Q.width:0,y:C?Q.height:0,fill:H,fillPatternImage:I,fillPatternRepeat:"repeat",width:Q.width,height:Q.height,listening:!1,scaleX:B?-1:1,scaleY:C?-1:1}),React.createElement(Image,_extends({id:IMAGE_NODE_ID,image:o,width:Q.width,height:Q.height,offsetX:Q.width/2,offsetY:Q.height/2,x:Q.width/2,y:Q.height/2,listening:!1,filters:M,ref:J,scaleX:B?-1:1,scaleY:C?-1:1},s)),React.createElement(AnnotationNodes,null),React.createElement(PreviewGroup,{ref:K}))};export default DesignLayer;

package/lib/components/layers/design-layer/nodes-common-prop-types.js

@@ -0,0 +1 @@
+export var nodesCommonDefaults={rotation:0,scaleX:1,scaleY:1,stroke:void 0,strokeWidth:void 0,shadowOffsetX:void 0,shadowOffsetY:void 0,shadowBlur:void 0,shadowColor:void 0,shadowOpacity:void 0,opacity:1};export default{defaults:nodesCommonDefaults};

package/lib/components/layers/design-layer/preview-group.js

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import{forwardRef}from"react";import{Group}from"react-konva";var PreviewGroup=function(a,b){return React.createElement(Group,_extends({ref:b},a))};export default forwardRef(PreviewGroup);

package/lib/components/layers/index.js

@@ -0,0 +1 @@
+export{default as DesignLayer}from"./design-layer";export{default as TransformersLayer}from"./transformers-layer";

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

@@ -0,0 +1 @@
+import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useEffect,useRef,useMemo}from"react";import{Ellipse,Image,Rect,Transformer}from"react-konva";import Konva from"konva";import{useStore}from"hooks";import{SET_CROP,SET_FEEDBACK}from"actions";import{CUSTOM_CROP,ELLIPSE_CROP,FEEDBACK_STATUSES,ORIGINAL_CROP,TOOLS_IDS}from"utils/constants";import{boundDragging,boundResizing}from"./transformers-layer.utils";import TextNode from"../design-layer/annotation-nodes/text-node";var noEffectTextDimensions={width:200,height:100},CropTransformer=function(){var a=useStore(),b=a.dispatch,c=a.theme,d=a.designLayer,e=a.originalImage,f=a.shownImageDimensions,g=a.adjustments,h=void 0===g?{}:g,i=h.crop,j=void 0===i?{}:i,k=h.isFlippedX,l=h.isFlippedY,m=a.resize,n=void 0===m?{}:m,o=a.config,p=a.t,q=useRef(null),r=useRef(null),s=useRef(null),t=useRef(null),u=o[TOOLS_IDS.CROP],v=useMemo(function(){var a;return _objectSpread(_objectSpread({},u),{},{lockCropAreaAt:null!==(a=j.lockCropAreaAt)&&void 0!==a?a:null===u||void 0===u?void 0:u.lockCropAreaAt})},[j.lockCropAreaAt,u]),w=v.lockCropAreaAt,z=j.ratio||v.ratio,A=z===CUSTOM_CROP,B=z===ELLIPSE_CROP,C=function a(){return z===ORIGINAL_CROP?e.width/e.height:z},D=function d(a,c){var e=a.width,f=a.height,g=a.x,h=a.y,i={x:g,y:h,width:e,height:f},k=j.width>=n.width&&j.height>=n.height;n.width&&n.height&&(e<n.width||f<n.height)&&k&&b({type:SET_FEEDBACK,payload:{feedback:{message:p("cropSizeLowerThanResizedWarning"),status:FEEDBACK_STATUSES.WARNING}}}),b({type:SET_CROP,payload:_objectSpread(_objectSpread(_objectSpread({},j),i),{},{dismissHistory:c})})},E=function c(a,b){var d,e,f=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{noScale:!0};r.current&&q.current&&r.current.nodes([q.current]);var g=t.current,h={width:a,height:b,x:null!==(d=j.x)&&void 0!==d?d:0,y:null!==(e=j.y)&&void 0!==e?e:0};D(boundResizing(h,h,_objectSpread(_objectSpread({},g),{},{abstractX:0,abstractY:0}),!(A||B)&&C(),_objectSpread(_objectSpread({},v),f)),!0)};if(useEffect(function(){return d&&r.current&&q.current&&(s.current&&s.current.cache(),r.current.nodes([q.current])),function(){s.current&&s.current.clearCache()}},[d,e,f]),useEffect(function(){if(f&&(t.current=f,"undefined"!=typeof f.x&&f.width)){var a,b;E(null!==(a=j.width)&&void 0!==a?a:f.width,null!==(b=j.height)&&void 0!==b?b:f.height)}},[z,f,v]),!d)return null;var F,G=(w||j.noEffect)&&[]||(A||B?void 0:["top-left","bottom-left","top-right","bottom-right"]),H=function b(a){var c=!!(1<arguments.length&&void 0!==arguments[1])&&arguments[1];a.target&&D({width:a.target.width()*a.target.scaleX(),height:a.target.height()*a.target.scaleY(),x:a.target.x(),y:a.target.y()},c)};if(!j.width&&!j.height){var I=1>f.scaledBy?f.scaledBy:1,J=_objectSpread(_objectSpread({},f),{},{width:f.width/I,height:f.height/I});F=boundResizing(J,_objectSpread(_objectSpread({},J),{},{x:0,y:0}),_objectSpread(_objectSpread({},J),{},{abstractX:0,abstractY:0}),!(A||B)&&C(),v)}else F=j;var K=F,L=K.x,M=void 0===L?0:L,x=K.y,N=void 0===x?0:x,y=K.width,O=K.height,P={x:M,y:N,ref:q,fill:"#FFFFFF",scaleX:1,scaleY:1,globalCompositeOperation:"destination-out",onDragEnd:w?void 0:H,onDragMove:w?void 0:function b(a){var c=a.target;c.setAttrs(boundDragging(c.attrs,t.current))},onTransformEnd:w?void 0:H,draggable:!w};return React.createElement(React.Fragment,null,React.createElement(Image,{image:e,x:k?f.width:0,y:l?f.height:0,width:f.width,height:f.height,filters:[Konva.Filters.Blur,Konva.Filters.Brighten],blurRadius:10,brightness:-.3,scaleX:k?-1:1,scaleY:l?-1:1,ref:s}),B?React.createElement(Ellipse,_extends({},P,{radiusX:y/2,radiusY:O/2,offset:{x:-y/2,y:-O/2}})):React.createElement(Rect,_extends({},P,{width:j.noEffect?0:y,height:j.noEffect?0:O})),j.noEffect&&React.createElement(TextNode,{name:"Text",id:"no-preview-text-node",text:p("cropItemNoEffect"),x:f.width/2-noEffectTextDimensions.width/2,y:f.height/2-noEffectTextDimensions.height/2,fontSize:20,fill:"#ffffff",stroke:"#ff0000",strokeWidth:.2,shadowColor:"#ff0000",shadowBlur:10,annotationEvents:{},align:"center",width:noEffectTextDimensions.width,height:noEffectTextDimensions.height}),React.createElement(Transformer,{centeredScaling:!1,flipEnabled:!1,rotateEnabled:!1,nodes:q.current?[q.current]:[],anchorSize:14,anchorCornerRadius:7,enabledAnchors:G,ignoreStroke:!1,anchorStroke:c.palette.primary.main,anchorFill:c.palette.common.white,anchorStrokeWidth:2,borderStroke:c.palette.primary.main,borderStrokeWidth:2,borderDash:[4],keepRatio:!A||!B,ref:r,boundBoxFunc:function c(a,b){return boundResizing(a,b,t.current,!(A||B)&&C(),v)}}))};export default CropTransformer;

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

@@ -0,0 +1 @@
+import{Layer}from"react-konva";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(){var a=useStore(),b=a.toolId,c=a.shownImageDimensions;return React.createElement(Layer,{id:TRANSFORMERS_LAYER_ID,x:c.abstractX||0,y:c.abstractY||0},React.createElement(NodesTransformer,null),b===TOOLS_IDS.CROP&&React.createElement(CropTransformer,null))};export default TransformersLayer;

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

@@ -0,0 +1 @@
+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";var NodesTransformer=function(){var a,b=useStore(),c=b.selectionsIds,d=void 0===c?[]:c,e=b.theme,f=b.designLayer,g=b.dispatch,h=b.config.useCloudimage,i=useMemo(function(){return null!==f&&void 0!==f&&f.findOne?d.map(function(a){return f.findOne("#".concat(a))}).filter(Boolean):[]},[d]),j=function(){1===i.length&&i[0].name()===TOOLS_IDS.TEXT&&g({type:ENABLE_TEXT_CONTENT_EDIT,payload:{textIdOfEditableContent:i[0].id()}})},k=h?["top-left","bottom-left","top-right","bottom-right"]:void 0;return React.createElement(Transformer,{id:NODES_TRANSFORMER_ID,centeredScaling:!1,rotationSnaps:[0,45,90,135,180,225,270,315],nodes:i,rotateAnchorOffset:30,anchorSize:14,anchorCornerRadius:7,padding:1===i.length?null!==(a=i[0].attrs.padding)&&void 0!==a?a:1:1,ignoreStroke:!1,anchorStroke:e.palette.primary.main,anchorFill:e.palette.common.white,anchorStrokeWidth:2,borderStroke:e.palette.primary.main,borderStrokeWidth:2,borderDash:[4],rotateEnabled:!h,onMouseOver:function(){g({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS.MOVE}})},onMouseLeave:function(){g({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS.DRAW}})},onDblClick:j,onDblTap:j,enabledAnchors:k,flipEnabled:!h,shouldOverdrawWholeArea:!0})};export default NodesTransformer;

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

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import compareRatios from"utils/compare-ratios";import restrictNumber from"utils/restrict-number";import toPrecisedFloat from"utils/to-precised-float";export var boundDragging=function(a,b){var c=b.width-(2*a.radiusX||a.width),d=b.height-(2*a.radiusY||a.height);return{x:toPrecisedFloat(Math.min(Math.max(a.x,0),c)),y:toPrecisedFloat(Math.min(Math.max(a.y,0),d))}};export var getPositionByPlaceLabel=function(a,b,c){var d=a.split("-"),e=_slicedToArray(d,2),f=e[0],g=e[1],h={x:0,y:0};return"center"===f?h.y=b.height/2-c.height/2:"bottom"===f&&(h.y=b.height-c.height),"center"===g?h.x=b.width/2-c.width/2:"right"===g&&(h.x=b.width-c.width),h};export var boundResizing=function(a,b,c,d){var e=4<arguments.length&&void 0!==arguments[4]?arguments[4]:{},f={x:toPrecisedFloat(c.abstractX*c.scaledBy),y:toPrecisedFloat(c.abstractY*c.scaledBy),width:toPrecisedFloat(c.width*(e.noScale?1:c.scaledBy)),height:toPrecisedFloat(c.height*(e.noScale?1:c.scaledBy))},g=_objectSpread({},b);if(b.x<f.x&&(g.x=f.x,g.width=a.x-f.x+a.width),b.y<f.y&&(g.y=f.y,g.height=a.y-f.y+a.height),g.x+g.width>f.x+f.width&&(g.width=f.x+f.width-g.x),g.y+g.height>f.y+f.height&&(g.height=f.y+f.height-g.y),"number"==typeof d&&!compareRatios(g.width/g.height,d)){var h=g.height*d,i=g.width/d;toPrecisedFloat(g.y+i)<=f.y+f.height?g.height=i:g.width=h}if((e.minWidth&&g.width<=e.minWidth||e.maxWidth&&g.width>=e.maxWidth)&&(g.width=restrictNumber(g.width,e.minWidth,e.maxWidth),g.x=a.x,g.y=a.y,"number"==typeof d&&(g.height=g.width/d)),(e.minHeight&&b.height<=e.minHeight||e.maxHeight&&b.height>=e.maxHeight)&&(g.height=restrictNumber(g.height,e.minHeight,e.maxHeight),g.x=a.x,g.y=a.y,"number"==typeof d&&(g.width=g.height*d)),"string"==typeof e.lockCropAreaAt){var j=getPositionByPlaceLabel(e.lockCropAreaAt,f,g),k=j.x,l=j.y;g.x=k,g.y=l}return g};

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

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}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{endTouchesZooming,zoomOnTouchesMove}from"./touch-zooming-events";var ZOOM_DELTA_TO_SCALE_CONVERT_FACTOR=.006,CanvasNode=function(a){var b=a.children;useStrictMode(!0);var c=useRef(null),d=useStore(),f=d.dispatch,g=d.pointerCssIcon,h=d.tabId,i=d.toolId,j=d.canvasWidth,k=d.canvasHeight,l=d.canvasScale,m=d.selectionsIds,n=void 0===m?[]:m,o=d.zoom,p=void 0===o?{}:o,q=d.config,r=q.previewPixelRatio,s=q.disableZooming;Konva.pixelRatio=r;var t=DEFAULT_ZOOM_FACTOR,u=!s&&i!==TOOLS_IDS.CROP,v=useState(h!==TABS_IDS.ANNOTATE&&h!==TABS_IDS.WATERMARK&&p.factor>t),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useMemo(function(){return{cursor:g===POINTER_ICONS.DEFAULT&&h===TABS_IDS.ANNOTATE?POINTER_ICONS.DRAW:g}},[h,g]),A=function(a){f({type:ZOOM_CANVAS,payload:a})},B=useCallback(function(a){var b,c;a.evt.preventDefault(),null===(b=(c=a.currentTarget).container)||void 0===b||b.call(c).focus(),a.target instanceof Konva.Stage&&0<n.length&&f({type:CLEAR_ANNOTATIONS_SELECTIONS})},[n]),C=function(){return y(h!==TABS_IDS.ANNOTATE||h===TABS_IDS.WATERMARK)},D=function(a){("Space"===a.code||"Control"===a.key)&&!a.repeat&&p.factor>t&&u&&(a.preventDefault(),y(!0),f({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS.DRAG}}))},E=function(a){"Space"===a.code&&(a.preventDefault(),C())},F=function(){c.current&&c.current.container().focus()};useEffect(function(){f({type:CHANGE_POINTER_ICON,payload:{pointerCssIcon:POINTER_ICONS[x?"DRAG":"DEFAULT"]}})},[x]),useEffect(function(){y(h!==TABS_IDS.ANNOTATE&&h!==TABS_IDS.WATERMARK&&p.factor>t);var a;return c.current&&(a=c.current.container(),a.addEventListener("mouseenter",F),a.addEventListener("keydown",D),a.addEventListener("keyup",E)),function(){a&&(a.removeEventListener("mouseenter",F),a.removeEventListener("keydown",D),a.removeEventListener("keyup",E))}},[h,p.factor,t]);var G=l*(u&&p.factor||t);return React.createElement(Stage,{tabIndex:-1,ref:c,width:j,height:k,scaleX:G,scaleY:G,x:u&&p.x||null,y:u&&p.y||null,zoomFactor:u&&p.factor||t,onWheel:u?function(a){a.evt.preventDefault();var b=(p.factor||t)+a.evt.deltaY*-ZOOM_DELTA_TO_SCALE_CONVERT_FACTOR,c=a.currentTarget.getPointerPosition();A(_objectSpread(_objectSpread({},c),{},{factor:b}))}:void 0,onTap:B,onClick:B,onTouchMove:u?function(a){return zoomOnTouchesMove(a,A)}:void 0,onDragStart:function(a){var b;1<(null===(b=a.evt.touches)||void 0===b?void 0:b.length)&&y(!1)},onTouchEnd:u?function(){endTouchesZooming(C)}:void 0,dragBoundFunc:function(a){var b=Math.min(0,Math.max(a.x,j*(1-p.factor))),c=Math.min(0,Math.max(a.y,k*(1-p.factor)));return{x:b,y:c}},draggable:u&&x,onDragEnd:function(a){a.currentTarget.draggable()&&"stage"===a.target.nodeType.toLowerCase()&&u&&x&&A({factor:p.factor,x:a.target.x(),y:a.target.y(),preparedDimensions:!0})},style:_objectSpread(_objectSpread({},z),{},{outline:"none",backgroundColor:"var(--s-palette-background-paper)"})},b)};export default memo(CanvasNode);

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

@@ -0,0 +1 @@
+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 CanvasNode from"./canvas-node";var MainCanvas=function(){var a,b=useResizeObserver(),c=_slicedToArray(b,1),d=c[0],e=useStore(),f=useRef(null),g=useCallback(function(a){var b=a.width,c=a.height;e.dispatch({type:SET_CANVAS_SIZE,payload:{canvasWidth:b,canvasHeight:c}})},[]);return useEffect(function(){d(f.current,g)},[]),React.createElement(Box,{sx:{width:"100%",position:"relative",height:"calc(100% - 112px - 16px)",overflow:"hidden",minHeight:"350px",flexGrow:1,my:2},className:"FIE_canvas-container",ref:f},!e.textIdOfEditableContent&&React.createElement(NodeControls,null),e.isShowOriginalImage&&React.createElement("img",{style:{maxWidth:"98%",maxHeight:"98%",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:2},src:null===(a=e.originalImage)||void 0===a?void 0:a.src}),React.createElement(CanvasNode,null,React.createElement(AppProviderOverridenValue,{overridingValue:e},React.createElement(DesignLayer,null),React.createElement(TransformersLayer,null))))};export default MainCanvas;

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

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{DEFAULT_ZOOM_FACTOR}from"utils/constants";function getDistance(a,b){return Math.sqrt(Math.pow(b.x-a.x,2)+Math.pow(b.y-a.y,2))}function getCenter(a,b){return{x:(a.x+b.x)/2,y:(a.y+b.y)/2}}var lastCenter=null,lastDist=0;export var zoomOnTouchesMove=function(a,b){a.evt.preventDefault();var c=a.evt.touches[0],d=a.evt.touches[1];if(c&&d){var e=a.currentTarget;e.isDragging()&&e.stopDrag();var f={x:c.clientX,y:c.clientY},g={x:d.clientX,y:d.clientY};if(!lastCenter)return void(lastCenter=getCenter(f,g));var h=getCenter(f,g),i=getDistance(f,g);lastDist||(lastDist=i);var j=e.attrs.zoomFactor||DEFAULT_ZOOM_FACTOR,k={x:(h.x-e.x())/j,y:(h.y-e.y())/j},l=(j||DEFAULT_ZOOM_FACTOR)*(i/lastDist),m=h.x-lastCenter.x,n=h.y-lastCenter.y,o={x:h.x-k.x*l+m,y:h.y-k.y*l+n};lastDist=i,lastCenter=h,b(_objectSpread(_objectSpread({},o),{},{factor:l,preparedDimensions:!0}))}};export var endTouchesZooming=function(a){lastDist=0,lastCenter=null,"function"==typeof a&&a()};

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

@@ -0,0 +1 @@
+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";var NodeControls=function(){var a=useStore(),b=a.selectionsIds,c=void 0===b?[]:b,d=a.designLayer,e=a.annotations,f=a.dispatch,g=useState({left:0,top:0}),h=_slicedToArray(g,2),i=h[0],j=h[1],k=useMemo(function(){var a;return null===d||void 0===d||null===(a=d.getStage())||void 0===a?void 0:a.findOne("#".concat(NODES_TRANSFORMER_ID))},[d]),l=c.length,m=debounce(function(){k&&j({left:(k.x()+k.width()/2)*k.scaleX(),top:(k.y()+k.height())*k.scaleY()})},0);if(useEffect(function(){m()},[c,k,e]),0===l||!k)return null;return React.createElement(SFlexBox,{sx:{position:"absolute",zIndex:1,bgcolor:"background.paper",borderRadius:4,alignItems:"center",justifyContent:"center",top:(i.top||0)+8,left:(i.left||0)+4,transform:"translateX(-50%)",gap:1,p:1}},c[0]!==WATERMARK_ANNOTATION_ID&&React.createElement(SIconButton,{onClick:function(){f({type:DUPLICATE_ANNOTATIONS,payload:{annotationsIds:c}})}},React.createElement(ContentCopy,null)),React.createElement(SIconButton,{onClick:function(){f({type:REMOVE_ANNOTATIONS,payload:{annotationsIds:c}})},color:"error"},React.createElement(DeleteOutlined,null)))};export default NodeControls;

package/lib/components/tabs/index.js

@@ -0,0 +1 @@
+import{STabs}from"@solostylist/ui-kit/core";import{useCallback,useMemo}from"react";import{SELECT_TAB}from"actions";import{useStore}from"hooks";import{AVAILABLE_TABS}from"./tabs.constants";var Tabs=function(a){var b=a.toggleMainMenu,c=useStore(),d=c.t,e=c.tabId,f=void 0===e?null:e,g=c.dispatch,h=c.config,i=h.defaultTabId,j=h.tabsIds,k=h.useCloudimage,l=useCallback(function(a,c){g({type:SELECT_TAB,payload:{tabId:c}}),null===b||void 0===b||b(!1)},[g,b]),m=useMemo(function(){var a=[],b=Array.isArray(j)?j:Object.keys(j||{});return 0<b.length?AVAILABLE_TABS.forEach(function(c){var d=b.indexOf(c.id);-1!==d&&(a[d]=c)}):a=AVAILABLE_TABS,(0<a.length?a:AVAILABLE_TABS).filter(function(a){return a&&(!a.hideFn||!a.hideFn({useCloudimage:k}))}).map(function(a){return{label:d(a.labelKey),icon:React.createElement(a.icon,null),value:a.id,iconPosition:"top"}})},[j,k,d]);return 1>=m.length?null:React.createElement(STabs,{tabs:m,activeTab:f||i,onTabChange:l,orientation:"vertical",variant:"scrollable",scrollButtons:"auto"})};export default Tabs;

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

@@ -0,0 +1 @@
+import{BrandingWatermarkOutlined,CropOutlined,EditOutlined,PhotoFilterOutlined,PhotoSizeSelectLargeOutlined,TuneOutlined}from"@mui/icons-material";import{TABS_IDS}from"utils/constants";export var AVAILABLE_TABS=[{id:TABS_IDS.ADJUST,labelKey:"adjustTab",icon:CropOutlined},{id:TABS_IDS.FINETUNE,labelKey:"finetuneTab",icon:TuneOutlined},{id:TABS_IDS.FILTERS,labelKey:"filtersTab",icon:PhotoFilterOutlined,hideFn:function(a){var b=a.useCloudimage;return!!b}},{id:TABS_IDS.WATERMARK,labelKey:"watermarkTab",icon:BrandingWatermarkOutlined},{id:TABS_IDS.ANNOTATE,labelKey:"annotateTabLabel",icon:EditOutlined,hideFn:function(a){var b=a.useCloudimage;return!!b}},{id:TABS_IDS.RESIZE,labelKey:"resizeTab",icon:PhotoSizeSelectLargeOutlined}];

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

@@ -0,0 +1 @@
+import{useCallback,useMemo}from"react";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";var TabsDrawer=function(a){var b=a.toggleMainMenu,c=void 0===b?function(){}:b,d=useStore(),e=d.t,f=d.showTabsMenu,g=d.tabId,h=void 0===g?null:g,i=d.dispatch,j=d.config,k=j.defaultTabId,l=j.tabsIds,m=j.useCloudimage,n=useMemo(function(){var a=[],b=Array.isArray(l)?l:Object.keys(l||{});return 0<b.length?AVAILABLE_TABS.forEach(function(c){var d=b.indexOf(c.id);-1!==d&&(a[d]=c)}):a=AVAILABLE_TABS,(0<a.length?a:AVAILABLE_TABS).filter(function(a){return a&&(!a.hideFn||!a.hideFn({useCloudimage:m}))})},[l,m]),o=useCallback(function(a){i({type:SELECT_TAB,payload:{tabId:a}}),c(!1)},[i,c]);return React.createElement(SwipeableDrawer,{anchor:"bottom",open:f,onClose:function(){return c(!1)},onOpen:function(){return c(!0)},disablePortal:!0,disableSwipeToOpen:!0,sx:{"& .MuiDrawer-paper":{borderRadius:"16px 16px 0 0",maxHeight:"50vh",pb:2}}},React.createElement(Box,{sx:{display:"flex",justifyContent:"center",py:2}},React.createElement(Box,{sx:{width:36,height:4,borderRadius:2,bgcolor:"action.disabled"}})),React.createElement(Box,{sx:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:1,px:2,pb:1}},n.map(function(a){var b=(h||k)===a.id,c=a.icon;return React.createElement(ButtonBase,{key:a.id,onClick:function(){return o(a.id)},sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:.5,py:2,borderRadius:2,bgcolor:b?"primary.main":"action.hover",color:b?"primary.contrastText":"text.primary",transition:"all 0.15s ease"}},React.createElement(c,null),React.createElement(Typography,null,e(a.labelKey)))})))};export default TabsDrawer;

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

@@ -0,0 +1 @@
+import{CallMadeOutlined as ArrowIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var ArrowButton=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.ARROW,label:d("arrowTool"),Icon:ArrowIcon,onClick:b,isSelected:void 0!==c&&c})};export default ArrowButton;

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

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";var ArrowOptions=function(a){var b=a.t,c=useAnnotation({name:TOOLS_IDS.ARROW}),d=_slicedToArray(c,2),e=d[0],f=d[1];return React.createElement(AnnotationOptions,{className:"FIE_arrow-tool-options",annotation:e,updateAnnotation:f,t:b,hidePositionField:!0,hideFillOption:!0})};export default ArrowOptions;

package/lib/components/tools/arrow/index.js

@@ -0,0 +1 @@
+export{default as ArrowButton}from"./arrow-button";export{default as ArrowOptions}from"./arrow-options";

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

@@ -0,0 +1 @@
+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";var MIN_VALUE=0,DEFAULT_VALUE={blurRadius:0},MAX_VALUE=100,BlurOptions=function(a){var b,c=a.t,d=useFinetune(Konva.Filters.Blur,DEFAULT_VALUE),e=_slicedToArray(d,2),f=e[0],g=e[1];return React.createElement(Box,{display:"flex",justifyContent:"center"},React.createElement(Slider,{label:c("blur"),className:"FIE_blur-option",min:MIN_VALUE,max:MAX_VALUE,value:null!==(b=f.blurRadius)&&void 0!==b?b:DEFAULT_VALUE.blurRadius,onChange:function(a){g({blurRadius:restrictNumber(a,MIN_VALUE,MAX_VALUE)})}}))};export default BlurOptions;

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

@@ -0,0 +1 @@
+import{BlurOnOutlined as BlurIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var Blur=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{className:"FIE_blur-tool-button",id:TOOLS_IDS.BLUR,label:d("blurTool"),Icon:BlurIcon,onClick:b,isSelected:void 0!==c&&c})};export default Blur;

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

@@ -0,0 +1 @@
+export{default as Blur}from"./blur";export{default as BlurOptions}from"./blur-options";

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

@@ -0,0 +1 @@
+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{Box}from"@mui/material";var MIN_VALUE=-1,DEFAULT_VALUE={brightness:0},MAX_VALUE=1,BrightnessOptions=function(a){var b,c=a.t,d=useFinetune(Konva.Filters.Brighten,DEFAULT_VALUE),e=_slicedToArray(d,2),f=e[0],g=e[1];return React.createElement(Box,{display:"flex",justifyContent:"center"},React.createElement(Slider,{label:c("brightness"),min:MIN_VALUE,step:.05,max:MAX_VALUE,value:null!==(b=f.brightness)&&void 0!==b?b:DEFAULT_VALUE.brightness,onChange:function(a){g({brightness:restrictNumber(a,MIN_VALUE,MAX_VALUE)})}}))};export default BrightnessOptions;

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

@@ -0,0 +1 @@
+import{BrightnessHighOutlined as BrightnessIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var Brightness=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{className:"FIE_brightness-tool-button",id:TOOLS_IDS.BRIGHTNESS,label:d("brightnessTool"),Icon:BrightnessIcon,onClick:b,isSelected:void 0!==c&&c})};export default Brightness;

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

@@ -0,0 +1 @@
+export{default as Brightness}from"./brightness";export{default as BrightnessOptions}from"./brightness-options";

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

@@ -0,0 +1 @@
+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{Box}from"@mui/material";var MIN_VALUE=-100,DEFAULT_VALUE={contrast:0},MAX_VALUE=100,ContrastOptions=function(a){var b,c=a.t,d=useFinetune(Konva.Filters.Contrast,DEFAULT_VALUE),e=_slicedToArray(d,2),f=e[0],g=e[1];return React.createElement(Box,{display:"flex",justifyContent:"center"},React.createElement(Slider,{label:c("contrastTool"),min:MIN_VALUE,max:MAX_VALUE,value:null!==(b=f.contrast)&&void 0!==b?b:DEFAULT_VALUE.contrast,onChange:function(a){g({contrast:restrictNumber(a,MIN_VALUE,MAX_VALUE)})}}))};export default ContrastOptions;

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

@@ -0,0 +1 @@
+import{ContrastOutlined as ContrastIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var Contrast=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{className:"FIE_contrast-tool-button",id:TOOLS_IDS.CONTRAST,label:d("contrastTool"),Icon:ContrastIcon,onClick:b,isSelected:void 0!==c&&c})};export default Contrast;

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

@@ -0,0 +1 @@
+export{default as Contrast}from"./contrast";export{default as ContrastOptions}from"./contrast-options";

package/lib/components/tools/crop/crop-preset-item.js

@@ -0,0 +1 @@
+import{SFlexBox}from"@solostylist/ui-kit/core";var CropPresetItem=function(a){var b=a.titleKey,c=a.description,d=a.ratio,f=a.onClick,g=a.Icon,h=a.isActive,i=a.isAccordion,j=a.width,k=a.height,l=a.t,m=a.disableManualResize,n=a.noEffect;return React.createElement(SFlexBox,{active:h,onClick:function(a){return f(a,d,{ratioTitleKey:b,width:j,height:k,disableManualResize:void 0!==m&&m,noEffect:void 0!==n&&n})},isAccordion:void 0!==i&&i,sx:{display:"flex",gap:2,justifyContent:"flex-start",alignItems:"center",paddingX:2,paddingY:1,"&:hover":{cursor:"pointer",backgroundColor:"action.hover"}}},g&&("string"==typeof g?React.createElement("span",{dangerouslySetInnerHTML:{__html:g}}):React.createElement(g,null)),l(b)," ",c&&"(".concat(c,")"))};export default CropPresetItem;

package/lib/components/tools/crop/crop-presets-option.js

@@ -0,0 +1 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{useMemo}from"react";import{Typography}from"@mui/material";import Menu from"@mui/material/Menu";import{SET_CROP,SET_RESIZE,ZOOM_CANVAS}from"actions";import{useStore}from"hooks";import{DEFAULT_ZOOM_FACTOR,ORIGINAL_CROP,TOOLS_IDS}from"utils/constants";import getZoomFitFactor from"utils/get-zoom-fit-factor";import toPrecisedFloat from"utils/to-precised-float";import CropPresetItem from"./crop-preset-item";import{DEFAULT_CROP_PRESETS}from"./crop.constants";var CropPresetsOption=function(a){var b=a.anchorEl,c=void 0===b?null:b,d=a.onClose,e=useStore(),f=e.dispatch,g=e.t,h=e.adjustments,i=void 0===h?{}:h,j=i.crop,k=void 0===j?{}:j,l=k.ratio,m=k.ratioTitleKey,n=e.shownImageDimensions,o=e.config,p=o[TOOLS_IDS.CROP],q=useMemo(function(){var a=p||{},b=a.presetsItems,c=void 0===b?[]:b,d=a.lockCropAreaAt,e=d?DEFAULT_CROP_PRESETS.filter(function(a){var b;return!(null!==(b=a.hide)&&void 0!==b&&b.call(a,{lockCropAreaAt:d}))}):DEFAULT_CROP_PRESETS;return[].concat(_toConsumableArray(e),_toConsumableArray(c))},[p]),r=function(a,b,c){a.stopPropagation();var e={ratio:b,ratioTitleKey:c.ratioTitleKey,noEffect:c.noEffect};if(f({type:SET_CROP,payload:e}),null!==p&&void 0!==p&&p.autoResize){var g,h;f({type:SET_RESIZE,payload:{width:c.width,height:c.height,manualChangeDisabled:c.disableManualResize}}),f({type:ZOOM_CANVAS,payload:{factor:(null!==(g=c.width)&&void 0!==g?g:0)>n.width||(null!==(h=c.height)&&void 0!==h?h:0)>n.height?getZoomFitFactor(n,c):DEFAULT_ZOOM_FACTOR}})}d()};return React.createElement(React.Fragment,null,React.createElement(Typography,null,g(m||"cropTool")),React.createElement(Menu,{anchorEl:c,onClose:d,open:!!c,anchorOrigin:{vertical:"top",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"}},q.map(function(a){var b=a.titleKey,c=a.descriptionKey,d=a.ratio,e=a.width,f=a.height,h=a.icon,i=a.disableManualResize,j=a.noEffect;return React.createElement(CropPresetItem,{key:d,ratio:null!==d&&void 0!==d?d:toPrecisedFloat((null!==e&&void 0!==e?e:0)/(null!==f&&void 0!==f?f:1)),titleKey:b,t:g,description:g(null!==c&&void 0!==c?c:""),Icon:h,isActive:(l||ORIGINAL_CROP)===(null!==d&&void 0!==d?d:toPrecisedFloat((null!==e&&void 0!==e?e:0)/(null!==f&&void 0!==f?f:1))),width:e,height:f,onClick:r,disableManualResize:i,noEffect:j})})))};export default CropPresetsOption;

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

@@ -0,0 +1 @@
+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";export var DEFAULT_CROP_PRESETS=[{titleKey:"custom",ratio:CUSTOM_CROP,icon:SettingsOutlined,hide:function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},b=a.lockCropAreaAt;return b}},{titleKey:"original",ratio:ORIGINAL_CROP,icon:ImageOutlined},{titleKey:"landscape",descriptionKey:"16:9",ratio:toPrecisedFloat(16/9),icon:LandscapeOutlined},{titleKey:"portrait",descriptionKey:"9:16",ratio:toPrecisedFloat(9/16),icon:PortraitOutlined},{titleKey:"ellipse",ratio:ELLIPSE_CROP,icon:CircleOutlined}];

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

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{CropOutlined as CropIcon}from"@mui/icons-material";import{useState}from"react";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{useStore}from"hooks";import{TOOLS_IDS}from"utils/constants";import{Typography}from"@mui/material";import CropPresetsOption from"./crop-presets-option";var Crop=function(a){var b,c=a.selectTool,d=a.isSelected,e=useStore(),f=e.config,g=e.t,h=useState(),i=_slicedToArray(h,2),j=i[0],k=i[1];return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.CROP,Icon:CropIcon,onClick:function(a,b){c(a,b),k(b.currentTarget)},isSelected:void 0!==d&&d},null!==(b=f[TOOLS_IDS.CROP])&&void 0!==b&&b.noPresets?React.createElement(Typography,null,g("cropTool")):React.createElement(CropPresetsOption,{anchorEl:j,onClose:function(){k(null)}}))};export default Crop;

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

@@ -0,0 +1 @@
+export{default as Crop}from"./crop";