@hubspot/ui-extensions 0.12.1 → 0.12.3

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.
@@ -21,6 +21,13 @@ export declare class FormSubmitExtensionEvent<V> extends ExtensionEvent {
     constructor(value: V, event: Event);
 }
 export type OverlayComponentProps = {
+    /**
+     * Include a [Modal](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/modal) or
+     * [Panel](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/panel) component to
+     * open it as an overlay on click.
+     *
+     * Learn more about [using overlays](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-extensions-sdk#open-overlays).
+     */
     overlay?: ReactNode;
 };
 export type HrefOptions = {
@@ -36,6 +43,7 @@ export interface TShirtSizes {
     xl: 'extra-large' | 'xl';
 }
 export type AllSizes = TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'] | TShirtSizes['xl'];
+export type AllSizesUnaliased = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
 export type AllDistances = 'flush' | AllSizes;
 export declare const iconNames: {
     readonly add: "add";
@@ -247,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.
  *

package/dist/testing/types.d.ts

@@ -1,12 +1,12 @@
-import { ExtensionPointApi, ExtensionPointApiActions, ExtensionPointLocation } from '../shared/types/extension-points.ts';
-import { ServerlessFuncRunner } from '../shared/types/http-requests.ts';
-import { SpyImpl } from 'tinyspy';
-import { HubSpotReactComponent, HubSpotReactFragmentProp, UnknownComponentProps } from '../shared/types/shared.ts';
-import { useAssociations, useCrmProperties } from '../crm/index.ts';
-import { useExtensionContext } from '../hooks/useExtensionContext.tsx';
-import { AnyFunction } from './internal/types-internal.ts';
-import { useExtensionActions } from '../hooks/useExtensionActions.tsx';
-import { useExtensionApi } from '../hooks/useExtensionApi.tsx';
+import type { SpyImpl } from 'tinyspy';
+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, ExtensionPointApiActions, ExtensionPointLocation } from '../shared/types/extension-points.ts';
+import type { ServerlessFuncRunner } from '../shared/types/http-requests.ts';
+import type { HubSpotReactComponent, HubSpotReactFragmentProp, UnknownComponentProps } from '../shared/types/shared.ts';
+import type { AnyFunction } from './internal/types-internal.ts';
 /**
  * The type of a rendered node.
  */

package/dist/testing/utils.d.ts

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

package/dist/testing/utils.js

@@ -1,6 +1,6 @@
-import { RenderedNodeType, } from "./types.js";
 import { __hubSpotComponentRegistry } from "../shared/remoteComponents.js";
 import { checkElementMatches } from "./internal/match.js";
+import { RenderedNodeType } from "./types.js";
 /**
  * Checks if the node matches the component and matcher.
  *

package/package.json

@@ -1,22 +1,11 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.12.1",
+  "version": "0.12.3",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "scripts": {
-    "clean": "rm -rf dist/",
-    "build": "npm run clean && tsc",
-    "check:tsc": "tsc",
-    "watch": "npm run clean && tsc --watch",
-    "prepare": "npm run build",
-    "lint": "echo 'No linter configured for @hubspot/ui-extensions'",
-    "test": "vitest run && tsd",
-    "test:coverage": "vitest run --coverage",
-    "test:watch": "vitest",
-    "test:types": "tsd"
-  },
+  "prettier": "@private/prettier-config",
   "files": [
     "dist"
   ],
@@ -26,6 +15,7 @@
   "exports": {
     ".": "./dist/index.js",
     "./crm": "./dist/crm/index.js",
+    "./experimental/pages": "./dist/experimental/pages/index.js",
     "./pages/home": "./dist/pages/home/index.js",
     "./experimental": "./dist/experimental/index.js",
     "./testing": "./dist/testing/index.js",
@@ -59,21 +49,39 @@
     }
   },
   "devDependencies": {
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^14.1.2",
-    "@types/node": "^20.11.0",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.1",
-    "@vitest/coverage-v8": "2.1.8",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/react": "14.3.1",
+    "@types/node": "22.19.7",
+    "@types/react": "18.3.26",
+    "@types/react-dom": "18.3.7",
+    "@vitest/coverage-v8": "4.0.18",
+    "@vitest/eslint-plugin": "1.6.6",
+    "eslint": "9.39.2",
     "jsdom": "26.1.0",
+    "prettier": "3.8.1",
     "react-dom": "18.3.1",
-    "react-reconciler": "^0.29.0",
-    "tsd": "^0.33.0",
+    "react-reconciler": "0.29.2",
+    "tsd": "0.33.0",
     "typescript": "5.9.3",
-    "vitest": "2.1.9"
+    "vitest": "4.0.18",
+    "@private/eslint-config": "1.0.0",
+    "@private/prettier-config": "1.0.0"
   },
   "tsd": {
     "directory": "src/__tests__/test-d"
   },
-  "gitHead": "3da4a07183d48528ef431d46a8d327c053c4fe94"
-}
+  "gitHead": "3da4a07183d48528ef431d46a8d327c053c4fe94",
+  "scripts": {
+    "clean": "rm -rf dist/ *.tsbuildinfo .turbo",
+    "format": "prettier --write . --ignore-path ../../.prettierignore",
+    "format:check": "prettier --check . --ignore-path ../../.prettierignore",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix",
+    "tsc": "tsc",
+    "test": "vitest run && tsd",
+    "test:coverage": "vitest run --coverage",
+    "test:types": "tsd",
+    "test:watch": "vitest",
+    "tsc:watch": "tsc --watch"
+  }
+}