@gusto/embedded-react-sdk 0.45.0 → 0.46.2

package/dist/components/Employee/EmployeeList/management/ManagementEmployeeList.js

@@ -1,11 +1,11 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as h, useMemo as M } from "react";
-import { useEmployeeList as T } from "../shared/useEmployeeList.js";
-import { ManagementEmployeeListView as f } from "./ManagementEmployeeListView.js";
-import { BaseBoundaries as D, BaseLayout as m } from "../../../Base/Base.js";
-import { useI18n as b, useComponentDictionary as P } from "../../../../i18n/I18n.js";
-import { componentEvents as a } from "../../../../shared/constants.js";
-const R = (t) => {
+import { jsx as n } from "react/jsx-runtime";
+import { useState as L, useMemo as M } from "react";
+import { useEmployeeList as h } from "../shared/useEmployeeList.js";
+import { ManagementEmployeeListView as T } from "./ManagementEmployeeListView.js";
+import { BaseBoundaries as f, BaseLayout as m } from "../../../Base/Base.js";
+import { useI18n as D, useComponentDictionary as b } from "../../../../i18n/I18n.js";
+import { componentEvents as s } from "../../../../shared/constants.js";
+const P = (t) => {
   switch (t) {
     case "active":
       return "active";
@@ -15,49 +15,46 @@ const R = (t) => {
       return "terminated";
   }
 };
-function I({
+function S({
   companyId: t,
   initialTab: i = "active",
-  onEvent: n,
-  dictionary: E
+  onEvent: a,
+  dictionary: p
 }) {
-  b("Employee.ManagementEmployeeList"), P("Employee.ManagementEmployeeList", E);
-  const [r, p] = h(i), l = M(() => R(r), [r]), o = T({
+  D("Employee.ManagementEmployeeList"), b("Employee.ManagementEmployeeList", p);
+  const [r, l] = L(i), E = M(() => P(r), [r]), e = h({
     companyId: t,
-    employeeType: l
+    employeeType: E
   });
-  if (o.isLoading)
-    return /* @__PURE__ */ s(m, { isLoading: !0, error: o.errorHandling.errors });
-  const c = (e) => {
-    n(a.EMPLOYEE_UPDATE, { employeeId: e });
+  if (e.isLoading)
+    return /* @__PURE__ */ n(m, { isLoading: !0, error: e.errorHandling.errors });
+  const c = (o) => {
+    a(s.EMPLOYEE_UPDATE, { employeeId: o });
   }, d = () => {
-    n(a.EMPLOYEE_CREATE);
-  }, y = (e) => {
-    n(a.EMPLOYEE_DISMISS, { employeeId: e });
-  }, u = (e) => {
-    n(a.EMPLOYEE_REHIRE, { employeeId: e });
-  }, g = (e) => {
-    p(e);
+    a(s.EMPLOYEE_CREATE);
+  }, y = (o) => {
+    a(s.EMPLOYEE_DISMISS, { employeeId: o });
+  }, u = (o) => {
+    l(o);
   };
-  return /* @__PURE__ */ s(m, { error: o.errorHandling.errors, children: /* @__PURE__ */ s(
-    f,
+  return /* @__PURE__ */ n(m, { error: e.errorHandling.errors, children: /* @__PURE__ */ n(
+    T,
     {
       selectedTab: r,
-      onTabChange: g,
-      employees: o.data.employees,
-      isFetching: o.status.isFetching,
-      pagination: o.pagination,
-      status: o.status,
+      onTabChange: u,
+      employees: e.data.employees,
+      isFetching: e.status.isFetching,
+      pagination: e.pagination,
+      status: e.status,
       onEdit: c,
       onDismiss: y,
-      onDelete: async (e) => {
-        await o.actions.onDelete(e, {
-          onDelete: (L) => {
-            n(a.EMPLOYEE_DELETED, { employeeId: L });
+      onDelete: async (o) => {
+        await e.actions.onDelete(o, {
+          onDelete: (g) => {
+            a(s.EMPLOYEE_DELETED, { employeeId: g });
           }
         });
       },
-      onRehire: u,
       onAddEmployee: d
     }
   ) });
@@ -66,12 +63,12 @@ function B({
   FallbackComponent: t,
   ...i
 }) {
-  return /* @__PURE__ */ s(
-    D,
+  return /* @__PURE__ */ n(
+    f,
     {
       componentName: "Employee.ManagementEmployeeList",
       FallbackComponent: t,
-      children: /* @__PURE__ */ s(I, { ...i })
+      children: /* @__PURE__ */ n(S, { ...i })
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ManagementEmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeList.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { useEmployeeList, type EmployeeType } from '../shared/useEmployeeList'\nimport { ManagementEmployeeListView } from './ManagementEmployeeListView'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\ninterface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {\n  companyId: string\n  initialTab?: EmployeeTab\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nconst mapTabToEmployeeType = (tab: EmployeeTab): EmployeeType => {\n  switch (tab) {\n    case 'active':\n      return 'active'\n    case 'onboarding':\n      return 'onboarding'\n    case 'dismissed':\n      return 'terminated'\n  }\n}\n\nfunction ManagementEmployeeListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n}: ManagementEmployeeListProps) {\n  useI18n('Employee.ManagementEmployeeList')\n  useComponentDictionary('Employee.ManagementEmployeeList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<EmployeeTab>(initialTab)\n\n  const employeeType = useMemo(() => mapTabToEmployeeType(selectedTab), [selectedTab])\n\n  const employeeList = useEmployeeList({\n    companyId,\n    employeeType,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleDismiss = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_DISMISS, { employeeId })\n  }\n\n  const handleRehire = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_REHIRE, { employeeId })\n  }\n\n  const handleTabChange = (tab: EmployeeTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <ManagementEmployeeListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDismiss={handleDismiss}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId, {\n            onDelete: (id: string) => {\n              onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: id })\n            },\n          })\n        }}\n        onRehire={handleRehire}\n        onAddEmployee={handleAddEmployee}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function ManagementEmployeeList({\n  FallbackComponent,\n  ...props\n}: ManagementEmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.ManagementEmployeeList\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ManagementEmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToEmployeeType","tab","ManagementEmployeeListRoot","companyId","initialTab","onEvent","dictionary","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","employeeType","useMemo","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","componentEvents","handleAddEmployee","handleDismiss","handleRehire","handleTabChange","jsx","ManagementEmployeeListView","id","ManagementEmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;AAoBA,MAAMA,IAAuB,CAACC,MAAmC;AAC/D,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEA,SAASC,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCF,CAAU;AAEpE,QAAM,CAACG,GAAaC,CAAc,IAAIC,EAAsBP,CAAU,GAEhEQ,IAAeC,EAAQ,MAAMb,EAAqBS,CAAW,GAAG,CAACA,CAAW,CAAC,GAE7EK,IAAeC,EAAgB;AAAA,IACnC,WAAAZ;AAAA,IACA,cAAAS;AAAA,EAAA,CACD;AAED,MAAIE,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,MAAuB;AACzC,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEME,IAAoB,MAAM;AAC9B,IAAAf,EAAQc,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAgB,CAACH,MAAuB;AAC5C,IAAAb,EAAQc,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,EAC1D,GAEMI,IAAe,CAACJ,MAAuB;AAC3C,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEMK,IAAkB,CAACtB,MAAqB;AAC5C,IAAAS,EAAeT,CAAG;AAAA,EACpB;AAEA,SACE,gBAAAuB,EAACR,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAhB;AAAA,MACA,aAAac;AAAA,MACb,WAAWT,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,WAAWI;AAAA,MACX,UAAU,OAAOH,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,GAAY;AAAA,UAC9C,UAAU,CAACQ,MAAe;AACxB,YAAArB,EAAQc,EAAgB,kBAAkB,EAAE,YAAYO,GAAI;AAAA,UAC9D;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,UAAUJ;AAAA,MACV,eAAeF;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;AAEO,SAASO,EAAuB;AAAA,EACrC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyD;AACvD,SACE,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAJ,EAACtB,GAAA,EAA4B,GAAG2B,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7C;"}
+{"version":3,"file":"ManagementEmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeList.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { useEmployeeList, type EmployeeType } from '../shared/useEmployeeList'\nimport { ManagementEmployeeListView } from './ManagementEmployeeListView'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\ninterface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {\n  companyId: string\n  initialTab?: EmployeeTab\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nconst mapTabToEmployeeType = (tab: EmployeeTab): EmployeeType => {\n  switch (tab) {\n    case 'active':\n      return 'active'\n    case 'onboarding':\n      return 'onboarding'\n    case 'dismissed':\n      return 'terminated'\n  }\n}\n\nfunction ManagementEmployeeListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n}: ManagementEmployeeListProps) {\n  useI18n('Employee.ManagementEmployeeList')\n  useComponentDictionary('Employee.ManagementEmployeeList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<EmployeeTab>(initialTab)\n\n  const employeeType = useMemo(() => mapTabToEmployeeType(selectedTab), [selectedTab])\n\n  const employeeList = useEmployeeList({\n    companyId,\n    employeeType,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleDismiss = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_DISMISS, { employeeId })\n  }\n\n  const handleTabChange = (tab: EmployeeTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <ManagementEmployeeListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDismiss={handleDismiss}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId, {\n            onDelete: (id: string) => {\n              onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: id })\n            },\n          })\n        }}\n        onAddEmployee={handleAddEmployee}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function ManagementEmployeeList({\n  FallbackComponent,\n  ...props\n}: ManagementEmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.ManagementEmployeeList\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ManagementEmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToEmployeeType","tab","ManagementEmployeeListRoot","companyId","initialTab","onEvent","dictionary","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","employeeType","useMemo","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","componentEvents","handleAddEmployee","handleDismiss","handleTabChange","jsx","ManagementEmployeeListView","id","ManagementEmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;AAoBA,MAAMA,IAAuB,CAACC,MAAmC;AAC/D,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEA,SAASC,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCF,CAAU;AAEpE,QAAM,CAACG,GAAaC,CAAc,IAAIC,EAAsBP,CAAU,GAEhEQ,IAAeC,EAAQ,MAAMb,EAAqBS,CAAW,GAAG,CAACA,CAAW,CAAC,GAE7EK,IAAeC,EAAgB;AAAA,IACnC,WAAAZ;AAAA,IACA,cAAAS;AAAA,EAAA,CACD;AAED,MAAIE,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,MAAuB;AACzC,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEME,IAAoB,MAAM;AAC9B,IAAAf,EAAQc,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAgB,CAACH,MAAuB;AAC5C,IAAAb,EAAQc,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,EAC1D,GAEMI,IAAkB,CAACrB,MAAqB;AAC5C,IAAAS,EAAeT,CAAG;AAAA,EACpB;AAEA,SACE,gBAAAsB,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAf;AAAA,MACA,aAAaa;AAAA,MACb,WAAWR,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,WAAWI;AAAA,MACX,UAAU,OAAOH,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,GAAY;AAAA,UAC9C,UAAU,CAACO,MAAe;AACxB,YAAApB,EAAQc,EAAgB,kBAAkB,EAAE,YAAYM,GAAI;AAAA,UAC9D;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,eAAeL;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;AAEO,SAASM,EAAuB;AAAA,EACrC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyD;AACvD,SACE,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAJ,EAACrB,GAAA,EAA4B,GAAG0B,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7C;"}

package/dist/components/Employee/EmployeeList/management/ManagementEmployeeListView.d.ts

@@ -10,8 +10,7 @@ export interface ManagementEmployeeListViewProps extends Pick<Extract<UseEmploye
     onEdit: (employeeId: string) => void;
     onDismiss: (employeeId: string) => void;
     onDelete: (employeeId: string) => Promise<void>;
-    onRehire: (employeeId: string) => void;
     onAddEmployee: () => void;
 }
-export declare function ManagementEmployeeListView({ selectedTab, onTabChange, employees, isFetching, status, onEdit, onDismiss, onDelete, onRehire, onAddEmployee, pagination, }: ManagementEmployeeListViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ManagementEmployeeListView({ selectedTab, onTabChange, employees, isFetching, status, onEdit, onDismiss, onDelete, onAddEmployee, pagination, }: ManagementEmployeeListViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,44 +1,43 @@
-import { jsx as a, jsxs as d, Fragment as F } from "react/jsx-runtime";
-import { useState as B } from "react";
-import { useTranslation as H } from "react-i18next";
-import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { jsx as a, jsxs as m, Fragment as V } from "react/jsx-runtime";
+import { useState as F } from "react";
+import { useTranslation as B } from "react-i18next";
+import { Flex as c } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../../shared/constants.js";
-import { EmptyData as J } from "../../../Common/EmptyData/EmptyData.js";
-import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { EmployeeOnboardingStatusBadge as _ } from "../../../Common/OnboardingStatusBadge/index.js";
-import m from "../../../../assets/icons/pencil.svg.js";
-import W from "../../../../assets/icons/trashcan.svg.js";
-import { firstLastName as Y } from "../../../../helpers/formattedStrings.js";
+import { EmptyData as H } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as J } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmployeeOnboardingStatusBadge as O } from "../../../Common/OnboardingStatusBadge/index.js";
+import u from "../../../../assets/icons/pencil.svg.js";
+import _ from "../../../../assets/icons/trashcan.svg.js";
+import { firstLastName as W } from "../../../../helpers/formattedStrings.js";
 import { formatDateLongWithYear as p } from "../../../../helpers/dateFormatting.js";
-import q from "../../../../assets/icons/plus-circle.svg.js";
-import { HamburgerMenu as z } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as G } from "../../../Common/DataView/useDataView.js";
-import { DataView as K } from "../../../Common/DataView/DataView.js";
-function ut({
-  selectedTab: r,
+import Y from "../../../../assets/icons/plus-circle.svg.js";
+import { HamburgerMenu as q } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as z } from "../../../Common/DataView/useDataView.js";
+import { DataView as G } from "../../../Common/DataView/DataView.js";
+function ct({
+  selectedTab: o,
   onTabChange: g,
   employees: b,
   isFetching: f,
   status: h,
-  onEdit: C,
-  onDismiss: y,
+  onEdit: y,
+  onDismiss: C,
   onDelete: D,
-  onRehire: L,
-  onAddEmployee: P,
-  pagination: S
+  onAddEmployee: L,
+  pagination: P
 }) {
-  const { t } = H("Employee.ManagementEmployeeList"), o = O(), [l, s] = B(null), {
-    handleNextPage: v,
-    handleFirstPage: k,
-    handleLastPage: w,
-    handlePreviousPage: A,
+  const { t } = B("Employee.ManagementEmployeeList"), r = J(), [l, s] = F(null), {
+    handleNextPage: S,
+    handleFirstPage: v,
+    handleLastPage: k,
+    handlePreviousPage: w,
     handleItemsPerPageChange: x,
-    currentPage: E,
-    totalPages: j,
-    totalCount: T,
-    itemsPerPage: I
-  } = S, M = [
+    currentPage: A,
+    totalPages: E,
+    totalCount: j,
+    itemsPerPage: T
+  } = P, I = [
     {
       id: "active",
       label: t("tabs.active"),
@@ -54,11 +53,11 @@ function ut({
       label: t("tabs.dismissed"),
       content: null
     }
-  ], N = () => {
+  ], M = () => {
     const e = {
       key: "name",
       title: t("nameLabel"),
-      render: (n) => Y({
+      render: (n) => W({
         first_name: n.firstName,
         last_name: n.lastName
       })
@@ -67,7 +66,7 @@ function ut({
       title: t("jobTitleLabel"),
       render: (n) => n.primaryJob?.title ?? "-"
     };
-    return r === "active" ? [e, i] : r === "onboarding" ? [
+    return o === "active" ? [e, i] : o === "onboarding" ? [
       e,
       {
         key: "startDate",
@@ -79,7 +78,7 @@ function ut({
         key: "status",
         title: t("statusLabel"),
         render: (n) => /* @__PURE__ */ a(
-          _,
+          O,
           {
             onboarded: n.onboarded,
             onboardingStatus: n.onboardingStatus
@@ -93,80 +92,74 @@ function ut({
         key: "lastDay",
         title: t("lastDayLabel"),
         render: (n) => {
-          const c = n.terminations?.[0];
-          return p(c?.effectiveDate) || "-";
+          const d = n.terminations?.[0];
+          return p(d?.effectiveDate) || "-";
         }
       }
     ];
-  }, { ...V } = G({
+  }, { ...N } = z({
     data: b,
-    columns: N(),
+    columns: M(),
     itemMenu: (e) => {
       const i = [];
       return e.allowedActions.includes("edit") && i.push({
         label: t("editCta"),
         onClick: () => {
-          C(e.uuid);
+          y(e.uuid);
         },
-        icon: /* @__PURE__ */ a(m, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ a(u, { "aria-hidden": !0 })
       }), e.allowedActions.includes("dismiss") && i.push({
         label: t("dismissCta"),
         onClick: () => {
-          y(e.uuid);
+          C(e.uuid);
         },
-        icon: /* @__PURE__ */ a(W, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ a(_, { "aria-hidden": !0 })
       }), e.allowedActions.includes("delete") && i.push({
         label: t("cancelCta"),
         onClick: () => {
           s(e.uuid);
         },
-        icon: /* @__PURE__ */ a(m, { "aria-hidden": !0 })
-      }), e.allowedActions.includes("rehire") && i.push({
-        label: t("rehireCta"),
-        onClick: () => {
-          L(e.uuid);
-        },
-        icon: /* @__PURE__ */ a(m, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ a(z, { items: i, triggerLabel: t("hamburgerTitle") });
+        icon: /* @__PURE__ */ a(u, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ a(q, { items: i, triggerLabel: t("hamburgerTitle") });
     },
     isFetching: f,
     pagination: {
-      handleNextPage: v,
-      handleFirstPage: k,
-      handleLastPage: w,
-      handlePreviousPage: A,
+      handleNextPage: S,
+      handleFirstPage: v,
+      handleLastPage: k,
+      handlePreviousPage: w,
       handleItemsPerPageChange: x,
-      currentPage: E,
-      totalPages: j,
-      totalCount: T,
-      itemsPerPage: I
+      currentPage: A,
+      totalPages: E,
+      totalCount: j,
+      itemsPerPage: T
     },
     emptyState: () => {
       let e = "", i = "";
-      return r === "active" ? (e = t("emptyState.active.title"), i = t("emptyState.active.description")) : r === "onboarding" ? (e = t("emptyState.onboarding.title"), i = t("emptyState.onboarding.description")) : (e = t("emptyState.dismissed.title"), i = t("emptyState.dismissed.description")), /* @__PURE__ */ a(J, { title: e, description: i });
+      return o === "active" ? (e = t("emptyState.active.title"), i = t("emptyState.active.description")) : o === "onboarding" ? (e = t("emptyState.onboarding.title"), i = t("emptyState.onboarding.description")) : (e = t("emptyState.dismissed.title"), i = t("emptyState.dismissed.description")), /* @__PURE__ */ a(H, { title: e, description: i });
     }
   });
-  return /* @__PURE__ */ d(F, { children: [
-    /* @__PURE__ */ d(u, { flexDirection: "column", gap: 32, children: [
-      /* @__PURE__ */ d(u, { justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ a(o.Heading, { as: "h2", children: t("title") }),
-        /* @__PURE__ */ a(o.Button, { variant: "secondary", onClick: P, icon: /* @__PURE__ */ a(q, {}), children: t("addEmployeeCta") })
+  return /* @__PURE__ */ m(V, { children: [
+    /* @__PURE__ */ m(c, { flexDirection: "column", gap: 32, children: [
+      /* @__PURE__ */ m(c, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ a(r.Heading, { as: "h2", children: t("title") }),
+        /* @__PURE__ */ a(r.Button, { variant: "secondary", onClick: L, icon: /* @__PURE__ */ a(Y, {}), children: t("addEmployeeCta") })
       ] }),
       /* @__PURE__ */ a(
-        o.Tabs,
+        r.Tabs,
         {
-          tabs: M,
-          selectedId: r,
+          tabs: I,
+          selectedId: o,
           onSelectionChange: (e) => {
             g(e);
           },
           "aria-label": t("tabsLabel")
         }
       ),
-      /* @__PURE__ */ a(K, { label: t("employeeListLabel"), ...V })
+      /* @__PURE__ */ a(G, { label: t("employeeListLabel"), ...N })
     ] }),
     /* @__PURE__ */ a(
-      o.Dialog,
+      r.Dialog,
       {
         isOpen: !!l,
         onClose: () => {
@@ -190,6 +183,6 @@ function ut({
   ] });
 }
 export {
-  ut as ManagementEmployeeListView
+  ct as ManagementEmployeeListView
 };
 //# sourceMappingURL=ManagementEmployeeListView.js.map

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\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  onRehire: (employeeId: string) => void\n  onAddEmployee: () => void\n}\n\nexport function ManagementEmployeeListView({\n  selectedTab,\n  onTabChange,\n  employees,\n  isFetching,\n  status,\n  onEdit,\n  onDismiss,\n  onDelete,\n  onRehire,\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 (employee.allowedActions.includes('rehire')) {\n        menuItems.push({\n          label: t('rehireCta'),\n          onClick: () => {\n            onRehire(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        <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\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","onRehire","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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"}
+{"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\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\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        <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\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/EmployeeListFlow/EmployeeListFlow.d.ts

@@ -0,0 +1,2 @@
+import { EmployeeListFlowProps } from './EmployeeListFlowComponents';
+export declare const EmployeeListFlow: ({ companyId, onEvent }: EmployeeListFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/EmployeeListFlow/EmployeeListFlow.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createMachine as i } from "robot3";
+import { useMemo as p } from "react";
+import { employeeListStateMachine as n } from "./employeeListStateMachine.js";
+import { EmployeeListContextual as s } from "./EmployeeListFlowComponents.js";
+import { Flow as l } from "../../Flow/Flow.js";
+const L = ({ companyId: o, onEvent: t }) => {
+  const e = p(
+    () => i(
+      "list",
+      n,
+      (m) => ({
+        ...m,
+        component: s,
+        companyId: o
+      })
+    ),
+    [o]
+  );
+  return /* @__PURE__ */ r(l, { machine: e, onEvent: t });
+};
+export {
+  L as EmployeeListFlow
+};
+//# sourceMappingURL=EmployeeListFlow.js.map

package/dist/components/Employee/EmployeeListFlow/EmployeeListFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeListFlow.js","sources":["../../../../src/components/Employee/EmployeeListFlow/EmployeeListFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { employeeListStateMachine } from './employeeListStateMachine'\nimport {\n  EmployeeListContextual,\n  type EmployeeListFlowContextInterface,\n  type EmployeeListFlowProps,\n} from './EmployeeListFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport const EmployeeListFlow = ({ companyId, onEvent }: EmployeeListFlowProps) => {\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        employeeListStateMachine,\n        (initialContext: EmployeeListFlowContextInterface) => ({\n          ...initialContext,\n          component: EmployeeListContextual,\n          companyId,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["EmployeeListFlow","companyId","onEvent","machine","useMemo","createMachine","employeeListStateMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;;AAUO,MAAMA,IAAmB,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAqC;AACjF,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAP;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAD,EAAA,CAAkB;AACnD;"}

package/dist/components/Employee/EmployeeListFlow/EmployeeListFlowComponents.d.ts

@@ -0,0 +1,13 @@
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { BaseComponentInterface } from '../../Base';
+export interface EmployeeListFlowProps extends BaseComponentInterface {
+    companyId: string;
+}
+export interface EmployeeListFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    employeeId?: string;
+}
+export declare function EmployeeListContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardFlowContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function TerminationFlowContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingFlowContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/EmployeeListFlow/EmployeeListFlowComponents.js

@@ -0,0 +1,37 @@
+import { jsx as t } from "react/jsx-runtime";
+import { ManagementEmployeeList as a } from "../EmployeeList/management/ManagementEmployeeList.js";
+import { TerminationFlow as i } from "../Terminations/TerminationFlow/TerminationFlow.js";
+import { OnboardingFlow as p } from "../OnboardingFlow/OnboardingFlow.js";
+import { useFlow as r } from "../../Flow/useFlow.js";
+import { ensureRequired as e } from "../../../helpers/ensureRequired.js";
+import { DashboardFlow as l } from "../Dashboard/DashboardFlow.js";
+function w() {
+  const { companyId: o, onEvent: n } = r();
+  return /* @__PURE__ */ t(a, { companyId: e(o), onEvent: n });
+}
+function F() {
+  const { employeeId: o, onEvent: n } = r();
+  return /* @__PURE__ */ t(l, { employeeId: e(o), onEvent: n });
+}
+function x() {
+  const { companyId: o, employeeId: n, onEvent: m } = r();
+  return /* @__PURE__ */ t(
+    i,
+    {
+      companyId: e(o),
+      employeeId: e(n),
+      onEvent: m
+    }
+  );
+}
+function E() {
+  const { companyId: o, onEvent: n } = r();
+  return /* @__PURE__ */ t(p, { companyId: e(o), onEvent: n });
+}
+export {
+  F as DashboardFlowContextual,
+  w as EmployeeListContextual,
+  E as OnboardingFlowContextual,
+  x as TerminationFlowContextual
+};
+//# sourceMappingURL=EmployeeListFlowComponents.js.map

package/dist/components/Employee/EmployeeListFlow/EmployeeListFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeListFlowComponents.js","sources":["../../../../src/components/Employee/EmployeeListFlow/EmployeeListFlowComponents.tsx"],"sourcesContent":["import { ManagementEmployeeList } from '../EmployeeList/management/ManagementEmployeeList'\nimport { DashboardFlow } from '../Dashboard'\nimport { TerminationFlow } from '../Terminations/TerminationFlow/TerminationFlow'\nimport { OnboardingFlow } from '../OnboardingFlow/OnboardingFlow'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface EmployeeListFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport interface EmployeeListFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n}\n\nexport function EmployeeListContextual() {\n  const { companyId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return <ManagementEmployeeList companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\nexport function DashboardFlowContextual() {\n  const { employeeId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return <DashboardFlow employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function TerminationFlowContextual() {\n  const { companyId, employeeId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return (\n    <TerminationFlow\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function OnboardingFlowContextual() {\n  const { companyId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return <OnboardingFlow companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n"],"names":["EmployeeListContextual","companyId","onEvent","useFlow","ManagementEmployeeList","ensureRequired","DashboardFlowContextual","employeeId","DashboardFlow","TerminationFlowContextual","jsx","TerminationFlow","OnboardingFlowContextual","OnboardingFlow"],"mappings":";;;;;;;AAiBO,SAASA,IAAyB;AACvC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAuB,WAAWC,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AACzF;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,YAAAC,GAAY,SAAAL,EAAA,IAAYC,EAAA;AAChC,2BAAQK,GAAA,EAAc,YAAYH,EAAeE,CAAU,GAAG,SAAAL,GAAkB;AAClF;AAEO,SAASO,IAA4B;AAC1C,QAAM,EAAE,WAAAR,GAAW,YAAAM,GAAY,SAAAL,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWN,EAAeJ,CAAS;AAAA,MACnC,YAAYI,EAAeE,CAAU;AAAA,MACrC,SAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASU,IAA2B;AACzC,QAAM,EAAE,WAAAX,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQU,GAAA,EAAe,WAAWR,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AACjF;"}

package/dist/components/Employee/EmployeeListFlow/employeeListStateMachine.d.ts

@@ -0,0 +1,6 @@
+export declare const employeeListStateMachine: {
+    list: import('robot3').MachineState<any>;
+    dashboard: import('robot3').MachineState<any>;
+    terminate: import('robot3').MachineState<any>;
+    onboard: import('robot3').MachineState<any>;
+};

package/dist/components/Employee/EmployeeListFlow/employeeListStateMachine.js

@@ -0,0 +1,69 @@
+import { state as a, transition as t, reduce as n } from "robot3";
+import { DashboardFlowContextual as r, TerminationFlowContextual as i, OnboardingFlowContextual as d, EmployeeListContextual as p } from "./EmployeeListFlowComponents.js";
+import { componentEvents as o } from "../../../shared/constants.js";
+const l = {
+  type: "minimal",
+  back: {
+    labelKey: "backToListCta",
+    namespace: "Employee.ManagementEmployeeList",
+    event: o.EMPLOYEE_RETURN_TO_LIST
+  }
+}, m = n(
+  (e) => ({
+    ...e,
+    component: p,
+    header: null,
+    employeeId: void 0
+  })
+), _ = {
+  list: a(
+    t(
+      o.EMPLOYEE_UPDATE,
+      "dashboard",
+      n(
+        (e, E) => ({
+          ...e,
+          component: r,
+          header: l,
+          employeeId: E.payload.employeeId
+        })
+      )
+    ),
+    t(
+      o.EMPLOYEE_DISMISS,
+      "terminate",
+      n(
+        (e, E) => ({
+          ...e,
+          component: i,
+          header: l,
+          employeeId: E.payload.employeeId
+        })
+      )
+    ),
+    t(
+      o.EMPLOYEE_CREATE,
+      "onboard",
+      n(
+        (e) => ({
+          ...e,
+          component: d,
+          header: l
+        })
+      )
+    )
+  ),
+  dashboard: a(
+    t(o.EMPLOYEE_RETURN_TO_LIST, "list", m)
+  ),
+  terminate: a(
+    t(o.EMPLOYEE_RETURN_TO_LIST, "list", m)
+  ),
+  onboard: a(
+    t(o.EMPLOYEE_RETURN_TO_LIST, "list", m)
+  )
+};
+export {
+  _ as employeeListStateMachine
+};
+//# sourceMappingURL=employeeListStateMachine.js.map

package/dist/components/Employee/EmployeeListFlow/employeeListStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employeeListStateMachine.js","sources":["../../../../src/components/Employee/EmployeeListFlow/employeeListStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport {\n  DashboardFlowContextual,\n  EmployeeListContextual,\n  OnboardingFlowContextual,\n  TerminationFlowContextual,\n  type EmployeeListFlowContextInterface,\n} from './EmployeeListFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: { employeeId: string }\n  [componentEvents.EMPLOYEE_DISMISS]: { employeeId: string }\n}\n\nconst backToListHeader: FlowHeaderConfig = {\n  type: 'minimal',\n  back: {\n    labelKey: 'backToListCta',\n    namespace: 'Employee.ManagementEmployeeList',\n    event: componentEvents.EMPLOYEE_RETURN_TO_LIST,\n  },\n}\n\nconst returnToList = reduce(\n  (ctx: EmployeeListFlowContextInterface): EmployeeListFlowContextInterface => ({\n    ...ctx,\n    component: EmployeeListContextual,\n    header: null,\n    employeeId: undefined,\n  }),\n)\n\nexport const employeeListStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'dashboard',\n      reduce(\n        (\n          ctx: EmployeeListFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: DashboardFlowContextual,\n          header: backToListHeader,\n          employeeId: ev.payload.employeeId,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DISMISS,\n      'terminate',\n      reduce(\n        (\n          ctx: EmployeeListFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DISMISS>,\n        ): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: TerminationFlowContextual,\n          header: backToListHeader,\n          employeeId: ev.payload.employeeId,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'onboard',\n      reduce(\n        (ctx: EmployeeListFlowContextInterface): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: OnboardingFlowContextual,\n          header: backToListHeader,\n        }),\n      ),\n    ),\n  ),\n  dashboard: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n  ),\n  terminate: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n  ),\n  onboard: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n  ),\n}\n"],"names":["backToListHeader","componentEvents","returnToList","reduce","ctx","EmployeeListContextual","employeeListStateMachine","state","transition","ev","DashboardFlowContextual","TerminationFlowContextual","OnboardingFlowContextual"],"mappings":";;;AAiBA,MAAMA,IAAqC;AAAA,EACzC,MAAM;AAAA,EACN,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,OAAOC,EAAgB;AAAA,EAAA;AAE3B,GAEMC,IAAeC;AAAA,EACnB,CAACC,OAA6E;AAAA,IAC5E,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,EAAA;AAEhB,GAEaC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CACEC,GACAK,OACsC;AAAA,UACtC,GAAGL;AAAA,UACH,WAAWM;AAAA,UACX,QAAQV;AAAA,UACR,YAAYS,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFD;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CACEC,GACAK,OACsC;AAAA,UACtC,GAAGL;AAAA,UACH,WAAWO;AAAA,UACX,QAAQX;AAAA,UACR,YAAYS,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFD;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWQ;AAAA,UACX,QAAQZ;AAAA,QAAA;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAWO;AAAA,IACTC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,EAAA;AAAA,EAE1E,WAAWK;AAAA,IACTC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,EAAA;AAAA,EAE1E,SAASK;AAAA,IACPC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,EAAA;AAE5E;"}