@omnia/fx 7.5.37-dev → 7.5.37-preview

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

@@ -5,3 +5,4 @@ export * from "./Link";
 export * from "./Scroll";
 export { LinkHandlerDirective, registerLinkHandlerDirective } from "./LinkHandler";
 export type { LinkHandlerOptions } from "./LinkHandler";
+export * from "./IframeResizer";

package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStore.d.ts

@@ -22,6 +22,7 @@ export declare class EditorChromeStore extends Store {
     }>;
     hideNavigationDrawer: import("../../../stores").StoreState<boolean>;
     hideActionToolbar: import("../../../stores").StoreState<boolean>;
+    actionToolbarId: import("../../../stores").StoreState<string>;
     notificationMessage: import("../../../stores").StoreState<{
         message: string;
         show: boolean;
@@ -46,6 +47,7 @@ export declare class EditorChromeStore extends Store {
         setButtonLoadingState: import("../../../stores").StoreMutation<(actionItemId: string, isLoading: boolean) => void, (actionItemId: string, isLoading: boolean) => IMessageBusSubscriptionHandler>;
         setHideNavigationDrawer: import("../../../stores").StoreMutation<(hide: boolean) => void, (hide: boolean) => IMessageBusSubscriptionHandler>;
         setActionToolbarState: import("../../../stores").StoreMutation<(hide: boolean) => void, (hide: boolean) => IMessageBusSubscriptionHandler>;
+        refreshActionToolbarButtons: import("../../../stores").StoreMutation<() => void, () => IMessageBusSubscriptionHandler>;
     };
     events: {
         onReadyToLeave: (fn: (destination?: EditorLeaveDestination) => Promise<boolean>) => void;

package/internal-do-not-import-from-here/ux/filterengine/FilterEngineRenderer.d.ts

@@ -1,4 +1,4 @@
-import { FilterEngineContext } from "@omnia/fx-models";
+import { FilterEngineContext, SpacingSettings } from "@omnia/fx-models";
 import { FilterEngineHandler } from "@omnia/fx/ux";
 import "./FilterEngine.css";
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
@@ -12,6 +12,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     appendRightSection: () => JSX.Element | JSX.Element[];
     prependRightSection: () => JSX.Element | JSX.Element[];
     dialogScopedInjectables: Object[];
+    spacing: SpacingSettings;
 }, "renderContent" | "context" | "getApi">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         getApi: (handler: FilterEngineHandler) => void;
@@ -24,6 +25,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         appendRightSection: () => JSX.Element | JSX.Element[];
         prependRightSection: () => JSX.Element | JSX.Element[];
         dialogScopedInjectables: Object[];
+        spacing: SpacingSettings;
     }, "renderContent" | "context" | "getApi">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     getApi: (handler: FilterEngineHandler) => void;
@@ -36,6 +38,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     appendRightSection: () => JSX.Element | JSX.Element[];
     prependRightSection: () => JSX.Element | JSX.Element[];
     dialogScopedInjectables: Object[];
+    spacing: SpacingSettings;
 }, "renderContent" | "context" | "getApi">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         getApi: (handler: FilterEngineHandler) => void;
@@ -48,6 +51,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         appendRightSection: () => JSX.Element | JSX.Element[];
         prependRightSection: () => JSX.Element | JSX.Element[];
         dialogScopedInjectables: Object[];
+        spacing: SpacingSettings;
     }, "renderContent" | "context" | "getApi">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/filterengine/handler/FilterEngineHandler.d.ts

@@ -20,6 +20,8 @@ export declare class FilterEngineHandler extends Store {
     private propertyDefinitionHash;
     private propertyMultilingualTitleHash;
     private typedHandlers;
+    private pageNumber;
+    private url;
     private allDataReadyPromise;
     private contextPropertiesApi;
     private contextPropertyDefinitionApi;
@@ -37,6 +39,8 @@ export declare class FilterEngineHandler extends Store {
     private subscriptionHandler;
     getters: {
         keywordsSearching: () => string;
+        pageNumber: () => number;
+        pageUrl: () => string;
         hasSmallContainer: () => boolean;
         hasSmallViewport: () => boolean;
         canRenderSideSections: () => boolean;
@@ -64,6 +68,7 @@ export declare class FilterEngineHandler extends Store {
     mutations: {
         registerTopElement: import("@omnia/fx/stores").StoreMutation<(element: Element) => void, (element: Element) => IMessageBusSubscriptionHandler>;
         setKeywordsSearching: import("@omnia/fx/stores").StoreMutation<(keywordsSearching: string) => void, (keywordsSearching: string) => IMessageBusSubscriptionHandler>;
+        setPageNumber: import("@omnia/fx/stores").StoreMutation<(pageNumber: number) => void, (pageNumber: number) => IMessageBusSubscriptionHandler>;
         clearAllSelections: import("@omnia/fx/stores").StoreMutation<(typedHandlers: ITypedFilterEngineHandler[]) => void, (typedHandlers: ITypedFilterEngineHandler[]) => IMessageBusSubscriptionHandler>;
         toggleShowDialog: import("@omnia/fx/stores").StoreMutation<() => void, () => IMessageBusSubscriptionHandler>;
         ensureCloseDialog: import("@omnia/fx/stores").StoreMutation<() => void, () => IMessageBusSubscriptionHandler>;
@@ -73,6 +78,7 @@ export declare class FilterEngineHandler extends Store {
     actions: {
         init: import("@omnia/fx/stores").StoreAction<unknown, (settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<void>) => void, (result: void, settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<void>) => void, (failureReason: any, settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<void>) => void, (settings: FilterEngineSettings, fromRouter?: boolean, updateDataCallback?: () => Promise<void>) => Promise<void>>;
     };
+    private handleDataChange;
     private getPropertyDefinition;
     private updateFilterState;
     private buildRouterProperties;

package/internal-do-not-import-from-here/ux/filterengine/handler/FilterEngineRouter.d.ts

@@ -22,7 +22,8 @@ declare class InternalFilterEngineRouter extends TokenBasedRouter<FilterEngineRo
     deleteFilters(title: string, componentId: GuidValue): void;
     getFilters(componentId: GuidValue): FilterEngineRouterProperty[];
     getSearchingKeyword(componentId: GuidValue): string;
-    addOrUpdateFilters(title: string, componentId: GuidValue, keyword: string, filters: Array<FilterEngineRouterProperty>): void;
+    getPageNumber(componentId: GuidValue): number;
+    addOrUpdateFilters(title: string, componentId: GuidValue, keyword: string, filters: Array<FilterEngineRouterProperty>, pageNumber?: number): void;
     private getFilterComponentState;
     hasDifferentFilterComponentState(componentId: GuidValue, currentKeyword: string, currentFilters: Array<FilterEngineRouterProperty>): boolean;
     clearRoute(): void;

package/internal-do-not-import-from-here/ux/grecaptcha/GRecaptcha.d.ts

@@ -0,0 +1,22 @@
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
+    onSuccess: (successToken: string) => void;
+    captchaSiteKey: string;
+    styles: string;
+}, "onSuccess">, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        onSuccess: (successToken: string) => void;
+        captchaSiteKey: string;
+        styles: string;
+    }, "onSuccess">;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
+    onSuccess: (successToken: string) => void;
+    captchaSiteKey: string;
+    styles: string;
+}, "onSuccess">, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        onSuccess: (successToken: string) => void;
+        captchaSiteKey: string;
+        styles: string;
+    }, "onSuccess">;
+});
+export default _default;

package/internal-do-not-import-from-here/ux/identities/loc/Localize.d.ts

@@ -32,6 +32,10 @@ export interface IdentitiesLocalization {
         Description: string;
         Image: string;
         ExternalIdentityMappings: string;
+        IsRemoved: {
+            DeletedUser: string;
+            DeletedGroup: string;
+        };
     };
     IdentityExternalMappings: {
         SharePointAllInternalExceptExternal: string;

package/internal-do-not-import-from-here/ux/iframe/OmniaIFrameResizer.d.ts

@@ -0,0 +1,9 @@
+/**
+ * OMNIA:
+ * Modified to be TS and VUE COMPATIBLE
+ *
+ *  */
+export declare class OmniaIFrameResizer {
+    static iframeResizer: any;
+    static getIframeResizer: () => any;
+}

package/internal-do-not-import-from-here/ux/iframe/ResizingIFrame.d.ts

@@ -11,6 +11,7 @@ export declare class ResizingIFrame extends Vue implements IWebComponentInstance
     css: string;
     iframeHeight: string;
     iframeCustomStyle: string;
+    private iframeResizer;
     mounted(): void;
     beforeDestroy(): void;
     created(): void;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/LayoutEditorCanvas.d.ts

@@ -34,6 +34,8 @@ export default class LayoutEditorCanvas extends VueComponentBase implements IWeb
     private isDragging;
     private originalScreenWidth;
     private originalWindowWidth;
+    private timeWatchId;
+    private enableVerticalAlign;
     beforeCreate(): void;
     created(): void;
     destroyed(): void;
@@ -68,5 +70,6 @@ export default class LayoutEditorCanvas extends VueComponentBase implements IWeb
     private renderDeveloperTools;
     private isSettingsLocked;
     private renderSettings;
+    private onContainerUpdated;
     render(): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutRendererCanvas.d.ts

@@ -25,12 +25,15 @@ export default class LayoutRendererCanvas extends VueComponentBase implements IW
     themingRenditionManager: ThemingRenditionManager;
     directionRuleStore: DirectionRuleStore;
     private LayoutRendererCanvasClasses;
+    private timeWatchId;
+    private enableVerticalAlign;
     beforeCreate(): void;
     created(): void;
     mounted(): void;
     destroyed(): void;
     ensureBlockTitleSettingsForLayout(): void;
     private get backgroundImage();
+    private onContainerUpdated;
     renderLayout(layoutItem: LayoutItem): VueTsxSupport.JSX.Element[];
     render(): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutBlockRenderer.d.ts

@@ -50,6 +50,7 @@ export declare class LayoutBlockRenderer extends VueComponentBase<BlockRendererP
     beforeCreate(): void;
     created(): void;
     beforeDestroy(): void;
+    private scrollIntoViewDisabled;
     private handleAnchorLink;
     private get backgroundImage();
     /**

package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/slider/Delimiter.css.d.ts

@@ -1,6 +1,6 @@
 export declare const DelimiterCss: {
-    inActiveDelimiter: (index: number) => string;
-    activeDelimiter: (index: number) => string;
+    inActiveDelimiter: (index: number, bgColor: string) => string;
+    activeDelimiter: (index: number, bgColor: string) => string;
     container: string;
     delimiter: (index: number) => string;
     videoMask: string;

package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/slider/Slider.css.d.ts

@@ -5,6 +5,7 @@ export declare const SliderCss: {
     imgStyle: (sliderFooterWidth: string) => string;
     imgStyleMobile: () => string;
     carouselDialog: string;
+    carouselImg: (sliderFooterWidth: string) => string;
     sliderGalleryDialog: string;
     carouselItem: (sliderFooterWidth: string) => string;
     mediaCaption: string;

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/PhotoWall.css.d.ts

@@ -0,0 +1,4 @@
+export declare const PhotoWallCss: {
+    singleImgStyling: string;
+    singleMediaDisplayStyling: (isDark: boolean) => string;
+};

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/RowPhotos.css.d.ts

@@ -0,0 +1 @@
+export {};

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/RowPhotos.d.ts

@@ -1,5 +1,6 @@
 import { CollageMetadata } from "./CollageMetadata";
 import { PhotoWallMediaWithId } from "@omnia/fx-models";
+import "./RowPhotos.css";
 export interface RowPhotos extends CollageMetadata {
     height: string;
     photos: Array<PhotoWallMediaWithId>;

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/loc/localize.d.ts

@@ -2,5 +2,6 @@ export declare module PhotoWallLocalization {
     const namespace = "Omnia.Fx.Media.Gallery.PhotoWall";
     interface locInterface {
         Title: string;
+        DisplayPhotoWall: string;
     }
 }

package/internal-do-not-import-from-here/ux/mediagallery/view/{MediaView.d.ts → MediaDisplayRenderer.d.ts}

@@ -1,12 +1,15 @@
 import { MediaPickerMedia } from "@omnia/fx-models";
-export interface MediaViewDefault {
+export interface MediaDisplayRenderer {
     media: MediaPickerMedia | MediaPickerMedia[];
     imageRatioId?: number;
     mediaStyle?: string | object | object[];
+    mediaClass?: string;
+    showCaption?: boolean;
+    thumbnailOnly?: boolean;
 }
-declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<MediaViewDefault, never>, any, any, any>> & {
-    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaViewDefault, never>;
-}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<MediaViewDefault, never>, any, any, any>> & {
-    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaViewDefault, never>;
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<MediaDisplayRenderer, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaDisplayRenderer, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<MediaDisplayRenderer, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<MediaDisplayRenderer, never>;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/mediagallery/view/{GalleryViewDefault.css.d.ts → PhotoWallWithSliderDisplayRenderer.css.d.ts}

@@ -1,4 +1,4 @@
 import { types } from "typestyle";
-export declare const GalleryViewDefaultStyles: {
+export declare const PhotoWallWithSliderDisplayRenderer: {
     wrapperStyle?: types.NestedCSSProperties;
 };

package/internal-do-not-import-from-here/ux/mediagallery/view/{GalleryViewDefault.d.ts → PhotoWallWithSliderDisplayRenderer.d.ts}

@@ -1,13 +1,14 @@
 import { MediaPickerMedia } from "@omnia/fx-models";
-export interface GalleryViewDefault {
+export interface PhotoWallWithSliderDisplayRenderer {
     media: Array<MediaPickerMedia>;
     mediaData: string;
     defaultVSlot: JSX.Element;
     imageStyle: string;
+    disableDialog?: boolean;
 }
-declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<GalleryViewDefault, never>, any, any, any>> & {
-    propsDefinition: import("vue-tsx-support").PropsForOutside<GalleryViewDefault, never>;
-}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<GalleryViewDefault, never>, any, any, any>> & {
-    propsDefinition: import("vue-tsx-support").PropsForOutside<GalleryViewDefault, never>;
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<PhotoWallWithSliderDisplayRenderer, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<PhotoWallWithSliderDisplayRenderer, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<PhotoWallWithSliderDisplayRenderer, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<PhotoWallWithSliderDisplayRenderer, never>;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/mediapicker/MediaPicker.css.d.ts

@@ -5,7 +5,8 @@ export declare const MediaPickerStyles: {
     iconSvg: string;
     iconWrapper: string;
     providerWrapper: string;
-    toolbarTitle: string;
+    toolbarTitle: (width: string) => string;
+    toolbarFiller: (width: string) => string;
     selectedProvider: (bgColor: string) => string;
     multiPanelNavigationDrawer: (width: string) => string;
     navigationDrawer: (width: any) => string;

package/internal-do-not-import-from-here/ux/mediapicker/MediaPickerComponentProps.d.ts

@@ -17,6 +17,8 @@ export interface MediaPickerProviderComponentProps {
     /** Set the search keyword value and execute the onSearch method */
     setSearchKeyword: (value: string) => void;
     onChanged: (state: any) => void;
+    /**Enable caption for media */
+    enableMediaCaption?: boolean;
 }
 export interface MediaPickerImageTransformerProps {
     sourceImage: MediaPickerBase64Image | MediaPickerTransformedBase64Image;

package/internal-do-not-import-from-here/ux/mediapicker/MediaPickerRenderer.d.ts

@@ -103,6 +103,7 @@ export declare class MediaPickerRenderer extends VueComponentBase<IMediaPicker &
     renderLeftMenu(): VueTsxSupport.JSX.Element;
     renderActionButtons(buttons: Array<MediaPickerActionButton>): JSX.Element[];
     private renderEditImageForm;
+    private deSelectMediaItemPanel;
     private renderActivedProvider;
     private onCreatedProviderComponent;
     private activedProviderComponent;

package/internal-do-not-import-from-here/ux/mediapickerimage/IMediaPickerImage.d.ts

@@ -25,6 +25,7 @@ export interface IMediaPickerImage {
     };
     displayVSlot?: boolean;
     containerClass?: string;
+    showCaption?: boolean;
 }
 declare global {
     namespace VueTsxSupport.JSX {

package/internal-do-not-import-from-here/ux/mediapickerimage/MediaPickerImage.css.d.ts

@@ -1,3 +1,4 @@
 export declare const MediaPickerImageStyles: {
     wrapper: string;
+    imgCaption: string;
 };

package/internal-do-not-import-from-here/ux/mediapickerimage/MediaPickerImage.d.ts

@@ -16,9 +16,11 @@ export declare class MediaPickerImageComponent extends VueComponentBase<IMediaPi
     displayVSlot?: boolean;
     contain: boolean;
     containerClass?: string;
+    showCaption?: boolean;
+    imgClass: string;
     mediaPickerService: MediaPickerService;
     private omniaUrl;
-    private showSkeleton;
+    private isLoading;
     created(): void;
     mounted(): void;
     onImagedataChanged(imagejson: string): void;

package/internal-do-not-import-from-here/ux/mediapickerproviders/MicrosoftStream/loc/localize.d.ts

@@ -15,6 +15,7 @@ export declare module MicrosoftStreamProviderLocalization {
             Responsive: string;
             ShowInfo: string;
             VideoInformation: string;
+            VideoCaption: string;
         };
         Message: {
             InvalidInputStartTime: string;

package/internal-do-not-import-from-here/ux/mediapickerproviders/Youtube/loc/localize.d.ts

@@ -18,6 +18,7 @@ export declare module YouTubeProviderLocalization {
             Responsive: string;
             ShowInfo: string;
             VideoInformation: string;
+            VideoCaption: string;
         };
         Message: {
             InvalidInputStartTime: string;

package/internal-do-not-import-from-here/ux/mediapickerproviders/dalleprovider/DallEProvider.d.ts

@@ -2,7 +2,7 @@ import { OmniaTheming } from "@omnia/fx/ux";
 import { IWebComponentInstance, OmniaContext } from "@omnia/fx";
 import { type OmniaUxLocalization } from "@omnia/fx/ux";
 import { GridViewMediaProviderComponent } from "../mediaproviderbase/GridViewMediaProviderComponent";
-import { ImageInformation, VideoItem, ImageItem, MediaPickerVideo, VideoInformation, MediaPickerImageTransformationResult, AiSettings, IBusinessProfile } from "../../../models";
+import { ImageInformation, VideoItem, ImageItem, MediaPickerVideo, VideoInformation, MediaPickerImageTransformationResult, IBusinessProfile } from "../../../models";
 import { AzureOpenAIService } from "../../../services";
 import { DallEProviderLocalization } from "./loc/localize";
 import { TextToImageRequest, GeneratedImage, TextToImageResponse } from "@omnia/fx-models";
@@ -29,10 +29,10 @@ export default class DallEProvider extends GridViewMediaProviderComponent implem
     private selectedImageResolution;
     private textToImageResponseMap;
     private dallEPredefinedPromptList;
-    private showMenu;
-    private preDefindedPrompt;
+    private preDefinedPrompt;
     private preDefaultPrompt;
     private dallEConstant;
+    private displayPrompts;
     private getTextToImageRequest;
     constructor();
     created(): void;
@@ -40,12 +40,13 @@ export default class DallEProvider extends GridViewMediaProviderComponent implem
     initDallEPromptSettingsListing(businessProfileId: IBusinessProfile): Promise<void>;
     onGenerateImage(): void;
     onPressEnter: (event: KeyboardEvent) => void;
-    getPredefinedPrompts(item: AiSettings): void;
+    getPredefinedPrompts(predefinedPrompt: string): void;
     selectGridItemPublic(item: GeneratedImage): void;
     addGeneratedImage(item: GeneratedImage, textToImageRequest: TextToImageRequest): void;
     addTextToImageResponse(item: TextToImageResponse, textToImageRequest: TextToImageRequest): void;
     onRegenerateImage(textToImageRequest: TextToImageRequest): void;
     private renderCustomSlot;
+    private getPredefinedPromptsItem;
     private renderPredefinedPrompts;
     private renderPromptInput;
     render(): VueTsxSupport.JSX.Element;

package/internal-do-not-import-from-here/ux/mediapickerproviders/dalleprovider/loc/localize.d.ts

@@ -18,5 +18,6 @@ export declare module DallEProviderLocalization {
         PromptContent: string;
         PromptExample: string;
         Label: string;
+        ImageStyle: string;
     }
 }

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/MediaflowProvider.d.ts

@@ -1,15 +1,14 @@
-import { IWebComponentInstance } from "@omnia/fx";
+import { IWebComponentInstance, OmniaContext } from "@omnia/fx";
 import { MultiSelectMediaProviderComponentBase } from "@omnia/fx/ux";
-import { ImageInformation, MediaFlowImage, MediaPickerImageTransformationResult, MediaPickerVideo, MediaflowEventData, MediaflowInformation, VideoInformation } from "@omnia/fx-models";
+import { MediaPickerImageTransformationResult, MediaPickerVideo, VideoInformation } from "@omnia/fx-models";
 import { MediaflowService } from "./service/MediaflowService";
 import { MediaflowProviderStore } from "./store/MediaflowProviderStore";
 import "./MediaflowProviderStyles.css";
-declare interface MediaflowImageInformation extends ImageInformation, MediaflowInformation {
-    folderId: number;
-}
+import { MediaFlowImage, MediaFlowVideo, MediaflowEventData, MediaflowImageInformation, MediaflowVideoInfo } from "./models";
 export declare class MediaflowProvider extends MultiSelectMediaProviderComponentBase implements IWebComponentInstance {
     mediaflowStore: MediaflowProviderStore;
     mediaflowService: MediaflowService;
+    omniaContext: OmniaContext;
     private loc;
     private loadedMediaFlowJS;
     private loadedMediaFlowCSS;
@@ -23,6 +22,7 @@ export declare class MediaflowProvider extends MultiSelectMediaProviderComponent
     private get mediaflowLoaded();
     private mediafileSelector;
     private mediaflowRefElement;
+    private omniaDns;
     constructor();
     created(): void;
     loadMediaflowClient(): void;
@@ -40,7 +40,8 @@ export declare class MediaflowProvider extends MultiSelectMediaProviderComponent
     handleImageSelection(source: any): void;
     fixEmbedHtmlForTextArea(htmlString: string): string;
     downloadImage(source: MediaFlowImage): Promise<MediaflowImageInformation>;
+    buildHtml: (videoSource: MediaFlowVideo, videoInfo: MediaflowVideoInfo) => string;
+    extractSrcFromIframeHtmlString(iframeHtml: string): string;
     render(): VueTsxSupport.JSX.Element;
     renderMediaflowContainer(): VueTsxSupport.JSX.Element;
 }
-export {};

package/internal-do-not-import-from-here/ux/{compositiontests/CompositionBlockFuture.d.ts → mediapickerproviders/mediaflow/MediaflowVideoPlayer.d.ts}

@@ -1,18 +1,14 @@
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
-    title: string;
-    name: string;
-}, "name">, any, any, any>> & {
+    video: String;
+}, "video">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
-        title: string;
-        name: string;
-    }, "name">;
+        video: String;
+    }, "video">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
-    title: string;
-    name: string;
-}, "name">, any, any, any>> & {
+    video: String;
+}, "video">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
-        title: string;
-        name: string;
-    }, "name">;
+        video: String;
+    }, "video">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/models/MediaflowEmbedMethods.d.ts

@@ -0,0 +1,4 @@
+export declare class EmbededMethod {
+    static IFrame: string;
+    static Javascript: string;
+}

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/models/MediaflowMedia.d.ts

@@ -0,0 +1,31 @@
+export declare class MediaflowBaseType {
+    static Image: string;
+    static Video: string;
+    static ExternalVideo: string;
+}
+export interface MediaflowInformation {
+    basetype?: string;
+    filename?: string;
+    filetype?: string;
+    id: number;
+    mediaId: string;
+}
+export interface MediaFlowImage extends MediaflowInformation {
+    height: number;
+    name: string;
+    photographer: string;
+    url: string;
+    width: number;
+}
+export interface MediaFlowVideo extends MediaflowInformation {
+    autoPlay: boolean;
+    embedCode: any;
+    embedMethod: string;
+    startTime: string;
+}
+export interface MediaflowEventData {
+    id: number;
+    name: string;
+    mediaId?: string;
+    isSearch?: boolean;
+}

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/models/MediaflowResponse.d.ts

@@ -0,0 +1,8 @@
+import { ImageInformation, MediaPickerVideo } from "@omnia/fx-models";
+import { MediaflowInformation } from "./MediaflowMedia";
+export interface MediaflowVideoResult extends MediaPickerVideo, MediaflowInformation {
+    folderId: number;
+}
+export interface MediaflowImageInformation extends ImageInformation, MediaflowInformation {
+    folderId: number;
+}

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/models/MediaflowVideoInfo.d.ts

@@ -0,0 +1,27 @@
+export interface Hlss {
+    src: string;
+}
+export interface Mp4s {
+    size: number;
+    src: string;
+}
+export interface MediaflowVideoInfo {
+    id: number;
+    title: string;
+    type: string;
+    hls: boolean;
+    hlss: Hlss[];
+    mp4: boolean;
+    mp4s: Mp4s[];
+    sign: any[];
+    audioTracks: any[];
+    videoTracks: any[];
+    vp: boolean;
+    duration: number;
+    statsURL: string;
+    width: number;
+    height: number;
+    native: string;
+    subtitles: any[];
+    poster: string;
+}

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/models/MediaflowVideoPlayerProps.d.ts

@@ -0,0 +1,9 @@
+export interface MediaflowVideoPlayerProps {
+    embedMethod: string;
+    title: string;
+    poster: string;
+    id: number;
+    embedCode?: string;
+    iframeSrc?: string;
+    autoPlay: boolean;
+}

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/models/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./MediaflowMedia";
+export * from "./MediaflowResponse";
+export * from "./MediaflowVideoInfo";
+export * from "./MediaflowEmbedMethods";
+export * from "./MediaflowVideoPlayerProps";

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/service/MediaflowService.d.ts

@@ -1,5 +1,5 @@
 import { HttpClient } from "@omnia/fx";
-import { MediaflowVideoInfo } from "@omnia/fx-models";
+import { MediaflowVideoInfo } from "../models";
 export declare class MediaflowService {
     protected httpClient: HttpClient;
     private baseUrl;

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaproviderbase/MediaProviderComponentBase.d.ts

@@ -19,6 +19,7 @@ export declare abstract class MediaProviderComponentBase extends VueComponentBas
     selectableMediaTypes?: Array<MediaPickerEnums.OmniaMediaTypes>;
     setSearchKeyword: (value: string) => void;
     onChanged: (state: any) => void;
+    enableMediaCaption?: boolean;
     uxLoc: OmniaUxLocalization;
     mediaProviderBaseLoc: MediaProviderBaseLocalization.locInterface;
     /** Define method to get data based on search keyword. Null is to hide the search box in media picker. */
@@ -33,7 +34,7 @@ export declare abstract class MediaProviderComponentBase extends VueComponentBas
     protected multilingualStore: MultilingualStore;
     private limitedSizeScalingSettings;
     private imageTransformComponentInput;
-    private imageProviderResult;
+    protected imageProviderResult: MediaPickerImageTransformationResult;
     private keepOriginalSizeOptionValue;
     private selectedScalingOption;
     private selectedImageScaling;

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaproviderbase/MultiSelectMediaProviderComponentBase.d.ts

@@ -4,5 +4,6 @@ export declare abstract class MultiSelectMediaProviderComponentBase extends Medi
     saved: (result: any) => void;
     protected save(resultToBeSaved: MediaPickerImageTransformationResult | MediaPickerVideo): void;
     protected onImageTransformResultChanged(transformationResult: MediaPickerImageTransformationResult): void;
+    updateState(): void;
     protected onVideoStateChange(video: MediaPickerVideo): void;
 }

package/internal-do-not-import-from-here/ux/mediapickerproviders/sharepointvideosettings/ISharePointVideoSettings.d.ts

@@ -3,6 +3,7 @@ import { TsxAllowUnknowProperties } from "../../";
 export interface ISharePointVideoSettingsComponent {
     selectedMedia: MediaPickerSharePointVideo;
     onMediaChange: (mediaPickerVideo: MediaPickerSharePointVideo) => void;
+    enableMediaCaption?: boolean;
 }
 declare global {
     namespace JSX {