@hubspot/ui-extensions 0.12.2 → 0.12.3

package/dist/shared/types/extension-points.d.ts

@@ -1,10 +1,9 @@
-import { ComponentType } from 'react';
-import { TypesOfReadOnlyArray } from './shared.ts';
-import type { AppHomeContext, BaseContext, CrmContext } from './context.ts';
+import type { ComponentType } from 'react';
 import type { AppHomeActions, CrmHostActions, SettingsActions, UiePlatformActions } from './actions.ts';
-import type { CrmPropertyListProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmReportProps, CrmAssociationPivotProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmSimpleDeadlineProps, CrmRelativeTimelineProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from './crm.ts';
-import type { SettingsContext, GenericContext } from './context.ts';
+import type { AppHomeContext, BaseContext, CrmContext, GenericContext, SettingsContext } from './context.ts';
+import type { CrmActionButtonProps, CrmActionLinkProps, CrmAssociationPivotProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmAssociationTableProps, CrmCardActionsProps, CrmDataHighlightProps, CrmPropertyListProps, CrmRelativeTimelineProps, CrmReportProps, CrmSimpleDeadlineProps, CrmStageTrackerProps, CrmStatisticsProps } from './crm.ts';
 import type { ServerlessFuncRunner } from './http-requests.ts';
+import type { TypesOfReadOnlyArray } from './shared.ts';
 /** @ignore */
 export type ExtensionPointAction = (...args: any[]) => Promise<any> | void;
 /** @ignore */

package/dist/shared/types/pages/app-pages-types.d.ts

@@ -0,0 +1,75 @@
+import type { ComponentType, ReactElement } from 'react';
+import type { EmptyProps, ReactFragmentProps } from '../shared.ts';
+import type { PageRoutesProps } from './components/page-routes.ts';
+/**
+ * The props type for a PageRouter component.
+ */
+export type PageRouterProps = EmptyProps;
+/**
+ * Represents the current page route that has been matched by the page router.
+ */
+export interface MatchedPageRoute {
+    /**
+     * The id of the route that has been matched.
+     */
+    routeId?: string;
+    /**
+     * The path of the route that has been matched.
+     */
+    path: string;
+    /**
+     * The parameters of the route that has been matched.
+     */
+    params: Record<string, string>;
+}
+/**
+ * The component type for the page router that handles rendering matched routes.
+ *
+ * @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.
+ */
+export type PageRouterComponent = ComponentType<PageRouterProps>;
+/**
+ * The function type for [createPageRouter](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/app-pages/reference#createpagerouter).
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * const PageRouter = createPageRouter(
+ *   <PageRoutes layoutComponent={AppLayout}>
+ *     <PageRoutes.IndexRoute component={HomePage} id="home" />
+ *     <PageRoutes.Route path="/docs" component={DocsPage} />
+ *     <PageRoutes path="/customers" layoutComponent={CustomersLayout}>
+ *       <PageRoutes.IndexRoute component={ListCustomersPage} />
+ *       <PageRoutes.Route path="/:customerId" component={ViewCustomerPage} />
+ *     </PageRoutes>
+ *     <PageRoutes.AnyRoute component={NotFoundPage} />
+ *   </PageRoutes>
+ * );
+ *
+ * function AppPages() {
+ *   return <PageRouter />;
+ * }
+ *
+ * hubspot.extend<"pages">(() => <AppPages />);
+ * ```
+ *
+ * @param routes The routes to render.
+ * @returns The page router component.
+ *
+ * @experimental This function is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export type CreatePageRouterFunction = (reactPageRoutesElement: ReactElement<PageRoutesProps> | ReactElement<ReactFragmentProps>) => PageRouterComponent;
+/**
+ * The function type for [usePageRoute](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/app-pages/reference#usepageroute).
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * const pageRoute = usePageRoute();
+ * ```
+ *
+ * @returns The current page route.
+ *
+ * @experimental This hook is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export type UsePageRouteHook = () => MatchedPageRoute;

package/dist/shared/types/pages/app-pages-types.js

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

package/dist/shared/types/pages/components/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './page-link.ts';
+export type * from './page-routes.ts';

package/dist/shared/types/pages/components/index.js

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

package/dist/shared/types/pages/components/page-link.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { BaseComponentProps } from '../../shared.ts';
+/**
+ * The props type for [PageLink](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-link).
+ *
+ * @category Component Props
+ */
+export interface PageLinkProps extends BaseComponentProps {
+    /**
+     * The path to navigate to when the link is clicked. Supports path parameters (e.g. `/view-contact/:contactId`).
+     */
+    to: string;
+    /**
+     * Values for path parameters and query string entries.
+     * Parameters matching `:paramName` tokens in `to` are substituted into the path.
+     * Any remaining parameters are appended as query string entries.
+     */
+    params?: Record<string, string>;
+    /**
+     * The content to render inside the link.
+     */
+    children: ReactNode;
+}

package/dist/shared/types/pages/components/page-link.js

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

package/dist/shared/types/pages/components/page-routes.d.ts

@@ -0,0 +1,115 @@
+import type { ComponentType, ReactNode } from 'react';
+import type { EmptyProps } from '../../shared.ts';
+/**
+ * The props type for the layout component of [PageRoutes](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-routes#pageroutes).
+ */
+export interface PageRoutesLayoutProps {
+    /**
+     * The content to render inside the layout.
+     */
+    children: ReactNode;
+}
+interface BaseRouteProps {
+    /**
+     * The component to render when the route is matched.
+     */
+    component: ComponentType<EmptyProps>;
+    /**
+     * A unique identifier for the route.
+     */
+    id?: string;
+}
+/**
+ * The props type for [PageRoutes.IndexRoute](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-routes#pageroutes-indexroute).
+ */
+export type IndexRouteProps = BaseRouteProps;
+/**
+ * The props type for [PageRoutes.Route](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-routes#pageroutes-route).
+ */
+export interface RouteProps extends BaseRouteProps {
+    /**
+     * The path pattern of the route to match.
+     */
+    path: string;
+}
+/**
+ * The props type for [PageRoutes.AnyRoute](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-routes#pageroutes-anyroute).
+ */
+export type AnyRouteProps = BaseRouteProps;
+/**
+ * The component type for the layout component of [PageRoutes](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-routes#pageroutes).
+ */
+export type PageRoutesLayoutComponent = ComponentType<PageRoutesLayoutProps>;
+/**
+ * The props type for [PageRoutes](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-routes#pageroutes).
+ */
+export interface PageRoutesProps {
+    /**
+     * The path pattern of the route to include with all nested routes.
+     */
+    path?: string;
+    /**
+     * The component to render for the layout of the page routes.
+     */
+    layoutComponent?: PageRoutesLayoutComponent;
+    /**
+     * The nested route definitions.
+     */
+    children: ReactNode;
+}
+/**
+ * Used as a descriptor for a collection of page routes.
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * const PageRouter = createPageRouter(<PageRoutes>
+ *   <PageRoutes.IndexRoute component={HomePage} />
+ *   <PageRoutes.Route path="/docs" component={DocsPage} />
+ *   <PageRoutes.AnyRoute component={NotFoundPage} />
+ * </PageRoutes>);
+ * ```
+ *
+ * See [PageRoutes](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-routes#pageroutes) for more information.
+ *
+ * @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.
+ */
+export interface PageRoutesComponent {
+    (props: PageRoutesProps): null;
+    /**
+     * Used as a descriptor for an index (i.e., "/") route.
+     *
+     * Example usage:
+     *
+     * ```tsx
+     * <PageRoutes.IndexRoute component={HomePage} />
+     * ```
+     *
+     * @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.
+     */
+    IndexRoute: (props: IndexRouteProps) => null;
+    /**
+     * Used as a descriptor for a route with a path pattern.
+     *
+     * Example usage:
+     *
+     * ```tsx
+     * <PageRoutes.Route path="/docs" component={DocsPage} />
+     * ```
+     * @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.
+     */
+    Route: (props: RouteProps) => null;
+    /**
+     * Used as a descriptor for a route that matches any path.
+     *
+     * Example usage:
+     *
+     * ```tsx
+     * <PageRoutes.AnyRoute component={NotFoundPage} />
+     * ```
+     *
+     * @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.
+     */
+    AnyRoute: (props: AnyRouteProps) => null;
+}
+export {};

package/dist/shared/types/pages/components/page-routes.js

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

package/dist/shared/types/shared.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement, ComponentType, ReactNode } from 'react';
+import type { ComponentType, ReactElement, ReactNode } from 'react';
 export type UnknownComponentProps = Record<string, any>;
 /**
  * Represents a HubSpot-provided React component.
@@ -255,3 +255,17 @@ export interface BaseComponentProps {
      */
     testId?: string;
 }
+export type EmptyProps = Record<string, never>;
+/**
+ * Represents the current page location and its parameters. This is used to support app page routing.
+ */
+export interface AppPageLocation {
+    path: string;
+    params: Record<string, string>;
+}
+/**
+ * The props type for a React fragment component.
+ */
+export interface ReactFragmentProps {
+    children?: ReactNode | undefined;
+}

package/dist/shared/types/worker-globals.d.ts

@@ -1,6 +1,8 @@
-import { Logger } from './logger.ts';
-import { HubspotExtendFunction } from './extend.ts';
-import type { ExtensionPoints, ExtensionPointApiContext, ExtensionPointApiActions, ExtensionPointFullApi } from './extension-points.ts';
+import type { HubspotExtendFunction } from './extend.ts';
+import type { ExtensionPointApiActions, ExtensionPointApiContext, ExtensionPointFullApi, ExtensionPoints } from './extension-points.ts';
+import type { Logger } from './logger.ts';
+import type { CreatePageRouterFunction, UsePageRouteHook } from './pages/app-pages-types.ts';
+import type { PageRoutesComponent } from './pages/components/page-routes.ts';
 export interface WorkersApi {
     /**
      * Hook added to worker globals so customer code can access extension context at runtime.
@@ -14,6 +16,18 @@ export interface WorkersApi {
      * Hook added to worker globals so customer code can access extension API at runtime.
      */
     useExtensionApi: <ExtensionPoint extends keyof ExtensionPoints>() => ExtensionPointFullApi<ExtensionPoint>;
+    /**
+     * The PageRoutes component.
+     */
+    PageRoutes: PageRoutesComponent;
+    /**
+     * Hook added to worker globals so customer code can access the current page route at runtime.
+     */
+    usePageRoute: UsePageRouteHook;
+    /**
+     * Function added to worker globals so customer code can create a page router at runtime.
+     */
+    createPageRouter: CreatePageRouterFunction;
 }
 export interface WorkerGlobalsInternal {
     /**

package/dist/shared/utils/remote-component-registry.d.ts

@@ -1,4 +1,4 @@
-import { HubSpotReactComponent, HubSpotReactFragmentProp, UnknownComponentProps } from '../types/shared.ts';
+import type { HubSpotReactComponent, HubSpotReactFragmentProp, UnknownComponentProps } from '../types/shared.ts';
 /**
  * Options for creating a remote React component.
  */

package/dist/testing/__tests__/isMatch.spec.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
 import { Alert, Button } from "../../index.js";
-import { createRenderer, isMatch, isRenderedFragmentNode, } from "../index.js";
+import { createRenderer, isMatch, isRenderedFragmentNode } from "../index.js";
 describe('isMatch()', () => {
     describe('isMatch() utility function', () => {
         it('should allow assertions against a mix of text and element nodes', () => {

package/dist/testing/__tests__/mocks.runServerlessFunction.spec.js

@@ -1,6 +1,6 @@
 import { describe, it } from 'vitest';
+import { ServerlessExecutionStatus } from "../../shared/types/http-requests.js";
 import { createRenderer } from "../index.js";
-import { ServerlessExecutionStatus, } from "../../shared/types/http-requests.js";
 describe('mock runServerlessFunction', () => {
     it('should provide the ability to spy on the runServerlessFunction function', async () => {
         const { mocks } = createRenderer('crm.record.tab');

package/dist/testing/__tests__/mocks.useAssociations.spec.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { describe, expect, it, vi } from 'vitest';
-import { Text, Button } from "../../index.js";
-import { createRenderer } from "../index.js";
 import { useAssociations } from "../../crm/index.js";
+import { Button, Text } from "../../index.js";
+import { createRenderer } from "../index.js";
 function MyComponent() {
     const { results, isLoading, isRefetching, error, refetch } = useAssociations({
         toObjectType: '0-1',

package/dist/testing/__tests__/mocks.useCrmProperties.spec.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { describe, expect, it, vi } from 'vitest';
-import { Text, Button } from "../../index.js";
-import { createRenderer } from "../index.js";
 import { useCrmProperties } from "../../crm/index.js";
+import { Button, Text } from "../../index.js";
+import { createRenderer } from "../index.js";
 function MyComponent() {
     const { properties, isLoading, isRefetching, error, refetch } = useCrmProperties(['firstname', 'lastname']);
     if (isLoading) {

package/dist/testing/__tests__/mocks.useExtensionActions.spec.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { createRenderer } from "../index.js";
 import { useExtensionActions } from "../../hooks/useExtensionActions.js";
 import { Button } from "../../index.js";
+import { createRenderer } from "../index.js";
 function MyActionsCrmComponent() {
     const actions = useExtensionActions();
     return (_jsxs(_Fragment, { children: [_jsx(Button, { testId: "reloadButton", onClick: () => actions.reloadPage(), children: "Reload Page" }), _jsx(Button, { testId: "fetchButton", onClick: () => {

package/dist/testing/__tests__/mocks.useExtensionApi.spec.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
+import { useExtensionApi } from "../../hooks/useExtensionApi.js";
 import { Button, Text } from "../../index.js";
 import { createRenderer } from "../index.js";
-import { useExtensionApi } from "../../hooks/useExtensionApi.js";
 function MyComponent() {
     const { context } = useExtensionApi();
     return (_jsxs(_Fragment, { children: [_jsx(Text, { testId: "location-text", children: context.location }), _jsx(Text, { testId: "user-email", children: context.user.email }), _jsx(Text, { testId: "user-firstName", children: context.user.firstName }), _jsx(Text, { testId: "user-lastName", children: context.user.lastName }), _jsx(Text, { testId: "portal-id", children: context.portal.id }), _jsx(Text, { testId: "portal-timezone", children: context.portal.timezone }), 'crm' in context && (_jsxs(_Fragment, { children: [_jsx(Text, { testId: "crm-objectId", children: context.crm.objectId }), _jsx(Text, { testId: "crm-objectTypeId", children: context.crm.objectTypeId })] }))] }));

package/dist/testing/__tests__/mocks.useExtensionContext.spec.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
+import { useExtensionContext } from "../../hooks/useExtensionContext.js";
 import { Text } from "../../index.js";
 import { createRenderer } from "../index.js";
-import { useExtensionContext } from "../../hooks/useExtensionContext.js";
 function MyComponent() {
     const context = useExtensionContext();
     return (_jsxs(_Fragment, { children: [_jsx(Text, { testId: "location-text", children: context.location }), _jsx(Text, { testId: "user-email", children: context.user.email }), _jsx(Text, { testId: "user-firstName", children: context.user.firstName }), _jsx(Text, { testId: "user-lastName", children: context.user.lastName }), _jsx(Text, { testId: "portal-id", children: context.portal.id }), _jsx(Text, { testId: "portal-timezone", children: context.portal.timezone }), 'crm' in context && (_jsxs(_Fragment, { children: [_jsx(Text, { testId: "crm-objectId", children: context.crm.objectId }), _jsx(Text, { testId: "crm-objectTypeId", children: context.crm.objectTypeId })] }))] }));

package/dist/testing/internal/convert.d.ts

@@ -1,4 +1,4 @@
-import { type RemoteRoot } from '@remote-ui/core';
+import type { RemoteRoot } from '@remote-ui/core';
 import type { RenderedRootNodeInternal } from './types-internal.ts';
 /**
  * Converts a remote root node to a rendered root node. After conversion, the rendered root node will

package/dist/testing/internal/convert.js

@@ -1,13 +1,12 @@
-import { KIND_COMPONENT, KIND_FRAGMENT, KIND_TEXT, } from '@remote-ui/core';
+import { KIND_COMPONENT, KIND_FRAGMENT, KIND_TEXT } from '@remote-ui/core';
+import { __hubSpotComponentRegistry } from "../../shared/remoteComponents.js";
+import { isRenderedTextNode } from "../type-utils.js";
+import { EMPTY_RENDERED_CHILD_NODES } from "./constants.js";
 import { createElementNode } from "./element.js";
 import { DuplicateTestIdError, InvalidFragmentPropArrayError, } from "./errors.js";
 import { createFragmentNode } from "./fragment.js";
 import { createTextNode } from "./text.js";
-import { __hubSpotComponentRegistry } from "../../shared/remoteComponents.js";
-import { isRenderedTextNode } from "../type-utils.js";
-import { EMPTY_RENDERED_CHILD_NODES } from "./constants.js";
 import { asRenderedParentNode } from "./type-utils-internal.js";
-/* eslint-disable @typescript-eslint/no-use-before-define */
 /**
  * Converts a remote props object to a props object that can be attached to a rendered element node.
  *

package/dist/testing/internal/debug.d.ts

@@ -1,4 +1,4 @@
-import { RenderedNode } from '../types.ts';
+import type { RenderedNode } from '../types.ts';
 /**
  * Logs a rendered node tree to the console for debugging purposes.
  *

package/dist/testing/internal/element.d.ts

@@ -1,5 +1,5 @@
 import type { UnknownComponentProps } from '../../shared/types/shared.ts';
-import { RenderedElementNode } from '../types.ts';
+import type { RenderedElementNode } from '../types.ts';
 import type { RenderedDocumentInternal } from './types-internal.ts';
 /**
  * Creates a rendered element node.

package/dist/testing/internal/errors.d.ts

@@ -1,5 +1,5 @@
-import { RenderedElementNode, RenderedParentNode } from '../types.ts';
-import { RenderedRootNodeInternal } from './types-internal.ts';
+import type { RenderedElementNode, RenderedParentNode } from '../types.ts';
+import type { RenderedRootNodeInternal } from './types-internal.ts';
 /**
  * Thrown when trying to trigger an event that has a handler prop that is not a function.
  */

package/dist/testing/internal/fragment.d.ts

@@ -1,4 +1,4 @@
-import { RenderedFragmentNode } from '../types.ts';
+import type { RenderedFragmentNode } from '../types.ts';
 import type { RenderedDocumentInternal } from './types-internal.ts';
 /**
  * Creates a rendered fragment node.

package/dist/testing/internal/match.d.ts

@@ -1,5 +1,5 @@
-import { UnknownComponentProps } from '../../shared/types/shared.ts';
-import { ElementMatcher, RenderedElementNode } from '../types.ts';
+import type { UnknownComponentProps } from '../../shared/types/shared.ts';
+import type { ElementMatcher, RenderedElementNode } from '../types.ts';
 /**
  * Checks if the element matches the matcher.
  *

package/dist/testing/internal/mocks/index.d.ts

@@ -1,6 +1,6 @@
-import { RendererSpies } from '../../types.ts';
-import { RendererMocksInternal } from '../types-internal.ts';
-import { ExtensionPointLocation } from '../../../shared/types/extension-points.ts';
+import type { ExtensionPointLocation } from '../../../shared/types/extension-points.ts';
+import type { RendererSpies } from '../../types.ts';
+import type { RendererMocksInternal } from '../types-internal.ts';
 /**
  * An object containing the mocks and spies.
  */

package/dist/testing/internal/mocks/index.js

@@ -1,6 +1,6 @@
 import { spyOn } from 'tinyspy';
-import { createMockHooks } from "./mock-hooks.js";
 import { createMockExtensionPointApi } from "./mock-extension-point-api.js";
+import { createMockHooks } from "./mock-hooks.js";
 /**
  * This function replaces all methods with a spy using the `spyOn` function from the `tinyspy` library.
  * The object tree is walked recursively to replace all methods with spies. The original object is not modified.

package/dist/testing/internal/mocks/mock-extension-point-api.d.ts

@@ -1,2 +1,3 @@
-import { ExtensionPointApi, type ExtensionPointLocation } from '../../../shared/types/extension-points.ts';
+import type { ExtensionPointApi } from '../../../shared/types/extension-points.ts';
+import { type ExtensionPointLocation } from '../../../shared/types/extension-points.ts';
 export declare const createMockExtensionPointApi: (extensionPointLocation: ExtensionPointLocation) => ExtensionPointApi<ExtensionPointLocation>;

package/dist/testing/internal/mocks/mock-extension-point-api.js

@@ -1,4 +1,4 @@
-import { ServerlessExecutionStatus, } from "../../../shared/types/http-requests.js";
+import { ServerlessExecutionStatus } from "../../../shared/types/http-requests.js";
 const fakePrefix = 'fake_';
 const createMockServerlessFuncRunner = () => {
     return () => Promise.resolve({

package/dist/testing/internal/mocks/mock-hooks.d.ts

@@ -1,3 +1,3 @@
-import { RendererMockHooksInternal } from '../types-internal.ts';
 import type { ExtensionPointLocation } from '../../../shared/types/extension-points.ts';
+import type { RendererMockHooksInternal } from '../types-internal.ts';
 export declare const createMockHooks: <TExtensionPointLocation extends ExtensionPointLocation>() => RendererMockHooksInternal;

package/dist/testing/internal/text.d.ts

@@ -1,6 +1,6 @@
 import { type RemoteRoot, type RemoteText } from '@remote-ui/core';
-import { RenderedTextNode } from '../types.ts';
-import { RenderedDocumentInternal } from './types-internal.ts';
+import type { RenderedTextNode } from '../types.ts';
+import type { RenderedDocumentInternal } from './types-internal.ts';
 /**
  * Creates a rendered text node.
  *

package/dist/testing/internal/type-utils-internal.d.ts

@@ -1,5 +1,5 @@
-import { RenderedElementNode, RenderedFragmentNode, RenderedNode, RenderedParentNode, RenderedRootNode, RenderedTextNode } from '../types.ts';
-import { RenderedElementNodeInternal, RenderedFragmentNodeInternal, RenderedNodeInternal, RenderedRootNodeInternal, RenderedParentNodeInternal, RenderedTextNodeInternal } from './types-internal.ts';
+import type { RenderedElementNode, RenderedFragmentNode, RenderedNode, RenderedParentNode, RenderedRootNode, RenderedTextNode } from '../types.ts';
+import type { RenderedElementNodeInternal, RenderedFragmentNodeInternal, RenderedNodeInternal, RenderedParentNodeInternal, RenderedRootNodeInternal, RenderedTextNodeInternal } from './types-internal.ts';
 /**
  * Converts an internal rendered node to a public rendered node using a type assertion.
  *

package/dist/testing/internal/types-internal.d.ts

@@ -1,10 +1,10 @@
 import type { RemoteComponent, RemoteFragment, RemoteRoot, RemoteText } from '@remote-ui/core';
-import { ExtensionPointApi, ExtensionPointLocation } from '../../shared/types/extension-points.ts';
-import { HubSpotReactComponent, UnknownComponentProps } from '../../shared/types/shared.ts';
-import { useAssociations, useCrmProperties } from '../../crm/index.ts';
-import { useExtensionContext } from '../../hooks/useExtensionContext.tsx';
-import { useExtensionActions } from '../../hooks/useExtensionActions.tsx';
-import { useExtensionApi } from '../../hooks/useExtensionApi.tsx';
+import type { useAssociations, useCrmProperties } from '../../crm/index.ts';
+import type { useExtensionActions } from '../../hooks/useExtensionActions.tsx';
+import type { useExtensionApi } from '../../hooks/useExtensionApi.tsx';
+import type { useExtensionContext } from '../../hooks/useExtensionContext.tsx';
+import type { ExtensionPointApi, ExtensionPointLocation } from '../../shared/types/extension-points.ts';
+import type { HubSpotReactComponent, UnknownComponentProps } from '../../shared/types/shared.ts';
 import type { ElementMatcher, RenderedElementNode, RenderedFragmentNode, RenderedNode, RenderedParentNode, RenderedRootNode, RenderedTextNode } from '../types.ts';
 export type RemoteChildNode = RemoteComponent<any, RemoteRoot> | RemoteText<RemoteRoot>;
 export type RemoteParentNode = RemoteRoot | RemoteComponent<any, RemoteRoot> | RemoteFragment;

package/dist/testing/render.d.ts

@@ -1,5 +1,5 @@
-import { ExtensionPointLocation } from '../shared/types/extension-points.ts';
-import { Renderer } from './types.ts';
+import type { ExtensionPointLocation } from '../shared/types/extension-points.ts';
+import type { Renderer } from './types.ts';
 /**
  * Creates a renderer object with methods for rendering and testing UI extension components.
  * Mocks for supported React hooks and the Extension Point API are automatically provided based on the extension point location.

package/dist/testing/render.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createRemoteRoot } from '@remote-ui/core';
 import { createRoot as createReactRoot } from '@remote-ui/react';
+import { MocksContextProvider } from "../internal/hook-utils.js";
+import { EXTENSION_POINT_LOCATIONS } from "../shared/types/extension-points.js";
 import { convertRemoteRoot } from "./internal/convert.js";
 import { createDocument } from "./internal/document.js";
 import { InvalidComponentsError, InvalidExtensionPointLocationError, WaitForTimeoutError, } from "./internal/errors.js";
-import { EXTENSION_POINT_LOCATIONS, } from "../shared/types/extension-points.js";
-import { MocksContextProvider } from "../internal/hook-utils.js";
 import { createMocksWithSpies } from "./internal/mocks/index.js";
 import { find, findAll, findAllChildren, findByTestId, findChild, maybeFind, maybeFindByTestId, maybeFindChild, } from "./internal/query.js";
 import { createRootNode } from "./internal/root.js";
 import { asRenderedRootNode } from "./internal/type-utils-internal.js";
-import { createDeferred, } from "./internal/utils/promise-utils.js";
+import { createDeferred } from "./internal/utils/promise-utils.js";
 const DEFAULT_WAIT_FOR_TIMEOUT_IN_MS = 1000;
 const DEFAULT_WAIT_FOR_OPTIONS = {
     timeoutInMs: DEFAULT_WAIT_FOR_TIMEOUT_IN_MS,
@@ -28,7 +28,6 @@ const render = (node, mocksWithSpies) => {
     const runWaitForChecks = () => {
         waitForChecksQueued = false;
         waitForList = waitForList.filter((waitFor) => {
-            // eslint-disable-next-line @typescript-eslint/no-use-before-define
             const renderedRootNode = getLatestRootNode();
             if (renderedRootNode.document.hasInvalidComponentNames()) {
                 // Reject the waitFor promise if we detect invalid components in the rendered output.
@@ -50,7 +49,7 @@ const render = (node, mocksWithSpies) => {
                 waitFor.deferred.resolve(); // Resolve the promise that was originally returned by the waitFor function.
                 return false; // Remove the waitFor from the list since the check passed and we resolved the promise
             }
-            catch (error) {
+            catch {
                 return true; // Keep the waitFor in the list since the check failed and we didn't resolve the promise.
             }
         });
@@ -112,7 +111,7 @@ const render = (node, mocksWithSpies) => {
                 // Nothing to wait for since the check passed! Resolve the promise immediately.
                 return Promise.resolve();
             }
-            catch (error) {
+            catch {
                 // If the check failed then we need to put it in the waitForList so that we
                 // can check it again later. We return a promise that will be resolved when
                 // the provided check passes.

package/dist/testing/type-utils.d.ts

@@ -1,4 +1,4 @@
-import { type RenderedElementNode, type RenderedFragmentNode, type RenderedNode, type RenderedRootNode, type RenderedTextNode } from './types.ts';
+import type { RenderedElementNode, RenderedFragmentNode, RenderedNode, RenderedRootNode, RenderedTextNode } from './types.ts';
 /**
  * Type guard to check if a node is a rendered element node.
  *

package/dist/testing/type-utils.js

@@ -1,4 +1,4 @@
-import { RenderedNodeType, } from "./types.js";
+import { RenderedNodeType } from "./types.js";
 /**
  * Type guard to check if a node is a rendered element node.
  *