@gusto/embedded-react-sdk 0.6.0 → 0.8.0

package/dist/components/Employee/DocumentSigner/documentSignerStateMachine.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { DocumentList as u } from "./DocumentList/DocumentList.js";
+import { SignatureForm as i } from "./SignatureForm/SignatureForm.js";
+import { useFlow as m } from "../../Flow/useFlow.js";
+import { ensureRequired as t } from "../../../helpers/ensureRequired.js";
+function c() {
+  const { employeeId: o, onEvent: e } = m();
+  return /* @__PURE__ */ r(u, { employeeId: t(o), onEvent: e });
+}
+function I() {
+  const { employeeId: o, formId: e, onEvent: n } = m();
+  return /* @__PURE__ */ r(
+    i,
+    {
+      employeeId: t(o),
+      formId: t(e),
+      onEvent: n
+    }
+  );
+}
+export {
+  c as DocumentListContextual,
+  I as SignatureFormContextual
+};
+//# sourceMappingURL=documentSignerStateMachine.js.map

package/dist/components/Employee/DocumentSigner/documentSignerStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentSignerStateMachine.js","sources":["../../../../src/components/Employee/DocumentSigner/documentSignerStateMachine.tsx"],"sourcesContent":["import { type Form } from '@gusto/embedded-api/models/components/form'\nimport { DocumentList } from './DocumentList/DocumentList'\nimport { SignatureForm } from './SignatureForm/SignatureForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_SIGN_FORM]: Form\n  [componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN]: { uuid: string }\n  [componentEvents.CANCEL]: undefined\n}\n\nexport interface DocumentSignerContextInterface extends FlowContextInterface {\n  employeeId: string\n  formId?: string\n}\n\nexport function DocumentListContextual() {\n  const { employeeId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return <DocumentList employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function SignatureFormContextual() {\n  const { employeeId, formId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return (\n    <SignatureForm\n      employeeId={ensureRequired(employeeId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["DocumentListContextual","employeeId","onEvent","useFlow","DocumentList","ensureRequired","SignatureFormContextual","formId","jsx","SignatureForm"],"mappings":";;;;;AAkBO,SAASA,IAAyB;AACvC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAQ,IAAIC,EAAwC;AAExE,2BAAQC,GAAa,EAAA,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AACjF;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,YAAAL,GAAY,QAAAM,GAAQ,SAAAL,EAAA,IAAYC,EAAwC;AAG9E,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYJ,EAAeJ,CAAU;AAAA,MACrC,QAAQI,EAAeE,CAAM;AAAA,MAC7B,SAAAL;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1 @@
+export * from './DocumentSignerFlow';

package/dist/components/Employee/DocumentSigner/stateMachine.d.ts

@@ -0,0 +1,5 @@
+export declare const documentSignerMachine: {
+    index: import('robot3').MachineState<"employee/forms/view" | "employee/forms/done">;
+    signatureForm: import('robot3').MachineState<"employee/forms/sign" | "CANCEL">;
+    done: import('robot3').MachineState<string>;
+};

package/dist/components/Employee/DocumentSigner/stateMachine.js

@@ -0,0 +1,48 @@
+import { state as r, transition as n, reduce as m } from "robot3";
+import { DocumentListContextual as i, SignatureFormContextual as d } from "./documentSignerStateMachine.js";
+import { componentEvents as e } from "../../../shared/constants.js";
+const c = {
+  index: r(
+    n(
+      e.EMPLOYEE_VIEW_FORM_TO_SIGN,
+      "signatureForm",
+      m(
+        (o, t) => ({
+          ...o,
+          formId: t.payload.uuid,
+          component: d
+        })
+      )
+    ),
+    n(e.EMPLOYEE_FORMS_DONE, "done")
+  ),
+  signatureForm: r(
+    n(
+      e.CANCEL,
+      "index",
+      m(
+        (o, t) => ({
+          ...o,
+          formId: void 0,
+          component: i
+        })
+      )
+    ),
+    n(
+      e.EMPLOYEE_SIGN_FORM,
+      "index",
+      m(
+        (o, t) => ({
+          ...o,
+          formId: void 0,
+          component: i
+        })
+      )
+    )
+  ),
+  done: r()
+};
+export {
+  c as documentSignerMachine
+};
+//# sourceMappingURL=stateMachine.js.map

package/dist/components/Employee/DocumentSigner/stateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Employee/DocumentSigner/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DocumentSignerContextInterface, EventPayloads } from './documentSignerStateMachine'\nimport { SignatureFormContextual, DocumentListContextual } from './documentSignerStateMachine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType } from '@/types/Helpers'\n\nexport const documentSignerMachine = {\n  index: state(\n    transition(\n      componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN,\n      'signatureForm',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: ev.payload.uuid,\n          component: SignatureFormContextual,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_FORMS_DONE, 'done'),\n  ),\n  signatureForm: state(\n    transition(\n      componentEvents.CANCEL,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CANCEL>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_SIGN_FORM,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_SIGN_FORM>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["documentSignerMachine","state","transition","componentEvents","reduce","ctx","ev","SignatureFormContextual","DocumentListContextual","final"],"mappings":";;;AAMO,MAAMA,IAAwB;AAAA,EACnC,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQC,EAAG,QAAQ;AAAA,UACnB,WAAWC;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAL,EAAWC,EAAgB,qBAAqB,MAAM;AAAA,EACxD;AAAA,EACA,eAAeF;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,WAAWG;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACAN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,WAAWG;AAAA,QACb;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,MAAMC,EAAM;AACd;"}

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

@@ -0,0 +1 @@
+export declare function Actions(): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+import { useEmployeeList as m } from "./useEmployeeList.js";
+import { ActionsLayout as s } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as l } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function y() {
+  const { t } = r("Employee.EmployeeList"), { handleSkip: n, employees: e } = m(), i = l();
+  return e.length === 0 ? null : /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(i.Button, { onClick: n, isLoading: !1, children: t("continueCta") }) });
+}
+export {
+  y as Actions
+};
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/EmployeeList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeList } from './useEmployeeList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const { handleSkip, employees } = useEmployeeList()\n  const Components = useComponentContext()\n\n  if (employees.length === 0) {\n    return null\n  }\n\n  return (\n    <ActionsLayout>\n      <Components.Button onClick={handleSkip} isLoading={false}>\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleSkip","employees","useEmployeeList","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,YAAAC,GAAY,WAAAC,EAAU,IAAIC,EAAgB,GAC5CC,IAAaC,EAAoB;AAEnC,SAAAH,EAAU,WAAW,IAChB,OAIN,gBAAAI,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAF,EAAW,QAAX,EAAkB,SAASH,GAAY,WAAW,IAChD,UAAE,EAAA,aAAa,EAClB,CAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,15 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base/Base';
+interface EmployeeListProps extends CommonComponentInterface {
+    companyId: string;
+}
+export declare function EmployeeList(props: EmployeeListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare namespace EmployeeList {
+    var Head: () => import("react/jsx-runtime").JSX.Element;
+    var List: () => import("react/jsx-runtime").JSX.Element;
+    var Actions: typeof import("./Actions").Actions;
+}
+/**
+ * Wrapper used inside Flows -> exposes flow context for required parameters
+ */
+export declare const EmployeeListContextual: () => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,107 @@
+import { jsx as n, jsxs as Y } 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 { 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 { 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";
+function m(o) {
+  return /* @__PURE__ */ n(k, { ...o, children: /* @__PURE__ */ n(K, { ...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);
+  }, b = () => {
+    r((e) => Math.max(e - 1, 1));
+  }, R = () => {
+    r((e) => Math.min(e + 1, E));
+  }, T = () => {
+    r(E);
+  }, x = async (e) => {
+    await i(e, async (t) => {
+      await _({
+        request: { employeeId: t }
+      }), await U(N, [o]), a(s.EMPLOYEE_DELETED, { employeeId: t });
+    });
+  }, C = async (e) => {
+    await i(e, async (t) => {
+      await d({
+        employeeId: t,
+        status: c.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
+      }), a(s.EMPLOYEE_UPDATE, {
+        employeeId: t,
+        onboardingStatus: c.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
+      });
+    });
+  }, v = async (e) => {
+    await i(e, async (t) => {
+      await d({
+        employeeId: t,
+        status: c.ADMIN_ONBOARDING_INCOMPLETE
+      });
+    });
+  }, d = async (e) => {
+    await i(e, async ({ employeeId: t, status: B }) => {
+      const { employeeOnboardingStatus: G } = await M({
+        request: { employeeId: t, requestBody: { onboardingStatus: B } }
+      });
+      a(s.EMPLOYEE_ONBOARDING_STATUS_UPDATED, G);
+    });
+  };
+  return /* @__PURE__ */ n("section", { className: l, children: /* @__PURE__ */ n(
+    j,
+    {
+      value: {
+        handleEdit: (e, t) => {
+          a(s.EMPLOYEE_UPDATE, { employeeId: e, onboardingStatus: t });
+        },
+        handleNew: () => {
+          a(s.EMPLOYEE_CREATE);
+        },
+        handleReview: C,
+        handleDelete: x,
+        employees: D,
+        currentPage: p,
+        totalPages: E,
+        handleFirstPage: w,
+        handlePreviousPage: b,
+        handleNextPage: R,
+        handleLastPage: T,
+        handleCancelSelfOnboarding: v,
+        handleItemsPerPageChange: S,
+        handleSkip: () => {
+          a(s.EMPLOYEE_ONBOARDING_DONE);
+        }
+      },
+      children: u || /* @__PURE__ */ Y(Q, { flexDirection: "column", children: [
+        /* @__PURE__ */ n(h, {}),
+        /* @__PURE__ */ n(O, {}),
+        /* @__PURE__ */ n(P, {})
+      ] })
+    }
+  ) });
+}
+m.Head = h;
+m.List = O;
+m.Actions = P;
+const Pe = () => {
+  const { companyId: o, onEvent: l } = J();
+  return /* @__PURE__ */ n(m, { companyId: o, onEvent: l });
+};
+export {
+  m as EmployeeList,
+  Pe as EmployeeListContextual
+};
+//# sourceMappingURL=EmployeeList.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1 @@
+export declare const Head: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useTranslation as n } from "react-i18next";
+import { Flex as r } from "../../Common/Flex/Flex.js";
+import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const a = () => {
+  const { t } = n("Employee.EmployeeList"), o = m();
+  return /* @__PURE__ */ e(r, { justifyContent: "space-between", alignItems: "center", children: /* @__PURE__ */ e(o.Heading, { as: "h2", children: t("title") }) });
+};
+export {
+  a as Head
+};
+//# sourceMappingURL=Head.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sources":["../../../../src/components/Employee/EmployeeList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for EmployeeList component\nexport const Head = () => {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n\n  return (\n    <Flex justifyContent=\"space-between\" alignItems=\"center\">\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n    </Flex>\n  )\n}\n"],"names":["Head","useTranslation","Components","useComponentContext","jsx","Flex"],"mappings":";;;;AAKO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAoB;AAEvC,SACG,gBAAAC,EAAAC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA,gBAAAD,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAE,EAAA,OAAO,EAAE,CAAA,GAC1C;AAEJ;"}

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

@@ -0,0 +1,2 @@
+/**List of employees slot for EmployeeList component */
+export declare const List: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,113 @@
+import { jsx as a, jsxs as c, Fragment as w } from "react/jsx-runtime";
+import { useTranslation as A } from "react-i18next";
+import { useState as T } from "react";
+import k from "./List.module.scss.js";
+import { useEmployeeList as v } from "./useEmployeeList.js";
+import { EmptyData as B } from "../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as h } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as M } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { HamburgerMenu as G } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import s from "../../../assets/icons/pencil.svg.js";
+import R from "../../../assets/icons/trashcan.svg.js";
+import { EmployeeOnboardingStatus as i, EmployeeSelfOnboardingStatuses as x } from "../../../shared/constants.js";
+import { firstLastName as y } from "../../../helpers/formattedStrings.js";
+import { useDataView as F } from "../../Common/DataView/useDataView.js";
+import { DataView as V } from "../../Common/DataView/DataView.js";
+const at = () => {
+  const {
+    handleDelete: g,
+    employees: d,
+    handleEdit: b,
+    handleReview: f,
+    handleNew: u,
+    handleCancelSelfOnboarding: p,
+    handleFirstPage: S,
+    handlePreviousPage: E,
+    handleNextPage: C,
+    handleLastPage: N,
+    handleItemsPerPageChange: L,
+    currentPage: O,
+    totalPages: _,
+    handleSkip: D
+  } = v(), r = M(), { t: n } = A("Employee.EmployeeList"), [I, l] = T(/* @__PURE__ */ new Set()), { ...P } = F({
+    data: d,
+    columns: [
+      {
+        key: "name",
+        title: n("nameLabel"),
+        render: (t) => y({
+          first_name: t.firstName,
+          last_name: t.lastName
+        })
+      },
+      {
+        key: "status",
+        title: n("statusLabel"),
+        render: (t) => /* @__PURE__ */ a(r.Badge, { status: t.onboarded ? "success" : "warning", children: n(`onboardingStatus.${t.onboardingStatus ?? "undefined"}`, {
+          ns: "common"
+        }) })
+      }
+    ],
+    itemMenu: (t) => {
+      const e = [];
+      return (t.onboardingStatus === i.ADMIN_ONBOARDING_INCOMPLETE || t.onboardingStatus === i.SELF_ONBOARDING_PENDING_INVITE || t.onboardingStatus === i.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t.onboardingStatus === i.ONBOARDING_COMPLETED) && e.push({
+        label: n("editCta"),
+        onClick: () => {
+          b(t.uuid, t.onboardingStatus);
+        },
+        icon: /* @__PURE__ */ a(s, { "aria-hidden": !0 })
+      }), x.has(t.onboarding_status ?? "") && e.push({
+        label: n("cancelSelfOnboardingCta"),
+        onClick: async () => {
+          await p(t.uuid);
+        },
+        icon: /* @__PURE__ */ a(s, { "aria-hidden": !0 })
+      }), t.onboardingStatus === i.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE && e.push({
+        label: n("reviewCta"),
+        onClick: () => {
+          f(t.uuid);
+        },
+        icon: /* @__PURE__ */ a(s, { "aria-hidden": !0 })
+      }), t.onboarded || e.push({
+        label: n("deleteCta"),
+        onClick: () => {
+          l((o) => new Set(o).add(t.uuid)), g(t.uuid).then(() => {
+            l((o) => {
+              const m = new Set(o);
+              return m.delete(t.uuid), m;
+            });
+          });
+        },
+        icon: /* @__PURE__ */ a(R, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ a(
+        G,
+        {
+          items: e,
+          triggerLabel: n("hamburgerTitle"),
+          isLoading: I.has(t.uuid)
+        }
+      );
+    },
+    pagination: {
+      handleNextPage: C,
+      handleFirstPage: S,
+      handleLastPage: N,
+      handlePreviousPage: E,
+      handleItemsPerPageChange: L,
+      currentPage: O,
+      totalPages: _
+    },
+    emptyState: () => /* @__PURE__ */ a(B, { title: n("emptyTableTitle"), description: n("emptyTableDescription"), children: /* @__PURE__ */ c(h, { justifyContent: "center", children: [
+      /* @__PURE__ */ a(r.Button, { variant: "secondary", onClick: D, children: n("skipCta") }),
+      /* @__PURE__ */ a(r.Button, { variant: "primary", onClick: u, children: n("addEmployeeCTA") })
+    ] }) })
+  });
+  return /* @__PURE__ */ c(w, { children: [
+    d.length > 0 && /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(r.Button, { variant: "secondary", onClick: u, children: n("addAnotherCta") }) }),
+    /* @__PURE__ */ a("div", { className: k.container, children: /* @__PURE__ */ a(V, { label: n("employeeListLabel"), ...P }) })
+  ] });
+};
+export {
+  at as List
+};
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/EmployeeList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useState } from 'react'\nimport style from './List.module.scss'\nimport { useEmployeeList } from './useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/**List of employees slot for EmployeeList component */\nexport const List = () => {\n  const {\n    handleDelete,\n    employees,\n    handleEdit,\n    handleReview,\n    handleNew,\n    handleCancelSelfOnboarding,\n    handleFirstPage,\n    handlePreviousPage,\n    handleNextPage,\n    handleLastPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    handleSkip,\n  } = useEmployeeList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Employee.EmployeeList')\n  const [deleting, setDeleting] = useState<Set<string>>(new Set())\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\n        key: 'name',\n        title: t('nameLabel'),\n        render: employee => {\n          return firstLastName({\n            first_name: employee.firstName,\n            last_name: employee.lastName,\n          })\n        },\n      },\n      {\n        key: 'status',\n        title: t('statusLabel'),\n        render: employee => {\n          return (\n            <Components.Badge status={employee.onboarded ? 'success' : 'warning'}>\n              {t(`onboardingStatus.${employee.onboardingStatus ?? 'undefined'}`, {\n                ns: 'common',\n              })}\n            </Components.Badge>\n          )\n        },\n      },\n    ],\n    itemMenu: employee => {\n      const menuItems = []\n\n      // Edit item\n      if (\n        employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n        employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE ||\n        employee.onboardingStatus ===\n          EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n        employee.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED\n      ) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            handleEdit(employee.uuid, employee.onboardingStatus)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      // Cancel self onboarding item\n      /* @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses */\n      if (EmployeeSelfOnboardingStatuses.has(employee.onboarding_status ?? '')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: async () => {\n            await handleCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      // Review item\n      if (\n        employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n      ) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void handleReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      // Delete item\n      if (!employee.onboarded) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setDeleting(prev => new Set(prev).add(employee.uuid))\n            void handleDelete(employee.uuid).then(() => {\n              setDeleting(prev => {\n                const newSet = new Set(prev)\n                newSet.delete(employee.uuid)\n                return newSet\n              })\n            })\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return (\n        <HamburgerMenu\n          items={menuItems}\n          triggerLabel={t('hamburgerTitle')}\n          isLoading={deleting.has(employee.uuid)}\n        />\n      )\n    },\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button variant=\"secondary\" onClick={handleSkip}>\n            {t('skipCta')}\n          </Components.Button>\n          <Components.Button variant=\"primary\" onClick={handleNew}>\n            {t('addEmployeeCTA')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n  return (\n    <>\n      {employees.length > 0 && (\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleNew}>\n            {t('addAnotherCta')}\n          </Components.Button>\n        </ActionsLayout>\n      )}\n      <div className={style.container}>\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n      </div>\n    </>\n  )\n}\n"],"names":["List","handleDelete","employees","handleEdit","handleReview","handleNew","handleCancelSelfOnboarding","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","currentPage","totalPages","handleSkip","useEmployeeList","Components","useComponentContext","t","useTranslation","deleting","setDeleting","useState","dataViewProps","useDataView","employee","firstLastName","jsx","menuItems","EmployeeOnboardingStatus","PencilSvg","EmployeeSelfOnboardingStatuses","prev","newSet","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","Fragment","style","DataView"],"mappings":";;;;;;;;;;;;;;;AAaO,MAAMA,KAAO,MAAM;AAClB,QAAA;AAAA,IACJ,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,MACEC,EAAgB,GACdC,IAAaC,EAAoB,GAEjC,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,CAACC,GAAUC,CAAW,IAAIC,EAAsB,oBAAI,KAAK,GACzD,EAAE,GAAGC,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMtB;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOgB,EAAE,WAAW;AAAA,QACpB,QAAQ,CAAYO,MACXC,EAAc;AAAA,UACnB,YAAYD,EAAS;AAAA,UACrB,WAAWA,EAAS;AAAA,QAAA,CACrB;AAAA,MAEL;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,aAAa;AAAA,QACtB,QAAQ,CAAYO,MAEf,gBAAAE,EAAAX,EAAW,OAAX,EAAiB,QAAQS,EAAS,YAAY,YAAY,WACxD,UAAEP,EAAA,oBAAoBO,EAAS,oBAAoB,WAAW,IAAI;AAAA,UACjE,IAAI;AAAA,QACL,CAAA,GACH;AAAA,MAEJ;AAAA,IAEJ;AAAA,IACA,UAAU,CAAYA,MAAA;AACpB,YAAMG,IAAY,CAAC;AAGnB,cACEH,EAAS,qBAAqBI,EAAyB,+BACvDJ,EAAS,qBAAqBI,EAAyB,kCACvDJ,EAAS,qBACPI,EAAyB,yCAC3BJ,EAAS,qBAAqBI,EAAyB,yBAEvDD,EAAU,KAAK;AAAA,QACb,OAAOV,EAAE,SAAS;AAAA,QAClB,SAAS,MAAM;AACF,UAAAf,EAAAsB,EAAS,MAAMA,EAAS,gBAAgB;AAAA,QACrD;AAAA,QACA,MAAM,gBAAAE,EAACG,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,MAAA,CAC9B,GAKCC,EAA+B,IAAIN,EAAS,qBAAqB,EAAE,KACrEG,EAAU,KAAK;AAAA,QACb,OAAOV,EAAE,yBAAyB;AAAA,QAClC,SAAS,YAAY;AACb,gBAAAZ,EAA2BmB,EAAS,IAAI;AAAA,QAChD;AAAA,QACA,MAAM,gBAAAE,EAACG,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,MAAA,CAC9B,GAKDL,EAAS,qBAAqBI,EAAyB,yCAEvDD,EAAU,KAAK;AAAA,QACb,OAAOV,EAAE,WAAW;AAAA,QACpB,SAAS,MAAM;AACR,UAAAd,EAAaqB,EAAS,IAAI;AAAA,QACjC;AAAA,QACA,MAAM,gBAAAE,EAACG,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,MAAA,CAC9B,GAIEL,EAAS,aACZG,EAAU,KAAK;AAAA,QACb,OAAOV,EAAE,WAAW;AAAA,QACpB,SAAS,MAAM;AACD,UAAAG,EAAA,CAAAW,MAAQ,IAAI,IAAIA,CAAI,EAAE,IAAIP,EAAS,IAAI,CAAC,GAC/CxB,EAAawB,EAAS,IAAI,EAAE,KAAK,MAAM;AAC1C,YAAAJ,EAAY,CAAQW,MAAA;AACZ,oBAAAC,IAAS,IAAI,IAAID,CAAI;AACpB,qBAAAC,EAAA,OAAOR,EAAS,IAAI,GACpBQ;AAAA,YAAA,CACR;AAAA,UAAA,CACF;AAAA,QACH;AAAA,QACA,MAAM,gBAAAN,EAACO,GAAY,EAAA,eAAW,GAAC,CAAA;AAAA,MAAA,CAChC,GAID,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,OAAOP;AAAA,UACP,cAAcV,EAAE,gBAAgB;AAAA,UAChC,WAAWE,EAAS,IAAIK,EAAS,IAAI;AAAA,QAAA;AAAA,MACvC;AAAA,IAEJ;AAAA,IACA,YAAY;AAAA,MACV,gBAAAhB;AAAA,MACA,iBAAAF;AAAA,MACA,gBAAAG;AAAA,MACA,oBAAAF;AAAA,MACA,0BAAAG;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,IACF;AAAA,IACA,YAAY,MACT,gBAAAc,EAAAS,GAAA,EAAU,OAAOlB,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAC,gBAAAmB,EAAAC,GAAA,EAAc,gBAAe,UAC5B,UAAA;AAAA,MAAC,gBAAAX,EAAAX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASF,GAC7C,UAAEI,EAAA,SAAS,EACd,CAAA;AAAA,MACA,gBAAAS,EAACX,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASX,GAC3C,UAAEa,EAAA,gBAAgB,EACrB,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAAA,CAEH;AACD,SAEK,gBAAAmB,EAAAE,GAAA,EAAA,UAAA;AAAA,IAAArC,EAAU,SAAS,KACjB,gBAAAyB,EAAAW,GAAA,EACC,4BAACtB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASX,GAC7C,UAAEa,EAAA,eAAe,EACpB,CAAA,GACF;AAAA,IAED,gBAAAS,EAAA,OAAA,EAAI,WAAWa,EAAM,WACpB,UAAA,gBAAAb,EAACc,GAAS,EAAA,OAAOvB,EAAE,mBAAmB,GAAI,GAAGK,GAAe,EAC9D,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/EmployeeList/List.module.scss.js

@@ -0,0 +1,8 @@
+const n = "_container_18572_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};
+//# sourceMappingURL=List.module.scss.js.map

package/dist/components/Employee/EmployeeList/List.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -0,0 +1,19 @@
+import { Employee } from '@gusto/embedded-api/models/components/employee';
+type EmployeeListContextType = {
+    handleEdit: (uuid: string, onboardingStatus?: string) => void;
+    handleDelete: (uuid: string) => Promise<void>;
+    handleCancelSelfOnboarding: (employeeId: string) => Promise<void>;
+    handleReview: (employeeId: string) => Promise<void>;
+    handleNew: () => void;
+    handleSkip: () => void;
+    handleFirstPage: () => void;
+    handlePreviousPage: () => void;
+    handleNextPage: () => void;
+    handleLastPage: () => void;
+    handleItemsPerPageChange: (newCount: number) => void;
+    currentPage: number;
+    totalPages: number;
+    employees: Employee[];
+};
+declare const useEmployeeList: () => EmployeeListContextType, EmployeeListProvider: import('react').Provider<EmployeeListContextType | null>;
+export { useEmployeeList, EmployeeListProvider };

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

@@ -0,0 +1,17 @@
+import "react/jsx-runtime";
+import "react";
+import "react-error-boundary";
+import "react-i18next";
+import "@gusto/embedded-api/models/errors/apierror";
+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");
+export {
+  E as EmployeeListProvider,
+  C as useEmployeeList
+};
+//# sourceMappingURL=useEmployeeList.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,7 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
+interface SummaryProps extends CommonComponentInterface {
+    employeeId: string;
+    companyId: string;
+}
+export declare function Landing(props: SummaryProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,53 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { useEmployeesGetSuspense as h } from "@gusto/embedded-api/react-query/employeesGet";
+import { useCompaniesGetSuspense as g } from "@gusto/embedded-api/react-query/companiesGet";
+import s from "./Landing.module.scss.js";
+import { BaseComponent as x } from "../../Base/Base.js";
+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 { 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 }) });
+}
+const D = ({ employeeId: t, companyId: c, className: l }) => {
+  const { onEvent: m } = y(), o = C(), {
+    data: { employee: a }
+  } = h({ employeeId: t }), p = a.firstName, {
+    data: { company: d }
+  } = g({ companyId: c }), f = d?.name, { t: n } = u("Employee.Landing");
+  return /* @__PURE__ */ e("section", { className: l, children: /* @__PURE__ */ i(r, { alignItems: "center", flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ i(r, { alignItems: "center", flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: n("landingSubtitle", { firstName: p, companyName: f }) }),
+      /* @__PURE__ */ e(o.Text, { className: s.description, children: n("landingDescription") })
+    ] }),
+    /* @__PURE__ */ i(r, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ e(o.Heading, { as: "h3", children: n("stepsSubtitle") }),
+      /* @__PURE__ */ i("ul", { children: [
+        /* @__PURE__ */ e("li", { children: n("steps.personalInfo") }),
+        /* @__PURE__ */ e("li", { children: n("steps.taxInfo") }),
+        /* @__PURE__ */ e("li", { children: n("steps.bankInfo") })
+      ] })
+    ] }),
+    /* @__PURE__ */ i(r, { flexDirection: "column", alignItems: "center", gap: 8, children: [
+      /* @__PURE__ */ e(E, { justifyContent: "center", children: /* @__PURE__ */ e(
+        o.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            m(S.EMPLOYEE_SELF_ONBOARDING_START);
+          },
+          children: n("getStartedCta")
+        }
+      ) }),
+      /* @__PURE__ */ e(o.Text, { className: s.description, children: n("getStartedDescription") })
+    ] })
+  ] }) });
+};
+export {
+  k as Landing
+};
+//# sourceMappingURL=Landing.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,8 @@
+const s = "_description_3f4d1_1", t = {
+  description: s
+};
+export {
+  t as default,
+  s as description
+};
+//# sourceMappingURL=Landing.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Landing.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -0,0 +1 @@
+export * from './Landing';

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

@@ -0,0 +1,8 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
+interface SummaryProps extends CommonComponentInterface {
+    employeeId: string;
+    isAdmin?: boolean;
+}
+export declare function OnboardingSummary(props: SummaryProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare const OnboardingSummaryContextual: () => import("react/jsx-runtime").JSX.Element;
+export {};