@omnia/fx 7.1.31-dev → 7.1.31-preview

package/internal-do-not-import-from-here/ux/properties/models/PropertyPicker.d.ts

@@ -1,4 +1,4 @@
-import { DataSourceProperty, PropertyConfiguration, PropertyDataSourceId, PropertyDefinition } from "@omnia/fx-models";
+import { DataSourceProperty, GuidValue, PropertyConfiguration, PropertyDataSourceId, PropertyDefinition } from "@omnia/fx-models";
 import { DataSourcePropertyDefintionHandlerId } from "../../../services";
 export interface IDataSourcePropertySelection {
     dataSourceProperty: DataSourceProperty;
@@ -7,10 +7,13 @@ export interface IDataSourcePropertySelection {
 }
 export interface IPropertyPicker {
     selectableDataSources: Array<PropertyDataSourceId>;
-    onDataSourcePropertySelected: (selection: IDataSourcePropertySelection) => Promise<void>;
+    onDataSourcePropertySelected: (selection: IDataSourcePropertySelection, allowEdit: boolean) => Promise<void>;
     filled?: boolean;
     disabled?: boolean;
     dark?: boolean;
     hideDetails?: boolean;
     multiple?: boolean;
+    hideConfiguration?: boolean;
+    selectionProperty?: IDataSourcePropertySelection;
+    selectablePropertyConverters?: Array<GuidValue>;
 }

package/internal-do-not-import-from-here/ux/properties/models/PropertySettingsLock.d.ts

@@ -0,0 +1,25 @@
+import { IPropertyConfigurationRenderer, PropertyDefinition, PropertyDisplaySettingsBase, PropertyValue } from "@omnia/fx-models";
+export declare enum PropertyLockStatus {
+    open = 1,
+    locked = 2,
+    rollback = 3
+}
+export declare class PropertyLockStatusHelper {
+    static get(status: PropertyLockStatus | undefined, defaultValue?: PropertyLockStatus): PropertyLockStatus;
+}
+export type PropertyLockStatusType<T> = T extends object ? {
+    [K in keyof T]?: PropertyLockStatusType<T[K]>;
+} : PropertyLockStatus;
+export declare function createDefaultLockStatus<T extends object>(type: T): PropertyLockStatusType<T>;
+export declare function removeLockStatus<T extends object>(instance: T, value: PropertyLockStatus): Partial<T>;
+export declare function keepOnlyLockStatus<T extends object>(instance: T, value: PropertyLockStatus): Partial<T>;
+export declare function updateWithLocked<A extends {
+    [key: string]: any;
+}, B extends {
+    [key: string]: any;
+}>(toUpdate: A, lockedProperties: B): A;
+export type LockStatusExcludeChildren<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>> & Record<K, PropertyLockStatus>;
+export type LockingPropertyDisplaySettings = {
+    locks?: PropertyLockStatusType<LockStatusExcludeChildren<Omit<LockingPropertyDisplaySettings, "locks">, "label">>;
+} & PropertyDisplaySettingsBase;
+export declare function getAllowRollback(props: IPropertyConfigurationRenderer<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any>>, value: any, defaultValue: any): boolean;

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

@@ -2,3 +2,4 @@ export * from "./Properties";
 export * from "./DataSource";
 export * from "./PropertyApi";
 export * from "./PropertyPicker";
+export * from "./PropertySettingsLock";

package/internal-do-not-import-from-here/ux/properties/property-configuration/LabelOptionsRenderer.d.ts

@@ -0,0 +1,8 @@
+import { PropertyDefinition, IPropertyConfigurationRenderer, PropertyValue } from "@omnia/fx-models";
+import { LockingPropertyDisplaySettings } from "@omnia/fx/ux";
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<IPropertyConfigurationRenderer<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<IPropertyConfigurationRenderer<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<IPropertyConfigurationRenderer<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<IPropertyConfigurationRenderer<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, never>;
+});
+export default _default;

package/internal-do-not-import-from-here/ux/properties/property-configuration/PropertyConfiguration.d.ts

@@ -0,0 +1,8 @@
+import { PropertyDefinition, IPropertyConfigurationRenderer, PropertyValue } from "@omnia/fx-models";
+import { LockingPropertyDisplaySettings } from "@omnia/fx/ux";
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<IPropertyConfigurationRenderer<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<IPropertyConfigurationRenderer<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<IPropertyConfigurationRenderer<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<IPropertyConfigurationRenderer<PropertyDefinition<PropertyValue, LockingPropertyDisplaySettings, any, import("@omnia/fx-models").PropertySetupBase>>, never>;
+});
+export default _default;

package/internal-do-not-import-from-here/ux/properties/property-configuration/PropertyLocking.css.d.ts

@@ -0,0 +1,7 @@
+import { types } from "typestyle";
+/**
+ * Styles for the PropertyLocking component
+ */
+export declare const PropertyLockingStyles: {
+    lockingWrapper: types.NestedCSSProperties;
+};

package/internal-do-not-import-from-here/ux/properties/property-configuration/PropertyLocking.d.ts

@@ -0,0 +1,47 @@
+import { PropertyLockStatus } from "@omnia/fx/ux";
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
+    lockingStatus: PropertyLockStatus;
+    onValueChanged: Function;
+    allowRollback: unknown;
+    rollback: Function;
+    renderBody: () => JSX.Element[];
+    styles: {
+        lockingWrapper: import("typestyle/lib/types").NestedCSSProperties;
+    };
+    showLockConfiguration: boolean;
+}, "onValueChanged" | "renderBody">, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        lockingStatus: PropertyLockStatus;
+        onValueChanged: Function;
+        allowRollback: unknown;
+        rollback: Function;
+        renderBody: () => JSX.Element[];
+        styles: {
+            lockingWrapper: import("typestyle/lib/types").NestedCSSProperties;
+        };
+        showLockConfiguration: boolean;
+    }, "onValueChanged" | "renderBody">;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
+    lockingStatus: PropertyLockStatus;
+    onValueChanged: Function;
+    allowRollback: unknown;
+    rollback: Function;
+    renderBody: () => JSX.Element[];
+    styles: {
+        lockingWrapper: import("typestyle/lib/types").NestedCSSProperties;
+    };
+    showLockConfiguration: boolean;
+}, "onValueChanged" | "renderBody">, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        lockingStatus: PropertyLockStatus;
+        onValueChanged: Function;
+        allowRollback: unknown;
+        rollback: Function;
+        renderBody: () => JSX.Element[];
+        styles: {
+            lockingWrapper: import("typestyle/lib/types").NestedCSSProperties;
+        };
+        showLockConfiguration: boolean;
+    }, "onValueChanged" | "renderBody">;
+});
+export default _default;

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

@@ -73,6 +73,7 @@ export default class RichTextEditor extends VueComponentBase implements IWebComp
     loadFromExtensionRegistrations(extensionSettings: RichTextEditorExtensionRegistration[]): Promise<Array<RichTextEditorExtension>>;
     buildExtensionList(extensionListFromTenantSettings: RichTextEditorExtensionRegistration[]): RichTextEditorExtension[];
     initExtensions(): void;
+    handlePastedContext(formatedText: any, formatedHtml: any, view: any, slice: any): void;
     setupEditor(): void;
     private currentEmitedContent;
     private onEditorUpdated;

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

@@ -0,0 +1,28 @@
+declare const _default: {
+    container: {
+        fontSize: number;
+    };
+};
+export default _default;
+export declare const containerInput: string;
+export declare const containerInputWithoutReply: string;
+export declare const componentCloseButton: string;
+export declare const componentHeader: string;
+export declare const componentBody: string;
+export declare const componentStart: string;
+export declare const componentFooter: string;
+export declare const componentMessage: string;
+export declare const componentMessageContainer: string;
+export declare const componentMessageContainerOneline: string;
+export declare const componentReply: string;
+export declare const componentReplyContainer: string;
+export declare const componentReplyContainerOneline: string;
+export declare const link: string;
+export declare const resetLink: string;
+export declare const repliedMessage: string;
+export declare const componentInsert: string;
+export declare const componentImprove: string;
+export declare const visibilityHidden: string;
+export declare const bubbleLoading: string;
+export declare const waitForTyping: string;
+export declare const repliedUserMessage: string;

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

@@ -0,0 +1,10 @@
+import { types } from "typestyle";
+export declare const StepRowStyle: {
+    cancelButtonDisplay?: types.NestedCSSProperties;
+};
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
+});
+export default _default;

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

@@ -0,0 +1,29 @@
+export declare module TextCompletionPanelLocalization {
+    const namespace = "Omnia.Ux.RichTextEditor.TextCompletionPanelLocalization";
+    interface locInterface {
+        Title: string;
+        Alias: string;
+        PanelTitle: string;
+        LastMessage: string;
+        UserMessage: string;
+        Inserted: string;
+        StartNewConversation: string;
+        ConfirmNewConversationMessage: string;
+        ConfirmCloseConversation: string;
+        CloseChatPanel: string;
+        ErrorMessage: string;
+        Insert: string;
+        Copy: string;
+        Reply: string;
+        ImprovedPrompt: string;
+        UniqPrefixID: string;
+        RegenerateResponse: string;
+        IsTyping: string;
+        SplashText: string;
+        ReplyingTo: string;
+        InputPlaceHolderImprove: string;
+        InputPlaceHolder: string;
+        Saved: string;
+        ContentFilterError: string;
+    }
+}

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

@@ -10,6 +10,12 @@ export default class MediaPickerToolbar extends ToolbarExtension implements Medi
     private loc;
     showAddMedia: boolean;
     isPastingMedia: boolean;
+    clipboardDataTypes: {
+        plainText: string;
+        htmlText: string;
+        rtfText: string;
+        files: string;
+    };
     created(): void;
     mounted(): void;
     beforeDestroy(): void;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/MediaPicker/{ParsingMicrosoftWordImageHandler.d.ts → PastingMicrosoftOfficeImageHandler.d.ts}

@@ -3,7 +3,7 @@ import { IMediaPicker } from "@omnia/fx/ux";
 interface ParsingMicrosoftWordImageHandlerProps extends MediaPickerToolbarProperties {
     mediaPicker: IMediaPicker;
 }
-export declare module ParsingMicrosoftWordImageHandler {
+export declare module PastingMicrosoftOfficeImageHandler {
     function onPaste(data: DataTransfer, props: ParsingMicrosoftWordImageHandlerProps): Promise<void>;
 }
 export {};

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextCompletion/Registration.d.ts

@@ -0,0 +1,5 @@
+import { FeatureStore } from "@omnia/fx/stores";
+export declare class RegistrationHelpder {
+    static featureStore: FeatureStore;
+    static get isTextCompletionFeatureActivated(): boolean;
+}

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

@@ -0,0 +1,12 @@
+import { BubbleMenuConfiguration, RichTextEditorExtension, RichTextEditorExtensionDefinition, ToolbarConfiguration } from "../../IRichTextEditor";
+import { Guid } from "@omnia/fx-models";
+import { FeatureStore } from "@omnia/fx/stores";
+export declare class TextCompletionEditorExtension implements RichTextEditorExtension {
+    static get id(): Guid;
+    configuration: Array<ToolbarConfiguration>;
+    menuConfiguration: Array<BubbleMenuConfiguration>;
+    static featureStore: FeatureStore;
+    static get isTextCompletionFeatureActivated(): boolean;
+    constructor();
+    getDefition(): Promise<RichTextEditorExtensionDefinition>;
+}

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextCompletion/TextCompletionHandler.d.ts

@@ -0,0 +1,34 @@
+import { TextCompletionMenuBar, TipTapEditor } from "@omnia/fx-models";
+import { Store } from "@omnia/fx/stores";
+import { SidePanelContext } from "@omnia/fx/ux";
+export declare const panelElementName: "omfx-textcompletion-panel";
+export declare class TextCompletionHandler extends Store {
+    private sidePanelInstanceId;
+    private editor;
+    private onContentChanged;
+    private menuBar;
+    private prompt;
+    private forceClose;
+    onClickOpenEvent(sidePanelContext: SidePanelContext, editor: TipTapEditor, menuBar: TextCompletionMenuBar): void;
+    ensureOpenPanel(sidePanelContext: SidePanelContext, editor: TipTapEditor, menuBar: TextCompletionMenuBar): void;
+    ensureClosePanel(sidePanelContext: SidePanelContext): void;
+    forceClosePanel(sidePanelContext: SidePanelContext): void;
+    getters: {
+        getEditor: () => TipTapEditor;
+        getOnContentChanged: () => (content: string) => void;
+        getMenuBar: () => TextCompletionMenuBar;
+        prompt: () => string;
+        forceClose: () => boolean;
+    };
+    setters: {
+        setEditor: (editor: TipTapEditor) => TipTapEditor;
+        setOnContentChanged: (onContentChanged: (content: string) => void) => (content: string) => void;
+        setMenuBar: (menuBar: TextCompletionMenuBar) => TextCompletionMenuBar;
+    };
+    mutations: {
+        prompt: import("@omnia/fx/stores").StoreMutation<(prompt: string) => void, (prompt: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        forceClose: import("@omnia/fx/stores").StoreMutation<(forceClose: boolean) => void, (forceClose: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+    };
+    protected onActivated(): void;
+    protected onDisposing(): void;
+}

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextCompletion/TextCompletionMenu.d.ts

@@ -0,0 +1,24 @@
+import { OmniaTheming, BlockInstance } from "@omnia/fx/ux";
+import { ToolbarExtension } from "../../ToolbarExtension";
+import { TipTapEditor, IMessageBusSubscriptionHandler, GuidValue, IOmniaContext } from "@omnia/fx-models";
+import { TextCompletionMenuBar, TextCompletionToolbarProperties } from "../../../../models";
+export default class TextCompletionMenu extends ToolbarExtension implements TextCompletionToolbarProperties {
+    menubar?: TextCompletionMenuBar;
+    onContentChanged?: (content: string) => void;
+    editor: TipTapEditor;
+    editorId: GuidValue;
+    private loc;
+    subscriptionHandler: IMessageBusSubscriptionHandler;
+    private textCompletionHandler;
+    private sidePanelContext;
+    omniaTheming: OmniaTheming;
+    blockInstance: BlockInstance;
+    protected omniaContext: IOmniaContext;
+    selectedText: string;
+    mounted(): void;
+    created(): void;
+    beforeDestroy(): void;
+    private onClickOpenSidePanel;
+    private getSelectionText;
+    render(): VueTsxSupport.JSX.Element;
+}

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextCompletion/TextCompletionNode.d.ts

@@ -0,0 +1,10 @@
+import { NodeExtension } from "../../NodeExtension";
+export default class TextCompletionNode extends NodeExtension {
+    constructor();
+    priority: number;
+    get name(): string;
+    get schema(): any;
+    commands({ schema }: {
+        schema: any;
+    }): (attrs: any) => (state: any, dispatch: any) => void;
+}

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextCompletion/TextCompletionToolbar.d.ts

@@ -0,0 +1,15 @@
+import { ToolbarExtension } from "../../ToolbarExtension";
+import { TextCompletionMenuBar, TextCompletionToolbarProperties, TipTapEditor } from "../../../../models";
+export declare class TextCompletionToolbar extends ToolbarExtension implements TextCompletionToolbarProperties {
+    menubar?: TextCompletionMenuBar;
+    onContentChange?: (content: string) => void;
+    editor: TipTapEditor;
+    private loc;
+    private sidePanelContext;
+    private textCompletionHandler;
+    mounted(): void;
+    private onClickOpenEvent;
+    beforeDestroy(): void;
+    render(): VueTsxSupport.JSX.Element;
+    getToolbarButtonActiveStyle(val: boolean): string;
+}

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextCompletion/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./TextCompletion";
+export * from "./TextCompletionHandler";
+export * from "./TextCompletionToolbar";
+export * from "./Registration";

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

@@ -29,5 +29,6 @@ export * from "./LanguagePicker";
 export * from "./AnchorLink";
 export * from "./loc/localize";
 export * from "./HashTag";
+export * from "./TextCompletion";
 export * from "./EmoticonPicker";
 export * from "./AnimatedGif";

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

@@ -70,6 +70,10 @@ export declare module RichTextEditorExtensionLocalization {
             EmoticonPicker: {
                 Title: string;
             };
+            TextCompletion: {
+                OpenAI: string;
+                GenerateContent: string;
+            };
         };
         Tooltip: {
             Undo: string;
@@ -114,6 +118,7 @@ export declare module RichTextEditorExtensionLocalization {
             AnimatedGif: string;
             EmoticonPicker: string;
             RemoveAnimatedGif: string;
+            TextCompletion: string;
         };
         RichTextEditor: string;
         LimitedRichTextEditor: string;

package/internal-do-not-import-from-here/ux/securitytrimer/ISecurityTrimer.d.ts

@@ -6,6 +6,9 @@ export interface ISecurityTrimer {
     excludedRoles?: string[];
     excludedRolesContent?: JSX.Element;
     clearCacheAndRetryIfUnauthorized?: boolean;
+    contextParams?: {
+        [key: string]: string | number;
+    };
 }
 declare global {
     namespace VueTsxSupport.JSX {

package/internal-do-not-import-from-here/ux/securitytrimer/SecurityTrimer.d.ts

@@ -8,6 +8,9 @@ export declare class SecurityTrimer extends Vue implements IWebComponentInstance
     excludedRoles?: string[];
     excludedRolesContent?: JSX.Element;
     clearCacheAndRetryIfUnauthorized: boolean;
+    contextParams?: {
+        [key: string]: string | number;
+    };
     private permissionService;
     subscriptionHandler: SubscriptionHandler;
     private isAuthorized;

package/internal-do-not-import-from-here/ux/shapedivider/ShapeDivider.d.ts

@@ -34,6 +34,7 @@ export declare class ShapeDividerComponent extends Vue implements IWebComponentI
         top: string;
         "border-top-left-radius": string;
         "border-top-right-radius": string;
+        "pointer-events": string;
     };
     private getSvgStyle;
     render(): VueTsxSupport.JSX.Element;

package/internal-do-not-import-from-here/ux/signin/SignInBlock.css.d.ts

@@ -3,15 +3,15 @@ declare const _default: {
     main: (breakPoint: Breakpoint) => {
         width: string;
     };
-    container: {
-        color: "#fff";
+    container: (breakPoint: Breakpoint) => {
+        color: string;
         minHeight: string;
         maxWidth: string;
-        backgroundColor: "#2323236b";
+        backgroundColor: string;
         borderRadius: string;
-        backdropFilter: "blur(10px) saturate(160%)";
+        backdropFilter: string;
         margin: string;
-        "-webkit-backdrop-filter": "blur(10px) saturate(140%)";
+        "-webkit-backdrop-filter": string;
     };
 };
 export default _default;

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

@@ -5,6 +5,8 @@ export declare module SignInLocalization {
         SendMagicLink: string;
         MagicLinkValidMessage: string;
         MagicLinkValidTimeMessage: string;
+        MagicLinkValidPeriodMessage: string;
+        MagicLinkValidUnit: string;
         Password: {
             Title: string;
             Invalid: string;

package/internal-do-not-import-from-here/ux/signout/SignOut.css.d.ts

@@ -2,5 +2,5 @@ import { Breakpoint } from "@omnia/fx-models";
 import { types } from "typestyle";
 export declare const SignOutStyles: {
     main: (breakPoint: Breakpoint) => types.NestedCSSProperties;
-    container: types.NestedCSSProperties;
+    container: (breakPoint: Breakpoint) => types.NestedCSSProperties;
 };

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

@@ -31,6 +31,9 @@ export declare class CommentComponent extends VueComponentBase implements IWebCo
     hideEdit?: boolean;
     readOnly?: boolean;
     hideTotalNumber?: boolean;
+    contextParams?: {
+        [key: string]: string | number;
+    };
     private reverseSortOrder;
     isLoading: boolean;
     showOnlyBestReply: boolean;
@@ -55,6 +58,7 @@ export declare class CommentComponent extends VueComponentBase implements IWebCo
     private templateSettings;
     private isRightToLeft;
     private get isMobile();
+    private richTextPlaceholder;
     onTopicIdChange(newValue: Comment[], oldValue: Comment[]): void;
     created(): void;
     mounted(): void;

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

@@ -19,6 +19,9 @@ export interface ICommentComponent {
     hideEdit?: boolean;
     readOnly?: boolean;
     hideTotalNumber?: boolean;
+    contextParams?: {
+        [key: string]: string | number;
+    };
 }
 declare global {
     namespace VueTsxSupport.JSX {

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

@@ -4,7 +4,7 @@ import { RichTextEditorSettingsModel, OmitProperties, ResolvedUserIdentity } fro
 import { OmniaContext } from "../../contexts";
 import { IPeopleTaggingComponent } from "./IPeopleTagging";
 import { IRichTextEditor } from "../richtexteditor";
-import { VueComponentBase } from "..";
+import { CommentLocalization, VueComponentBase } from "..";
 export declare class PeopleTaggingComponent extends VueComponentBase implements IWebComponentInstance, IPeopleTaggingComponent {
     content: string;
     disabled: boolean;
@@ -15,6 +15,7 @@ export declare class PeopleTaggingComponent extends VueComponentBase implements
     mentionChanged: (mentions: Array<ResolvedUserIdentity>) => void;
     autoFocus?: boolean;
     registerFocus?: (callback: () => void) => void;
+    commentLoc: CommentLocalization.locInterface;
     spContext: OmniaContext;
     settingsService: SettingsService<RichTextEditorSettingsModel>;
     private internalResetContent;

package/internal-do-not-import-from-here/ux/theming/ThemeManager.d.ts

@@ -23,6 +23,6 @@ export declare class ThemeManager {
      */
     static MigrateBorder(borderDefinition: BorderDefinition): void;
     static CreateThemeStylingFromDefinition(themeDefinition: ThemeColorDefinition): ThemeStyling;
-    private static CreateDefaultBorderDefinition;
+    static CreateDefaultBorderDefinition(): BorderDefinition;
     static CreateThemeDefinition(primaryColor: string, secondaryColor: string, name: string, themeType: ThemeType, id?: GuidValue, readOnly?: boolean): ThemeDefinition;
 }

package/internal-do-not-import-from-here/ux/user/UserPropertiesByMicrosoftGraphProvider.d.ts

@@ -2,4 +2,5 @@ import { DataSourceProperty, PropertyDataSourceId } from "@omnia/fx-models";
 export declare class GraphProviderProperty extends DataSourceProperty {
     readonly internalName: string;
     constructor(dataSourceId: PropertyDataSourceId, internalName: string);
+    isEqual: (property: GraphProviderProperty) => boolean;
 }

package/internal-do-not-import-from-here/ux/user/UserPropertiesProvider.d.ts

@@ -3,4 +3,5 @@ export declare class UserDataSourceProperty extends DataSourceProperty {
     readonly enterprisePropertyBindingId?: PropertyBindingId;
     readonly userPropertyBindingId?: PropertyBindingId;
     constructor(dataSourceId: PropertyDataSourceId, enterprisePropertyBindingId?: PropertyBindingId, userPropertyBindingId?: PropertyBindingId);
+    isEqual: (property: UserDataSourceProperty) => boolean;
 }

package/internal-do-not-import-from-here/ux/velcron/core/models/ActionHooks.d.ts

@@ -0,0 +1,12 @@
+export interface VelcronActionHooks<TBefore = any, TAfter = any> {
+    beforeHandler?: (args: TBefore) => TBefore;
+    afterHandler?: (args: TBefore) => TAfter;
+}
+export interface HttpGetBeforeActionHookArgs {
+    url: string;
+    requestInit: RequestInit;
+}
+export interface HttpGetAfterActionHookArgs {
+    json: string;
+    response: Response;
+}

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts

@@ -19,7 +19,6 @@ export interface BuiltInComponentRenderers {
     "WebView": unknown;
     "CustomComponent": unknown;
     "Dialog": unknown;
-    "FlexView": unknown;
     "Icon": unknown;
     "Chip": unknown;
 }
@@ -27,19 +26,15 @@ export interface ColorSchemaReference {
     name: string;
     schema: string;
 }
-export interface VelcronState {
-    colorSchemas?: {
-        [key: string]: ColorSchemaReference;
-    };
-}
+export type DynamicState = object;
 export interface OnItemRenderedHookResult {
     cssClass: string;
     containerRenderer?: VelcronContainerRenderer;
 }
 export interface VelcronRenderContext {
     id?: string;
-    rootContext: VelcronState;
-    currentContext: VelcronState;
+    rootContext: DynamicState;
+    currentContext: DynamicState;
     theming?: ReturnType<typeof useVelcronThemingStore>;
     colorSchemaType?: string;
     colorSchema?: ColorSchema;
@@ -147,15 +142,15 @@ export interface VelcronIcon {
     type: VelcronIconTypes;
     name: string;
 }
-export interface VelcronAppDefinition extends VelcronDefinitionBase {
-    type: "App";
+export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
+    type: "Velcron";
     body?: Array<VelcronDefinition>;
     events?: VelcronOnLoadEvent & VelcronOnPressEvent;
     actions?: {
         [name: string]: [];
     };
     components?: Array<VelcronCustomComponentDefinition>;
-    state?: VelcronState;
+    state?: TState;
     computed?: {
         [name: string]: [];
     };
@@ -165,10 +160,18 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
     events: VelcronOnPressEvent;
 }
 /*** Built-in Components *********************************************************************/
-export interface VelcronViewDefinition extends VelcronDefinition {
+export interface VelcronViewDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
     type: "View";
-    style?: VelcronStyling;
     events?: VelcronOnPressEvent;
+    column?: boolean;
+    body: Array<VelcronDefinition>;
+    columnStyle?: object;
+    horizontalAlignment?: VelcronHorizontalAlignments;
+    verticalAlignment?: VerticalAlignments;
+    grow?: number;
+    border?: VelcronBorder;
+    borderRadius?: VelcronDimensions;
+    width: string;
 }
 export interface VelcronCardDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
     type: "Card";
@@ -232,18 +235,6 @@ export interface VelcronIconDefinition extends VelcronDefinition, VelcronCustomT
     size?: number;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronFlexViewDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
-    type: "FlexView";
-    column?: boolean;
-    body: Array<VelcronDefinition>;
-    columnStyle?: object;
-    horizontalAlignment?: VelcronHorizontalAlignments;
-    verticalAlignment?: VerticalAlignments;
-    grow?: number;
-    border?: VelcronBorder;
-    borderRadius?: VelcronDimensions;
-    width: string;
-}
 export interface VelcronDimensions {
     top: number;
     right: number;

package/internal-do-not-import-from-here/ux/velcron/core/models/index.d.ts

@@ -5,3 +5,4 @@ export * from "./VelcronEvents";
 export * from "./VelcronTypes";
 export * from "./Enums";
 export * from "./VelcronUnitProvider";
+export * from "./ActionHooks";