@gusto/embedded-react-sdk 0.48.3 → 0.50.0

package/dist/components/Employee/Compensation/management/CompensationCard/CompensationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompensationCard.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationCard/CompensationCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsDelete'\nimport type { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport {\n  useCompensationManagement,\n  type UseCompensationManagementReady,\n} from '../../shared/useCompensationManagement'\nimport type { PendingCompensationChange } from '../../shared/getPendingCompensationChanges'\nimport { usePendingChangeDetailRenderer } from '../../shared/usePendingChangeDetailRenderer'\nimport { PendingChangesReviewModal } from '../../shared/PendingChangesReviewModal'\nimport styles from './CompensationCard.module.scss'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { DataView, useDataView, EmptyData, Loading, VisuallyHidden } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { formatDateLongWithYear, formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useFormatCompensationRate } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, FlsaStatus, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\nfunction parseJobRate(rate: Job['rate']): number | null {\n  if (rate === undefined) return null\n  const numericRate = parseFloat(rate)\n  return Number.isFinite(numericRate) ? numericRate : null\n}\n\n/**\n * Props for {@link CompensationCard}.\n *\n * @public\n */\nexport interface CompensationCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link CompensationCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Compensation\" management card that displays an employee's current jobs and compensation, surfaces pending future-dated changes, and exposes edit, add, and delete affordances.\n *\n * @remarks\n * The card owns its own data fetch, the pending-change alerts and review modal, and the delete-job confirm dialog. It does not render the compensation edit or add-job forms — instead, it emits a distinct request event for each action, and the consumer routes those to {@link CompensationEditForm}, {@link CompensationAddJobForm}, or {@link CompensationAddAnotherJobForm} and renders any post-save success alerts. {@link Compensation} bundles the card, the three form surfaces, and the swap and alert wiring as a single drop-in; reach for the card directly only when that orchestration is the wrong fit (for example, when a form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a job | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/addRequested` | Fired when the \"Add job\" CTA is clicked from the empty state | `{ employeeId: string }` |\n * | `employee/management/compensation/card/addAnotherRequested` | Fired when the \"Add another job\" CTA is clicked | `{ employeeId: string }` |\n * | `employee/management/compensation/card/jobDeleted` | Fired after a non-primary job is deleted via the card's confirm dialog | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/changeCancelled` | Fired after a scheduled future-dated change is cancelled from the card | `{ employeeId: string, compensationId: string }` |\n *\n * @param props - See {@link CompensationCardProps}.\n * @returns The rendered compensation card.\n * @public\n * @group Block Components\n */\nexport function CompensationCard(props: CompensationCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <CompensationCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction CompensationCardContent({ employeeId, onEvent }: CompensationCardProps) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n\n  const compensation = useCompensationManagement({ employeeId })\n\n  if (compensation.isLoading) {\n    return (\n      <BaseLayout error={compensation.errorHandling.errors}>\n        <Components.Box header={<Components.BoxHeader title={t('card.title')} />}>\n          <Loading />\n        </Components.Box>\n      </BaseLayout>\n    )\n  }\n\n  return (\n    <CompensationCardReady employeeId={employeeId} onEvent={onEvent} compensation={compensation} />\n  )\n}\n\ninterface CompensationCardReadyProps extends CompensationCardProps {\n  compensation: UseCompensationManagementReady\n}\n\nfunction CompensationCardReady({ employeeId, onEvent, compensation }: CompensationCardReadyProps) {\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n  const formatCompensationRate = useFormatCompensationRate()\n\n  const { jobs, primaryFlsaStatus, pendingChanges, hasMultipleJobs, employeeFirstName } =\n    compensation.data\n  const { cancellingCompensationUuid } = compensation.status\n\n  const handleCancelChange = useCallback(\n    async (pendingChange: PendingCompensationChange) => {\n      const result = await compensation.actions.cancelPendingChange(pendingChange)\n      if (result) {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_CHANGE_CANCELLED, {\n          employeeId,\n          compensationId: pendingChange.compensationUuid,\n        })\n      }\n    },\n    [compensation, onEvent, employeeId],\n  )\n\n  const [pendingDeleteJob, setPendingDeleteJob] = useState<{\n    uuid: string\n    title: string\n  } | null>(null)\n\n  const { mutateAsync: deleteEmployeeJob, isPending: isDeletingJob } =\n    useJobsAndCompensationsDeleteMutation()\n\n  const handleConfirmDeleteJob = async () => {\n    if (!pendingDeleteJob) return\n    const jobId = pendingDeleteJob.uuid\n    await deleteEmployeeJob({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_JOB_DELETED, {\n      employeeId,\n      jobId,\n    })\n    setPendingDeleteJob(null)\n  }\n\n  const singleJob = jobs.length === 1 ? jobs[0]! : undefined\n  // Block adding a secondary if the primary already has a future-dated\n  // compensation that isn't Nonexempt — that comp will delete secondary jobs\n  // at its effective date, matching the gws-flows guard on the new-job action.\n  const localTodayISO = formatDateToStringDate(new Date()) ?? ''\n  const primaryJob = jobs.find(j => j.primary)\n  const hasFutureNonNonexemptComp =\n    primaryJob?.compensations?.some(\n      c =>\n        c.effectiveDate !== undefined &&\n        c.effectiveDate > localTodayISO &&\n        c.flsaStatus !== FlsaStatus.NONEXEMPT,\n    ) ?? false\n  const canAddAnotherJob =\n    jobs.length >= 1 && primaryFlsaStatus === FlsaStatus.NONEXEMPT && !hasFutureNonNonexemptComp\n  const singleJobNumericRate = singleJob ? parseJobRate(singleJob.rate) : null\n  const singleJobCurrentComp = singleJob?.compensations?.find(\n    c => c.uuid === singleJob.currentCompensationUuid,\n  )\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n  const singleJobPaymentTypeLabel = singleJob?.paymentUnit\n    ? singleJob.paymentUnit === 'Hour'\n      ? t('card.types.hourly')\n      : singleJob.paymentUnit === 'Salary' || singleJob.paymentUnit === 'Year'\n        ? t('card.types.salary')\n        : singleJob.paymentUnit\n    : null\n\n  const [isReviewOpen, setIsReviewOpen] = useState(false)\n  const renderDetail = usePendingChangeDetailRenderer(employeeFirstName)\n\n  // Split pending changes: \"new job\" (job hasn't started yet, no current comp)\n  // vs \"update\" (existing comp with a scheduled future change).\n  const newJobPendingChanges = pendingChanges.filter(c => c.isNewJob)\n  const updatePendingChanges = pendingChanges.filter(c => !c.isNewJob)\n\n  useEffect(() => {\n    if (updatePendingChanges.length === 0) {\n      setIsReviewOpen(false)\n    }\n  }, [updatePendingChanges.length])\n\n  const pendingNewJobUuids = new Set(newJobPendingChanges.map(c => c.jobUuid))\n  const singleJobIsPendingNew = singleJob ? pendingNewJobUuids.has(singleJob.uuid) : false\n  const hasAnyPendingNewJobs = pendingNewJobUuids.size > 0\n\n  // Jobs with a future-dated comp stacked on a current comp (\"pending update\").\n  // Editing while one is queued would stack another future comp on top —\n  // hide Edit until the existing pending change is cancelled or goes into effect.\n  const pendingUpdateJobUuids = new Set(updatePendingChanges.map(c => c.jobUuid))\n  const singleJobHasPendingUpdate = singleJob ? pendingUpdateJobUuids.has(singleJob.uuid) : false\n\n  const hasPendingUpdates = updatePendingChanges.length > 0\n  const showSummaryAlert = hasMultipleJobs && updatePendingChanges.length > 1\n  const showInlineAlert = hasPendingUpdates && !showSummaryAlert\n  const nextChange = updatePendingChanges[0]\n\n  const handleEdit = (job: Job) => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED, {\n      employeeId,\n      jobId: job.uuid,\n    })\n  }\n  const handleAddJob = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED, { employeeId })\n  }\n  const handleAddAnotherJob = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED, {\n      employeeId,\n    })\n  }\n\n  const jobsColumns = [\n    {\n      key: 'jobTitle',\n      title: t('card.columns.jobTitle'),\n      render: (job: Job) => {\n        // Title lives on compensation in the API — `job.title` is a\n        // denormalized snapshot that can lag behind comp-level edits on\n        // pending jobs, so read from the comp pointed to by\n        // `currentCompensationUuid`.\n        const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n        const numericRate = parseJobRate(job.rate)\n        return (\n          <>\n            {currentComp?.title || '-'}\n            {numericRate !== null && job.paymentUnit ? (\n              <Components.Text variant=\"supporting\" size=\"sm\">\n                {formatCompensationRate(numericRate, job.paymentUnit)}\n              </Components.Text>\n            ) : null}\n          </>\n        )\n      },\n    },\n    {\n      key: 'payType',\n      title: t('card.columns.payType'),\n      render: (job: Job) => {\n        const flsaStatus = job.compensations?.find(\n          comp => comp.uuid === job.currentCompensationUuid,\n        )?.flsaStatus\n        return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : '-'\n      },\n    },\n    {\n      key: 'effectiveDate',\n      title: t('card.columns.effectiveDate'),\n      render: (job: Job) => {\n        const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n        return currentComp?.effectiveDate ? formatDateLongWithYear(currentComp.effectiveDate) : '-'\n      },\n    },\n    ...(hasAnyPendingNewJobs\n      ? [\n          {\n            key: 'status',\n            title: <VisuallyHidden>{t('card.columns.status')}</VisuallyHidden>,\n            render: (job: Job) =>\n              pendingNewJobUuids.has(job.uuid) ? (\n                <Components.Badge status=\"warning\">{t('card.pendingStatus')}</Components.Badge>\n              ) : null,\n          },\n        ]\n      : []),\n  ]\n\n  const jobsDataView = useDataView({\n    data: jobs,\n    columns: jobsColumns,\n    itemMenu: (job: Job) => {\n      const jobHasPendingUpdate = pendingUpdateJobUuids.has(job.uuid)\n      const items = [\n        ...(jobHasPendingUpdate\n          ? []\n          : [\n              {\n                label: t('card.editJobCta'),\n                icon: <PencilSvg aria-hidden />,\n                onClick: () => {\n                  handleEdit(job)\n                },\n              },\n            ]),\n        ...(!job.primary\n          ? [\n              {\n                label: t('card.deleteJobCta'),\n                icon: <TrashCanSvg aria-hidden />,\n                onClick: () => {\n                  const currentComp = job.compensations?.find(\n                    c => c.uuid === job.currentCompensationUuid,\n                  )\n                  setPendingDeleteJob({ uuid: job.uuid, title: currentComp?.title ?? '' })\n                },\n              },\n            ]\n          : []),\n      ]\n      if (items.length === 0) return null\n      return (\n        <HamburgerMenu\n          triggerLabel={t('card.hamburgerTitle')}\n          isLoading={isDeletingJob}\n          items={items}\n        />\n      )\n    },\n  })\n\n  return (\n    <BaseLayout error={compensation.errorHandling.errors}>\n      <Components.Box\n        withPadding={!hasMultipleJobs}\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              hasMultipleJobs ? null : singleJob ? (\n                singleJobHasPendingUpdate ? null : (\n                  <Components.Button\n                    variant=\"secondary\"\n                    onClick={() => {\n                      handleEdit(singleJob)\n                    }}\n                  >\n                    {t('card.editCta')}\n                  </Components.Button>\n                )\n              ) : (\n                <Components.Button\n                  variant=\"secondary\"\n                  onClick={handleAddJob}\n                  icon={<PlusCircleIcon />}\n                >\n                  {t('card.addJobCta')}\n                </Components.Button>\n              )\n            }\n          />\n        }\n        footer={\n          canAddAnotherJob ? (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={handleAddAnotherJob}\n              icon={<PlusCircleIcon />}\n            >\n              {t('card.addAnotherJobCta')}\n            </Components.Button>\n          ) : undefined\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {hasPendingUpdates && (\n            <div\n              className={[styles.alertWrapper, hasMultipleJobs && styles.alertWrapperPadded]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              <Flex flexDirection=\"column\" gap={16}>\n                {showInlineAlert && nextChange && (\n                  <Components.Alert\n                    status=\"warning\"\n                    disableScrollIntoView\n                    label={\n                      hasMultipleJobs\n                        ? t('card.pendingChange.alertLabelWithJob', {\n                            jobTitle: nextChange.jobTitle,\n                            date: formatDateLongWithYear(nextChange.effectiveDate),\n                          })\n                        : t('card.pendingChange.alertLabel', {\n                            date: formatDateLongWithYear(nextChange.effectiveDate),\n                          })\n                    }\n                  >\n                    <Flex flexDirection=\"column\" gap={12}>\n                      <Components.UnorderedList\n                        items={nextChange.details.map(detail => renderDetail(detail))}\n                      />\n                      <div>\n                        <Components.Button\n                          variant=\"secondary\"\n                          isLoading={cancellingCompensationUuid === nextChange.compensationUuid}\n                          onClick={() => {\n                            void handleCancelChange(nextChange)\n                          }}\n                        >\n                          {t('card.pendingChange.cancelCta')}\n                        </Components.Button>\n                      </div>\n                    </Flex>\n                  </Components.Alert>\n                )}\n                {showSummaryAlert && (\n                  <Components.Alert\n                    status=\"warning\"\n                    disableScrollIntoView\n                    label={t('card.pendingChange.summaryLabel', {\n                      name: employeeFirstName ?? '',\n                    })}\n                    action={\n                      <Components.Button\n                        variant=\"secondary\"\n                        onClick={() => {\n                          setIsReviewOpen(true)\n                        }}\n                      >\n                        {t('card.pendingChange.reviewCta')}\n                      </Components.Button>\n                    }\n                  />\n                )}\n              </Flex>\n            </div>\n          )}\n          {hasMultipleJobs ? (\n            <DataView label={t('card.tableLabel')} isWithinBox {...jobsDataView} />\n          ) : singleJob ? (\n            <Components.DescriptionList\n              items={[\n                {\n                  term: t('card.jobTitle'),\n                  description: singleJob.title || emptyPlaceholder,\n                },\n                {\n                  term: t('card.type'),\n                  description: singleJobPaymentTypeLabel || emptyPlaceholder,\n                },\n                {\n                  term: t('card.wage'),\n                  description:\n                    singleJobNumericRate !== null && singleJob.paymentUnit\n                      ? formatCompensationRate(singleJobNumericRate, singleJob.paymentUnit)\n                      : emptyPlaceholder,\n                },\n                {\n                  term: t('card.effectiveDate'),\n                  description: singleJobCurrentComp?.effectiveDate\n                    ? formatDateLongWithYear(singleJobCurrentComp.effectiveDate)\n                    : emptyPlaceholder,\n                },\n                ...(singleJobIsPendingNew\n                  ? [\n                      {\n                        term: t('card.columns.status'),\n                        description: (\n                          <Components.Badge status=\"warning\">\n                            {t('card.pendingStatus')}\n                          </Components.Badge>\n                        ),\n                      },\n                    ]\n                  : []),\n              ]}\n            />\n          ) : (\n            <EmptyData\n              title={t('card.emptyState.title')}\n              description={t('card.emptyState.description')}\n            />\n          )}\n        </Flex>\n      </Components.Box>\n\n      <PendingChangesReviewModal\n        isOpen={isReviewOpen}\n        pendingChanges={updatePendingChanges}\n        employeeFirstName={employeeFirstName}\n        cancellingCompensationUuid={cancellingCompensationUuid}\n        onClose={() => {\n          setIsReviewOpen(false)\n        }}\n        onCancelChange={change => {\n          void handleCancelChange(change)\n        }}\n      />\n\n      <Components.Dialog\n        isOpen={pendingDeleteJob !== null}\n        onClose={() => {\n          setPendingDeleteJob(null)\n        }}\n        onPrimaryActionClick={() => {\n          void handleConfirmDeleteJob()\n        }}\n        isPrimaryActionLoading={isDeletingJob}\n        isDestructive\n        title={t('card.deleteJobDialog.title')}\n        primaryActionLabel={t('card.deleteJobDialog.confirmCta')}\n        closeActionLabel={t('card.deleteJobDialog.cancelCta')}\n      >\n        {pendingDeleteJob\n          ? t('card.deleteJobDialog.description', {\n              jobTitle: pendingDeleteJob.title,\n            })\n          : null}\n      </Components.Dialog>\n    </BaseLayout>\n  )\n}\n"],"names":["parseJobRate","rate","numericRate","CompensationCard","props","jsx","BaseBoundaries","CompensationCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","compensation","useCompensationManagement","BaseLayout","Loading","CompensationCardReady","formatCompensationRate","useFormatCompensationRate","jobs","primaryFlsaStatus","pendingChanges","hasMultipleJobs","employeeFirstName","cancellingCompensationUuid","handleCancelChange","useCallback","pendingChange","componentEvents","pendingDeleteJob","setPendingDeleteJob","useState","deleteEmployeeJob","isDeletingJob","useJobsAndCompensationsDeleteMutation","handleConfirmDeleteJob","jobId","singleJob","localTodayISO","formatDateToStringDate","hasFutureNonNonexemptComp","j","c","FlsaStatus","canAddAnotherJob","singleJobNumericRate","singleJobCurrentComp","emptyPlaceholder","singleJobPaymentTypeLabel","isReviewOpen","setIsReviewOpen","renderDetail","usePendingChangeDetailRenderer","newJobPendingChanges","updatePendingChanges","useEffect","pendingNewJobUuids","singleJobIsPendingNew","hasAnyPendingNewJobs","pendingUpdateJobUuids","singleJobHasPendingUpdate","hasPendingUpdates","showSummaryAlert","showInlineAlert","nextChange","handleEdit","job","handleAddJob","handleAddAnotherJob","jobsColumns","currentComp","jsxs","Fragment","flsaStatus","comp","formatDateLongWithYear","VisuallyHidden","jobsDataView","useDataView","items","PencilSvg","TrashCanSvg","HamburgerMenu","PlusCircleIcon","Flex","styles","detail","DataView","EmptyData","PendingChangesReviewModal","change"],"mappings":"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"}
+{"version":3,"file":"CompensationCard.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationCard/CompensationCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsDelete'\nimport type { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport {\n  useCompensationManagement,\n  type UseCompensationManagementReady,\n} from '../../shared/useCompensationManagement'\nimport type { PendingCompensationChange } from '../../shared/getPendingCompensationChanges'\nimport { usePendingChangeDetailRenderer } from '../../shared/usePendingChangeDetailRenderer'\nimport { PendingChangesReviewModal } from '../../shared/PendingChangesReviewModal'\nimport styles from './CompensationCard.module.scss'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { DataView, useDataView, EmptyData, Loading, VisuallyHidden } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { formatDateLongWithYear, formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useFormatCompensationRate } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, FlsaStatus, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\nfunction parseJobRate(rate: Job['rate']): number | null {\n  if (rate === undefined) return null\n  const numericRate = parseFloat(rate)\n  return Number.isFinite(numericRate) ? numericRate : null\n}\n\n/**\n * Props for {@link CompensationCard}.\n *\n * @public\n */\nexport interface CompensationCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link CompensationCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Compensation\" management card that displays an employee's current jobs and compensation, surfaces pending future-dated changes, and exposes edit, add, and delete affordances.\n *\n * @remarks\n * The card owns its own data fetch, the pending-change alerts and review modal, and the delete-job confirm dialog. It does not render the compensation edit or add-job forms — instead, it emits a distinct request event for each action, and the consumer routes those to {@link CompensationEditForm}, {@link CompensationAddJobForm}, or {@link CompensationAddAnotherJobForm} and renders any post-save success alerts. {@link Compensation} bundles the card, the three form surfaces, and the swap and alert wiring as a single drop-in; reach for the card directly only when that orchestration is the wrong fit (for example, when a form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a job | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/addRequested` | Fired when the \"Add job\" CTA is clicked from the empty state | `{ employeeId: string }` |\n * | `employee/management/compensation/card/addAnotherRequested` | Fired when the \"Add another job\" CTA is clicked | `{ employeeId: string }` |\n * | `employee/management/compensation/card/jobDeleted` | Fired after a non-primary job is deleted via the card's confirm dialog | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/changeCancelled` | Fired after a scheduled future-dated change is cancelled from the card | `{ employeeId: string, compensationId: string }` |\n *\n * @param props - See {@link CompensationCardProps}.\n * @returns The rendered compensation card.\n * @public\n * @group Block Components\n */\nexport function CompensationCard(props: CompensationCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <CompensationCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction CompensationCardContent({ employeeId, onEvent }: CompensationCardProps) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n\n  const compensation = useCompensationManagement({ employeeId })\n\n  if (compensation.isLoading) {\n    return (\n      <BaseLayout error={compensation.errorHandling.errors}>\n        <Components.Box header={<Components.BoxHeader title={t('card.title')} />}>\n          <Loading />\n        </Components.Box>\n      </BaseLayout>\n    )\n  }\n\n  return (\n    <CompensationCardReady employeeId={employeeId} onEvent={onEvent} compensation={compensation} />\n  )\n}\n\ninterface CompensationCardReadyProps extends CompensationCardProps {\n  compensation: UseCompensationManagementReady\n}\n\nfunction CompensationCardReady({ employeeId, onEvent, compensation }: CompensationCardReadyProps) {\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n  const formatCompensationRate = useFormatCompensationRate()\n\n  const { jobs, primaryFlsaStatus, pendingChanges, hasMultipleJobs, employeeFirstName } =\n    compensation.data\n  const { cancellingCompensationUuid } = compensation.status\n\n  const handleCancelChange = useCallback(\n    async (pendingChange: PendingCompensationChange) => {\n      const result = await compensation.actions.cancelPendingChange(pendingChange)\n      if (result) {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_CHANGE_CANCELLED, {\n          employeeId,\n          compensationId: pendingChange.compensationUuid,\n        })\n      }\n    },\n    [compensation, onEvent, employeeId],\n  )\n\n  const [pendingDeleteJob, setPendingDeleteJob] = useState<{\n    uuid: string\n    title: string\n  } | null>(null)\n\n  const { mutateAsync: deleteEmployeeJob, isPending: isDeletingJob } =\n    useJobsAndCompensationsDeleteMutation()\n\n  const handleConfirmDeleteJob = async () => {\n    if (!pendingDeleteJob) return\n    const jobId = pendingDeleteJob.uuid\n    await deleteEmployeeJob({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_JOB_DELETED, {\n      employeeId,\n      jobId,\n    })\n    setPendingDeleteJob(null)\n  }\n\n  const singleJob = jobs.length === 1 ? jobs[0]! : undefined\n  // Block adding a secondary if the primary already has a future-dated\n  // compensation that isn't Nonexempt — that comp will delete secondary jobs\n  // at its effective date, matching the gws-flows guard on the new-job action.\n  const localTodayISO = formatDateToStringDate(new Date()) ?? ''\n  const primaryJob = jobs.find(j => j.primary)\n  const hasFutureNonNonexemptComp =\n    primaryJob?.compensations?.some(\n      c =>\n        c.effectiveDate !== undefined &&\n        c.effectiveDate > localTodayISO &&\n        c.flsaStatus !== FlsaStatus.NONEXEMPT,\n    ) ?? false\n  const canAddAnotherJob =\n    jobs.length >= 1 && primaryFlsaStatus === FlsaStatus.NONEXEMPT && !hasFutureNonNonexemptComp\n  const singleJobNumericRate = singleJob ? parseJobRate(singleJob.rate) : null\n  const singleJobCurrentComp = singleJob?.compensations?.find(\n    c => c.uuid === singleJob.currentCompensationUuid,\n  )\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n  const singleJobPaymentTypeLabel = singleJob?.paymentUnit\n    ? singleJob.paymentUnit === 'Hour'\n      ? t('card.types.hourly')\n      : singleJob.paymentUnit === 'Salary' || singleJob.paymentUnit === 'Year'\n        ? t('card.types.salary')\n        : singleJob.paymentUnit\n    : null\n\n  const [isReviewOpen, setIsReviewOpen] = useState(false)\n  const renderDetail = usePendingChangeDetailRenderer(employeeFirstName)\n\n  // Split pending changes: \"new job\" (job hasn't started yet, no current comp)\n  // vs \"update\" (existing comp with a scheduled future change).\n  const newJobPendingChanges = pendingChanges.filter(c => c.isNewJob)\n  const updatePendingChanges = pendingChanges.filter(c => !c.isNewJob)\n\n  useEffect(() => {\n    if (updatePendingChanges.length === 0) {\n      setIsReviewOpen(false)\n    }\n  }, [updatePendingChanges.length])\n\n  const pendingNewJobUuids = new Set(newJobPendingChanges.map(c => c.jobUuid))\n  const singleJobIsPendingNew = singleJob ? pendingNewJobUuids.has(singleJob.uuid) : false\n  const hasAnyPendingNewJobs = pendingNewJobUuids.size > 0\n\n  // Jobs with a future-dated comp stacked on a current comp (\"pending update\").\n  // Editing while one is queued would stack another future comp on top —\n  // hide Edit until the existing pending change is cancelled or goes into effect.\n  const pendingUpdateJobUuids = new Set(updatePendingChanges.map(c => c.jobUuid))\n  const singleJobHasPendingUpdate = singleJob ? pendingUpdateJobUuids.has(singleJob.uuid) : false\n\n  const hasPendingUpdates = updatePendingChanges.length > 0\n  const showSummaryAlert = hasMultipleJobs && updatePendingChanges.length > 1\n  const showInlineAlert = hasPendingUpdates && !showSummaryAlert\n  const nextChange = updatePendingChanges[0]\n\n  const handleEdit = (job: Job) => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED, {\n      employeeId,\n      jobId: job.uuid,\n    })\n  }\n  const handleAddJob = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED, { employeeId })\n  }\n  const handleAddAnotherJob = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED, {\n      employeeId,\n    })\n  }\n\n  const jobsColumns = [\n    {\n      key: 'jobTitle',\n      title: t('card.columns.jobTitle'),\n      render: (job: Job) => {\n        // Title lives on compensation in the API — `job.title` is a\n        // denormalized snapshot that can lag behind comp-level edits on\n        // pending jobs, so read from the comp pointed to by\n        // `currentCompensationUuid`.\n        const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n        const numericRate = parseJobRate(job.rate)\n        return (\n          <>\n            {currentComp?.title || '-'}\n            {numericRate !== null && job.paymentUnit ? (\n              <Components.Text variant=\"supporting\" size=\"sm\">\n                {formatCompensationRate(numericRate, job.paymentUnit)}\n              </Components.Text>\n            ) : null}\n          </>\n        )\n      },\n    },\n    {\n      key: 'payType',\n      title: t('card.columns.payType'),\n      render: (job: Job) => {\n        const flsaStatus = job.compensations?.find(\n          comp => comp.uuid === job.currentCompensationUuid,\n        )?.flsaStatus\n        return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : '-'\n      },\n    },\n    {\n      key: 'effectiveDate',\n      title: t('card.columns.effectiveDate'),\n      render: (job: Job) => {\n        const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n        return currentComp?.effectiveDate ? formatDateLongWithYear(currentComp.effectiveDate) : '-'\n      },\n    },\n    ...(hasAnyPendingNewJobs\n      ? [\n          {\n            key: 'status',\n            title: <VisuallyHidden>{t('card.columns.status')}</VisuallyHidden>,\n            render: (job: Job) =>\n              pendingNewJobUuids.has(job.uuid) ? (\n                <Components.Badge status=\"warning\">{t('card.pendingStatus')}</Components.Badge>\n              ) : null,\n          },\n        ]\n      : []),\n  ]\n\n  const jobsDataView = useDataView({\n    data: jobs,\n    columns: jobsColumns,\n    itemMenu: (job: Job) => {\n      const jobHasPendingUpdate = pendingUpdateJobUuids.has(job.uuid)\n      const items = [\n        ...(jobHasPendingUpdate\n          ? []\n          : [\n              {\n                label: t('card.editJobCta'),\n                icon: <PencilSvg aria-hidden />,\n                onClick: () => {\n                  handleEdit(job)\n                },\n              },\n            ]),\n        ...(!job.primary\n          ? [\n              {\n                label: t('card.deleteJobCta'),\n                icon: <TrashCanSvg aria-hidden />,\n                onClick: () => {\n                  const currentComp = job.compensations?.find(\n                    c => c.uuid === job.currentCompensationUuid,\n                  )\n                  setPendingDeleteJob({ uuid: job.uuid, title: currentComp?.title ?? '' })\n                },\n              },\n            ]\n          : []),\n      ]\n      if (items.length === 0) return null\n      return (\n        <HamburgerMenu\n          triggerLabel={t('card.hamburgerTitle')}\n          isLoading={isDeletingJob}\n          items={items}\n        />\n      )\n    },\n  })\n\n  return (\n    <BaseLayout error={compensation.errorHandling.errors}>\n      <Components.Box\n        withPadding={!hasMultipleJobs}\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              hasMultipleJobs ? null : singleJob ? (\n                singleJobHasPendingUpdate ? null : (\n                  <Components.Button\n                    variant=\"secondary\"\n                    onClick={() => {\n                      handleEdit(singleJob)\n                    }}\n                  >\n                    {t('card.editCta')}\n                  </Components.Button>\n                )\n              ) : (\n                <Components.Button\n                  variant=\"secondary\"\n                  onClick={handleAddJob}\n                  icon={<PlusCircleIcon />}\n                >\n                  {t('card.addJobCta')}\n                </Components.Button>\n              )\n            }\n          />\n        }\n        footer={\n          canAddAnotherJob ? (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={handleAddAnotherJob}\n              icon={<PlusCircleIcon />}\n            >\n              {t('card.addAnotherJobCta')}\n            </Components.Button>\n          ) : undefined\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {hasPendingUpdates && (\n            <div\n              className={[styles.alertWrapper, hasMultipleJobs && styles.alertWrapperPadded]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              <Flex flexDirection=\"column\" gap={16}>\n                {showInlineAlert && nextChange && (\n                  <Components.Alert\n                    status=\"warning\"\n                    disableScrollIntoView\n                    label={\n                      hasMultipleJobs\n                        ? t('card.pendingChange.alertLabelWithJob', {\n                            jobTitle: nextChange.jobTitle,\n                            date: formatDateLongWithYear(nextChange.effectiveDate),\n                          })\n                        : t('card.pendingChange.alertLabel', {\n                            date: formatDateLongWithYear(nextChange.effectiveDate),\n                          })\n                    }\n                  >\n                    <Flex flexDirection=\"column\" gap={12}>\n                      <Components.UnorderedList\n                        items={nextChange.details.map(detail => renderDetail(detail))}\n                      />\n                      <div>\n                        <Components.Button\n                          variant=\"secondary\"\n                          isLoading={cancellingCompensationUuid === nextChange.compensationUuid}\n                          onClick={() => {\n                            void handleCancelChange(nextChange)\n                          }}\n                        >\n                          {t('card.pendingChange.cancelCta')}\n                        </Components.Button>\n                      </div>\n                    </Flex>\n                  </Components.Alert>\n                )}\n                {showSummaryAlert && (\n                  <Components.Alert\n                    status=\"warning\"\n                    disableScrollIntoView\n                    label={t('card.pendingChange.summaryLabel', {\n                      name: employeeFirstName ?? '',\n                    })}\n                    action={\n                      <Components.Button\n                        variant=\"secondary\"\n                        onClick={() => {\n                          setIsReviewOpen(true)\n                        }}\n                      >\n                        {t('card.pendingChange.reviewCta')}\n                      </Components.Button>\n                    }\n                  />\n                )}\n              </Flex>\n            </div>\n          )}\n          {hasMultipleJobs ? (\n            <DataView label={t('card.tableLabel')} isWithinBox {...jobsDataView} />\n          ) : singleJob ? (\n            <Components.DescriptionList\n              items={[\n                {\n                  term: t('card.jobTitle'),\n                  description: singleJob.title || emptyPlaceholder,\n                },\n                {\n                  term: t('card.type'),\n                  description: singleJobPaymentTypeLabel || emptyPlaceholder,\n                },\n                {\n                  term: t('card.wage'),\n                  description:\n                    singleJobNumericRate !== null && singleJob.paymentUnit\n                      ? formatCompensationRate(singleJobNumericRate, singleJob.paymentUnit)\n                      : emptyPlaceholder,\n                },\n                {\n                  term: t('card.effectiveDate'),\n                  description: singleJobCurrentComp?.effectiveDate\n                    ? formatDateLongWithYear(singleJobCurrentComp.effectiveDate)\n                    : emptyPlaceholder,\n                },\n                ...(singleJobIsPendingNew\n                  ? [\n                      {\n                        term: t('card.columns.status'),\n                        description: (\n                          <Components.Badge status=\"warning\">\n                            {t('card.pendingStatus')}\n                          </Components.Badge>\n                        ),\n                      },\n                    ]\n                  : []),\n              ]}\n            />\n          ) : (\n            <EmptyData\n              title={t('card.emptyState.title')}\n              description={t('card.emptyState.description')}\n            />\n          )}\n        </Flex>\n      </Components.Box>\n\n      <PendingChangesReviewModal\n        isOpen={isReviewOpen}\n        pendingChanges={updatePendingChanges}\n        employeeFirstName={employeeFirstName}\n        cancellingCompensationUuid={cancellingCompensationUuid}\n        onClose={() => {\n          setIsReviewOpen(false)\n        }}\n        onCancelChange={change => {\n          void handleCancelChange(change)\n        }}\n      />\n\n      <Components.Dialog\n        isOpen={pendingDeleteJob !== null}\n        onClose={() => {\n          setPendingDeleteJob(null)\n        }}\n        onPrimaryActionClick={() => {\n          void handleConfirmDeleteJob()\n        }}\n        isPrimaryActionLoading={isDeletingJob}\n        isDestructive\n        title={t('card.deleteJobDialog.title')}\n        primaryActionLabel={t('card.deleteJobDialog.confirmCta')}\n        closeActionLabel={t('card.deleteJobDialog.cancelCta')}\n      >\n        {pendingDeleteJob\n          ? t('card.deleteJobDialog.description', {\n              jobTitle: pendingDeleteJob.title,\n            })\n          : null}\n      </Components.Dialog>\n    </BaseLayout>\n  )\n}\n"],"names":["parseJobRate","rate","numericRate","CompensationCard","props","jsx","BaseBoundaries","CompensationCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","compensation","useCompensationManagement","BaseLayout","Loading","CompensationCardReady","formatCompensationRate","useFormatCompensationRate","jobs","primaryFlsaStatus","pendingChanges","hasMultipleJobs","employeeFirstName","cancellingCompensationUuid","handleCancelChange","useCallback","pendingChange","componentEvents","pendingDeleteJob","setPendingDeleteJob","useState","deleteEmployeeJob","isDeletingJob","useJobsAndCompensationsDeleteMutation","handleConfirmDeleteJob","jobId","singleJob","localTodayISO","formatDateToStringDate","hasFutureNonNonexemptComp","j","c","FlsaStatus","canAddAnotherJob","singleJobNumericRate","singleJobCurrentComp","emptyPlaceholder","singleJobPaymentTypeLabel","isReviewOpen","setIsReviewOpen","renderDetail","usePendingChangeDetailRenderer","newJobPendingChanges","updatePendingChanges","useEffect","pendingNewJobUuids","singleJobIsPendingNew","hasAnyPendingNewJobs","pendingUpdateJobUuids","singleJobHasPendingUpdate","hasPendingUpdates","showSummaryAlert","showInlineAlert","nextChange","handleEdit","job","handleAddJob","handleAddAnotherJob","jobsColumns","currentComp","jsxs","Fragment","flsaStatus","comp","formatDateLongWithYear","VisuallyHidden","jobsDataView","useDataView","items","PencilSvg","TrashCanSvg","HamburgerMenu","PlusCircleIcon","Flex","styles","detail","DataView","EmptyData","PendingChangesReviewModal","change"],"mappings":"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"}

package/dist/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.d.ts

@@ -25,6 +25,7 @@ export interface CompensationEditFormProps extends CommonComponentInterface<'Emp
  * @remarks
  * Pair with {@link CompensationCard} to route its `employee/management/compensation/card/editRequested` event to this form. {@link Compensation} bundles the card, the three form surfaces (edit, add job, add another job), and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/compensation/editForm/submitted` | Fired after the compensation change is saved; use it to return to the card | The updated `Compensation` entity |

package/dist/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompensationEditForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.tsx"],"sourcesContent":["import { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs'\nimport { getPendingCompensationChanges } from '../../shared/getPendingCompensationChanges'\nimport { CompensationEditJobForm } from '../CompensationEditJobForm/CompensationEditJobForm'\nimport { CompensationEditPendingJobForm } from '../CompensationEditPendingJobForm/CompensationEditPendingJobForm'\nimport { BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationEditForm}.\n *\n * @public\n */\nexport interface CompensationEditFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /**\n   * The id of the job whose compensation is being edited (for example, the `jobId` from the\n   * {@link CompensationCard} `employee/management/compensation/card/editRequested` payload).\n   * The form inspects the job's compensations to decide whether to edit the current\n   * compensation or an already-scheduled future-dated change.\n   */\n  jobId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationEditForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone form that edits the compensation for a single job, branching automatically between editing the current compensation and an already-scheduled future-dated change.\n *\n * @remarks\n * Pair with {@link CompensationCard} to route its `employee/management/compensation/card/editRequested` event to this form. {@link Compensation} bundles the card, the three form surfaces (edit, add job, add another job), and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/editForm/submitted` | Fired after the compensation change is saved; use it to return to the card | The updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationEditFormProps}.\n * @returns The rendered compensation edit form.\n * @public\n * @group Block Components\n */\nexport function CompensationEditForm({\n  employeeId,\n  jobId,\n  onEvent,\n  dictionary,\n}: CompensationEditFormProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs({ employeeId }, { enabled: !!employeeId })\n\n  if (jobsQuery.isLoading || !jobsQuery.data) {\n    const errorHandling = composeErrorHandler([jobsQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  const job = jobsQuery.data.jobs?.find(j => j.uuid === jobId)\n\n  // The API does not guarantee ordering of job.compensations, so rely on the\n  // same sorted helper that drives the card display (ascending by effectiveDate)\n  // to find the nearest pending change.\n  const nearestPending = getPendingCompensationChanges(job ? [job] : [])[0]\n\n  if (nearestPending) {\n    return (\n      <CompensationEditPendingJobForm\n        employeeId={employeeId}\n        jobId={jobId}\n        compensationId={nearestPending.compensationUuid}\n        isNewJob={nearestPending.isNewJob}\n        isPrimaryJob={job?.primary ?? false}\n        onEvent={onEvent}\n        dictionary={dictionary}\n      />\n    )\n  }\n\n  return (\n    <CompensationEditJobForm\n      employeeId={employeeId}\n      jobId={jobId}\n      onEvent={onEvent}\n      dictionary={dictionary}\n    />\n  )\n}\n"],"names":["CompensationEditForm","employeeId","jobId","onEvent","dictionary","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","nearestPending","getPendingCompensationChanges","jsx","CompensationEditPendingJobForm","CompensationEditJobForm"],"mappings":";;;;;;;;AA4CO,SAASA,EAAqB;AAAA,EACnC,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AACF,GAA8B;AAC5B,QAAMC,IAAYC,EAA+B,EAAE,YAAAL,EAAA,GAAc,EAAE,SAAS,CAAC,CAACA,GAAY;AAE1F,MAAII,EAAU,aAAa,CAACA,EAAU,MAAM;AAC1C,UAAME,IAAgBC,EAAoB,CAACH,CAAS,CAAC;AACrD,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ;AAAA,EAC5D;AAEA,QAAMG,IAAML,EAAU,KAAK,MAAM,KAAK,CAAAM,MAAKA,EAAE,SAAST,CAAK,GAKrDU,IAAiBC,EAA8BH,IAAM,CAACA,CAAG,IAAI,CAAA,CAAE,EAAE,CAAC;AAExE,SAAIE,IAEA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAd;AAAA,MACA,OAAAC;AAAA,MACA,gBAAgBU,EAAe;AAAA,MAC/B,UAAUA,EAAe;AAAA,MACzB,cAAcF,GAAK,WAAW;AAAA,MAC9B,SAAAP;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAf;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CompensationEditForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.tsx"],"sourcesContent":["import { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs'\nimport { getPendingCompensationChanges } from '../../shared/getPendingCompensationChanges'\nimport { CompensationEditJobForm } from '../CompensationEditJobForm/CompensationEditJobForm'\nimport { CompensationEditPendingJobForm } from '../CompensationEditPendingJobForm/CompensationEditPendingJobForm'\nimport { BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationEditForm}.\n *\n * @public\n */\nexport interface CompensationEditFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /**\n   * The id of the job whose compensation is being edited (for example, the `jobId` from the\n   * {@link CompensationCard} `employee/management/compensation/card/editRequested` payload).\n   * The form inspects the job's compensations to decide whether to edit the current\n   * compensation or an already-scheduled future-dated change.\n   */\n  jobId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationEditForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone form that edits the compensation for a single job, branching automatically between editing the current compensation and an already-scheduled future-dated change.\n *\n * @remarks\n * Pair with {@link CompensationCard} to route its `employee/management/compensation/card/editRequested` event to this form. {@link Compensation} bundles the card, the three form surfaces (edit, add job, add another job), and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/editForm/submitted` | Fired after the compensation change is saved; use it to return to the card | The updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationEditFormProps}.\n * @returns The rendered compensation edit form.\n * @public\n * @group Block Components\n */\nexport function CompensationEditForm({\n  employeeId,\n  jobId,\n  onEvent,\n  dictionary,\n}: CompensationEditFormProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs({ employeeId }, { enabled: !!employeeId })\n\n  if (jobsQuery.isLoading || !jobsQuery.data) {\n    const errorHandling = composeErrorHandler([jobsQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  const job = jobsQuery.data.jobs?.find(j => j.uuid === jobId)\n\n  // The API does not guarantee ordering of job.compensations, so rely on the\n  // same sorted helper that drives the card display (ascending by effectiveDate)\n  // to find the nearest pending change.\n  const nearestPending = getPendingCompensationChanges(job ? [job] : [])[0]\n\n  if (nearestPending) {\n    return (\n      <CompensationEditPendingJobForm\n        employeeId={employeeId}\n        jobId={jobId}\n        compensationId={nearestPending.compensationUuid}\n        isNewJob={nearestPending.isNewJob}\n        isPrimaryJob={job?.primary ?? false}\n        onEvent={onEvent}\n        dictionary={dictionary}\n      />\n    )\n  }\n\n  return (\n    <CompensationEditJobForm\n      employeeId={employeeId}\n      jobId={jobId}\n      onEvent={onEvent}\n      dictionary={dictionary}\n    />\n  )\n}\n"],"names":["CompensationEditForm","employeeId","jobId","onEvent","dictionary","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","nearestPending","getPendingCompensationChanges","jsx","CompensationEditPendingJobForm","CompensationEditJobForm"],"mappings":";;;;;;;;AA6CO,SAASA,EAAqB;AAAA,EACnC,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AACF,GAA8B;AAC5B,QAAMC,IAAYC,EAA+B,EAAE,YAAAL,EAAA,GAAc,EAAE,SAAS,CAAC,CAACA,GAAY;AAE1F,MAAII,EAAU,aAAa,CAACA,EAAU,MAAM;AAC1C,UAAME,IAAgBC,EAAoB,CAACH,CAAS,CAAC;AACrD,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ;AAAA,EAC5D;AAEA,QAAMG,IAAML,EAAU,KAAK,MAAM,KAAK,CAAAM,MAAKA,EAAE,SAAST,CAAK,GAKrDU,IAAiBC,EAA8BH,IAAM,CAACA,CAAG,IAAI,CAAA,CAAE,EAAE,CAAC;AAExE,SAAIE,IAEA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAd;AAAA,MACA,OAAAC;AAAA,MACA,gBAAgBU,EAAe;AAAA,MAC/B,UAAUA,EAAe;AAAA,MACzB,cAAcF,GAAK,WAAW;AAAA,MAC9B,SAAAP;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAf;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Compensation/management/ManagementCompensationFormBody.js

@@ -1,5 +1,5 @@
-import { jsxs as r, jsx as t, Fragment as E } from "react/jsx-runtime";
-import { useTranslation as h, Trans as d } from "react-i18next";
+import { jsxs as r, jsx as t, Fragment as h } from "react/jsx-runtime";
+import { useTranslation as E, Trans as m } from "react-i18next";
 import { Flex as c } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as R } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -14,7 +14,7 @@ function S({
   isPending: u,
   onCancel: f
 }) {
-  const { t: e } = h("Employee.Management.Compensation"), s = v(), m = C("currency"), o = n.form.Fields, a = i.form.Fields;
+  const { t: e } = E("Employee.Management.Compensation"), s = v(), d = C("currency"), o = n.form.Fields, a = i.form.Fields;
   return /* @__PURE__ */ r(c, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ t(s.Heading, { as: "h2", children: g }),
     /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: [
@@ -36,13 +36,14 @@ function S({
           formHookResult: n
         }
       ),
-      a.FlsaStatus && /* @__PURE__ */ r(E, { children: [
+      a.FlsaStatus && /* @__PURE__ */ r(h, { children: [
         /* @__PURE__ */ t(
           a.FlsaStatus,
           {
             label: e("employeeClassification"),
+            placeholder: e("flsaStatusPlaceholder"),
             description: /* @__PURE__ */ t(
-              d,
+              m,
               {
                 t: e,
                 i18nKey: "classificationLink",
@@ -51,7 +52,7 @@ function S({
             ),
             validationMessages: {
               REQUIRED: e("validations.exemptThreshold", {
-                limit: m(b)
+                limit: d(b)
               })
             },
             getOptionLabel: (l) => e(`flsaStatusLabels.${l}`),
@@ -83,7 +84,7 @@ function S({
               label: e("commissionAlerts.minimumWage.label"),
               disableScrollIntoView: !0,
               children: /* @__PURE__ */ t(
-                d,
+                m,
                 {
                   t: e,
                   i18nKey: "commissionAlerts.minimumWage.body",
@@ -119,7 +120,7 @@ function S({
             REQUIRED: e("validations.rate"),
             RATE_MINIMUM: e("validations.nonZeroRate"),
             RATE_EXEMPT_THRESHOLD: e("validations.rateExemptThreshold", {
-              limit: m(b)
+              limit: d(b)
             })
           },
           formHookResult: i
@@ -129,6 +130,7 @@ function S({
         a.PaymentUnit,
         {
           label: e("wageFrequencyLabel"),
+          placeholder: e("paymentUnitPlaceholder"),
           description: e("paymentUnitDescription"),
           validationMessages: { REQUIRED: e("validations.paymentUnit") },
           getOptionLabel: (l) => e(`paymentUnitOptions.${l}`),
@@ -159,9 +161,10 @@ function S({
         a.MinimumWageId,
         {
           label: e("minimumWageLabel"),
+          placeholder: e("minimumWagePlaceholder"),
           description: e("minimumWageDescription"),
           validationMessages: { REQUIRED: e("validations.minimumWage") },
-          getOptionLabel: (l) => `${m(Number(l.wage))} - ${l.authority}: ${l.notes ?? ""}`,
+          getOptionLabel: (l) => `${d(Number(l.wage))} - ${l.authority}: ${l.notes ?? ""}`,
           formHookResult: i
         }
       ),
@@ -177,7 +180,7 @@ function S({
         {
           label: e("stateWcCoveredLabel"),
           description: /* @__PURE__ */ t(
-            d,
+            m,
             {
               t: e,
               i18nKey: "stateWcCoveredDescription",

package/dist/components/Employee/Compensation/management/ManagementCompensationFormBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManagementCompensationFormBody.js","sources":["../../../../../src/components/Employee/Compensation/management/ManagementCompensationFormBody.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { PaymentUnit } from '@gusto/embedded-api-v-2025-11-15/models/components/compensation'\nimport type { FlsaStatusType } from '@gusto/embedded-api-v-2025-11-15/models/components/flsastatustype'\nimport type { MinimumWage } from '@gusto/embedded-api-v-2025-11-15/models/components/minimumwage'\nimport type { UseJobFormReady } from '../shared/useJobForm'\nimport type { UseCompensationFormReady } from '../shared/useCompensationForm'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT } from '@/shared/constants'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\n/** @internal */\nexport interface ManagementCompensationFormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  title: string\n  submitCtaLabel: string\n  isPending: boolean\n  onCancel?: () => void\n}\n\n/**\n * Renders the shared field layout used by both `EditCompensation` (schedule a future comp\n * change for a present job) and `EditPendingCompensation` (update an existing future comp).\n * Field visibility is driven entirely by hook configuration — the hooks expose `undefined`\n * for fields that should not render — so this component renders the correct subset for each\n * use case without extra conditional props.\n *\n * @internal\n */\nexport function ManagementCompensationFormBody({\n  jobForm,\n  compensationForm,\n  title,\n  submitCtaLabel,\n  isPending,\n  onCancel,\n}: ManagementCompensationFormBodyProps) {\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n  const format = useNumberFormatter('currency')\n\n  const JobFields = jobForm.form.Fields\n  const CompFields = compensationForm.form.Fields\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{title}</Components.Heading>\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <CompFields.Title\n          label={t('jobTitleLabel')}\n          validationMessages={{ REQUIRED: t('validations.jobTitleSentence') }}\n          formHookResult={compensationForm}\n        />\n\n        {JobFields.HireDate && (\n          <JobFields.HireDate\n            label={t('hireDateLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.hireDate'),\n            }}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {CompFields.FlsaStatus && (\n          <>\n            <CompFields.FlsaStatus\n              label={t('employeeClassification')}\n              description={\n                <Trans\n                  t={t}\n                  i18nKey=\"classificationLink\"\n                  components={{ ClassificationLink: <Components.Link /> }}\n                />\n              }\n              validationMessages={{\n                REQUIRED: t('validations.exemptThreshold', {\n                  limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n                }),\n              }}\n              getOptionLabel={(status: FlsaStatusType) => t(`flsaStatusLabels.${status}`)}\n              formHookResult={compensationForm}\n            />\n            {(compensationForm.status.showCommissionFederalMinimumPayAlert ||\n              compensationForm.status.showCommissionMinimumWageAlert ||\n              compensationForm.status.showOwnerSalaryAlert ||\n              compensationForm.status.willDeleteSecondaryJobs) && (\n              <Flex flexDirection=\"column\" gap={0}>\n                {compensationForm.status.willDeleteSecondaryJobs && (\n                  <Components.Alert\n                    label={t('validations.classificationChangeNotification')}\n                    status=\"warning\"\n                  >\n                    {t('validations.classificationChangeRemovesSecondaryJobs')}\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showCommissionFederalMinimumPayAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.federalMinimumPay.label')}\n                    disableScrollIntoView\n                  >\n                    {t('commissionAlerts.federalMinimumPay.body')}\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showCommissionMinimumWageAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.minimumWage.label')}\n                    disableScrollIntoView\n                  >\n                    <Trans\n                      t={t}\n                      i18nKey=\"commissionAlerts.minimumWage.body\"\n                      components={{\n                        minimumWageLink: (\n                          <Components.Link\n                            href=\"https://support.gusto.com/article/112472520100000/manage-tip-wages-distributed-service-charges-and-tip-credits-in-gusto-for-admins\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showOwnerSalaryAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.ownerSalary.label')}\n                    disableScrollIntoView\n                  />\n                )}\n              </Flex>\n            )}\n          </>\n        )}\n\n        {CompFields.Rate && (\n          <CompFields.Rate\n            label={t('wageLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.rate'),\n              RATE_MINIMUM: t('validations.nonZeroRate'),\n              RATE_EXEMPT_THRESHOLD: t('validations.rateExemptThreshold', {\n                limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n              }),\n            }}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.PaymentUnit && (\n          <CompFields.PaymentUnit\n            label={t('wageFrequencyLabel')}\n            description={t('paymentUnitDescription')}\n            validationMessages={{ REQUIRED: t('validations.paymentUnit') }}\n            getOptionLabel={(unit: PaymentUnit) => t(`paymentUnitOptions.${unit}` as const)}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.EffectiveDate && (\n          <CompFields.EffectiveDate\n            label={t('effectiveDateLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.effectiveDate'),\n              EFFECTIVE_DATE_BEFORE_HIRE: t('validations.effectiveDateBeforeHire'),\n              EFFECTIVE_DATE_BEFORE_MIN: t('validations.effectiveDateBeforeMin'),\n            }}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.AdjustForMinimumWage && (\n          <CompFields.AdjustForMinimumWage\n            label={t('adjustForMinimumWage')}\n            description={t('adjustForMinimumWageDescription')}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.MinimumWageId && (\n          <CompFields.MinimumWageId\n            label={t('minimumWageLabel')}\n            description={t('minimumWageDescription')}\n            validationMessages={{ REQUIRED: t('validations.minimumWage') }}\n            getOptionLabel={(wage: MinimumWage) =>\n              `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`\n            }\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {JobFields.TwoPercentShareholder && (\n          <JobFields.TwoPercentShareholder\n            label={t('twoPercentShareholderLabel')}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {JobFields.StateWcCovered && (\n          <JobFields.StateWcCovered\n            label={t('stateWcCoveredLabel')}\n            description={\n              <Trans\n                t={t}\n                i18nKey=\"stateWcCoveredDescription\"\n                components={{\n                  wcLink: (\n                    <Components.Link\n                      href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    />\n                  ),\n                }}\n              />\n            }\n            getOptionLabel={(covered: boolean) =>\n              covered ? t('stateWcCoveredOptions.yes') : t('stateWcCoveredOptions.no')\n            }\n            formHookResult={jobForm}\n          />\n        )}\n\n        {JobFields.StateWcClassCode && (\n          <JobFields.StateWcClassCode\n            label={t('stateWcClassCodeLabel')}\n            description={t('stateWcClassCodeDescription')}\n            placeholder={t('stateWcClassCodeLabel')}\n            validationMessages={{ REQUIRED: t('validations.stateWcClassCode') }}\n            formHookResult={jobForm}\n          />\n        )}\n      </Flex>\n\n      <ActionsLayout>\n        {onCancel && (\n          <Components.Button variant=\"secondary\" onClick={onCancel} isDisabled={isPending}>\n            {t('cancelCta')}\n          </Components.Button>\n        )}\n        <Components.Button type=\"submit\" isLoading={isPending}>\n          {submitCtaLabel}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["ManagementCompensationFormBody","jobForm","compensationForm","title","submitCtaLabel","isPending","onCancel","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","jsx","Fragment","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","wage","covered","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"ManagementCompensationFormBody.js","sources":["../../../../../src/components/Employee/Compensation/management/ManagementCompensationFormBody.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { PaymentUnit } from '@gusto/embedded-api-v-2025-11-15/models/components/compensation'\nimport type { FlsaStatusType } from '@gusto/embedded-api-v-2025-11-15/models/components/flsastatustype'\nimport type { MinimumWage } from '@gusto/embedded-api-v-2025-11-15/models/components/minimumwage'\nimport type { UseJobFormReady } from '../shared/useJobForm'\nimport type { UseCompensationFormReady } from '../shared/useCompensationForm'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT } from '@/shared/constants'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\n/** @internal */\nexport interface ManagementCompensationFormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  title: string\n  submitCtaLabel: string\n  isPending: boolean\n  onCancel?: () => void\n}\n\n/**\n * Renders the shared field layout used by both `EditCompensation` (schedule a future comp\n * change for a present job) and `EditPendingCompensation` (update an existing future comp).\n * Field visibility is driven entirely by hook configuration — the hooks expose `undefined`\n * for fields that should not render — so this component renders the correct subset for each\n * use case without extra conditional props.\n *\n * @internal\n */\nexport function ManagementCompensationFormBody({\n  jobForm,\n  compensationForm,\n  title,\n  submitCtaLabel,\n  isPending,\n  onCancel,\n}: ManagementCompensationFormBodyProps) {\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n  const format = useNumberFormatter('currency')\n\n  const JobFields = jobForm.form.Fields\n  const CompFields = compensationForm.form.Fields\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{title}</Components.Heading>\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <CompFields.Title\n          label={t('jobTitleLabel')}\n          validationMessages={{ REQUIRED: t('validations.jobTitleSentence') }}\n          formHookResult={compensationForm}\n        />\n\n        {JobFields.HireDate && (\n          <JobFields.HireDate\n            label={t('hireDateLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.hireDate'),\n            }}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {CompFields.FlsaStatus && (\n          <>\n            <CompFields.FlsaStatus\n              label={t('employeeClassification')}\n              placeholder={t('flsaStatusPlaceholder')}\n              description={\n                <Trans\n                  t={t}\n                  i18nKey=\"classificationLink\"\n                  components={{ ClassificationLink: <Components.Link /> }}\n                />\n              }\n              validationMessages={{\n                REQUIRED: t('validations.exemptThreshold', {\n                  limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n                }),\n              }}\n              getOptionLabel={(status: FlsaStatusType) => t(`flsaStatusLabels.${status}`)}\n              formHookResult={compensationForm}\n            />\n            {(compensationForm.status.showCommissionFederalMinimumPayAlert ||\n              compensationForm.status.showCommissionMinimumWageAlert ||\n              compensationForm.status.showOwnerSalaryAlert ||\n              compensationForm.status.willDeleteSecondaryJobs) && (\n              <Flex flexDirection=\"column\" gap={0}>\n                {compensationForm.status.willDeleteSecondaryJobs && (\n                  <Components.Alert\n                    label={t('validations.classificationChangeNotification')}\n                    status=\"warning\"\n                  >\n                    {t('validations.classificationChangeRemovesSecondaryJobs')}\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showCommissionFederalMinimumPayAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.federalMinimumPay.label')}\n                    disableScrollIntoView\n                  >\n                    {t('commissionAlerts.federalMinimumPay.body')}\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showCommissionMinimumWageAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.minimumWage.label')}\n                    disableScrollIntoView\n                  >\n                    <Trans\n                      t={t}\n                      i18nKey=\"commissionAlerts.minimumWage.body\"\n                      components={{\n                        minimumWageLink: (\n                          <Components.Link\n                            href=\"https://support.gusto.com/article/112472520100000/manage-tip-wages-distributed-service-charges-and-tip-credits-in-gusto-for-admins\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showOwnerSalaryAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.ownerSalary.label')}\n                    disableScrollIntoView\n                  />\n                )}\n              </Flex>\n            )}\n          </>\n        )}\n\n        {CompFields.Rate && (\n          <CompFields.Rate\n            label={t('wageLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.rate'),\n              RATE_MINIMUM: t('validations.nonZeroRate'),\n              RATE_EXEMPT_THRESHOLD: t('validations.rateExemptThreshold', {\n                limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n              }),\n            }}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.PaymentUnit && (\n          <CompFields.PaymentUnit\n            label={t('wageFrequencyLabel')}\n            placeholder={t('paymentUnitPlaceholder')}\n            description={t('paymentUnitDescription')}\n            validationMessages={{ REQUIRED: t('validations.paymentUnit') }}\n            getOptionLabel={(unit: PaymentUnit) => t(`paymentUnitOptions.${unit}` as const)}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.EffectiveDate && (\n          <CompFields.EffectiveDate\n            label={t('effectiveDateLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.effectiveDate'),\n              EFFECTIVE_DATE_BEFORE_HIRE: t('validations.effectiveDateBeforeHire'),\n              EFFECTIVE_DATE_BEFORE_MIN: t('validations.effectiveDateBeforeMin'),\n            }}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.AdjustForMinimumWage && (\n          <CompFields.AdjustForMinimumWage\n            label={t('adjustForMinimumWage')}\n            description={t('adjustForMinimumWageDescription')}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.MinimumWageId && (\n          <CompFields.MinimumWageId\n            label={t('minimumWageLabel')}\n            placeholder={t('minimumWagePlaceholder')}\n            description={t('minimumWageDescription')}\n            validationMessages={{ REQUIRED: t('validations.minimumWage') }}\n            getOptionLabel={(wage: MinimumWage) =>\n              `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`\n            }\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {JobFields.TwoPercentShareholder && (\n          <JobFields.TwoPercentShareholder\n            label={t('twoPercentShareholderLabel')}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {JobFields.StateWcCovered && (\n          <JobFields.StateWcCovered\n            label={t('stateWcCoveredLabel')}\n            description={\n              <Trans\n                t={t}\n                i18nKey=\"stateWcCoveredDescription\"\n                components={{\n                  wcLink: (\n                    <Components.Link\n                      href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    />\n                  ),\n                }}\n              />\n            }\n            getOptionLabel={(covered: boolean) =>\n              covered ? t('stateWcCoveredOptions.yes') : t('stateWcCoveredOptions.no')\n            }\n            formHookResult={jobForm}\n          />\n        )}\n\n        {JobFields.StateWcClassCode && (\n          <JobFields.StateWcClassCode\n            label={t('stateWcClassCodeLabel')}\n            description={t('stateWcClassCodeDescription')}\n            placeholder={t('stateWcClassCodeLabel')}\n            validationMessages={{ REQUIRED: t('validations.stateWcClassCode') }}\n            formHookResult={jobForm}\n          />\n        )}\n      </Flex>\n\n      <ActionsLayout>\n        {onCancel && (\n          <Components.Button variant=\"secondary\" onClick={onCancel} isDisabled={isPending}>\n            {t('cancelCta')}\n          </Components.Button>\n        )}\n        <Components.Button type=\"submit\" isLoading={isPending}>\n          {submitCtaLabel}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["ManagementCompensationFormBody","jobForm","compensationForm","title","submitCtaLabel","isPending","onCancel","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","jsx","Fragment","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","wage","covered","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Compensation/management/compensationStateMachine.js

@@ -1,21 +1,17 @@
 import { state as t, transition as E, reduce as n } from "robot3";
 import { CompensationEditFormContextual as N, CompensationAddJobFormContextual as O, CompensationAddAnotherJobFormContextual as d, CompensationCardContextual as r } from "./CompensationComponents.js";
 import { componentEvents as o } from "../../../../shared/constants.js";
-const _ = n(
-  (A) => ({
-    ...A,
-    component: r,
-    successAlert: null,
-    currentJobId: null
-  })
-), e = (A) => n(
-  (M) => ({
-    ...M,
-    component: r,
-    successAlert: A,
-    currentJobId: null
-  })
-), C = {
+const _ = n((A) => ({
+  ...A,
+  component: r,
+  successAlert: null,
+  currentJobId: null
+})), e = (A) => n((M) => ({
+  ...M,
+  component: r,
+  successAlert: A,
+  currentJobId: null
+})), C = {
   card: t(
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED,
@@ -32,26 +28,22 @@ const _ = n(
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED,
       "addJob",
-      n(
-        (A) => ({
-          ...A,
-          component: O,
-          currentJobId: null,
-          successAlert: null
-        })
-      )
+      n((A) => ({
+        ...A,
+        component: O,
+        currentJobId: null,
+        successAlert: null
+      }))
     ),
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED,
       "addAnotherJob",
-      n(
-        (A) => ({
-          ...A,
-          component: d,
-          currentJobId: null,
-          successAlert: null
-        })
-      )
+      n((A) => ({
+        ...A,
+        component: d,
+        currentJobId: null,
+        successAlert: null
+      }))
     ),
     E(
       o.EMPLOYEE_MANAGEMENT_COMPENSATION_ALERT_DISMISSED,

package/dist/components/Employee/Compensation/management/compensationStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Employee/Compensation/management/compensationStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { CompensationContextInterface } from './CompensationComponents'\nimport {\n  CompensationCardContextual,\n  CompensationEditFormContextual,\n  CompensationAddJobFormContextual,\n  CompensationAddAnotherJobFormContextual,\n} from './CompensationComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED]: {\n    employeeId: string\n    jobId: string\n  }\n}\n\nconst returnToCard = reduce(\n  (ctx: CompensationContextInterface): CompensationContextInterface => ({\n    ...ctx,\n    component: CompensationCardContextual as ComponentType,\n    successAlert: null,\n    currentJobId: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: CompensationContextInterface['successAlert']) =>\n  reduce(\n    (ctx: CompensationContextInterface): CompensationContextInterface => ({\n      ...ctx,\n      component: CompensationCardContextual as ComponentType,\n      successAlert: alert,\n      currentJobId: null,\n    }),\n  )\n\n/** @internal */\nexport const compensationStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED,\n      'editCompensation',\n      reduce(\n        (\n          ctx: CompensationContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED\n          >,\n        ): CompensationContextInterface => ({\n          ...ctx,\n          component: CompensationEditFormContextual as ComponentType,\n          currentJobId: ev.payload.jobId,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED,\n      'addJob',\n      reduce(\n        (ctx: CompensationContextInterface): CompensationContextInterface => ({\n          ...ctx,\n          component: CompensationAddJobFormContextual as ComponentType,\n          currentJobId: null,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED,\n      'addAnotherJob',\n      reduce(\n        (ctx: CompensationContextInterface): CompensationContextInterface => ({\n          ...ctx,\n          component: CompensationAddAnotherJobFormContextual as ComponentType,\n          currentJobId: null,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editCompensation: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,\n      'card',\n      returnToCard,\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  addJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  addAnotherJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CompensationCardContextual","returnToCardWithAlert","alert","compensationStateMachine","state","transition","componentEvents","ev","CompensationEditFormContextual","CompensationAddJobFormContextual","CompensationAddAnotherJobFormContextual"],"mappings":";;;AAmBA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAqE;AAAA,IACpE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ;AAAA,EACE,CAACC,OAAqE;AAAA,IACpE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAcE;AAAA,IACd,cAAc;AAAA,EAAA;AAElB,GAGWC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CACEC,GACAQ,OAIkC;AAAA,UAClC,GAAGR;AAAA,UACH,WAAWS;AAAA,UACX,cAAcD,EAAG,QAAQ;AAAA,UACzB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAAqE;AAAA,UACpE,GAAGA;AAAA,UACH,WAAWU;AAAA,UACX,cAAc;AAAA,UACd,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAAqE;AAAA,UACpE,GAAGA;AAAA,UACH,WAAWW;AAAA,UACX,cAAc;AAAA,UACd,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,kBAAkBO;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,IAEFQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,QAAQO;AAAA,IACNC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,UAAU;AAAA,IAAA;AAAA,IAElCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,eAAeO;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,UAAU;AAAA,IAAA;AAAA,IAElCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Employee/Compensation/management/compensationStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { CompensationContextInterface } from './CompensationComponents'\nimport {\n  CompensationCardContextual,\n  CompensationEditFormContextual,\n  CompensationAddJobFormContextual,\n  CompensationAddAnotherJobFormContextual,\n} from './CompensationComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED]: {\n    employeeId: string\n    jobId: string\n  }\n}\n\nconst returnToCard = reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n  ...ctx,\n  component: CompensationCardContextual as ComponentType,\n  successAlert: null,\n  currentJobId: null,\n}))\n\nconst returnToCardWithAlert = (alert: CompensationContextInterface['successAlert']) =>\n  reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n    ...ctx,\n    component: CompensationCardContextual as ComponentType,\n    successAlert: alert,\n    currentJobId: null,\n  }))\n\n/** @internal */\nexport const compensationStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED,\n      'editCompensation',\n      reduce(\n        (\n          ctx: CompensationContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED\n          >,\n        ): CompensationContextInterface => ({\n          ...ctx,\n          component: CompensationEditFormContextual as ComponentType,\n          currentJobId: ev.payload.jobId,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED,\n      'addJob',\n      reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n        ...ctx,\n        component: CompensationAddJobFormContextual as ComponentType,\n        currentJobId: null,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED,\n      'addAnotherJob',\n      reduce((ctx: CompensationContextInterface): CompensationContextInterface => ({\n        ...ctx,\n        component: CompensationAddAnotherJobFormContextual as ComponentType,\n        currentJobId: null,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editCompensation: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,\n      'card',\n      returnToCard,\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  addJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  addAnotherJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,\n      'card',\n      returnToCardWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CompensationCardContextual","returnToCardWithAlert","alert","compensationStateMachine","state","transition","componentEvents","ev","CompensationEditFormContextual","CompensationAddJobFormContextual","CompensationAddAnotherJobFormContextual"],"mappings":";;;AAmBA,MAAMA,IAAeC,EAAO,CAACC,OAAqE;AAAA,EAChG,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAAA,EACd,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAqE;AAAA,EAC3E,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAAA,EACd,cAAc;AAChB,EAAE,GAGSC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CACEC,GACAQ,OAIkC;AAAA,UAClC,GAAGR;AAAA,UACH,WAAWS;AAAA,UACX,cAAcD,EAAG,QAAQ;AAAA,UACzB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAqE;AAAA,QAC3E,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,cAAc;AAAA,QACd,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAqE;AAAA,QAC3E,GAAGA;AAAA,QACH,WAAWW;AAAA,QACX,cAAc;AAAA,QACd,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,kBAAkBO;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,IAEFQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,QAAQO;AAAA,IACNC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,UAAU;AAAA,IAAA;AAAA,IAElCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,eAAeO;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,UAAU;AAAA,IAAA;AAAA,IAElCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Employee/Compensation/onboarding/Compensation.d.ts

@@ -46,6 +46,7 @@ export interface CompensationProps extends BaseComponentInterface<'Employee.Comp
  * roles need to be managed) on first mount; on subsequent refetches the user
  * stays on their current step.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/job/created` | Fired after a job is successfully created | {@link Job} |

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

@@ -1 +1 @@
-{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/Compensation.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs'\nimport { type Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api-v-2025-11-15/models/components/flsastatustype'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  InitialEditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n} from './CompensationFlowComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ntype CompensationInitialState = 'initialEditJob' | 'viewJobs'\n\ninterface InitialFlowConfig {\n  initialState: CompensationInitialState\n  currentJobId: string | null\n}\n\nconst INITIAL_COMPONENT_BY_STATE: Record<\n  CompensationInitialState,\n  React.ComponentType<CommonComponentInterface>\n> = {\n  initialEditJob: InitialEditCompensationContextual,\n  viewJobs: JobsListContextual,\n}\n\nfunction deriveInitialFlowConfig(employeeJobs: Job[]): InitialFlowConfig {\n  if (employeeJobs.length === 0) {\n    return { initialState: 'initialEditJob', currentJobId: null }\n  }\n\n  const onlyJob = employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  const onlyJobCompensation = findCurrentCompensation(onlyJob)\n\n  if (onlyJob && onlyJobCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n    return { initialState: 'initialEditJob', currentJobId: onlyJob.uuid }\n  }\n\n  return { initialState: 'viewJobs', currentJobId: null }\n}\n\n/**\n * Default values for the compensation form fields.\n *\n * @remarks\n * At least one of the fields must be provided. If employee data is available\n * via the API, these values are overwritten.\n *\n * @public\n */\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  /** The compensation rate (an amount in dollars). */\n  rate?: Job['rate']\n  /** The job title. */\n  title?: Job['title']\n  /** The pay period — one of `Hour`, `Week`, `Month`, `Year`, `Paycheck`. */\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  /** The FLSA classification — drives whether the role is treated as exempt, nonexempt, etc. */\n  flsaStatus?: FlsaStatusType\n}>\n\n/**\n * Props for {@link Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The date the employee will start work. */\n  startDate: string\n  /** Default values for the compensation form fields. If employee data is available via the API, these values are overwritten. */\n  defaultValues?: CompensationDefaultValues\n}\n\n/**\n * Onboarding step for collecting an employee's role and compensation details.\n *\n * @remarks\n * Collects the job title, employee type (hourly, salary), compensation\n * amount, and pay period. For hourly employees, allows configuring multiple\n * roles. Automatically routes between editing the only job (when an employee\n * has zero or one non-Nonexempt job) and a jobs-list view (when multiple\n * roles need to be managed) on first mount; on subsequent refetches the user\n * stays on their current step.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/job/created` | Fired after a job is successfully created | {@link Job} |\n * | `employee/job/updated` | Fired after a job is successfully updated | {@link Job} |\n * | `employee/job/deleted` | Fired after a job is successfully deleted | — |\n * | `employee/compensation/updated` | Fired after compensation details are updated | {@link Compensation} |\n * | `employee/compensation/done` | Fired when compensation setup is complete and the parent flow can advance | — |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The compensation onboarding step.\n * @public\n * @group Block Components\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.Compensation\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       startDate=\"2025-01-01\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Compensation(props: CompensationProps) {\n  return (\n    <BaseComponent {...props}>\n      <CompensationFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction CompensationFlow({\n  employeeId,\n  startDate,\n  defaultValues,\n  dictionary,\n  onEvent,\n}: CompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n\n  // Capture the routing decision from the first jobsData snapshot only. Suspense\n  // guarantees that snapshot is fresh on first render. Subsequent refetches (e.g.\n  // the getJobs invalidation that fires between EditCompensation's awaited job +\n  // compensation mutations) must NOT re-seat the machine and reset the user's\n  // place in the flow. Callers needing to re-derive routing for a different\n  // employee should remount via `key`, matching the contract used by\n  // OnboardingFlow / PayrollExecutionFlow / DismissalFlow.\n  const [{ initialState, currentJobId }] = useState<InitialFlowConfig>(() =>\n    deriveInitialFlowConfig(jobsData.jobs ?? []),\n  )\n\n  const manageCompensation = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        compensationStateMachine,\n        (initialContext: CompensationFlowContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_BY_STATE[initialState],\n          employeeId,\n          startDate,\n          partnerDefaultValues: defaultValues,\n          currentJobId,\n        }),\n      ),\n    // `defaultValues` is intentionally omitted: a partner-supplied prop that may\n    // arrive as a fresh object reference each render and only seeds the form\n    // once. `initialState` and `currentJobId` are stable values from useState\n    // above, so they're listed here as honest deps but never trigger recompute.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeeId, startDate, initialState, currentJobId],\n  )\n\n  return <Flow machine={manageCompensation} onEvent={onEvent} />\n}\n\n/** @internal */\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n\nCompensation.JobsList = JobsList\nCompensation.EditCompensation = EditCompensation\n"],"names":["INITIAL_COMPONENT_BY_STATE","InitialEditCompensationContextual","JobsListContextual","deriveInitialFlowConfig","employeeJobs","onlyJob","onlyJobCompensation","findCurrentCompensation","FlsaStatus","Compensation","props","jsx","BaseComponent","CompensationFlow","job","comp","employeeId","startDate","defaultValues","dictionary","onEvent","useComponentDictionary","jobsData","useJobsAndCompensationsGetJobsSuspense","initialState","currentJobId","useState","manageCompensation","useMemo","createMachine","compensationStateMachine","initialContext","Flow","CompensationContextual","useFlow","t","useTranslation","JobsList","EditCompensation"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAMA,IAGF;AAAA,EACF,gBAAgBC;AAAA,EAChB,UAAUC;AACZ;AAEA,SAASC,EAAwBC,GAAwC;AACvE,MAAIA,EAAa,WAAW;AAC1B,WAAO,EAAE,cAAc,kBAAkB,cAAc,KAAA;AAGzD,QAAMC,IAAUD,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ,MAClEE,IAAsBC,EAAwBF,CAAO;AAE3D,SAAIA,KAAWC,GAAqB,eAAeE,EAAW,YACrD,EAAE,cAAc,kBAAkB,cAAcH,EAAQ,KAAA,IAG1D,EAAE,cAAc,YAAY,cAAc,KAAA;AACnD;AA2EO,SAASI,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAkB,GAAGH,GAAO,EAAA,CAC/B;AAEJ;AAEA,MAAMH,IAA0B,CAACO,MACxBA,GAAK,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAI,uBAAuB;AAGnF,SAASD,EAAiB;AAAA,EACxB,YAAAG;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAM,EAAE,MAAMG,EAAA,IAAaC,EAAuC,EAAE,YAAAP,GAAY,GAS1E,CAAC,EAAE,cAAAQ,GAAc,cAAAC,EAAA,CAAc,IAAIC;AAAA,IAA4B,MACnEvB,EAAwBmB,EAAS,QAAQ,CAAA,CAAE;AAAA,EAAA,GAGvCK,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACEL;AAAA,MACAM;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAW/B,EAA2BwB,CAAY;AAAA,QAClD,YAAAR;AAAA,QACA,WAAAC;AAAA,QACA,sBAAsBC;AAAA,QACtB,cAAAO;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ,CAACT,GAAYC,GAAWO,GAAcC,CAAY;AAAA,EAAA;AAGpD,SAAO,gBAAAd,EAACqB,GAAA,EAAK,SAASL,GAAoB,SAAAP,EAAA,CAAkB;AAC9D;AAGO,MAAMa,IAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAjB,GAAY,SAAAI,GAAS,WAAAH,GAAW,eAAAC,EAAA,IAAkBgB,EAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAACpB,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRkB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQnB,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAL;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAO;AAAA,MACA,WAAAC;AAAA,MACA,SAAAG;AAAA,MACA,eAAeF,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAT,EAAa,WAAW4B;AACxB5B,EAAa,mBAAmB6B;"}
+{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/Compensation.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs'\nimport { type Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api-v-2025-11-15/models/components/flsastatustype'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  InitialEditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n} from './CompensationFlowComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ntype CompensationInitialState = 'initialEditJob' | 'viewJobs'\n\ninterface InitialFlowConfig {\n  initialState: CompensationInitialState\n  currentJobId: string | null\n}\n\nconst INITIAL_COMPONENT_BY_STATE: Record<\n  CompensationInitialState,\n  React.ComponentType<CommonComponentInterface>\n> = {\n  initialEditJob: InitialEditCompensationContextual,\n  viewJobs: JobsListContextual,\n}\n\nfunction deriveInitialFlowConfig(employeeJobs: Job[]): InitialFlowConfig {\n  if (employeeJobs.length === 0) {\n    return { initialState: 'initialEditJob', currentJobId: null }\n  }\n\n  const onlyJob = employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  const onlyJobCompensation = findCurrentCompensation(onlyJob)\n\n  if (onlyJob && onlyJobCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n    return { initialState: 'initialEditJob', currentJobId: onlyJob.uuid }\n  }\n\n  return { initialState: 'viewJobs', currentJobId: null }\n}\n\n/**\n * Default values for the compensation form fields.\n *\n * @remarks\n * At least one of the fields must be provided. If employee data is available\n * via the API, these values are overwritten.\n *\n * @public\n */\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  /** The compensation rate (an amount in dollars). */\n  rate?: Job['rate']\n  /** The job title. */\n  title?: Job['title']\n  /** The pay period — one of `Hour`, `Week`, `Month`, `Year`, `Paycheck`. */\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  /** The FLSA classification — drives whether the role is treated as exempt, nonexempt, etc. */\n  flsaStatus?: FlsaStatusType\n}>\n\n/**\n * Props for {@link Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The date the employee will start work. */\n  startDate: string\n  /** Default values for the compensation form fields. If employee data is available via the API, these values are overwritten. */\n  defaultValues?: CompensationDefaultValues\n}\n\n/**\n * Onboarding step for collecting an employee's role and compensation details.\n *\n * @remarks\n * Collects the job title, employee type (hourly, salary), compensation\n * amount, and pay period. For hourly employees, allows configuring multiple\n * roles. Automatically routes between editing the only job (when an employee\n * has zero or one non-Nonexempt job) and a jobs-list view (when multiple\n * roles need to be managed) on first mount; on subsequent refetches the user\n * stays on their current step.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/job/created` | Fired after a job is successfully created | {@link Job} |\n * | `employee/job/updated` | Fired after a job is successfully updated | {@link Job} |\n * | `employee/job/deleted` | Fired after a job is successfully deleted | — |\n * | `employee/compensation/updated` | Fired after compensation details are updated | {@link Compensation} |\n * | `employee/compensation/done` | Fired when compensation setup is complete and the parent flow can advance | — |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The compensation onboarding step.\n * @public\n * @group Block Components\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.Compensation\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       startDate=\"2025-01-01\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Compensation(props: CompensationProps) {\n  return (\n    <BaseComponent {...props}>\n      <CompensationFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction CompensationFlow({\n  employeeId,\n  startDate,\n  defaultValues,\n  dictionary,\n  onEvent,\n}: CompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n\n  // Capture the routing decision from the first jobsData snapshot only. Suspense\n  // guarantees that snapshot is fresh on first render. Subsequent refetches (e.g.\n  // the getJobs invalidation that fires between EditCompensation's awaited job +\n  // compensation mutations) must NOT re-seat the machine and reset the user's\n  // place in the flow. Callers needing to re-derive routing for a different\n  // employee should remount via `key`, matching the contract used by\n  // OnboardingFlow / PayrollExecutionFlow / DismissalFlow.\n  const [{ initialState, currentJobId }] = useState<InitialFlowConfig>(() =>\n    deriveInitialFlowConfig(jobsData.jobs ?? []),\n  )\n\n  const manageCompensation = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        compensationStateMachine,\n        (initialContext: CompensationFlowContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_BY_STATE[initialState],\n          employeeId,\n          startDate,\n          partnerDefaultValues: defaultValues,\n          currentJobId,\n        }),\n      ),\n    // `defaultValues` is intentionally omitted: a partner-supplied prop that may\n    // arrive as a fresh object reference each render and only seeds the form\n    // once. `initialState` and `currentJobId` are stable values from useState\n    // above, so they're listed here as honest deps but never trigger recompute.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeeId, startDate, initialState, currentJobId],\n  )\n\n  return <Flow machine={manageCompensation} onEvent={onEvent} />\n}\n\n/** @internal */\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n\nCompensation.JobsList = JobsList\nCompensation.EditCompensation = EditCompensation\n"],"names":["INITIAL_COMPONENT_BY_STATE","InitialEditCompensationContextual","JobsListContextual","deriveInitialFlowConfig","employeeJobs","onlyJob","onlyJobCompensation","findCurrentCompensation","FlsaStatus","Compensation","props","jsx","BaseComponent","CompensationFlow","job","comp","employeeId","startDate","defaultValues","dictionary","onEvent","useComponentDictionary","jobsData","useJobsAndCompensationsGetJobsSuspense","initialState","currentJobId","useState","manageCompensation","useMemo","createMachine","compensationStateMachine","initialContext","Flow","CompensationContextual","useFlow","t","useTranslation","JobsList","EditCompensation"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAMA,IAGF;AAAA,EACF,gBAAgBC;AAAA,EAChB,UAAUC;AACZ;AAEA,SAASC,EAAwBC,GAAwC;AACvE,MAAIA,EAAa,WAAW;AAC1B,WAAO,EAAE,cAAc,kBAAkB,cAAc,KAAA;AAGzD,QAAMC,IAAUD,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ,MAClEE,IAAsBC,EAAwBF,CAAO;AAE3D,SAAIA,KAAWC,GAAqB,eAAeE,EAAW,YACrD,EAAE,cAAc,kBAAkB,cAAcH,EAAQ,KAAA,IAG1D,EAAE,cAAc,YAAY,cAAc,KAAA;AACnD;AA4EO,SAASI,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAkB,GAAGH,GAAO,EAAA,CAC/B;AAEJ;AAEA,MAAMH,IAA0B,CAACO,MACxBA,GAAK,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAI,uBAAuB;AAGnF,SAASD,EAAiB;AAAA,EACxB,YAAAG;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAM,EAAE,MAAMG,EAAA,IAAaC,EAAuC,EAAE,YAAAP,GAAY,GAS1E,CAAC,EAAE,cAAAQ,GAAc,cAAAC,EAAA,CAAc,IAAIC;AAAA,IAA4B,MACnEvB,EAAwBmB,EAAS,QAAQ,CAAA,CAAE;AAAA,EAAA,GAGvCK,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACEL;AAAA,MACAM;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAW/B,EAA2BwB,CAAY;AAAA,QAClD,YAAAR;AAAA,QACA,WAAAC;AAAA,QACA,sBAAsBC;AAAA,QACtB,cAAAO;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ,CAACT,GAAYC,GAAWO,GAAcC,CAAY;AAAA,EAAA;AAGpD,SAAO,gBAAAd,EAACqB,GAAA,EAAK,SAASL,GAAoB,SAAAP,EAAA,CAAkB;AAC9D;AAGO,MAAMa,IAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAjB,GAAY,SAAAI,GAAS,WAAAH,GAAW,eAAAC,EAAA,IAAkBgB,EAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAACpB,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRkB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQnB,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAL;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAO;AAAA,MACA,WAAAC;AAAA,MACA,SAAAG;AAAA,MACA,eAAeF,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAT,EAAa,WAAW4B;AACxB5B,EAAa,mBAAmB6B;"}

package/dist/components/Employee/Compensation/onboarding/EditCompensation/EditCompensation.d.ts

@@ -36,6 +36,7 @@ export interface EditCompensationProps extends CommonComponentInterface<'Employe
  * `employee/job_updated` event fires once the job is saved; `employee/compensation_updated`
  * fires once the compensation is saved and signals the full save is complete.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/job_created` | Fired when a new job is saved. | The saved {@link https://docs.gusto.com/embedded-payroll/reference/get-v1-jobs-job_id | Job}. |