@gusto/embedded-react-sdk 0.53.0 → 0.54.0

package/dist/components/Employee/EmployeeList/management/ManagementEmployeeListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManagementEmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\n/** @internal */\nexport interface ManagementEmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  selectedTab: EmployeeTab\n  onTabChange: (tab: EmployeeTab) => void\n  onEdit: (employeeId: string) => void\n  onDismiss: (employeeId: string) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n}\n\n/** @internal */\nexport function ManagementEmployeeListView({\n  selectedTab,\n  onTabChange,\n  employees,\n  isFetching,\n  status,\n  onEdit,\n  onDismiss,\n  onDelete,\n  onAddEmployee,\n  pagination,\n}: ManagementEmployeeListViewProps) {\n  const { t } = useTranslation('Employee.ManagementEmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const {\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    totalCount,\n    itemsPerPage,\n  } = pagination\n\n  const tabs = [\n    {\n      id: 'active',\n      label: t('tabs.active'),\n      content: null,\n    },\n    {\n      id: 'onboarding',\n      label: t('tabs.onboarding'),\n      content: null,\n    },\n    {\n      id: 'dismissed',\n      label: t('tabs.dismissed'),\n      content: null,\n    },\n  ]\n\n  const getColumns = () => {\n    const nameColumn = {\n      key: 'name',\n      title: t('nameLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return firstLastName({\n          first_name: employee.firstName,\n          last_name: employee.lastName,\n        })\n      },\n    }\n\n    const jobTitleColumn = {\n      key: 'jobTitle',\n      title: t('jobTitleLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return employee.primaryJob?.title ?? '-'\n      },\n    }\n\n    if (selectedTab === 'active') {\n      return [nameColumn, jobTitleColumn]\n    }\n\n    if (selectedTab === 'onboarding') {\n      return [\n        nameColumn,\n        {\n          key: 'startDate',\n          title: t('startDateLabel'),\n          render: (employee: EmployeeWithActions) => {\n            const formattedDate = formatDateLongWithYear(employee.primaryJob?.hireDate)\n            return formattedDate || '-'\n          },\n        },\n        jobTitleColumn,\n        {\n          key: 'status',\n          title: t('statusLabel'),\n          render: (employee: EmployeeWithActions) => (\n            <EmployeeOnboardingStatusBadge\n              onboarded={employee.onboarded}\n              onboardingStatus={employee.onboardingStatus}\n            />\n          ),\n        },\n      ]\n    }\n\n    return [\n      nameColumn,\n      jobTitleColumn,\n      {\n        key: 'lastDay',\n        title: t('lastDayLabel'),\n        render: (employee: EmployeeWithActions) => {\n          const termination = employee.terminations?.[0]\n          const formattedDate = formatDateLongWithYear(termination?.effectiveDate)\n          return formattedDate || '-'\n        },\n      },\n    ]\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: getColumns(),\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('dismiss')) {\n        menuItems.push({\n          label: t('dismissCta'),\n          onClick: () => {\n            onDismiss(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('cancelCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => {\n      let title = ''\n      let description = ''\n\n      if (selectedTab === 'active') {\n        title = t('emptyState.active.title')\n        description = t('emptyState.active.description')\n      } else if (selectedTab === 'onboarding') {\n        title = t('emptyState.onboarding.title')\n        description = t('emptyState.onboarding.description')\n      } else {\n        title = t('emptyState.dismissed.title')\n        description = t('emptyState.dismissed.description')\n      }\n\n      return <EmptyData title={title} description={description} />\n    },\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Components.Button variant=\"secondary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </Flex>\n\n        <Flex flexDirection=\"column\" gap={0}>\n          <Components.Tabs\n            tabs={tabs}\n            selectedId={selectedTab}\n            onSelectionChange={id => {\n              onTabChange(id as EmployeeTab)\n            }}\n            aria-label={t('tabsLabel')}\n          />\n\n          <DataView label={t('employeeListLabel')} {...dataViewProps} />\n        </Flex>\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["ManagementEmployeeListView","selectedTab","onTabChange","employees","isFetching","status","onEdit","onDismiss","onDelete","onAddEmployee","pagination","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","totalCount","itemsPerPage","tabs","getColumns","nameColumn","employee","firstLastName","jobTitleColumn","formatDateLongWithYear","jsx","EmployeeOnboardingStatusBadge","termination","dataViewProps","useDataView","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","title","description","EmptyData","jsxs","Fragment","Flex","PlusCircleIcon","id","DataView"],"mappings":";;;;;;;;;;;;;;;AAgCO,SAASA,GAA2B;AAAA,EACzC,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AACF,GAAoC;AAClC,QAAM,EAAE,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GACb,CAACC,GAAkBC,CAAmB,IAAIC,EAAwB,IAAI,GAEtE;AAAA,IACJ,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEf,GAEEgB,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,aAAa;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA,IAEX;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,iBAAiB;AAAA,MAC1B,SAAS;AAAA,IAAA;AAAA,IAEX;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,gBAAgB;AAAA,MACzB,SAAS;AAAA,IAAA;AAAA,EACX,GAGIC,IAAa,MAAM;AACvB,UAAMC,IAAa;AAAA,MACjB,KAAK;AAAA,MACL,OAAO,EAAE,WAAW;AAAA,MACpB,QAAQ,CAACC,MACAC,EAAc;AAAA,QACnB,YAAYD,EAAS;AAAA,QACrB,WAAWA,EAAS;AAAA,MAAA,CACrB;AAAA,IACH,GAGIE,IAAiB;AAAA,MACrB,KAAK;AAAA,MACL,OAAO,EAAE,eAAe;AAAA,MACxB,QAAQ,CAACF,MACAA,EAAS,YAAY,SAAS;AAAA,IACvC;AAGF,WAAI5B,MAAgB,WACX,CAAC2B,GAAYG,CAAc,IAGhC9B,MAAgB,eACX;AAAA,MACL2B;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,gBAAgB;AAAA,QACzB,QAAQ,CAACC,MACeG,EAAuBH,EAAS,YAAY,QAAQ,KAClD;AAAA,MAC1B;AAAA,MAEFE;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,aAAa;AAAA,QACtB,QAAQ,CAACF,MACP,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWL,EAAS;AAAA,YACpB,kBAAkBA,EAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7B;AAAA,IAEJ,IAIG;AAAA,MACLD;AAAA,MACAG;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,cAAc;AAAA,QACvB,QAAQ,CAACF,MAAkC;AACzC,gBAAMM,IAAcN,EAAS,eAAe,CAAC;AAE7C,iBADsBG,EAAuBG,GAAa,aAAa,KAC/C;AAAA,QAC1B;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,GAEM,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMlC;AAAA,IACN,SAASwB,EAAA;AAAA,IACT,UAAU,CAAAE,MAAY;AACpB,YAAMS,IAAY,CAAA;AAElB,aAAIT,EAAS,eAAe,SAAS,MAAM,KACzCS,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,SAAS;AAAA,QAClB,SAAS,MAAM;AACb,UAAAhC,EAAOuB,EAAS,IAAI;AAAA,QACtB;AAAA,QACA,MAAM,gBAAAI,EAACM,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,MAAA,CAC9B,GAGCV,EAAS,eAAe,SAAS,SAAS,KAC5CS,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,YAAY;AAAA,QACrB,SAAS,MAAM;AACb,UAAA/B,EAAUsB,EAAS,IAAI;AAAA,QACzB;AAAA,QACA,MAAM,gBAAAI,EAACO,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,MAAA,CAChC,GAGCX,EAAS,eAAe,SAAS,QAAQ,KAC3CS,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,WAAW;AAAA,QACpB,SAAS,MAAM;AACb,UAAAvB,EAAoBc,EAAS,IAAI;AAAA,QACnC;AAAA,QACA,MAAM,gBAAAI,EAACM,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,MAAA,CAC9B,qBAGKE,GAAA,EAAc,OAAOH,GAAW,cAAc,EAAE,gBAAgB,GAAG;AAAA,IAC7E;AAAA,IACA,YAAAlC;AAAA,IACA,YAAY;AAAA,MACV,gBAAAa;AAAA,MACA,iBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,0BAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,IAAA;AAAA,IAEF,YAAY,MAAM;AAChB,UAAIiB,IAAQ,IACRC,IAAc;AAElB,aAAI1C,MAAgB,YAClByC,IAAQ,EAAE,yBAAyB,GACnCC,IAAc,EAAE,+BAA+B,KACtC1C,MAAgB,gBACzByC,IAAQ,EAAE,6BAA6B,GACvCC,IAAc,EAAE,mCAAmC,MAEnDD,IAAQ,EAAE,4BAA4B,GACtCC,IAAc,EAAE,kCAAkC,IAG7C,gBAAAV,EAACW,GAAA,EAAU,OAAAF,GAAc,aAAAC,EAAA,CAA0B;AAAA,IAC5D;AAAA,EAAA,CACD;AAED,SACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAF,EAACE,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,QAAA,gBAAAd,EAACrB,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,QACxC,gBAAAqB,EAACrB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAAe,MAAM,gBAAAwB,EAACe,GAAA,CAAA,CAAe,GAClF,UAAA,EAAE,gBAAgB,EAAA,CACrB;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAH,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAd;AAAA,UAACrB,EAAW;AAAA,UAAX;AAAA,YACC,MAAAc;AAAA,YACA,YAAYzB;AAAA,YACZ,mBAAmB,CAAAgD,MAAM;AACvB,cAAA/C,EAAY+C,CAAiB;AAAA,YAC/B;AAAA,YACA,cAAY,EAAE,WAAW;AAAA,UAAA;AAAA,QAAA;AAAA,0BAG1BC,GAAA,EAAS,OAAO,EAAE,mBAAmB,GAAI,GAAGd,EAAA,CAAe;AAAA,MAAA,EAAA,CAC9D;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAH;AAAA,MAACrB,EAAW;AAAA,MAAX;AAAA,QACC,QAAQ,CAAC,CAACE;AAAA,QACV,SAAS,MAAM;AACb,UAAAC,EAAoB,IAAI;AAAA,QAC1B;AAAA,QACA,sBAAsB,YAAY;AAChC,cAAID;AACF,gBAAI;AACF,oBAAMN,EAASM,CAAgB,GAC/BC,EAAoB,IAAI;AAAA,YAC1B,QAAQ;AAAA,YAER;AAAA,QAEJ;AAAA,QACA,wBAAwBV,EAAO;AAAA,QAC/B,eAAa;AAAA,QACb,OAAO,EAAE,oBAAoB;AAAA,QAC7B,oBAAoB,EAAE,yBAAyB;AAAA,QAC/C,kBAAkB,EAAE,wBAAwB;AAAA,QAE3C,YAAE,0BAA0B;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/B,GACF;AAEJ;"}
+{"version":3,"file":"ManagementEmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\n/** @internal */\nexport interface ManagementEmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  selectedTab: EmployeeTab\n  onTabChange: (tab: EmployeeTab) => void\n  onEdit: (employeeId: string) => void\n  onDismiss: (employeeId: string) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n}\n\n/** @internal */\nexport function ManagementEmployeeListView({\n  selectedTab,\n  onTabChange,\n  employees,\n  isFetching,\n  status,\n  onEdit,\n  onDismiss,\n  onDelete,\n  onAddEmployee,\n  pagination,\n}: ManagementEmployeeListViewProps) {\n  const { t } = useTranslation('Employee.ManagementEmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const {\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    totalCount,\n    itemsPerPage,\n  } = pagination\n\n  const tabs = [\n    {\n      id: 'active',\n      label: t('tabs.active'),\n      content: null,\n    },\n    {\n      id: 'onboarding',\n      label: t('tabs.onboarding'),\n      content: null,\n    },\n    {\n      id: 'dismissed',\n      label: t('tabs.dismissed'),\n      content: null,\n    },\n  ]\n\n  const getColumns = () => {\n    const nameColumn = {\n      key: 'name',\n      title: t('nameLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return firstLastName({\n          first_name: employee.firstName,\n          last_name: employee.lastName,\n        })\n      },\n    }\n\n    const jobTitleColumn = {\n      key: 'jobTitle',\n      title: t('jobTitleLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return employee.primaryJob?.title ?? '-'\n      },\n    }\n\n    if (selectedTab === 'active') {\n      return [nameColumn, jobTitleColumn]\n    }\n\n    if (selectedTab === 'onboarding') {\n      return [\n        nameColumn,\n        {\n          key: 'startDate',\n          title: t('startDateLabel'),\n          render: (employee: EmployeeWithActions) => {\n            const formattedDate = formatDateLongWithYear(employee.primaryJob?.hireDate)\n            return formattedDate || '-'\n          },\n        },\n        jobTitleColumn,\n        {\n          key: 'status',\n          title: t('statusLabel'),\n          render: (employee: EmployeeWithActions) => (\n            <EmployeeOnboardingStatusBadge\n              onboarded={employee.onboarded}\n              onboardingStatus={employee.onboardingStatus}\n            />\n          ),\n        },\n      ]\n    }\n\n    return [\n      nameColumn,\n      jobTitleColumn,\n      {\n        key: 'lastDay',\n        title: t('lastDayLabel'),\n        render: (employee: EmployeeWithActions) => {\n          const termination = employee.terminations?.[0]\n          const formattedDate = formatDateLongWithYear(termination?.effectiveDate)\n          return formattedDate || '-'\n        },\n      },\n    ]\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: getColumns(),\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('dismiss')) {\n        menuItems.push({\n          label: t('dismissCta'),\n          onClick: () => {\n            onDismiss(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('cancelCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (menuItems.length === 0) {\n        return null\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => {\n      let title = ''\n      let description = ''\n\n      if (selectedTab === 'active') {\n        title = t('emptyState.active.title')\n        description = t('emptyState.active.description')\n      } else if (selectedTab === 'onboarding') {\n        title = t('emptyState.onboarding.title')\n        description = t('emptyState.onboarding.description')\n      } else {\n        title = t('emptyState.dismissed.title')\n        description = t('emptyState.dismissed.description')\n      }\n\n      return <EmptyData title={title} description={description} />\n    },\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Components.Button variant=\"secondary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </Flex>\n\n        <Flex flexDirection=\"column\" gap={0}>\n          <Components.Tabs\n            tabs={tabs}\n            selectedId={selectedTab}\n            onSelectionChange={id => {\n              onTabChange(id as EmployeeTab)\n            }}\n            aria-label={t('tabsLabel')}\n          />\n\n          <DataView label={t('employeeListLabel')} {...dataViewProps} />\n        </Flex>\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["ManagementEmployeeListView","selectedTab","onTabChange","employees","isFetching","status","onEdit","onDismiss","onDelete","onAddEmployee","pagination","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","totalCount","itemsPerPage","tabs","getColumns","nameColumn","employee","firstLastName","jobTitleColumn","formatDateLongWithYear","jsx","EmployeeOnboardingStatusBadge","termination","dataViewProps","useDataView","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","title","description","EmptyData","jsxs","Fragment","Flex","PlusCircleIcon","id","DataView"],"mappings":"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"}

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

@@ -39,4 +39,4 @@ export interface EmployeeListProps extends BaseComponentInterface<'Employee.Empl
  *
  * @public
  */
-export declare function EmployeeList({ FallbackComponent, ...props }: EmployeeListProps): import("react").JSX.Element;
+export declare function EmployeeList({ FallbackComponent, LoaderComponent, ...props }: EmployeeListProps): import("react").JSX.Element;

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

@@ -1,60 +1,76 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useEmployeeList as d } from "../shared/useEmployeeList.js";
-import { EmployeeListView as u } from "./EmployeeListView.js";
-import { BaseBoundaries as L, BaseLayout as s } from "../../../Base/Base.js";
-import { useI18n as y, useComponentDictionary as O } from "../../../../i18n/I18n.js";
-import { componentEvents as i } from "../../../../shared/constants.js";
-function D({
-  companyId: a,
-  onEvent: e,
-  dictionary: E,
-  showContinueButton: m = !1
+import { EmployeeListView as y } from "./EmployeeListView.js";
+import { BaseBoundaries as L, BaseLayout as l } from "../../../Base/Base.js";
+import { useI18n as O, useComponentDictionary as D } from "../../../../i18n/I18n.js";
+import { componentEvents as n } from "../../../../shared/constants.js";
+function f({
+  companyId: s,
+  onEvent: o,
+  dictionary: a,
+  showContinueButton: m = !1,
+  LoaderComponent: E
 }) {
-  y("Employee.EmployeeList"), O("Employee.EmployeeList", E);
-  const o = d({
-    companyId: a
+  O("Employee.EmployeeList"), D("Employee.EmployeeList", a);
+  const e = d({
+    companyId: s
   });
-  if (o.isLoading)
-    return /* @__PURE__ */ r(s, { isLoading: !0, error: o.errorHandling.errors });
-  const l = (n, t) => {
-    e(i.EMPLOYEE_UPDATE, { employeeId: n, onboardingStatus: t });
-  }, p = () => {
-    e(i.EMPLOYEE_CREATE);
+  if (e.isLoading)
+    return /* @__PURE__ */ r(
+      l,
+      {
+        isLoading: !0,
+        error: e.errorHandling.errors,
+        LoaderComponent: E
+      }
+    );
+  const p = (i, t) => {
+    o(n.EMPLOYEE_UPDATE, { employeeId: i, onboardingStatus: t });
   }, c = () => {
-    e(i.EMPLOYEE_ONBOARDING_DONE);
+    o(n.EMPLOYEE_CREATE);
+  }, u = () => {
+    o(n.EMPLOYEE_ONBOARDING_DONE);
   };
-  return /* @__PURE__ */ r(s, { error: o.errorHandling.errors, children: /* @__PURE__ */ r(
-    u,
+  return /* @__PURE__ */ r(l, { error: e.errorHandling.errors, LoaderComponent: E, children: /* @__PURE__ */ r(
+    y,
     {
-      employees: o.data.employees,
-      isFetching: o.status.isFetching,
-      pagination: o.pagination,
-      status: o.status,
-      onEdit: l,
-      onDelete: async (n) => {
-        await o.actions.onDelete(n), e(i.EMPLOYEE_DELETED, { employeeId: n });
+      employees: e.data.employees,
+      isFetching: e.status.isFetching,
+      pagination: e.pagination,
+      status: e.status,
+      onEdit: p,
+      onDelete: async (i) => {
+        await e.actions.onDelete(i), o(n.EMPLOYEE_DELETED, { employeeId: i });
       },
-      onCancelSelfOnboarding: async (n) => {
-        const t = await o.actions.onCancelSelfOnboarding(n);
-        t && e(i.EMPLOYEE_ONBOARDING_STATUS_UPDATED, t);
+      onCancelSelfOnboarding: async (i) => {
+        const t = await e.actions.onCancelSelfOnboarding(i);
+        t && o(n.EMPLOYEE_ONBOARDING_STATUS_UPDATED, t);
       },
-      onReview: async (n) => {
-        const t = await o.actions.onReview(n);
-        t && (e(i.EMPLOYEE_ONBOARDING_STATUS_UPDATED, t), e(i.EMPLOYEE_UPDATE, {
-          employeeId: n,
+      onReview: async (i) => {
+        const t = await e.actions.onReview(i);
+        t && (o(n.EMPLOYEE_ONBOARDING_STATUS_UPDATED, t), o(n.EMPLOYEE_UPDATE, {
+          employeeId: i,
           onboardingStatus: t.onboardingStatus
         }));
       },
-      onAddEmployee: p,
-      onSkip: c,
+      onAddEmployee: c,
+      onSkip: u,
       showContinueButton: m
     }
   ) });
 }
-function T({ FallbackComponent: a, ...e }) {
-  return /* @__PURE__ */ r(L, { componentName: "Employee.EmployeeList", FallbackComponent: a, children: /* @__PURE__ */ r(D, { ...e }) });
+function N({ FallbackComponent: s, LoaderComponent: o, ...a }) {
+  return /* @__PURE__ */ r(
+    L,
+    {
+      componentName: "Employee.EmployeeList",
+      FallbackComponent: s,
+      LoaderComponent: o,
+      children: /* @__PURE__ */ r(f, { LoaderComponent: o, ...a })
+    }
+  );
 }
 export {
-  T as EmployeeList
+  N as EmployeeList
 };
 //# sourceMappingURL=EmployeeList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeeList } from '../shared/useEmployeeList'\nimport { EmployeeListView } from './EmployeeListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link EmployeeList}.\n *\n * @public\n */\nexport interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * Controls visibility of the Continue button in the employee list.\n   *\n   * @remarks\n   *\n   * When `true`, displays a Continue button below the populated employee list and\n   * a Skip button in the empty state. These controls trigger the `employee/onboarding/done` event,\n   * allowing navigation to the next step in a multi-step flow (e.g., company onboarding).\n   *\n   * When `false` (default), hides both buttons. Use this when the employee list is the final destination\n   * in its flow and no further navigation is needed (e.g., standalone employee onboarding where\n   * the list is the terminal screen).\n   *\n   * @defaultValue `false`\n   */\n  showContinueButton?: boolean\n}\n\nfunction EmployeeListRoot({\n  companyId,\n  onEvent,\n  dictionary,\n  showContinueButton = false,\n}: EmployeeListProps) {\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n\n  const employeeList = useEmployeeList({\n    companyId,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId, onboardingStatus })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <EmployeeListView\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId)\n          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onCancelSelfOnboarding={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n        }}\n        onReview={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onReview(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n          onEvent(componentEvents.EMPLOYEE_UPDATE, {\n            employeeId,\n            onboardingStatus: onboardingStatus.onboardingStatus,\n          })\n        }}\n        onAddEmployee={handleAddEmployee}\n        onSkip={handleSkip}\n        showContinueButton={showContinueButton}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a paginated list of a company's employees with per-row onboarding actions (edit,\n * delete, review, cancel self-onboarding) and an \"Add employee\" entry point.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" or \"Review\" on a row. | `{ employeeId: string, onboardingStatus?: OnboardingStatus }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n * | `employee/onboardingStatus/updated` | Fired after the \"Review\" or \"Cancel self-onboarding\" action updates an employee's onboarding status. | The updated `EmployeeOnboardingStatus` record |\n * | `employee/onboarding/done` | Fired when the user clicks the skip/done control to leave the onboarding employee list. | — |\n *\n * @public\n */\nexport function EmployeeList({ FallbackComponent, ...props }: EmployeeListProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.EmployeeList\" FallbackComponent={FallbackComponent}>\n      <EmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["EmployeeListRoot","companyId","onEvent","dictionary","showContinueButton","useI18n","useComponentDictionary","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","onboardingStatus","componentEvents","handleAddEmployee","handleSkip","jsx","EmployeeListView","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAiCA,SAASA,EAAiB;AAAA,EACxB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBH,CAAU;AAE1D,QAAMI,IAAeC,EAAgB;AAAA,IACnC,WAAAP;AAAA,EAAA,CACD;AAED,MAAIM,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAV,EAAQW,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAZ,EAAQW,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAb,EAAQW,EAAgB,wBAAwB;AAAA,EAClD;AAEA,SACE,gBAAAG,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWV,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,UAAU,OAAOC,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,CAAU,GAC9CT,EAAQW,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMC,IAAmB,MAAML,EAAa,QAAQ,uBAAuBI,CAAU;AACrF,QAAKC,KACLV,EAAQW,EAAgB,oCAAoCD,CAAgB;AAAA,MAC9E;AAAA,MACA,UAAU,OAAOD,MAAuB;AACtC,cAAMC,IAAmB,MAAML,EAAa,QAAQ,SAASI,CAAU;AACvE,QAAKC,MACLV,EAAQW,EAAgB,oCAAoCD,CAAgB,GAC5EV,EAAQW,EAAgB,iBAAiB;AAAA,UACvC,YAAAF;AAAA,UACA,kBAAkBC,EAAiB;AAAA,QAAA,CACpC;AAAA,MACH;AAAA,MACA,eAAeE;AAAA,MACf,QAAQC;AAAA,MACR,oBAAAX;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAiBO,SAASc,EAAa,EAAE,mBAAAC,GAAmB,GAAGC,KAA4B;AAC/E,SACE,gBAAAJ,EAACK,KAAe,eAAc,yBAAwB,mBAAAF,GACpD,UAAA,gBAAAH,EAAChB,GAAA,EAAkB,GAAGoB,EAAA,CAAO,EAAA,CAC/B;AAEJ;"}
+{"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeeList } from '../shared/useEmployeeList'\nimport { EmployeeListView } from './EmployeeListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link EmployeeList}.\n *\n * @public\n */\nexport interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * Controls visibility of the Continue button in the employee list.\n   *\n   * @remarks\n   *\n   * When `true`, displays a Continue button below the populated employee list and\n   * a Skip button in the empty state. These controls trigger the `employee/onboarding/done` event,\n   * allowing navigation to the next step in a multi-step flow (e.g., company onboarding).\n   *\n   * When `false` (default), hides both buttons. Use this when the employee list is the final destination\n   * in its flow and no further navigation is needed (e.g., standalone employee onboarding where\n   * the list is the terminal screen).\n   *\n   * @defaultValue `false`\n   */\n  showContinueButton?: boolean\n}\n\nfunction EmployeeListRoot({\n  companyId,\n  onEvent,\n  dictionary,\n  showContinueButton = false,\n  LoaderComponent,\n}: EmployeeListProps) {\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n\n  const employeeList = useEmployeeList({\n    companyId,\n  })\n\n  if (employeeList.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={employeeList.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleEdit = (employeeId: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId, onboardingStatus })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <EmployeeListView\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId)\n          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onCancelSelfOnboarding={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n        }}\n        onReview={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onReview(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n          onEvent(componentEvents.EMPLOYEE_UPDATE, {\n            employeeId,\n            onboardingStatus: onboardingStatus.onboardingStatus,\n          })\n        }}\n        onAddEmployee={handleAddEmployee}\n        onSkip={handleSkip}\n        showContinueButton={showContinueButton}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a paginated list of a company's employees with per-row onboarding actions (edit,\n * delete, review, cancel self-onboarding) and an \"Add employee\" entry point.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" or \"Review\" on a row. | `{ employeeId: string, onboardingStatus?: OnboardingStatus }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n * | `employee/onboardingStatus/updated` | Fired after the \"Review\" or \"Cancel self-onboarding\" action updates an employee's onboarding status. | The updated `EmployeeOnboardingStatus` record |\n * | `employee/onboarding/done` | Fired when the user clicks the skip/done control to leave the onboarding employee list. | — |\n *\n * @public\n */\nexport function EmployeeList({ FallbackComponent, LoaderComponent, ...props }: EmployeeListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.EmployeeList\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <EmployeeListRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["EmployeeListRoot","companyId","onEvent","dictionary","showContinueButton","LoaderComponent","useI18n","useComponentDictionary","employeeList","useEmployeeList","jsx","BaseLayout","handleEdit","employeeId","onboardingStatus","componentEvents","handleAddEmployee","handleSkip","EmployeeListView","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAiCA,SAASA,EAAiB;AAAA,EACxB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,iBAAAC;AACF,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBJ,CAAU;AAE1D,QAAMK,IAAeC,EAAgB;AAAA,IACnC,WAAAR;AAAA,EAAA,CACD;AAED,MAAIO,EAAa;AACf,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAa,cAAc;AAAA,QAClC,iBAAAH;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMO,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAZ,EAAQa,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAd,EAAQa,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAf,EAAQa,EAAgB,wBAAwB;AAAA,EAClD;AAEA,2BACGJ,GAAA,EAAW,OAAOH,EAAa,cAAc,QAAQ,iBAAAH,GACpD,UAAA,gBAAAK;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,WAAWV,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQI;AAAA,MACR,UAAU,OAAOC,MAAuB;AACtC,cAAML,EAAa,QAAQ,SAASK,CAAU,GAC9CX,EAAQa,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMC,IAAmB,MAAMN,EAAa,QAAQ,uBAAuBK,CAAU;AACrF,QAAKC,KACLZ,EAAQa,EAAgB,oCAAoCD,CAAgB;AAAA,MAC9E;AAAA,MACA,UAAU,OAAOD,MAAuB;AACtC,cAAMC,IAAmB,MAAMN,EAAa,QAAQ,SAASK,CAAU;AACvE,QAAKC,MACLZ,EAAQa,EAAgB,oCAAoCD,CAAgB,GAC5EZ,EAAQa,EAAgB,iBAAiB;AAAA,UACvC,YAAAF;AAAA,UACA,kBAAkBC,EAAiB;AAAA,QAAA,CACpC;AAAA,MACH;AAAA,MACA,eAAeE;AAAA,MACf,QAAQC;AAAA,MACR,oBAAAb;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAiBO,SAASe,EAAa,EAAE,mBAAAC,GAAmB,iBAAAf,GAAiB,GAAGgB,KAA4B;AAChG,SACE,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAf;AAAA,MAEA,UAAA,gBAAAK,EAACV,GAAA,EAAiB,iBAAAK,GAAmC,GAAGgB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrE;"}

package/dist/components/Employee/FederalTaxes/management/FederalTaxes.d.ts

@@ -29,4 +29,4 @@ export interface FederalTaxesProps extends BaseComponentInterface<'Employee.Mana
  * @public
  * @group Block components
  */
-export declare function FederalTaxes({ dictionary, FallbackComponent, ...props }: FederalTaxesProps): import("react").JSX.Element;
+export declare function FederalTaxes({ dictionary, FallbackComponent, LoaderComponent, ...props }: FederalTaxesProps): import("react").JSX.Element;

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

@@ -1,36 +1,43 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { createMachine as n } from "robot3";
-import { useMemo as t } from "react";
-import { FederalTaxesCardContextual as i } from "./FederalTaxesComponents.js";
-import { federalTaxesStateMachine as s } from "./federalTaxesStateMachine.js";
-import { Flow as l } from "../../../Flow/Flow.js";
+import { useMemo as i } from "react";
+import { FederalTaxesCardContextual as s } from "./FederalTaxesComponents.js";
+import { federalTaxesStateMachine as l } from "./federalTaxesStateMachine.js";
+import { Flow as c } from "../../../Flow/Flow.js";
 import { BaseBoundaries as p } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentDictionary as c, useI18n as f } from "../../../../i18n/I18n.js";
-function u({ employeeId: e, onEvent: r }) {
-  f("Employee.Management.FederalTaxes");
-  const o = t(
-    () => n("card", s, (m) => ({
-      ...m,
-      component: i,
-      employeeId: e,
-      successAlert: null
+import { useComponentDictionary as f, useI18n as u } from "../../../../i18n/I18n.js";
+function x({ employeeId: r, onEvent: a, LoaderComponent: e }) {
+  u("Employee.Management.FederalTaxes");
+  const o = i(
+    () => n("card", l, (t) => ({
+      ...t,
+      component: s,
+      employeeId: r,
+      successAlert: null,
+      LoaderComponent: e
     })),
-    [e]
+    [r, e]
   );
-  return /* @__PURE__ */ a(l, { machine: o, onEvent: r });
+  return /* @__PURE__ */ m(c, { machine: o, onEvent: a });
 }
-function E({ dictionary: e, FallbackComponent: r, ...o }) {
-  return c("Employee.Management.FederalTaxes", e), /* @__PURE__ */ a(
+function B({
+  dictionary: r,
+  FallbackComponent: a,
+  LoaderComponent: e,
+  ...o
+}) {
+  return f("Employee.Management.FederalTaxes", r), /* @__PURE__ */ m(
     p,
     {
       componentName: "Employee.Management.FederalTaxes",
-      FallbackComponent: r,
-      children: /* @__PURE__ */ a(u, { ...o })
+      FallbackComponent: a,
+      LoaderComponent: e,
+      children: /* @__PURE__ */ m(x, { LoaderComponent: e, ...o })
     }
   );
 }
 export {
-  E as FederalTaxes
+  B as FederalTaxes
 };
 //# sourceMappingURL=FederalTaxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxes.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  FederalTaxesCardContextual,\n  type FederalTaxesContextInterface,\n} from './FederalTaxesComponents'\nimport { federalTaxesStateMachine } from './federalTaxesStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link FederalTaxes}.\n *\n * @public\n */\nexport interface FederalTaxesProps extends BaseComponentInterface<'Employee.Management.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction FederalTaxesFlow({ employeeId, onEvent }: FederalTaxesProps) {\n  useI18n('Employee.Management.FederalTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', federalTaxesStateMachine, (ctx: FederalTaxesContextInterface) => ({\n        ...ctx,\n        component: FederalTaxesCardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and editing an employee's federal tax (W-4) withholdings — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.\n *\n * @remarks\n * Renders a read-only card showing filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding, with an Edit CTA that swaps to the edit form. Submitting the form returns to the card; cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link FederalTaxesCard}, {@link FederalTaxesEditForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when the form needs to render in a modal or drawer, when the card needs to appear read-only with no edit affordance, or when the swap is driven by a router. Using them directly means owning the swap and any cross-component state yourself.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/federalTaxes/card/editRequested` | Fired when the card's Edit CTA is clicked; the block opens the edit form | `{ employeeId: string }` |\n * | `employee/management/federalTaxes/editForm/submitted` | Fired after the edit form is saved; the block returns to the card view | The updated `EmployeeFederalTax` entity |\n * | `employee/management/federalTaxes/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/federalTaxes/alertDismissed` | Fired when the user dismisses an alert above the card | `null` |\n *\n * @param props - See {@link FederalTaxesProps}.\n * @returns The rendered federal taxes block.\n * @public\n * @group Block components\n */\nexport function FederalTaxes({ dictionary, FallbackComponent, ...props }: FederalTaxesProps) {\n  useComponentDictionary('Employee.Management.FederalTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <FederalTaxesFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["FederalTaxesFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","federalTaxesStateMachine","ctx","FederalTaxesCardContextual","jsx","Flow","FederalTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsBA,SAASA,EAAiB,EAAE,YAAAC,GAAY,SAAAC,KAA8B;AACpE,EAAAC,EAAQ,kCAAkC;AAE1C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA0B,CAACC,OAAuC;AAAA,MACtF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAuBO,SAASU,EAAa,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,GAAGC,KAA4B;AAC3F,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAkB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnC;"}
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  FederalTaxesCardContextual,\n  type FederalTaxesContextInterface,\n} from './FederalTaxesComponents'\nimport { federalTaxesStateMachine } from './federalTaxesStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link FederalTaxes}.\n *\n * @public\n */\nexport interface FederalTaxesProps extends BaseComponentInterface<'Employee.Management.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction FederalTaxesFlow({ employeeId, onEvent, LoaderComponent }: FederalTaxesProps) {\n  useI18n('Employee.Management.FederalTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', federalTaxesStateMachine, (ctx: FederalTaxesContextInterface) => ({\n        ...ctx,\n        component: FederalTaxesCardContextual,\n        employeeId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and editing an employee's federal tax (W-4) withholdings — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.\n *\n * @remarks\n * Renders a read-only card showing filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding, with an Edit CTA that swaps to the edit form. Submitting the form returns to the card; cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link FederalTaxesCard}, {@link FederalTaxesEditForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when the form needs to render in a modal or drawer, when the card needs to appear read-only with no edit affordance, or when the swap is driven by a router. Using them directly means owning the swap and any cross-component state yourself.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/federalTaxes/card/editRequested` | Fired when the card's Edit CTA is clicked; the block opens the edit form | `{ employeeId: string }` |\n * | `employee/management/federalTaxes/editForm/submitted` | Fired after the edit form is saved; the block returns to the card view | The updated `EmployeeFederalTax` entity |\n * | `employee/management/federalTaxes/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/federalTaxes/alertDismissed` | Fired when the user dismisses an alert above the card | `null` |\n *\n * @param props - See {@link FederalTaxesProps}.\n * @returns The rendered federal taxes block.\n * @public\n * @group Block components\n */\nexport function FederalTaxes({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: FederalTaxesProps) {\n  useComponentDictionary('Employee.Management.FederalTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <FederalTaxesFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["FederalTaxesFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","federalTaxesStateMachine","ctx","FederalTaxesCardContextual","jsx","Flow","FederalTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsBA,SAASA,EAAiB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAsC;AACrF,EAAAC,EAAQ,kCAAkC;AAE1C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA0B,CAACC,OAAuC;AAAA,MACtF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAuBO,SAASW,EAAa;AAAA,EAC3B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAsB;AACpB,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAiB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrE;"}

package/dist/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.d.ts

@@ -1,5 +1,6 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
 /**
  * Props for {@link FederalTaxesCard}.
  *
@@ -10,6 +11,8 @@ export interface FederalTaxesCardProps {
     employeeId: string;
     /** Callback invoked when the card emits an event. See the events table on {@link FederalTaxesCard} for the available event types and payloads. */
     onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
 }
 /**
  * Standalone "Federal taxes" card. Owns its own data fetch via

package/dist/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.js

@@ -1,61 +1,68 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { Flex as u } from "../../../../Common/Flex/Flex.js";
-import { Loading as h } from "../../../../Common/Loading/Loading.js";
-import { BaseBoundaries as x, BaseLayout as E } from "../../../../Base/Base.js";
-import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import g from "../../../../../hooks/useNumberFormatter.js";
-import { useI18n as F } from "../../../../../i18n/I18n.js";
+import { useTranslation as u } from "react-i18next";
+import { Flex as h } from "../../../../Common/Flex/Flex.js";
+import { Loading as x } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as E, BaseLayout as f } from "../../../../Base/Base.js";
+import { useComponentContext as g } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import F from "../../../../../hooks/useNumberFormatter.js";
+import { useI18n as C } from "../../../../../i18n/I18n.js";
 import { componentEvents as T } from "../../../../../shared/constants.js";
 import { useFederalTaxesSummary as y } from "../../shared/useFederalTaxesSummary/useFederalTaxesSummary.js";
-function N(n) {
-  return /* @__PURE__ */ t(x, { componentName: "Employee.Management.FederalTaxes", children: /* @__PURE__ */ t(C, { ...n }) });
+function W(r) {
+  return /* @__PURE__ */ t(
+    E,
+    {
+      componentName: "Employee.Management.FederalTaxes",
+      LoaderComponent: r.LoaderComponent,
+      children: /* @__PURE__ */ t(L, { ...r })
+    }
+  );
 }
-function C({ employeeId: n, onEvent: m }) {
-  F("Employee.Management.FederalTaxes");
-  const { t: o } = p("Employee.Management.FederalTaxes"), a = f(), i = g("currency"), d = y({ employeeId: n }), s = d.isLoading, e = d.isLoading ? void 0 : d.data.employeeFederalTax, c = () => {
-    m(T.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId: n });
-  }, r = /* @__PURE__ */ t("span", { "aria-label": o("card.listEmptyPlaceholder"), children: "–" }), l = e ? [
+function L({ employeeId: r, onEvent: m, LoaderComponent: c }) {
+  C("Employee.Management.FederalTaxes");
+  const { t: o } = u("Employee.Management.FederalTaxes"), a = g(), i = F("currency"), d = y({ employeeId: r }), s = d.isLoading, e = d.isLoading ? void 0 : d.data.employeeFederalTax, l = () => {
+    m(T.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId: r });
+  }, n = /* @__PURE__ */ t("span", { "aria-label": o("card.listEmptyPlaceholder"), children: "–" }), p = e ? [
     {
       term: o("card.filingStatus"),
-      description: e.filingStatus || r
+      description: e.filingStatus || n
     },
     {
       term: o("card.multipleJobs"),
-      description: "twoJobs" in e && e.twoJobs !== null ? e.twoJobs ? o("common.yes") : o("common.no") : r
+      description: "twoJobs" in e && e.twoJobs !== null ? e.twoJobs ? o("common.yes") : o("common.no") : n
     },
     {
       term: o("card.dependentsAndOtherCredits"),
-      description: "dependentsAmount" in e && e.dependentsAmount ? i(parseFloat(e.dependentsAmount)) : r
+      description: "dependentsAmount" in e && e.dependentsAmount ? i(parseFloat(e.dependentsAmount)) : n
     },
     {
       term: o("card.otherIncome"),
-      description: "otherIncome" in e && e.otherIncome ? i(parseFloat(e.otherIncome)) : r
+      description: "otherIncome" in e && e.otherIncome ? i(parseFloat(e.otherIncome)) : n
     },
     {
       term: o("card.deductions"),
-      description: "deductions" in e && e.deductions ? i(parseFloat(e.deductions)) : r
+      description: "deductions" in e && e.deductions ? i(parseFloat(e.deductions)) : n
     },
     {
       term: o("card.extraWithholding"),
-      description: "extraWithholding" in e && e.extraWithholding ? i(parseFloat(e.extraWithholding)) : r
+      description: "extraWithholding" in e && e.extraWithholding ? i(parseFloat(e.extraWithholding)) : n
     }
   ] : [];
-  return /* @__PURE__ */ t(E, { error: d.errorHandling.errors, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(f, { error: d.errorHandling.errors, LoaderComponent: c, children: /* @__PURE__ */ t(
     a.Box,
     {
       header: /* @__PURE__ */ t(
         a.BoxHeader,
         {
           title: o("card.title"),
-          action: /* @__PURE__ */ t(a.Button, { variant: "secondary", onClick: c, isDisabled: s, children: o("card.editCta") })
+          action: /* @__PURE__ */ t(a.Button, { variant: "secondary", onClick: l, isDisabled: s, children: o("card.editCta") })
         }
       ),
-      children: /* @__PURE__ */ t(u, { flexDirection: "column", gap: 16, children: s ? /* @__PURE__ */ t(h, {}) : e ? /* @__PURE__ */ t(a.DescriptionList, { items: l }) : null })
+      children: /* @__PURE__ */ t(h, { flexDirection: "column", gap: 16, children: s ? /* @__PURE__ */ t(x, {}) : e ? /* @__PURE__ */ t(a.DescriptionList, { items: p }) : null })
     }
   ) });
 }
 export {
-  N as FederalTaxesCard
+  W as FederalTaxesCard
 };
 //# sourceMappingURL=FederalTaxesCard.js.map

package/dist/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesCard.js","sources":["../../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useFederalTaxesSummary } from '../../shared/useFederalTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\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'\n\n/**\n * Props for {@link FederalTaxesCard}.\n *\n * @public\n */\nexport interface FederalTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link FederalTaxesCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Federal taxes\" card. Owns its own data fetch via\n * `useFederalTaxesSummary` and emits\n * `EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED` when the Edit\n * button is clicked. The card has no alert API — alert rendering (when\n * introduced) is the orchestrator's responsibility.\n *\n * @public\n */\nexport function FederalTaxesCard(props: FederalTaxesCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.FederalTaxes\">\n      <FederalTaxesCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesCardContent({ employeeId, onEvent }: FederalTaxesCardProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useFederalTaxesSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const federalTaxes = summary.isLoading ? undefined : summary.data.employeeFederalTax\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId })\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const items = federalTaxes\n    ? [\n        {\n          term: t('card.filingStatus'),\n          description: federalTaxes.filingStatus || emptyPlaceholder,\n        },\n        {\n          term: t('card.multipleJobs'),\n          description:\n            'twoJobs' in federalTaxes && federalTaxes.twoJobs !== null\n              ? federalTaxes.twoJobs\n                ? t('common.yes')\n                : t('common.no')\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.dependentsAndOtherCredits'),\n          description:\n            'dependentsAmount' in federalTaxes && federalTaxes.dependentsAmount\n              ? formatCurrency(parseFloat(federalTaxes.dependentsAmount))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.otherIncome'),\n          description:\n            'otherIncome' in federalTaxes && federalTaxes.otherIncome\n              ? formatCurrency(parseFloat(federalTaxes.otherIncome))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.deductions'),\n          description:\n            'deductions' in federalTaxes && federalTaxes.deductions\n              ? formatCurrency(parseFloat(federalTaxes.deductions))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.extraWithholding'),\n          description:\n            'extraWithholding' in federalTaxes && federalTaxes.extraWithholding\n              ? formatCurrency(parseFloat(federalTaxes.extraWithholding))\n              : emptyPlaceholder,\n        },\n      ]\n    : []\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('card.editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : federalTaxes ? (\n            <Components.DescriptionList items={items} />\n          ) : null}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["FederalTaxesCard","props","jsx","BaseBoundaries","FederalTaxesCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useFederalTaxesSummary","isLoading","federalTaxes","handleEdit","componentEvents","emptyPlaceholder","items","BaseLayout","Flex","Loading"],"mappings":";;;;;;;;;;AAgCO,SAASA,EAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAyB,GAAGH,GAAO,EAAA,CACtC;AAEJ;AAEA,SAASG,EAAwB,EAAE,YAAAC,GAAY,SAAAC,KAAkC;AAC/E,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAE9CC,IAAUC,EAAuB,EAAE,YAAAV,GAAY,GAE/CW,IAAYF,EAAQ,WACpBG,IAAeH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAE5DI,IAAa,MAAM;AACvB,IAAAZ,EAAQa,EAAgB,uDAAuD,EAAE,YAAAd,EAAA,CAAY;AAAA,EAC/F,GAEMe,IAAmB,gBAAAlB,EAAC,QAAA,EAAK,cAAYM,EAAE,2BAA2B,GAAG,UAAA,KAAC,GAEtEa,IAAQJ,IACV;AAAA,IACE;AAAA,MACE,MAAMT,EAAE,mBAAmB;AAAA,MAC3B,aAAaS,EAAa,gBAAgBG;AAAA,IAAA;AAAA,IAE5C;AAAA,MACE,MAAMZ,EAAE,mBAAmB;AAAA,MAC3B,aACE,aAAaS,KAAgBA,EAAa,YAAY,OAClDA,EAAa,UACXT,EAAE,YAAY,IACdA,EAAE,WAAW,IACfY;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,gCAAgC;AAAA,MACxC,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,kBAAkB;AAAA,MAC1B,aACE,iBAAiBS,KAAgBA,EAAa,cAC1CL,EAAe,WAAWK,EAAa,WAAW,CAAC,IACnDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,iBAAiB;AAAA,MACzB,aACE,gBAAgBS,KAAgBA,EAAa,aACzCL,EAAe,WAAWK,EAAa,UAAU,CAAC,IAClDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,uBAAuB;AAAA,MAC/B,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,EACR,IAEF,CAAA;AAEJ,SACE,gBAAAlB,EAACoB,GAAA,EAAW,OAAOR,EAAQ,cAAc,QACvC,UAAA,gBAAAZ;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAN,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASQ,GAAY,YAAYF,GACrE,UAAAR,EAAE,cAAc,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACe,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAP,IACC,gBAAAd,EAACsB,GAAA,CAAA,CAAQ,IACPP,IACF,gBAAAf,EAACQ,EAAW,iBAAX,EAA2B,OAAAW,GAAc,IACxC,KAAA,CACN;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"FederalTaxesCard.js","sources":["../../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useFederalTaxesSummary } from '../../shared/useFederalTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\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 type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link FederalTaxesCard}.\n *\n * @public\n */\nexport interface FederalTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link FederalTaxesCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone \"Federal taxes\" card. Owns its own data fetch via\n * `useFederalTaxesSummary` and emits\n * `EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED` when the Edit\n * button is clicked. The card has no alert API — alert rendering (when\n * introduced) is the orchestrator's responsibility.\n *\n * @public\n */\nexport function FederalTaxesCard(props: FederalTaxesCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      LoaderComponent={props.LoaderComponent}\n    >\n      <FederalTaxesCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesCardContent({ employeeId, onEvent, LoaderComponent }: FederalTaxesCardProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useFederalTaxesSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const federalTaxes = summary.isLoading ? undefined : summary.data.employeeFederalTax\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED, { employeeId })\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const items = federalTaxes\n    ? [\n        {\n          term: t('card.filingStatus'),\n          description: federalTaxes.filingStatus || emptyPlaceholder,\n        },\n        {\n          term: t('card.multipleJobs'),\n          description:\n            'twoJobs' in federalTaxes && federalTaxes.twoJobs !== null\n              ? federalTaxes.twoJobs\n                ? t('common.yes')\n                : t('common.no')\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.dependentsAndOtherCredits'),\n          description:\n            'dependentsAmount' in federalTaxes && federalTaxes.dependentsAmount\n              ? formatCurrency(parseFloat(federalTaxes.dependentsAmount))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.otherIncome'),\n          description:\n            'otherIncome' in federalTaxes && federalTaxes.otherIncome\n              ? formatCurrency(parseFloat(federalTaxes.otherIncome))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.deductions'),\n          description:\n            'deductions' in federalTaxes && federalTaxes.deductions\n              ? formatCurrency(parseFloat(federalTaxes.deductions))\n              : emptyPlaceholder,\n        },\n        {\n          term: t('card.extraWithholding'),\n          description:\n            'extraWithholding' in federalTaxes && federalTaxes.extraWithholding\n              ? formatCurrency(parseFloat(federalTaxes.extraWithholding))\n              : emptyPlaceholder,\n        },\n      ]\n    : []\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('card.editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : federalTaxes ? (\n            <Components.DescriptionList items={items} />\n          ) : null}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["FederalTaxesCard","props","jsx","BaseBoundaries","FederalTaxesCardContent","employeeId","onEvent","LoaderComponent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useFederalTaxesSummary","isLoading","federalTaxes","handleEdit","componentEvents","emptyPlaceholder","items","BaseLayout","Flex","Loading"],"mappings":";;;;;;;;;;AAmCO,SAASA,EAAiBC,GAA8B;AAC7D,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAiBF,EAAM;AAAA,MAEvB,UAAA,gBAAAC,EAACE,GAAA,EAAyB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG1C;AAEA,SAASG,EAAwB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAA0C;AAChG,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAE9CC,IAAUC,EAAuB,EAAE,YAAAX,GAAY,GAE/CY,IAAYF,EAAQ,WACpBG,IAAeH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAE5DI,IAAa,MAAM;AACvB,IAAAb,EAAQc,EAAgB,uDAAuD,EAAE,YAAAf,EAAA,CAAY;AAAA,EAC/F,GAEMgB,IAAmB,gBAAAnB,EAAC,QAAA,EAAK,cAAYO,EAAE,2BAA2B,GAAG,UAAA,KAAC,GAEtEa,IAAQJ,IACV;AAAA,IACE;AAAA,MACE,MAAMT,EAAE,mBAAmB;AAAA,MAC3B,aAAaS,EAAa,gBAAgBG;AAAA,IAAA;AAAA,IAE5C;AAAA,MACE,MAAMZ,EAAE,mBAAmB;AAAA,MAC3B,aACE,aAAaS,KAAgBA,EAAa,YAAY,OAClDA,EAAa,UACXT,EAAE,YAAY,IACdA,EAAE,WAAW,IACfY;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,gCAAgC;AAAA,MACxC,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,kBAAkB;AAAA,MAC1B,aACE,iBAAiBS,KAAgBA,EAAa,cAC1CL,EAAe,WAAWK,EAAa,WAAW,CAAC,IACnDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,iBAAiB;AAAA,MACzB,aACE,gBAAgBS,KAAgBA,EAAa,aACzCL,EAAe,WAAWK,EAAa,UAAU,CAAC,IAClDG;AAAA,IAAA;AAAA,IAER;AAAA,MACE,MAAMZ,EAAE,uBAAuB;AAAA,MAC/B,aACE,sBAAsBS,KAAgBA,EAAa,mBAC/CL,EAAe,WAAWK,EAAa,gBAAgB,CAAC,IACxDG;AAAA,IAAA;AAAA,EACR,IAEF,CAAA;AAEJ,2BACGE,GAAA,EAAW,OAAOR,EAAQ,cAAc,QAAQ,iBAAAR,GAC/C,UAAA,gBAAAL;AAAA,IAACS,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAT;AAAA,QAACS,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,YAAY;AAAA,UACrB,QACE,gBAAAP,EAACS,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASQ,GAAY,YAAYF,GACrE,UAAAR,EAAE,cAAc,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACe,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAP,IACC,gBAAAf,EAACuB,GAAA,CAAA,CAAQ,IACPP,IACF,gBAAAhB,EAACS,EAAW,iBAAX,EAA2B,OAAAW,GAAc,IACxC,KAAA,CACN;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/FederalTaxes/management/FederalTaxesComponents.js

@@ -1,31 +1,45 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
-import { FederalTaxesEditForm as p } from "./FederalTaxesEditForm.js";
+import { FederalTaxesEditForm as d } from "./FederalTaxesEditForm.js";
 import { Flex as u } from "../../../Common/Flex/Flex.js";
 import { useFlow as n } from "../../../Flow/useFlow.js";
 import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
-import { componentEvents as d } from "../../../../shared/constants.js";
-import { FederalTaxesCard as c } from "./FederalTaxesCard/FederalTaxesCard.js";
+import { componentEvents as c } from "../../../../shared/constants.js";
+import { FederalTaxesCard as x } from "./FederalTaxesCard/FederalTaxesCard.js";
 function M() {
-  const { employeeId: o, onEvent: e, successAlert: r } = n(), { t: s } = i("Employee.Management.FederalTaxes"), l = E();
-  return /* @__PURE__ */ a(u, { flexDirection: "column", gap: 16, children: [
-    r ? /* @__PURE__ */ t(
-      l.Alert,
+  const { employeeId: t, onEvent: e, successAlert: o, LoaderComponent: s } = n(), { t: l } = i("Employee.Management.FederalTaxes"), a = E();
+  return /* @__PURE__ */ p(u, { flexDirection: "column", gap: 16, children: [
+    o ? /* @__PURE__ */ r(
+      a.Alert,
       {
         status: "success",
-        label: s(`alerts.${r}`),
+        label: l(`alerts.${o}`),
         onDismiss: () => {
-          e(d.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_ALERT_DISMISSED, null);
+          e(c.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_ALERT_DISMISSED, null);
         }
       }
     ) : null,
-    /* @__PURE__ */ t(c, { employeeId: m(o), onEvent: e })
+    /* @__PURE__ */ r(
+      x,
+      {
+        employeeId: m(t),
+        onEvent: e,
+        LoaderComponent: s
+      }
+    )
   ] });
 }
 function _() {
-  const { employeeId: o, onEvent: e } = n();
-  return /* @__PURE__ */ t(p, { employeeId: m(o), onEvent: e });
+  const { employeeId: t, onEvent: e, LoaderComponent: o } = n();
+  return /* @__PURE__ */ r(
+    d,
+    {
+      employeeId: m(t),
+      onEvent: e,
+      LoaderComponent: o
+    }
+  );
 }
 export {
   M as FederalTaxesCardContextual,

package/dist/components/Employee/FederalTaxes/management/FederalTaxesComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesComponents.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesCard } from './FederalTaxesCard'\nimport { FederalTaxesEditForm } from './FederalTaxesEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\ntype FederalTaxesSuccessAlertCode = 'federalTaxesUpdated'\n\n/** @internal */\nexport interface FederalTaxesContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: FederalTaxesSuccessAlertCode | null\n}\n\n/** @internal */\nexport function FederalTaxesCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<FederalTaxesContextInterface>()\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <FederalTaxesCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function FederalTaxesEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<FederalTaxesContextInterface>()\n  return <FederalTaxesEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["FederalTaxesCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","FederalTaxesCard","ensureRequired","FederalTaxesEditFormContextual","FederalTaxesEditForm"],"mappings":";;;;;;;;;AAkBO,SAASA,IAA6B;AAC3C,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,mDAAmD,IAAI;AAAA,QACjF;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAiB,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC9E;AAEJ;AAGO,SAASa,IAAiC;AAC/C,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQY,GAAA,EAAqB,YAAYF,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AACzF;"}
+{"version":3,"file":"FederalTaxesComponents.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesCard } from './FederalTaxesCard'\nimport { FederalTaxesEditForm } from './FederalTaxesEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\ntype FederalTaxesSuccessAlertCode = 'federalTaxesUpdated'\n\n/** @internal */\nexport interface FederalTaxesContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: FederalTaxesSuccessAlertCode | null\n}\n\n/** @internal */\nexport function FederalTaxesCardContextual() {\n  const { employeeId, onEvent, successAlert, LoaderComponent } =\n    useFlow<FederalTaxesContextInterface>()\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <FederalTaxesCard\n        employeeId={ensureRequired(employeeId)}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function FederalTaxesEditFormContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<FederalTaxesContextInterface>()\n  return (\n    <FederalTaxesEditForm\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["FederalTaxesCardContextual","employeeId","onEvent","successAlert","LoaderComponent","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","FederalTaxesCard","ensureRequired","FederalTaxesEditFormContextual","FederalTaxesEditForm"],"mappings":";;;;;;;;;AAkBO,SAASA,IAA6B;AAC3C,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,GAAc,iBAAAC,EAAA,IACzCC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQW,EAAgB,mDAAmD,IAAI;AAAA,QACjF;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,YAAYC,EAAed,CAAU;AAAA,QACrC,SAAAC;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAGO,SAASY,IAAiC;AAC/C,QAAM,EAAE,YAAAf,GAAY,SAAAC,GAAS,iBAAAE,EAAA,IAAoBC,EAAA;AACjD,SACE,gBAAAO;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,YAAYF,EAAed,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/FederalTaxes/management/FederalTaxesEditForm.d.ts

@@ -28,4 +28,4 @@ export interface FederalTaxesEditFormProps extends BaseComponentInterface<'Emplo
  * @public
  * @group Block components
  */
-export declare function FederalTaxesEditForm({ FallbackComponent, ...props }: FederalTaxesEditFormProps): import("react").JSX.Element;
+export declare function FederalTaxesEditForm({ FallbackComponent, LoaderComponent, ...props }: FederalTaxesEditFormProps): import("react").JSX.Element;