@hubspot/ui-extensions 0.8.35 → 0.8.37

package/dist/coreComponents.d.ts

@@ -1,4 +1,7 @@
 import type * as types from './types';
+/**
+ * @link https://developers.hubspot.com/beta-docs/reference/ui-components/standard-components/alert
+ */
 export declare const Alert: "Alert" & {
     readonly type?: "Alert" | undefined;
     readonly props?: types.AlertProps | undefined;

package/dist/coreComponents.js

@@ -1,4 +1,7 @@
 import { createRemoteReactComponent } from '@remote-ui/react';
+/**
+ * @link https://developers.hubspot.com/beta-docs/reference/ui-components/standard-components/alert
+ */
 export const Alert = createRemoteReactComponent('Alert');
 export const Button = createRemoteReactComponent('Button', {
     fragmentProps: ['overlay'],

package/dist/experimental/index.d.ts

@@ -5,4 +5,10 @@ declare const Iframe: "Iframe" & {
     readonly props?: types.IframeProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Iframe", types.IframeProps, true>>;
-export { Iframe };
+/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
+declare const MediaObject: "MediaObject" & {
+    readonly type?: "MediaObject" | undefined;
+    readonly props?: types.MediaObjectProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"MediaObject", types.MediaObjectProps, true>>;
+export { Iframe, MediaObject };

package/dist/experimental/index.js

@@ -1,4 +1,8 @@
 import { createRemoteReactComponent } from '@remote-ui/react';
 /** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
 const Iframe = createRemoteReactComponent('Iframe');
-export { Iframe };
+/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
+const MediaObject = createRemoteReactComponent('MediaObject', {
+    fragmentProps: ['itemRight', 'itemLeft'],
+});
+export { Iframe, MediaObject };

package/dist/types.d.ts

@@ -7,6 +7,7 @@ export declare class ExtensionEvent {
     id: string;
     constructor(event: Event);
 }
+export type TypesOfReadOnlyArray<T extends ReadonlyArray<unknown>> = T extends ReadonlyArray<infer ElementType> ? ElementType : never;
 export declare class FormSubmitExtensionEvent<V> extends ExtensionEvent {
     targetValue: V;
     constructor(value: V, event: Event);
@@ -1887,17 +1888,49 @@ interface ActivityCreatorActionArgs {
     windowVariant?: 'windowed' | 'fullscreen';
 }
 /** @ignore */
+interface EngagementAppLinkArgs {
+    objectId: number | string;
+    objectTypeId: string;
+    engagementId: number | string;
+    external?: boolean;
+}
+/** @ignore */
+interface RecordAppLinkArgs {
+    includeEschref?: boolean;
+    objectId: number;
+    objectTypeId: string;
+    external?: boolean;
+}
+/** @ignore */
+interface PageAppLinkArgs {
+    path: string;
+    external?: boolean;
+}
+/** @ignore */
+interface ExternalUrlArgs {
+    href: string;
+}
+interface OpenRecordCreatorFormArgs {
+    objectTypeId: string;
+}
+/** @ignore */
 interface ActionArgs {
     PREVIEW_OBJECT: ObjectCoordinates;
     ADD_NOTE: ActivityCreatorActionArgs;
     ADD_TASK: ActivityCreatorActionArgs;
     SEND_EMAIL: ActivityCreatorActionArgs;
     SCHEDULE_MEETING: ActivityCreatorActionArgs;
+    OPEN_RECORD_CREATOR_FORM: OpenRecordCreatorFormArgs;
     OPEN_RECORD_ASSOCIATION_FORM: OpenRecordAssociationFormArgs;
+    ENGAGEMENT_APP_LINK: EngagementAppLinkArgs;
+    RECORD_APP_LINK: RecordAppLinkArgs;
+    PAGE_APP_LINK: PageAppLinkArgs;
+    EXTERNAL_URL: ExternalUrlArgs;
+    OPEN_WORKFLOW_ENROLLMENT_MODAL: ObjectCoordinates;
 }
 /** @ignore */
 export type ArgsFor<SpecificActionType extends ActionType> = ActionArgs[SpecificActionType];
-export type ActionType = 'PREVIEW_OBJECT' | 'ADD_NOTE' | 'ADD_TASK' | 'SEND_EMAIL' | 'SCHEDULE_MEETING' | 'OPEN_RECORD_ASSOCIATION_FORM';
+export type ActionType = 'PREVIEW_OBJECT' | 'ADD_NOTE' | 'ADD_TASK' | 'SEND_EMAIL' | 'SCHEDULE_MEETING' | 'OPEN_RECORD_CREATOR_FORM' | 'OPEN_RECORD_ASSOCIATION_FORM' | 'ENGAGEMENT_APP_LINK' | 'RECORD_APP_LINK' | 'PAGE_APP_LINK' | 'EXTERNAL_URL' | 'OPEN_WORKFLOW_ENROLLMENT_MODAL';
 /** @ignore */
 interface BaseActionComponent {
     children: ReactNode;
@@ -1956,14 +1989,26 @@ interface RemotePlaygroundExtensionPoint extends ExtensionPointContract {
         ExampleCrmComponent: ComponentType<ExampleCrmComponentProps>;
     };
 }
+export declare const EXTENSION_POINT_LOCATIONS: readonly ["crm.preview", "crm.record.sidebar", "crm.record.tab", "helpdesk.sidebar", "uie.playground.middle"];
+export type ExtensionPointLocation = TypesOfReadOnlyArray<typeof EXTENSION_POINT_LOCATIONS>;
 /** @ignore */
-export interface ExtensionPoints {
+interface LocationToExtensionPoint {
     'uie.playground.middle': RemotePlaygroundExtensionPoint;
     'crm.record.tab': StandardCrmExtensionPoint;
     'crm.preview': StandardCrmExtensionPoint;
     'crm.record.sidebar': CrmSidebarExtensionPoint;
     'helpdesk.sidebar': StandardCrmExtensionPoint;
 }
+/**
+ * While this resolves to the same result as LocationToExtensionPoint, it ensures that every location
+ * from ExtensionPointLocation is explicitly included. This way, EXTENSION_POINT_LOCATIONS becomes
+ * the single source of truth for defining all locations.
+ */
+type _ExtensionPoints = {
+    [key in ExtensionPointLocation]: LocationToExtensionPoint[key];
+};
+export interface ExtensionPoints extends _ExtensionPoints {
+}
 export interface ExampleCrmComponentProps {
     name: string;
     size: 'sm' | 'md' | 'lg';
@@ -2607,4 +2652,15 @@ export type ProxyMetadata = {
     userId?: number;
     portalId?: number;
 };
+/**
+ * @ignore
+ * @experimental
+ */
+export interface MediaObjectProps {
+    align?: 'start' | 'center' | 'baseline' | 'end' | 'stretch';
+    spacing?: 'none' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+    children?: ReactNode;
+    itemLeft?: RemoteFragment;
+    itemRight?: RemoteFragment;
+}
 export {};

package/dist/types.js

@@ -72,6 +72,13 @@ export var ServerlessExecutionStatus;
     ServerlessExecutionStatus["Success"] = "SUCCESS";
     ServerlessExecutionStatus["Error"] = "ERROR";
 })(ServerlessExecutionStatus || (ServerlessExecutionStatus = {}));
+export const EXTENSION_POINT_LOCATIONS = [
+    'crm.preview',
+    'crm.record.sidebar',
+    'crm.record.tab',
+    'helpdesk.sidebar',
+    'uie.playground.middle',
+];
 /** @deprecated use ExtensionEvent/FormSubmitExtensionEvent instead */
 export class RemoteEvent {
     type;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.35",
+  "version": "0.8.37",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -51,5 +51,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "3f6a69859a3ee37e755f6e594884e5916d46138a"
+  "gitHead": "d1c0d81115c16b53ed5b9d2da2992be27181330f"
 }