@gusto/embedded-react-sdk 0.48.3 → 0.49.0

package/dist/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsCard.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useDeleteDeduction } from '../../shared/useDeleteDeduction'\nimport { DeleteDeductionDialog } from '../../shared/DeleteDeductionDialog'\nimport { formatDeductionAmount } from '../../shared/formatDeductionAmount'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, 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\n/**\n * Props for {@link DeductionsCard}.\n *\n * @public\n */\nexport interface DeductionsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link DeductionsCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone read-only card listing an employee's active deductions, with affordances to add, edit, or delete a deduction.\n *\n * @remarks\n * Fetches its own data and owns the delete confirm dialog. Has no alert API — alert rendering is the consumer's responsibility. Add and edit affordances do not open a form themselves; emit-then-route is the contract, so the consumer listens for the `addRequested` / `editRequested` events and renders {@link DeductionsEditForm} (or its own equivalent) accordingly. For an orchestrated card-plus-form flow, use {@link Deductions} instead.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/card/addRequested` | Fired when the \"Add deduction\" CTA is clicked | `{ employeeId: string }` |\n * | `employee/management/deductions/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a deduction | The matching `Garnishment` |\n * | `employee/management/deductions/card/deleted` | Fired after a deduction is deleted via the confirm dialog | The deleted `Garnishment` |\n *\n * @param props - See {@link DeductionsCardProps}.\n * @returns The rendered deductions card.\n * @public\n */\nexport function DeductionsCard(props: DeductionsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Deductions\">\n      <DeductionsCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsCardContent({ employeeId, onEvent }: DeductionsCardProps) {\n  useI18n('Employee.Management.Deductions')\n  const { t } = useTranslation('Employee.Management.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const deductionsList = useDeductionsList({ employeeId })\n\n  const {\n    pendingDeleteDeduction,\n    setPendingDeleteDeduction,\n    handleConfirmDelete: handleConfirmDeleteDeduction,\n  } = useDeleteDeduction(async garnishment => {\n    if (deductionsList.isLoading) return\n    const result = await deductionsList.actions.onDelete(garnishment)\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED, result.data.garnishment)\n    }\n  })\n\n  // `useDeductionsList` returns `isLoading: true` even when the query has\n  // errored and `data` is missing. Treat those rows as \"not loading\" so the\n  // section doesn't show a perpetual skeleton while BaseLayout already\n  // renders the error alert.\n  const isDeductionsLoading =\n    deductionsList.isLoading && deductionsList.errorHandling.errors.length === 0\n\n  const deductions = deductionsList.isLoading ? [] : deductionsList.data.deductions\n  const deletingGarnishmentUuid = deductionsList.isLoading\n    ? undefined\n    : deductionsList.status.deletingGarnishmentUuid\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId })\n  }\n  const handleEdit = (garnishment: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED, garnishment)\n  }\n\n  const garnishmentsColumns = [\n    {\n      key: 'description',\n      title: t('columns.deduction'),\n      render: (garnishment: Garnishment) => garnishment.description || '-',\n    },\n    {\n      key: 'frequency',\n      title: t('columns.frequency'),\n      render: (garnishment: Garnishment) => (garnishment.recurring ? t('recurring') : t('oneTime')),\n    },\n    {\n      key: 'amount',\n      title: t('columns.withhold'),\n      render: (garnishment: Garnishment) =>\n        formatDeductionAmount(garnishment, {\n          formatCurrency,\n          formatPercent,\n          formatPerPaycheck: (value: string) => t('amountPerPaycheck', { value }),\n        }),\n    },\n  ]\n\n  const garnishmentsDataView = useDataView({\n    data: deductions,\n    columns: garnishmentsColumns,\n    itemMenu: (garnishment: Garnishment) => (\n      <HamburgerMenu\n        isLoading={deletingGarnishmentUuid === garnishment.uuid}\n        items={[\n          {\n            label: t('editCta'),\n            onClick: () => {\n              handleEdit(garnishment)\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n          {\n            label: t('deleteCta'),\n            onClick: () => {\n              setPendingDeleteDeduction(garnishment)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  return (\n    <BaseLayout error={deductionsList.errorHandling.errors}>\n      <Components.Box\n        withPadding={false}\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleAdd} icon={<PlusCircleIcon />}>\n                {t('addDeductionCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isDeductionsLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('listLabel')} isWithinBox {...garnishmentsDataView} />\n        )}\n      </Components.Box>\n\n      <DeleteDeductionDialog\n        pendingDeleteDeduction={pendingDeleteDeduction}\n        isPrimaryActionLoading={deletingGarnishmentUuid === pendingDeleteDeduction?.uuid}\n        onClose={() => {\n          setPendingDeleteDeduction(null)\n        }}\n        onConfirm={() => {\n          void handleConfirmDeleteDeduction()\n        }}\n        title={t('deleteDeductionDialog.title')}\n        description={t('deleteDeductionDialog.description', {\n          deduction: pendingDeleteDeduction?.description ?? '',\n        })}\n        confirmLabel={t('deleteDeductionDialog.confirmCta')}\n        cancelLabel={t('deleteDeductionDialog.cancelCta')}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsCard","props","jsx","BaseBoundaries","DeductionsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductionsList","useDeductionsList","pendingDeleteDeduction","setPendingDeleteDeduction","handleConfirmDeleteDeduction","useDeleteDeduction","garnishment","result","componentEvents","isDeductionsLoading","deductions","deletingGarnishmentUuid","handleAdd","handleEdit","garnishmentsColumns","formatDeductionAmount","value","garnishmentsDataView","useDataView","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","jsxs","BaseLayout","PlusCircleIcon","Loading","DataView","DeleteDeductionDialog"],"mappings":"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"}
+{"version":3,"file":"DeductionsCard.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useDeleteDeduction } from '../../shared/useDeleteDeduction'\nimport { DeleteDeductionDialog } from '../../shared/DeleteDeductionDialog'\nimport { formatDeductionAmount } from '../../shared/formatDeductionAmount'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, 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\n/**\n * Props for {@link DeductionsCard}.\n *\n * @public\n */\nexport interface DeductionsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link DeductionsCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone read-only card listing an employee's active deductions, with affordances to add, edit, or delete a deduction.\n *\n * @remarks\n * Fetches its own data and owns the delete confirm dialog. Has no alert API — alert rendering is the consumer's responsibility. Add and edit affordances do not open a form themselves; emit-then-route is the contract, so the consumer listens for the `addRequested` / `editRequested` events and renders {@link DeductionsEditForm} (or its own equivalent) accordingly. For an orchestrated card-plus-form flow, use {@link Deductions} instead.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/card/addRequested` | Fired when the \"Add deduction\" CTA is clicked | `{ employeeId: string }` |\n * | `employee/management/deductions/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a deduction | The matching `Garnishment` |\n * | `employee/management/deductions/card/deleted` | Fired after a deduction is deleted via the confirm dialog | The deleted `Garnishment` |\n *\n * @param props - See {@link DeductionsCardProps}.\n * @returns The rendered deductions card.\n * @public\n */\nexport function DeductionsCard(props: DeductionsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Deductions\">\n      <DeductionsCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsCardContent({ employeeId, onEvent }: DeductionsCardProps) {\n  useI18n('Employee.Management.Deductions')\n  const { t } = useTranslation('Employee.Management.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const deductionsList = useDeductionsList({ employeeId })\n\n  const {\n    pendingDeleteDeduction,\n    setPendingDeleteDeduction,\n    handleConfirmDelete: handleConfirmDeleteDeduction,\n  } = useDeleteDeduction(async garnishment => {\n    if (deductionsList.isLoading) return\n    const result = await deductionsList.actions.onDelete(garnishment)\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED, result.data.garnishment)\n    }\n  })\n\n  // `useDeductionsList` returns `isLoading: true` even when the query has\n  // errored and `data` is missing. Treat those rows as \"not loading\" so the\n  // section doesn't show a perpetual skeleton while BaseLayout already\n  // renders the error alert.\n  const isDeductionsLoading =\n    deductionsList.isLoading && deductionsList.errorHandling.errors.length === 0\n\n  const deductions = deductionsList.isLoading ? [] : deductionsList.data.deductions\n  const deletingGarnishmentUuid = deductionsList.isLoading\n    ? undefined\n    : deductionsList.status.deletingGarnishmentUuid\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId })\n  }\n  const handleEdit = (garnishment: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED, garnishment)\n  }\n\n  const garnishmentsColumns = [\n    {\n      key: 'description',\n      title: t('columns.deduction'),\n      render: (garnishment: Garnishment) => garnishment.description || '-',\n    },\n    {\n      key: 'frequency',\n      title: t('columns.frequency'),\n      render: (garnishment: Garnishment) => (garnishment.recurring ? t('recurring') : t('oneTime')),\n    },\n    {\n      key: 'amount',\n      title: t('columns.withhold'),\n      render: (garnishment: Garnishment) =>\n        formatDeductionAmount(garnishment, {\n          formatCurrency,\n          formatPercent,\n          formatPerPaycheck: (value: string) => t('amountPerPaycheck', { value }),\n        }),\n    },\n  ]\n\n  const garnishmentsDataView = useDataView({\n    data: deductions,\n    columns: garnishmentsColumns,\n    itemMenu: (garnishment: Garnishment) => (\n      <HamburgerMenu\n        isLoading={deletingGarnishmentUuid === garnishment.uuid}\n        items={[\n          {\n            label: t('editCta'),\n            onClick: () => {\n              handleEdit(garnishment)\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n          {\n            label: t('deleteCta'),\n            onClick: () => {\n              setPendingDeleteDeduction(garnishment)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  return (\n    <BaseLayout error={deductionsList.errorHandling.errors}>\n      <Components.Box\n        withPadding={false}\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleAdd} icon={<PlusCircleIcon />}>\n                {t('addDeductionCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isDeductionsLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('listLabel')} isWithinBox {...garnishmentsDataView} />\n        )}\n      </Components.Box>\n\n      <DeleteDeductionDialog\n        pendingDeleteDeduction={pendingDeleteDeduction}\n        isPrimaryActionLoading={deletingGarnishmentUuid === pendingDeleteDeduction?.uuid}\n        onClose={() => {\n          setPendingDeleteDeduction(null)\n        }}\n        onConfirm={() => {\n          void handleConfirmDeleteDeduction()\n        }}\n        title={t('deleteDeductionDialog.title')}\n        description={t('deleteDeductionDialog.description', {\n          deduction: pendingDeleteDeduction?.description ?? '',\n        })}\n        confirmLabel={t('deleteDeductionDialog.confirmCta')}\n        cancelLabel={t('deleteDeductionDialog.cancelCta')}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsCard","props","jsx","BaseBoundaries","DeductionsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductionsList","useDeductionsList","pendingDeleteDeduction","setPendingDeleteDeduction","handleConfirmDeleteDeduction","useDeleteDeduction","garnishment","result","componentEvents","isDeductionsLoading","deductions","deletingGarnishmentUuid","handleAdd","handleEdit","garnishmentsColumns","formatDeductionAmount","value","garnishmentsDataView","useDataView","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","jsxs","BaseLayout","PlusCircleIcon","Loading","DataView","DeleteDeductionDialog"],"mappings":"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"}

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.d.ts

@@ -1,10 +1,10 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../../Base';
+import { BaseComponentInterface } from '../../../../Base';
 /**
  * Props for {@link DeductionsEditForm}.
  *
  * @public
  */
-export interface DeductionsEditFormProps extends CommonComponentInterface<'Employee.Management.Deductions'> {
+export interface DeductionsEditFormProps extends BaseComponentInterface<'Employee.Management.Deductions'> {
     /** The associated employee identifier. */
     employeeId: string;
     /** When provided, the form opens in edit mode pre-populated with the
@@ -19,6 +19,7 @@ export interface DeductionsEditFormProps extends CommonComponentInterface<'Emplo
  * @remarks
  * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |
@@ -29,4 +30,4 @@ export interface DeductionsEditFormProps extends CommonComponentInterface<'Emplo
  * @returns The rendered add/edit form.
  * @public
  */
-export declare function DeductionsEditForm({ FallbackComponent, ...props }: DeductionsEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react").JSX.Element;
+export declare function DeductionsEditForm({ FallbackComponent, ...props }: DeductionsEditFormProps): import("react").JSX.Element;

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js

@@ -6,10 +6,7 @@ import "../../../../Base/useBase.js";
 import { useI18n as _, useComponentDictionary as p } from "../../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../../shared/constants.js";
 import { DeductionsForm as f } from "../../shared/DeductionsForm/DeductionsForm.js";
-function F({
-  FallbackComponent: r,
-  ...n
-}) {
+function F({ FallbackComponent: r, ...n }) {
   return /* @__PURE__ */ o(
     M,
     {

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends CommonComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({\n  FallbackComponent,\n  ...props\n}: DeductionsEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AA2CO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgF;AAC9E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AAInE,QAAMI,IAAOC,EAAkB,EAAE,YAAAP,GAAY,GACvCQ,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ;AAGjE,QAAMK,IAAYV,IACbK,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAkB,KAAK,OAClE;AAEJ,SACE,gBAAAJ,EAACa,GAAA,EAAW,OAAOJ,EAAK,cAAc,QACpC,UAAA,gBAAAT;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,YAAAb;AAAA,MACA,WAAAW;AAAA,MACA,YAAYH;AAAA,MACZ,SAAS,CAACM,GAAOC,MAAS;AACxB,QAAAZ;AAAA,UACEY,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAX,EAAQa,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends BaseComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({ FallbackComponent, ...props }: DeductionsEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AAuCO,SAASA,EAAmB,EAAE,mBAAAC,GAAmB,GAAGC,KAAkC;AAC3F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AAInE,QAAMI,IAAOC,EAAkB,EAAE,YAAAP,GAAY,GACvCQ,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ;AAGjE,QAAMK,IAAYV,IACbK,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAkB,KAAK,OAClE;AAEJ,SACE,gBAAAJ,EAACa,GAAA,EAAW,OAAOJ,EAAK,cAAc,QACpC,UAAA,gBAAAT;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,YAAAb;AAAA,MACA,WAAAW;AAAA,MACA,YAAYH;AAAA,MACZ,SAAS,CAACM,GAAOC,MAAS;AACxB,QAAAZ;AAAA,UACEY,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAX,EAAQa,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/Deductions/management/deductionsStateMachine.js

@@ -1,33 +1,27 @@
 import { state as n, transition as t, reduce as e } from "robot3";
 import { DeductionsEditFormContextual as c, DeductionsCardContextual as _ } from "./DeductionsComponents.js";
 import { componentEvents as d } from "../../../../shared/constants.js";
-const i = e(
-  (E) => ({
-    ...E,
-    component: _,
-    successAlert: null,
-    editingDeductionId: void 0
-  })
-), D = (E) => e(
-  (o) => ({
-    ...o,
-    component: _,
-    successAlert: E,
-    editingDeductionId: void 0
-  })
-), M = {
+const i = e((E) => ({
+  ...E,
+  component: _,
+  successAlert: null,
+  editingDeductionId: void 0
+})), D = (E) => e((o) => ({
+  ...o,
+  component: _,
+  successAlert: E,
+  editingDeductionId: void 0
+})), M = {
   card: n(
     t(
       d.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED,
       "editDeduction",
-      e(
-        (E) => ({
-          ...E,
-          component: c,
-          successAlert: null,
-          editingDeductionId: void 0
-        })
-      )
+      e((E) => ({
+        ...E,
+        component: c,
+        successAlert: null,
+        editingDeductionId: void 0
+      }))
     ),
     t(
       d.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED,

package/dist/components/Employee/Deductions/management/deductionsStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"deductionsStateMachine.js","sources":["../../../../../src/components/Employee/Deductions/management/deductionsStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { DeductionsContextInterface } from './DeductionsComponents'\nimport { DeductionsCardContextual, DeductionsEditFormContextual } from './DeductionsComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED]: Garnishment\n}\n\nconst returnToCard = reduce(\n  (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n    ...ctx,\n    component: DeductionsCardContextual as ComponentType,\n    successAlert: null,\n    editingDeductionId: undefined,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: DeductionsContextInterface['successAlert']) =>\n  reduce(\n    (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n      ...ctx,\n      component: DeductionsCardContextual as ComponentType,\n      successAlert: alert,\n      editingDeductionId: undefined,\n    }),\n  )\n\n/** @internal */\nexport const deductionsStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED,\n      'editDeduction',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsEditFormContextual as ComponentType,\n          successAlert: null,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED,\n      'editDeduction',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED\n          >,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsEditFormContextual as ComponentType,\n          successAlert: null,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED,\n      'card',\n      returnToCardWithAlert('deductionDeleted'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editDeduction: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED,\n      'card',\n      returnToCardWithAlert('deductionAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n      'card',\n      returnToCardWithAlert('deductionUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","DeductionsCardContextual","returnToCardWithAlert","alert","deductionsStateMachine","state","transition","componentEvents","DeductionsEditFormContextual","ev"],"mappings":";;;AAYA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAiE;AAAA,IAChE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,IACd,oBAAoB;AAAA,EAAA;AAExB,GAEMC,IAAwB,CAACC,MAC7BJ;AAAA,EACE,CAACC,OAAiE;AAAA,IAChE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAcE;AAAA,IACd,oBAAoB;AAAA,EAAA;AAExB,GAGWC,IAAyB;AAAA,EACpC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,UACd,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CACEC,GACAS,OAIgC;AAAA,UAChC,GAAGT;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,UACd,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,eAAeO;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"deductionsStateMachine.js","sources":["../../../../../src/components/Employee/Deductions/management/deductionsStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { DeductionsContextInterface } from './DeductionsComponents'\nimport { DeductionsCardContextual, DeductionsEditFormContextual } from './DeductionsComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED]: Garnishment\n}\n\nconst returnToCard = reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n  ...ctx,\n  component: DeductionsCardContextual as ComponentType,\n  successAlert: null,\n  editingDeductionId: undefined,\n}))\n\nconst returnToCardWithAlert = (alert: DeductionsContextInterface['successAlert']) =>\n  reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n    ...ctx,\n    component: DeductionsCardContextual as ComponentType,\n    successAlert: alert,\n    editingDeductionId: undefined,\n  }))\n\n/** @internal */\nexport const deductionsStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED,\n      'editDeduction',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsEditFormContextual as ComponentType,\n        successAlert: null,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED,\n      'editDeduction',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED\n          >,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsEditFormContextual as ComponentType,\n          successAlert: null,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED,\n      'card',\n      returnToCardWithAlert('deductionDeleted'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editDeduction: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED,\n      'card',\n      returnToCardWithAlert('deductionAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n      'card',\n      returnToCardWithAlert('deductionUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","DeductionsCardContextual","returnToCardWithAlert","alert","deductionsStateMachine","state","transition","componentEvents","DeductionsEditFormContextual","ev"],"mappings":";;;AAYA,MAAMA,IAAeC,EAAO,CAACC,OAAiE;AAAA,EAC5F,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAAA,EACd,oBAAoB;AACtB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAAA,EACd,oBAAoB;AACtB,EAAE,GAGSC,IAAyB;AAAA,EACpC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,QACd,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CACEC,GACAS,OAIgC;AAAA,UAChC,GAAGT;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,UACd,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,eAAeO;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,kBAAkB;AAAA,IAAA;AAAA,IAE1CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -14,6 +14,7 @@ export interface DeductionsProps extends BaseComponentInterface<'Employee.Deduct
  * @remarks
  * Renders the employee's current deductions as a list, with an empty state when none exist. Users add or edit deductions inline — post-tax custom deductions or court-ordered garnishments — and can complete the step with or without any active deductions.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/deductions/add` | Fired when the user opens the form to add a new deduction | — |

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

@@ -1 +1 @@
-{"version":3,"file":"Deductions.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/Deductions.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  DeductionsListContextual,\n  type DeductionsContextInterface,\n} from './deductionsContextualComponents'\nimport { deductionsMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\n/**\n * Props for {@link Deductions}.\n *\n * @public\n */\nexport interface DeductionsProps extends BaseComponentInterface<'Employee.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Onboarding step for collecting an employee's post-tax deductions and court-ordered garnishments.\n *\n * @remarks\n * Renders the employee's current deductions as a list, with an empty state when none exist. Users add or edit deductions inline — post-tax custom deductions or court-ordered garnishments — and can complete the step with or without any active deductions.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/deductions/add` | Fired when the user opens the form to add a new deduction | — |\n * | `employee/deductions/edit` | Fired when the user opens the form to edit an existing deduction | The matching `Garnishment` |\n * | `employee/deductions/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/deductions/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/deductions/deleted` | Fired after a deduction is deleted and others remain | The deleted `Garnishment` |\n * | `employee/deductions/deletedEmpty` | Fired after the last deduction is deleted, leaving none | — |\n * | `employee/deductions/cancel` | Fired when the user cancels the form while other deductions exist | — |\n * | `employee/deductions/cancelEmpty` | Fired when the user cancels the form and no deductions remain | — |\n * | `employee/deductions/done` | Fired when the step is complete and the parent flow can advance | — |\n *\n * @param props - See {@link DeductionsProps}.\n * @returns The deductions 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.Deductions\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Deductions({ employeeId, dictionary, onEvent }: DeductionsProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Deductions\">\n      <DeductionsRoot employeeId={employeeId} dictionary={dictionary} onEvent={onEvent} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsRoot({ employeeId, dictionary, onEvent }: DeductionsProps) {\n  useComponentDictionary('Employee.Deductions', dictionary)\n  useI18n('Employee.Deductions')\n\n  const machine = useMemo(\n    () =>\n      createMachine('list', deductionsMachine, (initialContext: DeductionsContextInterface) => ({\n        ...initialContext,\n        component: DeductionsListContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["Deductions","employeeId","dictionary","onEvent","jsx","BaseBoundaries","DeductionsRoot","useComponentDictionary","useI18n","machine","useMemo","createMachine","deductionsMachine","initialContext","DeductionsListContextual","Flow"],"mappings":";;;;;;;;AA0DO,SAASA,EAAW,EAAE,YAAAC,GAAY,YAAAC,GAAY,SAAAC,KAA4B;AAC/E,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAC5B,4BAACC,GAAA,EAAe,YAAAL,GAAwB,YAAAC,GAAwB,SAAAC,EAAA,CAAkB,EAAA,CACpF;AAEJ;AAEA,SAASG,EAAe,EAAE,YAAAL,GAAY,YAAAC,GAAY,SAAAC,KAA4B;AAC5E,EAAAI,EAAuB,uBAAuBL,CAAU,GACxDM,EAAQ,qBAAqB;AAE7B,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAmB,CAACC,OAAgD;AAAA,MACxF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAb;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAG,EAACW,GAAA,EAAK,SAAAN,GAAkB,SAAAN,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"Deductions.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/Deductions.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  DeductionsListContextual,\n  type DeductionsContextInterface,\n} from './deductionsContextualComponents'\nimport { deductionsMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\n/**\n * Props for {@link Deductions}.\n *\n * @public\n */\nexport interface DeductionsProps extends BaseComponentInterface<'Employee.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Onboarding step for collecting an employee's post-tax deductions and court-ordered garnishments.\n *\n * @remarks\n * Renders the employee's current deductions as a list, with an empty state when none exist. Users add or edit deductions inline — post-tax custom deductions or court-ordered garnishments — and can complete the step with or without any active deductions.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/deductions/add` | Fired when the user opens the form to add a new deduction | — |\n * | `employee/deductions/edit` | Fired when the user opens the form to edit an existing deduction | The matching `Garnishment` |\n * | `employee/deductions/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/deductions/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/deductions/deleted` | Fired after a deduction is deleted and others remain | The deleted `Garnishment` |\n * | `employee/deductions/deletedEmpty` | Fired after the last deduction is deleted, leaving none | — |\n * | `employee/deductions/cancel` | Fired when the user cancels the form while other deductions exist | — |\n * | `employee/deductions/cancelEmpty` | Fired when the user cancels the form and no deductions remain | — |\n * | `employee/deductions/done` | Fired when the step is complete and the parent flow can advance | — |\n *\n * @param props - See {@link DeductionsProps}.\n * @returns The deductions 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.Deductions\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Deductions({ employeeId, dictionary, onEvent }: DeductionsProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Deductions\">\n      <DeductionsRoot employeeId={employeeId} dictionary={dictionary} onEvent={onEvent} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsRoot({ employeeId, dictionary, onEvent }: DeductionsProps) {\n  useComponentDictionary('Employee.Deductions', dictionary)\n  useI18n('Employee.Deductions')\n\n  const machine = useMemo(\n    () =>\n      createMachine('list', deductionsMachine, (initialContext: DeductionsContextInterface) => ({\n        ...initialContext,\n        component: DeductionsListContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["Deductions","employeeId","dictionary","onEvent","jsx","BaseBoundaries","DeductionsRoot","useComponentDictionary","useI18n","machine","useMemo","createMachine","deductionsMachine","initialContext","DeductionsListContextual","Flow"],"mappings":";;;;;;;;AA2DO,SAASA,EAAW,EAAE,YAAAC,GAAY,YAAAC,GAAY,SAAAC,KAA4B;AAC/E,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAC5B,4BAACC,GAAA,EAAe,YAAAL,GAAwB,YAAAC,GAAwB,SAAAC,EAAA,CAAkB,EAAA,CACpF;AAEJ;AAEA,SAASG,EAAe,EAAE,YAAAL,GAAY,YAAAC,GAAY,SAAAC,KAA4B;AAC5E,EAAAI,EAAuB,uBAAuBL,CAAU,GACxDM,EAAQ,qBAAqB;AAE7B,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAmB,CAACC,OAAgD;AAAA,MACxF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAb;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAG,EAACW,GAAA,EAAK,SAAAN,GAAkB,SAAAN,EAAA,CAAkB;AACnD;"}

package/dist/components/Employee/Deductions/onboarding/stateMachine.js

@@ -6,13 +6,11 @@ const _ = {
     t(
       i.EMPLOYEE_DEDUCTION_ADD,
       "form",
-      n(
-        (o) => ({
-          ...o,
-          component: e,
-          editingDeductionId: void 0
-        })
-      )
+      n((o) => ({
+        ...o,
+        component: e,
+        editingDeductionId: void 0
+      }))
     ),
     t(
       i.EMPLOYEE_DEDUCTION_EDIT,
@@ -31,46 +29,38 @@ const _ = {
     t(
       i.EMPLOYEE_DEDUCTION_CREATED,
       "list",
-      n(
-        (o) => ({
-          ...o,
-          component: E,
-          editingDeductionId: void 0
-        })
-      )
+      n((o) => ({
+        ...o,
+        component: E,
+        editingDeductionId: void 0
+      }))
     ),
     t(
       i.EMPLOYEE_DEDUCTION_UPDATED,
       "list",
-      n(
-        (o) => ({
-          ...o,
-          component: E,
-          editingDeductionId: void 0
-        })
-      )
+      n((o) => ({
+        ...o,
+        component: E,
+        editingDeductionId: void 0
+      }))
     ),
     t(
       i.EMPLOYEE_DEDUCTION_CANCEL,
       "list",
-      n(
-        (o) => ({
-          ...o,
-          component: E,
-          editingDeductionId: void 0
-        })
-      )
+      n((o) => ({
+        ...o,
+        component: E,
+        editingDeductionId: void 0
+      }))
     ),
     t(
       i.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,
       "list",
-      n(
-        (o) => ({
-          ...o,
-          component: E,
-          editingDeductionId: void 0
-        })
-      )
+      n((o) => ({
+        ...o,
+        component: E,
+        editingDeductionId: void 0
+      }))
     )
   ),
   done: d()

package/dist/components/Employee/Deductions/onboarding/stateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateMachine.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DeductionsContextInterface, EventPayloads } from './deductionsContextualComponents'\nimport {\n  DeductionsListContextual,\n  DeductionsFormContextual,\n} from './deductionsContextualComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const deductionsMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_ADD,\n      'form',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_EDIT,\n      'form',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DEDUCTION_EDIT>,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_DEDUCTION_DONE, 'done'),\n  ),\n  form: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CREATED,\n      'list',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsListContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      'list',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsListContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL,\n      'list',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsListContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n      'list',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsListContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["deductionsMachine","state","transition","componentEvents","reduce","ctx","DeductionsFormContextual","ev","DeductionsListContextual","final"],"mappings":";;;AAUO,MAAMA,IAAoB;AAAA,EAC/B,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACgC;AAAA,UAChC,GAAGF;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,IAEFL,EAAWC,EAAgB,yBAAyB,MAAM;AAAA,EAAA;AAAA,EAE5D,MAAMF;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAMC,EAAA;AACR;"}
+{"version":3,"file":"stateMachine.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DeductionsContextInterface, EventPayloads } from './deductionsContextualComponents'\nimport {\n  DeductionsListContextual,\n  DeductionsFormContextual,\n} from './deductionsContextualComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const deductionsMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_ADD,\n      'form',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsFormContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_EDIT,\n      'form',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DEDUCTION_EDIT>,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_DEDUCTION_DONE, 'done'),\n  ),\n  form: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CREATED,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["deductionsMachine","state","transition","componentEvents","reduce","ctx","DeductionsFormContextual","ev","DeductionsListContextual","final"],"mappings":";;;AAUO,MAAMA,IAAoB;AAAA,EAC/B,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACgC;AAAA,UAChC,GAAGF;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,IAEFL,EAAWC,EAAgB,yBAAyB,MAAM;AAAA,EAAA;AAAA,EAE5D,MAAMF;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,MAAMC,EAAA;AACR;"}

package/dist/components/Employee/Deductions/shared/DeductionsForm/ChildSupportFormView.js

@@ -1,85 +1,87 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { useTranslation as b } from "react-i18next";
-import { useChildSupportGarnishmentForm as S } from "../useChildSupportGarnishmentForm/useChildSupportGarnishmentForm.js";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as S } from "react-i18next";
+import { useChildSupportGarnishmentForm as b } from "../useChildSupportGarnishmentForm/useChildSupportGarnishmentForm.js";
 import { Form as g } from "../../../../Common/Form/Form.js";
-import { Flex as l } from "../../../../Common/Flex/Flex.js";
+import { Flex as d } from "../../../../Common/Flex/Flex.js";
 import { ActionsLayout as R } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as P } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { BaseLayout as h } from "../../../../Base/Base.js";
-import { SDKFormProvider as E } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { SDKFormProvider as f } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
 function F({
   employeeId: n,
   deduction: a,
-  onSaved: d,
-  onCancel: u
+  onSaved: s,
+  onCancel: p
 }) {
-  const { t: e } = b("Employee.DeductionsForm"), c = f(), r = S({
+  const { t: e } = S("Employee.DeductionsForm"), c = P(), t = b({
     employeeId: n,
     garnishmentId: a?.uuid
   });
-  if (r.isLoading)
-    return /* @__PURE__ */ t(h, { isLoading: !0, error: r.errorHandling.errors });
-  const { Fields: i } = r.form, m = r.status.selectedAgency !== null, y = async () => {
-    const o = await r.actions.onSubmit();
-    o && d(o.data, o.mode);
+  if (t.isLoading)
+    return /* @__PURE__ */ r(h, { isLoading: !0, error: t.errorHandling.errors });
+  const { Fields: i } = t.form, m = t.status.selectedAgency !== null, y = async () => {
+    const o = await t.actions.onSubmit();
+    o && s(o.data, o.mode);
   };
-  return /* @__PURE__ */ t(h, { error: r.errorHandling.errors, children: /* @__PURE__ */ t(E, { formHookResult: r, children: /* @__PURE__ */ t(g, { onSubmit: y, children: /* @__PURE__ */ p(l, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(c.Heading, { as: "h3", children: e("types.childSupport") }),
-    /* @__PURE__ */ p(l, { flexDirection: "column", gap: 20, children: [
-      /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(h, { error: t.errorHandling.errors, children: /* @__PURE__ */ r(f, { formHookResult: t, children: /* @__PURE__ */ r(g, { onSubmit: y, children: /* @__PURE__ */ l(d, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ r(c.Heading, { as: "h3", children: e("types.childSupport") }),
+    /* @__PURE__ */ l(d, { flexDirection: "column", gap: 20, children: [
+      /* @__PURE__ */ r(
         i.State,
         {
           label: e("childSupport.agencyLabel"),
+          placeholder: e("childSupport.agencyPlaceholder"),
           description: e("childSupport.agencyDescription"),
           getOptionLabel: (o) => o.name,
           validationMessages: { REQUIRED: e("childSupport.agencyRequired") }
         }
       ),
-      r.status.isManualPaymentRequired && /* @__PURE__ */ t(
+      t.status.isManualPaymentRequired && /* @__PURE__ */ r(
         c.Alert,
         {
           status: "warning",
           label: e("childSupport.manualPaymentRequired")
         }
       ),
-      m && /* @__PURE__ */ p(l, { flexDirection: "column", gap: 20, children: [
-        i.FipsCode && /* @__PURE__ */ t(
+      m && /* @__PURE__ */ l(d, { flexDirection: "column", gap: 20, children: [
+        i.FipsCode && /* @__PURE__ */ r(
           i.FipsCode,
           {
             label: e("childSupport.countyLabel"),
+            placeholder: e("childSupport.countyPlaceholder"),
             description: e("childSupport.countyDescription"),
             getOptionLabel: (o) => o.county ?? e("childSupport.allCounties"),
             validationMessages: { REQUIRED: e("childSupport.countyRequired") }
           }
         ),
-        i.CaseNumber && /* @__PURE__ */ t(
+        i.CaseNumber && /* @__PURE__ */ r(
           i.CaseNumber,
           {
-            label: s(r.status.selectedAgency, "case_number"),
+            label: u(t.status.selectedAgency, "case_number"),
             description: e("childSupport.caseNumberDescription"),
             validationMessages: { REQUIRED: e("childSupport.caseNumberRequired") }
           }
         ),
-        i.OrderNumber && /* @__PURE__ */ t(
+        i.OrderNumber && /* @__PURE__ */ r(
           i.OrderNumber,
           {
-            label: s(r.status.selectedAgency, "order_number"),
+            label: u(t.status.selectedAgency, "order_number"),
             description: e("childSupport.orderNumberDescription"),
             validationMessages: { REQUIRED: e("childSupport.orderNumberRequired") }
           }
         ),
-        i.RemittanceNumber && /* @__PURE__ */ t(
+        i.RemittanceNumber && /* @__PURE__ */ r(
           i.RemittanceNumber,
           {
-            label: s(r.status.selectedAgency, "remittance_number"),
+            label: u(t.status.selectedAgency, "remittance_number"),
             description: e("childSupport.remittanceNumberDescription"),
             validationMessages: {
               REQUIRED: e("childSupport.remittanceNumberRequired")
             }
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           i.PayPeriodMaximum,
           {
             label: e("childSupport.totalAmountWithheld"),
@@ -92,7 +94,7 @@ function F({
             }
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           i.Amount,
           {
             label: e("childSupport.maxPaycheckPercentage"),
@@ -106,27 +108,28 @@ function F({
             }
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           i.PaymentPeriod,
           {
             label: e("childSupport.paymentPeriodLabel"),
+            placeholder: e("childSupport.paymentPeriodPlaceholder"),
             description: e("childSupport.paymentPeriodDescription"),
-            getOptionLabel: (o) => P(e, o),
+            getOptionLabel: (o) => E(e, o),
             validationMessages: { REQUIRED: e("childSupport.paymentPeriodRequired") }
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ p(R, { children: [
-      /* @__PURE__ */ t(c.Button, { variant: "secondary", type: "button", onClick: u, children: e("actions.cancel") }),
-      m && /* @__PURE__ */ t(c.Button, { type: "submit", isLoading: r.status.isPending, children: e("actions.save") })
+    /* @__PURE__ */ l(R, { children: [
+      /* @__PURE__ */ r(c.Button, { variant: "secondary", type: "button", onClick: p, children: e("actions.cancel") }),
+      m && /* @__PURE__ */ r(c.Button, { type: "submit", isLoading: t.status.isPending, children: e("actions.save") })
     ] })
   ] }) }) }) });
 }
-function s(n, a) {
-  return n?.requiredAttributes?.find((u) => u.key === a)?.label ?? a;
+function u(n, a) {
+  return n?.requiredAttributes?.find((p) => p.key === a)?.label ?? a;
 }
-function P(n, a) {
+function E(n, a) {
   switch (a) {
     case "Every week":
       return n("childSupport.paymentPeriod.everyWeek");

package/dist/components/Employee/Deductions/shared/DeductionsForm/ChildSupportFormView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildSupportFormView.js","sources":["../../../../../../src/components/Employee/Deductions/shared/DeductionsForm/ChildSupportFormView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { PaymentPeriod } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishmentchildsupport'\nimport { useChildSupportGarnishmentForm } from '../useChildSupportGarnishmentForm'\nimport type { StateFieldEntry, CountyEntry } from '../useChildSupportGarnishmentForm'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ChildSupportFormViewProps {\n  employeeId: string\n  deduction: Garnishment | null\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}\n\n/** @internal */\nexport function ChildSupportFormView({\n  employeeId,\n  deduction,\n  onSaved,\n  onCancel,\n}: ChildSupportFormViewProps) {\n  const { t } = useTranslation('Employee.DeductionsForm')\n  const Components = useComponentContext()\n\n  const form = useChildSupportGarnishmentForm({\n    employeeId,\n    garnishmentId: deduction?.uuid,\n  })\n\n  if (form.isLoading) {\n    return <BaseLayout isLoading error={form.errorHandling.errors} />\n  }\n\n  const { Fields } = form.form\n  const hasSelection = form.status.selectedAgency !== null\n\n  const handleSubmit = async () => {\n    const result = await form.actions.onSubmit()\n    if (result) onSaved(result.data, result.mode)\n  }\n\n  return (\n    <BaseLayout error={form.errorHandling.errors}>\n      <SDKFormProvider formHookResult={form}>\n        <Form onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Components.Heading as=\"h3\">{t('types.childSupport')}</Components.Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              <Fields.State\n                label={t('childSupport.agencyLabel')}\n                description={t('childSupport.agencyDescription')}\n                getOptionLabel={(entry: StateFieldEntry) => entry.name}\n                validationMessages={{ REQUIRED: t('childSupport.agencyRequired') }}\n              />\n\n              {form.status.isManualPaymentRequired && (\n                <Components.Alert\n                  status=\"warning\"\n                  label={t('childSupport.manualPaymentRequired')}\n                />\n              )}\n\n              {hasSelection && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  {Fields.FipsCode && (\n                    <Fields.FipsCode\n                      label={t('childSupport.countyLabel')}\n                      description={t('childSupport.countyDescription')}\n                      getOptionLabel={(entry: CountyEntry) =>\n                        entry.county ?? t('childSupport.allCounties')\n                      }\n                      validationMessages={{ REQUIRED: t('childSupport.countyRequired') }}\n                    />\n                  )}\n                  {Fields.CaseNumber && (\n                    <Fields.CaseNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'case_number')}\n                      description={t('childSupport.caseNumberDescription')}\n                      validationMessages={{ REQUIRED: t('childSupport.caseNumberRequired') }}\n                    />\n                  )}\n                  {Fields.OrderNumber && (\n                    <Fields.OrderNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'order_number')}\n                      description={t('childSupport.orderNumberDescription')}\n                      validationMessages={{ REQUIRED: t('childSupport.orderNumberRequired') }}\n                    />\n                  )}\n                  {Fields.RemittanceNumber && (\n                    <Fields.RemittanceNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'remittance_number')}\n                      description={t('childSupport.remittanceNumberDescription')}\n                      validationMessages={{\n                        REQUIRED: t('childSupport.remittanceNumberRequired'),\n                      }}\n                    />\n                  )}\n                  <Fields.PayPeriodMaximum\n                    label={t('childSupport.totalAmountWithheld')}\n                    description={t('childSupport.totalAmountWithheldDescription')}\n                    format=\"currency\"\n                    min={0}\n                    validationMessages={{\n                      REQUIRED: t('childSupport.payPeriodMaximumRequired'),\n                      NEGATIVE_AMOUNT: t('childSupport.amountNonNegative'),\n                    }}\n                  />\n                  <Fields.Amount\n                    label={t('childSupport.maxPaycheckPercentage')}\n                    description={t('childSupport.maxPaycheckPercentageDescription')}\n                    format=\"percent\"\n                    min={0}\n                    max={100}\n                    validationMessages={{\n                      REQUIRED: t('childSupport.amountRequired'),\n                      PERCENT_OUT_OF_RANGE: t('childSupport.percentOutOfRange'),\n                    }}\n                  />\n                  <Fields.PaymentPeriod\n                    label={t('childSupport.paymentPeriodLabel')}\n                    description={t('childSupport.paymentPeriodDescription')}\n                    getOptionLabel={(value: PaymentPeriod) => paymentPeriodLabel(t, value)}\n                    validationMessages={{ REQUIRED: t('childSupport.paymentPeriodRequired') }}\n                  />\n                </Flex>\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('actions.cancel')}\n              </Components.Button>\n              {hasSelection && (\n                <Components.Button type=\"submit\" isLoading={form.status.isPending}>\n                  {t('actions.save')}\n                </Components.Button>\n              )}\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n\nfunction requiredAttrLabel(\n  selectedAgency: { requiredAttributes?: Array<{ key?: string; label?: string }> } | null,\n  key: 'case_number' | 'order_number' | 'remittance_number',\n): string {\n  const match = selectedAgency?.requiredAttributes?.find(a => a.key === key)\n  return match?.label ?? key\n}\n\nfunction paymentPeriodLabel(\n  t: ReturnType<typeof useTranslation<'Employee.DeductionsForm'>>['t'],\n  value: PaymentPeriod,\n): string {\n  switch (value) {\n    case 'Every week':\n      return t('childSupport.paymentPeriod.everyWeek')\n    case 'Every other week':\n      return t('childSupport.paymentPeriod.everyOtherWeek')\n    case 'Twice per month':\n      return t('childSupport.paymentPeriod.twicePerMonth')\n    case 'Monthly':\n      return t('childSupport.paymentPeriod.monthly')\n  }\n}\n"],"names":["ChildSupportFormView","employeeId","deduction","onSaved","onCancel","t","useTranslation","Components","useComponentContext","form","useChildSupportGarnishmentForm","BaseLayout","Fields","hasSelection","handleSubmit","result","SDKFormProvider","jsx","Form","jsxs","Flex","entry","requiredAttrLabel","value","paymentPeriodLabel","ActionsLayout","selectedAgency","key","a"],"mappings":"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"}
+{"version":3,"file":"ChildSupportFormView.js","sources":["../../../../../../src/components/Employee/Deductions/shared/DeductionsForm/ChildSupportFormView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { PaymentPeriod } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishmentchildsupport'\nimport { useChildSupportGarnishmentForm } from '../useChildSupportGarnishmentForm'\nimport type { StateFieldEntry, CountyEntry } from '../useChildSupportGarnishmentForm'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ChildSupportFormViewProps {\n  employeeId: string\n  deduction: Garnishment | null\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}\n\n/** @internal */\nexport function ChildSupportFormView({\n  employeeId,\n  deduction,\n  onSaved,\n  onCancel,\n}: ChildSupportFormViewProps) {\n  const { t } = useTranslation('Employee.DeductionsForm')\n  const Components = useComponentContext()\n\n  const form = useChildSupportGarnishmentForm({\n    employeeId,\n    garnishmentId: deduction?.uuid,\n  })\n\n  if (form.isLoading) {\n    return <BaseLayout isLoading error={form.errorHandling.errors} />\n  }\n\n  const { Fields } = form.form\n  const hasSelection = form.status.selectedAgency !== null\n\n  const handleSubmit = async () => {\n    const result = await form.actions.onSubmit()\n    if (result) onSaved(result.data, result.mode)\n  }\n\n  return (\n    <BaseLayout error={form.errorHandling.errors}>\n      <SDKFormProvider formHookResult={form}>\n        <Form onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Components.Heading as=\"h3\">{t('types.childSupport')}</Components.Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              <Fields.State\n                label={t('childSupport.agencyLabel')}\n                placeholder={t('childSupport.agencyPlaceholder')}\n                description={t('childSupport.agencyDescription')}\n                getOptionLabel={(entry: StateFieldEntry) => entry.name}\n                validationMessages={{ REQUIRED: t('childSupport.agencyRequired') }}\n              />\n\n              {form.status.isManualPaymentRequired && (\n                <Components.Alert\n                  status=\"warning\"\n                  label={t('childSupport.manualPaymentRequired')}\n                />\n              )}\n\n              {hasSelection && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  {Fields.FipsCode && (\n                    <Fields.FipsCode\n                      label={t('childSupport.countyLabel')}\n                      placeholder={t('childSupport.countyPlaceholder')}\n                      description={t('childSupport.countyDescription')}\n                      getOptionLabel={(entry: CountyEntry) =>\n                        entry.county ?? t('childSupport.allCounties')\n                      }\n                      validationMessages={{ REQUIRED: t('childSupport.countyRequired') }}\n                    />\n                  )}\n                  {Fields.CaseNumber && (\n                    <Fields.CaseNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'case_number')}\n                      description={t('childSupport.caseNumberDescription')}\n                      validationMessages={{ REQUIRED: t('childSupport.caseNumberRequired') }}\n                    />\n                  )}\n                  {Fields.OrderNumber && (\n                    <Fields.OrderNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'order_number')}\n                      description={t('childSupport.orderNumberDescription')}\n                      validationMessages={{ REQUIRED: t('childSupport.orderNumberRequired') }}\n                    />\n                  )}\n                  {Fields.RemittanceNumber && (\n                    <Fields.RemittanceNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'remittance_number')}\n                      description={t('childSupport.remittanceNumberDescription')}\n                      validationMessages={{\n                        REQUIRED: t('childSupport.remittanceNumberRequired'),\n                      }}\n                    />\n                  )}\n                  <Fields.PayPeriodMaximum\n                    label={t('childSupport.totalAmountWithheld')}\n                    description={t('childSupport.totalAmountWithheldDescription')}\n                    format=\"currency\"\n                    min={0}\n                    validationMessages={{\n                      REQUIRED: t('childSupport.payPeriodMaximumRequired'),\n                      NEGATIVE_AMOUNT: t('childSupport.amountNonNegative'),\n                    }}\n                  />\n                  <Fields.Amount\n                    label={t('childSupport.maxPaycheckPercentage')}\n                    description={t('childSupport.maxPaycheckPercentageDescription')}\n                    format=\"percent\"\n                    min={0}\n                    max={100}\n                    validationMessages={{\n                      REQUIRED: t('childSupport.amountRequired'),\n                      PERCENT_OUT_OF_RANGE: t('childSupport.percentOutOfRange'),\n                    }}\n                  />\n                  <Fields.PaymentPeriod\n                    label={t('childSupport.paymentPeriodLabel')}\n                    placeholder={t('childSupport.paymentPeriodPlaceholder')}\n                    description={t('childSupport.paymentPeriodDescription')}\n                    getOptionLabel={(value: PaymentPeriod) => paymentPeriodLabel(t, value)}\n                    validationMessages={{ REQUIRED: t('childSupport.paymentPeriodRequired') }}\n                  />\n                </Flex>\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('actions.cancel')}\n              </Components.Button>\n              {hasSelection && (\n                <Components.Button type=\"submit\" isLoading={form.status.isPending}>\n                  {t('actions.save')}\n                </Components.Button>\n              )}\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n\nfunction requiredAttrLabel(\n  selectedAgency: { requiredAttributes?: Array<{ key?: string; label?: string }> } | null,\n  key: 'case_number' | 'order_number' | 'remittance_number',\n): string {\n  const match = selectedAgency?.requiredAttributes?.find(a => a.key === key)\n  return match?.label ?? key\n}\n\nfunction paymentPeriodLabel(\n  t: ReturnType<typeof useTranslation<'Employee.DeductionsForm'>>['t'],\n  value: PaymentPeriod,\n): string {\n  switch (value) {\n    case 'Every week':\n      return t('childSupport.paymentPeriod.everyWeek')\n    case 'Every other week':\n      return t('childSupport.paymentPeriod.everyOtherWeek')\n    case 'Twice per month':\n      return t('childSupport.paymentPeriod.twicePerMonth')\n    case 'Monthly':\n      return t('childSupport.paymentPeriod.monthly')\n  }\n}\n"],"names":["ChildSupportFormView","employeeId","deduction","onSaved","onCancel","t","useTranslation","Components","useComponentContext","form","useChildSupportGarnishmentForm","BaseLayout","Fields","hasSelection","handleSubmit","result","SDKFormProvider","jsx","Form","jsxs","Flex","entry","requiredAttrLabel","value","paymentPeriodLabel","ActionsLayout","selectedAgency","key","a"],"mappings":";;;;;;;;;;AAoBO,SAASA,EAAqB;AAAA,EACnC,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAA8B;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAA,GAEbC,IAAOC,EAA+B;AAAA,IAC1C,YAAAT;AAAA,IACA,eAAeC,GAAW;AAAA,EAAA,CAC3B;AAED,MAAIO,EAAK;AACP,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAK,cAAc,QAAQ;AAGjE,QAAM,EAAE,QAAAG,MAAWH,EAAK,MAClBI,IAAeJ,EAAK,OAAO,mBAAmB,MAE9CK,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMN,EAAK,QAAQ,SAAA;AAClC,IAAIM,KAAQZ,EAAQY,EAAO,MAAMA,EAAO,IAAI;AAAA,EAC9C;AAEA,2BACGJ,GAAA,EAAW,OAAOF,EAAK,cAAc,QACpC,4BAACO,GAAA,EAAgB,gBAAgBP,GAC/B,UAAA,gBAAAQ,EAACC,GAAA,EAAK,UAAUJ,GACd,UAAA,gBAAAK,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,oBAAoB,GAAE;AAAA,IAErD,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACL,EAAO;AAAA,QAAP;AAAA,UACC,OAAOP,EAAE,0BAA0B;AAAA,UACnC,aAAaA,EAAE,gCAAgC;AAAA,UAC/C,aAAaA,EAAE,gCAAgC;AAAA,UAC/C,gBAAgB,CAACgB,MAA2BA,EAAM;AAAA,UAClD,oBAAoB,EAAE,UAAUhB,EAAE,6BAA6B,EAAA;AAAA,QAAE;AAAA,MAAA;AAAA,MAGlEI,EAAK,OAAO,2BACX,gBAAAQ;AAAA,QAACV,EAAW;AAAA,QAAX;AAAA,UACC,QAAO;AAAA,UACP,OAAOF,EAAE,oCAAoC;AAAA,QAAA;AAAA,MAAA;AAAA,MAIhDQ,KACC,gBAAAM,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAR,EAAO,YACN,gBAAAK;AAAA,UAACL,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,0BAA0B;AAAA,YACnC,aAAaA,EAAE,gCAAgC;AAAA,YAC/C,aAAaA,EAAE,gCAAgC;AAAA,YAC/C,gBAAgB,CAACgB,MACfA,EAAM,UAAUhB,EAAE,0BAA0B;AAAA,YAE9C,oBAAoB,EAAE,UAAUA,EAAE,6BAA6B,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAGpEO,EAAO,cACN,gBAAAK;AAAA,UAACL,EAAO;AAAA,UAAP;AAAA,YACC,OAAOU,EAAkBb,EAAK,OAAO,gBAAgB,aAAa;AAAA,YAClE,aAAaJ,EAAE,oCAAoC;AAAA,YACnD,oBAAoB,EAAE,UAAUA,EAAE,iCAAiC,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAGxEO,EAAO,eACN,gBAAAK;AAAA,UAACL,EAAO;AAAA,UAAP;AAAA,YACC,OAAOU,EAAkBb,EAAK,OAAO,gBAAgB,cAAc;AAAA,YACnE,aAAaJ,EAAE,qCAAqC;AAAA,YACpD,oBAAoB,EAAE,UAAUA,EAAE,kCAAkC,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAGzEO,EAAO,oBACN,gBAAAK;AAAA,UAACL,EAAO;AAAA,UAAP;AAAA,YACC,OAAOU,EAAkBb,EAAK,OAAO,gBAAgB,mBAAmB;AAAA,YACxE,aAAaJ,EAAE,0CAA0C;AAAA,YACzD,oBAAoB;AAAA,cAClB,UAAUA,EAAE,uCAAuC;AAAA,YAAA;AAAA,UACrD;AAAA,QAAA;AAAA,QAGJ,gBAAAY;AAAA,UAACL,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,kCAAkC;AAAA,YAC3C,aAAaA,EAAE,6CAA6C;AAAA,YAC5D,QAAO;AAAA,YACP,KAAK;AAAA,YACL,oBAAoB;AAAA,cAClB,UAAUA,EAAE,uCAAuC;AAAA,cACnD,iBAAiBA,EAAE,gCAAgC;AAAA,YAAA;AAAA,UACrD;AAAA,QAAA;AAAA,QAEF,gBAAAY;AAAA,UAACL,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,oCAAoC;AAAA,YAC7C,aAAaA,EAAE,+CAA+C;AAAA,YAC9D,QAAO;AAAA,YACP,KAAK;AAAA,YACL,KAAK;AAAA,YACL,oBAAoB;AAAA,cAClB,UAAUA,EAAE,6BAA6B;AAAA,cACzC,sBAAsBA,EAAE,gCAAgC;AAAA,YAAA;AAAA,UAC1D;AAAA,QAAA;AAAA,QAEF,gBAAAY;AAAA,UAACL,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,iCAAiC;AAAA,YAC1C,aAAaA,EAAE,uCAAuC;AAAA,YACtD,aAAaA,EAAE,uCAAuC;AAAA,YACtD,gBAAgB,CAACkB,MAAyBC,EAAmBnB,GAAGkB,CAAK;AAAA,YACrE,oBAAoB,EAAE,UAAUlB,EAAE,oCAAoC,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,MAC1E,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,sBACCoB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAR,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASH,GAC3D,UAAAC,EAAE,gBAAgB,EAAA,CACrB;AAAA,MACCQ,KACC,gBAAAI,EAACV,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAK,OAAO,WACrD,UAAAJ,EAAE,cAAc,EAAA,CACnB;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF,EAAA,CACF,GACF,GACF;AAEJ;AAEA,SAASiB,EACPI,GACAC,GACQ;AAER,SADcD,GAAgB,oBAAoB,KAAK,CAAAE,MAAKA,EAAE,QAAQD,CAAG,GAC3D,SAASA;AACzB;AAEA,SAASH,EACPnB,GACAkB,GACQ;AACR,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAOlB,EAAE,sCAAsC;AAAA,IACjD,KAAK;AACH,aAAOA,EAAE,2CAA2C;AAAA,IACtD,KAAK;AACH,aAAOA,EAAE,0CAA0C;AAAA,IACrD,KAAK;AACH,aAAOA,EAAE,oCAAoC;AAAA,EAAA;AAEnD;"}

package/dist/components/Employee/Deductions/shared/DeductionsForm/DeductionsForm.js

@@ -72,6 +72,7 @@ function Y({
           a.Select,
           {
             label: e("garnishmentTypeLabel"),
+            placeholder: "",
             options: k,
             value: n.type,
             onChange: b,