Update folder structure

packages/filerobot-image-editor/src/index.js

@@ -3,7 +3,7 @@ import { createElement } from 'react';
 import { createRoot } from 'react-dom/client';
 
 /** Internal Dependencies */
-import AssemblyPoint, { TOOLS, TABS } from 'react-filerobot-image-editor/src/';
+import ImageEditor, { TOOLS, TABS } from 'react-filerobot-image-editor/src/';
 import deepMerge from 'react-filerobot-image-editor/src/utils/deepMerge';
 
 class FilerobotImageEditor {
@@ -51,7 +51,7 @@ class FilerobotImageEditor {
       this.#root = createRoot(this.container);
     }
 
-    this.#root.render(createElement(AssemblyPoint, this.config));
+    this.#root.render(createElement(ImageEditor, this.config));
   }
 
   terminate() {

packages/react-filerobot-image-editor/src/actions/selectTab.js

@@ -1,4 +1,4 @@
-import { TABS_TOOLS } from 'components/tools/tools.constants';
+import { TABS_TOOLS } from 'components/Shared/Tools/tools.constants';
 import { POINTER_ICONS, TABS_IDS } from 'utils/constants';
 import isAnnotationTool from 'utils/isAnnotationTool';
 

packages/react-filerobot-image-editor/src/components/tools/Arrow/ArrowButton.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Arrow/ArrowButton.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { ArrowTool as ArrowIcon } from '@scaleflex/icons/arrow-tool';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const ArrowButton = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Arrow/ArrowOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Arrow/ArrowOptions.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 /** Internal Dependencies */
 import { useAnnotation } from 'hooks';
 import { TOOLS_IDS } from 'utils/constants';
-import AnnotationOptions from 'components/common/AnnotationOptions';
+import AnnotationOptions from 'components/Shared/Common/AnnotationOptions';
 
 const ArrowOptions = ({ t }) => {
   const [arrow, saveArrow] = useAnnotation({

packages/react-filerobot-image-editor/src/components/tools/Blur/Blur.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Blur/Blur.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Blur as BlurIcon } from '@scaleflex/icons/blur';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const Blur = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Blur/BlurOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Blur/BlurOptions.jsx

@@ -6,13 +6,13 @@ import PropTypes from 'prop-types';
 /** Internal Dependencies */
 import { useFinetune } from 'hooks';
 import restrictNumber from 'utils/restrictNumber';
-import Slider from 'components/common/Slider';
+import Slider from 'components/Shared/Common/Slider';
 import {
   StyledSliderContainer,
   StyledSliderInput,
   StyledSliderLabel,
   StyledSliderWrapper,
-} from '../tools.styled';
+} from '../Tools.styled';
 
 const MIN_VALUE = 0;
 const DEFAULT_VALUE = {

packages/react-filerobot-image-editor/src/components/tools/Brightness/Brightness.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Brightness/Brightness.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Brightness as BrightnessIcon } from '@scaleflex/icons/brightness';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const Brightness = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Brightness/BrightnessOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Brightness/BrightnessOptions.jsx

@@ -6,13 +6,13 @@ import PropTypes from 'prop-types';
 /** Internal Dependencies */
 import { useFinetune } from 'hooks';
 import restrictNumber from 'utils/restrictNumber';
-import Slider from 'components/common/Slider';
+import Slider from 'components/Shared/Common/Slider';
 import {
   StyledSliderContainer,
   StyledSliderInput,
   StyledSliderLabel,
   StyledSliderWrapper,
-} from '../tools.styled';
+} from '../Tools.styled';
 
 const MIN_VALUE = -1;
 const DEFAULT_VALUE = {

packages/react-filerobot-image-editor/src/components/tools/Contrast/Contrast.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Contrast/Contrast.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Contrast as ContrastIcon } from '@scaleflex/icons/contrast';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const Contrast = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Contrast/ContrastOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Contrast/ContrastOptions.jsx

@@ -6,13 +6,13 @@ import PropTypes from 'prop-types';
 /** Internal Depdencies */
 import { useFinetune } from 'hooks';
 import restrictNumber from 'utils/restrictNumber';
-import Slider from 'components/common/Slider';
+import Slider from 'components/Shared/Common/Slider';
 import {
   StyledSliderContainer,
   StyledSliderInput,
   StyledSliderLabel,
   StyledSliderWrapper,
-} from '../tools.styled';
+} from '../Tools.styled';
 
 const MIN_VALUE = -100;
 const DEFAULT_VALUE = {

packages/react-filerobot-image-editor/src/components/tools/Ellipse/EllipseButton.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Ellipse/EllipseButton.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Ellipse as EllipseIcon } from '@scaleflex/icons/ellipse';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const EllipseButton = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Ellipse/EllipseOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Ellipse/EllipseOptions.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 /** Internal Dependencies */
 import { useAnnotation } from 'hooks';
 import { TOOLS_IDS } from 'utils/constants';
-import AnnotationOptions from 'components/common/AnnotationOptions';
+import AnnotationOptions from 'components/Shared/Common/AnnotationOptions';
 
 const EllipseOptions = ({ t }) => {
   const [ellipse, saveEllipse] = useAnnotation({

packages/react-filerobot-image-editor/src/components/tools/Filters/Filters.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Filters/Filters.jsx

@@ -3,7 +3,7 @@ import React from 'react';
 
 /** Internal Dependencies */
 import { useFilter, useStore } from 'hooks';
-import Carousel from 'components/common/Carousel';
+import Carousel from 'components/Shared/Common/Carousel';
 import FilterItem from './FilterItem';
 import { AVAILABLE_FILTERS } from './Filters.constants';
 

packages/react-filerobot-image-editor/src/components/tools/HSV/HSV.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/HSV/HSV.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Saturation as SaturationIcon } from '@scaleflex/icons/saturation';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const HSV = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/HSV/HSVOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/HSV/HSVOptions.jsx

@@ -5,14 +5,14 @@ import Konva from 'konva';
 
 /** Internal Dependencies */
 import { useFinetune, usePhoneScreen } from 'hooks';
-import Slider from 'components/common/Slider';
+import Slider from 'components/Shared/Common/Slider';
 import {
   StyledHSVOptions,
   StyledSliderContainer,
   StyledSliderLabel,
   StyledSliderInput,
   StyledSliderWrapper,
-} from '../tools.styled';
+} from '../Tools.styled';
 
 const DEFAULT_VALUE = {
   hue: 0,

packages/react-filerobot-image-editor/src/components/tools/Image/ImageButton.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Image/ImageButton.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { ImageOutline as ImageIcon } from '@scaleflex/icons/image-outline';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const ImageButton = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Image/ImageControls.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Image/ImageControls.jsx

@@ -3,7 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 /** Internal Dependencies */
-import AnnotationOptions from 'components/common/AnnotationOptions';
+import AnnotationOptions from 'components/Shared/Common/AnnotationOptions';
 
 const ImageControls = ({ image, saveImage, children, t }) => (
   <AnnotationOptions

packages/react-filerobot-image-editor/src/components/tools/Image/ImageOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Image/ImageOptions.jsx

@@ -6,8 +6,8 @@ import { Images, UploadOutline } from '@scaleflex/icons';
 import { useImageScaled, useStore } from 'hooks';
 import { FEEDBACK_STATUSES, TOOLS_IDS } from 'utils/constants';
 import { SET_FEEDBACK } from 'actions';
-import HiddenUploadInput from 'components/common/HiddenUploadInput';
-import ButtonWithMenu from 'components/common/ButtonWithMenu';
+import HiddenUploadInput from 'components/Shared/Common/HiddenUploadInput';
+import ButtonWithMenu from 'components/Shared/Common/ButtonWithMenu';
 import ImageControls from './ImageControls';
 import ImagesGallery from './ImagesGallery';
 

packages/react-filerobot-image-editor/src/components/tools/Line/LineButton.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Line/LineButton.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import Line from '@scaleflex/icons/line';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const LineButton = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Line/LineOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Line/LineOptions.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 /** Internal Dependencies */
 import { useAnnotation } from 'hooks';
 import { TOOLS_IDS } from 'utils/constants';
-import AnnotationOptions from 'components/common/AnnotationOptions';
+import AnnotationOptions from 'components/Shared/Common/AnnotationOptions';
 
 const LineOptions = ({ t }) => {
   const [line, saveLine] = useAnnotation({

packages/react-filerobot-image-editor/src/components/tools/Pen/PenButton.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Pen/PenButton.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Annotation as PenIcon } from '@scaleflex/icons/annotation';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const PenButton = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Pen/PenOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Pen/PenOptions.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 /** Internal Dependencies */
 import { useAnnotation, useSetAnnotation, useStore } from 'hooks';
 import { TOOLS_IDS } from 'utils/constants';
-import AnnotationOptions from 'components/common/AnnotationOptions';
+import AnnotationOptions from 'components/Shared/Common/AnnotationOptions';
 import getPointerOffsetPosition from 'utils/getPointerOffsetPosition';
 import randomId from 'utils/randomId';
 import { SELECT_ANNOTATION } from 'actions';

packages/react-filerobot-image-editor/src/components/tools/Polygon/PolygonButton.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Polygon/PolygonButton.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Polygon as PolygonIcon } from '@scaleflex/icons/polygon';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const PolygonButton = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Polygon/PolygonOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Polygon/PolygonOptions.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 /** Internal Dependencies */
 import { useAnnotation } from 'hooks';
 import { TOOLS_IDS } from 'utils/constants';
-import AnnotationOptions from 'components/common/AnnotationOptions';
+import AnnotationOptions from 'components/Shared/Common/AnnotationOptions';
 import {
   polygonOptionsPopupComponents,
   POLYGON_POPPABLE_OPTIONS,

packages/react-filerobot-image-editor/src/components/tools/Polygon/PolygonSidesField.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Polygon/PolygonSidesField.jsx

@@ -4,9 +4,9 @@ import PropTypes from 'prop-types';
 import Label from '@scaleflex/ui/core/label';
 
 /** InternalDependencies */
-import { StyledSpacedOptionFields } from 'components/common/AnnotationOptions/AnnotationOptions.styled';
+import { StyledSpacedOptionFields } from 'components/Shared/Common/AnnotationOptions/AnnotationOptions.styled';
 import restrictNumber from 'utils/restrictNumber';
-import Slider from 'components/common/Slider';
+import Slider from 'components/Shared/Common/Slider';
 
 const MIN_VALUE = 3;
 const MAX_VALUE = 25;

packages/react-filerobot-image-editor/src/components/tools/Rect/RectButton.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Rect/RectButton.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { CropLandscape as RectIcon } from '@scaleflex/icons/crop-landscape';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const RectButton = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Rect/RectCornerField.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Rect/RectCornerField.jsx

@@ -4,9 +4,9 @@ import PropTypes from 'prop-types';
 import Label from '@scaleflex/ui/core/label';
 
 /** InternalDependencies */
-import { StyledSpacedOptionFields } from 'components/common/AnnotationOptions/AnnotationOptions.styled';
+import { StyledSpacedOptionFields } from 'components/Shared/Common/AnnotationOptions/AnnotationOptions.styled';
 import restrictNumber from 'utils/restrictNumber';
-import Slider from 'components/common/Slider';
+import Slider from 'components/Shared/Common/Slider';
 
 const MIN_VALUE = 0;
 const MAX_VALUE = 150;

packages/react-filerobot-image-editor/src/components/tools/Rect/RectOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Rect/RectOptions.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 /** Internal Dependencies */
 import { useAnnotation } from 'hooks';
 import { TOOLS_IDS } from 'utils/constants';
-import AnnotationOptions from 'components/common/AnnotationOptions';
+import AnnotationOptions from 'components/Shared/Common/AnnotationOptions';
 import {
   rectOptionsPopupComponents,
   RECT_POPPABLE_OPTIONS,

packages/react-filerobot-image-editor/src/components/tools/Text/TextButton.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Text/TextButton.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Text as TextIcon } from '@scaleflex/icons/text';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const TextButton = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Text/TextOptions/TextAlignmentFields.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Text/TextOptions/TextAlignmentFields.jsx

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import {
   StyledSpacedOptionFields,
   StyledIconWrapper,
-} from 'components/common/AnnotationOptions/AnnotationOptions.styled';
+} from 'components/Shared/Common/AnnotationOptions/AnnotationOptions.styled';
 import { TextAlignCenter, TextAlignLeft } from '@scaleflex/icons';
 
 const rightAlignmentCssTransform = { transform: 'scaleX(-1)' };

packages/react-filerobot-image-editor/src/components/tools/Text/TextOptions/TextControls.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Text/TextOptions/TextControls.jsx

@@ -7,8 +7,8 @@ import FontItalic from '@scaleflex/icons/font-italic';
 
 /** Internal Dependencies */
 import { TOOLS_IDS } from 'utils/constants';
-import AnnotationOptions from 'components/common/AnnotationOptions';
-import { StyledIconWrapper } from 'components/common/AnnotationOptions/AnnotationOptions.styled';
+import AnnotationOptions from 'components/Shared/Common/AnnotationOptions';
+import { StyledIconWrapper } from 'components/Shared/Common/AnnotationOptions/AnnotationOptions.styled';
 import { useStore, useTextAnnotationEditing } from 'hooks';
 import {
   StyledFontFamilySelect,

packages/react-filerobot-image-editor/src/components/tools/Text/TextOptions/TextSpacingsFields.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Text/TextOptions/TextSpacingsFields.jsx

@@ -5,8 +5,8 @@ import Label from '@scaleflex/ui/core/label';
 
 /** Internal Dependencies */
 import restrictNumber from 'utils/restrictNumber';
-import { StyledSpacedOptionFields } from 'components/common/AnnotationOptions/AnnotationOptions.styled';
-import Slider from 'components/common/Slider';
+import { StyledSpacedOptionFields } from 'components/Shared/Common/AnnotationOptions/AnnotationOptions.styled';
+import Slider from 'components/Shared/Common/Slider';
 import { useStore } from 'hooks';
 
 const MIN_VALUE = 0;

packages/react-filerobot-image-editor/src/components/tools/Warmth/Warmth.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Warmth/Warmth.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Temprature as WarmthIcon } from '@scaleflex/icons/tempreture';
 
 /** Internal Dependencies */
-import ToolsBarItemButton from 'components/ToolsBar/ToolsBarItemButton';
+import ToolsBarItemButton from 'components/Shared/ToolsBar/ToolsBarItemButton';
 import { TOOLS_IDS } from 'utils/constants';
 
 const Warmth = ({ selectTool, isSelected = false, t }) => (

packages/react-filerobot-image-editor/src/components/tools/Warmth/WarmthOptions.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Warmth/WarmthOptions.jsx

@@ -6,13 +6,13 @@ import PropTypes from 'prop-types';
 import { useFinetune } from 'hooks';
 import restrictNumber from 'utils/restrictNumber';
 import { Warmth as CustomWarmth } from 'custom/finetunes';
-import Slider from 'components/common/Slider';
+import Slider from 'components/Shared/Common/Slider';
 import {
   StyledSliderContainer,
   StyledSliderInput,
   StyledSliderLabel,
   StyledSliderWrapper,
-} from '../tools.styled';
+} from '../Tools.styled';
 
 const MIN_VALUE = 0;
 const DEFAULT_VALUE = {

packages/react-filerobot-image-editor/src/components/tools/Watermark/Watermark.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Watermark/Watermark.jsx

@@ -9,12 +9,12 @@ import {
   SET_FEEDBACK,
   CLEAR_ANNOTATIONS_SELECTIONS,
 } from 'actions';
-import ButtonWithMenu from 'components/common/ButtonWithMenu';
-import TextControls from 'components/tools/Text/TextOptions/TextControls';
-import ImageControls from 'components/tools/Image/ImageControls';
+import ButtonWithMenu from 'components/Shared/Common/ButtonWithMenu';
+import TextControls from 'components/ImageEditor/Tools/Text/TextOptions/TextControls';
+import ImageControls from 'components/ImageEditor/Tools/Image/ImageControls';
 import { usePhoneScreen, useSetAnnotation, useStore } from 'hooks';
 import { FEEDBACK_STATUSES, TOOLS_IDS } from 'utils/constants';
-import HiddenUploadInput from 'components/common/HiddenUploadInput';
+import HiddenUploadInput from 'components/Shared/Common/HiddenUploadInput';
 import {
   StyledControlsWrapper,
   StyledWatermarkWrapper,

packages/react-filerobot-image-editor/src/components/tools/Watermark/WatermarkPadding.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Watermark/WatermarkPadding.jsx

@@ -11,8 +11,8 @@ import {
   StyledIconWrapper,
   StyledOptionPopupContent,
   StyledIconLabel,
-} from 'components/common/AnnotationOptions/AnnotationOptions.styled';
-import Slider from 'components/common/Slider';
+} from 'components/Shared/Common/AnnotationOptions/AnnotationOptions.styled';
+import Slider from 'components/Shared/Common/Slider';
 import { Label } from '@scaleflex/ui/core';
 
 const WatermarkPadding = ({ watermark, saveWatermark, t }) => {

packages/react-filerobot-image-editor/src/components/tools/Watermark/WatermarksGallery.jsx → packages/react-filerobot-image-editor/src/components/ImageEditor/Tools/Watermark/WatermarksGallery.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 /** Internal Dependencies */
 import { useStore } from 'hooks';
 import { TOOLS_IDS, WATERMARK_ANNOTATION_ID } from 'utils/constants';
-import Carousel from 'components/common/Carousel';
+import Carousel from 'components/Shared/Common/Carousel';
 import { SET_FEEDBACK } from 'actions';
 import { StyledWatermarkGalleryItem } from './Watermark.styled';