@gusto/embedded-react-sdk 0.48.1 → 0.48.3

package/dist/components/Employee/Profile/onboarding/EmployeeProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/EmployeeProfile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeAddressesGetWorkAddresses } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeAddressesGetWorkAddresses'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport styles from './EmployeeProfile.module.scss'\nimport type { ProfileProps } from './Profile'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\n\nconst SELF_OPTIONAL_FIELDS: EmployeeDetailsOptionalFieldsToRequire = {\n  create: ['dateOfBirth', 'ssn'],\n  update: ['firstName', 'lastName', 'dateOfBirth', 'ssn'],\n}\n\n/** @internal */\nexport function EmployeeProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  className = '',\n  dictionary,\n  onEvent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: SELF_OPTIONAL_FIELDS,\n    defaultValues: defaultValues?.employee,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddressesQuery = useEmployeeAddressesGetWorkAddresses(\n    { employeeId: resolvedEmployeeId ?? '' },\n    { enabled: !!resolvedEmployeeId },\n  )\n  const workAddresses = workAddressesQuery.data?.employeeWorkAddressesList\n  const activeWorkAddress = workAddresses?.find(address => address.active)\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddressesQuery.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([\n      employeeDetails,\n      homeAddress,\n      workAddressesQuery,\n    ])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const EmpFields = employeeDetails.form.Fields\n  const HomeFields = homeAddress.form.Fields\n\n  const submitResult = composeSubmitHandler([employeeDetails, homeAddress], async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n\n    const homeResult = await homeAddress.actions.onSubmit({\n      employeeId: newEmployeeId,\n    })\n    if (!homeResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n    if (homeResult.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, employeeResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([\n    submitResult,\n    { errorHandling: homeAddress.errorHandling },\n    workAddressesQuery,\n  ])\n\n  const isPending = employeeDetails.status.isPending || homeAddress.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            <SDKFormProvider formHookResult={employeeDetails}>\n              <Grid\n                gap={{ base: 20, small: 8 }}\n                gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n              >\n                <EmpFields.FirstName\n                  label={t('firstName')}\n                  validationMessages={{\n                    REQUIRED: t('validations.firstName'),\n                    INVALID_NAME: t('validations.firstName'),\n                  }}\n                />\n                <EmpFields.MiddleInitial label={t('middleInitial')} />\n              </Grid>\n              <EmpFields.LastName\n                label={t('lastName')}\n                validationMessages={{\n                  REQUIRED: t('validations.lastName'),\n                  INVALID_NAME: t('validations.lastName'),\n                }}\n              />\n              <EmpFields.Ssn\n                label={t('ssnLabel')}\n                validationMessages={{\n                  INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                  REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                }}\n              />\n              <EmpFields.DateOfBirth\n                label={t('dobLabel')}\n                validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <SDKFormProvider formHookResult={homeAddress}>\n              <div>\n                <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                <Components.Text>{tHome('desc')}</Components.Text>\n              </div>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: ['1fr', '1fr'],\n                }}\n                gap={20}\n              >\n                <HomeFields.Street1\n                  label={tHome('street1')}\n                  validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                />\n                <HomeFields.Street2 label={tHome('street2')} />\n                <HomeFields.City\n                  label={tHome('city')}\n                  validationMessages={{ REQUIRED: tHome('validations.city') }}\n                />\n                <HomeFields.State\n                  label={tHome('state')}\n                  placeholder={tHome('statePlaceholder')}\n                  validationMessages={{ REQUIRED: tHome('validations.state') }}\n                  getOptionLabel={(abbr: string) =>\n                    tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                  }\n                />\n                <HomeFields.Zip\n                  label={tHome('zip')}\n                  validationMessages={{\n                    REQUIRED: tHome('validations.zip'),\n                    INVALID_ZIP: tHome('validations.zip'),\n                  }}\n                />\n              </Grid>\n            </SDKFormProvider>\n\n            {activeWorkAddress && (\n              <section>\n                <Components.Heading as=\"h2\">{t('workAddressSectionTitle')}</Components.Heading>\n                <Components.Text>{t('workAddressSectionDescription')}</Components.Text>\n                <address className={styles.address}>\n                  <Components.Text>{getStreet(activeWorkAddress)}</Components.Text>\n                  <Components.Text>{getCityStateZip(activeWorkAddress)}</Components.Text>\n                </address>\n              </section>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SELF_OPTIONAL_FIELDS","EmployeeProfile","companyId","employeeId","defaultValues","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","tHome","tCommon","Components","useComponentContext","resolvedEmployeeId","setResolvedEmployeeId","useState","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddressesQuery","useEmployeeAddressesGetWorkAddresses","activeWorkAddress","address","loadingErrorHandling","composeErrorHandler","BaseLayout","EmpFields","HomeFields","submitResult","composeSubmitHandler","employeeResult","emp","componentEvents","newEmployeeId","homeResult","errorHandling","isPending","classNames","styles","jsx","Form","jsxs","Grid","SDKFormProvider","abbr","getStreet","getCityStateZip","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"EmployeeProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/EmployeeProfile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeAddressesGetWorkAddresses } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeAddressesGetWorkAddresses'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport styles from './EmployeeProfile.module.scss'\nimport type { ProfileProps } from './Profile'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\n\nconst SELF_OPTIONAL_FIELDS: EmployeeDetailsOptionalFieldsToRequire = {\n  create: ['dateOfBirth', 'ssn'],\n  update: ['firstName', 'lastName', 'dateOfBirth', 'ssn'],\n}\n\n/** @internal */\nexport function EmployeeProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  className = '',\n  dictionary,\n  onEvent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: SELF_OPTIONAL_FIELDS,\n    defaultValues: defaultValues?.employee,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddressesQuery = useEmployeeAddressesGetWorkAddresses(\n    { employeeId: resolvedEmployeeId ?? '' },\n    { enabled: !!resolvedEmployeeId },\n  )\n  const workAddresses = workAddressesQuery.data?.employeeWorkAddressesList\n  const activeWorkAddress = workAddresses?.find(address => address.active)\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddressesQuery.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([\n      employeeDetails,\n      homeAddress,\n      workAddressesQuery,\n    ])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const EmpFields = employeeDetails.form.Fields\n  const HomeFields = homeAddress.form.Fields\n\n  const submitResult = composeSubmitHandler([employeeDetails, homeAddress], async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n\n    const homeResult = await homeAddress.actions.onSubmit({\n      employeeId: newEmployeeId,\n    })\n    if (!homeResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n    if (homeResult.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, employeeResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([\n    submitResult,\n    { errorHandling: homeAddress.errorHandling },\n    workAddressesQuery,\n  ])\n\n  const isPending = employeeDetails.status.isPending || homeAddress.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            <SDKFormProvider formHookResult={employeeDetails}>\n              <Grid\n                gap={{ base: 20, small: 8 }}\n                gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n              >\n                <EmpFields.FirstName\n                  label={t('firstName')}\n                  validationMessages={{\n                    REQUIRED: t('validations.firstName'),\n                    INVALID_NAME: t('validations.firstName'),\n                  }}\n                />\n                <EmpFields.MiddleInitial label={t('middleInitial')} />\n              </Grid>\n              <EmpFields.LastName\n                label={t('lastName')}\n                validationMessages={{\n                  REQUIRED: t('validations.lastName'),\n                  INVALID_NAME: t('validations.lastName'),\n                }}\n              />\n              <EmpFields.Ssn\n                label={t('ssnLabel')}\n                validationMessages={{\n                  INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                  REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                }}\n              />\n              <EmpFields.DateOfBirth\n                label={t('dobLabel')}\n                validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <SDKFormProvider formHookResult={homeAddress}>\n              <div>\n                <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                <Components.Text>{tHome('desc')}</Components.Text>\n              </div>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: ['1fr', '1fr'],\n                }}\n                gap={20}\n              >\n                <HomeFields.Street1\n                  label={tHome('street1')}\n                  validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                />\n                <HomeFields.Street2 label={tHome('street2')} />\n                <HomeFields.City\n                  label={tHome('city')}\n                  validationMessages={{ REQUIRED: tHome('validations.city') }}\n                />\n                <HomeFields.State\n                  label={tHome('state')}\n                  placeholder={tHome('statePlaceholder')}\n                  validationMessages={{ REQUIRED: tHome('validations.state') }}\n                  getOptionLabel={(abbr: string) =>\n                    tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                  }\n                />\n                <HomeFields.Zip\n                  label={tHome('zip')}\n                  validationMessages={{\n                    REQUIRED: tHome('validations.zip'),\n                    INVALID_ZIP: tHome('validations.zip'),\n                  }}\n                />\n              </Grid>\n            </SDKFormProvider>\n\n            {activeWorkAddress && (\n              <section>\n                <Components.Heading as=\"h2\">{t('workAddressSectionTitle')}</Components.Heading>\n                <Components.Text>{t('workAddressSectionDescription')}</Components.Text>\n                <address className={styles.address}>\n                  <Components.Text>{getStreet(activeWorkAddress)}</Components.Text>\n                  <Components.Text>{getCityStateZip(activeWorkAddress)}</Components.Text>\n                </address>\n              </section>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SELF_OPTIONAL_FIELDS","EmployeeProfile","companyId","employeeId","defaultValues","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","tHome","tCommon","Components","useComponentContext","resolvedEmployeeId","setResolvedEmployeeId","useState","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddressesQuery","useEmployeeAddressesGetWorkAddresses","activeWorkAddress","address","loadingErrorHandling","composeErrorHandler","BaseLayout","EmpFields","HomeFields","submitResult","composeSubmitHandler","employeeResult","emp","componentEvents","newEmployeeId","homeResult","errorHandling","isPending","classNames","styles","jsx","Form","jsxs","Grid","SDKFormProvider","abbr","getStreet","getCityStateZip","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Profile/onboarding/Profile.js

@@ -1,32 +1,33 @@
 import { jsx as o } from "react/jsx-runtime";
-import { AdminProfile as t } from "./AdminProfile.js";
+import { AdminProfile as l } from "./AdminProfile.js";
 import { EmployeeProfile as f } from "./EmployeeProfile.js";
 import { BaseBoundaries as a } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
 import { useFlow as d } from "../../../Flow/useFlow.js";
-import { ensureRequired as u } from "../../../../helpers/ensureRequired.js";
-function p({
+import { ensureRequired as p } from "../../../../helpers/ensureRequired.js";
+function u({
   FallbackComponent: r,
   isAdmin: i = !1,
   ...e
 }) {
-  return /* @__PURE__ */ o(a, { componentName: "Employee.Profile", FallbackComponent: r, children: i ? /* @__PURE__ */ o(t, { ...e, isAdmin: !0 }) : /* @__PURE__ */ o(f, { ...e }) });
+  return /* @__PURE__ */ o(a, { componentName: "Employee.Profile", FallbackComponent: r, children: i ? /* @__PURE__ */ o(l, { ...e, isAdmin: !0 }) : /* @__PURE__ */ o(f, { ...e }) });
 }
-const A = () => {
-  const { companyId: r, employeeId: i, onEvent: e, isAdmin: m, defaultValues: n, isSelfOnboardingEnabled: l } = d();
+const I = () => {
+  const { companyId: r, employeeId: i, onEvent: e, isAdmin: m, defaultValues: n, isSelfOnboardingEnabled: t } = d();
   return /* @__PURE__ */ o(
-    p,
+    u,
     {
-      companyId: u(r),
+      companyId: p(r),
       employeeId: i,
       onEvent: e,
       isAdmin: m,
       defaultValues: n?.profile,
-      isSelfOnboardingEnabled: l
+      isSelfOnboardingEnabled: t
     }
   );
 };
 export {
-  p as Profile,
-  A as ProfileContextual
+  u as Profile,
+  I as ProfileContextual
 };
 //# sourceMappingURL=Profile.js.map

package/dist/components/Employee/Profile/onboarding/Profile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/Profile.tsx"],"sourcesContent":["import type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport { AdminProfile } from './AdminProfile'\nimport { EmployeeProfile } from './EmployeeProfile'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Pre-fill values for the {@link Profile} onboarding step.\n *\n * @remarks\n * At least one of the listed fields must be provided. When employee data is\n * already available via the API, those values take precedence over the\n * defaults.\n *\n * @public\n */\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  /** Pre-fill values for the employee details section. At least one nested field must be set. */\n  employee?: RequireAtLeastOne<{\n    /** The employee's first name. */\n    firstName?: string\n    /** The employee's middle initial. */\n    middleInitial?: string\n    /** The employee's last name. */\n    lastName?: string\n    /** The employee's personal email address. */\n    email?: string\n    /** The employee's date of birth as an ISO date string (`YYYY-MM-DD`). */\n    dateOfBirth?: string\n  }>\n  /** Pre-fill values for the home address section. At least one nested field must be set. */\n  homeAddress?: RequireAtLeastOne<{\n    /** First line of the street address. */\n    street1?: string\n    /** Second line of the street address (optional). */\n    street2?: string\n    /** City. */\n    city?: string\n    /** Two-letter state abbreviation. */\n    state?: string\n    /** ZIP code. */\n    zip?: string\n  }>\n  /** When `true`, the admin form opens with the self-onboarding toggle enabled by default in create mode. */\n  inviteEmployeeDefault?: boolean\n}>\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {\n  /** The associated employee identifier. Omit to create a new employee. */\n  employeeId?: string\n  /** The associated company identifier. */\n  companyId: string\n  /** Pre-fill values for the form fields. */\n  defaultValues?: ProfileDefaultValues\n  /** When `true`, renders the admin variant (collects work address, start date, and self-onboarding toggle). Defaults to `false`. */\n  isAdmin?: boolean\n  /** When `true`, the admin variant exposes the self-onboarding toggle. Defaults to `true`. */\n  isSelfOnboardingEnabled?: boolean\n  /** Event handler fired on profile creation, update, and address changes. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step for collecting an employee's basic profile and addresses.\n *\n * @remarks\n * Switches between an admin-facing variant (collects employee details,\n * work address, start date, and an optional self-onboarding invitation\n * toggle) and an employee-facing variant (collects employee details and\n * home address only — the active work address is read-only) based on\n * `isAdmin`. Both variants create the employee on submit when `employeeId`\n * is omitted.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/created` | Fired after an employee is successfully created | {@link Employee} |\n * | `employee/updated` | Fired after an employee is successfully updated | {@link Employee} |\n * | `employee/onboardingStatus/updated` | Fired when toggling self-onboarding changes the employee's onboarding status (admin variant) | The updated onboarding status |\n * | `employee/homeAddress/created` | Fired after the home address is created | {@link EmployeeAddress} |\n * | `employee/homeAddress/updated` | Fired after the home address is updated | {@link EmployeeAddress} |\n * | `employee/workAddress/created` | Fired after the work address is created (admin variant) | {@link EmployeeWorkAddress} |\n * | `employee/workAddress/updated` | Fired after the work address is updated (admin variant) | {@link EmployeeWorkAddress} |\n * | `employee/profile/done` | Fired when all profile saves complete and the parent flow can advance | {@link Employee} extended with `startDate` (admin variant) |\n *\n * @param input - See {@link ProfileProps}.\n * @returns The employee profile onboarding step.\n * @public\n */\nexport function Profile({\n  FallbackComponent,\n  isAdmin = false,\n  ...props\n}: ProfileProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Profile\" FallbackComponent={FallbackComponent}>\n      {isAdmin ? <AdminProfile {...props} isAdmin /> : <EmployeeProfile {...props} />}\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport const ProfileContextual = () => {\n  const { companyId, employeeId, onEvent, isAdmin, defaultValues, isSelfOnboardingEnabled } =\n    useFlow<OnboardingContextInterface>()\n\n  return (\n    <Profile\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      defaultValues={defaultValues?.profile}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n    />\n  )\n}\n"],"names":["Profile","FallbackComponent","isAdmin","props","BaseBoundaries","jsx","AdminProfile","EmployeeProfile","ProfileContextual","companyId","employeeId","onEvent","defaultValues","isSelfOnboardingEnabled","useFlow","ensureRequired"],"mappings":";;;;;;AAmGO,SAASA,EAAQ;AAAA,EACtB,mBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAA0C;AACxC,2BACGC,GAAA,EAAe,eAAc,oBAAmB,mBAAAH,GAC9C,cAAU,gBAAAI,EAACC,GAAA,EAAc,GAAGH,GAAO,SAAO,GAAA,CAAC,sBAAMI,GAAA,EAAiB,GAAGJ,GAAO,GAC/E;AAEJ;AAGO,MAAMK,IAAoB,MAAM;AACrC,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,SAAAT,GAAS,eAAAU,GAAe,yBAAAC,EAAA,IAC9DC,EAAA;AAEF,SACE,gBAAAT;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,WAAWe,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAT;AAAA,MACA,eAAeU,GAAe;AAAA,MAC9B,yBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/Profile.tsx"],"sourcesContent":["import type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport { AdminProfile } from './AdminProfile'\nimport { EmployeeProfile } from './EmployeeProfile'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Pre-fill values for the {@link Profile} onboarding step.\n *\n * @remarks\n * At least one of the listed fields must be provided. When employee data is\n * already available via the API, those values take precedence over the\n * defaults.\n *\n * @public\n */\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  /** Pre-fill values for the employee details section. At least one nested field must be set. */\n  employee?: RequireAtLeastOne<{\n    /** The employee's first name. */\n    firstName?: string\n    /** The employee's middle initial. */\n    middleInitial?: string\n    /** The employee's last name. */\n    lastName?: string\n    /** The employee's personal email address. */\n    email?: string\n    /** The employee's date of birth as an ISO date string (`YYYY-MM-DD`). */\n    dateOfBirth?: string\n  }>\n  /** Pre-fill values for the home address section. At least one nested field must be set. */\n  homeAddress?: RequireAtLeastOne<{\n    /** First line of the street address. */\n    street1?: string\n    /** Second line of the street address (optional). */\n    street2?: string\n    /** City. */\n    city?: string\n    /** Two-letter state abbreviation. */\n    state?: string\n    /** ZIP code. */\n    zip?: string\n  }>\n  /** When `true`, the admin form opens with the self-onboarding toggle enabled by default in create mode. */\n  inviteEmployeeDefault?: boolean\n}>\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {\n  /** The associated employee identifier. Omit to create a new employee. */\n  employeeId?: string\n  /** The associated company identifier. */\n  companyId: string\n  /** Pre-fill values for the form fields. */\n  defaultValues?: ProfileDefaultValues\n  /** When `true`, renders the admin variant (collects work address, start date, and self-onboarding toggle). Defaults to `false`. */\n  isAdmin?: boolean\n  /** When `true`, the admin variant exposes the self-onboarding toggle. Defaults to `true`. */\n  isSelfOnboardingEnabled?: boolean\n  /** Event handler fired on profile creation, update, and address changes. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step for collecting an employee's basic profile and addresses.\n *\n * @remarks\n * Switches between an admin-facing variant (collects employee details,\n * work address, start date, and an optional self-onboarding invitation\n * toggle) and an employee-facing variant (collects employee details and\n * home address only — the active work address is read-only) based on\n * `isAdmin`. Both variants create the employee on submit when `employeeId`\n * is omitted.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/created` | Fired after an employee is successfully created | {@link Employee} |\n * | `employee/updated` | Fired after an employee is successfully updated | {@link Employee} |\n * | `employee/onboardingStatus/updated` | Fired when toggling self-onboarding changes the employee's onboarding status (admin variant) | The updated onboarding status |\n * | `employee/homeAddress/created` | Fired after the home address is created | {@link EmployeeAddress} |\n * | `employee/homeAddress/updated` | Fired after the home address is updated | {@link EmployeeAddress} |\n * | `employee/workAddress/created` | Fired after the work address is created (admin variant) | {@link EmployeeWorkAddress} |\n * | `employee/workAddress/updated` | Fired after the work address is updated (admin variant) | {@link EmployeeWorkAddress} |\n * | `employee/profile/done` | Fired when all profile saves complete and the parent flow can advance | {@link Employee} extended with `startDate` (admin variant) |\n *\n * @param input - See {@link ProfileProps}.\n * @returns The employee profile onboarding step.\n * @public\n */\nexport function Profile({\n  FallbackComponent,\n  isAdmin = false,\n  ...props\n}: ProfileProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Profile\" FallbackComponent={FallbackComponent}>\n      {isAdmin ? <AdminProfile {...props} isAdmin /> : <EmployeeProfile {...props} />}\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport const ProfileContextual = () => {\n  const { companyId, employeeId, onEvent, isAdmin, defaultValues, isSelfOnboardingEnabled } =\n    useFlow<OnboardingContextInterface>()\n\n  return (\n    <Profile\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      defaultValues={defaultValues?.profile}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n    />\n  )\n}\n"],"names":["Profile","FallbackComponent","isAdmin","props","BaseBoundaries","jsx","AdminProfile","EmployeeProfile","ProfileContextual","companyId","employeeId","onEvent","defaultValues","isSelfOnboardingEnabled","useFlow","ensureRequired"],"mappings":";;;;;;;AAmGO,SAASA,EAAQ;AAAA,EACtB,mBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAA0C;AACxC,2BACGC,GAAA,EAAe,eAAc,oBAAmB,mBAAAH,GAC9C,cAAU,gBAAAI,EAACC,GAAA,EAAc,GAAGH,GAAO,SAAO,GAAA,CAAC,sBAAMI,GAAA,EAAiB,GAAGJ,GAAO,GAC/E;AAEJ;AAGO,MAAMK,IAAoB,MAAM;AACrC,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,SAAAT,GAAS,eAAAU,GAAe,yBAAAC,EAAA,IAC9DC,EAAA;AAEF,SACE,gBAAAT;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,WAAWe,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAT;AAAA,MACA,eAAeU,GAAe;AAAA,MAC9B,yBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Profile/shared/useEmployeeDetailsForm/employeeDetailsSchema.d.ts

@@ -21,29 +21,18 @@ export declare const EmployeeDetailsErrorCodes: {
  * @public
  */
 export type EmployeeDetailsErrorCode = (typeof EmployeeDetailsErrorCodes)[keyof typeof EmployeeDetailsErrorCodes];
-declare const fieldValidators: {
-    firstName: z.ZodString;
-    middleInitial: z.ZodString;
-    lastName: z.ZodString;
-    email: z.ZodEmail;
-    dateOfBirth: z.ZodISODate;
-    ssn: z.ZodString;
-    selfOnboarding: z.ZodBoolean;
-};
 /**
  * Field names accepted by the employee details form.
  *
  * @public
  */
-export type EmployeeDetailsField = Exclude<keyof typeof fieldValidators, 'selfOnboarding'>;
+export type EmployeeDetailsField = "firstName" | "middleInitial" | "lastName" | "email" | "dateOfBirth" | "ssn";
 /**
  * Shape of the values managed by the employee details form.
  *
  * @public
  */
-export type EmployeeDetailsFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type EmployeeDetailsFormData = { firstName: string; middleInitial: string; lastName: string; email: string; dateOfBirth: string; ssn: string; selfOnboarding: boolean; };
 /**
  * Shape of the validated values produced by the employee details form on
  * submit.
@@ -51,21 +40,13 @@ export type EmployeeDetailsFormData = {
  * @public
  */
 export type EmployeeDetailsFormOutputs = EmployeeDetailsFormData;
-declare const requiredFieldsConfig: {
-    firstName: "create";
-    lastName: "create";
-    middleInitial: "never";
-    email: "never";
-    dateOfBirth: "never";
-    ssn: "never";
-};
 /**
  * Keys of optional employee details fields that can be promoted to required
  * via the hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type EmployeeDetailsOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type EmployeeDetailsOptionalFieldsToRequire = { create?: ("middleInitial" | "email" | "dateOfBirth" | "ssn")[] | undefined; update?: ("firstName" | "middleInitial" | "lastName" | "email" | "dateOfBirth" | "ssn")[] | undefined; };
 /** @internal */
 interface EmployeeDetailsSchemaOptions {
     mode?: 'create' | 'update';

package/dist/components/Employee/Profile/shared/useHomeAddressForm/homeAddressSchema.d.ts

@@ -17,45 +17,31 @@ export declare const HomeAddressErrorCodes: {
  * @public
  */
 export type HomeAddressErrorCode = (typeof HomeAddressErrorCodes)[keyof typeof HomeAddressErrorCodes];
-declare const fieldValidators: {
-    street1: z.ZodString;
-    street2: z.ZodString;
-    city: z.ZodString;
-    state: z.ZodString;
-    zip: z.ZodString;
-    courtesyWithholding: z.ZodBoolean;
-    effectiveDate: z.ZodISODate;
-};
 /**
  * Field names accepted by the home address form.
  *
  * @public
  */
-export type HomeAddressField = keyof typeof fieldValidators;
+export type HomeAddressField = "effectiveDate" | "state" | "street1" | "street2" | "city" | "zip" | "courtesyWithholding";
 /**
  * Shape of the values managed by the home address form.
  *
  * @public
  */
-export type HomeAddressFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type HomeAddressFormData = { street1: string; street2: string; city: string; state: string; zip: string; courtesyWithholding: boolean; effectiveDate: string; };
 /**
  * Shape of the validated values produced by the home address form on submit.
  *
  * @public
  */
 export type HomeAddressFormOutputs = HomeAddressFormData;
-declare const requiredFieldsConfig: {
-    street2: "never";
-};
 /**
  * Keys of optional home address fields that can be promoted to required via
  * the hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type HomeAddressOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type HomeAddressOptionalFieldsToRequire = { create?: "street2"[] | undefined; update?: "street2"[] | undefined; };
 /** @internal */
 interface HomeAddressSchemaOptions {
     mode?: 'create' | 'update';

package/dist/components/Employee/Profile/shared/useWorkAddressForm/workAddressSchema.d.ts

@@ -16,38 +16,31 @@ export declare const WorkAddressErrorCodes: {
  * @public
  */
 export type WorkAddressErrorCode = (typeof WorkAddressErrorCodes)[keyof typeof WorkAddressErrorCodes];
-declare const fieldValidators: {
-    locationUuid: z.ZodString;
-    effectiveDate: z.ZodISODate;
-};
 /**
  * Field names accepted by the work address form.
  *
  * @public
  */
-export type WorkAddressField = keyof typeof fieldValidators;
+export type WorkAddressField = "effectiveDate" | "locationUuid";
 /**
  * Shape of the values managed by the work address form.
  *
  * @public
  */
-export type WorkAddressFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type WorkAddressFormData = { locationUuid: string; effectiveDate: string; };
 /**
  * Shape of the validated values produced by the work address form on submit.
  *
  * @public
  */
 export type WorkAddressFormOutputs = WorkAddressFormData;
-declare const requiredFieldsConfig: {};
 /**
  * Keys of optional work address fields that can be promoted to required via
  * the hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type WorkAddressOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type WorkAddressOptionalFieldsToRequire = { create?: never[] | undefined; update?: never[] | undefined; };
 /** @internal */
 interface WorkAddressSchemaOptions {
     mode?: 'create' | 'update';

package/dist/components/Employee/StateTaxes/management/StateTaxes.js

@@ -1,24 +1,25 @@
 import { jsx as a } from "react/jsx-runtime";
-import { createMachine as n } from "robot3";
-import { useMemo as r } from "react";
+import { createMachine as r } from "robot3";
+import { useMemo as n } from "react";
 import { StateTaxesCardContextual as i } from "./StateTaxesComponents.js";
-import { stateTaxesStateMachine as s } from "./stateTaxesStateMachine.js";
-import { Flow as p } from "../../../Flow/Flow.js";
+import { stateTaxesStateMachine as p } from "./stateTaxesStateMachine.js";
+import { Flow as s } from "../../../Flow/Flow.js";
 import { BaseBoundaries as c } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
 import { useComponentDictionary as f, useI18n as x } from "../../../../i18n/I18n.js";
 function u({ employeeId: e, onEvent: t }) {
   x("Employee.Management.StateTaxes");
-  const o = r(
-    () => n("card", s, (m) => ({
+  const o = n(
+    () => r("card", p, (m) => ({
       ...m,
       component: i,
       employeeId: e
     })),
     [e]
   );
-  return /* @__PURE__ */ a(p, { machine: o, onEvent: t });
+  return /* @__PURE__ */ a(s, { machine: o, onEvent: t });
 }
-function C({
+function E({
   dictionary: e,
   FallbackComponent: t,
   ...o
@@ -33,6 +34,6 @@ function C({
   );
 }
 export {
-  C as StateTaxes
+  E as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

package/dist/components/Employee/StateTaxes/management/StateTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { StateTaxesCardContextual, type StateTaxesContextInterface } from './StateTaxesComponents'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends CommonComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction StateTaxesFlow({ employeeId, onEvent }: StateTaxesProps) {\n  useI18n('Employee.Management.StateTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', stateTaxesStateMachine, (ctx: StateTaxesContextInterface) => ({\n        ...ctx,\n        component: StateTaxesCardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone state-tax management flow for a given employee. Renders the\n * read-only summary card and the edit form, switching between them as the\n * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}\n * drive the internal state machine.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button on the edit form was clicked | — |\n * | `employee/management/stateTaxes/updated` | Edit form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & BaseComponentInterface<'Employee.Management.StateTaxes'>) {\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["StateTaxesFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","stateTaxesStateMachine","ctx","StateTaxesCardContextual","jsx","Flow","StateTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;AA2BA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,KAA4B;AAChE,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAmBO,SAASU,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+E;AAC7E,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAgB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { StateTaxesCardContextual, type StateTaxesContextInterface } from './StateTaxesComponents'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends CommonComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction StateTaxesFlow({ employeeId, onEvent }: StateTaxesProps) {\n  useI18n('Employee.Management.StateTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', stateTaxesStateMachine, (ctx: StateTaxesContextInterface) => ({\n        ...ctx,\n        component: StateTaxesCardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone state-tax management flow for a given employee. Renders the\n * read-only summary card and the edit form, switching between them as the\n * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}\n * drive the internal state machine.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button on the edit form was clicked | — |\n * | `employee/management/stateTaxes/updated` | Edit form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & BaseComponentInterface<'Employee.Management.StateTaxes'>) {\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["StateTaxesFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","stateTaxesStateMachine","ctx","StateTaxesCardContextual","jsx","Flow","StateTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,KAA4B;AAChE,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAmBO,SAASU,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+E;AAC7E,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAgB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGjC;"}

package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.js

@@ -3,13 +3,14 @@ import { useTranslation as l } from "react-i18next";
 import { EmployeeStateTaxesView as S } from "../shared/EmployeeStateTaxesView.js";
 import { useManagementStateTaxesViewDictionary as d } from "./useViewDictionary.js";
 import { BaseBoundaries as x, BaseLayout as y } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
 import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { useI18n as A, useComponentDictionary as M } from "../../../../i18n/I18n.js";
 import { componentEvents as m } from "../../../../shared/constants.js";
 import { useEmployeeStateTaxesForm as C } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
-function G({
+function I({
   FallbackComponent: o,
   ...n
 }) {
@@ -29,10 +30,10 @@ function L({
   onEvent: a
 }) {
   A("Employee.Management.StateTaxes"), M("Employee.Management.StateTaxes", c);
-  const { t: r } = l("Employee.Management.StateTaxes"), i = g(), e = C({ employeeId: o }), E = d();
+  const { t: r } = l("Employee.Management.StateTaxes"), i = g(), e = C({ employeeId: o }), p = d();
   if (e.isLoading)
     return /* @__PURE__ */ t(y, { isLoading: !0, error: e.errorHandling.errors });
-  const p = async () => {
+  const E = async () => {
     const s = await e.actions.onSubmit();
     s && a(m.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {
       employeeStateTaxesList: s.data
@@ -44,17 +45,17 @@ function L({
     S,
     {
       stateTaxes: e,
-      onSubmit: p,
+      onSubmit: E,
       actions: /* @__PURE__ */ T(f, { children: [
         /* @__PURE__ */ t(i.Button, { variant: "secondary", onClick: u, children: r("cancelCta") }),
         /* @__PURE__ */ t(i.Button, { type: "submit", isLoading: e.status.isPending, children: r("saveCta") })
       ] }),
       className: n,
-      dictionary: E
+      dictionary: p
     }
   );
 }
 export {
-  G as StateTaxesEditForm
+  I as StateTaxesEditForm
 };
 //# sourceMappingURL=StateTaxesEditForm.js.map

package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesEditForm.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useManagementStateTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxesEditForm}.\n *\n * @public\n */\nexport type StateTaxesEditFormProps = Omit<\n  CommonComponentInterface<'Employee.Management.StateTaxes'>,\n  'children'\n> & {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the form is submitted or cancelled. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone edit screen for the state-tax management flow. Renders the shared\n * state-tax form against the `Employee.Management.StateTaxes` namespace and\n * emits scoped management events on submit and cancel, so partner copy\n * overrides on the management namespace do not leak into the onboarding flow.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button was clicked | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesEditForm({\n  FallbackComponent,\n  ...props\n}: StateTaxesEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesEditFormRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n}: StateTaxesEditFormProps) {\n  useI18n('Employee.Management.StateTaxes')\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n  const managementStateTaxesDictionary = useManagementStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={stateTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={managementStateTaxesDictionary}\n    />\n  )\n}\n"],"names":["StateTaxesEditForm","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","stateTaxes","useEmployeeStateTaxesForm","managementStateTaxesDictionary","useManagementStateTaxesViewDictionary","BaseLayout","handleSubmit","result","componentEvents","handleCancel","EmployeeStateTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;AA6CO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgF;AAC9E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AACnE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAaC,EAA0B,EAAE,YAAAX,GAAY,GACrDY,IAAiCC,EAAA;AAEvC,MAAIH,EAAW;AACb,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ;AAGvE,QAAMK,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,IAAKM,KAELb,EAAQc,EAAgB,yCAAyC;AAAA,MAC/D,wBAAwBD,EAAO;AAAA,IAAA,CAChC;AAAA,EACH,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,8CAA8C;AAAA,EACxE;AAEA,SACE,gBAAApB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,YAAAT;AAAA,MACA,UAAUK;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAvB,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAT,EAACW,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAW,OAAO,WAC3D,UAAAJ,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAL;AAAA,MACA,YAAYW;AAAA,IAAA;AAAA,EAAA;AAGlB;"}
+{"version":3,"file":"StateTaxesEditForm.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useManagementStateTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxesEditForm}.\n *\n * @public\n */\nexport type StateTaxesEditFormProps = Omit<\n  CommonComponentInterface<'Employee.Management.StateTaxes'>,\n  'children'\n> & {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the form is submitted or cancelled. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone edit screen for the state-tax management flow. Renders the shared\n * state-tax form against the `Employee.Management.StateTaxes` namespace and\n * emits scoped management events on submit and cancel, so partner copy\n * overrides on the management namespace do not leak into the onboarding flow.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button was clicked | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesEditForm({\n  FallbackComponent,\n  ...props\n}: StateTaxesEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesEditFormRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n}: StateTaxesEditFormProps) {\n  useI18n('Employee.Management.StateTaxes')\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n  const managementStateTaxesDictionary = useManagementStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={stateTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={managementStateTaxesDictionary}\n    />\n  )\n}\n"],"names":["StateTaxesEditForm","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","stateTaxes","useEmployeeStateTaxesForm","managementStateTaxesDictionary","useManagementStateTaxesViewDictionary","BaseLayout","handleSubmit","result","componentEvents","handleCancel","EmployeeStateTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;;AA6CO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgF;AAC9E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AACnE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAaC,EAA0B,EAAE,YAAAX,GAAY,GACrDY,IAAiCC,EAAA;AAEvC,MAAIH,EAAW;AACb,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ;AAGvE,QAAMK,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,IAAKM,KAELb,EAAQc,EAAgB,yCAAyC;AAAA,MAC/D,wBAAwBD,EAAO;AAAA,IAAA,CAChC;AAAA,EACH,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,8CAA8C;AAAA,EACxE;AAEA,SACE,gBAAApB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,YAAAT;AAAA,MACA,UAAUK;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAvB,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAT,EAACW,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAW,OAAO,WAC3D,UAAAJ,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAL;AAAA,MACA,YAAYW;AAAA,IAAA;AAAA,EAAA;AAGlB;"}

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.js

@@ -3,13 +3,14 @@ import { useTranslation as p } from "react-i18next";
 import { EmployeeStateTaxesView as c } from "../shared/EmployeeStateTaxesView.js";
 import { useOnboardingStateTaxesViewDictionary as T } from "./useViewDictionary.js";
 import { BaseBoundaries as S, BaseLayout as E } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
 import { ActionsLayout as d } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { useI18n as l, useComponentDictionary as x } from "../../../../i18n/I18n.js";
 import { componentEvents as s } from "../../../../shared/constants.js";
 import { useEmployeeStateTaxesForm as y } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
-function V({
+function X({
   FallbackComponent: e,
   ...o
 }) {
@@ -45,6 +46,6 @@ function g({ isPending: e }) {
   return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(i.Button, { type: "submit", isLoading: e, children: o("submitCta") }) });
 }
 export {
-  V as StateTaxes
+  X as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/StateTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useOnboardingStateTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\n  /** Event handler fired when the form is submitted successfully. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step that collects an employee's per-state tax withholding\n * answers. The set of fields is driven by the API response for each state\n * on record.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/stateTaxes/done` | Onboarding step has finished — emitted immediately after `updated` | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.StateTaxes\" FallbackComponent={FallbackComponent}>\n      <StateTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  isAdmin = false,\n}: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId, isAdmin })\n  const onboardingStateTaxesDictionary = useOnboardingStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={stateTaxes.status.isPending} />}\n      className={className}\n      dictionary={onboardingStateTaxesDictionary}\n    />\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["StateTaxes","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","isAdmin","useI18n","useComponentDictionary","stateTaxes","useEmployeeStateTaxesForm","onboardingStateTaxesDictionary","useOnboardingStateTaxesViewDictionary","BaseLayout","EmployeeStateTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AA2CO,SAASA,EAAW;AAAA,EACzB,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAwE;AACtE,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAAsB,mBAAAH,GAClD,UAAA,gBAAAE,EAACE,GAAA,EAAgB,GAAGH,EAAA,CAAO,EAAA,CAC7B;AAEJ;AAEA,SAASG,EAAe;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAoB;AAClB,EAAAC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBJ,CAAU;AAExD,QAAMK,IAAaC,EAA0B,EAAE,YAAAR,GAAY,SAAAI,GAAS,GAC9DK,IAAiCC,EAAA;AAEvC,SAAIH,EAAW,8BACLI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ,IAcrE,gBAAAV;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,YAAAL;AAAA,MACA,UAbiB,YAAY;AAC/B,cAAMM,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,QAAKM,MAELV,EAAQW,EAAgB,8BAA8B;AAAA,UACpD,wBAAwBD,EAAO;AAAA,QAAA,CAChC,GACDV,EAAQW,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAMI,SAAS,gBAAAjB,EAACkB,GAAA,EAAe,WAAWR,EAAW,OAAO,WAAW;AAAA,MACjE,WAAAN;AAAA,MACA,YAAYQ;AAAA,IAAA;AAAA,EAAA;AAGlB;AAEA,SAASM,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/StateTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useOnboardingStateTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\n  /** Event handler fired when the form is submitted successfully. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step that collects an employee's per-state tax withholding\n * answers. The set of fields is driven by the API response for each state\n * on record.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/stateTaxes/done` | Onboarding step has finished — emitted immediately after `updated` | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.StateTaxes\" FallbackComponent={FallbackComponent}>\n      <StateTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  isAdmin = false,\n}: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId, isAdmin })\n  const onboardingStateTaxesDictionary = useOnboardingStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={stateTaxes.status.isPending} />}\n      className={className}\n      dictionary={onboardingStateTaxesDictionary}\n    />\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["StateTaxes","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","isAdmin","useI18n","useComponentDictionary","stateTaxes","useEmployeeStateTaxesForm","onboardingStateTaxesDictionary","useOnboardingStateTaxesViewDictionary","BaseLayout","EmployeeStateTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;;AA2CO,SAASA,EAAW;AAAA,EACzB,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAwE;AACtE,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAAsB,mBAAAH,GAClD,UAAA,gBAAAE,EAACE,GAAA,EAAgB,GAAGH,EAAA,CAAO,EAAA,CAC7B;AAEJ;AAEA,SAASG,EAAe;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAoB;AAClB,EAAAC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBJ,CAAU;AAExD,QAAMK,IAAaC,EAA0B,EAAE,YAAAR,GAAY,SAAAI,GAAS,GAC9DK,IAAiCC,EAAA;AAEvC,SAAIH,EAAW,8BACLI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ,IAcrE,gBAAAV;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,YAAAL;AAAA,MACA,UAbiB,YAAY;AAC/B,cAAMM,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,QAAKM,MAELV,EAAQW,EAAgB,8BAA8B;AAAA,UACpD,wBAAwBD,EAAO;AAAA,QAAA,CAChC,GACDV,EAAQW,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAMI,SAAS,gBAAAjB,EAACkB,GAAA,EAAe,WAAWR,EAAW,OAAO,WAAW;AAAA,MACjE,WAAAN;AAAA,MACA,YAAYQ;AAAA,IAAA;AAAA,EAAA;AAGlB;AAEA,SAASM,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.js

@@ -4,11 +4,12 @@ import { useTranslation as i } from "react-i18next";
 import T from "classnames";
 import C from "./EmployeeStateTaxesView.module.scss.js";
 import { BaseLayout as S } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
 import { Form as w } from "../../../Common/Form/Form.js";
 import { SDKFormProvider as E } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as H, useComponentDictionary as V } from "../../../../i18n/I18n.js";
-function L({
+function P({
   stateTaxes: o,
   onSubmit: a,
   actions: l,
@@ -31,6 +32,6 @@ function L({
   ] }) }) }) });
 }
 export {
-  L as EmployeeStateTaxesView
+  P as EmployeeStateTaxesView
 };
 //# sourceMappingURL=EmployeeStateTaxesView.js.map

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeStateTaxesView.js","sources":["../../../../../src/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm'\nimport styles from './EmployeeStateTaxesView.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\ntype ReadyEmployeeStateTaxesForm = Extract<\n  ReturnType<typeof useEmployeeStateTaxesForm>,\n  { isLoading: false }\n>\n\n/**\n * Override surface for {@link EmployeeStateTaxesView}'s default copy. Each\n * consuming flow (onboarding, management) builds a resolved dictionary from\n * its own translation namespace via a dedicated `use*StateTaxesViewDictionary`\n * hook and passes it here, so partner overrides on the flow's namespace flow\n * into the shared view text at render time.\n *\n * The underlying `Employee.StateTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type StateTaxesViewDictionary = ResourceDictionary<'Employee.StateTaxesView'>\n\n/** @internal */\nexport interface EmployeeStateTaxesViewProps {\n  stateTaxes: ReadyEmployeeStateTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*StateTaxesViewDictionary` hook that\n   * resolves the view's keys against the flow's own namespace, so partner\n   * overrides on the flow's `dictionary` prop propagate into the view.\n   */\n  dictionary?: StateTaxesViewDictionary\n}\n\n/** @internal */\nexport function EmployeeStateTaxesView({\n  stateTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  dictionary,\n}: EmployeeStateTaxesViewProps) {\n  useI18n('Employee.StateTaxesView')\n  useComponentDictionary('Employee.StateTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.StateTaxesView')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const groups = stateTaxes.form.Fields\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={stateTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={stateTaxes}>\n          <Form onSubmit={onSubmit}>\n            {alert}\n\n            {groups.length === 0 ? (\n              <Components.Text>{t('noWithholding')}</Components.Text>\n            ) : (\n              groups.map(group => {\n                const stateName = tCommon(`statesHash.${group.state}`, group.state)\n                return (\n                  <Fragment key={group.state}>\n                    <Components.Heading as=\"h2\">\n                      {t('stateTaxesTitle', { state: stateName })}\n                    </Components.Heading>\n\n                    {group.questions.map(({ questionId, Field }) => {\n                      return <Field key={questionId} />\n                    })}\n                  </Fragment>\n                )\n              })\n            )}\n\n            {actions}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EmployeeStateTaxesView","stateTaxes","onSubmit","actions","alert","className","dictionary","useI18n","useComponentDictionary","t","useTranslation","tCommon","Components","useComponentContext","groups","jsx","classNames","styles","BaseLayout","SDKFormProvider","jsxs","Form","group","stateName","Fragment","questionId","Field"],"mappings":";;;;;;;;;;AAgDO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAASb,EAAW,KAAK;AAE/B,SACE,gBAAAc,EAAC,aAAQ,WAAWC,EAAWC,EAAO,WAAWZ,CAAS,GACxD,UAAA,gBAAAU,EAACG,GAAA,EAAW,OAAOjB,EAAW,cAAc,QAC1C,UAAA,gBAAAc,EAACI,GAAA,EAAgB,gBAAgBlB,GAC/B,UAAA,gBAAAmB,EAACC,KAAK,UAAAnB,GACH,UAAA;AAAA,IAAAE;AAAA,IAEAU,EAAO,WAAW,IACjB,gBAAAC,EAACH,EAAW,MAAX,EAAiB,UAAAH,EAAE,eAAe,EAAA,CAAE,IAErCK,EAAO,IAAI,CAAAQ,MAAS;AAClB,YAAMC,IAAYZ,EAAQ,cAAcW,EAAM,KAAK,IAAIA,EAAM,KAAK;AAClE,+BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACH,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,mBAAmB,EAAE,OAAOc,EAAA,CAAW,EAAA,CAC5C;AAAA,QAECD,EAAM,UAAU,IAAI,CAAC,EAAE,YAAAG,GAAY,OAAAC,QAC3B,gBAAAX,EAACW,OAAWD,CAAY,CAChC;AAAA,MAAA,EAAA,GAPYH,EAAM,KAQrB;AAAA,IAEJ,CAAC;AAAA,IAGFnB;AAAA,EAAA,GACH,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"EmployeeStateTaxesView.js","sources":["../../../../../src/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm'\nimport styles from './EmployeeStateTaxesView.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\ntype ReadyEmployeeStateTaxesForm = Extract<\n  ReturnType<typeof useEmployeeStateTaxesForm>,\n  { isLoading: false }\n>\n\n/**\n * Override surface for {@link EmployeeStateTaxesView}'s default copy. Each\n * consuming flow (onboarding, management) builds a resolved dictionary from\n * its own translation namespace via a dedicated `use*StateTaxesViewDictionary`\n * hook and passes it here, so partner overrides on the flow's namespace flow\n * into the shared view text at render time.\n *\n * The underlying `Employee.StateTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type StateTaxesViewDictionary = ResourceDictionary<'Employee.StateTaxesView'>\n\n/** @internal */\nexport interface EmployeeStateTaxesViewProps {\n  stateTaxes: ReadyEmployeeStateTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*StateTaxesViewDictionary` hook that\n   * resolves the view's keys against the flow's own namespace, so partner\n   * overrides on the flow's `dictionary` prop propagate into the view.\n   */\n  dictionary?: StateTaxesViewDictionary\n}\n\n/** @internal */\nexport function EmployeeStateTaxesView({\n  stateTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  dictionary,\n}: EmployeeStateTaxesViewProps) {\n  useI18n('Employee.StateTaxesView')\n  useComponentDictionary('Employee.StateTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.StateTaxesView')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const groups = stateTaxes.form.Fields\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={stateTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={stateTaxes}>\n          <Form onSubmit={onSubmit}>\n            {alert}\n\n            {groups.length === 0 ? (\n              <Components.Text>{t('noWithholding')}</Components.Text>\n            ) : (\n              groups.map(group => {\n                const stateName = tCommon(`statesHash.${group.state}`, group.state)\n                return (\n                  <Fragment key={group.state}>\n                    <Components.Heading as=\"h2\">\n                      {t('stateTaxesTitle', { state: stateName })}\n                    </Components.Heading>\n\n                    {group.questions.map(({ questionId, Field }) => {\n                      return <Field key={questionId} />\n                    })}\n                  </Fragment>\n                )\n              })\n            )}\n\n            {actions}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EmployeeStateTaxesView","stateTaxes","onSubmit","actions","alert","className","dictionary","useI18n","useComponentDictionary","t","useTranslation","tCommon","Components","useComponentContext","groups","jsx","classNames","styles","BaseLayout","SDKFormProvider","jsxs","Form","group","stateName","Fragment","questionId","Field"],"mappings":";;;;;;;;;;;AAgDO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAASb,EAAW,KAAK;AAE/B,SACE,gBAAAc,EAAC,aAAQ,WAAWC,EAAWC,EAAO,WAAWZ,CAAS,GACxD,UAAA,gBAAAU,EAACG,GAAA,EAAW,OAAOjB,EAAW,cAAc,QAC1C,UAAA,gBAAAc,EAACI,GAAA,EAAgB,gBAAgBlB,GAC/B,UAAA,gBAAAmB,EAACC,KAAK,UAAAnB,GACH,UAAA;AAAA,IAAAE;AAAA,IAEAU,EAAO,WAAW,IACjB,gBAAAC,EAACH,EAAW,MAAX,EAAiB,UAAAH,EAAE,eAAe,EAAA,CAAE,IAErCK,EAAO,IAAI,CAAAQ,MAAS;AAClB,YAAMC,IAAYZ,EAAQ,cAAcW,EAAM,KAAK,IAAIA,EAAM,KAAK;AAClE,+BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACH,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,mBAAmB,EAAE,OAAOc,EAAA,CAAW,EAAA,CAC5C;AAAA,QAECD,EAAM,UAAU,IAAI,CAAC,EAAE,YAAAG,GAAY,OAAAC,QAC3B,gBAAAX,EAACW,OAAWD,CAAY,CAChC;AAAA,MAAA,EAAA,GAPYH,EAAM,KAQrB;AAAA,IAEJ,CAAC;AAAA,IAGFnB;AAAA,EAAA,GACH,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.js

@@ -5,12 +5,12 @@ import { useForm as D, FormProvider as g } from "react-hook-form";
 import { zodResolver as E } from "@hookform/resolvers/zod";
 import { Flex as a } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as R } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { DatePickerField as x } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { Form as W } from "../../../Common/Form/Form.js";
-import { useI18n as q } from "../../../../i18n/I18n.js";
-import { RadioGroupField as T } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { Form as F } from "../../../Common/Form/Form.js";
+import { useI18n as W } from "../../../../i18n/I18n.js";
+import { RadioGroupField as q } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { DatePickerField as T } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 const k = t.object({
   lastDayOfWork: t.date({ error: "validation.lastDayRequired" }),
   payrollOption: t.enum(["dismissalPayroll", "regularPayroll", "anotherWay"], {
@@ -24,8 +24,8 @@ function J({
   onCancel: y,
   isLoading: s
 }) {
-  const { Alert: u, Heading: f, Text: p, Button: m } = F();
-  q("Employee.Terminations.TerminateEmployee");
+  const { Alert: u, Heading: f, Text: p, Button: m } = x();
+  W("Employee.Terminations.TerminateEmployee");
   const { t: o } = v("Employee.Terminations.TerminateEmployee"), O = (P) => P.runTerminationPayroll === !0 ? "dismissalPayroll" : "regularPayroll", h = {
     lastDayOfWork: l?.effectiveDate ? new Date(l.effectiveDate) : void 0,
     payrollOption: l ? O(l) : "dismissalPayroll"
@@ -49,14 +49,14 @@ function J({
       description: o("form.payrollOption.options.anotherWay.description")
     }
   ];
-  return /* @__PURE__ */ r(g, { ...i, children: /* @__PURE__ */ r(W, { onSubmit: i.handleSubmit(d), children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ r(g, { ...i, children: /* @__PURE__ */ r(F, { onSubmit: i.handleSubmit(d), children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ e(a, { flexDirection: "column", gap: 4, children: [
       /* @__PURE__ */ r(f, { as: "h2", children: o("title", { employeeName: n }) }),
       /* @__PURE__ */ r(p, { variant: "supporting", children: o("subtitle") })
     ] }),
     /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
       /* @__PURE__ */ r(
-        x,
+        T,
         {
           name: "lastDayOfWork",
           label: o("form.lastDayOfEmployment.label"),
@@ -66,7 +66,7 @@ function J({
         }
       ),
       /* @__PURE__ */ r(
-        T,
+        q,
         {
           name: "payrollOption",
           label: o("form.payrollOption.label"),