@omnia/fx 8.0.120-dev → 8.0.121-dev

package/internal-do-not-import-from-here/ux/mediapickerV2/handlers/imagetransformer/filter.d.ts

@@ -0,0 +1,11 @@
+import { IImageTransformHandler } from "../../interfaces";
+import { MediaPickerFilterTransformation } from "@omnia/fx-models";
+/**
+ * Image filter handler
+ */
+export declare class ImageFilterHandler implements IImageTransformHandler {
+    private imageTransformationStore;
+    private mediaPickerService;
+    transform(options: MediaPickerFilterTransformation): Promise<void>;
+    updateTransformationData(options: MediaPickerFilterTransformation): Promise<void>;
+}

package/internal-do-not-import-from-here/ux/mediapickerV2/handlers/imagetransformer/flip.d.ts

@@ -0,0 +1,8 @@
+import { IImageTransformHandler } from "../../interfaces";
+import { MediaPickerFlipTransformation } from "@omnia/fx-models";
+export declare class ImageFlipHandler implements IImageTransformHandler {
+    private imageTransformationStore;
+    private mediaPickerService;
+    transform(options: MediaPickerFlipTransformation): Promise<void>;
+    updateTransformationData(options: MediaPickerFlipTransformation): Promise<void>;
+}

package/internal-do-not-import-from-here/ux/mediapickerV2/handlers/imagetransformer/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./cropByRatio";
+export * from "./filter";
+export * from "./flip";
+export * from "./utils";

package/internal-do-not-import-from-here/ux/mediapickerV2/handlers/imagetransformer/utils.d.ts

@@ -0,0 +1,13 @@
+import { MediaPickerService } from "@omnia/fx/services";
+import { ImageTransformerStore } from "../../imagetransformer/store";
+export type LoadSourceImageTransformationToCanvasParams = {
+    mediaPickerService: MediaPickerService;
+    imageTransformationStore: ImageTransformerStore;
+};
+export type UpdateImageTransformationResultParams = LoadSourceImageTransformationToCanvasParams;
+/**
+ * @param {UpdateImageTransformationResultParams} params the params needed to update the transformed image, including the media picker service and the image transformation store
+ * @description used after image updated by the image transform handler. It updates the transformed image in the store.
+ * @returns new image info ater the transformation
+ */
+export declare function updateTransformedImageBase64({ mediaPickerService, imageTransformationStore, }: UpdateImageTransformationResultParams): Promise<import("@omnia/fx-models").MediaPickerImageInformation>;

package/internal-do-not-import-from-here/ux/mediapickerV2/handlers/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./gallery";
+export * from "./provider";
+export * from "./imagetransformer";

package/internal-do-not-import-from-here/ux/mediapickerV2/handlers/provider/BaseImageHandler.d.ts

@@ -0,0 +1,47 @@
+import { ImageInformation, ImageItem } from "@omnia/fx-models";
+import { IMediaPickerImageProviderHandler, ProcessImageOptions } from "../../interfaces";
+import { IMediaFileProcessor } from "@omnia/fx-models";
+/**
+ * Base class for image in providers
+ */
+export declare class BaseProviderImageHandler implements IMediaPickerImageProviderHandler {
+    private providerStore;
+    private galleryStore;
+    private settingsService;
+    private mediaPickerStore;
+    private imageGalleryHandler;
+    private commonStore;
+    private imageTransformationStore;
+    fileProcessor: IMediaFileProcessor;
+    constructor();
+    /**
+     * @description handle select image event in the provider
+     * - download image to get its info
+     * - scale image if needed
+     * - add image to gallery
+     * @param media the image that gets selected in the provider
+     */
+    selectMedia(mediaItem: ImageItem): Promise<void>;
+    /**
+     * Each provider will implement its search method, if it supports search
+     * @description search images in the provider, if not implemented, it will return empty list
+     * @param _ search text
+     * @returns list of images that match the search text
+     */
+    search(_: string): Promise<any[]>;
+    /**
+     * Each provider will implement its search method, if it supports search
+     * @description search images in the provider, if not implemented, it will return empty list
+     * @param _ search text
+     * @returns list of images that match the search text
+     */
+    searchMore(_: string, __: number): Promise<any[]>;
+    private doesImageSupportTransformation;
+    selectImageInfo(imageInfo: ImageInformation): Promise<void>;
+    handleImageScaling(imageInfo: ImageInformation): Promise<boolean>;
+    private doesFileSizeExceedLimit;
+    private ensureLimitedScalingSettings;
+    processImageAndAddToGallery(options: ProcessImageOptions): Promise<void>;
+    private addImageToGallery;
+    private handleResizeImage;
+}

package/internal-do-not-import-from-here/ux/mediapickerV2/handlers/provider/BaseVideoHandler.d.ts

@@ -0,0 +1,36 @@
+import { GuidValue, MediaPickerVideo } from "@omnia/fx-models";
+import { IMediaPickerVideoProviderHandler } from "../../interfaces";
+import { IMediaFileProcessor } from "@omnia/fx-models";
+/**
+ * Base class for video providers
+ */
+export declare class BaseProviderVideoHandler implements IMediaPickerVideoProviderHandler {
+    private providerStore;
+    private galleryStore;
+    private videoGalleryHandler;
+    fileProcessor: IMediaFileProcessor;
+    constructor();
+    /**
+     * @description handle select media event in the provider, which initializes the media state and adds it to the gallery
+     * @param media the video that gets selected in the provider
+     */
+    selectMedia(media: MediaPickerVideo): Promise<void>;
+    /**
+     * @param media The media picker video that gets updated
+     * @param id media state id, which will get from the store
+     */
+    updateMedia(media: MediaPickerVideo, id: GuidValue): Promise<void>;
+    /**
+     * @description handle the search event in the provider
+     * @param searchKeyword search keyword
+     * @returns {Promise<Array<MediaItem>>} the result of the search
+     */
+    search(searchKeyword: string): Promise<any[]>;
+    /**
+     * @description handle the search more event in the provider, when the user scrolls to the bottom of the search result
+     * @param searchQueryText search query text
+     * @param lastLoadedIndex index of the last loaded item
+     * @returns {Promise<Array<MediaItem>>} the result of the search
+     */
+    searchMore(searchQueryText: string, lastLoadedIndex: number): Promise<any[]>;
+}

package/internal-do-not-import-from-here/ux/mediapickerV2/handlers/provider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BaseImageHandler";
+export * from "./BaseVideoHandler";

package/internal-do-not-import-from-here/ux/mediapickerV2/imagegrid/ImageGrid.d.ts

@@ -1,5 +1,6 @@
 import { VNodeChild } from "vue";
 import { MediaItem } from "@omnia/fx-models";
+import { IMediaPickerProviderHandler } from "../interfaces";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         "v-slots": import("vue").Prop<{
@@ -7,6 +8,11 @@ declare const _default: {
         } & {
             itemDetailSlot?: (item: MediaItem) => VNodeChild;
         }>;
+        handler: {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        } & {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        };
         "append-to-grid": {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -21,6 +27,11 @@ declare const _default: {
         } & {
             itemDetailSlot?: (item: MediaItem) => VNodeChild;
         }>;
+        handler: {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        } & {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        };
         "append-to-grid": {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -42,6 +53,11 @@ declare const _default: {
         } & {
             itemDetailSlot?: (item: MediaItem) => VNodeChild;
         }>;
+        handler: {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        } & {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        };
         "append-to-grid": {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -60,6 +76,11 @@ declare const _default: {
     } & {
         itemDetailSlot?: (item: MediaItem) => VNodeChild;
     }>;
+    handler: {
+        type: import("vue").PropType<IMediaPickerProviderHandler>;
+    } & {
+        type: import("vue").PropType<IMediaPickerProviderHandler>;
+    };
     "append-to-grid": {
         type: import("vue").PropType<boolean>;
         required: false;
@@ -75,6 +96,7 @@ declare const _default: {
         } & {
             itemDetailSlot?: (item: MediaItem) => VNodeChild;
         };
+        handler?: IMediaPickerProviderHandler;
         appendToGrid?: boolean;
         "append-to-grid"?: boolean;
     }>, never>;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Components/cropper/ImageCropper.d.ts

@@ -1,54 +1,22 @@
-import ImageEditor from "tui-image-editor";
 declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        "image-editor": {
-            type: import("vue").PropType<ImageEditor>;
-        };
-        imageEditor: {
-            type: import("vue").PropType<ImageEditor>;
-        };
-    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        "image-editor": {
-            type: import("vue").PropType<ImageEditor>;
-        };
-        imageEditor: {
-            type: import("vue").PropType<ImageEditor>;
-        };
-    }>>, {}, true, {}, {}, {
+    }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        "image-editor": {
-            type: import("vue").PropType<ImageEditor>;
-        };
-        imageEditor: {
-            type: import("vue").PropType<ImageEditor>;
-        };
-    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[], {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "image-editor": {
-        type: import("vue").PropType<ImageEditor>;
-    };
-    imageEditor: {
-        type: import("vue").PropType<ImageEditor>;
-    };
-}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        imageEditor?: ImageEditor;
-        "image-editor"?: ImageEditor;
-    }>, never>;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Components/editor/ImageEditor.css.d.ts

@@ -1,6 +1,7 @@
 import { ColorDefinition } from "@omnia/fx-models";
 export declare const ImageEditorStyles: {
     imageMenuWrapper: (color: ColorDefinition, visible: boolean) => string;
+    transformer: {};
     menyDrawerExpanded: string;
     menyDrawer: (dark: boolean) => string;
     imageContainer: string;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Components/editor/ImageEditorCanvas.d.ts

@@ -1,27 +1,24 @@
-import { MediaPickerCropTransformation, MediaPickerImageRatio, MediaPickerTransformation } from "@omnia/fx-models";
+import { MediaPickerTransformedBase64Image } from "@omnia/fx-models";
 import ImageEditor from "tui-image-editor";
+import { MediaPickerBase64Image } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        ratio: {
-            type: import("vue").PropType<MediaPickerImageRatio>;
-        } & {
-            type: import("vue").PropType<MediaPickerImageRatio>;
+        "is-rollup-rendition-canvas": {
+            type: import("vue").PropType<boolean>;
         };
-        transformations: {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
-        } & {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
+        isRollupRenditionCanvas: {
+            type: import("vue").PropType<boolean>;
         };
-        crop: {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
+        transformations: {
+            type: import("vue").PropType<string>;
         } & {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
-        };
-        "image-src": {
             type: import("vue").PropType<string>;
         };
-        imageSrc: {
-            type: import("vue").PropType<string>;
+        "source-image": {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
+        };
+        sourceImage: {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
         };
         "container-id": {
             type: import("vue").PropType<string>;
@@ -46,26 +43,22 @@ declare const _default: {
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         canvasInitialized: (imageEditor: ImageEditor) => true;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        ratio: {
-            type: import("vue").PropType<MediaPickerImageRatio>;
-        } & {
-            type: import("vue").PropType<MediaPickerImageRatio>;
+        "is-rollup-rendition-canvas": {
+            type: import("vue").PropType<boolean>;
         };
-        transformations: {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
-        } & {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
+        isRollupRenditionCanvas: {
+            type: import("vue").PropType<boolean>;
         };
-        crop: {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
+        transformations: {
+            type: import("vue").PropType<string>;
         } & {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
-        };
-        "image-src": {
             type: import("vue").PropType<string>;
         };
-        imageSrc: {
-            type: import("vue").PropType<string>;
+        "source-image": {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
+        };
+        sourceImage: {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
         };
         "container-id": {
             type: import("vue").PropType<string>;
@@ -95,26 +88,22 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        ratio: {
-            type: import("vue").PropType<MediaPickerImageRatio>;
-        } & {
-            type: import("vue").PropType<MediaPickerImageRatio>;
+        "is-rollup-rendition-canvas": {
+            type: import("vue").PropType<boolean>;
         };
-        transformations: {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
-        } & {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
+        isRollupRenditionCanvas: {
+            type: import("vue").PropType<boolean>;
         };
-        crop: {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
+        transformations: {
+            type: import("vue").PropType<string>;
         } & {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
-        };
-        "image-src": {
             type: import("vue").PropType<string>;
         };
-        imageSrc: {
-            type: import("vue").PropType<string>;
+        "source-image": {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
+        };
+        sourceImage: {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
         };
         "container-id": {
             type: import("vue").PropType<string>;
@@ -141,26 +130,22 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    ratio: {
-        type: import("vue").PropType<MediaPickerImageRatio>;
-    } & {
-        type: import("vue").PropType<MediaPickerImageRatio>;
+    "is-rollup-rendition-canvas": {
+        type: import("vue").PropType<boolean>;
     };
-    transformations: {
-        type: import("vue").PropType<MediaPickerTransformation[]>;
-    } & {
-        type: import("vue").PropType<MediaPickerTransformation[]>;
+    isRollupRenditionCanvas: {
+        type: import("vue").PropType<boolean>;
     };
-    crop: {
-        type: import("vue").PropType<MediaPickerCropTransformation>;
+    transformations: {
+        type: import("vue").PropType<string>;
     } & {
-        type: import("vue").PropType<MediaPickerCropTransformation>;
-    };
-    "image-src": {
         type: import("vue").PropType<string>;
     };
-    imageSrc: {
-        type: import("vue").PropType<string>;
+    "source-image": {
+        type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
+    };
+    sourceImage: {
+        type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
     };
     "container-id": {
         type: import("vue").PropType<string>;
@@ -188,15 +173,15 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         maxHeight?: number;
         maxWidth?: number;
-        ratio?: MediaPickerImageRatio;
+        sourceImage?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
         "max-width"?: number;
         "max-height"?: number;
         containerId?: string;
-        imageSrc?: string;
-        crop?: MediaPickerCropTransformation;
-        transformations?: MediaPickerTransformation[];
+        transformations?: string;
         "container-id"?: string;
-        "image-src"?: string;
+        "source-image"?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
+        isRollupRenditionCanvas?: boolean;
+        "is-rollup-rendition-canvas"?: boolean;
     }>, "onCanvasInitialized"> & {
         onCanvasInitialized?: (imageEditor: ImageEditor) => any;
     };

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Components/filters/ImageFilters.d.ts

@@ -1,6 +1,5 @@
 import "../../ImageTransformer.css";
 import ImageEditor from "tui-image-editor";
-import { MediaPickerFilterTransformation } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         "image-editor": {
@@ -9,20 +8,14 @@ declare const _default: {
         imageEditor: {
             type: import("vue").PropType<ImageEditor>;
         };
-    }>> & {
-        onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        changedImageConfiguration: (imageFilterTransformationData: MediaPickerFilterTransformation) => true;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         "image-editor": {
             type: import("vue").PropType<ImageEditor>;
         };
         imageEditor: {
             type: import("vue").PropType<ImageEditor>;
         };
-    }>> & {
-        onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
-    }, {}, true, {}, {}, {
+    }>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
@@ -36,9 +29,7 @@ declare const _default: {
         imageEditor: {
             type: import("vue").PropType<ImageEditor>;
         };
-    }>> & {
-        onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
-    }, () => JSX.Element, {}, {}, {}, {}>;
+    }>>, () => JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -49,16 +40,10 @@ declare const _default: {
     imageEditor: {
         type: import("vue").PropType<ImageEditor>;
     };
-}>> & {
-    onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    changedImageConfiguration: (imageFilterTransformationData: MediaPickerFilterTransformation) => true;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         imageEditor?: ImageEditor;
         "image-editor"?: ImageEditor;
-    }>, "onChangedImageConfiguration"> & {
-        onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
-    };
+    }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/ImageTransformer.d.ts

@@ -1,31 +1,16 @@
-import { MediaPickerImageTransformationResult } from "@omnia/fx/models";
 declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>> & {
-        onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-    }, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        changed: (currentTransformationResult: MediaPickerImageTransformationResult) => true;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
-        onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-    }, {}, true, {}, {}, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>> & {
-        onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-    }, () => JSX.Element, {}, {}, {}, {}>;
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
-    onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    changed: (currentTransformationResult: MediaPickerImageTransformationResult) => true;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {}>, "onChanged"> & {
-        onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-    };
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Utils/cropUtils.d.ts

@@ -0,0 +1,21 @@
+import { MediaPickerEnums, MediaPickerCropTransformation, MediaPickerImageTransformationResult } from "@omnia/fx-models";
+import ImageEditor from "tui-image-editor";
+/**
+ * Image cropper utils namespace
+ */
+export declare namespace ImageCropperUtils {
+    /**
+     * @description This is because in server side the data is of type integer
+     * @param cropData media picker crop transformation
+     * @returns the crop data with the values rounded down
+     */
+    function correctCropData(cropData: MediaPickerCropTransformation): {
+        imageRatioId?: number;
+        width?: number;
+        height?: number;
+        positionLeft?: number;
+        positionTop?: number;
+        type: MediaPickerEnums.MediaPickerTransformationTypes;
+    };
+    function getCustomCropZone(editorInstance: ImageEditor, transformedResult: MediaPickerImageTransformationResult): MediaPickerCropTransformation;
+}

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./cropUtils";
+export * from "./transformUtils";

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Utils/transformUtils.d.ts

@@ -0,0 +1,7 @@
+export declare function onApplyStyle(editorInstance: tuiImageEditor.ImageEditor, filterStyles: {
+    key: string;
+    value: any;
+}[], flipperStyles: {
+    key: string;
+    value: any;
+}[]): Promise<any>;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/loc/localize.d.ts

@@ -29,6 +29,7 @@ export declare namespace ImageTransformerLocalization {
         ColorFilter: string;
         TransformComponentTitle: string;
         ImageAlt: string;
+        ImageCaption: string;
         Calculating: string;
         Size: {
             Title: string;
@@ -42,5 +43,6 @@ export declare namespace ImageTransformerLocalization {
             InvalidCropzoneTitle: string;
             InvalidCropzoneMessage: string;
         };
+        AdditionRenditions: string;
     }
 }