@omnia/fx 7.11.0-preview.8 → 7.11.1

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

@@ -1,6 +1,7 @@
 import { ColumnedSectionItemSettings, SectionSettings, SectionItem } from "../../../../models";
 import { LayoutCanvasStore, BlockCatalogStore } from "../../";
 import { VueComponentBaseProps, VueComponentBase } from "../../../VueComponentBase";
+import { SubscriptionHandler } from "../../../..";
 import { MediaPickerService } from "../../../../services";
 export interface ColumnRendererProps extends VueComponentBaseProps {
     column: SectionItem<ColumnedSectionItemSettings>;
@@ -12,6 +13,7 @@ export declare class LayoutColumnRenderer extends VueComponentBase<ColumnRendere
     layoutEditorStore: LayoutCanvasStore;
     mediaPickerService: MediaPickerService;
     blockCatalogStore: BlockCatalogStore;
+    subscriptionHandler: SubscriptionHandler;
     column: SectionItem<ColumnedSectionItemSettings>;
     settings: SectionSettings;
     layoutId: string;
@@ -20,7 +22,11 @@ export declare class LayoutColumnRenderer extends VueComponentBase<ColumnRendere
     private blockInstances;
     private cacheKeys;
     private blockSettings;
+    private isHiddenOnPrint;
+    private delegatedSections;
+    private layoutItemDelegator;
     created(): void;
+    beforeDestroy(): void;
     private destroyed;
     private get backgroundImage();
     private onBlockInstanceCreated;

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

@@ -10,12 +10,14 @@ export interface LayoutSectionRendererProps extends VueComponentBaseProps {
     section: Section;
     layoutId: string;
     useScrollMargingFix: boolean;
+    overridable?: boolean;
 }
 export declare class LayoutSectionRenderer extends VueComponentBase<LayoutSectionRendererProps> implements ILayoutSectionRenderer {
     section: Section;
     parentContainer: LayoutItem;
     layoutId: string;
     useScrollMargingFix: boolean;
+    overridable?: boolean;
     targetingStore: UserTargetingStore;
     blockTitleSettingsStore: BlockTitleSettingsStore;
     layoutEditorStore: LayoutCanvasStore;
@@ -23,10 +25,12 @@ export declare class LayoutSectionRenderer extends VueComponentBase<LayoutSectio
     themeStore: ThemeStore;
     themingRenditionManager: ThemingRenditionManager;
     directionRuleStore: DirectionRuleStore;
+    private omniaUxLoc;
     ensureBackgroundImageHandler: (section: Section) => void;
     slots: LayoutSectionRendererSlots;
     private targetCurrentUser;
     private isEditMode;
+    private isHideBlockInPrint;
     beforeCreate(): void;
     created(): void;
     private get backgroundImage();

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/LayoutSectionContainerHelper.d.ts

@@ -5,5 +5,15 @@ export declare class LayoutSectionContainerHelper {
     private static isAllBlocksHidden;
     private static hideBlockInBreakpoint;
     static getMediaQueryAllBlocksInSection(items: Array<LayoutItem>): Array<NestedCSSProperties>;
+    /**
+     * Check if all blocks in the column is hidden
+     * @param column
+     * @returns
+     */
     static isAllBlockHidden(column: SectionItem<ColumnedSectionItemSettings>): boolean;
+    /**
+     * Check if all blocks in the column is hidden on print settings
+     * @param column
+     */
+    static IsAllBlockHiddenOnPrint(column: SectionItem<ColumnedSectionItemSettings>): boolean;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererStyles.css.d.ts

@@ -32,6 +32,7 @@ export declare const SharedRendererStyles: {
         columnWrapper: string;
         backgroundWrapperImage: string;
         getStyleStringForTitle: (settings: SectionSettings) => string;
+        getTitleContentClass: (settings: SectionSettings) => string;
         adjustScrollCompensation: (extra: number) => void;
         getStylesFromSettings: (settings: SectionSettings, useScrollMargingFix: boolean) => string;
         getStylesForSpacingInContainer(sectionSettings: SectionSettings, fullHeight: boolean): string;
@@ -39,6 +40,7 @@ export declare const SharedRendererStyles: {
         getStylesForMarginCollapsAndSpacing(sectionSettings: SectionSettings): string;
         sectionDisplayFlexDesignMode: string;
         sectionDisplayBlockDesignMode: string;
+        reusingContentMsg: string;
     };
     tabs: {
         tabWrapper: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts

@@ -1,6 +1,6 @@
-import { Layout, LayoutEditorModes, LayoutItem, DisplayBreakPoint, LayoutItemActionState, SettingsPanelState, DisplayBreakPointSetting, DeleteItemFromLayoutPayLoad, AddItemToLayoutPayLoad, LayoutItemRegistration, LoadedLayout, ILayoutCanvasStore, LayoutCanvasModes, BlockRenderingModes, IBlockInstance, ILayoutSectionRenderer, GuidValue, Block, LayoutDrawerState, LayoutDrawerTabs, SectionSettings, SectionTypes, Section, LayoutInheritanceBehaviors, ThemeDefinition, ClipboardLayoutItem, BlockTemplate } from "../../../models";
+import { Layout, LayoutEditorModes, LayoutItem, DisplayBreakPoint, LayoutItemActionState, SettingsPanelState, DisplayBreakPointSetting, DeleteItemFromLayoutPayLoad, AddItemToLayoutPayLoad, LayoutItemRegistration, LoadedLayout, ILayoutCanvasStore, LayoutCanvasModes, BlockRenderingModes, IBlockInstance, ILayoutSectionRenderer, GuidValue, Block, LayoutDrawerState, LayoutDrawerTabs, SectionSettings, SectionTypes, Section, LayoutInheritanceBehaviors, ThemeDefinition, ClipboardLayoutItem, BlockTemplate, ILayoutItemDelegator, IMessageBusSubscriptionHandler } from "../../../models";
 import { EditorLayoutItemFactory } from "../factories";
-import { LayoutEditorThemingManager } from "../shared";
+import { LayoutEditorThemingManager, SectionOverride } from "../shared";
 import { BlockSettingsProvider, LayoutDefinitionBuilder } from "../shared";
 import { MessageBusExposeOnlySubscription } from "../../..";
 import { ThemeStore } from "../../theming";
@@ -15,7 +15,6 @@ type BlockInstancesByManifestResult<TSettings = void> = {
 };
 export declare class LayoutCanvasStore extends Store implements ILayoutCanvasStore {
     themeStore: ThemeStore;
-    private subscriptionHandler;
     private serviceContainerContext;
     layout: StoreState<LoadedLayout>;
     previewUrl: StoreState<string>;
@@ -38,6 +37,12 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
     suggestedBlocks: StoreState<string[]>;
     layoutInheritanceBehaviors: StoreState<LayoutInheritanceBehaviors>;
     enableDisplayBreakpointSettings: StoreState<boolean>;
+    sectionOverrides: StoreState<{
+        [layoutId: string]: SectionOverride;
+    }>;
+    sectionOverrideRefs: StoreState<{
+        [layoutItemId: string]: string;
+    }>;
     blockThemeDefinition: StoreState<ThemeDefinition>;
     layoutThemeDefinition: StoreState<ThemeDefinition>;
     isDesignRender: StoreState<boolean>;
@@ -50,6 +55,8 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
     private onLayoutSectionRendererCreatedHook;
     private blockSettingsProvider;
     private onLayoutPastedHook;
+    private layoutItemDelegatorSubHandler;
+    private layoutItemDelegator;
     settingsPanel: StoreState<SettingsPanelState>;
     layoutDrawer: StoreState<LayoutDrawerState>;
     constructor(provider?: string);
@@ -67,6 +74,9 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
         getSuggestedBlocks: () => string[];
         getDefinitionBuilder: () => LayoutDefinitionBuilder;
         getLayoutBackgroundImageElementId: () => string;
+        getLayoutItemDelegator: () => ILayoutItemDelegator;
+        getSectionOverride: (id: string) => SectionOverride;
+        getInheritedSectionOverride: (id: string) => SectionOverride;
         blockRenderMode: () => BlockRenderingModes;
         isLayoutItemLocked: (item: LayoutItem) => boolean;
         isTemplateEnabledLayout: () => boolean;
@@ -80,7 +90,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
      * Implementation of mutations
      */
     mutations: {
-        setLayout: (layout: Layout) => void;
+        setLayout: (layout: Layout, delegator?: ILayoutItemDelegator) => void;
         createNewLayout: () => void;
         setTheme: (layoutThemeDefinition: ThemeDefinition, blockThemeDefinition: ThemeDefinition) => void;
         setCanvasMode: (mode: LayoutCanvasModes) => void;
@@ -95,19 +105,22 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
         enableDisplayBreakpointSettings: (enable: boolean) => void;
         disableAnchorLink: () => void;
         disableAuth: () => void;
-        unlockBlock: import("../../../stores").StoreMutation<(layoutItem: LayoutItem) => void, (layoutItem: LayoutItem) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        lockBlock: import("../../../stores").StoreMutation<(layoutItem: LayoutItem) => void, (layoutItem: LayoutItem) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        setSelectedLayoutItem: import("../../../stores").StoreMutation<(item: LayoutItem, toggleSettings: boolean) => void, (item: LayoutItem, toggleSettings: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        toggleActionForLayoutItem: import("../../../stores").StoreMutation<(item: LayoutItem | ClipboardLayoutItem, action: LayoutItemActionState) => void, (item: ClipboardLayoutItem | LayoutItem, action: LayoutItemActionState) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        addDeviceBreakPointSetting: import("../../../stores").StoreMutation<(breakPointSetting: DisplayBreakPointSetting) => void, (breakPointSetting: DisplayBreakPointSetting) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        removeDeviceBreakPointSetting: import("../../../stores").StoreMutation<(propertyName: string, displayBreakPoint: DisplayBreakPoint) => void, (propertyName: string, displayBreakPoint: DisplayBreakPoint) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        moveItemInLayout: import("../../../stores").StoreMutation<(item2Move: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (item2Move: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        changeSectionType: import("../../../stores").StoreMutation<(section: Section, type: SectionTypes) => void, (section: Section<SectionSettings>, type: SectionTypes) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        copyItemInLayout: import("../../../stores").StoreMutation<(item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        insertClipboardItemIntoLayout: import("../../../stores").StoreMutation<(clipboard: ClipboardLayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (clipboard: ClipboardLayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        insertBlockTemplateToLayout: import("../../../stores").StoreMutation<(blockTemplate: BlockTemplate, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (blockTemplate: BlockTemplate, container: LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        addItem2Layout: import("../../../stores").StoreMutation<(itemreference: AddItemToLayoutPayLoad) => void, (itemreference: AddItemToLayoutPayLoad) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        deleteItemFromLayout: import("../../../stores").StoreMutation<(itemreference: DeleteItemFromLayoutPayLoad) => void, (itemreference: DeleteItemFromLayoutPayLoad) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        saveDelegatedLayouts: () => void;
+        unlockBlock: import("../../../stores").StoreMutation<(layoutItem: LayoutItem) => void, (layoutItem: LayoutItem) => IMessageBusSubscriptionHandler>;
+        lockBlock: import("../../../stores").StoreMutation<(layoutItem: LayoutItem) => void, (layoutItem: LayoutItem) => IMessageBusSubscriptionHandler>;
+        setSelectedLayoutItem: import("../../../stores").StoreMutation<(item: LayoutItem, toggleSettings: boolean) => void, (item: LayoutItem, toggleSettings: boolean) => IMessageBusSubscriptionHandler>;
+        toggleActionForLayoutItem: import("../../../stores").StoreMutation<(item: LayoutItem | ClipboardLayoutItem, action: LayoutItemActionState) => void, (item: ClipboardLayoutItem | LayoutItem, action: LayoutItemActionState) => IMessageBusSubscriptionHandler>;
+        addDeviceBreakPointSetting: import("../../../stores").StoreMutation<(breakPointSetting: DisplayBreakPointSetting) => void, (breakPointSetting: DisplayBreakPointSetting) => IMessageBusSubscriptionHandler>;
+        removeDeviceBreakPointSetting: import("../../../stores").StoreMutation<(propertyName: string, displayBreakPoint: DisplayBreakPoint) => void, (propertyName: string, displayBreakPoint: DisplayBreakPoint) => IMessageBusSubscriptionHandler>;
+        moveItemInLayout: import("../../../stores").StoreMutation<(item2Move: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (item2Move: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => IMessageBusSubscriptionHandler>;
+        changeSectionType: import("../../../stores").StoreMutation<(section: Section, type: SectionTypes) => void, (section: Section<SectionSettings>, type: SectionTypes) => IMessageBusSubscriptionHandler>;
+        copyItemInLayout: import("../../../stores").StoreMutation<(item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => IMessageBusSubscriptionHandler>;
+        insertClipboardItemIntoLayout: import("../../../stores").StoreMutation<(clipboard: ClipboardLayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (clipboard: ClipboardLayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => IMessageBusSubscriptionHandler>;
+        insertBlockTemplateToLayout: import("../../../stores").StoreMutation<(blockTemplate: BlockTemplate, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (blockTemplate: BlockTemplate, container: LayoutItem, siblingId?: string, postInsert?: boolean) => IMessageBusSubscriptionHandler>;
+        addItem2Layout: import("../../../stores").StoreMutation<(itemreference: AddItemToLayoutPayLoad) => void, (itemreference: AddItemToLayoutPayLoad) => IMessageBusSubscriptionHandler>;
+        deleteItemFromLayout: import("../../../stores").StoreMutation<(itemreference: DeleteItemFromLayoutPayLoad) => void, (itemreference: DeleteItemFromLayoutPayLoad) => IMessageBusSubscriptionHandler>;
+        addSectionOverride: (section: Section) => SectionOverride;
+        removeSectionOverride: (section: Section) => void;
     };
     /**
     * Implementation of events
@@ -125,9 +138,14 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
     private onBlockRemoved;
     onBlockInstanceCreated(blockInstance: IBlockInstance): IBlockInstance<void>;
     onLayoutSectionRendererCreated(layoutSectionRenderer: ILayoutSectionRenderer): void;
+    private createSectionOverride;
+    private addSectionOverrideRef;
+    private removeSectionOverrideRef;
     private ensureRemoveDeletedBlocks;
     private ensureRealLayoutId;
+    private recursiveEnsureRealLayoutId;
     private ensureUniqueLayoutId;
+    private recursiveEnsureOwnerLayoutId;
     private getOwnerLayoutItemsOverride;
     private recursiveEnsureProperties;
     private deleteItem;

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

@@ -46,6 +46,7 @@ export declare class YouTubeProviderComponent extends MultiSelectMediaProviderCo
     private getStartTimeAsSeconds;
     private processResponsiveIframe;
     private updateVideoState;
+    private waitForIframeLoad;
     private saveYoutubeResult;
     private renderVideoIframe;
     private renderResponsiveVideoIframe;

package/internal-do-not-import-from-here/ux/mediapickerproviders/gptimageprovider/GptImageProvider.css.d.ts

@@ -0,0 +1,41 @@
+import { types } from "typestyle";
+import { ITheming } from "@omnia/fx/ux";
+export declare const imageSize = 357.25;
+export declare const GptImageProviderStyles: {
+    wrapper: string;
+    text: string;
+    notify: string;
+    label: string;
+    inputText: string;
+    selectInputStyle: string;
+    imageCol: string;
+    imageHeight: string;
+    image: string;
+    shadowCard: string;
+    skeletonWrapper: string;
+    GptImageFilterContentErrorWrapper: string;
+    ErrorIcon: string;
+    promptTip: string;
+    FullHeight: string;
+};
+export declare const gptImageImageGridStyles: {
+    row?: types.NestedCSSProperties;
+    column?: types.NestedCSSProperties;
+    imageWrapper?: types.NestedCSSProperties;
+    image?: types.NestedCSSProperties;
+    noResultsWrapper: types.NestedCSSProperties;
+    noResultsPositioner: types.NestedCSSProperties;
+    noResultsText: (theme: ITheming) => types.NestedCSSProperties;
+    overlay?: types.NestedCSSProperties;
+    backgroundColor?: types.NestedCSSProperties;
+    defaultOverlay?: types.NestedCSSProperties;
+};
+export declare const MediaProviderComponentBaseStyles: {
+    baseWrapper: string;
+    providerWrapper: string;
+    loadingProviderWrapper: string;
+    providerContent: string;
+    loadingOverlayWrapper: string;
+    loadingWrapper: string;
+    gridWrapper: string;
+};

package/internal-do-not-import-from-here/ux/mediapickerproviders/gptimageprovider/GptImageProvider.d.ts

@@ -0,0 +1,53 @@
+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, IBusinessProfile } from "../../../models";
+import { AzureOpenAIService } from "../../../services";
+import { GptImageProviderLocalization } from "./loc/localize";
+import { TextToImagesRequest, GeneratedImage, TextToImagesResponse } from "@omnia/fx-models";
+import "./GptImageProvider.css";
+import { MultilingualStore } from "@omnia/fx/stores";
+export default class GptImageProvider extends GridViewMediaProviderComponent implements IWebComponentInstance {
+    beforeSaved(resultToBeSaved: MediaPickerImageTransformationResult | VideoInformation): Promise<MediaPickerVideo | MediaPickerImageTransformationResult>;
+    getMediaItems(searchKeyword: string): Promise<GeneratedImage[]>;
+    getMoreMediaItems(lastLoadedIndex: number): Promise<GeneratedImage[]>;
+    getMediaInfo(mediaItem: ImageItem | VideoItem): Promise<ImageInformation | VideoInformation>;
+    setEmptyResultHandler(): void;
+    azureOpenAiService: AzureOpenAIService;
+    omniaTheming: OmniaTheming;
+    private aiSettingsService;
+    omniaCtx: OmniaContext;
+    multilingualStore: MultilingualStore;
+    gptImageLoc: GptImageProviderLocalization.locInterface;
+    omniaUxLoc: OmniaUxLocalization;
+    private searchKeyword;
+    private GptImageSupportImageResolution;
+    private generatedImages;
+    private textToImagesRequests;
+    private resultStyles;
+    private selectedImageResolution;
+    private textToImagesResponseMap;
+    private gptImagePredefinedPromptList;
+    private preDefinedPrompt;
+    private preDefaultPrompt;
+    private gptImageConstant;
+    private displayPrompts;
+    private getTextToImagesRequest;
+    constructor();
+    created(): void;
+    mounted(): void;
+    initGptImagePromptSettingsListing(businessProfileId: IBusinessProfile): Promise<void>;
+    onGenerateImage(): void;
+    onPressEnter: (event: KeyboardEvent) => void;
+    getPredefinedPrompts(predefinedPrompt: string): void;
+    selectGridItemPublic(item: GeneratedImage): void;
+    addGeneratedImage(item: GeneratedImage, textToImagesRequest: TextToImagesRequest): void;
+    addTextToImagesResponse(item: TextToImagesResponse, textToImagesRequest: TextToImagesRequest): void;
+    onRegenerateImage(textToImagesRequest: TextToImagesRequest): void;
+    private renderCustomSlot;
+    private getPredefinedPromptsItem;
+    private renderPredefinedPrompts;
+    private renderPromptInput;
+    render(): VueTsxSupport.JSX.Element;
+}

package/internal-do-not-import-from-here/ux/mediapickerproviders/gptimageprovider/PollingImageComponent.d.ts

@@ -0,0 +1,47 @@
+import { GeneratedImage, TextToImagesRequest, TextToImagesResponse } from "@omnia/fx-models";
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
+    textToImageRequest: TextToImagesRequest;
+    selectGridItem: (mediaItem: GeneratedImage) => void;
+    generatedImage: GeneratedImage;
+    addGeneratedImage: (generatedImage: GeneratedImage, textToImageRequest: TextToImagesRequest) => void;
+    onRegenerateImage: (textToImageRequest: TextToImagesRequest) => void;
+    textToImageResponse: TextToImagesResponse;
+    addTextToImageResponse: (textToImageResponse: TextToImagesResponse, textToImageRequest: TextToImagesRequest) => void;
+    imageRef: HTMLImageElement;
+    setImageRef: (imageRef: HTMLImageElement) => void;
+}, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        textToImageRequest: TextToImagesRequest;
+        selectGridItem: (mediaItem: GeneratedImage) => void;
+        generatedImage: GeneratedImage;
+        addGeneratedImage: (generatedImage: GeneratedImage, textToImageRequest: TextToImagesRequest) => void;
+        onRegenerateImage: (textToImageRequest: TextToImagesRequest) => void;
+        textToImageResponse: TextToImagesResponse;
+        addTextToImageResponse: (textToImageResponse: TextToImagesResponse, textToImageRequest: TextToImagesRequest) => void;
+        imageRef: HTMLImageElement;
+        setImageRef: (imageRef: HTMLImageElement) => void;
+    }, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
+    textToImageRequest: TextToImagesRequest;
+    selectGridItem: (mediaItem: GeneratedImage) => void;
+    generatedImage: GeneratedImage;
+    addGeneratedImage: (generatedImage: GeneratedImage, textToImageRequest: TextToImagesRequest) => void;
+    onRegenerateImage: (textToImageRequest: TextToImagesRequest) => void;
+    textToImageResponse: TextToImagesResponse;
+    addTextToImageResponse: (textToImageResponse: TextToImagesResponse, textToImageRequest: TextToImagesRequest) => void;
+    imageRef: HTMLImageElement;
+    setImageRef: (imageRef: HTMLImageElement) => void;
+}, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        textToImageRequest: TextToImagesRequest;
+        selectGridItem: (mediaItem: GeneratedImage) => void;
+        generatedImage: GeneratedImage;
+        addGeneratedImage: (generatedImage: GeneratedImage, textToImageRequest: TextToImagesRequest) => void;
+        onRegenerateImage: (textToImageRequest: TextToImagesRequest) => void;
+        textToImageResponse: TextToImagesResponse;
+        addTextToImageResponse: (textToImageResponse: TextToImagesResponse, textToImageRequest: TextToImagesRequest) => void;
+        imageRef: HTMLImageElement;
+        setImageRef: (imageRef: HTMLImageElement) => void;
+    }, never>;
+});
+export default _default;

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

@@ -0,0 +1,23 @@
+export declare module GptImageProviderLocalization {
+    const namespace = "Omnia.Ux.GptImageProvider";
+    interface locInterface {
+        Title: string;
+        FeatureTitle: string;
+        FeatureDescription: string;
+        DowloadImageFailed: string;
+        PhotoBy: string;
+        PhotosProviderBy: string;
+        MaxInputLength: number;
+        Generate: string;
+        SelectSizePicture: string;
+        Download: string;
+        GenerateNewImage: string;
+        ErrorMessage: string;
+        ImageName: string;
+        PromptHeader: string;
+        PromptContent: string;
+        PromptExample: string;
+        Label: string;
+        ImageStyle: string;
+    }
+}

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

@@ -16,6 +16,7 @@ export interface MediaFlowImage extends MediaflowInformation {
     photographer: string;
     url: string;
     width: number;
+    altText: string;
 }
 export interface MediaFlowVideo extends MediaflowInformation {
     autoPlay: boolean;

package/internal-do-not-import-from-here/ux/print/api/PrintHandlerApi.d.ts

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

package/internal-do-not-import-from-here/ux/profilecard/ProfileCard.d.ts

@@ -33,6 +33,8 @@ export declare class ProfileCardComponent extends VueComponentBase<IProfileCard>
     private isOmniaUser;
     private resolvedUser;
     private accessibilityEnabled;
+    private get enablePeopleInformation();
+    private get renderedHref();
     created(): void;
     beforeDestroy(): void;
     hasSlot(): boolean;

package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditorSettings.d.ts

@@ -4,7 +4,7 @@ import { VueComponentBase } from "..";
 import { OmniaContext } from "../..";
 import { RichTextEditorExtensionRegistration } from "../../models/RichTextEditorExtension";
 import { IRichTextEditorSettings } from "./IRichTextEditorSettings";
-import { MultilingualStore } from "internal/fx/stores";
+import { MediaPickerStore, MultilingualStore } from "internal/fx/stores";
 export interface RTFExtensionViewModel extends RichTextEditorExtensionRegistration {
     instance: any;
     isChecked?: boolean;
@@ -23,6 +23,7 @@ export default class RichTextEditorSettings extends VueComponentBase implements
     private localizationService;
     private settingsService;
     multilingualStore: MultilingualStore;
+    mediaPickerStore: MediaPickerStore;
     private guid;
     private richTextEditorExtensionSubscriptionHandler;
     private isSaving;
@@ -33,10 +34,18 @@ export default class RichTextEditorSettings extends VueComponentBase implements
     private formValidator;
     private textStylesSettingKey;
     private headings;
+    private extensionIdsHaveSettings;
+    private selectableCropRatioUniqueIds;
+    private selectedCropRatioUniqueId;
     created(): void;
     init(): void;
     mounted(): void;
     beforeDestroy(): void;
+    private initSelectableCropRatios;
+    private getRatioDefinitionItems;
+    private onEditCropRatio;
+    private onAddCropRatio;
+    private onRemoveCropRatio;
     private migratenewHeading;
     private getHeadingSettings;
     private onExtensionCheckedChanged;
@@ -51,5 +60,6 @@ export default class RichTextEditorSettings extends VueComponentBase implements
     renderPreviewEditor(): VueTsxSupport.JSX.Element;
     renderExtensions(): VueTsxSupport.JSX.Element;
     renderListTileContent(extension: RTFExtensionViewModel, extensions: RTFExtensionViewModel[]): VueTsxSupport.JSX.Element[];
+    renderMediaPickerSettings(extension: RTFExtensionViewModel): VueTsxSupport.JSX.Element;
     renderHeadingSettings(extension: RTFExtensionViewModel): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Alignment/AlignmentNode.d.ts

@@ -1,5 +1,5 @@
-import { NodeExtension } from "../../NodeExtension";
-export default class Alignment extends NodeExtension {
+import { MarkExtension } from "../../MarkExtension";
+export default class Alignment extends MarkExtension {
     constructor();
     get name(): string;
     get schema(): any;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/MediaPicker/MediaPickerEditorExtension.d.ts

@@ -1,14 +1,19 @@
 import { IMediaPicker } from "../../..";
-import { Guid } from "../../../../models";
+import { Guid, MediaPickerExtensionSettings } from "../../../../models";
+import { MediaPickerStore } from "../../../../stores";
 import { RichTextEditorExtension, RichTextEditorExtensionDefinition } from "../../IRichTextEditor";
 export declare class MediaPickerEditorExtension implements RichTextEditorExtension {
     private mediaPickerSettings;
+    protected mediaPickerStore: MediaPickerStore;
     static get id(): Guid;
+    settings: MediaPickerExtensionSettings;
     private editingMedia;
     /**
      * Configure the mediapicker wich should be used
      * @param mediaPickerSettings
      */
-    constructor(mediaPickerSettings: IMediaPicker);
+    constructor(config: MediaPickerExtensionSettings, mediaPickerSettings: IMediaPicker);
     getDefition(): Promise<RichTextEditorExtensionDefinition>;
+    ensureImageCropRatios(): Promise<void>;
+    static defaultMediaPickerSettings(): MediaPickerExtensionSettings;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/loc/localize.d.ts

@@ -147,6 +147,10 @@ export declare module RichTextEditorExtensionLocalization {
             Inherit: string;
             Enabled: string;
             Modify: string;
+            MediaPicker: {
+                CustomRatio: string;
+                CropRatios: string;
+            };
         };
         Messages: {
             HeadingRequired: string;

package/internal-do-not-import-from-here/ux/settings/ISettingsPane.d.ts

@@ -7,6 +7,7 @@ export interface ISettingsPaneAttributes {
     disableSave?: boolean;
     disableCancel?: boolean;
     showButtons?: boolean;
+    warningMessage?: string;
 }
 export interface ISettingsPane extends ISettingsPaneAttributes {
     [name: string]: any;

package/internal-do-not-import-from-here/ux/settings/SettingsPane.css.d.ts

@@ -4,4 +4,5 @@ export declare const SettingsPaneStyles: {
     content: string;
     closeButton: string;
     closeButtonIcon: string;
+    warningMessage: string;
 };

package/internal-do-not-import-from-here/ux/settings/SettingsPane.d.ts

@@ -14,6 +14,7 @@ export declare class SettingsPane extends VueComponentBase implements IWebCompon
     disableSave?: boolean;
     disableCancel?: boolean;
     showButtons?: boolean;
+    warningMessage?: string;
     onVisibleChanged(): void;
     private uniqueId;
     private styleSet;

package/internal-do-not-import-from-here/ux/signin/omnia/Renderer.d.ts

@@ -7,7 +7,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     onProviderSelected: (authOption: AuthenticationMetaData) => void;
     settings: AuthenticationBlockSettings;
     memorizedProvider: AuthenticationMetaData;
-}, "settings" | "authFlows" | "uniqueName" | "back" | "onProviderSelected">, any, any, any>> & {
+}, "settings" | "uniqueName" | "authFlows" | "back" | "onProviderSelected">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         authFlows: AuthenticationOption[][];
         uniqueName: string;
@@ -15,7 +15,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         onProviderSelected: (authOption: AuthenticationMetaData) => void;
         settings: AuthenticationBlockSettings;
         memorizedProvider: AuthenticationMetaData;
-    }, "settings" | "authFlows" | "uniqueName" | "back" | "onProviderSelected">;
+    }, "settings" | "uniqueName" | "authFlows" | "back" | "onProviderSelected">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     authFlows: AuthenticationOption[][];
     uniqueName: string;
@@ -23,7 +23,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     onProviderSelected: (authOption: AuthenticationMetaData) => void;
     settings: AuthenticationBlockSettings;
     memorizedProvider: AuthenticationMetaData;
-}, "settings" | "authFlows" | "uniqueName" | "back" | "onProviderSelected">, any, any, any>> & {
+}, "settings" | "uniqueName" | "authFlows" | "back" | "onProviderSelected">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         authFlows: AuthenticationOption[][];
         uniqueName: string;
@@ -31,6 +31,6 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         onProviderSelected: (authOption: AuthenticationMetaData) => void;
         settings: AuthenticationBlockSettings;
         memorizedProvider: AuthenticationMetaData;
-    }, "settings" | "authFlows" | "uniqueName" | "back" | "onProviderSelected">;
+    }, "settings" | "uniqueName" | "authFlows" | "back" | "onProviderSelected">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/social/templates/CommentLikeTemplate.d.ts

@@ -51,6 +51,7 @@ export declare class CommentLikeTemplate extends VueComponentBase<{}, {}, {}> im
     private isValidComment;
     private deleteDialogModel;
     private useAccessibilityFeatures;
+    private validateEnabledOnContentChanged;
     private get isAdd();
     private get isReply();
     private get isMobile();
@@ -76,6 +77,7 @@ export declare class CommentLikeTemplate extends VueComponentBase<{}, {}, {}> im
     private saveCommentInternal;
     private validateComment;
     onContentUpdate(content: string): void;
+    validateOnContentChanged(content: string): void;
     onMentionUpdate(mentionUsers: Array<ResolvedUserIdentity>): void;
     onCommentTextFieldClicked(e: Event): void;
     private renderUserLink;

package/internal-do-not-import-from-here/wcdefinitions.json

@@ -1 +1 @@
-{"omfx-enterpriseproperties-taxonomyfield-value-definition":["availableParents"],"omfx-sp-language-picker":["valueBind","onValueChanged","scopedSlots","styles"],"omfx-targeting-filter":["filter","onFilterChanged","fullWidth"],"omfx-term-picker":["startWithIds","termSetId","preSelectedTermIds","lcid","onTermsSelected","filterOptions","validator","description"],"omfx-termset-picker":["termSetId","onChanged"],"omfx-queryable-enterpriseproperties":["serviceId","additionalBuiltInProperties "],"omfx-app-instance-delete-blade":["appInstance","handleClose","handleDeleteCompleted"],"omfx-appinstance-editing-journey":["appInstance","content","onCanceled","onSave","onCompleted"],"omfx-app-instance-permission-blade":["appInstance","handleClose","onAppPermissionsUpdated"],"omfx-app-instance-information-step":["context","registerOnGoToNext","registerOnGoToPrev"],"omfx-app-instance-users-step":["context","registerOnGoToNext","registerOnGoToPrev"],"omfx-app-instance-enterprise-step":["context","registerOnGoToNext","registerOnGoToPrev"],"omfx-app-provisioning-wizard":["initialAppTemplate","initialAppDefinition","initialAppInstance","onInstancePropertiesChanged","onProvisioningStarted","onProvisioningCompleted","styles","templatesToShow"],"omfx-button":["preset","icon","tooltip","size","mode","styles","onClick","onKeyDown","tabindex"],"omfx-color-picker":["display","valueBind","onValueChanged","errorMessages","validator","attachedToParent"],"omfx-confirm-dialog":["dialogOptions","onClose","styles","icon"],"omfx-connected-tenant":["onValueChanged","scopedSlots"],"omfx-context-language-picker":["onValueChanged","scopedSlots"],"omfx-datatable":["items","header","onSort","renderItem","onPaging","scrollElementSelector"],"omfx-date-time-picker":["valueBind","onValueChanged","formatter","description"],"omfx-enterpriseproperties-datetimefield-display":["settings"],"omfx-enterpriseproperty-picker":["preSelectedPropertyInternalName","propertyItems","externalPropertyItems","onChange","requiredWithValidator","excludedPropertyTypeIds"],"omfx-enterprisepropertyset-picker":["preSelectedPropertySetId","propertySetItems","onChange","requiredWithValidator"],"omfx-features-journey":["onInstanceClosed"],"omfx-file-uploader":["onFileChanged","limitedFileTypes"],"omfx-numeric-indicator":["clickCallback","valueBind","label","style"],"omfx-barchart-indicator":["clickCallback","loadData","hasData","chartValues"],"omfx-heading":["styles","onChange"],"omfx-icon":["valueBind","styles","iconAttrs"],"omfx-icon-picker":["valueBind","onValueChanged","errorMessages","validator"],"omfx-iframe":["js","html","css","iframeHeight","iframeCustomStyle"],"omfx-media-imagegrid":["images","onImageSelected","searchStatus"],"omfx-input-language-picker":["multilingualContext"],"omfx-journey":["onInstanceCreated","onInstanceClosed","blades"],"omfx-language-picker":["valueBind","onValueChanged","scopedSlots","styles","loadLanguage"],"omfx-media-picker-image":["image","imageStyle"],"omfx-media-picker-video":["video"],"omfx-multilingual-input":["valueBind","richTextSettings","requiredWithValidator","onValueChanged"],"omfx-organizationtree":["valueBind","onNewUserSelected"],"omfx-reportees":["users","manager","onUserClick"],"omfx-permission-input":["settings","contextParams"],"omfx-persona":["largeImage","linkToProfilecard","highlight","user","onUserClick"],"omfx-post-component":["richTextSettings","cardStyle","showMoreSize","styles","allowLikes","enableMention","customSlots"],"omfx-aboutuser":["user"],"omfx-profilecard":["user","scopedSlots","appendToBody"],"omfx-profilecard-dialog":["user"],"omfx-rich-text-editor":["onContentChange","onContentDataChange","onInstanceCreated"],"omfx-rich-text-editor-renderer":["editorContent","editorContent"],"omfx-rollup-empty":["text","renderingMode"],"omfx-rollup-filter":["valueBind","onFilterChange","useRollupFilterRouter"],"omfx-security-trimer":["content","alternativeContent","roles"],"omfx-settings-pane":["valueBind","onCancel","onSave"],"omfx-comment-component":["topicId","comments","template","dynamicInput","richTextSettings","enableBestReply","canMarkBestReply","sortOrder","allowLikes","cardStyle","showMoreSize","additionalRoles"],"omfx-people-tagging-component":["content","disabled","richTextSettings","enableMention","contentChanged","mentionChanged","resetContetnRte"],"omfx-like-component":["topicId","commendId","commentLikeService","likes","likeListingTemplate","extendComponents"],"omfx-like-listing-template":["likes","socialReactionStylings","currentSocialReaction","close"],"omfx-spacing-picker":["valueBind","onValueChanged"],"omfx-status-message-overlay":["content"],"omfx-template-picker":["valueBind","templates","onValueChanged"],"omfx-text-translator":["onTranslateCompleted"],"omfx-themedefinition-editor":["hideBodySettings","hideChromeSettings","hideBorderSettings","valueBind","onValueChanged","attachedToParent"],"omfx-timezone-picker":["valueBind","onValueChanged","scopedSlots","styles"],"omfx-url-input":["valueBind","requiredWithValidator","onValueChanged","onBlur"],"omfx-field-validation":["useValidator","checkValue","rules","getCheckValue"],"omfx-wizard":["styles","onInstanceCreated","steps"]}
+{"omfx-enterpriseproperties-taxonomyfield-value-definition":["availableParents"],"omfx-sp-language-picker":["valueBind","onValueChanged","scopedSlots","styles"],"omfx-targeting-filter":["filter","onFilterChanged","fullWidth"],"omfx-term-picker":["startWithIds","termSetId","preSelectedTermIds","lcid","onTermsSelected","filterOptions","validator","description"],"omfx-termset-picker":["termSetId","onChanged"],"omfx-queryable-enterpriseproperties":["serviceId","additionalBuiltInProperties "],"omfx-app-instance-delete-blade":["appInstance","handleClose","handleDeleteCompleted"],"omfx-appinstance-editing-journey":["appInstance","content","onCanceled","onSave","onCompleted"],"omfx-app-instance-permission-blade":["appInstance","handleClose","onAppPermissionsUpdated"],"omfx-app-instance-information-step":["context","registerOnGoToNext","registerOnGoToPrev"],"omfx-app-instance-users-step":["context","registerOnGoToNext","registerOnGoToPrev"],"omfx-app-instance-enterprise-step":["context","registerOnGoToNext","registerOnGoToPrev"],"omfx-app-provisioning-wizard":["initialAppTemplate","initialAppDefinition","initialAppInstance","onInstancePropertiesChanged","onProvisioningStarted","onProvisioningCompleted","styles","templatesToShow"],"omfx-button":["preset","icon","tooltip","size","mode","styles","onClick","onKeyDown","tabindex"],"omfx-color-picker":["display","valueBind","onValueChanged","errorMessages","validator","attachedToParent"],"omfx-confirm-dialog":["dialogOptions","onClose","styles","icon","getConfirmDialogOptions"],"omfx-connected-tenant":["onValueChanged","scopedSlots"],"omfx-context-language-picker":["onValueChanged","scopedSlots"],"omfx-datatable":["items","header","onSort","renderItem","onPaging","scrollElementSelector"],"omfx-date-time-picker":["valueBind","onValueChanged","formatter","description"],"omfx-enterpriseproperties-datetimefield-display":["settings"],"omfx-enterpriseproperty-picker":["preSelectedPropertyInternalName","propertyItems","externalPropertyItems","onChange","requiredWithValidator","excludedPropertyTypeIds"],"omfx-enterprisepropertyset-picker":["preSelectedPropertySetId","propertySetItems","onChange","requiredWithValidator"],"omfx-features-journey":["onInstanceClosed"],"omfx-file-uploader":["onFileChanged","limitedFileTypes"],"omfx-numeric-indicator":["clickCallback","valueBind","label","style"],"omfx-barchart-indicator":["clickCallback","loadData","hasData","chartValues"],"omfx-heading":["styles","onChange"],"omfx-icon":["valueBind","styles","iconAttrs"],"omfx-icon-picker":["valueBind","onValueChanged","errorMessages","validator"],"omfx-iframe":["js","html","css","iframeHeight","iframeCustomStyle"],"omfx-media-imagegrid":["images","onImageSelected","searchStatus"],"omfx-input-language-picker":["multilingualContext"],"omfx-journey":["onInstanceCreated","onInstanceClosed","blades"],"omfx-language-picker":["valueBind","onValueChanged","scopedSlots","styles","loadLanguage"],"omfx-media-picker-image":["image","imageStyle"],"omfx-media-picker-video":["video"],"omfx-multilingual-input":["valueBind","richTextSettings","requiredWithValidator","onValueChanged"],"omfx-organizationtree":["valueBind","onNewUserSelected"],"omfx-reportees":["users","manager","onUserClick"],"omfx-permission-input":["settings","contextParams"],"omfx-persona":["largeImage","linkToProfilecard","highlight","user","onUserClick"],"omfx-post-component":["richTextSettings","cardStyle","showMoreSize","styles","allowLikes","enableMention","customSlots"],"omfx-aboutuser":["user"],"omfx-profilecard":["user","scopedSlots","appendToBody"],"omfx-profilecard-dialog":["user"],"omfx-rich-text-editor":["onContentChange","onContentDataChange","onInstanceCreated"],"omfx-rich-text-editor-renderer":["editorContent","editorContent"],"omfx-rollup-empty":["text","renderingMode"],"omfx-rollup-filter":["valueBind","onFilterChange","useRollupFilterRouter"],"omfx-security-trimer":["content","alternativeContent","roles"],"omfx-settings-pane":["valueBind","onCancel","onSave"],"omfx-comment-component":["topicId","comments","template","dynamicInput","richTextSettings","enableBestReply","canMarkBestReply","sortOrder","allowLikes","cardStyle","showMoreSize","additionalRoles"],"omfx-people-tagging-component":["content","disabled","richTextSettings","enableMention","contentChanged","mentionChanged","resetContetnRte"],"omfx-like-component":["topicId","commendId","commentLikeService","likes","likeListingTemplate","extendComponents"],"omfx-like-listing-template":["likes","socialReactionStylings","currentSocialReaction","close"],"omfx-spacing-picker":["valueBind","onValueChanged"],"omfx-status-message-overlay":["content"],"omfx-template-picker":["valueBind","templates","onValueChanged"],"omfx-text-translator":["onTranslateCompleted"],"omfx-themedefinition-editor":["hideBodySettings","hideChromeSettings","hideBorderSettings","valueBind","onValueChanged","attachedToParent"],"omfx-timezone-picker":["valueBind","onValueChanged","scopedSlots","styles"],"omfx-url-input":["valueBind","requiredWithValidator","onValueChanged","onBlur"],"omfx-field-validation":["useValidator","checkValue","rules","getCheckValue"],"omfx-wizard":["styles","onInstanceCreated","steps"]}