@gusto/embedded-react-sdk 0.55.6 → 0.55.8

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  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;"}
+{"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  className,\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        className={className}\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","className","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;AAAA,EACA,WAAAC;AACF,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBL,CAAU;AAE1D,QAAMM,IAAeC,EAAgB;AAAA,IACnC,WAAAT;AAAA,EAAA,CACD;AAED,MAAIQ,EAAa;AACf,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAa,cAAc;AAAA,QAClC,iBAAAJ;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMQ,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAf,EAAQc,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAhB,EAAQc,EAAgB,wBAAwB;AAAA,EAClD;AAEA,2BACGJ,GAAA,EAAW,OAAOH,EAAa,cAAc,QAAQ,iBAAAJ,GACpD,UAAA,gBAAAM;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,GAC9CZ,EAAQc,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMC,IAAmB,MAAMN,EAAa,QAAQ,uBAAuBK,CAAU;AACrF,QAAKC,KACLb,EAAQc,EAAgB,oCAAoCD,CAAgB;AAAA,MAC9E;AAAA,MACA,UAAU,OAAOD,MAAuB;AACtC,cAAMC,IAAmB,MAAMN,EAAa,QAAQ,SAASK,CAAU;AACvE,QAAKC,MACLb,EAAQc,EAAgB,oCAAoCD,CAAgB,GAC5Eb,EAAQc,EAAgB,iBAAiB;AAAA,UACvC,YAAAF;AAAA,UACA,kBAAkBC,EAAiB;AAAA,QAAA,CACpC;AAAA,MACH;AAAA,MACA,eAAeE;AAAA,MACf,QAAQC;AAAA,MACR,oBAAAd;AAAA,MACA,WAAAE;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAiBO,SAASc,EAAa,EAAE,mBAAAC,GAAmB,iBAAAhB,GAAiB,GAAGiB,KAA4B;AAChG,SACE,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAhB;AAAA,MAEA,UAAA,gBAAAM,EAACX,GAAA,EAAiB,iBAAAK,GAAmC,GAAGiB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGrE;"}

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

@@ -1,19 +1,19 @@
-import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { useTranslation as S } from "react-i18next";
+import { jsx as e, jsxs as r, Fragment as A } from "react/jsx-runtime";
+import { useState as S } from "react";
+import { useTranslation as T } from "react-i18next";
 import { Flex as f } from "../../../Common/Flex/Flex.js";
-import { EmptyData as T } from "../../../Common/EmptyData/EmptyData.js";
+import { EmptyData as x } from "../../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as p } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { HamburgerMenu as x } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { EmployeeOnboardingStatusBadge as P } from "../../../Common/OnboardingStatusBadge/index.js";
+import { HamburgerMenu as E } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as P } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmployeeOnboardingStatusBadge as j } from "../../../Common/OnboardingStatusBadge/index.js";
 import s from "../../../../assets/icons/pencil.svg.js";
-import j from "../../../../assets/icons/trashcan.svg.js";
-import { firstLastName as B } from "../../../../helpers/formattedStrings.js";
+import B from "../../../../assets/icons/trashcan.svg.js";
+import { firstLastName as V } from "../../../../helpers/formattedStrings.js";
 import g from "../../../../assets/icons/plus-circle.svg.js";
-import { useDataView as V } from "../../../Common/DataView/useDataView.js";
-import { DataView as _ } from "../../../Common/DataView/DataView.js";
-function X({
+import { useDataView as _ } from "../../../Common/DataView/useDataView.js";
+import { DataView as N } from "../../../Common/DataView/DataView.js";
+function Y({
   employees: o,
   isFetching: h,
   pagination: C,
@@ -24,15 +24,16 @@ function X({
   onReview: L,
   onAddEmployee: d,
   onSkip: m,
-  showContinueButton: u
+  showContinueButton: u,
+  className: k
 }) {
-  const { t } = S("Employee.EmployeeList"), n = E(), [l, c] = A(null), { ...k } = V({
+  const { t } = T("Employee.EmployeeList"), n = P(), [l, c] = S(null), { ...w } = _({
     data: o,
     columns: [
       {
         key: "name",
         title: t("nameLabel"),
-        render: (i) => B({
+        render: (i) => V({
           first_name: i.firstName,
           last_name: i.lastName
         })
@@ -41,7 +42,7 @@ function X({
         key: "status",
         title: t("statusLabel"),
         render: (i) => /* @__PURE__ */ e(
-          P,
+          j,
           {
             onboarded: i.onboarded,
             onboardingStatus: i.onboardingStatus
@@ -74,18 +75,18 @@ function X({
         onClick: () => {
           c(i.uuid);
         },
-        icon: /* @__PURE__ */ e(j, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ e(x, { items: a, triggerLabel: t("hamburgerTitle") });
+        icon: /* @__PURE__ */ e(B, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ e(E, { items: a, triggerLabel: t("hamburgerTitle") });
     },
     isFetching: h,
     pagination: C,
-    emptyState: () => /* @__PURE__ */ e(T, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ r(p, { justifyContent: "center", children: [
+    emptyState: () => /* @__PURE__ */ e(x, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ r(p, { justifyContent: "center", children: [
       u && /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: m, children: t("skipCta") }),
       /* @__PURE__ */ e(n.Button, { variant: "primary", onClick: d, icon: /* @__PURE__ */ e(g, {}), children: t("addEmployeeCta") })
     ] }) })
   });
-  return /* @__PURE__ */ r(w, { children: [
-    /* @__PURE__ */ r(f, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ r(A, { children: [
+    /* @__PURE__ */ e("section", { className: k, children: /* @__PURE__ */ r(f, { flexDirection: "column", gap: 24, children: [
       /* @__PURE__ */ r(f, { justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("title") }),
         o.length > 0 && /* @__PURE__ */ e(
@@ -98,9 +99,9 @@ function X({
           }
         )
       ] }),
-      /* @__PURE__ */ e(_, { label: t("employeeListLabel"), ...k }),
+      /* @__PURE__ */ e(N, { label: t("employeeListLabel"), ...w }),
       u && o.length > 0 && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(n.Button, { onClick: m, children: t("continueCta") }) })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ e(
       n.Dialog,
       {
@@ -126,6 +127,6 @@ function X({
   ] });
 }
 export {
-  X as EmployeeListView
+  Y as EmployeeListView
 };
 //# sourceMappingURL=EmployeeListView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView, Flex } from '@/components/Common'\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 PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\n/** @internal */\nexport interface EmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  onEdit: (employeeId: string, onboardingStatus?: OnboardingStatus) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  onReview: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n  onSkip: () => void\n  showContinueButton: boolean\n}\n\n/** @internal */\nexport function EmployeeListView({\n  employees,\n  isFetching,\n  pagination,\n  status,\n  onEdit,\n  onDelete,\n  onCancelSelfOnboarding,\n  onReview,\n  onAddEmployee,\n  onSkip,\n  showContinueButton,\n}: EmployeeListViewProps) {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\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        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    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, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('cancel_self_onboarding')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: () => {\n            void onCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('review')) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void onReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          {showContinueButton && (\n            <Components.Button variant=\"secondary\" onClick={onSkip}>\n              {t('skipCta')}\n            </Components.Button>\n          )}\n          <Components.Button variant=\"primary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n\n          {employees.length > 0 && (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={onAddEmployee}\n              icon={<PlusCircleIcon />}\n            >\n              {t('addAnotherCta')}\n            </Components.Button>\n          )}\n        </Flex>\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n\n        {showContinueButton && employees.length > 0 && (\n          <ActionsLayout>\n            <Components.Button onClick={onSkip}>{t('continueCta')}</Components.Button>\n          </ActionsLayout>\n        )}\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":["EmployeeListView","employees","isFetching","pagination","status","onEdit","onDelete","onCancelSelfOnboarding","onReview","onAddEmployee","onSkip","showContinueButton","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","dataViewProps","useDataView","employee","firstLastName","jsx","EmployeeOnboardingStatusBadge","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","PlusCircleIcon","Fragment","Flex","DataView"],"mappings":";;;;;;;;;;;;;;;AA8BO,SAASA,EAAiB;AAAA,EAC/B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,oBAAAC;AACF,GAA0B;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GACb,CAACC,GAAkBC,CAAmB,IAAIC,EAAwB,IAAI,GAEtE,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMlB;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,WAAW;AAAA,QACpB,QAAQ,CAACmB,MACAC,EAAc;AAAA,UACnB,YAAYD,EAAS;AAAA,UACrB,WAAWA,EAAS;AAAA,QAAA,CACrB;AAAA,MACH;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,aAAa;AAAA,QACtB,QAAQ,CAACA,MACP,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWH,EAAS;AAAA,YACpB,kBAAkBA,EAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7B;AAAA,IAEJ;AAAA,IAEF,UAAU,CAAAA,MAAY;AACpB,YAAMI,IAAY,CAAA;AAElB,aAAIJ,EAAS,eAAe,SAAS,MAAM,KACzCI,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,SAAS;AAAA,QAClB,SAAS,MAAM;AACb,UAAAnB,EAAOe,EAAS,MAAMA,EAAS,oBAAoB,MAAS;AAAA,QAC9D;AAAA,QACA,MAAM,gBAAAE,EAACG,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,MAAA,CAC9B,GAGCL,EAAS,eAAe,SAAS,wBAAwB,KAC3DI,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,yBAAyB;AAAA,QAClC,SAAS,MAAM;AACb,UAAKjB,EAAuBa,EAAS,IAAI;AAAA,QAC3C;AAAA,QACA,MAAM,gBAAAE,EAACG,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,MAAA,CAC9B,GAGCL,EAAS,eAAe,SAAS,QAAQ,KAC3CI,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,WAAW;AAAA,QACpB,SAAS,MAAM;AACb,UAAKhB,EAASY,EAAS,IAAI;AAAA,QAC7B;AAAA,QACA,MAAM,gBAAAE,EAACG,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,MAAA,CAC9B,GAGCL,EAAS,eAAe,SAAS,QAAQ,KAC3CI,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,WAAW;AAAA,QACpB,SAAS,MAAM;AACb,UAAAR,EAAoBI,EAAS,IAAI;AAAA,QACnC;AAAA,QACA,MAAM,gBAAAE,EAACI,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,MAAA,CAChC,qBAGKC,GAAA,EAAc,OAAOH,GAAW,cAAc,EAAE,gBAAgB,GAAG;AAAA,IAC7E;AAAA,IACA,YAAAtB;AAAA,IACA,YAAAC;AAAA,IACA,YAAY,MACV,gBAAAmB,EAACM,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,GAC5E,UAAA,gBAAAC,EAACC,GAAA,EAAc,gBAAe,UAC3B,UAAA;AAAA,MAAAnB,KACC,gBAAAW,EAACT,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,MAEF,gBAAAY,EAACT,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASJ,GAAe,MAAM,gBAAAa,EAACS,GAAA,CAAA,CAAe,GAChF,UAAA,EAAE,gBAAgB,EAAA,CACrB;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,CAEH;AAED,SACE,gBAAAF,EAAAG,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAJ,EAACI,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,QAAA,gBAAAX,EAACT,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,QAEvCZ,EAAU,SAAS,KAClB,gBAAAqB;AAAA,UAACT,EAAW;AAAA,UAAX;AAAA,YACC,SAAQ;AAAA,YACR,SAASJ;AAAA,YACT,wBAAOsB,GAAA,EAAe;AAAA,YAErB,YAAE,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACpB,GAEJ;AAAA,wBAECG,GAAA,EAAS,OAAO,EAAE,mBAAmB,GAAI,GAAGhB,GAAe;AAAA,MAE3DP,KAAsBV,EAAU,SAAS,uBACvC6B,GAAA,EACC,UAAA,gBAAAR,EAACT,EAAW,QAAX,EAAkB,SAASH,GAAS,UAAA,EAAE,aAAa,GAAE,EAAA,CACxD;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAY;AAAA,MAACT,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,oBAAMT,EAASS,CAAgB,GAC/BC,EAAoB,IAAI;AAAA,YAC1B,QAAQ;AAAA,YAER;AAAA,QAEJ;AAAA,QACA,wBAAwBZ,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":"EmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView, Flex } from '@/components/Common'\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 PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\n/** @internal */\nexport interface EmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  onEdit: (employeeId: string, onboardingStatus?: OnboardingStatus) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  onReview: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n  onSkip: () => void\n  showContinueButton: boolean\n  /** CSS class name applied to the root element. */\n  className?: string\n}\n\n/** @internal */\nexport function EmployeeListView({\n  employees,\n  isFetching,\n  pagination,\n  status,\n  onEdit,\n  onDelete,\n  onCancelSelfOnboarding,\n  onReview,\n  onAddEmployee,\n  onSkip,\n  showContinueButton,\n  className,\n}: EmployeeListViewProps) {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\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        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    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, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('cancel_self_onboarding')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: () => {\n            void onCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('review')) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void onReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          {showContinueButton && (\n            <Components.Button variant=\"secondary\" onClick={onSkip}>\n              {t('skipCta')}\n            </Components.Button>\n          )}\n          <Components.Button variant=\"primary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <>\n      <section className={className}>\n        <Flex flexDirection=\"column\" gap={24}>\n          <Flex justifyContent=\"space-between\" alignItems=\"center\">\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n\n            {employees.length > 0 && (\n              <Components.Button\n                variant=\"secondary\"\n                onClick={onAddEmployee}\n                icon={<PlusCircleIcon />}\n              >\n                {t('addAnotherCta')}\n              </Components.Button>\n            )}\n          </Flex>\n\n          <DataView label={t('employeeListLabel')} {...dataViewProps} />\n\n          {showContinueButton && employees.length > 0 && (\n            <ActionsLayout>\n              <Components.Button onClick={onSkip}>{t('continueCta')}</Components.Button>\n            </ActionsLayout>\n          )}\n        </Flex>\n      </section>\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":["EmployeeListView","employees","isFetching","pagination","status","onEdit","onDelete","onCancelSelfOnboarding","onReview","onAddEmployee","onSkip","showContinueButton","className","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","dataViewProps","useDataView","employee","firstLastName","jsx","EmployeeOnboardingStatusBadge","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","PlusCircleIcon","Fragment","Flex","DataView"],"mappings":"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"}

package/dist/components/Employee/EmployeeList/shared/useEmployeeList.js

@@ -25,7 +25,7 @@ function J({
       case "active":
         return { ...t, onboardedActive: !0 };
       case "onboarding":
-        return { ...t, onboarded: !1 };
+        return { ...t, onboardedActive: !1 };
       case "terminated":
         return { ...t, terminated: !0 };
       default:

package/dist/components/Employee/EmployeeList/shared/useEmployeeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/shared/useEmployeeList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { EmployeeOnboardingStatus as EmployeeOnboardingStatusEntity } from '@gusto/embedded-api/models/components/employeeonboardingstatus'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\n\n/**\n * Action that may be performed on an employee row, determined by the employee's onboarding state\n * and the `employeeType` filter passed to {@link useEmployeeList}.\n *\n * @public\n */\nexport type EmployeeAction =\n  'edit' | 'delete' | 'cancel_self_onboarding' | 'review' | 'dismiss' | 'rehire'\n\n/**\n * An employee entity extended with the actions permitted on it and a reference to its primary job.\n *\n * @public\n */\nexport interface EmployeeWithActions extends Employee {\n  /** Actions permitted for this employee given its onboarding status and the active filter. */\n  allowedActions: EmployeeAction[]\n  /** The employee's primary job, if one is marked primary. */\n  primaryJob?: Job\n}\n\n/**\n * Filter applied to {@link useEmployeeList} that scopes the result set and tailors the per-row action list.\n *\n * @public\n */\nexport type EmployeeType = 'active' | 'onboarding' | 'terminated'\n\n/**\n * Props for {@link useEmployeeList}.\n *\n * @public\n */\nexport interface UseEmployeeListProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** Filters the list and tailors the allowed actions. Omit to list all employees. */\n  employeeType?: EmployeeType\n}\n\n/**\n * Ready state of {@link useEmployeeList}.\n *\n * @public\n */\nexport interface UseEmployeeListReady extends BaseHookReady<\n  { employees: EmployeeWithActions[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  /** Pagination controls for the current employee list page. */\n  pagination: PaginationControlProps\n  /** Actions that mutate an employee's state, gated by the entry's `allowedActions`. */\n  actions: {\n    /** Deletes the employee. */\n    onDelete: (employeeId: string) => Promise<void>\n    /** Moves the employee into the admin-review onboarding status. Resolves to the updated record, or `undefined` if the call failed. */\n    onReview: (employeeId: string) => Promise<EmployeeOnboardingStatusEntity | undefined>\n    /** Reverts a self-onboarding employee to admin-driven onboarding. Resolves to the updated record, or `undefined` if the call failed. */\n    onCancelSelfOnboarding: (\n      employeeId: string,\n    ) => Promise<EmployeeOnboardingStatusEntity | undefined>\n  }\n}\n\n/**\n * Return type of {@link useEmployeeList}.\n *\n * @public\n */\nexport type UseEmployeeListResult = HookLoadingResult | UseEmployeeListReady\n\nfunction deriveAllowedActions(employee: Employee, employeeType?: EmployeeType): EmployeeAction[] {\n  const actions: EmployeeAction[] = []\n\n  // Edit action - available for certain onboarding statuses, but not for terminated employees\n  if (\n    employeeType !== 'terminated' &&\n    (employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE ||\n      employee.onboardingStatus ===\n        EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED)\n  ) {\n    actions.push('edit')\n  }\n\n  // Cancel self onboarding - available for employees in self-onboarding flow\n  if (employee.onboardingStatus && EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus)) {\n    actions.push('cancel_self_onboarding')\n  }\n\n  // Review action - available when employee completed self-onboarding\n  if (\n    employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n  ) {\n    actions.push('review')\n  }\n\n  // Delete action - available for non-onboarded employees\n  if (!employee.onboarded) {\n    actions.push('delete')\n  }\n\n  // Tab-specific actions for ManagementEmployeeList\n  if (employeeType === 'active') {\n    actions.push('dismiss')\n  }\n\n  if (employeeType === 'terminated') {\n    actions.push('rehire')\n  }\n\n  return actions\n}\n\n/**\n * Fetches a paginated list of a company's employees and decorates each entry with the actions\n * allowed for its current onboarding state.\n *\n * @remarks\n * `employeeType` maps to a server-side filter and changes which actions appear on each row:\n * `'active'` adds `dismiss`, `'terminated'` adds `rehire`, `'onboarding'` adds none. Omit it\n * to list every employee.\n *\n * Page changes use placeholder data: the previous page stays rendered while the next one loads,\n * and `status.isFetching` flips to `true` during the request.\n *\n * @param input - Company and optional filter for the list.\n * @returns A {@link HookLoadingResult} while the first page is in flight, or a {@link UseEmployeeListReady} once data has arrived.\n * @public\n *\n * @example\n * ```tsx\n * import { useEmployeeList } from '@gusto/embedded-react-sdk'\n *\n * function EmployeeListPage({ companyId }: { companyId: string }) {\n *   const employeeList = useEmployeeList({ companyId, employeeType: 'onboarding' })\n *\n *   if (employeeList.isLoading) return <div>Loading...</div>\n *\n *   return (\n *     <ul>\n *       {employeeList.data.employees.map(employee => (\n *         <li key={employee.uuid}>\n *           {employee.firstName} {employee.lastName}\n *           {employee.allowedActions.includes('delete') && (\n *             <button onClick={() => employeeList.actions.onDelete(employee.uuid)}>Delete</button>\n *           )}\n *         </li>\n *       ))}\n *     </ul>\n *   )\n * }\n * ```\n */\nexport function useEmployeeList({\n  companyId,\n  employeeType,\n}: UseEmployeeListProps): UseEmployeeListResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    }\n\n    switch (employeeType) {\n      case 'active':\n        return { ...baseParams, onboardedActive: true }\n      case 'onboarding':\n        return { ...baseParams, onboarded: false }\n      case 'terminated':\n        return { ...baseParams, terminated: true }\n      default:\n        return baseParams\n    }\n  }, [companyId, currentPage, itemsPerPage, employeeType])\n\n  const employeesQuery = useEmployeesList(queryParams, { placeholderData: keepPreviousData })\n\n  const deleteEmployeeMutation = useEmployeesDeleteMutation()\n  const updateOnboardingStatusMutation = useEmployeesUpdateOnboardingStatusMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('EmployeeList')\n\n  const errorHandling = composeErrorHandler([employeesQuery], { submitError, setSubmitError })\n\n  const isPending = deleteEmployeeMutation.isPending || updateOnboardingStatusMutation.isPending\n\n  const { data, isFetching } = employeesQuery\n\n  const employees = useMemo<EmployeeWithActions[]>(() => {\n    return (data?.showEmployees ?? []).map(employee => {\n      const primaryJob = employee.jobs?.find(job => job.primary === true)\n\n      return {\n        ...employee,\n        allowedActions: deriveAllowedActions(employee, employeeType),\n        primaryJob,\n      }\n    })\n  }, [data?.showEmployees, employeeType])\n\n  const paginationProps = data?.httpMeta.response.headers\n    ? getPaginationProps(data.httpMeta.response.headers, isFetching)\n    : {\n        handleNextPage: () => {},\n        handleFirstPage: () => {},\n        handleLastPage: () => {},\n        handlePreviousPage: () => {},\n        handleItemsPerPageChange: () => {},\n        currentPage: 1,\n        totalPages: 1,\n        totalCount: 0,\n        itemsPerPage: 5 as const,\n      }\n\n  const onDelete = async (employeeId: string): Promise<void> => {\n    await baseSubmitHandler(employeeId, async id => {\n      await deleteEmployeeMutation.mutateAsync({\n        request: { employeeId: id },\n      })\n    })\n  }\n\n  const onReview = async (\n    employeeId: string,\n  ): Promise<EmployeeOnboardingStatusEntity | undefined> => {\n    let onboardingStatus: EmployeeOnboardingStatusEntity | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          employeeId: id,\n          requestBody: {\n            onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n          },\n        },\n      })\n\n      onboardingStatus = result.employeeOnboardingStatus\n    })\n\n    return onboardingStatus\n  }\n\n  const onCancelSelfOnboarding = async (\n    employeeId: string,\n  ): Promise<EmployeeOnboardingStatusEntity | undefined> => {\n    let onboardingStatus: EmployeeOnboardingStatusEntity | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          employeeId: id,\n          requestBody: {\n            onboardingStatus: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n          },\n        },\n      })\n\n      onboardingStatus = result.employeeOnboardingStatus\n    })\n\n    return onboardingStatus\n  }\n\n  const isLoading = !data && isFetching\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: {\n      employees,\n    },\n    pagination: paginationProps,\n    status: { isFetching, isPending },\n    actions: { onDelete, onReview, onCancelSelfOnboarding },\n    errorHandling,\n  }\n}\n"],"names":["deriveAllowedActions","employee","employeeType","actions","EmployeeOnboardingStatus","EmployeeSelfOnboardingStatuses","useEmployeeList","companyId","currentPage","itemsPerPage","getPaginationProps","usePagination","queryParams","useMemo","baseParams","employeesQuery","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","data","isFetching","employees","primaryJob","job","paginationProps","onDelete","employeeId","id","onReview","onboardingStatus","onCancelSelfOnboarding"],"mappings":"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"}
+{"version":3,"file":"useEmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/shared/useEmployeeList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { EmployeeOnboardingStatus as EmployeeOnboardingStatusEntity } from '@gusto/embedded-api/models/components/employeeonboardingstatus'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\n\n/**\n * Action that may be performed on an employee row, determined by the employee's onboarding state\n * and the `employeeType` filter passed to {@link useEmployeeList}.\n *\n * @public\n */\nexport type EmployeeAction =\n  'edit' | 'delete' | 'cancel_self_onboarding' | 'review' | 'dismiss' | 'rehire'\n\n/**\n * An employee entity extended with the actions permitted on it and a reference to its primary job.\n *\n * @public\n */\nexport interface EmployeeWithActions extends Employee {\n  /** Actions permitted for this employee given its onboarding status and the active filter. */\n  allowedActions: EmployeeAction[]\n  /** The employee's primary job, if one is marked primary. */\n  primaryJob?: Job\n}\n\n/**\n * Filter applied to {@link useEmployeeList} that scopes the result set and tailors the per-row action list.\n *\n * @public\n */\nexport type EmployeeType = 'active' | 'onboarding' | 'terminated'\n\n/**\n * Props for {@link useEmployeeList}.\n *\n * @public\n */\nexport interface UseEmployeeListProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** Filters the list and tailors the allowed actions. Omit to list all employees. */\n  employeeType?: EmployeeType\n}\n\n/**\n * Ready state of {@link useEmployeeList}.\n *\n * @public\n */\nexport interface UseEmployeeListReady extends BaseHookReady<\n  { employees: EmployeeWithActions[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  /** Pagination controls for the current employee list page. */\n  pagination: PaginationControlProps\n  /** Actions that mutate an employee's state, gated by the entry's `allowedActions`. */\n  actions: {\n    /** Deletes the employee. */\n    onDelete: (employeeId: string) => Promise<void>\n    /** Moves the employee into the admin-review onboarding status. Resolves to the updated record, or `undefined` if the call failed. */\n    onReview: (employeeId: string) => Promise<EmployeeOnboardingStatusEntity | undefined>\n    /** Reverts a self-onboarding employee to admin-driven onboarding. Resolves to the updated record, or `undefined` if the call failed. */\n    onCancelSelfOnboarding: (\n      employeeId: string,\n    ) => Promise<EmployeeOnboardingStatusEntity | undefined>\n  }\n}\n\n/**\n * Return type of {@link useEmployeeList}.\n *\n * @public\n */\nexport type UseEmployeeListResult = HookLoadingResult | UseEmployeeListReady\n\nfunction deriveAllowedActions(employee: Employee, employeeType?: EmployeeType): EmployeeAction[] {\n  const actions: EmployeeAction[] = []\n\n  // Edit action - available for certain onboarding statuses, but not for terminated employees\n  if (\n    employeeType !== 'terminated' &&\n    (employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE ||\n      employee.onboardingStatus ===\n        EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED)\n  ) {\n    actions.push('edit')\n  }\n\n  // Cancel self onboarding - available for employees in self-onboarding flow\n  if (employee.onboardingStatus && EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus)) {\n    actions.push('cancel_self_onboarding')\n  }\n\n  // Review action - available when employee completed self-onboarding\n  if (\n    employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n  ) {\n    actions.push('review')\n  }\n\n  // Delete action - available for non-onboarded employees\n  if (!employee.onboarded) {\n    actions.push('delete')\n  }\n\n  // Tab-specific actions for ManagementEmployeeList\n  if (employeeType === 'active') {\n    actions.push('dismiss')\n  }\n\n  if (employeeType === 'terminated') {\n    actions.push('rehire')\n  }\n\n  return actions\n}\n\n/**\n * Fetches a paginated list of a company's employees and decorates each entry with the actions\n * allowed for its current onboarding state.\n *\n * @remarks\n * `employeeType` maps to a server-side filter and changes which actions appear on each row:\n * `'active'` adds `dismiss`, `'terminated'` adds `rehire`, `'onboarding'` adds none. Omit it\n * to list every employee.\n *\n * `'onboarding'` includes employees who haven't completed onboarding as well as employees who\n * have completed onboarding but whose primary job's hire date hasn't arrived yet, so `onboarded`\n * may be `true` for rows in this filter.\n *\n * Page changes use placeholder data: the previous page stays rendered while the next one loads,\n * and `status.isFetching` flips to `true` during the request.\n *\n * @param input - Company and optional filter for the list.\n * @returns A {@link HookLoadingResult} while the first page is in flight, or a {@link UseEmployeeListReady} once data has arrived.\n * @public\n *\n * @example\n * ```tsx\n * import { useEmployeeList } from '@gusto/embedded-react-sdk'\n *\n * function EmployeeListPage({ companyId }: { companyId: string }) {\n *   const employeeList = useEmployeeList({ companyId, employeeType: 'onboarding' })\n *\n *   if (employeeList.isLoading) return <div>Loading...</div>\n *\n *   return (\n *     <ul>\n *       {employeeList.data.employees.map(employee => (\n *         <li key={employee.uuid}>\n *           {employee.firstName} {employee.lastName}\n *           {employee.allowedActions.includes('delete') && (\n *             <button onClick={() => employeeList.actions.onDelete(employee.uuid)}>Delete</button>\n *           )}\n *         </li>\n *       ))}\n *     </ul>\n *   )\n * }\n * ```\n */\nexport function useEmployeeList({\n  companyId,\n  employeeType,\n}: UseEmployeeListProps): UseEmployeeListResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    }\n\n    switch (employeeType) {\n      case 'active':\n        return { ...baseParams, onboardedActive: true }\n      case 'onboarding':\n        return { ...baseParams, onboardedActive: false }\n      case 'terminated':\n        return { ...baseParams, terminated: true }\n      default:\n        return baseParams\n    }\n  }, [companyId, currentPage, itemsPerPage, employeeType])\n\n  const employeesQuery = useEmployeesList(queryParams, { placeholderData: keepPreviousData })\n\n  const deleteEmployeeMutation = useEmployeesDeleteMutation()\n  const updateOnboardingStatusMutation = useEmployeesUpdateOnboardingStatusMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('EmployeeList')\n\n  const errorHandling = composeErrorHandler([employeesQuery], { submitError, setSubmitError })\n\n  const isPending = deleteEmployeeMutation.isPending || updateOnboardingStatusMutation.isPending\n\n  const { data, isFetching } = employeesQuery\n\n  const employees = useMemo<EmployeeWithActions[]>(() => {\n    return (data?.showEmployees ?? []).map(employee => {\n      const primaryJob = employee.jobs?.find(job => job.primary === true)\n\n      return {\n        ...employee,\n        allowedActions: deriveAllowedActions(employee, employeeType),\n        primaryJob,\n      }\n    })\n  }, [data?.showEmployees, employeeType])\n\n  const paginationProps = data?.httpMeta.response.headers\n    ? getPaginationProps(data.httpMeta.response.headers, isFetching)\n    : {\n        handleNextPage: () => {},\n        handleFirstPage: () => {},\n        handleLastPage: () => {},\n        handlePreviousPage: () => {},\n        handleItemsPerPageChange: () => {},\n        currentPage: 1,\n        totalPages: 1,\n        totalCount: 0,\n        itemsPerPage: 5 as const,\n      }\n\n  const onDelete = async (employeeId: string): Promise<void> => {\n    await baseSubmitHandler(employeeId, async id => {\n      await deleteEmployeeMutation.mutateAsync({\n        request: { employeeId: id },\n      })\n    })\n  }\n\n  const onReview = async (\n    employeeId: string,\n  ): Promise<EmployeeOnboardingStatusEntity | undefined> => {\n    let onboardingStatus: EmployeeOnboardingStatusEntity | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          employeeId: id,\n          requestBody: {\n            onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n          },\n        },\n      })\n\n      onboardingStatus = result.employeeOnboardingStatus\n    })\n\n    return onboardingStatus\n  }\n\n  const onCancelSelfOnboarding = async (\n    employeeId: string,\n  ): Promise<EmployeeOnboardingStatusEntity | undefined> => {\n    let onboardingStatus: EmployeeOnboardingStatusEntity | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          employeeId: id,\n          requestBody: {\n            onboardingStatus: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n          },\n        },\n      })\n\n      onboardingStatus = result.employeeOnboardingStatus\n    })\n\n    return onboardingStatus\n  }\n\n  const isLoading = !data && isFetching\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: {\n      employees,\n    },\n    pagination: paginationProps,\n    status: { isFetching, isPending },\n    actions: { onDelete, onReview, onCancelSelfOnboarding },\n    errorHandling,\n  }\n}\n"],"names":["deriveAllowedActions","employee","employeeType","actions","EmployeeOnboardingStatus","EmployeeSelfOnboardingStatuses","useEmployeeList","companyId","currentPage","itemsPerPage","getPaginationProps","usePagination","queryParams","useMemo","baseParams","employeesQuery","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","data","isFetching","employees","primaryJob","job","paginationProps","onDelete","employeeId","id","onReview","onboardingStatus","onCancelSelfOnboarding"],"mappings":"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"}

package/dist/components/Employee/HomeAddress/management/HomeAddressEditForm.js

@@ -1,17 +1,18 @@
 import { jsx as s } from "react/jsx-runtime";
-import { HomeAddressView as E } from "./HomeAddressView.js";
-import { useHomeAddressManagement as A, isUseHomeAddressManagementSuccess as H } from "./useHomeAddressManagement.js";
-import { BaseBoundaries as c, BaseLayout as t } from "../../../Base/Base.js";
-import { useI18n as g, useComponentDictionary as l } from "../../../../i18n/I18n.js";
+import { HomeAddressView as A } from "./HomeAddressView.js";
+import { useHomeAddressManagement as H, isUseHomeAddressManagementSuccess as c } from "./useHomeAddressManagement.js";
+import { BaseBoundaries as g, BaseLayout as t } from "../../../Base/Base.js";
+import { useI18n as l, useComponentDictionary as D } from "../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../shared/constants.js";
-function D({
+function M({
   employeeId: d,
   onEvent: r,
   dictionary: o,
-  LoaderComponent: m
+  LoaderComponent: m,
+  className: n
 }) {
-  g("Employee.Management.HomeAddress"), l("Employee.Management.HomeAddress", o);
-  const e = A({ employeeId: d, onEvent: r });
+  l("Employee.Management.HomeAddress"), D("Employee.Management.HomeAddress", o);
+  const e = H({ employeeId: d, onEvent: r });
   if (e.isLoading)
     return /* @__PURE__ */ s(
       t,
@@ -21,13 +22,13 @@ function D({
         LoaderComponent: m
       }
     );
-  if (!H(e))
+  if (!c(e))
     return /* @__PURE__ */ s(t, { error: e.errorHandling.errors, LoaderComponent: m });
-  const n = (a) => {
+  const E = (a) => {
     a.mode === "create" ? r(i.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_CREATED, a.data) : r(i.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_UPDATED, a.data);
   };
   return /* @__PURE__ */ s(t, { error: e.errorHandling.errors, LoaderComponent: m, children: /* @__PURE__ */ s(
-    E,
+    A,
     {
       editHomeAddressForm: e.data.editHomeAddressForm,
       createHomeAddressForm: e.data.createHomeAddressForm,
@@ -35,31 +36,32 @@ function D({
       employeeDisplayName: e.data.employeeDisplayName,
       editingHomeAddressUuid: e.data.editingHomeAddressUuid,
       onEditAddressTargetChange: e.actions.setEditAddressTarget,
-      onSaved: n,
+      onSaved: E,
       onConfirmDelete: e.actions.confirmDeleteHomeAddress,
       onBack: () => {
         r(i.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED);
       },
-      isDeletePending: e.status.isDeletePending
+      isDeletePending: e.status.isDeletePending,
+      className: n
     }
   ) });
 }
-function N({
+function S({
   FallbackComponent: d,
   LoaderComponent: r,
   ...o
 }) {
   return /* @__PURE__ */ s(
-    c,
+    g,
     {
       componentName: "Employee.Management.HomeAddress",
       FallbackComponent: d,
       LoaderComponent: r,
-      children: /* @__PURE__ */ s(D, { LoaderComponent: r, ...o })
+      children: /* @__PURE__ */ s(M, { LoaderComponent: r, ...o })
     }
   );
 }
 export {
-  N as HomeAddressEditForm
+  S as HomeAddressEditForm
 };
 //# sourceMappingURL=HomeAddressEditForm.js.map

package/dist/components/Employee/HomeAddress/management/HomeAddressEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomeAddressEditForm.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressEditForm.tsx"],"sourcesContent":["import type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { HomeAddressView } from './HomeAddressView'\nimport {\n  isUseHomeAddressManagementSuccess,\n  useHomeAddressManagement,\n} from './useHomeAddressManagement'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link HomeAddressEditForm}.\n *\n * @public\n */\nexport interface HomeAddressEditFormProps extends BaseComponentInterface<'Employee.Management.HomeAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction HomeAddressEditFormRoot({\n  employeeId,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: HomeAddressEditFormProps) {\n  useI18n('Employee.Management.HomeAddress')\n  useComponentDictionary('Employee.Management.HomeAddress', dictionary)\n\n  const management = useHomeAddressManagement({ employeeId, onEvent })\n\n  if (management.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={management.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  if (!isUseHomeAddressManagementSuccess(management)) {\n    return <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  const handleSaved = (result: HookSubmitResult<EmployeeAddress>) => {\n    if (result.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_CREATED, result.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_UPDATED, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <HomeAddressView\n        editHomeAddressForm={management.data.editHomeAddressForm}\n        createHomeAddressForm={management.data.createHomeAddressForm}\n        employeeHomeAddresses={management.data.employeeHomeAddresses}\n        employeeDisplayName={management.data.employeeDisplayName}\n        editingHomeAddressUuid={management.data.editingHomeAddressUuid}\n        onEditAddressTargetChange={management.actions.setEditAddressTarget}\n        onSaved={handleSaved}\n        onConfirmDelete={management.actions.confirmDeleteHomeAddress}\n        onBack={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED)\n        }}\n        isDeletePending={management.status.isDeletePending}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Standalone employee home address edit form for creating, updating, and deleting addresses.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/created` | A new home address was created | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/updated` | An existing home address was updated | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/deleted` | A home address was deleted | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/editCancelled` | User backed out of the edit form | — |\n *\n * @public\n */\nexport function HomeAddressEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: HomeAddressEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <HomeAddressEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["HomeAddressEditFormRoot","employeeId","onEvent","dictionary","LoaderComponent","useI18n","useComponentDictionary","management","useHomeAddressManagement","jsx","BaseLayout","isUseHomeAddressManagementSuccess","handleSaved","result","componentEvents","HomeAddressView","HomeAddressEditForm","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAqBA,SAASA,EAAwB;AAAA,EAC/B,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,GAA6B;AAC3B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCH,CAAU;AAEpE,QAAMI,IAAaC,EAAyB,EAAE,YAAAP,GAAY,SAAAC,GAAS;AAEnE,MAAIK,EAAW;AACb,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAW,cAAc;AAAA,QAChC,iBAAAH;AAAA,MAAA;AAAA,IAAA;AAKN,MAAI,CAACO,EAAkCJ,CAAU;AAC/C,6BAAQG,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAH,GAAkC;AAG/F,QAAMQ,IAAc,CAACC,MAA8C;AACjE,IAAIA,EAAO,SAAS,WAClBX,EAAQY,EAAgB,0CAA0CD,EAAO,IAAI,IAE7EX,EAAQY,EAAgB,0CAA0CD,EAAO,IAAI;AAAA,EAEjF;AAEA,2BACGH,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAH,GAClD,UAAA,gBAAAK;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,qBAAqBR,EAAW,KAAK;AAAA,MACrC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,qBAAqBA,EAAW,KAAK;AAAA,MACrC,wBAAwBA,EAAW,KAAK;AAAA,MACxC,2BAA2BA,EAAW,QAAQ;AAAA,MAC9C,SAASK;AAAA,MACT,iBAAiBL,EAAW,QAAQ;AAAA,MACpC,QAAQ,MAAM;AACZ,QAAAL,EAAQY,EAAgB,+CAA+C;AAAA,MACzE;AAAA,MACA,iBAAiBP,EAAW,OAAO;AAAA,IAAA;AAAA,EAAA,GAEvC;AAEJ;AAeO,SAASS,EAAoB;AAAA,EAClC,mBAAAC;AAAA,EACA,iBAAAb;AAAA,EACA,GAAGc;AACL,GAA6B;AAC3B,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAb;AAAA,MAEA,UAAA,gBAAAK,EAACT,GAAA,EAAwB,iBAAAI,GAAmC,GAAGc,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;"}
+{"version":3,"file":"HomeAddressEditForm.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressEditForm.tsx"],"sourcesContent":["import type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { HomeAddressView } from './HomeAddressView'\nimport {\n  isUseHomeAddressManagementSuccess,\n  useHomeAddressManagement,\n} from './useHomeAddressManagement'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link HomeAddressEditForm}.\n *\n * @public\n */\nexport interface HomeAddressEditFormProps extends BaseComponentInterface<'Employee.Management.HomeAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction HomeAddressEditFormRoot({\n  employeeId,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n  className,\n}: HomeAddressEditFormProps) {\n  useI18n('Employee.Management.HomeAddress')\n  useComponentDictionary('Employee.Management.HomeAddress', dictionary)\n\n  const management = useHomeAddressManagement({ employeeId, onEvent })\n\n  if (management.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={management.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  if (!isUseHomeAddressManagementSuccess(management)) {\n    return <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  const handleSaved = (result: HookSubmitResult<EmployeeAddress>) => {\n    if (result.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_CREATED, result.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_UPDATED, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <HomeAddressView\n        editHomeAddressForm={management.data.editHomeAddressForm}\n        createHomeAddressForm={management.data.createHomeAddressForm}\n        employeeHomeAddresses={management.data.employeeHomeAddresses}\n        employeeDisplayName={management.data.employeeDisplayName}\n        editingHomeAddressUuid={management.data.editingHomeAddressUuid}\n        onEditAddressTargetChange={management.actions.setEditAddressTarget}\n        onSaved={handleSaved}\n        onConfirmDelete={management.actions.confirmDeleteHomeAddress}\n        onBack={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED)\n        }}\n        isDeletePending={management.status.isDeletePending}\n        className={className}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Standalone employee home address edit form for creating, updating, and deleting addresses.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/created` | A new home address was created | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/updated` | An existing home address was updated | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/deleted` | A home address was deleted | {@link APIModels.EmployeeAddress} |\n * | `employee/management/homeAddress/editCancelled` | User backed out of the edit form | — |\n *\n * @public\n */\nexport function HomeAddressEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: HomeAddressEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <HomeAddressEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["HomeAddressEditFormRoot","employeeId","onEvent","dictionary","LoaderComponent","className","useI18n","useComponentDictionary","management","useHomeAddressManagement","jsx","BaseLayout","isUseHomeAddressManagementSuccess","handleSaved","result","componentEvents","HomeAddressView","HomeAddressEditForm","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAqBA,SAASA,EAAwB;AAAA,EAC/B,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACF,GAA6B;AAC3B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCJ,CAAU;AAEpE,QAAMK,IAAaC,EAAyB,EAAE,YAAAR,GAAY,SAAAC,GAAS;AAEnE,MAAIM,EAAW;AACb,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAW,cAAc;AAAA,QAChC,iBAAAJ;AAAA,MAAA;AAAA,IAAA;AAKN,MAAI,CAACQ,EAAkCJ,CAAU;AAC/C,6BAAQG,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAJ,GAAkC;AAG/F,QAAMS,IAAc,CAACC,MAA8C;AACjE,IAAIA,EAAO,SAAS,WAClBZ,EAAQa,EAAgB,0CAA0CD,EAAO,IAAI,IAE7EZ,EAAQa,EAAgB,0CAA0CD,EAAO,IAAI;AAAA,EAEjF;AAEA,2BACGH,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAJ,GAClD,UAAA,gBAAAM;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,qBAAqBR,EAAW,KAAK;AAAA,MACrC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,qBAAqBA,EAAW,KAAK;AAAA,MACrC,wBAAwBA,EAAW,KAAK;AAAA,MACxC,2BAA2BA,EAAW,QAAQ;AAAA,MAC9C,SAASK;AAAA,MACT,iBAAiBL,EAAW,QAAQ;AAAA,MACpC,QAAQ,MAAM;AACZ,QAAAN,EAAQa,EAAgB,+CAA+C;AAAA,MACzE;AAAA,MACA,iBAAiBP,EAAW,OAAO;AAAA,MACnC,WAAAH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAeO,SAASY,EAAoB;AAAA,EAClC,mBAAAC;AAAA,EACA,iBAAAd;AAAA,EACA,GAAGe;AACL,GAA6B;AAC3B,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAd;AAAA,MAEA,UAAA,gBAAAM,EAACV,GAAA,EAAwB,iBAAAI,GAAmC,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;"}