@hubspot/ui-extensions 0.8.2 → 0.8.4

package/dist/coreComponents.d.ts

@@ -221,3 +221,19 @@ export declare const List: "List" & {
     readonly props?: types.ListProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"List", types.ListProps, true>>;
+export declare const Toggle: "Toggle" & {
+    readonly type?: "Toggle" | undefined;
+    readonly props?: types.ToggleProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Toggle", types.ToggleProps, true>>;
+/** @experimental */
+export declare const Panel: "Panel" & {
+    readonly type?: "Panel" | undefined;
+    readonly props?: types.PanelProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Panel", types.PanelProps, true>>;
+export declare const Dropdown: "Dropdown" & {
+    readonly type?: "Dropdown" | undefined;
+    readonly props?: types.DropdownProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Dropdown", types.DropdownProps, true>>;

package/dist/coreComponents.js

@@ -47,3 +47,9 @@ export const DateInput = createRemoteReactComponent('DateInput');
 export const Checkbox = createRemoteReactComponent('Checkbox');
 export const RadioButton = createRemoteReactComponent('RadioButton');
 export const List = createRemoteReactComponent('List');
+export const Toggle = createRemoteReactComponent('Toggle');
+/** @experimental */
+export const Panel = createRemoteReactComponent('Panel', {
+    fragmentProps: ['footer'],
+});
+export const Dropdown = createRemoteReactComponent('Dropdown');

package/dist/crm/components.d.ts

@@ -1,4 +1,4 @@
-import { CrmAssociationPivotProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmObjectPropertyProps, CrmPropertyListProps, CrmReportProps, CrmAssociationPropertyListProps, CrmStageTrackerProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from '../types';
+import { CrmAssociationPivotProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmObjectPropertyProps, CrmPropertyListProps, CrmReportProps, CrmAssociationPropertyListProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from '../types';
 declare const CrmObjectProperty: "CrmObjectProperty" & {
     readonly type?: "CrmObjectProperty" | undefined;
     readonly props?: CrmObjectPropertyProps | undefined;
@@ -39,6 +39,11 @@ declare const CrmStageTracker: "CrmStageTracker" & {
     readonly props?: CrmStageTrackerProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmStageTracker", CrmStageTrackerProps, true>>;
+declare const CrmStatistics: "CrmStatistics" & {
+    readonly type?: "CrmStatistics" | undefined;
+    readonly props?: CrmStatisticsProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmStatistics", CrmStatisticsProps, true>>;
 declare const CrmActionButton: "CrmActionButton" & {
     readonly type?: "CrmActionButton" | undefined;
     readonly props?: CrmActionButtonProps | undefined;
@@ -54,4 +59,4 @@ declare const CrmCardActions: "CrmCardActions" & {
     readonly props?: CrmCardActionsProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmCardActions", CrmCardActionsProps, true>>;
-export { CrmObjectProperty, CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmStageTracker, CrmActionButton, CrmActionLink, CrmCardActions, };
+export { CrmObjectProperty, CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };

package/dist/crm/components.js

@@ -7,7 +7,8 @@ const CrmReport = createExtensionComponent('CrmReport');
 const CrmAssociationPivot = createExtensionComponent('CrmAssociationPivot');
 const CrmAssociationPropertyList = createExtensionComponent('CrmAssociationPropertyList');
 const CrmStageTracker = createExtensionComponent('CrmStageTracker');
+const CrmStatistics = createExtensionComponent('CrmStatistics');
 const CrmActionButton = createExtensionComponent('CrmActionButton');
 const CrmActionLink = createExtensionComponent('CrmActionLink');
 const CrmCardActions = createExtensionComponent('CrmCardActions');
-export { CrmObjectProperty, CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmStageTracker, CrmActionButton, CrmActionLink, CrmCardActions, };
+export { CrmObjectProperty, CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };

package/dist/crm/index.d.ts

@@ -1,2 +1,2 @@
-import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, CrmStageTracker, CrmActionButton, CrmActionLink, CrmCardActions } from './components';
-export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, CrmStageTracker, CrmActionButton, CrmActionLink, CrmCardActions, };
+import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions } from './components';
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };

package/dist/crm/index.js

@@ -1,2 +1,2 @@
-import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, CrmStageTracker, CrmActionButton, CrmActionLink, CrmCardActions, } from './components';
-export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, CrmStageTracker, CrmActionButton, CrmActionLink, CrmCardActions, };
+import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, } from './components';
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmObjectProperty, CrmAssociationPropertyList, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };

package/dist/hubspot.d.ts

@@ -1,7 +1,6 @@
 import { ReactElement } from 'react';
-import type { ExtensionPoints, ExtensionPointApi } from './types';
+import { ExtensionPoints, ExtensionPointApi } from './types';
+export declare function extend_V2<ExtensionPointName extends keyof ExtensionPoints>(renderExtensionCallback: (api: ExtensionPointApi<ExtensionPointName>) => ReactElement<any>): any;
 export declare const hubspot: {
-    extend: typeof render;
+    extend: typeof extend_V2;
 };
-declare function render<ExtensionPointName extends keyof ExtensionPoints>(renderCallback: (api: ExtensionPointApi<ExtensionPointName>) => ReactElement<any>): any;
-export {};

package/dist/hubspot.js

@@ -1,17 +1,6 @@
-/* eslint-disable hubspot-dev/no-confusing-browser-globals */
-import { createRoot } from '@remote-ui/react';
-import { isValidElement } from 'react';
+export function extend_V2(renderExtensionCallback) {
+    return self.extend_V2(renderExtensionCallback);
+}
 export const hubspot = {
-    extend: render,
+    extend: extend_V2,
 };
-const extend = (...args) => self.extend(...args);
-function render(renderCallback) {
-    return extend((root, api) => {
-        const renderCallbackResult = renderCallback(api);
-        if (!isValidElement(renderCallbackResult)) {
-            throw new Error(`[hubspot.extend]: Expected callback function to return a valid element, got: ${renderCallbackResult}`);
-        }
-        createRoot(root).render(renderCallbackResult);
-        root.mount();
-    });
-}

package/dist/types.d.ts

@@ -1,4 +1,15 @@
 import { ReactNode, ComponentType } from 'react';
+export declare class ExtensionEvent {
+    type: string;
+    bubbles: boolean;
+    timeStamp: number;
+    id: string;
+    constructor(event: Event);
+}
+export declare class FormSubmitExtensionEvent<V> extends ExtensionEvent {
+    targetValue: V;
+    constructor(value: V, event: Event);
+}
 /**
  * The props type for {@link !components.Alert}.
  *
@@ -29,11 +40,11 @@ export interface AlertProps {
  */
 export interface ButtonProps {
     /**
-     * A function that will be invoked when the button is clicked. It receives no arguments and its return value is ignored.
+     * A function that will be invoked when the button is clicked.
      *
      * @event
      */
-    onClick?: () => void;
+    onClick?: (event: ExtensionEvent, reactions: Reactions) => void;
     /**
      * A URL that will be opened when the button is clicked. If the value is a URL external to `hubspot.com` it will be opened in a new tab.
      */
@@ -58,6 +69,12 @@ export interface ButtonProps {
      * The displayable text for the Button.
      */
     children: ReactNode;
+    /**
+     * Sets the size of the button.
+     *
+     * @defaultValue `"md"`
+     */
+    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
 }
 /**
  * The props type for {@link !components.ButtonRow}.
@@ -214,11 +231,11 @@ export interface FormProps {
      */
     children: ReactNode;
     /**
-     * The function that is called when the form is submitted. It will receive a RemoteEvent as an argument and its return value will be ignored.
+     * The function that is called when the form is submitted. It will receive a FormSubmitExtensionEvent as an argument and its return value will be ignored.
      *
      * @event
      */
-    onSubmit?: (event: RemoteEvent<FormInputValues>) => void;
+    onSubmit?: (event: FormSubmitExtensionEvent<FormInputValues>, reactions: Reactions) => void;
     /**
      * When set to `true`, `event.preventDefault()` will be invoked before the `onSubmit` function is called, preventing the default HTML form behavior.
      *
@@ -261,11 +278,11 @@ export interface ImageProps {
      */
     href?: string;
     /**
-     * A function that will be called when the image is clicked. This function will receive no arguments and any returned values will be ignored.
+     * A function that will be called when the image is clicked.
      *
      * @event
      */
-    onClick?: () => void;
+    onClick?: (event: ExtensionEvent, reactions: Reactions) => void;
     /**
      * The URL of the image to display.
      *
@@ -701,11 +718,11 @@ export interface TagProps {
      */
     variant?: 'default' | 'warning' | 'success' | 'error';
     /**
-     * A function that will be invoked when the tag is clicked. It receives no argument and its return value is ignored.
+     * A function that will be invoked when the tag is clicked.
      *
      * @event
      */
-    onClick?: () => void;
+    onClick?: (event: ExtensionEvent, reactions: Reactions) => void;
 }
 /**
  * @internal
@@ -769,7 +786,24 @@ export type TextProps = {
      * - <Text inline={true}>
      */
     format?: TextFormatOptions;
+    /**
+     * @interface
+     * truncates long strings to a single line. If the full string doesn’t fit in one line,
+     * it’s shown in a tooltip on hover.
+     *
+     * - `false` => no truncation(default).
+     * - `true` => truncates the string to a single line. Full-text will show inside the tooltip.
+     * - { toolipText: 'some text' } => truncates the string and lets you control the contents of the tooltip.
+     * - { maxWidth: 150 } => sets the width(in pixel) of the line.
+     *
+     * @defaultValue `false`
+     */
+    truncate?: boolean | TruncateOptions;
 };
+export interface TruncateOptions {
+    maxWidth?: number;
+    toolipText?: string;
+}
 /**
  * The props type for {@link !components.Tile}.
  *
@@ -987,10 +1021,24 @@ export interface PortalContext {
     timezone: string;
 }
 /** @ignore */
-export interface Context {
+export interface CrmRecordContext {
+    objectId: number;
+    objectTypeId: string;
+}
+/** @ignore */
+export interface BaseContext {
     user: UserContext;
     portal: PortalContext;
 }
+/** @ignore */
+export interface CrmContext extends BaseContext {
+    location: 'crm.record.tab' | 'crm.record.sidebar';
+    crm: CrmRecordContext;
+}
+/** @ignore */
+export interface GenericContext extends BaseContext {
+    location: 'uie.playground.middle';
+}
 export interface StackProps {
     distance?: AllDistances;
     children?: React.ReactNode;
@@ -1202,6 +1250,7 @@ export interface ExtensionPointContract {
     actions?: {
         [k: string]: ExtensionPointAction;
     } | {};
+    context: BaseContext;
     customComponents: Record<string, ComponentType<any>>;
 }
 /** @ignore */
@@ -1218,22 +1267,27 @@ export type FetchCrmObjectPropertiesAction = (properties: string[]) => Promise<R
 /** @ignore */
 export type OpenIframeModalAction = (action: OpenIframeActionPayload) => void;
 /** @ignore */
+export type refreshObjectPropertiesAction = () => void;
+/** @ignore */
 export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
     actions: {
         addAlert: AddAlertAction;
         reloadPage: ReloadPageAction;
         fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
         openIframeModal: OpenIframeModalAction;
+        refreshObjectProperties?: refreshObjectPropertiesAction;
     };
+    context: CrmContext;
     customComponents: {
         CrmPropertyList: ComponentType<CrmPropertyListProps>;
         CrmAssociationTable: ComponentType<CrmAssociationTableProps>;
         CrmDataHighlight: ComponentType<CrmDataHighlightProps>;
         CrmReport: ComponentType<CrmReportProps>;
         CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
-        CrmObjectProperty?: ComponentType<CrmObjectPropertyProps>;
-        CrmAssociationPropertyList?: ComponentType<CrmAssociationPropertyListProps>;
-        CrmStageTracker?: ComponentType<CrmStageTrackerProps>;
+        CrmObjectProperty: ComponentType<CrmObjectPropertyProps>;
+        CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
+        CrmStageTracker: ComponentType<CrmStageTrackerProps>;
+        CrmStatistics?: ComponentType<CrmStatisticsProps>;
         CrmActionButton?: ComponentType<CrmActionButtonProps>;
         CrmActionLink?: ComponentType<CrmActionLinkProps>;
         CrmCardActions?: ComponentType<CrmCardActionsProps>;
@@ -1246,7 +1300,9 @@ export interface CrmSidebarExtensionPoint extends ExtensionPointContract {
         reloadPage: ReloadPageAction;
         fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
         openIframeModal: OpenIframeModalAction;
+        refreshObjectProperties?: refreshObjectPropertiesAction;
     };
+    context: CrmContext;
     customComponents: {
         [k: string]: never;
     };
@@ -1323,6 +1379,34 @@ export interface CrmStageTrackerProps {
     showProperties?: boolean;
 }
 /** @ignore */
+interface BaseCrmStatisticItem {
+    label: string;
+}
+/** @ignore */
+interface FilterGroup {
+    filters: Array<CrmSearchFilter>;
+}
+/** @ignore */
+interface BasicMetricItem extends BaseCrmStatisticItem {
+    statisticType: 'SUM' | 'AVG' | 'MIN' | 'MAX' | 'DISTINCT_APPROX' | 'COUNT';
+    propertyName: string;
+    filterGroups?: Array<FilterGroup>;
+}
+/** @ignore */
+interface PercentileMetricItem extends BaseCrmStatisticItem {
+    statisticType: 'PERCENTILES';
+    propertyName: string;
+    percentile: number;
+    filterGroups?: Array<FilterGroup>;
+}
+/** @ignore */
+type CrmStatisticItem = BasicMetricItem | PercentileMetricItem;
+/** @ignore */
+export interface CrmStatisticsProps {
+    objectTypeId: string;
+    statistics: Array<CrmStatisticItem>;
+}
+/** @ignore */
 interface ObjectCoordinates {
     objectTypeId: string;
     objectId: number;
@@ -1404,6 +1488,7 @@ interface RemotePlaygroundExtensionPoint extends ExtensionPointContract {
     actions: {
         warn: () => void;
     };
+    context: GenericContext;
     customComponents: {
         ExampleCrmComponent: ComponentType<ExampleCrmComponentProps>;
     };
@@ -1420,10 +1505,17 @@ export interface ExampleCrmComponentProps {
     count: number;
 }
 /** @ignore */
+export type PanelAction = (panelId: string) => void;
+/** @ignore */
+export interface Reactions {
+    openPanel: PanelAction;
+    closePanel: PanelAction;
+}
+/** @ignore */
 export interface ExtensionPointApi<ExtensionPointName extends keyof ExtensionPoints> {
-    context: Context;
     runServerlessFunction: ServerlessFuncRunner;
     actions: ExtensionPoints[ExtensionPointName]['actions'];
+    context: ExtensionPoints[ExtensionPointName]['context'];
 }
 /** @ignore */
 interface OpenIframeActionPayload {
@@ -1596,6 +1688,7 @@ export interface TablePaginatedProps extends BaseTableProps {
  * @category Component Props
  */
 export type TableProps = TableNoPaginatedProps | TablePaginatedProps;
+/** @deprecated use ExtensionEvent/FormSubmitExtensionEvent instead */
 export declare class RemoteEvent<V> {
     type: string;
     bubbles: boolean;
@@ -1626,11 +1719,11 @@ export interface LinkProps {
      */
     variant?: 'primary' | 'destructive' | 'light' | 'dark';
     /**
-     * A function that will be invoked with the link is clicked. The function receives no arguments and its return value is ignored.
+     * A function that will be invoked with the link is clicked.
      *
      * @event
      */
-    onClick?: () => void;
+    onClick?: (event: ExtensionEvent, reactions: Reactions) => void;
     /**
      * When set to true, `event.preventDefault()` will be invoked before the `onClick` function is called, preventing automatic navigation to the href URL.
      *
@@ -1786,4 +1879,162 @@ export interface ListProps {
      */
     variant?: 'unordered' | 'unordered-styled' | 'ordered' | 'ordered-styled' | 'inline' | 'inline-divided';
 }
+/**
+ * The props type for {@link !components.Toggle}.
+ *
+ * @category Component Props
+ */
+export interface ToggleProps {
+    /**
+     * The current status of the input.
+     */
+    checked?: boolean;
+    /**
+     * When set to `true`, the option cannot be selected.
+     */
+    readonly?: boolean;
+    /**
+     * The unique identifier for the toggle element.
+     */
+    name?: string;
+    /**
+     * The size variation of the toggle.
+     *
+     * @defaultValue `"medium"`
+     */
+    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'] | 'default';
+    /**
+     * A function that is called when the `checked` input status changes.
+     *
+     * @event
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * When set to `true`, the option will be selected by default. Use it to
+     * set the default `checked` state when the component is **uncontrolled**.
+     */
+    initialIsChecked?: boolean;
+    /**
+     * The companion text of for Toggle. It can be displayed on top,
+     * inline, or hidden. When hidden, it will remain usable for screen readers.
+     */
+    label: string;
+    /**
+     * Controls the display setting of the label prop.
+     *
+     * @defaultValue `"inline"`
+     */
+    labelDisplay?: 'inline' | 'top' | 'hidden';
+    /**
+     * The text that appears on the Toggle when `checked={true}`.
+     *
+     * @defaultValue `"ON"`
+     */
+    textChecked?: string;
+    /**
+     * The text that appears on the Toggle when `checked={false}`.
+     *
+     * @defaultValue `"ON"`
+     */
+    textUnchecked?: string;
+}
+export interface PanelProps {
+    /**
+     * Accessibility label.
+     *
+     */
+    'aria-label'?: string;
+    /**
+     * The main content of the panel when it opens.
+     *
+     */
+    children?: React.ReactNode;
+    /**
+     * A unique ID for the panel
+     *
+     */
+    id: string;
+    /**
+     * A function that will be invoked when the panel has finished opening.
+     *
+     */
+    onOpen?: () => void;
+    /**
+     * A function that will be invoked when the panel has finished closing.
+     *
+     */
+    onClose?: () => void;
+    /**
+     * The width of the panel
+     *
+     * @defaultValue `"sm"`
+     */
+    width?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
+    /**
+     * The title of the panel
+     *
+     */
+    title?: string;
+    /**
+     * The Footer of the panel
+     *
+     */
+    footer?: React.ReactNode;
+    /**
+     * When set to `true`, the table will not have side padding.
+     *
+     * @defaultValue `false`
+     */
+    flush?: boolean;
+    /**
+     * The variant of the panel
+     *
+     * @defaultValue `"default"`
+     */
+    variant?: 'modal' | 'default';
+}
+export interface DropdownOption {
+    /**
+     * Text to be displayed as the menu item text.
+     *
+     */
+    label: string;
+    /**
+     * A function that will be invoked when the item is clicked.
+     * It receives no arguments and its return value is ignored.
+     *
+     * @event
+     */
+    onClick?: () => void;
+}
+/**
+ * The props type for {@link !components.Dropdown}.
+ *
+ * @category Component Props
+ */
+export interface DropdownProps {
+    /**
+     * The list of options to be rendered within the dropdown menu.
+     * Each option represents an entry in the Dropdown.
+     */
+    options: DropdownOption[];
+    /**
+     * Controls the appearance of the dropdown button
+     *
+     * @defaultValue `"secondary"`
+     */
+    variant?: 'primary' | 'secondary' | 'transparent';
+    /**
+     * Sets the content for the dropdown button.
+     *
+     * @defaultValue `"More"`
+     */
+    buttonText?: string;
+    /**
+     * Sets the size of the dropdown button.
+     *
+     * @defaultValue `"md"`
+     */
+    buttonSize?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+}
 export {};

package/dist/types.js

@@ -1,3 +1,22 @@
+export class ExtensionEvent {
+    type;
+    bubbles;
+    timeStamp;
+    id;
+    constructor(event) {
+        this.bubbles = event.bubbles;
+        this.type = event.type;
+        this.timeStamp = event.timeStamp;
+        this.id = crypto.randomUUID();
+    }
+}
+export class FormSubmitExtensionEvent extends ExtensionEvent {
+    targetValue;
+    constructor(value, event) {
+        super(event);
+        this.targetValue = value;
+    }
+}
 /**
  * @category Serverless
  */
@@ -6,6 +25,7 @@ export var ServerlessExecutionStatus;
     ServerlessExecutionStatus["Success"] = "SUCCESS";
     ServerlessExecutionStatus["Error"] = "ERROR";
 })(ServerlessExecutionStatus || (ServerlessExecutionStatus = {}));
+/** @deprecated use ExtensionEvent/FormSubmitExtensionEvent instead */
 export class RemoteEvent {
     type;
     bubbles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -50,5 +50,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "19c43b6956e7a2397e0b4435b3829bd3e3b5e5bc"
+  "gitHead": "41e3484343d34136e81540d774a101ccf99642b3"
 }