@gusto/embedded-react-sdk 0.48.3 → 0.49.0

package/dist/components/Company/Locations/LocationForm/LocationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/LocationForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useLocationsUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/locationsUpdate'\nimport { useLocationsRetrieveSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/locationsRetrieve'\nimport { useLocationsCreateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/locationsCreate'\nimport { type Location } from '@gusto/embedded-api-v-2025-11-15/models/components/location'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { Head } from './Head'\nimport type { LocationFormInputs } from './Form'\nimport { Form, LocationFormSchema } from './Form'\nimport { Actions } from './Actions'\nimport { LocationsFormProvider } from './useLocationForm'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport type { WithRequired } from '@/types/Helpers'\n\ninterface LocationFormProps extends CommonComponentInterface {\n  companyId: string\n  locationId?: string\n}\n\n/**Accounting for conditional logic where location data needs to be fetched only if locationId is present */\nfunction RootWithLocation(props: WithRequired<LocationFormProps, 'locationId'>) {\n  const {\n    data: { location },\n  } = useLocationsRetrieveSuspense({ locationId: props.locationId })\n  return <Root {...props} location={location} />\n}\n\nfunction Root({\n  companyId,\n  location,\n  className,\n  children,\n}: LocationFormProps & { location?: Location }) {\n  useI18n('Company.Locations')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const queryClient = useQueryClient()\n  const { mutateAsync: createLocation, isPending: isPendingCreate } = useLocationsCreateMutation()\n  const { mutateAsync: updateLocation, isPending: isPendingUpdate } = useLocationsUpdateMutation()\n  const addressType = ['mailingAddress', 'filingAddress'] as const\n  const isMailingLocked = location?.mailingAddress === true\n  const isFilingLocked = location?.filingAddress === true\n\n  const { control, ...methods } = useForm<LocationFormInputs>({\n    resolver: zodResolver(LocationFormSchema),\n    defaultValues: {\n      city: location?.city ?? '',\n      phoneNumber: location?.phoneNumber ?? '',\n      street1: location?.street1 ?? '',\n      street2: location?.street2 ?? '',\n      state: location?.state ?? '',\n      zip: location?.zip ?? '',\n      addressType: addressType.filter(key => location?.[key] ?? false),\n    },\n  })\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n  const onSubmit = async (data: LocationFormInputs) => {\n    await baseSubmitHandler(data, async innerData => {\n      const { addressType, ...payload } = innerData\n\n      // The PUT /v1/locations/:id endpoint treats mailing_address and filing_address\n      // as set-only flags: once a location is the company's mailing/filing address,\n      // sending false is silently ignored (a company must always have one of each).\n      // We mirror this contract by omitting locked fields from the request body.\n      const requestBody = {\n        ...payload,\n        ...(isMailingLocked ? {} : { mailingAddress: addressType?.includes('mailingAddress') }),\n        ...(isFilingLocked ? {} : { filingAddress: addressType?.includes('filingAddress') }),\n      }\n\n      // Setting mailing_address or filing_address on one location silently\n      // flips the previous holder's flag server-side, so cached data for every\n      // location (and the list) is potentially stale. We must await refetches\n      // of *inactive* queries too (refetchType: 'all') because the next form\n      // mount initializes useForm defaults synchronously from cache; otherwise\n      // useSuspenseQuery returns the stale cached value without re-suspending\n      // and the form seeds with a stale addressType on first open.\n      const refreshLocationsCache = () =>\n        queryClient.invalidateQueries({\n          queryKey: ['@gusto/embedded-api-v-2025-11-15', 'Locations'],\n          refetchType: 'all',\n        })\n\n      if (location && location.version !== undefined) {\n        const { location: responseData } = await updateLocation({\n          request: {\n            locationId: location.uuid,\n            requestBody: { ...requestBody, version: location.version },\n          },\n        })\n        await refreshLocationsCache()\n        onEvent(componentEvents.COMPANY_LOCATION_UPDATED, responseData)\n      } else {\n        const { location: responseData } = await createLocation({\n          request: {\n            companyId,\n            companyLocationRequest: requestBody,\n          },\n        })\n        await refreshLocationsCache()\n        onEvent(componentEvents.COMPANY_LOCATION_CREATED, responseData)\n      }\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <LocationsFormProvider\n            value={{ handleCancel, isPending: isPendingCreate || isPendingUpdate }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form isMailingLocked={isMailingLocked} isFilingLocked={isFilingLocked} />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </LocationsFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n\n/**\n * Standalone form for creating a new company location or editing an existing one.\n *\n * @remarks\n * Pass a `locationId` to edit an existing location; omit it to create a new one.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/location/add/done` | Fired when a new location is created | The created location |\n * | `company/location/edit/done` | Fired when a location has been successfully edited | The updated location |\n * | `CANCEL` | Fired when the user cancels editing | — |\n *\n * @param props - {@link LocationFormProps} together with the standard {@link BaseComponentInterface}.\n * @returns The location form.\n * @public\n */\nexport function LocationForm({\n  companyId,\n  locationId,\n  className,\n  children,\n  ...props\n}: LocationFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      {locationId ? (\n        <RootWithLocation companyId={companyId} locationId={locationId} className={className}>\n          {children}\n        </RootWithLocation>\n      ) : (\n        <Root companyId={companyId} className={className}>\n          {children}\n        </Root>\n      )}\n    </BaseComponent>\n  )\n}\n"],"names":["RootWithLocation","props","location","useLocationsRetrieveSuspense","jsx","Root","companyId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","createLocation","isPendingCreate","useLocationsCreateMutation","updateLocation","isPendingUpdate","useLocationsUpdateMutation","addressType","isMailingLocked","isFilingLocked","control","methods","useForm","zodResolver","LocationFormSchema","key","handleCancel","componentEvents","onSubmit","data","innerData","payload","requestBody","refreshLocationsCache","responseData","FormProvider","HtmlForm","LocationsFormProvider","Flex","jsxs","Fragment","Head","Form","Actions","LocationForm","locationId","BaseComponent"],"mappings":"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"}
+{"version":3,"file":"LocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/LocationForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useLocationsUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/locationsUpdate'\nimport { useLocationsRetrieveSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/locationsRetrieve'\nimport { useLocationsCreateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/locationsCreate'\nimport { type Location } from '@gusto/embedded-api-v-2025-11-15/models/components/location'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { Head } from './Head'\nimport type { LocationFormInputs } from './Form'\nimport { Form, LocationFormSchema } from './Form'\nimport { Actions } from './Actions'\nimport { LocationsFormProvider } from './useLocationForm'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport type { WithRequired } from '@/types/Helpers'\n\n/**\n * Props for the {@link LocationForm} component.\n *\n * @public\n */\nexport interface LocationFormProps extends BaseComponentInterface<'Company.Locations'> {\n  /** Identifier of the company the location belongs to. */\n  companyId: string\n  /** Identifier of an existing location. When provided, the form loads and edits that location; when omitted, the form creates a new location. */\n  locationId?: string\n}\n\ntype CommonLocationFormProps = Omit<\n  LocationFormProps,\n  'FallbackComponent' | 'LoaderComponent' | 'onEvent'\n>\n\n/**Accounting for conditional logic where location data needs to be fetched only if locationId is present */\nfunction RootWithLocation(props: WithRequired<CommonLocationFormProps, 'locationId'>) {\n  const {\n    data: { location },\n  } = useLocationsRetrieveSuspense({ locationId: props.locationId })\n  return <Root {...props} location={location} />\n}\n\nfunction Root({\n  companyId,\n  location,\n  className,\n  children,\n}: CommonLocationFormProps & { location?: Location }) {\n  useI18n('Company.Locations')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const queryClient = useQueryClient()\n  const { mutateAsync: createLocation, isPending: isPendingCreate } = useLocationsCreateMutation()\n  const { mutateAsync: updateLocation, isPending: isPendingUpdate } = useLocationsUpdateMutation()\n  const addressType = ['mailingAddress', 'filingAddress'] as const\n  const isMailingLocked = location?.mailingAddress === true\n  const isFilingLocked = location?.filingAddress === true\n\n  const { control, ...methods } = useForm<LocationFormInputs>({\n    resolver: zodResolver(LocationFormSchema),\n    defaultValues: {\n      city: location?.city ?? '',\n      phoneNumber: location?.phoneNumber ?? '',\n      street1: location?.street1 ?? '',\n      street2: location?.street2 ?? '',\n      state: location?.state ?? '',\n      zip: location?.zip ?? '',\n      addressType: addressType.filter(key => location?.[key] ?? false),\n    },\n  })\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n  const onSubmit = async (data: LocationFormInputs) => {\n    await baseSubmitHandler(data, async innerData => {\n      const { addressType, ...payload } = innerData\n\n      // The PUT /v1/locations/:id endpoint treats mailing_address and filing_address\n      // as set-only flags: once a location is the company's mailing/filing address,\n      // sending false is silently ignored (a company must always have one of each).\n      // We mirror this contract by omitting locked fields from the request body.\n      const requestBody = {\n        ...payload,\n        ...(isMailingLocked ? {} : { mailingAddress: addressType?.includes('mailingAddress') }),\n        ...(isFilingLocked ? {} : { filingAddress: addressType?.includes('filingAddress') }),\n      }\n\n      // Setting mailing_address or filing_address on one location silently\n      // flips the previous holder's flag server-side, so cached data for every\n      // location (and the list) is potentially stale. We must await refetches\n      // of *inactive* queries too (refetchType: 'all') because the next form\n      // mount initializes useForm defaults synchronously from cache; otherwise\n      // useSuspenseQuery returns the stale cached value without re-suspending\n      // and the form seeds with a stale addressType on first open.\n      const refreshLocationsCache = () =>\n        queryClient.invalidateQueries({\n          queryKey: ['@gusto/embedded-api-v-2025-11-15', 'Locations'],\n          refetchType: 'all',\n        })\n\n      if (location && location.version !== undefined) {\n        const { location: responseData } = await updateLocation({\n          request: {\n            locationId: location.uuid,\n            requestBody: { ...requestBody, version: location.version },\n          },\n        })\n        await refreshLocationsCache()\n        onEvent(componentEvents.COMPANY_LOCATION_UPDATED, responseData)\n      } else {\n        const { location: responseData } = await createLocation({\n          request: {\n            companyId,\n            companyLocationRequest: requestBody,\n          },\n        })\n        await refreshLocationsCache()\n        onEvent(componentEvents.COMPANY_LOCATION_CREATED, responseData)\n      }\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <LocationsFormProvider\n            value={{ handleCancel, isPending: isPendingCreate || isPendingUpdate }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form isMailingLocked={isMailingLocked} isFilingLocked={isFilingLocked} />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </LocationsFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n\n/**\n * Standalone form for creating a new company location or editing an existing one.\n *\n * @remarks\n * Pass a `locationId` to edit an existing location; omit it to create a new one.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/location/add/done` | Fired when a new location is created | The created location |\n * | `company/location/edit/done` | Fired when a location has been successfully edited | The updated location |\n * | `CANCEL` | Fired when the user cancels editing | — |\n *\n * @param props - {@link LocationFormProps} together with the standard {@link BaseComponentInterface}.\n * @returns The location form.\n * @public\n */\nexport function LocationForm({\n  companyId,\n  locationId,\n  className,\n  children,\n  ...props\n}: LocationFormProps) {\n  return (\n    <BaseComponent {...props}>\n      {locationId ? (\n        <RootWithLocation companyId={companyId} locationId={locationId} className={className}>\n          {children}\n        </RootWithLocation>\n      ) : (\n        <Root companyId={companyId} className={className}>\n          {children}\n        </Root>\n      )}\n    </BaseComponent>\n  )\n}\n"],"names":["RootWithLocation","props","location","useLocationsRetrieveSuspense","jsx","Root","companyId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","createLocation","isPendingCreate","useLocationsCreateMutation","updateLocation","isPendingUpdate","useLocationsUpdateMutation","addressType","isMailingLocked","isFilingLocked","control","methods","useForm","zodResolver","LocationFormSchema","key","handleCancel","componentEvents","onSubmit","data","innerData","payload","requestBody","refreshLocationsCache","responseData","FormProvider","HtmlForm","LocationsFormProvider","Flex","jsxs","Fragment","Head","Form","Actions","LocationForm","locationId","BaseComponent"],"mappings":"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"}

package/dist/components/Company/Locations/LocationForm/index.d.ts

@@ -1,2 +1,3 @@
 import "./types/i18next.d.ts"
 export { LocationForm } from './LocationForm';
+export type { LocationFormProps } from './LocationForm';

package/dist/components/Company/Locations/LocationForm/useLocationForm.js

@@ -11,13 +11,12 @@ import "@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror"
 import "@gusto/embedded-api-v-2025-11-15/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [L, f] = o(
+const [d, L] = o(
   "CompanyDocumentFormContext"
 );
 export {
-  f as LocationsFormProvider,
-  L as useLocationsForm
+  L as LocationsFormProvider,
+  d as useLocationsForm
 };
 //# sourceMappingURL=useLocationForm.js.map

package/dist/components/Company/Locations/LocationForm/useLocationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/useLocationForm.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype LocationsFormContextType = {\n  isPending: boolean\n  handleCancel: () => void\n}\n\nconst [useLocationsForm, LocationsFormProvider] = createCompoundContext<LocationsFormContextType>(\n  'CompanyDocumentFormContext',\n)\n\nexport { useLocationsForm, LocationsFormProvider }\n"],"names":["useLocationsForm","LocationsFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAOA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/useLocationForm.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype LocationsFormContextType = {\n  isPending: boolean\n  handleCancel: () => void\n}\n\nconst [useLocationsForm, LocationsFormProvider] = createCompoundContext<LocationsFormContextType>(\n  'CompanyDocumentFormContext',\n)\n\nexport { useLocationsForm, LocationsFormProvider }\n"],"names":["useLocationsForm","LocationsFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAOA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

package/dist/components/Company/Locations/Locations.d.ts

@@ -15,6 +15,7 @@ export interface LocationsProps extends BaseComponentInterface<'Company.Location
  * Internally switches between a list view and a create/edit form. For more granular control,
  * use the standalone `LocationForm` component directly.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `company/location/add` | A user chooses to add a new location | — |

package/dist/components/Company/Locations/Locations.js.map

@@ -1 +1 @@
-{"version":3,"file":"Locations.js","sources":["../../../../src/components/Company/Locations/Locations.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { type LocationsContextInterface } from './locationsStateMachine'\nimport { locationsStateMachine } from './stateMachine'\nimport { LocationsListContextual } from './locationsStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for the {@link Locations} component.\n *\n * @public\n */\nexport interface LocationsProps extends BaseComponentInterface<'Company.Locations'> {\n  /** Identifier of the company whose locations are being managed. */\n  companyId: string\n}\n\n/**\n * Orchestrated component for managing a company's mailing and filing addresses.\n *\n * @remarks\n * Internally switches between a list view and a create/edit form. For more granular control,\n * use the standalone `LocationForm` component directly.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/location/add` | A user chooses to add a new location | — |\n * | `company/location/add/done` | A new location is created | Response from the create company location API |\n * | `company/location/edit` | A user selects an existing location for editing | `{ uuid: string }` |\n * | `company/location/edit/done` | A location is successfully edited | Response from the update location API |\n * | `company/location/done` | A user chooses to proceed to the next step | — |\n * | `cancel` | A user cancels the create or edit form | — |\n *\n * @param props - See {@link LocationsProps}.\n * @returns The Locations flow element.\n * @public\n */\nexport function Locations({ companyId, onEvent, dictionary }: LocationsProps) {\n  useComponentDictionary('Company.Locations', dictionary)\n\n  const manageLocations = useMemo(\n    () =>\n      createMachine(\n        'index',\n        locationsStateMachine,\n        (initialContext: LocationsContextInterface) => ({\n          ...initialContext,\n          component: LocationsListContextual,\n          companyId,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={manageLocations} onEvent={onEvent} />\n}\n"],"names":["Locations","companyId","onEvent","dictionary","useComponentDictionary","manageLocations","useMemo","createMachine","locationsStateMachine","initialContext","LocationsListContextual","jsx","Flow"],"mappings":";;;;;;;AAuCO,SAASA,EAAU,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA8B;AAC5E,EAAAC,EAAuB,qBAAqBD,CAAU;AAEtD,QAAME,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAA+C;AAAA,QAC9C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAH,EAAA,CAAkB;AAC3D;"}
+{"version":3,"file":"Locations.js","sources":["../../../../src/components/Company/Locations/Locations.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { type LocationsContextInterface } from './locationsStateMachine'\nimport { locationsStateMachine } from './stateMachine'\nimport { LocationsListContextual } from './locationsStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for the {@link Locations} component.\n *\n * @public\n */\nexport interface LocationsProps extends BaseComponentInterface<'Company.Locations'> {\n  /** Identifier of the company whose locations are being managed. */\n  companyId: string\n}\n\n/**\n * Orchestrated component for managing a company's mailing and filing addresses.\n *\n * @remarks\n * Internally switches between a list view and a create/edit form. For more granular control,\n * use the standalone `LocationForm` component directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/location/add` | A user chooses to add a new location | — |\n * | `company/location/add/done` | A new location is created | Response from the create company location API |\n * | `company/location/edit` | A user selects an existing location for editing | `{ uuid: string }` |\n * | `company/location/edit/done` | A location is successfully edited | Response from the update location API |\n * | `company/location/done` | A user chooses to proceed to the next step | — |\n * | `cancel` | A user cancels the create or edit form | — |\n *\n * @param props - See {@link LocationsProps}.\n * @returns The Locations flow element.\n * @public\n */\nexport function Locations({ companyId, onEvent, dictionary }: LocationsProps) {\n  useComponentDictionary('Company.Locations', dictionary)\n\n  const manageLocations = useMemo(\n    () =>\n      createMachine(\n        'index',\n        locationsStateMachine,\n        (initialContext: LocationsContextInterface) => ({\n          ...initialContext,\n          component: LocationsListContextual,\n          companyId,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={manageLocations} onEvent={onEvent} />\n}\n"],"names":["Locations","companyId","onEvent","dictionary","useComponentDictionary","manageLocations","useMemo","createMachine","locationsStateMachine","initialContext","LocationsListContextual","jsx","Flow"],"mappings":";;;;;;;AAwCO,SAASA,EAAU,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA8B;AAC5E,EAAAC,EAAuB,qBAAqBD,CAAU;AAEtD,QAAME,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAA+C;AAAA,QAC9C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAH,EAAA,CAAkB;AAC3D;"}

package/dist/components/Company/Locations/LocationsList/List.js

@@ -1,4 +1,4 @@
-import { jsxs as r, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as o } from "react/jsx-runtime";
 import { useTranslation as P } from "react-i18next";
 import { useLocationsList as y } from "./useLocationsList.js";
 import b from "./List.module.scss.js";
@@ -6,41 +6,41 @@ import x from "../../../../assets/icons/pencil.svg.js";
 import { EmptyData as T } from "../../../Common/EmptyData/EmptyData.js";
 import { HamburgerMenu as A } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useComponentContext as k } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { getStreet as D, getCityStateZip as S } from "../../../../helpers/formattedStrings.js";
-import { VisuallyHidden as V } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
-import { useDataView as v } from "../../../Common/DataView/useDataView.js";
-import { DataView as w } from "../../../Common/DataView/DataView.js";
+import { getStreet as w, getCityStateZip as D } from "../../../../helpers/formattedStrings.js";
+import { VisuallyHidden as S } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
+import { useDataView as V } from "../../../Common/DataView/useDataView.js";
+import { DataView as v } from "../../../Common/DataView/DataView.js";
 const J = () => {
   const a = k(), {
-    locationList: o,
+    locationList: n,
     handleEditLocation: s,
     currentPage: d,
     totalPages: l,
     totalCount: m,
     handleFirstPage: c,
-    handleItemsPerPageChange: p,
-    handleLastPage: g,
-    handleNextPage: u,
+    handleItemsPerPageChange: g,
+    handleLastPage: u,
+    handleNextPage: p,
     handlePreviousPage: h,
     handleAddLocation: f,
     itemsPerPage: C
-  } = y(), { t } = P("Company.Locations"), { ...L } = v({
-    data: o,
+  } = y(), { t } = P("Company.Locations"), { ...L } = V({
+    data: n,
     columns: [
       {
         key: "name",
         title: t("locationListCol1"),
         render: (i) => /* @__PURE__ */ r("address", { className: b.addressCell, children: [
-          /* @__PURE__ */ e(a.Text, { as: "span", children: D(i) }),
-          /* @__PURE__ */ e(a.Text, { as: "span", children: S(i) })
+          /* @__PURE__ */ e(a.Text, { size: "sm", weight: "medium", children: w(i) }),
+          /* @__PURE__ */ e(a.Text, { size: "sm", children: D(i) })
         ] })
       },
       {
         key: "status",
-        title: /* @__PURE__ */ e(V, { children: t("locationListCol2") }),
-        render: (i) => /* @__PURE__ */ r(n, { children: [
+        title: /* @__PURE__ */ e(S, { children: t("locationListCol2") }),
+        render: (i) => /* @__PURE__ */ r(o, { children: [
           i.mailingAddress && /* @__PURE__ */ e(a.Badge, { status: "info", children: t("mailingAddress") }),
-          i.filingAddress && /* @__PURE__ */ r(n, { children: [
+          i.filingAddress && /* @__PURE__ */ r(o, { children: [
             " ",
             /* @__PURE__ */ e(a.Badge, { status: "info", children: t("filingAddress") })
           ] })
@@ -65,11 +65,11 @@ const J = () => {
       }
     ),
     pagination: {
-      handleNextPage: u,
+      handleNextPage: p,
       handleFirstPage: c,
-      handleLastPage: g,
+      handleLastPage: u,
       handlePreviousPage: h,
-      handleItemsPerPageChange: p,
+      handleItemsPerPageChange: g,
       currentPage: d,
       totalPages: l,
       totalCount: m,
@@ -77,7 +77,7 @@ const J = () => {
     },
     emptyState: () => /* @__PURE__ */ e(T, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ e(a.Button, { variant: "secondary", onClick: f, children: t("addFirstLocationCta") }) })
   });
-  return /* @__PURE__ */ e(w, { label: t("locationListLabel"), ...L });
+  return /* @__PURE__ */ e(v, { label: t("locationListLabel"), ...L });
 };
 export {
   J as List

package/dist/components/Company/Locations/LocationsList/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/Locations/LocationsList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useLocationsList } from './useLocationsList'\nimport styles from './List.module.scss'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { DataView, EmptyData, useDataView, VisuallyHidden } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { getCityStateZip, getStreet } from '@/helpers/formattedStrings'\n\n/** @internal */\nexport const List = () => {\n  const Components = useComponentContext()\n  const {\n    locationList,\n    handleEditLocation,\n    currentPage,\n    totalPages,\n    totalCount,\n    handleFirstPage,\n    handleItemsPerPageChange,\n    handleLastPage,\n    handleNextPage,\n    handlePreviousPage,\n    handleAddLocation,\n    itemsPerPage,\n  } = useLocationsList()\n\n  const { t } = useTranslation('Company.Locations')\n  const { ...dataViewProps } = useDataView({\n    data: locationList,\n    columns: [\n      {\n        key: 'name',\n        title: t('locationListCol1'),\n        render: location => {\n          return (\n            <address className={styles.addressCell}>\n              <Components.Text as=\"span\">{getStreet(location)}</Components.Text>\n              <Components.Text as=\"span\">{getCityStateZip(location)}</Components.Text>\n            </address>\n          )\n        },\n      },\n      {\n        key: 'status',\n        title: <VisuallyHidden>{t('locationListCol2')}</VisuallyHidden>,\n        render: location => {\n          return (\n            <>\n              {location.mailingAddress && (\n                <Components.Badge status={'info'}>{t('mailingAddress')}</Components.Badge>\n              )}\n              {location.filingAddress && (\n                <>\n                  {' '}\n                  <Components.Badge status={'info'}>{t('filingAddress')}</Components.Badge>\n                </>\n              )}\n            </>\n          )\n        },\n      },\n    ],\n    itemMenu: location => {\n      return (\n        <HamburgerMenu\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                handleEditLocation(location.uuid)\n              },\n              icon: <PencilSvg aria-hidden />,\n              'data-testid': 'edit-location',\n            },\n          ]}\n          data-testid=\"location-hamburger\"\n          triggerLabel={t('hamburgerTitle')}\n        />\n      )\n    },\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <Components.Button variant=\"secondary\" onClick={handleAddLocation}>\n          {t('addFirstLocationCta')}\n        </Components.Button>\n      </EmptyData>\n    ),\n  })\n  return <DataView label={t('locationListLabel')} {...dataViewProps} />\n}\n"],"names":["List","Components","useComponentContext","locationList","handleEditLocation","currentPage","totalPages","totalCount","handleFirstPage","handleItemsPerPageChange","handleLastPage","handleNextPage","handlePreviousPage","handleAddLocation","itemsPerPage","useLocationsList","useTranslation","dataViewProps","useDataView","location","jsxs","styles","jsx","getStreet","getCityStateZip","VisuallyHidden","Fragment","HamburgerMenu","PencilSvg","EmptyData","DataView"],"mappings":";;;;;;;;;;;;AAUO,MAAMA,IAAO,MAAM;AACxB,QAAMC,IAAaC,EAAA,GACb;AAAA,IACJ,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAA,GAEE,EAAE,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMf;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAgB,MAEJ,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,aACzB,UAAA;AAAA,UAAA,gBAAAC,EAACrB,EAAW,MAAX,EAAgB,IAAG,QAAQ,UAAAsB,EAAUJ,CAAQ,GAAE;AAAA,UAChD,gBAAAG,EAACrB,EAAW,MAAX,EAAgB,IAAG,QAAQ,UAAAuB,EAAgBL,CAAQ,EAAA,CAAE;AAAA,QAAA,GACxD;AAAA,MAEJ;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,gBAAAG,EAACG,GAAA,EAAgB,UAAA,EAAE,kBAAkB,GAAE;AAAA,QAC9C,QAAQ,CAAAN,MAEJ,gBAAAC,EAAAM,GAAA,EACG,UAAA;AAAA,UAAAP,EAAS,oCACPlB,EAAW,OAAX,EAAiB,QAAQ,QAAS,UAAA,EAAE,gBAAgB,EAAA,CAAE;AAAA,UAExDkB,EAAS,iBACR,gBAAAC,EAAAM,GAAA,EACG,UAAA;AAAA,YAAA;AAAA,YACD,gBAAAJ,EAACrB,EAAW,OAAX,EAAiB,QAAQ,QAAS,UAAA,EAAE,eAAe,EAAA,CAAE;AAAA,UAAA,EAAA,CACxD;AAAA,QAAA,GAEJ;AAAA,MAEJ;AAAA,IACF;AAAA,IAEF,UAAU,CAAAkB,MAEN,gBAAAG;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAvB,EAAmBe,EAAS,IAAI;AAAA,YAClC;AAAA,YACA,MAAM,gBAAAG,EAACM,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,eAAe;AAAA,UAAA;AAAA,QACjB;AAAA,QAEF,eAAY;AAAA,QACZ,cAAc,EAAE,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAItC,YAAY;AAAA,MACV,gBAAAjB;AAAA,MACA,iBAAAH;AAAA,MACA,gBAAAE;AAAA,MACA,oBAAAE;AAAA,MACA,0BAAAH;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAO;AAAA,IAAA;AAAA,IAEF,YAAY,MACV,gBAAAQ,EAACO,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,GAC5E,UAAA,gBAAAP,EAACrB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASY,GAC7C,UAAA,EAAE,qBAAqB,EAAA,CAC1B,EAAA,CACF;AAAA,EAAA,CAEH;AACD,2BAAQiB,GAAA,EAAS,OAAO,EAAE,mBAAmB,GAAI,GAAGb,GAAe;AACrE;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/Locations/LocationsList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useLocationsList } from './useLocationsList'\nimport styles from './List.module.scss'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { DataView, EmptyData, useDataView, VisuallyHidden } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { getCityStateZip, getStreet } from '@/helpers/formattedStrings'\n\n/** @internal */\nexport const List = () => {\n  const Components = useComponentContext()\n  const {\n    locationList,\n    handleEditLocation,\n    currentPage,\n    totalPages,\n    totalCount,\n    handleFirstPage,\n    handleItemsPerPageChange,\n    handleLastPage,\n    handleNextPage,\n    handlePreviousPage,\n    handleAddLocation,\n    itemsPerPage,\n  } = useLocationsList()\n\n  const { t } = useTranslation('Company.Locations')\n  const { ...dataViewProps } = useDataView({\n    data: locationList,\n    columns: [\n      {\n        key: 'name',\n        title: t('locationListCol1'),\n        render: location => {\n          return (\n            <address className={styles.addressCell}>\n              <Components.Text size=\"sm\" weight=\"medium\">\n                {getStreet(location)}\n              </Components.Text>\n              <Components.Text size=\"sm\">{getCityStateZip(location)}</Components.Text>\n            </address>\n          )\n        },\n      },\n      {\n        key: 'status',\n        title: <VisuallyHidden>{t('locationListCol2')}</VisuallyHidden>,\n        render: location => {\n          return (\n            <>\n              {location.mailingAddress && (\n                <Components.Badge status={'info'}>{t('mailingAddress')}</Components.Badge>\n              )}\n              {location.filingAddress && (\n                <>\n                  {' '}\n                  <Components.Badge status={'info'}>{t('filingAddress')}</Components.Badge>\n                </>\n              )}\n            </>\n          )\n        },\n      },\n    ],\n    itemMenu: location => {\n      return (\n        <HamburgerMenu\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                handleEditLocation(location.uuid)\n              },\n              icon: <PencilSvg aria-hidden />,\n              'data-testid': 'edit-location',\n            },\n          ]}\n          data-testid=\"location-hamburger\"\n          triggerLabel={t('hamburgerTitle')}\n        />\n      )\n    },\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <Components.Button variant=\"secondary\" onClick={handleAddLocation}>\n          {t('addFirstLocationCta')}\n        </Components.Button>\n      </EmptyData>\n    ),\n  })\n  return <DataView label={t('locationListLabel')} {...dataViewProps} />\n}\n"],"names":["List","Components","useComponentContext","locationList","handleEditLocation","currentPage","totalPages","totalCount","handleFirstPage","handleItemsPerPageChange","handleLastPage","handleNextPage","handlePreviousPage","handleAddLocation","itemsPerPage","useLocationsList","useTranslation","dataViewProps","useDataView","location","jsxs","styles","jsx","getStreet","getCityStateZip","VisuallyHidden","Fragment","HamburgerMenu","PencilSvg","EmptyData","DataView"],"mappings":";;;;;;;;;;;;AAUO,MAAMA,IAAO,MAAM;AACxB,QAAMC,IAAaC,EAAA,GACb;AAAA,IACJ,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAA,GAEE,EAAE,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMf;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAgB,MAEJ,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,aACzB,UAAA;AAAA,UAAA,gBAAAC,EAACrB,EAAW,MAAX,EAAgB,MAAK,MAAK,QAAO,UAC/B,UAAAsB,EAAUJ,CAAQ,EAAA,CACrB;AAAA,UACA,gBAAAG,EAACrB,EAAW,MAAX,EAAgB,MAAK,MAAM,UAAAuB,EAAgBL,CAAQ,EAAA,CAAE;AAAA,QAAA,GACxD;AAAA,MAEJ;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,gBAAAG,EAACG,GAAA,EAAgB,UAAA,EAAE,kBAAkB,GAAE;AAAA,QAC9C,QAAQ,CAAAN,MAEJ,gBAAAC,EAAAM,GAAA,EACG,UAAA;AAAA,UAAAP,EAAS,oCACPlB,EAAW,OAAX,EAAiB,QAAQ,QAAS,UAAA,EAAE,gBAAgB,EAAA,CAAE;AAAA,UAExDkB,EAAS,iBACR,gBAAAC,EAAAM,GAAA,EACG,UAAA;AAAA,YAAA;AAAA,YACD,gBAAAJ,EAACrB,EAAW,OAAX,EAAiB,QAAQ,QAAS,UAAA,EAAE,eAAe,EAAA,CAAE;AAAA,UAAA,EAAA,CACxD;AAAA,QAAA,GAEJ;AAAA,MAEJ;AAAA,IACF;AAAA,IAEF,UAAU,CAAAkB,MAEN,gBAAAG;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAvB,EAAmBe,EAAS,IAAI;AAAA,YAClC;AAAA,YACA,MAAM,gBAAAG,EAACM,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,eAAe;AAAA,UAAA;AAAA,QACjB;AAAA,QAEF,eAAY;AAAA,QACZ,cAAc,EAAE,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAItC,YAAY;AAAA,MACV,gBAAAjB;AAAA,MACA,iBAAAH;AAAA,MACA,gBAAAE;AAAA,MACA,oBAAAE;AAAA,MACA,0BAAAH;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAO;AAAA,IAAA;AAAA,IAEF,YAAY,MACV,gBAAAQ,EAACO,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,GAC5E,UAAA,gBAAAP,EAACrB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASY,GAC7C,UAAA,EAAE,qBAAqB,EAAA,CAC1B,EAAA,CACF;AAAA,EAAA,CAEH;AACD,2BAAQiB,GAAA,EAAS,OAAO,EAAE,mBAAmB,GAAI,GAAGb,GAAe;AACrE;"}

package/dist/components/Company/Locations/LocationsList/List.module.scss.js

@@ -1,4 +1,4 @@
-const s = "_addressCell_3w9ev_1", e = {
+const s = "_addressCell_voygw_1", e = {
   addressCell: s
 };
 export {

package/dist/components/Company/Locations/LocationsList/LocationsList.d.ts

@@ -4,7 +4,7 @@ import { BaseComponentInterface } from '../../../Base/Base';
  *
  * @public
  */
-export interface LocationsListProps extends BaseComponentInterface {
+export interface LocationsListProps extends BaseComponentInterface<'Company.Locations'> {
     /** The associated company identifier. */
     companyId: string;
 }
@@ -14,6 +14,7 @@ export interface LocationsListProps extends BaseComponentInterface {
  * @remarks
  * Standalone building block used internally by the orchestrated `Locations` component for its list view. Use this directly when you need full control over navigation between the list and form views.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `company/location/add` | A user chose to add a new location | — |

package/dist/components/Company/Locations/LocationsList/LocationsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/LocationsList.tsx"],"sourcesContent":["import { useLocationsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/locationsGet'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { LocationsListProvider } from './useLocationsList'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/**\n * Props for the {@link LocationsList} component.\n *\n * @public\n */\nexport interface LocationsListProps extends BaseComponentInterface {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of work locations for a company.\n *\n * @remarks\n * Standalone building block used internally by the orchestrated `Locations` component for its list view. Use this directly when you need full control over navigation between the list and form views.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/location/add` | A user chose to add a new location | — |\n * | `company/location/edit` | A user chose to edit a specific location | `{ uuid: string }` |\n * | `company/location/done` | The user chose to proceed to the next step | — |\n *\n * @param props - Component props including the `companyId` whose locations should be listed.\n * @returns The rendered locations list section.\n * @public\n */\nexport function LocationsList(props: LocationsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, className, children }: LocationsListProps) {\n  useI18n('Company.Locations')\n  const { onEvent } = useBase()\n\n  const { getPaginationProps } = usePagination()\n\n  const {\n    data: { companyLocationsList, httpMeta },\n  } = useLocationsGetSuspense({ companyId })\n\n  const handleContinue = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_DONE)\n  }\n  const handleAddLocation = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_CREATE)\n  }\n  const handleEditLocation = (uuid: string) => {\n    onEvent(companyEvents.COMPANY_LOCATION_EDIT, { uuid })\n  }\n\n  return (\n    <section className={className}>\n      <LocationsListProvider\n        value={{\n          ...getPaginationProps(httpMeta.response.headers),\n          locationList: companyLocationsList ?? [],\n          handleAddLocation,\n          handleEditLocation,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </LocationsListProvider>\n    </section>\n  )\n}\n"],"names":["LocationsList","props","jsx","BaseComponent","Root","companyId","className","children","useI18n","onEvent","useBase","getPaginationProps","usePagination","companyLocationsList","httpMeta","useLocationsGetSuspense","handleContinue","companyEvents","handleAddLocation","handleEditLocation","uuid","LocationsListProvider","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;;;;;AAsCO,SAASA,EAAcC,GAA2B;AACvD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,KAAgC;AACpE,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzB;AAAA,IACJ,MAAM,EAAE,sBAAAC,GAAsB,UAAAC,EAAA;AAAA,EAAS,IACrCC,EAAwB,EAAE,WAAAV,GAAW,GAEnCW,IAAiB,MAAM;AAC3B,IAAAP,EAAQQ,EAAc,qBAAqB;AAAA,EAC7C,GACMC,IAAoB,MAAM;AAC9B,IAAAT,EAAQQ,EAAc,uBAAuB;AAAA,EAC/C,GACME,IAAqB,CAACC,MAAiB;AAC3C,IAAAX,EAAQQ,EAAc,uBAAuB,EAAE,MAAAG,EAAA,CAAM;AAAA,EACvD;AAEA,SACE,gBAAAlB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAGV,EAAmBG,EAAS,SAAS,OAAO;AAAA,QAC/C,cAAcD,KAAwB,CAAA;AAAA,QACtC,mBAAAK;AAAA,QACA,oBAAAC;AAAA,QACA,gBAAAH;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAd,EAACoB,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC9C,UAAAf,KAGC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAtB,EAACuB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"LocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/LocationsList.tsx"],"sourcesContent":["import { useLocationsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/locationsGet'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { LocationsListProvider } from './useLocationsList'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/**\n * Props for the {@link LocationsList} component.\n *\n * @public\n */\nexport interface LocationsListProps extends BaseComponentInterface<'Company.Locations'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of work locations for a company.\n *\n * @remarks\n * Standalone building block used internally by the orchestrated `Locations` component for its list view. Use this directly when you need full control over navigation between the list and form views.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/location/add` | A user chose to add a new location | — |\n * | `company/location/edit` | A user chose to edit a specific location | `{ uuid: string }` |\n * | `company/location/done` | The user chose to proceed to the next step | — |\n *\n * @param props - Component props including the `companyId` whose locations should be listed.\n * @returns The rendered locations list section.\n * @public\n */\nexport function LocationsList(props: LocationsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, className, children }: LocationsListProps) {\n  useI18n('Company.Locations')\n  const { onEvent } = useBase()\n\n  const { getPaginationProps } = usePagination()\n\n  const {\n    data: { companyLocationsList, httpMeta },\n  } = useLocationsGetSuspense({ companyId })\n\n  const handleContinue = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_DONE)\n  }\n  const handleAddLocation = () => {\n    onEvent(companyEvents.COMPANY_LOCATION_CREATE)\n  }\n  const handleEditLocation = (uuid: string) => {\n    onEvent(companyEvents.COMPANY_LOCATION_EDIT, { uuid })\n  }\n\n  return (\n    <section className={className}>\n      <LocationsListProvider\n        value={{\n          ...getPaginationProps(httpMeta.response.headers),\n          locationList: companyLocationsList ?? [],\n          handleAddLocation,\n          handleEditLocation,\n          handleContinue,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <List />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </LocationsListProvider>\n    </section>\n  )\n}\n"],"names":["LocationsList","props","jsx","BaseComponent","Root","companyId","className","children","useI18n","onEvent","useBase","getPaginationProps","usePagination","companyLocationsList","httpMeta","useLocationsGetSuspense","handleContinue","companyEvents","handleAddLocation","handleEditLocation","uuid","LocationsListProvider","Flex","jsxs","Fragment","Head","List","Actions"],"mappings":";;;;;;;;;;;;;;;AAuCO,SAASA,EAAcC,GAA2B;AACvD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,KAAgC;AACpE,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzB;AAAA,IACJ,MAAM,EAAE,sBAAAC,GAAsB,UAAAC,EAAA;AAAA,EAAS,IACrCC,EAAwB,EAAE,WAAAV,GAAW,GAEnCW,IAAiB,MAAM;AAC3B,IAAAP,EAAQQ,EAAc,qBAAqB;AAAA,EAC7C,GACMC,IAAoB,MAAM;AAC9B,IAAAT,EAAQQ,EAAc,uBAAuB;AAAA,EAC/C,GACME,IAAqB,CAACC,MAAiB;AAC3C,IAAAX,EAAQQ,EAAc,uBAAuB,EAAE,MAAAG,EAAA,CAAM;AAAA,EACvD;AAEA,SACE,gBAAAlB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAGV,EAAmBG,EAAS,SAAS,OAAO;AAAA,QAC/C,cAAcD,KAAwB,CAAA;AAAA,QACtC,mBAAAK;AAAA,QACA,oBAAAC;AAAA,QACA,gBAAAH;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAd,EAACoB,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC9C,UAAAf,KAGC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAtB,EAACuB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/Locations/LocationsList/useLocationsList.js

@@ -11,13 +11,12 @@ import "@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror"
 import "@gusto/embedded-api-v-2025-11-15/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [f, v] = o(
+const [d, f] = o(
   "CompanyDocumentListContext"
 );
 export {
-  v as LocationsListProvider,
-  f as useLocationsList
+  f as LocationsListProvider,
+  d as useLocationsList
 };
 //# sourceMappingURL=useLocationsList.js.map

package/dist/components/Company/Locations/LocationsList/useLocationsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api-v-2025-11-15/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api-v-2025-11-15/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

package/dist/components/Company/Locations/stateMachine.js

@@ -25,12 +25,10 @@ const d = n(
     n(
       i.COMPANY_LOCATION_CREATE,
       "locationAdd",
-      t(
-        (o) => ({
-          ...o,
-          component: e
-        })
-      )
+      t((o) => ({
+        ...o,
+        component: e
+      }))
     )
   ),
   locationAdd: c(

package/dist/components/Company/Locations/stateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Company/Locations/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { LocationsContextInterface, EventPayloads } from './locationsStateMachine'\nimport { LocationFormContextual, LocationsListContextual } from './locationsStateMachine'\nimport { companyEvents, componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nconst cancelTransition = transition(\n  componentEvents.CANCEL,\n  'index',\n  reduce((ctx: LocationsContextInterface) => ({\n    ...ctx,\n    component: LocationsListContextual,\n    locationId: undefined,\n  })),\n)\n\n/** @internal */\nexport const locationsStateMachine = {\n  index: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_EDIT,\n      'locationEdit',\n      reduce(\n        (\n          ctx: LocationsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof companyEvents.COMPANY_LOCATION_EDIT>,\n        ): LocationsContextInterface => ({\n          ...ctx,\n          component: LocationFormContextual,\n          locationId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      companyEvents.COMPANY_LOCATION_CREATE,\n      'locationAdd',\n      reduce(\n        (ctx: LocationsContextInterface): LocationsContextInterface => ({\n          ...ctx,\n          component: LocationFormContextual,\n        }),\n      ),\n    ),\n  ),\n  locationAdd: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_CREATED,\n      'index',\n      reduce((ctx: LocationsContextInterface) => ({ ...ctx, component: LocationsListContextual })),\n    ),\n    cancelTransition,\n  ),\n  locationEdit: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_UPDATED,\n      'index',\n      reduce((ctx: LocationsContextInterface) => ({\n        ...ctx,\n        component: LocationsListContextual,\n        locationId: undefined,\n      })),\n    ),\n    cancelTransition,\n  ),\n}\n"],"names":["cancelTransition","transition","componentEvents","reduce","ctx","LocationsListContextual","locationsStateMachine","state","companyEvents","ev","LocationFormContextual"],"mappings":";;;AAMA,MAAMA,IAAmBC;AAAA,EACvBC,EAAgB;AAAA,EAChB;AAAA,EACAC,EAAO,CAACC,OAAoC;AAAA,IAC1C,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,YAAY;AAAA,EAAA,EACZ;AACJ,GAGaC,IAAwB;AAAA,EACnC,OAAOC;AAAA,IACLN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL;AAAA,QACE,CACEC,GACAK,OAC+B;AAAA,UAC/B,GAAGL;AAAA,UACH,WAAWM;AAAA,UACX,YAAYD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFR;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL;AAAA,QACE,CAACC,OAA+D;AAAA,UAC9D,GAAGA;AAAA,UACH,WAAWM;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,aAAaH;AAAA,IACXN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL,EAAO,CAACC,OAAoC,EAAE,GAAGA,GAAK,WAAWC,IAA0B;AAAA,IAAA;AAAA,IAE7FL;AAAA,EAAA;AAAA,EAEF,cAAcO;AAAA,IACZN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL,EAAO,CAACC,OAAoC;AAAA,QAC1C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,YAAY;AAAA,MAAA,EACZ;AAAA,IAAA;AAAA,IAEJL;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Company/Locations/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { LocationsContextInterface, EventPayloads } from './locationsStateMachine'\nimport { LocationFormContextual, LocationsListContextual } from './locationsStateMachine'\nimport { companyEvents, componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nconst cancelTransition = transition(\n  componentEvents.CANCEL,\n  'index',\n  reduce((ctx: LocationsContextInterface) => ({\n    ...ctx,\n    component: LocationsListContextual,\n    locationId: undefined,\n  })),\n)\n\n/** @internal */\nexport const locationsStateMachine = {\n  index: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_EDIT,\n      'locationEdit',\n      reduce(\n        (\n          ctx: LocationsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof companyEvents.COMPANY_LOCATION_EDIT>,\n        ): LocationsContextInterface => ({\n          ...ctx,\n          component: LocationFormContextual,\n          locationId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      companyEvents.COMPANY_LOCATION_CREATE,\n      'locationAdd',\n      reduce((ctx: LocationsContextInterface): LocationsContextInterface => ({\n        ...ctx,\n        component: LocationFormContextual,\n      })),\n    ),\n  ),\n  locationAdd: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_CREATED,\n      'index',\n      reduce((ctx: LocationsContextInterface) => ({ ...ctx, component: LocationsListContextual })),\n    ),\n    cancelTransition,\n  ),\n  locationEdit: state<MachineTransition>(\n    transition(\n      companyEvents.COMPANY_LOCATION_UPDATED,\n      'index',\n      reduce((ctx: LocationsContextInterface) => ({\n        ...ctx,\n        component: LocationsListContextual,\n        locationId: undefined,\n      })),\n    ),\n    cancelTransition,\n  ),\n}\n"],"names":["cancelTransition","transition","componentEvents","reduce","ctx","LocationsListContextual","locationsStateMachine","state","companyEvents","ev","LocationFormContextual"],"mappings":";;;AAMA,MAAMA,IAAmBC;AAAA,EACvBC,EAAgB;AAAA,EAChB;AAAA,EACAC,EAAO,CAACC,OAAoC;AAAA,IAC1C,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,YAAY;AAAA,EAAA,EACZ;AACJ,GAGaC,IAAwB;AAAA,EACnC,OAAOC;AAAA,IACLN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL;AAAA,QACE,CACEC,GACAK,OAC+B;AAAA,UAC/B,GAAGL;AAAA,UACH,WAAWM;AAAA,UACX,YAAYD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFR;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWM;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,aAAaH;AAAA,IACXN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL,EAAO,CAACC,OAAoC,EAAE,GAAGA,GAAK,WAAWC,IAA0B;AAAA,IAAA;AAAA,IAE7FL;AAAA,EAAA;AAAA,EAEF,cAAcO;AAAA,IACZN;AAAA,MACEO,EAAc;AAAA,MACd;AAAA,MACAL,EAAO,CAACC,OAAoC;AAAA,QAC1C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,YAAY;AAAA,MAAA,EACZ;AAAA,IAAA;AAAA,IAEJL;AAAA,EAAA;AAEJ;"}

package/dist/components/Company/OnboardingFlow/OnboardingFlow.d.ts

@@ -1,12 +1,14 @@
 import { OnboardingFlowProps } from './OnboardingFlowComponents';
+export type { OnboardingFlowProps, OnboardingFlowDefaultValues } from './OnboardingFlowComponents';
 /**
- * Orchestrated multi-step flow that guides a company through onboarding to Gusto Embedded Payroll.
+ * Guided flow to onboard a company to Gusto.
  *
  * @remarks
  * The flow begins on the overview screen and steps through locations, federal taxes, industry,
  * bank account, employee onboarding, pay schedule, state taxes, and document signing before
  * returning to the overview.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `company/overview/continue` | User chose to continue to the next outstanding onboarding requirement | — |
@@ -20,8 +22,43 @@ import { OnboardingFlowProps } from './OnboardingFlowComponents';
  * | `company/stateTaxes/done` | User completed the state taxes step | — |
  * | `company/forms/done` | User completed signing company documents | — |
  *
+ * Each step is also exported as a standalone block (see the Sub-components
+ * table) for composing a custom workflow when this orchestration is the wrong
+ * fit. See the
+ * {@link https://sdk.gusto.com/docs/integration-guide/composition | Composition guide}
+ * for how to recompose these blocks into your own flow.
+ *
+ * @components
+ * - {@link OnboardingOverview}
+ * - {@link Locations}
+ * - {@link FederalTaxes}
+ * - {@link Industry}
+ * - {@link BankAccount}
+ * - {@link EmployeeOnboarding.OnboardingFlow}
+ * - {@link PaySchedule}
+ * - {@link StateTaxes}
+ * - {@link DocumentSigner}
+ *
  * @param props - See {@link OnboardingFlowProps}.
  * @returns The multi-step company onboarding flow with internal navigation between the overview and the per-step screens.
  * @public
+ *
+ * @example
+ * ```tsx title="App.tsx"
+ * import { CompanyOnboarding, type EventType } from '@gusto/embedded-react-sdk'
+ *
+ * function MyApp() {
+ *   return (
+ *     <CompanyOnboarding.OnboardingFlow
+ *       companyId="a007e1ab-3595-43c2-ab4b-af7a5af2e365"
+ *       onEvent={(eventType: EventType) => {
+ *         if (eventType === 'company/overview/done') {
+ *           // Onboarding complete — navigate to your next screen
+ *         }
+ *       }}
+ *     />
+ *   )
+ * }
+ * ```
  */
 export declare const OnboardingFlow: ({ companyId, onEvent, defaultValues }: OnboardingFlowProps) => import("react").JSX.Element;

package/dist/components/Company/OnboardingFlow/OnboardingFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Company/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { onboardingMachine } from './onboardingStateMachine'\nimport type { OnboardingFlowProps } from './OnboardingFlowComponents'\nimport {\n  OnboardingOverviewContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\n/**\n * Orchestrated multi-step flow that guides a company through onboarding to Gusto Embedded Payroll.\n *\n * @remarks\n * The flow begins on the overview screen and steps through locations, federal taxes, industry,\n * bank account, employee onboarding, pay schedule, state taxes, and document signing before\n * returning to the overview.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/overview/continue` | User chose to continue to the next outstanding onboarding requirement | — |\n * | `company/overview/done` | User signaled they are done with the overview screen | — |\n * | `company/location/done` | User completed the locations step | — |\n * | `company/federalTaxes/done` | User completed the federal taxes step | — |\n * | `company/industry/selected` | User selected and saved an industry | The saved `industry` field from the update industry selection API |\n * | `company/bankAccount/done` | User completed the bank account step | — |\n * | `employee/onboarding/done` | User completed the embedded employee onboarding sub-flow | — |\n * | `paySchedule/done` | User completed the pay schedule step | — |\n * | `company/stateTaxes/done` | User completed the state taxes step | — |\n * | `company/forms/done` | User completed signing company documents | — |\n *\n * @param props - See {@link OnboardingFlowProps}.\n * @returns The multi-step company onboarding flow with internal navigation between the overview and the per-step screens.\n * @public\n */\nexport const OnboardingFlow = ({ companyId, onEvent, defaultValues }: OnboardingFlowProps) => {\n  const onboardingFlow = useMemo(\n    () =>\n      createMachine(\n        'overview',\n        onboardingMachine,\n        (initialContext: OnboardingFlowContextInterface) => ({\n          ...initialContext,\n          component: OnboardingOverviewContextual,\n          companyId,\n          defaultValues,\n        }),\n      ),\n    [companyId, defaultValues],\n  )\n  return <Flow machine={onboardingFlow} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","onboardingFlow","useMemo","createMachine","onboardingMachine","initialContext","OnboardingOverviewContextual","jsx","Flow"],"mappings":";;;;;;AAmCO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,QAAyC;AAC5F,QAAMC,IAAiBC;AAAA,IACrB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,eAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACF,GAAWE,CAAa;AAAA,EAAA;AAE3B,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAgB,SAAAF,EAAA,CAAkB;AAC1D;"}
+{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Company/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { onboardingMachine } from './onboardingStateMachine'\nimport type { OnboardingFlowProps } from './OnboardingFlowComponents'\nimport {\n  OnboardingOverviewContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport type { OnboardingFlowProps, OnboardingFlowDefaultValues } from './OnboardingFlowComponents'\n/**\n * Guided flow to onboard a company to Gusto.\n *\n * @remarks\n * The flow begins on the overview screen and steps through locations, federal taxes, industry,\n * bank account, employee onboarding, pay schedule, state taxes, and document signing before\n * returning to the overview.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/overview/continue` | User chose to continue to the next outstanding onboarding requirement | — |\n * | `company/overview/done` | User signaled they are done with the overview screen | — |\n * | `company/location/done` | User completed the locations step | — |\n * | `company/federalTaxes/done` | User completed the federal taxes step | — |\n * | `company/industry/selected` | User selected and saved an industry | The saved `industry` field from the update industry selection API |\n * | `company/bankAccount/done` | User completed the bank account step | — |\n * | `employee/onboarding/done` | User completed the embedded employee onboarding sub-flow | — |\n * | `paySchedule/done` | User completed the pay schedule step | — |\n * | `company/stateTaxes/done` | User completed the state taxes step | — |\n * | `company/forms/done` | User completed signing company documents | — |\n *\n * Each step is also exported as a standalone block (see the Sub-components\n * table) for composing a custom workflow when this orchestration is the wrong\n * fit. See the\n * {@link https://sdk.gusto.com/docs/integration-guide/composition | Composition guide}\n * for how to recompose these blocks into your own flow.\n *\n * @components\n * - {@link OnboardingOverview}\n * - {@link Locations}\n * - {@link FederalTaxes}\n * - {@link Industry}\n * - {@link BankAccount}\n * - {@link EmployeeOnboarding.OnboardingFlow}\n * - {@link PaySchedule}\n * - {@link StateTaxes}\n * - {@link DocumentSigner}\n *\n * @param props - See {@link OnboardingFlowProps}.\n * @returns The multi-step company onboarding flow with internal navigation between the overview and the per-step screens.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { CompanyOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <CompanyOnboarding.OnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'company/overview/done') {\n *           // Onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const OnboardingFlow = ({ companyId, onEvent, defaultValues }: OnboardingFlowProps) => {\n  const onboardingFlow = useMemo(\n    () =>\n      createMachine(\n        'overview',\n        onboardingMachine,\n        (initialContext: OnboardingFlowContextInterface) => ({\n          ...initialContext,\n          component: OnboardingOverviewContextual,\n          companyId,\n          defaultValues,\n        }),\n      ),\n    [companyId, defaultValues],\n  )\n  return <Flow machine={onboardingFlow} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","onboardingFlow","useMemo","createMachine","onboardingMachine","initialContext","OnboardingOverviewContextual","jsx","Flow"],"mappings":";;;;;;AAwEO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,QAAyC;AAC5F,QAAMC,IAAiBC;AAAA,IACrB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,eAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACF,GAAWE,CAAa;AAAA,EAAA;AAE3B,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAgB,SAAAF,EAAA,CAAkB;AAC1D;"}

package/dist/components/Company/OnboardingFlow/OnboardingFlowComponents.d.ts

@@ -3,8 +3,20 @@ import { PayScheduleDefaultValues } from '../PaySchedule/PaySchedule';
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { RequireAtLeastOne } from '../../../types/Helpers';
 import { BaseComponentInterface } from '../../Base';
-type OnboardingFlowDefaultValues = RequireAtLeastOne<{
+/**
+ * Default values for the company onboarding flow's per-step form components.
+ *
+ * @remarks
+ * At least one of the step-level keys must be provided. Per-step values are
+ * forwarded to the matching step component. If company data is already
+ * available via the API, the corresponding values are overwritten.
+ *
+ * @public
+ */
+export type OnboardingFlowDefaultValues = RequireAtLeastOne<{
+    /** Default values forwarded to the federal taxes step. */
     federalTaxes?: FederalTaxesDefaultValues;
+    /** Default values forwarded to the pay schedule step. */
     paySchedule?: PayScheduleDefaultValues;
 }>;
 /**
@@ -12,7 +24,7 @@ type OnboardingFlowDefaultValues = RequireAtLeastOne<{
  *
  * @public
  */
-export interface OnboardingFlowProps extends BaseComponentInterface {
+export interface OnboardingFlowProps extends BaseComponentInterface<never> {
     /** The associated company identifier. */
     companyId: string;
     /** Default values applied to individual flow step components (federal taxes, pay schedule). */
@@ -41,4 +53,3 @@ export declare function StateTaxesContextual(): import("react").JSX.Element;
 export declare function DocumentSignerContextual(): import("react").JSX.Element;
 /** @internal */
 export declare function OnboardingOverviewContextual(): import("react").JSX.Element;
-export {};

package/dist/components/Company/OnboardingFlow/OnboardingFlowComponents.js

@@ -1,23 +1,23 @@
 import { jsx as t } from "react/jsx-runtime";
-import { BankAccount as c } from "../BankAccount/BankAccount.js";
-import { StateTaxes as u } from "../StateTaxes/StateTaxes.js";
+import { BankAccount as u } from "../BankAccount/BankAccount.js";
+import { StateTaxes as c } from "../StateTaxes/StateTaxes.js";
 import { OnboardingOverview as m } from "../OnboardingOverview/OnboardingOverview.js";
 import { Locations as d } from "../Locations/Locations.js";
 import { useFlow as e } from "../../Flow/useFlow.js";
 import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
 import { OnboardingFlow as p } from "../../Employee/OnboardingFlow/OnboardingFlow.js";
 import { DocumentSigner as i } from "../DocumentSigner/DocumentSigner.js";
-import { PaySchedule as f } from "../PaySchedule/PaySchedule.js";
-import { Industry as l } from "../Industry/Industry.js";
-import { FederalTaxes as s } from "../FederalTaxes/FederalTaxes.js";
-function V() {
+import { PaySchedule as s } from "../PaySchedule/PaySchedule.js";
+import { Industry as f } from "../Industry/Industry.js";
+import { FederalTaxes as l } from "../FederalTaxes/FederalTaxes.js";
+function F() {
   const { companyId: n, onEvent: o } = e();
   return /* @__PURE__ */ t(d, { onEvent: o, companyId: r(n) });
 }
-function b() {
+function V() {
   const { companyId: n, defaultValues: o, onEvent: a } = e();
   return /* @__PURE__ */ t(
-    s,
+    l,
     {
       onEvent: a,
       companyId: r(n),
@@ -25,22 +25,29 @@ function b() {
     }
   );
 }
-function h() {
+function b() {
   const { companyId: n, onEvent: o } = e();
-  return /* @__PURE__ */ t(l, { onEvent: o, companyId: r(n) });
+  return /* @__PURE__ */ t(f, { onEvent: o, companyId: r(n) });
 }
-function k() {
+function B() {
   const { companyId: n, onEvent: o } = e();
-  return /* @__PURE__ */ t(c, { onEvent: o, companyId: r(n) });
+  return /* @__PURE__ */ t(u, { onEvent: o, companyId: r(n) });
 }
-function A() {
+function k() {
   const { companyId: n, onEvent: o } = e();
-  return /* @__PURE__ */ t(p, { onEvent: o, companyId: r(n) });
+  return /* @__PURE__ */ t(
+    p,
+    {
+      onEvent: o,
+      companyId: r(n),
+      showContinueButton: !0
+    }
+  );
 }
-function B() {
+function A() {
   const { companyId: n, defaultValues: o, onEvent: a } = e();
   return /* @__PURE__ */ t(
-    f,
+    s,
     {
       onEvent: a,
       companyId: r(n),
@@ -50,7 +57,7 @@ function B() {
 }
 function D() {
   const { companyId: n, onEvent: o } = e();
-  return /* @__PURE__ */ t(u, { onEvent: o, companyId: r(n) });
+  return /* @__PURE__ */ t(c, { onEvent: o, companyId: r(n) });
 }
 function L() {
   const { companyId: n, onEvent: o } = e();
@@ -61,14 +68,14 @@ function P() {
   return /* @__PURE__ */ t(m, { companyId: r(n), onEvent: o });
 }
 export {
-  k as BankAccountContextual,
+  B as BankAccountContextual,
   L as DocumentSignerContextual,
-  A as EmployeesContextual,
-  b as FederalTaxesContextual,
-  h as IndustryContextual,
-  V as LocationsContextual,
+  k as EmployeesContextual,
+  V as FederalTaxesContextual,
+  b as IndustryContextual,
+  F as LocationsContextual,
   P as OnboardingOverviewContextual,
-  B as PayScheduleContextual,
+  A as PayScheduleContextual,
   D as StateTaxesContextual
 };
 //# sourceMappingURL=OnboardingFlowComponents.js.map

package/dist/components/Company/OnboardingFlow/OnboardingFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Company/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import { Industry } from '../Industry'\nimport { BankAccount } from '../BankAccount/BankAccount'\nimport { PaySchedule } from '../PaySchedule'\nimport { StateTaxes } from '../StateTaxes/StateTaxes'\nimport { DocumentSigner } from '../DocumentSigner'\nimport { OnboardingOverview } from '../OnboardingOverview/OnboardingOverview'\nimport { FederalTaxes } from '../FederalTaxes'\nimport type { FederalTaxesDefaultValues } from '../FederalTaxes/useFederalTaxes'\nimport type { PayScheduleDefaultValues } from '../PaySchedule/PaySchedule'\nimport { Locations } from '@/components/Company/Locations/Locations'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { OnboardingFlow as EmployeeOnboardingFlow } from '@/components/Employee/OnboardingFlow/OnboardingFlow'\n\ntype OnboardingFlowDefaultValues = RequireAtLeastOne<{\n  federalTaxes?: FederalTaxesDefaultValues\n  paySchedule?: PayScheduleDefaultValues\n}>\n/**\n * Props for the company onboarding flow orchestrator.\n *\n * @public\n */\nexport interface OnboardingFlowProps extends BaseComponentInterface {\n  /** The associated company identifier. */\n  companyId: string\n  /** Default values applied to individual flow step components (federal taxes, pay schedule). */\n  defaultValues?: RequireAtLeastOne<OnboardingFlowDefaultValues>\n}\n/** @internal */\nexport interface OnboardingFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  defaultValues?: OnboardingFlowDefaultValues\n}\n\n/** @internal */\nexport function LocationsContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <Locations onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function FederalTaxesContextual() {\n  const { companyId, defaultValues, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <FederalTaxes\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      defaultValues={defaultValues?.federalTaxes}\n    />\n  )\n}\n\n/** @internal */\nexport function IndustryContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <Industry onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function BankAccountContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <BankAccount onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function EmployeesContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <EmployeeOnboardingFlow onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function PayScheduleContextual() {\n  const { companyId, defaultValues, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <PaySchedule\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      defaultValues={defaultValues?.paySchedule}\n    />\n  )\n}\n/** @internal */\nexport function StateTaxesContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <StateTaxes onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function DocumentSignerContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <DocumentSigner onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function OnboardingOverviewContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <OnboardingOverview companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n"],"names":["LocationsContextual","companyId","onEvent","useFlow","Locations","ensureRequired","FederalTaxesContextual","defaultValues","jsx","FederalTaxes","IndustryContextual","Industry","BankAccountContextual","BankAccount","EmployeesContextual","EmployeeOnboardingFlow","PayScheduleContextual","PaySchedule","StateTaxesContextual","StateTaxes","DocumentSignerContextual","DocumentSigner","OnboardingOverviewContextual","OnboardingOverview"],"mappings":";;;;;;;;;;;;AAsCO,SAASA,IAAsB;AACpC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAU,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC5E;AAEO,SAASK,IAAyB;AACvC,QAAM,EAAE,WAAAL,GAAW,eAAAM,GAAe,SAAAL,EAAA,IAAYC,EAAA;AAC9C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,eAAeM,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAGO,SAASG,IAAqB;AACnC,QAAM,EAAE,WAAAT,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQQ,GAAA,EAAS,SAAAT,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC3E;AAGO,SAASW,IAAwB;AACtC,QAAM,EAAE,WAAAX,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQU,GAAA,EAAY,SAAAX,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC9E;AAEO,SAASa,IAAsB;AACpC,QAAM,EAAE,WAAAb,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQY,GAAA,EAAuB,SAAAb,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACzF;AAEO,SAASe,IAAwB;AACtC,QAAM,EAAE,WAAAf,GAAW,eAAAM,GAAe,SAAAL,EAAA,IAAYC,EAAA;AAC9C,SACE,gBAAAK;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAAf;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,eAAeM,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEO,SAASW,IAAuB;AACrC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAW,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC7E;AAEO,SAASmB,IAA2B;AACzC,QAAM,EAAE,WAAAnB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQkB,GAAA,EAAe,SAAAnB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASqB,IAA+B;AAC7C,QAAM,EAAE,WAAArB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQoB,GAAA,EAAmB,WAAWlB,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AACrF;"}
+{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Company/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import { Industry } from '../Industry'\nimport { BankAccount } from '../BankAccount/BankAccount'\nimport { PaySchedule } from '../PaySchedule'\nimport { StateTaxes } from '../StateTaxes/StateTaxes'\nimport { DocumentSigner } from '../DocumentSigner'\nimport { OnboardingOverview } from '../OnboardingOverview/OnboardingOverview'\nimport { FederalTaxes } from '../FederalTaxes'\nimport type { FederalTaxesDefaultValues } from '../FederalTaxes/useFederalTaxes'\nimport type { PayScheduleDefaultValues } from '../PaySchedule/PaySchedule'\nimport { Locations } from '@/components/Company/Locations/Locations'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { OnboardingFlow as EmployeeOnboardingFlow } from '@/components/Employee/OnboardingFlow/OnboardingFlow'\n\n/**\n * Default values for the company onboarding flow's per-step form components.\n *\n * @remarks\n * At least one of the step-level keys must be provided. Per-step values are\n * forwarded to the matching step component. If company data is already\n * available via the API, the corresponding values are overwritten.\n *\n * @public\n */\nexport type OnboardingFlowDefaultValues = RequireAtLeastOne<{\n  /** Default values forwarded to the federal taxes step. */\n  federalTaxes?: FederalTaxesDefaultValues\n  /** Default values forwarded to the pay schedule step. */\n  paySchedule?: PayScheduleDefaultValues\n}>\n\n/**\n * Props for the company onboarding flow orchestrator.\n *\n * @public\n */\nexport interface OnboardingFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Default values applied to individual flow step components (federal taxes, pay schedule). */\n  defaultValues?: RequireAtLeastOne<OnboardingFlowDefaultValues>\n}\n/** @internal */\nexport interface OnboardingFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  defaultValues?: OnboardingFlowDefaultValues\n}\n\n/** @internal */\nexport function LocationsContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <Locations onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function FederalTaxesContextual() {\n  const { companyId, defaultValues, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <FederalTaxes\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      defaultValues={defaultValues?.federalTaxes}\n    />\n  )\n}\n\n/** @internal */\nexport function IndustryContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <Industry onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function BankAccountContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <BankAccount onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function EmployeesContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <EmployeeOnboardingFlow\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      showContinueButton\n    />\n  )\n}\n/** @internal */\nexport function PayScheduleContextual() {\n  const { companyId, defaultValues, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return (\n    <PaySchedule\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      defaultValues={defaultValues?.paySchedule}\n    />\n  )\n}\n/** @internal */\nexport function StateTaxesContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <StateTaxes onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function DocumentSignerContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <DocumentSigner onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n/** @internal */\nexport function OnboardingOverviewContextual() {\n  const { companyId, onEvent } = useFlow<OnboardingFlowContextInterface>()\n  return <OnboardingOverview companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n"],"names":["LocationsContextual","companyId","onEvent","useFlow","Locations","ensureRequired","FederalTaxesContextual","defaultValues","jsx","FederalTaxes","IndustryContextual","Industry","BankAccountContextual","BankAccount","EmployeesContextual","EmployeeOnboardingFlow","PayScheduleContextual","PaySchedule","StateTaxesContextual","StateTaxes","DocumentSignerContextual","DocumentSigner","OnboardingOverviewContextual","OnboardingOverview"],"mappings":";;;;;;;;;;;;AAmDO,SAASA,IAAsB;AACpC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAU,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC5E;AAEO,SAASK,IAAyB;AACvC,QAAM,EAAE,WAAAL,GAAW,eAAAM,GAAe,SAAAL,EAAA,IAAYC,EAAA;AAC9C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,eAAeM,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAGO,SAASG,IAAqB;AACnC,QAAM,EAAE,WAAAT,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQQ,GAAA,EAAS,SAAAT,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC3E;AAGO,SAASW,IAAwB;AACtC,QAAM,EAAE,WAAAX,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQU,GAAA,EAAY,SAAAX,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC9E;AAEO,SAASa,IAAsB;AACpC,QAAM,EAAE,WAAAb,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,SACE,gBAAAK;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,oBAAkB;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEO,SAASe,IAAwB;AACtC,QAAM,EAAE,WAAAf,GAAW,eAAAM,GAAe,SAAAL,EAAA,IAAYC,EAAA;AAC9C,SACE,gBAAAK;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAAf;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,eAAeM,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEO,SAASW,IAAuB;AACrC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAW,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC7E;AAEO,SAASmB,IAA2B;AACzC,QAAM,EAAE,WAAAnB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQkB,GAAA,EAAe,SAAAnB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASqB,IAA+B;AAC7C,QAAM,EAAE,WAAArB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQoB,GAAA,EAAmB,WAAWlB,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AACrF;"}