@gusto/embedded-react-sdk 0.8.0 → 0.8.2

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

@@ -1,29 +1,29 @@
-import { jsx as n, jsxs as Y } from "react/jsx-runtime";
+import { jsx as n, jsxs as F } from "react/jsx-runtime";
 import { useState as y } from "react";
-import { useEmployeesListSuspense as F, invalidateEmployeesList as U } from "@gusto/embedded-api/react-query/employeesList";
-import { useEmployeesDeleteMutation as q } from "@gusto/embedded-api/react-query/employeesDelete";
-import { useEmployeesUpdateOnboardingStatusMutation as W } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
-import { useQueryClient as H } from "@gusto/embedded-api/ReactSDKProvider";
-import { EmployeeListProvider as j } from "./useEmployeeList.js";
+import { useEmployeesListSuspense as U, invalidateEmployeesList as q } from "@gusto/embedded-api/react-query/employeesList";
+import { useEmployeesDeleteMutation as W } from "@gusto/embedded-api/react-query/employeesDelete";
+import { useEmployeesUpdateOnboardingStatusMutation as H } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
+import { useQueryClient as j } from "@tanstack/react-query";
+import { EmployeeListProvider as k } from "./useEmployeeList.js";
 import { Actions as P } from "./Actions.js";
-import { BaseComponent as k } from "../../Base/Base.js";
-import { useBase as V } from "../../Base/useBase.js";
-import { Flex as Q } from "../../Common/Flex/Flex.js";
-import { useI18n as z } from "../../../i18n/I18n.js";
+import { BaseComponent as V } from "../../Base/Base.js";
+import { useBase as Q } from "../../Base/useBase.js";
+import { Flex as z } from "../../Common/Flex/Flex.js";
+import { useI18n as J, useComponentDictionary as K } from "../../../i18n/I18n.js";
 import { componentEvents as s, EmployeeOnboardingStatus as c } from "../../../shared/constants.js";
 import { Head as h } from "./Head.js";
 import { List as O } from "./List.js";
-import { useFlow as J } from "../../Flow/useFlow.js";
+import { useFlow as X } from "../../Flow/useFlow.js";
 function m(o) {
-  return /* @__PURE__ */ n(k, { ...o, children: /* @__PURE__ */ n(K, { ...o, children: o.children }) });
+  return /* @__PURE__ */ n(V, { ...o, children: /* @__PURE__ */ n(Z, { ...o, children: o.children }) });
 }
-function K({ companyId: o, className: l, children: u }) {
-  z("Employee.EmployeeList");
-  const { onEvent: a, baseSubmitHandler: i } = V(), [p, r] = y(1), [g, A] = y(5), N = H(), { data: f } = F({ companyId: o, page: p, per: g }), { httpMeta: I, employeeList: L } = f, D = L, { mutateAsync: _ } = q(), { mutateAsync: M } = W(), E = Number(I.response.headers.get("x-total-pages") ?? 1), S = (e) => {
-    A(e);
-  }, w = () => {
-    r(1);
+function Z({ companyId: o, className: l, children: p, dictionary: g }) {
+  J("Employee.EmployeeList"), K("Employee.EmployeeList", g);
+  const { onEvent: a, baseSubmitHandler: i } = Q(), [u, r] = y(1), [A, L] = y(5), N = j(), { data: f } = U({ companyId: o, page: u, per: A }), { httpMeta: D, employeeList: I } = f, _ = I, { mutateAsync: M } = W(), { mutateAsync: S } = H(), E = Number(D.response.headers.get("x-total-pages") ?? 1), w = (e) => {
+    L(e);
   }, b = () => {
+    r(1);
+  }, C = () => {
     r((e) => Math.max(e - 1, 1));
   }, R = () => {
     r((e) => Math.min(e + 1, E));
@@ -31,11 +31,11 @@ function K({ companyId: o, className: l, children: u }) {
     r(E);
   }, x = async (e) => {
     await i(e, async (t) => {
-      await _({
+      await M({
         request: { employeeId: t }
-      }), await U(N, [o]), a(s.EMPLOYEE_DELETED, { employeeId: t });
+      }), await q(N, [o]), a(s.EMPLOYEE_DELETED, { employeeId: t });
     });
-  }, C = async (e) => {
+  }, v = async (e) => {
     await i(e, async (t) => {
       await d({
         employeeId: t,
@@ -45,7 +45,7 @@ function K({ companyId: o, className: l, children: u }) {
         onboardingStatus: c.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
       });
     });
-  }, v = async (e) => {
+  }, B = async (e) => {
     await i(e, async (t) => {
       await d({
         employeeId: t,
@@ -53,15 +53,15 @@ function K({ companyId: o, className: l, children: u }) {
       });
     });
   }, d = async (e) => {
-    await i(e, async ({ employeeId: t, status: B }) => {
-      const { employeeOnboardingStatus: G } = await M({
-        request: { employeeId: t, requestBody: { onboardingStatus: B } }
+    await i(e, async ({ employeeId: t, status: G }) => {
+      const { employeeOnboardingStatus: Y } = await S({
+        request: { employeeId: t, requestBody: { onboardingStatus: G } }
       });
-      a(s.EMPLOYEE_ONBOARDING_STATUS_UPDATED, G);
+      a(s.EMPLOYEE_ONBOARDING_STATUS_UPDATED, Y);
     });
   };
   return /* @__PURE__ */ n("section", { className: l, children: /* @__PURE__ */ n(
-    j,
+    k,
     {
       value: {
         handleEdit: (e, t) => {
@@ -70,22 +70,22 @@ function K({ companyId: o, className: l, children: u }) {
         handleNew: () => {
           a(s.EMPLOYEE_CREATE);
         },
-        handleReview: C,
+        handleReview: v,
         handleDelete: x,
-        employees: D,
-        currentPage: p,
+        employees: _,
+        currentPage: u,
         totalPages: E,
-        handleFirstPage: w,
-        handlePreviousPage: b,
+        handleFirstPage: b,
+        handlePreviousPage: C,
         handleNextPage: R,
         handleLastPage: T,
-        handleCancelSelfOnboarding: v,
-        handleItemsPerPageChange: S,
+        handleCancelSelfOnboarding: B,
+        handleItemsPerPageChange: w,
         handleSkip: () => {
           a(s.EMPLOYEE_ONBOARDING_DONE);
         }
       },
-      children: u || /* @__PURE__ */ Y(Q, { flexDirection: "column", children: [
+      children: p || /* @__PURE__ */ F(z, { flexDirection: "column", children: [
         /* @__PURE__ */ n(h, {}),
         /* @__PURE__ */ n(O, {}),
         /* @__PURE__ */ n(P, {})
@@ -96,12 +96,12 @@ function K({ companyId: o, className: l, children: u }) {
 m.Head = h;
 m.List = O;
 m.Actions = P;
-const Pe = () => {
-  const { companyId: o, onEvent: l } = J();
+const Oe = () => {
+  const { companyId: o, onEvent: l } = X();
   return /* @__PURE__ */ n(m, { companyId: o, onEvent: l });
 };
 export {
   m as EmployeeList,
-  Pe as EmployeeListContextual
+  Oe as EmployeeListContextual
 };
 //# sourceMappingURL=EmployeeList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/EmployeeList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n  useEmployeesListSuspense,\n  invalidateEmployeesList,\n} from '@gusto/embedded-api/react-query/employeesList'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { useQueryClient } from '@gusto/embedded-api/ReactSDKProvider'\nimport { EmployeeListProvider } from './useEmployeeList'\nimport { Actions } from './Actions'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus } from '@/shared/constants'\nimport { Head } from '@/components/Employee/EmployeeList/Head'\nimport { List } from '@/components/Employee/EmployeeList/List'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\n//Interface for component specific props\ninterface EmployeeListProps extends CommonComponentInterface {\n  companyId: string\n}\n\nexport function EmployeeList(props: EmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, className, children }: EmployeeListProps) {\n  //Using i18n hook to directly load necessary namespace\n  useI18n('Employee.EmployeeList')\n  //Getting props from base context\n  const { onEvent, baseSubmitHandler } = useBase()\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState(5)\n  const queryClient = useQueryClient()\n\n  const { data } = useEmployeesListSuspense({ companyId, page: currentPage, per: itemsPerPage })\n  const { httpMeta, employeeList } = data\n  const employees = employeeList!\n\n  const { mutateAsync: deleteEmployeeMutation } = useEmployeesDeleteMutation()\n  const { mutateAsync: updateEmployeeOnboardingStatusMutation } =\n    useEmployeesUpdateOnboardingStatusMutation()\n\n  const totalPages = Number(httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  const handleItemsPerPageChange = (newCount: number) => {\n    setItemsPerPage(newCount)\n  }\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n  const handleDelete = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      await deleteEmployeeMutation({\n        request: { employeeId: payload },\n      })\n\n      await invalidateEmployeesList(queryClient, [companyId])\n      onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: payload })\n    })\n  }\n  /**Set onboarding status to self_onboarding_awaiting_admin_review and proceed to edit */\n  const handleReview = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n      onEvent(componentEvents.EMPLOYEE_UPDATE, {\n        employeeId,\n        onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n    })\n  }\n  /**Update employee onboarding status reverting it back to admin_onboarding_incomplete */\n  const handleCancelSelfOnboarding = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n      })\n    })\n  }\n  const updateOnboardingStatus = async (data: { employeeId: string; status: string }) => {\n    await baseSubmitHandler(data, async ({ employeeId, status }) => {\n      const { employeeOnboardingStatus: responseData } =\n        await updateEmployeeOnboardingStatusMutation({\n          request: { employeeId, requestBody: { onboardingStatus: status } },\n        })\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, responseData)\n    })\n  }\n  const handleNew = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  const handleEdit = (uuid: string, onboardingStatus?: string) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId: uuid, onboardingStatus })\n  }\n  return (\n    <section className={className}>\n      <EmployeeListProvider\n        value={{\n          handleEdit,\n          handleNew,\n          handleReview,\n          handleDelete,\n          employees,\n          currentPage,\n          totalPages,\n          handleFirstPage,\n          handlePreviousPage,\n          handleNextPage,\n          handleLastPage,\n          handleCancelSelfOnboarding,\n          handleItemsPerPageChange,\n          handleSkip,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </EmployeeListProvider>\n    </section>\n  )\n}\n\nEmployeeList.Head = Head\nEmployeeList.List = List\nEmployeeList.Actions = Actions\n\n/**\n * Wrapper used inside Flows -> exposes flow context for required parameters\n */\nexport const EmployeeListContextual = () => {\n  const { companyId, onEvent } = useFlow<EmployeeOnboardingContextInterface>()\n  return <EmployeeList companyId={companyId} onEvent={onEvent} />\n}\n"],"names":["EmployeeList","props","jsx","BaseComponent","Root","companyId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","queryClient","useQueryClient","data","useEmployeesListSuspense","httpMeta","employeeList","employees","deleteEmployeeMutation","useEmployeesDeleteMutation","updateEmployeeOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","totalPages","handleItemsPerPageChange","newCount","handleFirstPage","handlePreviousPage","prevPage","handleNextPage","handleLastPage","handleDelete","uuid","payload","invalidateEmployeesList","componentEvents","handleReview","employeeId","updateOnboardingStatus","EmployeeOnboardingStatus","handleCancelSelfOnboarding","status","responseData","EmployeeListProvider","onboardingStatus","jsxs","Flex","Head","List","Actions","EmployeeListContextual","useFlow"],"mappings":"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"}
+{"version":3,"file":"EmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/EmployeeList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n  useEmployeesListSuspense,\n  invalidateEmployeesList,\n} from '@gusto/embedded-api/react-query/employeesList'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { useQueryClient } from '@tanstack/react-query'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport { EmployeeListProvider } from './useEmployeeList'\nimport { Actions } from './Actions'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus } from '@/shared/constants'\nimport { Head } from '@/components/Employee/EmployeeList/Head'\nimport { List } from '@/components/Employee/EmployeeList/List'\nimport { useFlow } from '@/components/Flow/useFlow'\n\n//Interface for component specific props\ninterface EmployeeListProps extends CommonComponentInterface<'Employee.EmployeeList'> {\n  companyId: string\n}\n\nexport function EmployeeList(props: EmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, className, children, dictionary }: EmployeeListProps) {\n  //Using i18n hook to directly load necessary namespace\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n  //Getting props from base context\n  const { onEvent, baseSubmitHandler } = useBase()\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState(5)\n  const queryClient = useQueryClient()\n\n  const { data } = useEmployeesListSuspense({ companyId, page: currentPage, per: itemsPerPage })\n  const { httpMeta, employeeList } = data\n  const employees = employeeList!\n\n  const { mutateAsync: deleteEmployeeMutation } = useEmployeesDeleteMutation()\n  const { mutateAsync: updateEmployeeOnboardingStatusMutation } =\n    useEmployeesUpdateOnboardingStatusMutation()\n\n  const totalPages = Number(httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  const handleItemsPerPageChange = (newCount: number) => {\n    setItemsPerPage(newCount)\n  }\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n  const handleDelete = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      await deleteEmployeeMutation({\n        request: { employeeId: payload },\n      })\n\n      await invalidateEmployeesList(queryClient, [companyId])\n      onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: payload })\n    })\n  }\n  /**Set onboarding status to self_onboarding_awaiting_admin_review and proceed to edit */\n  const handleReview = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n      onEvent(componentEvents.EMPLOYEE_UPDATE, {\n        employeeId,\n        onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n    })\n  }\n  /**Update employee onboarding status reverting it back to admin_onboarding_incomplete */\n  const handleCancelSelfOnboarding = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n      })\n    })\n  }\n  const updateOnboardingStatus = async (data: { employeeId: string; status: string }) => {\n    await baseSubmitHandler(data, async ({ employeeId, status }) => {\n      const { employeeOnboardingStatus: responseData } =\n        await updateEmployeeOnboardingStatusMutation({\n          request: { employeeId, requestBody: { onboardingStatus: status } },\n        })\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, responseData)\n    })\n  }\n  const handleNew = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  const handleEdit = (uuid: string, onboardingStatus?: string) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId: uuid, onboardingStatus })\n  }\n  return (\n    <section className={className}>\n      <EmployeeListProvider\n        value={{\n          handleEdit,\n          handleNew,\n          handleReview,\n          handleDelete,\n          employees,\n          currentPage,\n          totalPages,\n          handleFirstPage,\n          handlePreviousPage,\n          handleNextPage,\n          handleLastPage,\n          handleCancelSelfOnboarding,\n          handleItemsPerPageChange,\n          handleSkip,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </EmployeeListProvider>\n    </section>\n  )\n}\n\nEmployeeList.Head = Head\nEmployeeList.List = List\nEmployeeList.Actions = Actions\n\n/**\n * Wrapper used inside Flows -> exposes flow context for required parameters\n */\nexport const EmployeeListContextual = () => {\n  const { companyId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <EmployeeList companyId={companyId} onEvent={onEvent} />\n}\n"],"names":["EmployeeList","props","jsx","BaseComponent","Root","companyId","className","children","dictionary","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","queryClient","useQueryClient","data","useEmployeesListSuspense","httpMeta","employeeList","employees","deleteEmployeeMutation","useEmployeesDeleteMutation","updateEmployeeOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","totalPages","handleItemsPerPageChange","newCount","handleFirstPage","handlePreviousPage","prevPage","handleNextPage","handleLastPage","handleDelete","uuid","payload","invalidateEmployeesList","componentEvents","handleReview","employeeId","updateOnboardingStatus","EmployeeOnboardingStatus","handleCancelSelfOnboarding","status","responseData","EmployeeListProvider","onboardingStatus","jsxs","Flex","Head","List","Actions","EmployeeListContextual","useFlow"],"mappings":"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"}

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

@@ -7,11 +7,10 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../Base/useBase.js";
 import "dompurify";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [C, E] = o("EmployeeListContext");
+const [y, C] = o("EmployeeListContext");
 export {
-  E as EmployeeListProvider,
-  C as useEmployeeList
+  C as EmployeeListProvider,
+  y as useEmployeeList
 };
 //# sourceMappingURL=useEmployeeList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/useEmployeeList.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { createCompoundContext } from '@/components/Base'\n\n//Interface for context passed down to component slots\ntype EmployeeListContextType = {\n  handleEdit: (uuid: string, onboardingStatus?: string) => void\n  handleDelete: (uuid: string) => Promise<void>\n  handleCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  handleReview: (employeeId: string) => Promise<void>\n  handleNew: () => void\n  handleSkip: () => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleItemsPerPageChange: (newCount: number) => void\n  currentPage: number\n  totalPages: number\n  employees: Employee[]\n}\n\nconst [useEmployeeList, EmployeeListProvider] =\n  createCompoundContext<EmployeeListContextType>('EmployeeListContext')\nexport { useEmployeeList, EmployeeListProvider }\n"],"names":["useEmployeeList","EmployeeListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAqBA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/useEmployeeList.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { createCompoundContext } from '@/components/Base'\n\n//Interface for context passed down to component slots\ntype EmployeeListContextType = {\n  handleEdit: (uuid: string, onboardingStatus?: string) => void\n  handleDelete: (uuid: string) => Promise<void>\n  handleCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  handleReview: (employeeId: string) => Promise<void>\n  handleNew: () => void\n  handleSkip: () => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleItemsPerPageChange: (newCount: number) => void\n  currentPage: number\n  totalPages: number\n  employees: Employee[]\n}\n\nconst [useEmployeeList, EmployeeListProvider] =\n  createCompoundContext<EmployeeListContextType>('EmployeeListContext')\nexport { useEmployeeList, EmployeeListProvider }\n"],"names":["useEmployeeList","EmployeeListProvider","createCompoundContext"],"mappings":";;;;;;;;;;AAqBA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/Landing/Landing.d.ts

@@ -1,5 +1,5 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-interface SummaryProps extends CommonComponentInterface {
+interface SummaryProps extends CommonComponentInterface<'Employee.Landing'> {
     employeeId: string;
     companyId: string;
 }

package/dist/components/Employee/Landing/Landing.js

@@ -8,12 +8,12 @@ import { useBase as y } from "../../Base/useBase.js";
 import { Flex as r } from "../../Common/Flex/Flex.js";
 import { ActionsLayout as E } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as I } from "../../../i18n/I18n.js";
+import { useI18n as D, useComponentDictionary as I } from "../../../i18n/I18n.js";
 import { componentEvents as S } from "../../../shared/constants.js";
-function k(t) {
-  return I("Employee.Landing"), /* @__PURE__ */ e(x, { ...t, children: /* @__PURE__ */ e(D, { ...t, children: t.children }) });
+function F(t) {
+  return D("Employee.Landing"), I("Employee.Landing", t.dictionary), /* @__PURE__ */ e(x, { ...t, children: /* @__PURE__ */ e(L, { ...t, children: t.children }) });
 }
-const D = ({ employeeId: t, companyId: c, className: l }) => {
+const L = ({ employeeId: t, companyId: c, className: l }) => {
   const { onEvent: m } = y(), o = C(), {
     data: { employee: a }
   } = h({ employeeId: t }), p = a.firstName, {
@@ -48,6 +48,6 @@ const D = ({ employeeId: t, companyId: c, className: l }) => {
   ] }) });
 };
 export {
-  k as Landing
+  F as Landing
 };
 //# sourceMappingURL=Landing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Landing.js","sources":["../../../../src/components/Employee/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport styles from './Landing.module.scss'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ninterface SummaryProps extends CommonComponentInterface {\n  employeeId: string\n  companyId: string\n}\n\nexport function Landing(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.Landing')\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, companyId, className }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const firstName = employee!.firstName\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const companyName = company?.name\n\n  const { t } = useTranslation('Employee.Landing')\n\n  return (\n    <section className={className}>\n      <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h2\" textAlign=\"center\">\n            {t('landingSubtitle', { firstName, companyName })}\n          </Components.Heading>\n          <Components.Text className={styles.description}>\n            {t('landingDescription')}\n          </Components.Text>\n        </Flex>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n          <ul>\n            <li>{t('steps.personalInfo')}</li>\n            <li>{t('steps.taxInfo')}</li>\n            <li>{t('steps.bankInfo')}</li>\n          </ul>\n        </Flex>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n          <ActionsLayout justifyContent=\"center\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEE_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n            </Components.Button>\n          </ActionsLayout>\n          <Components.Text className={styles.description}>\n            {t('getStartedDescription')}\n          </Components.Text>\n        </Flex>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","jsx","BaseComponent","Root","employeeId","companyId","className","onEvent","useBase","Components","useComponentContext","employee","useEmployeesGetSuspense","firstName","company","useCompaniesGetSuspense","companyName","t","useTranslation","jsxs","Flex","styles","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;;;;AAoBO,SAASA,EAAQC,GAA8C;AACpE,SAAAC,EAAQ,kBAAkB,GAGxB,gBAAAC,EAACC,GAAe,EAAA,GAAGH,GACjB,UAAA,gBAAAE,EAACE,KAAM,GAAGJ,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,MAAMI,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,WAAAC,QAA8B;AAC7D,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GACtBC,IAAaC,EAAoB,GAEjC;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAS;AAAA,EAAA,IACfC,EAAwB,EAAE,YAAAR,GAAY,GACpCS,IAAYF,EAAU,WAEtB;AAAA,IACJ,MAAM,EAAE,SAAAG,EAAQ;AAAA,EAAA,IACdC,EAAwB,EAAE,WAAAV,GAAW,GACnCW,IAAcF,GAAS,MAEvB,EAAE,GAAAG,EAAA,IAAMC,EAAe,kBAAkB;AAG7C,SAAA,gBAAAjB,EAAC,WAAQ,EAAA,WAAAK,GACP,UAAC,gBAAAa,EAAAC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAAnB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAQ,EAAE,mBAAmB,EAAE,WAAAJ,GAAW,aAAAG,EAAA,CAAa,EAClD,CAAA;AAAA,MACA,gBAAAf,EAACQ,EAAW,MAAX,EAAgB,WAAWY,EAAO,aAChC,UAAEJ,EAAA,oBAAoB,EACzB,CAAA;AAAA,IAAA,GACF;AAAA,IACC,gBAAAE,EAAAC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAnB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAQ,EAAE,eAAe,GAAE;AAAA,wBAC/C,MACC,EAAA,UAAA;AAAA,QAAC,gBAAAhB,EAAA,MAAA,EAAI,UAAEgB,EAAA,oBAAoB,EAAE,CAAA;AAAA,QAC5B,gBAAAhB,EAAA,MAAA,EAAI,UAAEgB,EAAA,eAAe,EAAE,CAAA;AAAA,QACvB,gBAAAhB,EAAA,MAAA,EAAI,UAAEgB,EAAA,gBAAgB,EAAE,CAAA;AAAA,MAAA,EAC3B,CAAA;AAAA,IAAA,GACF;AAAA,sBACCG,GAAK,EAAA,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA;AAAA,MAAC,gBAAAnB,EAAAqB,GAAA,EAAc,gBAAe,UAC5B,UAAA,gBAAArB;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQgB,EAAgB,8BAA8B;AAAA,UACxD;AAAA,UAEC,YAAE,eAAe;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,MACA,gBAAAtB,EAACQ,EAAW,MAAX,EAAgB,WAAWY,EAAO,aAChC,UAAEJ,EAAA,uBAAuB,EAC5B,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Landing.js","sources":["../../../../src/components/Employee/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport styles from './Landing.module.scss'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface SummaryProps extends CommonComponentInterface<'Employee.Landing'> {\n  employeeId: string\n  companyId: string\n}\n\nexport function Landing(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.Landing')\n  useComponentDictionary('Employee.Landing', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, companyId, className }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const firstName = employee!.firstName\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const companyName = company?.name\n\n  const { t } = useTranslation('Employee.Landing')\n\n  return (\n    <section className={className}>\n      <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h2\" textAlign=\"center\">\n            {t('landingSubtitle', { firstName, companyName })}\n          </Components.Heading>\n          <Components.Text className={styles.description}>\n            {t('landingDescription')}\n          </Components.Text>\n        </Flex>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n          <ul>\n            <li>{t('steps.personalInfo')}</li>\n            <li>{t('steps.taxInfo')}</li>\n            <li>{t('steps.bankInfo')}</li>\n          </ul>\n        </Flex>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n          <ActionsLayout justifyContent=\"center\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEE_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n            </Components.Button>\n          </ActionsLayout>\n          <Components.Text className={styles.description}>\n            {t('getStartedDescription')}\n          </Components.Text>\n        </Flex>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","companyId","className","onEvent","useBase","Components","useComponentContext","employee","useEmployeesGetSuspense","firstName","company","useCompaniesGetSuspense","companyName","t","useTranslation","jsxs","Flex","styles","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;;;;AAqBO,SAASA,EAAQC,GAA8C;AACpE,SAAAC,EAAQ,kBAAkB,GACHC,EAAA,oBAAoBF,EAAM,UAAU,GAGzD,gBAAAG,EAACC,GAAe,EAAA,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,WAAAC,QAA8B;AAC7D,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GACtBC,IAAaC,EAAoB,GAEjC;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAS;AAAA,EAAA,IACfC,EAAwB,EAAE,YAAAR,GAAY,GACpCS,IAAYF,EAAU,WAEtB;AAAA,IACJ,MAAM,EAAE,SAAAG,EAAQ;AAAA,EAAA,IACdC,EAAwB,EAAE,WAAAV,GAAW,GACnCW,IAAcF,GAAS,MAEvB,EAAE,GAAAG,EAAA,IAAMC,EAAe,kBAAkB;AAG7C,SAAA,gBAAAjB,EAAC,WAAQ,EAAA,WAAAK,GACP,UAAC,gBAAAa,EAAAC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAK,YAAW,UAAS,eAAc,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAAnB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAK,WAAU,UACnC,UAAAQ,EAAE,mBAAmB,EAAE,WAAAJ,GAAW,aAAAG,EAAA,CAAa,EAClD,CAAA;AAAA,MACA,gBAAAf,EAACQ,EAAW,MAAX,EAAgB,WAAWY,EAAO,aAChC,UAAEJ,EAAA,oBAAoB,EACzB,CAAA;AAAA,IAAA,GACF;AAAA,IACC,gBAAAE,EAAAC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAnB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAQ,EAAE,eAAe,GAAE;AAAA,wBAC/C,MACC,EAAA,UAAA;AAAA,QAAC,gBAAAhB,EAAA,MAAA,EAAI,UAAEgB,EAAA,oBAAoB,EAAE,CAAA;AAAA,QAC5B,gBAAAhB,EAAA,MAAA,EAAI,UAAEgB,EAAA,eAAe,EAAE,CAAA;AAAA,QACvB,gBAAAhB,EAAA,MAAA,EAAI,UAAEgB,EAAA,gBAAgB,EAAE,CAAA;AAAA,MAAA,EAC3B,CAAA;AAAA,IAAA,GACF;AAAA,sBACCG,GAAK,EAAA,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA;AAAA,MAAC,gBAAAnB,EAAAqB,GAAA,EAAc,gBAAe,UAC5B,UAAA,gBAAArB;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQgB,EAAgB,8BAA8B;AAAA,UACxD;AAAA,UAEC,YAAE,eAAe;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,MACA,gBAAAtB,EAACQ,EAAW,MAAX,EAAgB,WAAWY,EAAO,aAChC,UAAEJ,EAAA,uBAAuB,EAC5B,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/components/Employee/Landing/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './Landing';

package/dist/components/Employee/OnboardingFlow/OnboardingFlow.d.ts

@@ -0,0 +1,27 @@
+import { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount';
+import { ProfileDefaultValues } from '../Profile';
+import { CompensationDefaultValues } from '../Compensation';
+import { BaseComponentInterface } from '../../Base';
+import { EmployeeOnboardingStatus } from '../../../shared/constants';
+import { RequireAtLeastOne } from '../../../types/Helpers';
+import { FlowContextInterface } from '../../Flow/useFlow';
+export type OnboardingDefaultValues = RequireAtLeastOne<{
+    profile?: ProfileDefaultValues;
+    compensation?: CompensationDefaultValues;
+}>;
+export interface OnboardingFlowProps extends BaseComponentInterface {
+    companyId: string;
+    defaultValues?: RequireAtLeastOne<OnboardingDefaultValues>;
+    isSelfOnboardingEnabled?: boolean;
+}
+export interface OnboardingContextInterface extends FlowContextInterface {
+    companyId: string;
+    employeeId?: string;
+    isAdmin?: boolean;
+    onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus];
+    startDate?: string;
+    paymentMethod?: PaymentMethodBankAccount;
+    defaultValues?: OnboardingDefaultValues;
+    isSelfOnboardingEnabled?: boolean;
+}
+export declare const OnboardingFlow: ({ companyId, onEvent, defaultValues, isSelfOnboardingEnabled, }: OnboardingFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/OnboardingFlow/OnboardingFlow.js

@@ -0,0 +1,29 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createMachine as p } from "robot3";
+import { EmployeeListContextual as a } from "../EmployeeList/EmployeeList.js";
+import { employeeOnboardingMachine as c } from "./onboardingStateMachine.js";
+import { Flow as l } from "../../Flow/Flow.js";
+const g = ({
+  companyId: o,
+  onEvent: e,
+  defaultValues: r,
+  isSelfOnboardingEnabled: m = !0
+}) => {
+  const n = p(
+    "index",
+    c,
+    (t) => ({
+      ...t,
+      component: a,
+      companyId: o,
+      isAdmin: !0,
+      defaultValues: r,
+      isSelfOnboardingEnabled: m
+    })
+  );
+  return /* @__PURE__ */ i(l, { machine: n, onEvent: e });
+};
+export {
+  g as OnboardingFlow
+};
+//# sourceMappingURL=OnboardingFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport type { ProfileDefaultValues } from '../Profile'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { EmployeeListContextual } from '../EmployeeList/EmployeeList'\nimport { employeeOnboardingMachine } from './onboardingStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { EmployeeOnboardingStatus } from '@/shared/constants'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\n\nexport type OnboardingDefaultValues = RequireAtLeastOne<{\n  profile?: ProfileDefaultValues\n  compensation?: CompensationDefaultValues\n}>\nexport interface OnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: RequireAtLeastOne<OnboardingDefaultValues>\n  isSelfOnboardingEnabled?: boolean\n}\nexport interface OnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  isAdmin?: boolean\n  onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  startDate?: string\n  paymentMethod?: PaymentMethodBankAccount\n  defaultValues?: OnboardingDefaultValues\n  isSelfOnboardingEnabled?: boolean\n}\n\nexport const OnboardingFlow = ({\n  companyId,\n  onEvent,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n}: OnboardingFlowProps) => {\n  const manageEmployees = createMachine(\n    'index',\n    employeeOnboardingMachine,\n    (initialContext: OnboardingContextInterface) => ({\n      ...initialContext,\n      component: EmployeeListContextual,\n      companyId,\n      isAdmin: true,\n      defaultValues,\n      isSelfOnboardingEnabled,\n    }),\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","isSelfOnboardingEnabled","manageEmployees","createMachine","employeeOnboardingMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;AAgCO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAC5B,MAA2B;AACzB,QAAMC,IAAkBC;AAAA,IACtB;AAAA,IACAC;AAAA,IACA,CAACC,OAAgD;AAAA,MAC/C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,MACA,SAAS;AAAA,MACT,eAAAE;AAAA,MACA,yBAAAC;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAM,EAAAC,GAAA,EAAK,SAASN,GAAiB,SAAAH,EAAkB,CAAA;AAC3D;"}

package/dist/components/Employee/OnboardingFlow/onboardingStateMachine.js

@@ -0,0 +1,107 @@
+import { state as m, transition as e, reduce as t, guard as i } from "robot3";
+import { componentEvents as n, EmployeeSelfOnboardingStatuses as O, EmployeeOnboardingStatus as u } from "../../../shared/constants.js";
+import { EmployeeListContextual as s } from "../EmployeeList/EmployeeList.js";
+import { CompensationContextual as c } from "../Compensation/Compensation.js";
+import { ProfileContextual as d } from "../Profile/Profile.js";
+import { OnboardingSummaryContextual as y } from "../OnboardingSummary/OnboardingSummary.js";
+import { DeductionsContextual as p } from "../Deductions/Deductions.js";
+import { PaymentMethodContextual as N } from "../PaymentMethod/PaymentMethod.js";
+import { TaxesContextual as P } from "../Taxes/Taxes.js";
+const E = (o) => (a) => ({
+  ...a,
+  ...o
+}), r = (o, a) => e(
+  n.CANCEL,
+  o,
+  t(E({ component: s }))
+), l = (o) => o.onboardingStatus ? !// prettier-ignore
+// @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
+(O.has(o.onboardingStatus) || o.onboardingStatus === u.SELF_ONBOARDING_PENDING_INVITE) : !0, T = {
+  index: m(
+    e(
+      n.EMPLOYEE_CREATE,
+      "employeeProfile",
+      t(E({ component: d, employeeId: void 0 }))
+    ),
+    e(
+      n.EMPLOYEE_UPDATE,
+      "employeeProfile",
+      t(
+        (o, a) => ({
+          ...o,
+          component: d,
+          employeeId: a.payload.employeeId,
+          onboardingStatus: a.payload.onboardingStatus
+        })
+      )
+    ),
+    e(n.EMPLOYEE_ONBOARDING_DONE, "final")
+  ),
+  employeeProfile: m(
+    e(
+      n.EMPLOYEE_PROFILE_DONE,
+      "compensation",
+      t(
+        (o, a) => ({
+          ...o,
+          component: c,
+          employeeId: a.payload.uuid,
+          onboardingStatus: a.payload.onboardingStatus,
+          startDate: a.payload.startDate
+        })
+      )
+    ),
+    r("index")
+  ),
+  compensation: m(
+    e(
+      n.EMPLOYEE_COMPENSATION_DONE,
+      "employeeTaxes",
+      t(E({ component: P })),
+      i(l)
+    ),
+    e(
+      n.EMPLOYEE_COMPENSATION_DONE,
+      "deductions",
+      t(E({ component: p }))
+    ),
+    r("index")
+  ),
+  employeeTaxes: m(
+    e(
+      n.EMPLOYEE_TAXES_DONE,
+      "paymentMethod",
+      t(E({ component: N })),
+      i(l)
+    ),
+    r("index")
+  ),
+  paymentMethod: m(
+    e(
+      n.EMPLOYEE_PAYMENT_METHOD_DONE,
+      "deductions",
+      t(E({ component: p }))
+    ),
+    r("index")
+  ),
+  deductions: m(
+    e(
+      n.EMPLOYEE_DEDUCTION_DONE,
+      "summary",
+      t(E({ component: y }))
+    ),
+    r("index")
+  ),
+  summary: m(
+    e(
+      n.EMPLOYEES_LIST,
+      "index",
+      t(E({ component: s, employeeId: void 0 }))
+    )
+  ),
+  final: m()
+};
+export {
+  T as employeeOnboardingMachine
+};
+//# sourceMappingURL=onboardingStateMachine.js.map

package/dist/components/Employee/OnboardingFlow/onboardingStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Employee/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { OnboardingContextInterface } from './OnboardingFlow'\nimport {\n  EmployeeOnboardingStatus,\n  EmployeeSelfOnboardingStatuses,\n  componentEvents,\n} from '@/shared/constants'\nimport { type MachineEventType } from '@/types/Helpers'\nimport { CompensationContextual } from '@/components/Employee/Compensation'\nimport { DeductionsContextual } from '@/components/Employee/Deductions'\nimport { EmployeeListContextual } from '@/components/Employee/EmployeeList/EmployeeList'\nimport { PaymentMethodContextual } from '@/components/Employee/PaymentMethod'\nimport { ProfileContextual } from '@/components/Employee/Profile'\nimport { TaxesContextual } from '@/components/Employee/Taxes'\nimport { OnboardingSummaryContextual } from '@/components/Employee/OnboardingSummary'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: {\n    employeeId: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  }\n  [componentEvents.EMPLOYEE_PROFILE_DONE]: {\n    uuid: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n    startDate: string\n  }\n}\n\nconst createReducer = (props: Partial<OnboardingContextInterface>) => {\n  return (ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst cancelTransition = (target: string, component?: React.ComponentType) =>\n  transition(\n    componentEvents.CANCEL,\n    target,\n    reduce(createReducer({ component: component ?? EmployeeListContextual })),\n  )\n\nconst selfOnboardingGuard = (ctx: OnboardingContextInterface) =>\n  ctx.onboardingStatus\n    ? !(\n        // prettier-ignore\n        // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n        (EmployeeSelfOnboardingStatuses.has(ctx.onboardingStatus) ||\n        ctx.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n      )\n    : true\n\nexport const employeeOnboardingMachine = {\n  index: state(\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'employeeProfile',\n      reduce(createReducer({ component: ProfileContextual, employeeId: undefined })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'employeeProfile',\n\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): OnboardingContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            employeeId: ev.payload.employeeId,\n            onboardingStatus: ev.payload.onboardingStatus,\n          }\n        },\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_ONBOARDING_DONE, 'final'),\n  ),\n  employeeProfile: state(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'compensation',\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_PROFILE_DONE>,\n        ): OnboardingContextInterface => ({\n          ...ctx,\n          component: CompensationContextual,\n          employeeId: ev.payload.uuid,\n          onboardingStatus: ev.payload.onboardingStatus,\n          startDate: ev.payload.startDate,\n        }),\n      ),\n    ),\n    cancelTransition('index'),\n  ),\n  compensation: state(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'employeeTaxes',\n      reduce(createReducer({ component: TaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  employeeTaxes: state(\n    transition(\n      componentEvents.EMPLOYEE_TAXES_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    cancelTransition('index'),\n  ),\n  paymentMethod: state(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  deductions: state(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DONE,\n      'summary',\n      reduce(createReducer({ component: OnboardingSummaryContextual })),\n    ),\n\n    cancelTransition('index'),\n  ),\n  summary: state(\n    transition(\n      componentEvents.EMPLOYEES_LIST,\n      'index',\n      reduce(createReducer({ component: EmployeeListContextual, employeeId: undefined })),\n    ),\n  ),\n  final: state(),\n}\n"],"names":["createReducer","props","ctx","cancelTransition","target","component","transition","componentEvents","reduce","EmployeeListContextual","selfOnboardingGuard","EmployeeSelfOnboardingStatuses","EmployeeOnboardingStatus","employeeOnboardingMachine","state","ProfileContextual","ev","CompensationContextual","TaxesContextual","guard","DeductionsContextual","PaymentMethodContextual","OnboardingSummaryContextual"],"mappings":";;;;;;;;;AA4BA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIDE,IAAmB,CAACC,GAAgBC,MACxCC;AAAA,EACEC,EAAgB;AAAA,EAChBH;AAAA,EACAI,EAAOR,EAAc,EAAE,WAAwBS,EAAA,CAAwB,CAAC;AAC1E,GAEIC,IAAsB,CAACR,MAC3BA,EAAI,mBACA;AAAA;AAAA,CAGGS,EAA+B,IAAIT,EAAI,gBAAgB,KACxDA,EAAI,qBAAqBU,EAAyB,kCAEpD,IAEOC,IAA4B;AAAA,EACvC,OAAOC;AAAA,IACLR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWe,GAAmB,YAAY,QAAW,CAAC;AAAA,IAC/E;AAAA,IACAT;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MAEAC;AAAA,QACE,CACEN,GACAc,OAEO;AAAA,UACL,GAAGd;AAAA,UACH,WAAWa;AAAA,UACX,YAAYC,EAAG,QAAQ;AAAA,UACvB,kBAAkBA,EAAG,QAAQ;AAAA,QAC/B;AAAA,MACF;AAAA,IAEJ;AAAA,IACAV,EAAWC,EAAgB,0BAA0B,OAAO;AAAA,EAC9D;AAAA,EACA,iBAAiBO;AAAA,IACfR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEN,GACAc,OACgC;AAAA,UAChC,GAAGd;AAAA,UACH,WAAWe;AAAA,UACX,YAAYD,EAAG,QAAQ;AAAA,UACvB,kBAAkBA,EAAG,QAAQ;AAAA,UAC7B,WAAWA,EAAG,QAAQ;AAAA,QACxB;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAb,EAAiB,OAAO;AAAA,EAC1B;AAAA,EACA,cAAcW;AAAA,IACZR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWkB,EAAiB,CAAA,CAAC;AAAA,MACpDC,EAAMT,CAAmB;AAAA,IAC3B;AAAA,IACAJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWoB,EAAA,CAAsB,CAAC;AAAA,IAC3D;AAAA,IACAjB,EAAiB,OAAO;AAAA,EAC1B;AAAA,EACA,eAAeW;AAAA,IACbR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWqB,EAAyB,CAAA,CAAC;AAAA,MAC5DF,EAAMT,CAAmB;AAAA,IAC3B;AAAA,IACAP,EAAiB,OAAO;AAAA,EAC1B;AAAA,EACA,eAAeW;AAAA,IACbR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWoB,EAAA,CAAsB,CAAC;AAAA,IAC3D;AAAA,IACAjB,EAAiB,OAAO;AAAA,EAC1B;AAAA,EACA,YAAYW;AAAA,IACVR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWsB,EAAA,CAA6B,CAAC;AAAA,IAClE;AAAA,IAEAnB,EAAiB,OAAO;AAAA,EAC1B;AAAA,EACA,SAASW;AAAA,IACPR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAc,EAAE,WAAWS,GAAwB,YAAY,QAAW,CAAC;AAAA,IAAA;AAAA,EAEtF;AAAA,EACA,OAAOK,EAAM;AACf;"}

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.d.ts

@@ -1,5 +1,5 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-interface SummaryProps extends CommonComponentInterface {
+interface SummaryProps extends CommonComponentInterface<'Employee.OnboardingSummary'> {
     employeeId: string;
     isAdmin?: boolean;
 }

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as s, Fragment as h } from "react/jsx-runtime";
-import { useTranslation as E } from "react-i18next";
-import I from "classnames";
-import { useEmployeesGetSuspense as C } from "@gusto/embedded-api/react-query/employeesGet";
+import { jsx as e, jsxs as m, Fragment as h } from "react/jsx-runtime";
+import { useTranslation as y } from "react-i18next";
+import C from "classnames";
+import { useEmployeesGetSuspense as I } from "@gusto/embedded-api/react-query/employeesGet";
 import { useEmployeesGetOnboardingStatusSuspense as D } from "@gusto/embedded-api/react-query/employeesGetOnboardingStatus";
 import i from "./OnboardingSummary.module.scss.js";
 import { BaseComponent as v } from "../../Base/Base.js";
@@ -9,40 +9,40 @@ import { useBase as A } from "../../Base/useBase.js";
 import { Flex as d } from "../../Common/Flex/Flex.js";
 import { ActionsLayout as g } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as R } from "../../../i18n/I18n.js";
+import { useI18n as R, useComponentDictionary as T } from "../../../i18n/I18n.js";
 import { componentEvents as f, EmployeeOnboardingStatus as S } from "../../../shared/constants.js";
-import T from "../../../assets/icons/success_check.svg.js";
-import _ from "../../../assets/icons/unchecked_circular.svg.js";
-import { useFlow as w } from "../../Flow/useFlow.js";
-function G(n) {
-  return R("Employee.OnboardingSummary"), /* @__PURE__ */ e(v, { ...n, children: /* @__PURE__ */ e(L, { ...n, children: n.children }) });
+import _ from "../../../assets/icons/success_check.svg.js";
+import w from "../../../assets/icons/unchecked_circular.svg.js";
+import { useFlow as G } from "../../Flow/useFlow.js";
+function L(n) {
+  return R("Employee.OnboardingSummary"), T("Employee.OnboardingSummary", n.dictionary), /* @__PURE__ */ e(v, { ...n, children: /* @__PURE__ */ e(P, { ...n, children: n.children }) });
 }
-const L = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
-  const { onEvent: a } = A(), { t } = E("Employee.OnboardingSummary"), o = B(), {
-    data: { employee: y }
-  } = C({ employeeId: n }), { firstName: N, lastName: O } = y, { data: b } = D({ employeeId: n }), { onboardingStatus: p, onboardingSteps: l } = b.employeeOnboardingStatus, x = l?.length && l.findIndex((r) => r.required && !r.completed) > -1, u = p === S.ONBOARDING_COMPLETED || !x && p === S.SELF_ONBOARDING_PENDING_INVITE;
-  return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ s(d, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ e(d, { alignItems: "center", flexDirection: "column", gap: 8, children: m ? u ? /* @__PURE__ */ s(h, { children: [
-      /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", { name: `${N} ${O}` }) }),
+const P = ({ employeeId: n, className: c, isAdmin: s = !1 }) => {
+  const { onEvent: a } = A(), { t } = y("Employee.OnboardingSummary"), o = B(), {
+    data: { employee: E }
+  } = I({ employeeId: n }), { firstName: O, lastName: b } = E, { data: N } = D({ employeeId: n }), { onboardingStatus: u, onboardingSteps: l } = N.employeeOnboardingStatus, x = l?.length && l.findIndex((r) => r.required && !r.completed) > -1, p = u === S.ONBOARDING_COMPLETED || !x && u === S.SELF_ONBOARDING_PENDING_INVITE;
+  return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ m(d, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(d, { alignItems: "center", flexDirection: "column", gap: 8, children: s ? p ? /* @__PURE__ */ m(h, { children: [
+      /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", { name: `${O} ${b}` }) }),
       /* @__PURE__ */ e(o.Text, { className: i.description, children: t("onboardedAdminDescription") })
-    ] }) : /* @__PURE__ */ s(d, { flexDirection: "column", alignItems: "flex-start", gap: 8, children: [
+    ] }) : /* @__PURE__ */ m(d, { flexDirection: "column", alignItems: "flex-start", gap: 8, children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", children: t("missingRequirementsSubtitle") }),
       /* @__PURE__ */ e(o.Text, { children: t("missingRequirementsDescription") }),
-      /* @__PURE__ */ e("ul", { className: i.list, children: l?.sort((r, P) => r.completed ? -1 : 1).map((r) => /* @__PURE__ */ s("li", { className: i.listItem, children: [
-        r.completed ? /* @__PURE__ */ e(T, { width: 24, height: 24, className: i.listItemIcon }) : /* @__PURE__ */ e(
-          _,
+      /* @__PURE__ */ e("ul", { className: i.list, children: l?.sort((r, F) => r.completed ? -1 : 1).map((r) => /* @__PURE__ */ m("li", { className: i.listItem, children: [
+        r.completed ? /* @__PURE__ */ e(_, { width: 24, height: 24, className: i.listItemIcon }) : /* @__PURE__ */ e(
+          w,
           {
             width: 24,
             height: 24,
-            className: I(i.listItemIcon, i.incomplete)
+            className: C(i.listItemIcon, i.incomplete)
           }
         ),
         /* @__PURE__ */ e(o.Heading, { as: "h4", children: t(`steps.${r.id}`, r.title) })
       ] }, r.id)) })
-    ] }) : /* @__PURE__ */ s(h, { children: [
+    ] }) : /* @__PURE__ */ m(h, { children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedSelfSubtitle") }),
       /* @__PURE__ */ e(o.Text, { className: i.description, children: t("onboardedSelfDescription") }),
-      /* @__PURE__ */ e(g, { justifyContent: u ? "center" : "start", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(g, { justifyContent: p ? "center" : "start", children: /* @__PURE__ */ e(
         o.Button,
         {
           variant: "secondary",
@@ -53,7 +53,7 @@ const L = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
         }
       ) })
     ] }) }),
-    m && /* @__PURE__ */ e(g, { justifyContent: "center", children: /* @__PURE__ */ e(
+    s && /* @__PURE__ */ e(g, { justifyContent: "center", children: /* @__PURE__ */ e(
       o.Button,
       {
         variant: "secondary",
@@ -64,8 +64,8 @@ const L = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
       }
     ) })
   ] }) });
-}, Z = () => {
-  const { employeeId: n, onEvent: c, isAdmin: m } = w(), { t: a } = E("common");
+}, ee = () => {
+  const { employeeId: n, onEvent: c, isAdmin: s } = G(), { t: a } = y("common");
   if (!n)
     throw new Error(
       a("errors.missingParamsOrContext", {
@@ -74,10 +74,10 @@ const L = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
         provider: "FlowProvider"
       })
     );
-  return /* @__PURE__ */ e(G, { employeeId: n, onEvent: c, isAdmin: m });
+  return /* @__PURE__ */ e(L, { employeeId: n, onEvent: c, isAdmin: s });
 };
 export {
-  G as OnboardingSummary,
-  Z as OnboardingSummaryContextual
+  L as OnboardingSummary,
+  ee as OnboardingSummaryContextual
 };
 //# sourceMappingURL=OnboardingSummary.js.map