@hubspot/ui-extensions 0.11.0 → 0.11.2

package/dist/__synced__/types/components/button.synced.d.ts

@@ -38,6 +38,12 @@ export interface BaseButtonProps {
      * @defaultValue `"md"`
      */
     size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+    /**
+     * When set to `true`, long button text will be truncated with an ellipsis (`...`) and the full text will appear in a tooltip on hover.
+     *
+     * @defaultValue `false`
+     */
+    truncate?: boolean;
 }
 /**
  * The props type for {@link !components.Button}.

package/dist/__synced__/types/components/index.synced.d.ts

@@ -1,38 +1,38 @@
-export type { AlertProps } from './alert.synced';
-export type { ButtonProps, LoadingButtonProps } from './button.synced';
-export type { ButtonRowProps } from './button-row.synced';
-export type { CardProps } from './card.synced';
-export type { ChartProps, LineChartProps, BarChartProps } from './chart.synced';
-export type { DescriptionListProps, DescriptionListItemProps, } from './description-list.synced';
-export type { DividerProps } from './divider.synced';
-export type { EmptyStateProps } from './empty-state.synced';
-export type { ErrorStateProps } from './error-state.synced';
-export type { HeadingProps } from './heading.synced';
-export type { FormProps } from './form.synced';
-export type { IconProps } from './icon.synced';
-export type { IllustrationProps } from './illustration.synced';
-export type { IframeProps } from './iframe.synced';
-export type { ImageProps } from './image.synced';
-export type { InputProps, TextAreaProps, TextareaProps, NumberInputProps, DateInputProps, StepperInputProps, SearchInputProps, TimeInputProps, CurrencyInputProps, } from './inputs.synced';
-export type { StackProps, FlexProps, BoxProps, InlineProps, AutoGridProps, } from './layouts.synced';
-export type { LinkProps } from './link.synced';
-export type { ListProps } from './list.synced';
-export type { LoadingSpinnerProps } from './loading-spinner.synced';
-export type { ModalProps, ModalBodyProps, ModalFooterProps } from './modal.synced';
-export type { ProgressBarProps } from './progress-bar.synced';
-export type { PanelProps, PanelFooterProps, PanelBodyProps, PanelSectionProps, } from './panel.synced';
-export type { SelectProps, MultiSelectProps } from './selects.synced';
-export type { StatisticsProps, StatisticsItemProps, StatisticsTrendProps, } from './statistics.synced';
-export type { StatusTagProps } from './status-tag.synced';
-export type { StepIndicatorProps } from './step-indicator.synced';
-export type { TableProps, TableElementProps, TableCellProps, TableHeaderProps, } from './table.synced';
-export type { TabsProps, TabProps } from './tabs.synced';
-export type { TagProps } from './tag.synced';
-export type { TextProps } from './text.synced';
-export type { TileProps } from './tile.synced';
-export type { ToggleProps } from './toggle.synced';
-export type { CheckboxProps, RadioButtonProps, ToggleGroupProps, CheckboxListProps, RadioButtonListProps, } from './toggleInputs.synced';
-export type { AccordionProps } from './accordion.synced';
-export type { DropdownProps, DropdownButtonItemProps } from './dropdown.synced';
-export type { TooltipProps } from './tooltip.synced';
-export type { HeaderActionsProps, HeaderActionButtonProps, } from './app-home-header-actions.synced';
+export type * from './accordion.synced';
+export type * from './alert.synced';
+export type * from './app-home-header-actions.synced';
+export type * from './button-row.synced';
+export type * from './button.synced';
+export type * from './card.synced';
+export type * from './chart.synced';
+export type * from './description-list.synced';
+export type * from './divider.synced';
+export type * from './dropdown.synced';
+export type * from './empty-state.synced';
+export type * from './error-state.synced';
+export type * from './form.synced';
+export type * from './heading.synced';
+export type * from './icon.synced';
+export type * from './iframe.synced';
+export type * from './illustration.synced';
+export type * from './image.synced';
+export type * from './inputs.synced';
+export type * from './layouts.synced';
+export type * from './link.synced';
+export type * from './list.synced';
+export type * from './loading-spinner.synced';
+export type * from './modal.synced';
+export type * from './panel.synced';
+export type * from './progress-bar.synced';
+export type * from './selects.synced';
+export type * from './statistics.synced';
+export type * from './status-tag.synced';
+export type * from './step-indicator.synced';
+export type * from './table.synced';
+export type * from './tabs.synced';
+export type * from './tag.synced';
+export type * from './text.synced';
+export type * from './tile.synced';
+export type * from './toggle.synced';
+export type * from './toggleInputs.synced';
+export type * from './tooltip.synced';

package/dist/__synced__/types/index.synced.d.ts

@@ -1,8 +1,8 @@
-export * from './components/index.synced';
-export * from './actions.synced';
-export * from './context.synced';
-export * from './crm.synced';
-export * from './extension-points.synced';
-export * from './http-requests.synced';
-export * from './reactions.synced';
+export type * from './components/index.synced';
+export type * from './actions.synced';
+export type * from './context.synced';
+export type * from './crm.synced';
+export type * from './extension-points.synced';
+export type * from './http-requests.synced';
+export type * from './reactions.synced';
 export * from './shared.synced';

package/dist/__synced__/types/index.synced.js

@@ -1,9 +1 @@
-// Do not manually update this file, changes will be autogenerated by our scripts based on: ui-extensions-remote-renderer/static/js/types/index.ts
-export * from './components/index.synced';
-export * from './actions.synced';
-export * from './context.synced';
-export * from './crm.synced';
-export * from './extension-points.synced';
-export * from './http-requests.synced';
-export * from './reactions.synced';
-export * from './shared.synced';
+export * from './shared.synced'; // NOTE: `shared.ts` has some exported classes so we can't use `export type` for now

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

@@ -1,5 +1,4 @@
-import { RemoteFragment } from '@remote-ui/core';
-import type { ReactElement, ComponentType } from 'react';
+import type { ReactElement, ComponentType, ReactNode } from 'react';
 export type UnknownComponentProps = Record<string, any>;
 /**
  * Represents a HubSpot-provided React component.
@@ -22,7 +21,7 @@ export declare class FormSubmitExtensionEvent<V> extends ExtensionEvent {
     constructor(value: V, event: Event);
 }
 export type OverlayComponentProps = {
-    overlay?: RemoteFragment;
+    overlay?: ReactNode;
 };
 export type HrefOptions = {
     url: string;

package/dist/__synced__/utils/remote-component-registry.synced.d.ts

@@ -0,0 +1,80 @@
+import { HubSpotReactComponent, HubSpotReactFragmentProp, UnknownComponentProps } from '../types/shared.synced';
+/**
+ * Options for creating a remote React component.
+ */
+interface CreateRemoteComponentOptions<TProps extends UnknownComponentProps = UnknownComponentProps> {
+    /**
+     * An array of prop names that are allowed to be used as fragment props.
+     */
+    fragmentProps?: ComponentFragmentPropName<TProps>[];
+}
+/**
+ * Options for creating a remote React component.
+ */
+interface CreateRemoteCompoundComponentOptions<TProps extends UnknownComponentProps, TCompoundComponentProps> {
+    /**
+     * An array of prop names that are allowed to be used as fragment props.
+     */
+    fragmentProps?: ComponentFragmentPropName<TProps>[];
+    compoundComponentProperties: TCompoundComponentProps;
+}
+/**
+ * Utility type for filtering out all of the prop names where the value is a ReactNode (excluding primitives).
+ * We use this to know which props are allowed to be used as fragment props.
+ */
+type ComponentFragmentPropName<TProps extends UnknownComponentProps> = {
+    [K in keyof TProps]: HubSpotReactFragmentProp extends Required<TProps>[K] ? K : never;
+}[keyof TProps & string];
+/**
+ * Represents a registry of HubSpot-provided React components that is used internally by the UI extensions SDK.
+ */
+export interface RemoteComponentRegistry {
+    /**
+     * Creates a new remote React component and registers it with the registry.
+     *
+     * @param componentName The name of the component to create and register.
+     * @param options The options for the remote React component.
+     * @returns The remote React component that can be used as a React component.
+     */
+    createAndRegisterRemoteReactComponent: <TProps extends UnknownComponentProps>(componentName: string, options?: CreateRemoteComponentOptions<TProps>) => HubSpotReactComponent<TProps>;
+    /**
+     * Creates a new remote compound React component and registers it with the registry. A compound component is a component that is
+     * composed of multiple components attached to a single component function.
+     *
+     * @param componentName The name of the component to create and register.
+     * @param options The options for the remote compound React component.
+     * @returns The remote compound React component that can be used as a React component.
+     */
+    createAndRegisterRemoteCompoundReactComponent: <TProps extends UnknownComponentProps, TCompoundComponentProps>(componentName: string, options: CreateRemoteCompoundComponentOptions<TProps, TCompoundComponentProps>) => HubSpotReactComponent<TProps> & TCompoundComponentProps;
+    /**
+     * Returns the name of a HubSpot-provided React component.
+     *
+     * @param component The React component to get the name of.
+     * @returns The name of the HubSpot-provided React component.
+     */
+    getComponentName: (component: HubSpotReactComponent<any>) => string | null;
+    /**
+     * Returns true if the given component name is allowed to be used in HubSpot.
+     *
+     * @param name The name of the component to check if it is allowed to be used in HubSpot.
+     * @returns `true` if the given component name is allowed to be used in HubSpot.
+     */
+    isAllowedComponentName: (name: string) => boolean;
+    /**
+     * Returns true if the given prop name is a fragment prop for the given component name.
+     *
+     * @param componentName The name of the component to check if the prop is a fragment prop for.
+     * @param propName The name of the prop to check if it is a fragment prop.
+     * @returns `true` if the prop name is a fragment prop for the given component name.
+     */
+    isComponentFragmentProp: (componentName: string, propName: string) => boolean;
+    /**
+     * Returns the names of the fragment props for a given component name.
+     *
+     * @param componentName The name of the component to get the fragment props for.
+     * @returns The names of the fragment props for the given component name.
+     */
+    getComponentFragmentPropNames: (componentName: string) => string[];
+}
+export declare const createRemoteComponentRegistry: () => RemoteComponentRegistry;
+export {};

package/dist/__synced__/utils/remote-component-registry.synced.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Do not manually update this file, changes will be autogenerated by our scripts based on: ui-extensions-remote-renderer/static/js/utils/remote-component-registry.tsx
+import { createRemoteReactComponent } from '@remote-ui/react';
+export const createRemoteComponentRegistry = () => {
+    const componentMetadataLookup = new Map();
+    const componentNameByComponentMap = new Map();
+    const registerComponent = (component, componentName, fragmentProps) => {
+        componentNameByComponentMap.set(component, componentName);
+        componentMetadataLookup.set(componentName, {
+            fragmentPropsSet: new Set(fragmentProps),
+            fragmentPropsArray: fragmentProps,
+        });
+        return component;
+    };
+    return {
+        getComponentName: (component) => {
+            const componentName = componentNameByComponentMap.get(component);
+            if (!componentName) {
+                return null;
+            }
+            return componentName;
+        },
+        isAllowedComponentName: (componentName) => {
+            return componentMetadataLookup.has(componentName);
+        },
+        isComponentFragmentProp: (componentName, propName) => {
+            const componentMetadata = componentMetadataLookup.get(componentName);
+            if (!componentMetadata) {
+                return false;
+            }
+            return componentMetadata.fragmentPropsSet.has(propName);
+        },
+        getComponentFragmentPropNames: (componentName) => {
+            const componentMetadata = componentMetadataLookup.get(componentName);
+            if (!componentMetadata) {
+                return [];
+            }
+            const { fragmentPropsArray } = componentMetadata;
+            return fragmentPropsArray;
+        },
+        createAndRegisterRemoteReactComponent: (componentName, options = {}) => {
+            const { fragmentProps = [] } = options;
+            const remoteReactComponent = createRemoteReactComponent(componentName, {
+                fragmentProps: fragmentProps,
+            });
+            return registerComponent(remoteReactComponent, componentName, fragmentProps);
+        },
+        createAndRegisterRemoteCompoundReactComponent: (componentName, options) => {
+            const { fragmentProps = [] } = options;
+            const RemoteComponentType = createRemoteReactComponent(componentName, {
+                fragmentProps,
+            });
+            // We can only attach properties to a function component type, so we need to check if the remote component type is a function.
+            // If the remote component type is not a function, we need to wrap it in a function component.
+            const CompoundFunctionComponentType = typeof RemoteComponentType === 'function'
+                ? RemoteComponentType
+                : (props) => (_jsx(RemoteComponentType, { ...props }));
+            // Attach the compound component properties to the function component that we will be returning.
+            Object.assign(CompoundFunctionComponentType, options.compoundComponentProperties);
+            // Register the compound function component with the registry and return it.
+            return registerComponent(CompoundFunctionComponentType, componentName, fragmentProps);
+        },
+    };
+};

package/dist/__tests__/crm/hooks/useAssociations.spec.js

@@ -1,20 +1,24 @@
 import { renderHook, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
 import { useAssociations } from '../../../crm/hooks/useAssociations';
 import { fetchAssociations } from '../../../crm/utils/fetchAssociations';
 // Mock the logger module
-jest.mock('../../../logger', () => ({
+vi.mock('../../../logger', () => ({
     logger: {
-        debug: jest.fn(),
-        info: jest.fn(),
-        warn: jest.fn(),
-        error: jest.fn(),
+        debug: vi.fn(),
+        info: vi.fn(),
+        warn: vi.fn(),
+        error: vi.fn(),
     },
 }));
 // Mock the fetchAssociations function, keep utility functions
-jest.mock('../../../crm/utils/fetchAssociations', () => ({
-    ...jest.requireActual('../../../crm/utils/fetchAssociations'),
-    fetchAssociations: jest.fn(),
-}));
+vi.mock('../../../crm/utils/fetchAssociations', async (importOriginal) => {
+    const actual = (await importOriginal());
+    return {
+        ...actual,
+        fetchAssociations: vi.fn(),
+    };
+});
 // Get reference to the mocked function
 const mockFetchAssociations = fetchAssociations;
 describe('useAssociations with Pagination', () => {
@@ -45,7 +49,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const { result } = renderHook(() => useAssociations({
                 toObjectType: '0-1',
@@ -69,7 +73,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const { result } = renderHook(() => useAssociations({
                 toObjectType: '0-1',
@@ -99,7 +103,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: true,
                     nextOffset: 10,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const { result } = renderHook(() => useAssociations({
                 toObjectType: '0-1',
@@ -128,7 +132,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const { result } = renderHook(() => useAssociations({
                 toObjectType: '0-1',
@@ -153,7 +157,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: true,
                     nextOffset: 10,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             // Second page response
             mockFetchAssociations.mockResolvedValueOnce({
@@ -162,7 +166,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 20,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const { result } = renderHook(() => useAssociations({
                 toObjectType: '0-1',
@@ -193,7 +197,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: true,
                     nextOffset: 10,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             // Second call: page 2 with hasMore: false
             mockFetchAssociations.mockResolvedValueOnce({
@@ -202,7 +206,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 20,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             // Third call: back to page 1
             mockFetchAssociations.mockResolvedValueOnce({
@@ -211,7 +215,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: true,
                     nextOffset: 10,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const { result } = renderHook(() => useAssociations({
                 toObjectType: '0-1',
@@ -243,7 +247,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: true,
                     nextOffset: 10,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const { result } = renderHook(() => useAssociations({
                 toObjectType: '0-1',
@@ -277,7 +281,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 10,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const { result } = renderHook(() => useAssociations({
                 toObjectType: '0-1',
@@ -320,7 +324,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             // @ts-expect-error - intentional type issue to check the failure state
             const { result } = renderHook(() => useAssociations(null));
@@ -343,7 +347,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             // @ts-expect-error - intentional type issue to check the failure state
             const { result } = renderHook(() => useAssociations(undefined));
@@ -366,7 +370,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             // @ts-expect-error - intentional type issue to check the failure state
             const { result } = renderHook(() => useAssociations({}));
@@ -389,7 +393,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const { result } = renderHook(() => 
             // @ts-expect-error - intentional type issue to check the failure state
@@ -415,7 +419,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const { result } = renderHook(() => useAssociations({
                 toObjectType: '0-1',
@@ -441,7 +445,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const config = {
                 toObjectType: '0-1',
@@ -469,7 +473,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const config = {
                 toObjectType: '0-1',
@@ -484,7 +488,7 @@ describe('useAssociations with Pagination', () => {
     });
     describe('lifecycle management', () => {
         it('should call cleanup function on unmount', async () => {
-            const mockCleanup = jest.fn();
+            const mockCleanup = vi.fn();
             mockFetchAssociations.mockResolvedValue({
                 data: {
                     results: [],
@@ -514,7 +518,7 @@ describe('useAssociations with Pagination', () => {
                     hasMore: false,
                     nextOffset: 0,
                 },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             });
             const config = {
                 toObjectType: '0-1',

package/dist/__tests__/crm/hooks/useCrmProperties.spec.js

@@ -1,18 +1,19 @@
 import { renderHook, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
 import { useCrmProperties } from '../../../crm/hooks/useCrmProperties';
+import * as fetchCrmPropertiesModule from '../../../crm/utils/fetchCrmProperties';
 // Mock the logger module
-jest.mock('../../../logger', () => ({
+vi.mock('../../../logger', () => ({
     logger: {
-        debug: jest.fn(),
-        info: jest.fn(),
-        warn: jest.fn(),
-        error: jest.fn(),
+        debug: vi.fn(),
+        info: vi.fn(),
+        warn: vi.fn(),
+        error: vi.fn(),
     },
 }));
 // Mock the fetchCrmProperties module
-jest.mock('../../../crm/utils/fetchCrmProperties');
-const mockFetchCrmProperties = jest.fn();
-import * as fetchCrmPropertiesModule from '../../../crm/utils/fetchCrmProperties';
+vi.mock('../../../crm/utils/fetchCrmProperties');
+const mockFetchCrmProperties = vi.fn();
 fetchCrmPropertiesModule.fetchCrmProperties = mockFetchCrmProperties;
 describe('useCrmProperties', () => {
     let originalError;
@@ -46,7 +47,7 @@ describe('useCrmProperties', () => {
                 firstname: 'Test value for firstname',
                 lastname: 'Test value for lastname',
             },
-            cleanup: jest.fn(),
+            cleanup: vi.fn(),
         });
         const propertyNames = ['firstname', 'lastname'];
         const { result } = renderHook(() => useCrmProperties(propertyNames));
@@ -78,7 +79,7 @@ describe('useCrmProperties', () => {
             capturedCallback = propertiesUpdatedCallback;
             return {
                 data: { firstname: 'Initial', lastname: 'Initial' },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             };
         });
         const propertyNames = ['firstname', 'lastname'];
@@ -105,7 +106,7 @@ describe('useCrmProperties', () => {
             capturedCallback = propertiesUpdatedCallback;
             return {
                 data: { firstname: 'Initial', lastname: null },
-                cleanup: jest.fn(),
+                cleanup: vi.fn(),
             };
         });
         const propertyNames = ['firstname', 'lastname'];
@@ -132,7 +133,7 @@ describe('useCrmProperties', () => {
                 firstname: 'John',
                 lastname: 'Doe',
             },
-            cleanup: jest.fn(),
+            cleanup: vi.fn(),
         });
         const propertyNames = ['firstname', 'lastname'];
         const options = {
@@ -148,7 +149,7 @@ describe('useCrmProperties', () => {
             data: {
                 firstname: 'John',
             },
-            cleanup: jest.fn(),
+            cleanup: vi.fn(),
         });
         const propertyNames = ['firstname'];
         const defaultOptions = {};
@@ -162,7 +163,7 @@ describe('useCrmProperties', () => {
             data: {
                 firstname: 'John',
             },
-            cleanup: jest.fn(),
+            cleanup: vi.fn(),
         });
         const propertyNames = ['firstname'];
         const initialOptions = { propertiesToFormat: ['firstname'] };
@@ -181,7 +182,7 @@ describe('useCrmProperties', () => {
             data: {
                 firstname: 'John',
             },
-            cleanup: jest.fn(),
+            cleanup: vi.fn(),
         });
         const propertyNames = ['firstname'];
         const initialOptions = { propertiesToFormat: ['firstname'] };
@@ -201,7 +202,7 @@ describe('useCrmProperties', () => {
         });
     });
     it('should call cleanup function when component unmounts', async () => {
-        const mockCleanup = jest.fn();
+        const mockCleanup = vi.fn();
         mockFetchCrmProperties.mockResolvedValue({
             data: {
                 firstname: 'John',
@@ -217,8 +218,8 @@ describe('useCrmProperties', () => {
         expect(mockCleanup).toHaveBeenCalledTimes(1);
     });
     it('should call cleanup function when dependencies change', async () => {
-        const mockCleanup1 = jest.fn();
-        const mockCleanup2 = jest.fn();
+        const mockCleanup1 = vi.fn();
+        const mockCleanup2 = vi.fn();
         mockFetchCrmProperties
             .mockResolvedValueOnce({
             data: { firstname: 'John' },

package/dist/__tests__/crm/utils/fetchAssociations.spec.js

@@ -1,5 +1,6 @@
+import { vi } from 'vitest';
 // Set up the mock before importing the module
-const mockFetchAssociations = jest.fn();
+const mockFetchAssociations = vi.fn();
 const mockSelf = {
     fetchAssociations: mockFetchAssociations,
 };
@@ -13,13 +14,13 @@ describe('fetchAssociations', () => {
     // Helper functions
     const createMockResponse = (data, overrides = {}) => ({
         ok: true,
-        json: jest.fn().mockResolvedValue({ data, cleanup: jest.fn() }),
+        json: vi.fn().mockResolvedValue({ data, cleanup: vi.fn() }),
         ...overrides,
     });
     const createErrorResponse = (statusText) => ({
         ok: false,
         statusText,
-        json: jest.fn().mockResolvedValue({}),
+        json: vi.fn().mockResolvedValue({}),
     });
     const expectError = async (request, expectedMessage) => {
         await expect(fetchAssociations(request)).rejects.toThrow(expectedMessage);
@@ -30,7 +31,7 @@ describe('fetchAssociations', () => {
         ...overrides,
     });
     beforeEach(() => {
-        jest.clearAllMocks();
+        vi.clearAllMocks();
         // Set up dynamic mock that responds to request parameters
         mockFetchAssociations.mockImplementation((request) => {
             const { pageLength = 100, offset = 0, properties = [] } = request;
@@ -296,12 +297,12 @@ describe('fetchAssociations', () => {
             expect(mockFetchAssociations).toHaveBeenCalledWith(request, undefined);
         });
         it('should return cleanup function from API response', async () => {
-            const mockCleanup = jest.fn();
+            const mockCleanup = vi.fn();
             const emptyData = { results: [], hasMore: false, nextOffset: 0 };
             const mockApiResponse = { data: emptyData, cleanup: mockCleanup };
             mockFetchAssociations.mockResolvedValueOnce({
                 ok: true,
-                json: jest.fn().mockResolvedValue(mockApiResponse),
+                json: vi.fn().mockResolvedValue(mockApiResponse),
             });
             const result = await fetchAssociations(createBasicRequest());
             expect(result.cleanup).toBe(mockCleanup);
@@ -313,7 +314,7 @@ describe('fetchAssociations', () => {
             const mockApiResponse = { data: emptyData }; // no cleanup function provided
             mockFetchAssociations.mockResolvedValueOnce({
                 ok: true,
-                json: jest.fn().mockResolvedValue(mockApiResponse),
+                json: vi.fn().mockResolvedValue(mockApiResponse),
             });
             const result = await fetchAssociations(createBasicRequest());
             expect(typeof result.cleanup).toBe('function');