@gusto/embedded-react-sdk 0.52.2 → 0.54.0

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

@@ -1,78 +1,76 @@
-import { state as m, transition as e, reduce as t } from "robot3";
-import { DocumentListContextual as E, EmploymentEligibilityContextual as d, I9SignatureFormContextual as I, SignatureFormContextual as a } from "./documentSignerStateMachine.js";
-import { componentEvents as i, I9_FORM_NAME as _ } from "../../../../../shared/constants.js";
-const M = {
+import { state as m, transition as t, reduce as n } from "robot3";
+import { DocumentListContextual as r, EmploymentEligibilityContextual as I, I9SignatureFormContextual as d, SignatureFormContextual as a } from "./documentSignerStateMachine.js";
+import { componentEvents as e, I9_FORM_NAME as l } from "../../../../../shared/constants.js";
+const c = {
   employmentEligibility: m(
-    e(
-      i.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE,
+    t(
+      e.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE,
       "index",
-      t(
-        (o, n) => ({
+      n(
+        (o, i) => ({
           ...o,
-          component: E
+          component: r
         })
       )
     )
   ),
   index: m(
-    e(
-      i.EMPLOYEE_VIEW_FORM_TO_SIGN,
+    t(
+      e.EMPLOYEE_VIEW_FORM_TO_SIGN,
       "signatureForm",
-      t(
-        (o, n) => {
-          const r = n.payload.name === _;
+      n(
+        (o, i) => {
+          const E = i.payload.name === l;
           return {
             ...o,
-            formId: n.payload.uuid,
-            isI9Form: r,
-            component: r ? I : a
+            formId: i.payload.uuid,
+            isI9Form: E,
+            component: E ? d : a
           };
         }
       )
-    ),
-    e(i.EMPLOYEE_FORMS_DONE, "done")
+    )
   ),
   signatureForm: m(
-    e(
-      i.CANCEL,
+    t(
+      e.CANCEL,
       "index",
-      t(
-        (o, n) => ({
+      n(
+        (o, i) => ({
           ...o,
           formId: void 0,
           isI9Form: void 0,
-          component: E
+          component: r
         })
       )
     ),
-    e(
-      i.EMPLOYEE_SIGN_FORM,
+    t(
+      e.EMPLOYEE_SIGN_FORM,
       "index",
-      t(
-        (o, n) => ({
+      n(
+        (o, i) => ({
           ...o,
           formId: void 0,
           isI9Form: void 0,
-          component: E
+          component: r
         })
       )
     ),
-    e(
-      i.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS,
+    t(
+      e.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS,
       "employmentEligibility",
-      t(
-        (o, n) => ({
+      n(
+        (o, i) => ({
           ...o,
           formId: void 0,
           isI9Form: void 0,
-          component: d
+          component: I
         })
       )
     )
-  ),
-  done: m()
+  )
 };
 export {
-  M as documentSignerMachine
+  c as documentSignerMachine
 };
 //# sourceMappingURL=stateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"stateMachine.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DocumentSignerContextInterface, EventPayloads } from './documentSignerStateMachine'\nimport {\n  SignatureFormContextual,\n  DocumentListContextual,\n  I9SignatureFormContextual,\n  EmploymentEligibilityContextual,\n} from './documentSignerStateMachine'\nimport { componentEvents, I9_FORM_NAME } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const documentSignerMachine = {\n  employmentEligibility: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE\n          >,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n  ),\n  index: state<MachineTransition>(\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          const isI9Form = ev.payload.name === I9_FORM_NAME\n          return {\n            ...ctx,\n            formId: ev.payload.uuid,\n            isI9Form,\n            component: isI9Form ? I9SignatureFormContextual : SignatureFormContextual,\n          }\n        },\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_FORMS_DONE, 'done'),\n  ),\n  signatureForm: state<MachineTransition>(\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          isI9Form: 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          isI9Form: undefined,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS,\n      'employmentEligibility',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS\n          >,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          isI9Form: undefined,\n          component: EmploymentEligibilityContextual,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["documentSignerMachine","state","transition","componentEvents","reduce","ctx","ev","DocumentListContextual","isI9Form","I9_FORM_NAME","I9SignatureFormContextual","SignatureFormContextual","EmploymentEligibilityContextual","final"],"mappings":";;;AAYO,MAAMA,IAAwB;AAAA,EACnC,uBAAuBC;AAAA,IACrBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAIoC;AAAA,UACpC,GAAGD;AAAA,UACH,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAON;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,MACmC;AACnC,gBAAME,IAAWF,EAAG,QAAQ,SAASG;AACrC,iBAAO;AAAA,YACL,GAAGJ;AAAA,YACH,QAAQC,EAAG,QAAQ;AAAA,YACnB,UAAAE;AAAA,YACA,WAAWA,IAAWE,IAA4BC;AAAA,UAAA;AAAA,QAEtD;AAAA,MAAA;AAAA,IACF;AAAA,IAEFT,EAAWC,EAAgB,qBAAqB,MAAM;AAAA,EAAA;AAAA,EAExD,eAAeF;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAIoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWO;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAMC,EAAA;AACR;"}
+{"version":3,"file":"stateMachine.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { DocumentSignerContextInterface, EventPayloads } from './documentSignerStateMachine'\nimport {\n  SignatureFormContextual,\n  DocumentListContextual,\n  I9SignatureFormContextual,\n  EmploymentEligibilityContextual,\n} from './documentSignerStateMachine'\nimport { componentEvents, I9_FORM_NAME } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/**\n * `EMPLOYEE_FORMS_DONE` deliberately has no transition out of `index`. `Flow` re-emits every\n * event to the upstream `onEvent` regardless of whether the local machine has a matching\n * transition, so the parent flow still advances/unmounts this component on that signal. Modeling\n * completion as a robot3 final state instead left `component` pointing at a step whose controls\n * could never fire another transition — if a host doesn't unmount immediately, the screen would\n * look interactive but be permanently dead (see SDK-1169, the same bug in\n * `Compensation`'s onboarding machine). Staying in `index` means a host that keeps this\n * component mounted past completion keeps a fully working document list instead.\n *\n * @internal\n */\nexport const documentSignerMachine = {\n  employmentEligibility: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE\n          >,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n  ),\n  index: state<MachineTransition>(\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          const isI9Form = ev.payload.name === I9_FORM_NAME\n          return {\n            ...ctx,\n            formId: ev.payload.uuid,\n            isI9Form,\n            component: isI9Form ? I9SignatureFormContextual : SignatureFormContextual,\n          }\n        },\n      ),\n    ),\n  ),\n  signatureForm: state<MachineTransition>(\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          isI9Form: 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          isI9Form: undefined,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS,\n      'employmentEligibility',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS\n          >,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          isI9Form: undefined,\n          component: EmploymentEligibilityContextual,\n        }),\n      ),\n    ),\n  ),\n}\n"],"names":["documentSignerMachine","state","transition","componentEvents","reduce","ctx","ev","DocumentListContextual","isI9Form","I9_FORM_NAME","I9SignatureFormContextual","SignatureFormContextual","EmploymentEligibilityContextual"],"mappings":";;;AAuBO,MAAMA,IAAwB;AAAA,EACnC,uBAAuBC;AAAA,IACrBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAIoC;AAAA,UACpC,GAAGD;AAAA,UACH,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAON;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,MACmC;AACnC,gBAAME,IAAWF,EAAG,QAAQ,SAASG;AACrC,iBAAO;AAAA,YACL,GAAGJ;AAAA,YACH,QAAQC,EAAG,QAAQ;AAAA,YACnB,UAAAE;AAAA,YACA,WAAWA,IAAWE,IAA4BC;AAAA,UAAA;AAAA,QAEtD;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEF,eAAeV;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAIoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWO;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/stateMachine.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocumentsPresentation.js

@@ -4,14 +4,13 @@ import { useForm as I, FormProvider as L } from "react-hook-form";
 import { zodResolver as v } from "@hookform/resolvers/zod";
 import { z as u } from "zod";
 import { Flex as o, FlexItem as t } from "../../../../Common/Flex/Flex.js";
-import { useComponentContext as E } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { Form as w } from "../../../../Common/Form/Form.js";
+import { Form as E } from "../../../../Common/Form/Form.js";
+import { useComponentContext as w } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as C } from "../../../../../i18n/I18n.js";
 import { CheckboxField as F } from "../../../../Common/Fields/CheckboxField/CheckboxField.js";
 const g = "gusto-sdk-employee-documents-form", T = u.object({
   includeI9: u.boolean()
-}), A = ({
+}), V = ({
   isEmployeeSelfOnboarding: a,
   currentI9Status: h,
   onSubmit: f,
@@ -19,14 +18,14 @@ const g = "gusto-sdk-employee-documents-form", T = u.object({
   isPending: O
 }) => {
   C("Employee.EmployeeDocuments");
-  const { t: e } = y("Employee.EmployeeDocuments"), { Alert: d, Heading: l, Text: i, Button: s, Link: m, UnorderedList: D } = E(), c = I({
+  const { t: e } = y("Employee.EmployeeDocuments"), { Alert: d, Heading: l, Text: i, Button: s, Link: m, UnorderedList: D } = w(), c = I({
     resolver: v(T),
     defaultValues: {
       includeI9: h
     }
   }), x = c.watch("includeI9");
   return /* @__PURE__ */ n(S, { children: /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
-    a ? /* @__PURE__ */ n(L, { ...c, children: /* @__PURE__ */ n(w, { id: g, onSubmit: c.handleSubmit(f), children: /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
+    a ? /* @__PURE__ */ n(L, { ...c, children: /* @__PURE__ */ n(E, { id: g, onSubmit: c.handleSubmit(f), children: /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
       /* @__PURE__ */ r(o, { flexDirection: "column", gap: 4, children: [
         /* @__PURE__ */ n(l, { as: "h2", children: e("selfOnboarding.title") }),
         /* @__PURE__ */ n(i, { variant: "supporting", children: e("selfOnboarding.description") })
@@ -111,6 +110,6 @@ const g = "gusto-sdk-employee-documents-form", T = u.object({
   ] }) });
 };
 export {
-  A as EmployeeDocumentsPresentation
+  V as EmployeeDocumentsPresentation
 };
 //# sourceMappingURL=EmployeeDocumentsPresentation.js.map

package/dist/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocumentsPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeDocumentsPresentation.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocumentsPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Flex, CheckboxField, FlexItem } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst EMPLOYEE_DOCUMENTS_FORM_ID = 'gusto-sdk-employee-documents-form'\n\nconst EmployeeDocumentsSchema = z.object({\n  includeI9: z.boolean(),\n})\n\n/** @internal */\nexport type EmployeeDocumentsFormValues = z.infer<typeof EmployeeDocumentsSchema>\n\n/** @internal */\nexport interface EmployeeDocumentsPresentationProps {\n  isEmployeeSelfOnboarding: boolean\n  currentI9Status: boolean\n  onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>\n  onDone: () => void\n  isPending: boolean\n}\n\n/** @internal */\nexport const EmployeeDocumentsPresentation = ({\n  isEmployeeSelfOnboarding,\n  currentI9Status,\n  onSubmit,\n  onDone,\n  isPending,\n}: EmployeeDocumentsPresentationProps) => {\n  useI18n('Employee.EmployeeDocuments')\n  const { t } = useTranslation('Employee.EmployeeDocuments')\n  const { Alert, Heading, Text, Button, Link, UnorderedList } = useComponentContext()\n\n  const formMethods = useForm<EmployeeDocumentsFormValues>({\n    resolver: zodResolver(EmployeeDocumentsSchema),\n    defaultValues: {\n      includeI9: currentI9Status,\n    },\n  })\n\n  const includeI9 = formMethods.watch('includeI9')\n\n  const renderSelfOnboarding = () => (\n    <FormProvider {...formMethods}>\n      <Form id={EMPLOYEE_DOCUMENTS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('selfOnboarding.title')}</Heading>\n            <Text variant=\"supporting\">{t('selfOnboarding.description')}</Text>\n          </Flex>\n\n          <Heading as=\"h3\">{t('selfOnboarding.documentsIncludedLabel')}</Heading>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.taxWithholdingLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.taxWithholdingDescription')}</Text>\n          </FlexItem>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.directDepositLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.directDepositDescription')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.includeI9Heading')}</Heading>\n          <CheckboxField\n            name=\"includeI9\"\n            label={t('selfOnboarding.includeI9Label')}\n            description={t('selfOnboarding.includeI9Description')}\n          />\n\n          {includeI9 ? (\n            <Alert status=\"warning\" label={t('selfOnboarding.alerts.includedTitle')}>\n              <UnorderedList\n                items={[\n                  <Trans\n                    key=\"included-description-1\"\n                    i18nKey={'selfOnboarding.alerts.includedDescription'}\n                    t={t}\n                    components={{\n                      Link: <Link />,\n                    }}\n                  />,\n                  <span key=\"included-description-2\">\n                    {t('selfOnboarding.alerts.includedDescription2')}\n                  </span>,\n                ]}\n              />\n            </Alert>\n          ) : (\n            <Alert status=\"info\" label={t('selfOnboarding.alerts.notIncludedTitle')}>\n              <Trans\n                i18nKey={'selfOnboarding.alerts.notIncludedDescription'}\n                t={t}\n                components={{\n                  Link: <Link />,\n                }}\n              />\n            </Alert>\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n\n  const renderNotSelfOnboarding = () => (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('notSelfOnboarding.title')}</Heading>\n        <Text variant=\"supporting\">{t('notSelfOnboarding.description')}</Text>\n      </Flex>\n      <Flex flexDirection=\"column\" gap={20}>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.employmentEligibilityLabel')}</Text>\n          <Text variant=\"supporting\">\n            {t('notSelfOnboarding.employmentEligibilityDescription')}\n          </Text>\n        </FlexItem>\n\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.taxWithholdingLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.taxWithholdingDescription')}</Text>\n        </FlexItem>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.directDepositLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.directDepositDescription')}</Text>\n        </FlexItem>\n      </Flex>\n      <Alert status=\"info\" label={t('notSelfOnboarding.alertTitle')} disableScrollIntoView></Alert>\n    </Flex>\n  )\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={16}>\n        {isEmployeeSelfOnboarding ? renderSelfOnboarding() : renderNotSelfOnboarding()}\n\n        <Flex justifyContent=\"flex-end\" gap={12}>\n          {isEmployeeSelfOnboarding ? (\n            <Button\n              variant=\"primary\"\n              type=\"submit\"\n              form={EMPLOYEE_DOCUMENTS_FORM_ID}\n              isLoading={isPending}\n            >\n              {t('continueCta')}\n            </Button>\n          ) : (\n            <Button variant=\"primary\" onClick={onDone}>\n              {t('continueCta')}\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </>\n  )\n}\n"],"names":["EMPLOYEE_DOCUMENTS_FORM_ID","EmployeeDocumentsSchema","z","EmployeeDocumentsPresentation","isEmployeeSelfOnboarding","currentI9Status","onSubmit","onDone","isPending","useI18n","t","useTranslation","Alert","Heading","Text","Button","Link","UnorderedList","useComponentContext","formMethods","useForm","zodResolver","includeI9","jsxs","Flex","jsx","FormProvider","Form","FlexItem","CheckboxField","Trans"],"mappings":"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"}
+{"version":3,"file":"EmployeeDocumentsPresentation.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocumentsPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Flex, CheckboxField, FlexItem } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst EMPLOYEE_DOCUMENTS_FORM_ID = 'gusto-sdk-employee-documents-form'\n\nconst EmployeeDocumentsSchema = z.object({\n  includeI9: z.boolean(),\n})\n\n/** @internal */\nexport type EmployeeDocumentsFormValues = z.infer<typeof EmployeeDocumentsSchema>\n\n/** @internal */\nexport interface EmployeeDocumentsPresentationProps {\n  isEmployeeSelfOnboarding: boolean\n  currentI9Status: boolean\n  onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>\n  onDone: () => void\n  isPending: boolean\n}\n\n/** @internal */\nexport const EmployeeDocumentsPresentation = ({\n  isEmployeeSelfOnboarding,\n  currentI9Status,\n  onSubmit,\n  onDone,\n  isPending,\n}: EmployeeDocumentsPresentationProps) => {\n  useI18n('Employee.EmployeeDocuments')\n  const { t } = useTranslation('Employee.EmployeeDocuments')\n  const { Alert, Heading, Text, Button, Link, UnorderedList } = useComponentContext()\n\n  const formMethods = useForm<EmployeeDocumentsFormValues>({\n    resolver: zodResolver(EmployeeDocumentsSchema),\n    defaultValues: {\n      includeI9: currentI9Status,\n    },\n  })\n\n  const includeI9 = formMethods.watch('includeI9')\n\n  const renderSelfOnboarding = () => (\n    <FormProvider {...formMethods}>\n      <Form id={EMPLOYEE_DOCUMENTS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('selfOnboarding.title')}</Heading>\n            <Text variant=\"supporting\">{t('selfOnboarding.description')}</Text>\n          </Flex>\n\n          <Heading as=\"h3\">{t('selfOnboarding.documentsIncludedLabel')}</Heading>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.taxWithholdingLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.taxWithholdingDescription')}</Text>\n          </FlexItem>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.directDepositLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.directDepositDescription')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.includeI9Heading')}</Heading>\n          <CheckboxField\n            name=\"includeI9\"\n            label={t('selfOnboarding.includeI9Label')}\n            description={t('selfOnboarding.includeI9Description')}\n          />\n\n          {includeI9 ? (\n            <Alert status=\"warning\" label={t('selfOnboarding.alerts.includedTitle')}>\n              <UnorderedList\n                items={[\n                  <Trans\n                    key=\"included-description-1\"\n                    i18nKey={'selfOnboarding.alerts.includedDescription'}\n                    t={t}\n                    components={{\n                      Link: <Link />,\n                    }}\n                  />,\n                  <span key=\"included-description-2\">\n                    {t('selfOnboarding.alerts.includedDescription2')}\n                  </span>,\n                ]}\n              />\n            </Alert>\n          ) : (\n            <Alert status=\"info\" label={t('selfOnboarding.alerts.notIncludedTitle')}>\n              <Trans\n                i18nKey={'selfOnboarding.alerts.notIncludedDescription'}\n                t={t}\n                components={{\n                  Link: <Link />,\n                }}\n              />\n            </Alert>\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n\n  const renderNotSelfOnboarding = () => (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('notSelfOnboarding.title')}</Heading>\n        <Text variant=\"supporting\">{t('notSelfOnboarding.description')}</Text>\n      </Flex>\n      <Flex flexDirection=\"column\" gap={20}>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.employmentEligibilityLabel')}</Text>\n          <Text variant=\"supporting\">\n            {t('notSelfOnboarding.employmentEligibilityDescription')}\n          </Text>\n        </FlexItem>\n\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.taxWithholdingLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.taxWithholdingDescription')}</Text>\n        </FlexItem>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.directDepositLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.directDepositDescription')}</Text>\n        </FlexItem>\n      </Flex>\n      <Alert status=\"info\" label={t('notSelfOnboarding.alertTitle')} disableScrollIntoView></Alert>\n    </Flex>\n  )\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={16}>\n        {isEmployeeSelfOnboarding ? renderSelfOnboarding() : renderNotSelfOnboarding()}\n\n        <Flex justifyContent=\"flex-end\" gap={12}>\n          {isEmployeeSelfOnboarding ? (\n            <Button\n              variant=\"primary\"\n              type=\"submit\"\n              form={EMPLOYEE_DOCUMENTS_FORM_ID}\n              isLoading={isPending}\n            >\n              {t('continueCta')}\n            </Button>\n          ) : (\n            <Button variant=\"primary\" onClick={onDone}>\n              {t('continueCta')}\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </>\n  )\n}\n"],"names":["EMPLOYEE_DOCUMENTS_FORM_ID","EmployeeDocumentsSchema","z","EmployeeDocumentsPresentation","isEmployeeSelfOnboarding","currentI9Status","onSubmit","onDone","isPending","useI18n","t","useTranslation","Alert","Heading","Text","Button","Link","UnorderedList","useComponentContext","formMethods","useForm","zodResolver","includeI9","jsxs","Flex","jsx","FormProvider","Form","FlexItem","CheckboxField","Trans"],"mappings":"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"}

package/dist/components/Employee/Documents/shared/SignatureForm/SignatureForm.js

@@ -5,19 +5,18 @@ import { BaseComponent as L, BaseLayout as d } from "../../../../Base/Base.js";
 import { useBase as v } from "../../../../Base/useBase.js";
 import { useI18n as D } from "../../../../../i18n/I18n.js";
 import { componentEvents as u } from "../../../../../shared/constants.js";
-import { Flex as p } from "../../../../Common/Flex/Flex.js";
+import { Flex as f } from "../../../../Common/Flex/Flex.js";
 import { ActionsLayout as w } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as y } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { Form as k } from "../../../../Common/Form/Form.js";
-import { SDKFormProvider as x } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as y } from "../../../../Common/Form/Form.js";
+import { SDKFormProvider as k } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as x } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { DocumentViewer as R } from "../../../../Common/DocumentViewer/DocumentViewer.js";
-function V(t) {
+function G(t) {
   return /* @__PURE__ */ o(L, { ...t, children: /* @__PURE__ */ o(B, { ...t }) });
 }
-function B({ employeeId: t, formId: f, className: g }) {
+function B({ employeeId: t, formId: p, className: g }) {
   D("Employee.DocumentSigner");
-  const { t: r } = S("Employee.DocumentSigner"), { onEvent: m } = v(), n = y(), e = F({ employeeId: t, formId: f });
+  const { t: r } = S("Employee.DocumentSigner"), { onEvent: m } = v(), n = x(), e = F({ employeeId: t, formId: p });
   if (e.isLoading)
     return /* @__PURE__ */ o(d, { isLoading: !0, error: e.errorHandling.errors });
   const { form: i, pdfUrl: a } = e.data, { isPending: h } = e.status, { Fields: l } = e.form, E = () => {
@@ -26,9 +25,9 @@ function B({ employeeId: t, formId: f, className: g }) {
     const c = await e.actions.onSubmit();
     c && m(u.EMPLOYEE_SIGN_FORM, c.data);
   };
-  return /* @__PURE__ */ o("section", { className: g, children: /* @__PURE__ */ o(d, { error: e.errorHandling.errors, children: /* @__PURE__ */ o(x, { formHookResult: e, children: /* @__PURE__ */ o(k, { onSubmit: () => {
+  return /* @__PURE__ */ o("section", { className: g, children: /* @__PURE__ */ o(d, { error: e.errorHandling.errors, children: /* @__PURE__ */ o(k, { formHookResult: e, children: /* @__PURE__ */ o(y, { onSubmit: () => {
     b();
-  }, children: /* @__PURE__ */ s(p, { flexDirection: "column", children: [
+  }, children: /* @__PURE__ */ s(f, { flexDirection: "column", children: [
     /* @__PURE__ */ s("section", { children: [
       /* @__PURE__ */ o(n.Heading, { as: "h2", children: r("signatureFormTitle", { formTitle: i.title }) }),
       a && /* @__PURE__ */ o(n.Text, { children: /* @__PURE__ */ o(
@@ -60,7 +59,7 @@ function B({ employeeId: t, formId: f, className: g }) {
         viewDocumentLabel: r("viewDocumentCta")
       }
     ),
-    /* @__PURE__ */ s(p, { flexDirection: "column", gap: 12, children: [
+    /* @__PURE__ */ s(f, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ o(
         l.Signature,
         {
@@ -84,6 +83,6 @@ function B({ employeeId: t, formId: f, className: g }) {
   ] }) }) }) }) });
 }
 export {
-  V as SignatureForm
+  G as SignatureForm
 };
 //# sourceMappingURL=SignatureForm.js.map

package/dist/components/Employee/Documents/shared/SignatureForm/SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../../../src/components/Employee/Documents/shared/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignEmployeeForm } from '../useSignEmployeeForm'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link SignatureForm}.\n *\n * @public\n */\nexport interface SignatureFormProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to sign. */\n  formId: string\n}\n\n/**\n * Presents a single employee document for review and signature.\n *\n * @remarks\n * Renders the form's PDF and collects the employee's signature. On successful\n * submission the signed form is emitted; cancelling returns to the document list.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/sign` | Fired after the form is successfully signed | {@link APIModels.Form} |\n * | `cancel` | Fired when the user cancels signing and returns to the document list | — |\n *\n * @param props - See {@link SignatureFormProps}.\n * @returns The employee signature form.\n * @public\n */\nexport function SignatureForm(props: SignatureFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\">\n              <section>\n                <Components.Heading as=\"h2\">\n                  {t('signatureFormTitle', { formTitle: form.title })}\n                </Components.Heading>\n                {pdfUrl && (\n                  <Components.Text>\n                    <Trans\n                      t={t}\n                      i18nKey=\"downloadPrompt\"\n                      values={{ description: form.description }}\n                      components={{\n                        downloadLink: (\n                          <Components.Link\n                            href={pdfUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            download={`${form.title || 'form'}.pdf`}\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Text>\n                )}\n              </section>\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadAndReviewInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureFieldLabel')}\n                  description={t('signatureFieldDescription')}\n                  validationMessages={{ REQUIRED: t('signatureFieldError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmSignatureCheckboxLabel')}\n                  validationMessages={{ REQUIRED: t('confirmSignatureError') }}\n                />\n              </Flex>\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('backCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signFormCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","BaseLayout","form","pdfUrl","isPending","Fields","handleBack","componentEvents","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","Trans","DocumentViewer","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../../../src/components/Employee/Documents/shared/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignEmployeeForm } from '../useSignEmployeeForm'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link SignatureForm}.\n *\n * @public\n */\nexport interface SignatureFormProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to sign. */\n  formId: string\n}\n\n/**\n * Presents a single employee document for review and signature.\n *\n * @remarks\n * Renders the form's PDF and collects the employee's signature. On successful\n * submission the signed form is emitted; cancelling returns to the document list.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/sign` | Fired after the form is successfully signed | {@link APIModels.Form} |\n * | `cancel` | Fired when the user cancels signing and returns to the document list | — |\n *\n * @param props - See {@link SignatureFormProps}.\n * @returns The employee signature form.\n * @public\n */\nexport function SignatureForm(props: SignatureFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\">\n              <section>\n                <Components.Heading as=\"h2\">\n                  {t('signatureFormTitle', { formTitle: form.title })}\n                </Components.Heading>\n                {pdfUrl && (\n                  <Components.Text>\n                    <Trans\n                      t={t}\n                      i18nKey=\"downloadPrompt\"\n                      values={{ description: form.description }}\n                      components={{\n                        downloadLink: (\n                          <Components.Link\n                            href={pdfUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            download={`${form.title || 'form'}.pdf`}\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Text>\n                )}\n              </section>\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadAndReviewInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureFieldLabel')}\n                  description={t('signatureFieldDescription')}\n                  validationMessages={{ REQUIRED: t('signatureFieldError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmSignatureCheckboxLabel')}\n                  validationMessages={{ REQUIRED: t('confirmSignatureError') }}\n                />\n              </Flex>\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('backCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signFormCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","BaseLayout","form","pdfUrl","isPending","Fields","handleBack","componentEvents","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","Trans","DocumentViewer","ActionsLayout"],"mappings":"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"}

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

@@ -18,7 +18,8 @@ export interface ManagementEmployeeListProps extends BaseComponentInterface<'Emp
 }
 /**
  * Renders a tabbed list of a company's employees split across Active, Onboarding, and Dismissed
- * tabs, with per-row actions tailored to each tab (edit, delete, dismiss, rehire).
+ * tabs, with per-row actions tailored to each tab (edit, delete, dismiss). Dismissed rows have no
+ * available actions, so no menu is rendered for them.
  *
  * @events
  * | Event | Description | Data |
@@ -30,4 +31,4 @@ export interface ManagementEmployeeListProps extends BaseComponentInterface<'Emp
  *
  * @public
  */
-export declare function ManagementEmployeeList({ FallbackComponent, ...props }: ManagementEmployeeListProps): import("react").JSX.Element;
+export declare function ManagementEmployeeList({ FallbackComponent, LoaderComponent, ...props }: ManagementEmployeeListProps): import("react").JSX.Element;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ManagementEmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeList.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { useEmployeeList, type EmployeeType } from '../shared/useEmployeeList'\nimport { ManagementEmployeeListView } from './ManagementEmployeeListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * The tab currently selected on {@link ManagementEmployeeList | EmployeeList}.\n *\n * @public\n */\nexport type EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\n/**\n * Props for {@link ManagementEmployeeList}.\n *\n * @public\n */\nexport interface ManagementEmployeeListProps extends BaseComponentInterface<'Employee.ManagementEmployeeList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Tab to render first: Active, Onboarding, or Dismissed. Defaults to `'active'`. */\n  initialTab?: EmployeeTab\n}\n\nconst mapTabToEmployeeType = (tab: EmployeeTab): EmployeeType => {\n  switch (tab) {\n    case 'active':\n      return 'active'\n    case 'onboarding':\n      return 'onboarding'\n    case 'dismissed':\n      return 'terminated'\n  }\n}\n\nfunction ManagementEmployeeListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n}: ManagementEmployeeListProps) {\n  useI18n('Employee.ManagementEmployeeList')\n  useComponentDictionary('Employee.ManagementEmployeeList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<EmployeeTab>(initialTab)\n\n  const employeeType = useMemo(() => mapTabToEmployeeType(selectedTab), [selectedTab])\n\n  const employeeList = useEmployeeList({\n    companyId,\n    employeeType,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleDismiss = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_DISMISS, { employeeId })\n  }\n\n  const handleTabChange = (tab: EmployeeTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <ManagementEmployeeListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDismiss={handleDismiss}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId)\n          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onAddEmployee={handleAddEmployee}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a tabbed list of a company's employees split across Active, Onboarding, and Dismissed\n * tabs, with per-row actions tailored to each tab (edit, delete, dismiss, rehire).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" on a row. | `{ employeeId: string }` |\n * | `employee/dismiss` | Fired when the user selects \"Dismiss\" on a row in the Active tab. | `{ employeeId: string }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n *\n * @public\n */\nexport function ManagementEmployeeList({\n  FallbackComponent,\n  ...props\n}: ManagementEmployeeListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.ManagementEmployeeList\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ManagementEmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToEmployeeType","tab","ManagementEmployeeListRoot","companyId","initialTab","onEvent","dictionary","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","employeeType","useMemo","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","componentEvents","handleAddEmployee","handleDismiss","handleTabChange","jsx","ManagementEmployeeListView","ManagementEmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;AA0BA,MAAMA,IAAuB,CAACC,MAAmC;AAC/D,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEA,SAASC,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCF,CAAU;AAEpE,QAAM,CAACG,GAAaC,CAAc,IAAIC,EAAsBP,CAAU,GAEhEQ,IAAeC,EAAQ,MAAMb,EAAqBS,CAAW,GAAG,CAACA,CAAW,CAAC,GAE7EK,IAAeC,EAAgB;AAAA,IACnC,WAAAZ;AAAA,IACA,cAAAS;AAAA,EAAA,CACD;AAED,MAAIE,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,MAAuB;AACzC,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEME,IAAoB,MAAM;AAC9B,IAAAf,EAAQc,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAgB,CAACH,MAAuB;AAC5C,IAAAb,EAAQc,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,EAC1D,GAEMI,IAAkB,CAACrB,MAAqB;AAC5C,IAAAS,EAAeT,CAAG;AAAA,EACpB;AAEA,SACE,gBAAAsB,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAf;AAAA,MACA,aAAaa;AAAA,MACb,WAAWR,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,WAAWI;AAAA,MACX,UAAU,OAAOH,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,CAAU,GAC9Cb,EAAQc,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,eAAeE;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;AAgBO,SAASK,EAAuB;AAAA,EACrC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,SACE,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAH,EAACrB,GAAA,EAA4B,GAAGyB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7C;"}
+{"version":3,"file":"ManagementEmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeList.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { useEmployeeList, type EmployeeType } from '../shared/useEmployeeList'\nimport { ManagementEmployeeListView } from './ManagementEmployeeListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * The tab currently selected on {@link ManagementEmployeeList | EmployeeList}.\n *\n * @public\n */\nexport type EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\n/**\n * Props for {@link ManagementEmployeeList}.\n *\n * @public\n */\nexport interface ManagementEmployeeListProps extends BaseComponentInterface<'Employee.ManagementEmployeeList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Tab to render first: Active, Onboarding, or Dismissed. Defaults to `'active'`. */\n  initialTab?: EmployeeTab\n}\n\nconst mapTabToEmployeeType = (tab: EmployeeTab): EmployeeType => {\n  switch (tab) {\n    case 'active':\n      return 'active'\n    case 'onboarding':\n      return 'onboarding'\n    case 'dismissed':\n      return 'terminated'\n  }\n}\n\nfunction ManagementEmployeeListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: ManagementEmployeeListProps) {\n  useI18n('Employee.ManagementEmployeeList')\n  useComponentDictionary('Employee.ManagementEmployeeList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<EmployeeTab>(initialTab)\n\n  const employeeType = useMemo(() => mapTabToEmployeeType(selectedTab), [selectedTab])\n\n  const employeeList = useEmployeeList({\n    companyId,\n    employeeType,\n  })\n\n  if (employeeList.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={employeeList.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleEdit = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleDismiss = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_DISMISS, { employeeId })\n  }\n\n  const handleTabChange = (tab: EmployeeTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <ManagementEmployeeListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDismiss={handleDismiss}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId)\n          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onAddEmployee={handleAddEmployee}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a tabbed list of a company's employees split across Active, Onboarding, and Dismissed\n * tabs, with per-row actions tailored to each tab (edit, delete, dismiss). Dismissed rows have no\n * available actions, so no menu is rendered for them.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" on a row. | `{ employeeId: string }` |\n * | `employee/dismiss` | Fired when the user selects \"Dismiss\" on a row in the Active tab. | `{ employeeId: string }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n *\n * @public\n */\nexport function ManagementEmployeeList({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ManagementEmployeeListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.ManagementEmployeeList\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ManagementEmployeeListRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToEmployeeType","tab","ManagementEmployeeListRoot","companyId","initialTab","onEvent","dictionary","LoaderComponent","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","employeeType","useMemo","employeeList","useEmployeeList","jsx","BaseLayout","handleEdit","employeeId","componentEvents","handleAddEmployee","handleDismiss","handleTabChange","ManagementEmployeeListView","ManagementEmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;AA0BA,MAAMA,IAAuB,CAACC,MAAmC;AAC/D,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEA,SAASC,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCH,CAAU;AAEpE,QAAM,CAACI,GAAaC,CAAc,IAAIC,EAAsBR,CAAU,GAEhES,IAAeC,EAAQ,MAAMd,EAAqBU,CAAW,GAAG,CAACA,CAAW,CAAC,GAE7EK,IAAeC,EAAgB;AAAA,IACnC,WAAAb;AAAA,IACA,cAAAU;AAAA,EAAA,CACD;AAED,MAAIE,EAAa;AACf,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAa,cAAc;AAAA,QAClC,iBAAAR;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMY,IAAa,CAACC,MAAuB;AACzC,IAAAf,EAAQgB,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEME,IAAoB,MAAM;AAC9B,IAAAjB,EAAQgB,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAgB,CAACH,MAAuB;AAC5C,IAAAf,EAAQgB,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,EAC1D,GAEMI,IAAkB,CAACvB,MAAqB;AAC5C,IAAAU,EAAeV,CAAG;AAAA,EACpB;AAEA,2BACGiB,GAAA,EAAW,OAAOH,EAAa,cAAc,QAAQ,iBAAAR,GACpD,UAAA,gBAAAU;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,aAAAf;AAAA,MACA,aAAac;AAAA,MACb,WAAWT,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQI;AAAA,MACR,WAAWI;AAAA,MACX,UAAU,OAAOH,MAAuB;AACtC,cAAML,EAAa,QAAQ,SAASK,CAAU,GAC9Cf,EAAQgB,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,eAAeE;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;AAiBO,SAASI,EAAuB;AAAA,EACrC,mBAAAC;AAAA,EACA,iBAAApB;AAAA,EACA,GAAGqB;AACL,GAAgC;AAC9B,SACE,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAApB;AAAA,MAEA,UAAA,gBAAAU,EAACf,GAAA,EAA2B,iBAAAK,GAAmC,GAAGqB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG/E;"}

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

@@ -118,7 +118,7 @@ function mt({
           m(e.uuid);
         },
         icon: /* @__PURE__ */ a(u, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ a(J, { items: i, triggerLabel: t("hamburgerTitle") });
+      }), i.length === 0 ? null : /* @__PURE__ */ a(J, { items: i, triggerLabel: t("hamburgerTitle") });
     },
     isFetching: f,
     pagination: {

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

@@ -1 +1 @@
-{"version":3,"file":"ManagementEmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\n/** @internal */\nexport interface ManagementEmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  selectedTab: EmployeeTab\n  onTabChange: (tab: EmployeeTab) => void\n  onEdit: (employeeId: string) => void\n  onDismiss: (employeeId: string) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n}\n\n/** @internal */\nexport function ManagementEmployeeListView({\n  selectedTab,\n  onTabChange,\n  employees,\n  isFetching,\n  status,\n  onEdit,\n  onDismiss,\n  onDelete,\n  onAddEmployee,\n  pagination,\n}: ManagementEmployeeListViewProps) {\n  const { t } = useTranslation('Employee.ManagementEmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const {\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    totalCount,\n    itemsPerPage,\n  } = pagination\n\n  const tabs = [\n    {\n      id: 'active',\n      label: t('tabs.active'),\n      content: null,\n    },\n    {\n      id: 'onboarding',\n      label: t('tabs.onboarding'),\n      content: null,\n    },\n    {\n      id: 'dismissed',\n      label: t('tabs.dismissed'),\n      content: null,\n    },\n  ]\n\n  const getColumns = () => {\n    const nameColumn = {\n      key: 'name',\n      title: t('nameLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return firstLastName({\n          first_name: employee.firstName,\n          last_name: employee.lastName,\n        })\n      },\n    }\n\n    const jobTitleColumn = {\n      key: 'jobTitle',\n      title: t('jobTitleLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return employee.primaryJob?.title ?? '-'\n      },\n    }\n\n    if (selectedTab === 'active') {\n      return [nameColumn, jobTitleColumn]\n    }\n\n    if (selectedTab === 'onboarding') {\n      return [\n        nameColumn,\n        {\n          key: 'startDate',\n          title: t('startDateLabel'),\n          render: (employee: EmployeeWithActions) => {\n            const formattedDate = formatDateLongWithYear(employee.primaryJob?.hireDate)\n            return formattedDate || '-'\n          },\n        },\n        jobTitleColumn,\n        {\n          key: 'status',\n          title: t('statusLabel'),\n          render: (employee: EmployeeWithActions) => (\n            <EmployeeOnboardingStatusBadge\n              onboarded={employee.onboarded}\n              onboardingStatus={employee.onboardingStatus}\n            />\n          ),\n        },\n      ]\n    }\n\n    return [\n      nameColumn,\n      jobTitleColumn,\n      {\n        key: 'lastDay',\n        title: t('lastDayLabel'),\n        render: (employee: EmployeeWithActions) => {\n          const termination = employee.terminations?.[0]\n          const formattedDate = formatDateLongWithYear(termination?.effectiveDate)\n          return formattedDate || '-'\n        },\n      },\n    ]\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: getColumns(),\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('dismiss')) {\n        menuItems.push({\n          label: t('dismissCta'),\n          onClick: () => {\n            onDismiss(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('cancelCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => {\n      let title = ''\n      let description = ''\n\n      if (selectedTab === 'active') {\n        title = t('emptyState.active.title')\n        description = t('emptyState.active.description')\n      } else if (selectedTab === 'onboarding') {\n        title = t('emptyState.onboarding.title')\n        description = t('emptyState.onboarding.description')\n      } else {\n        title = t('emptyState.dismissed.title')\n        description = t('emptyState.dismissed.description')\n      }\n\n      return <EmptyData title={title} description={description} />\n    },\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Components.Button variant=\"secondary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </Flex>\n\n        <Flex flexDirection=\"column\" gap={0}>\n          <Components.Tabs\n            tabs={tabs}\n            selectedId={selectedTab}\n            onSelectionChange={id => {\n              onTabChange(id as EmployeeTab)\n            }}\n            aria-label={t('tabsLabel')}\n          />\n\n          <DataView label={t('employeeListLabel')} {...dataViewProps} />\n        </Flex>\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["ManagementEmployeeListView","selectedTab","onTabChange","employees","isFetching","status","onEdit","onDismiss","onDelete","onAddEmployee","pagination","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","totalCount","itemsPerPage","tabs","getColumns","nameColumn","employee","firstLastName","jobTitleColumn","formatDateLongWithYear","jsx","EmployeeOnboardingStatusBadge","termination","dataViewProps","useDataView","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","title","description","EmptyData","jsxs","Fragment","Flex","PlusCircleIcon","id","DataView"],"mappings":"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"}
+{"version":3,"file":"ManagementEmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\n/** @internal */\nexport interface ManagementEmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  selectedTab: EmployeeTab\n  onTabChange: (tab: EmployeeTab) => void\n  onEdit: (employeeId: string) => void\n  onDismiss: (employeeId: string) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n}\n\n/** @internal */\nexport function ManagementEmployeeListView({\n  selectedTab,\n  onTabChange,\n  employees,\n  isFetching,\n  status,\n  onEdit,\n  onDismiss,\n  onDelete,\n  onAddEmployee,\n  pagination,\n}: ManagementEmployeeListViewProps) {\n  const { t } = useTranslation('Employee.ManagementEmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const {\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    totalCount,\n    itemsPerPage,\n  } = pagination\n\n  const tabs = [\n    {\n      id: 'active',\n      label: t('tabs.active'),\n      content: null,\n    },\n    {\n      id: 'onboarding',\n      label: t('tabs.onboarding'),\n      content: null,\n    },\n    {\n      id: 'dismissed',\n      label: t('tabs.dismissed'),\n      content: null,\n    },\n  ]\n\n  const getColumns = () => {\n    const nameColumn = {\n      key: 'name',\n      title: t('nameLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return firstLastName({\n          first_name: employee.firstName,\n          last_name: employee.lastName,\n        })\n      },\n    }\n\n    const jobTitleColumn = {\n      key: 'jobTitle',\n      title: t('jobTitleLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return employee.primaryJob?.title ?? '-'\n      },\n    }\n\n    if (selectedTab === 'active') {\n      return [nameColumn, jobTitleColumn]\n    }\n\n    if (selectedTab === 'onboarding') {\n      return [\n        nameColumn,\n        {\n          key: 'startDate',\n          title: t('startDateLabel'),\n          render: (employee: EmployeeWithActions) => {\n            const formattedDate = formatDateLongWithYear(employee.primaryJob?.hireDate)\n            return formattedDate || '-'\n          },\n        },\n        jobTitleColumn,\n        {\n          key: 'status',\n          title: t('statusLabel'),\n          render: (employee: EmployeeWithActions) => (\n            <EmployeeOnboardingStatusBadge\n              onboarded={employee.onboarded}\n              onboardingStatus={employee.onboardingStatus}\n            />\n          ),\n        },\n      ]\n    }\n\n    return [\n      nameColumn,\n      jobTitleColumn,\n      {\n        key: 'lastDay',\n        title: t('lastDayLabel'),\n        render: (employee: EmployeeWithActions) => {\n          const termination = employee.terminations?.[0]\n          const formattedDate = formatDateLongWithYear(termination?.effectiveDate)\n          return formattedDate || '-'\n        },\n      },\n    ]\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: getColumns(),\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('dismiss')) {\n        menuItems.push({\n          label: t('dismissCta'),\n          onClick: () => {\n            onDismiss(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('cancelCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (menuItems.length === 0) {\n        return null\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => {\n      let title = ''\n      let description = ''\n\n      if (selectedTab === 'active') {\n        title = t('emptyState.active.title')\n        description = t('emptyState.active.description')\n      } else if (selectedTab === 'onboarding') {\n        title = t('emptyState.onboarding.title')\n        description = t('emptyState.onboarding.description')\n      } else {\n        title = t('emptyState.dismissed.title')\n        description = t('emptyState.dismissed.description')\n      }\n\n      return <EmptyData title={title} description={description} />\n    },\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Components.Button variant=\"secondary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </Flex>\n\n        <Flex flexDirection=\"column\" gap={0}>\n          <Components.Tabs\n            tabs={tabs}\n            selectedId={selectedTab}\n            onSelectionChange={id => {\n              onTabChange(id as EmployeeTab)\n            }}\n            aria-label={t('tabsLabel')}\n          />\n\n          <DataView label={t('employeeListLabel')} {...dataViewProps} />\n        </Flex>\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["ManagementEmployeeListView","selectedTab","onTabChange","employees","isFetching","status","onEdit","onDismiss","onDelete","onAddEmployee","pagination","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","totalCount","itemsPerPage","tabs","getColumns","nameColumn","employee","firstLastName","jobTitleColumn","formatDateLongWithYear","jsx","EmployeeOnboardingStatusBadge","termination","dataViewProps","useDataView","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","title","description","EmptyData","jsxs","Fragment","Flex","PlusCircleIcon","id","DataView"],"mappings":"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"}

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

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