@gusto/embedded-react-sdk 0.53.0 → 0.54.0

package/dist/components/Employee/Documents/management/DocumentsCard/DocumentsCard.js

@@ -1,20 +1,27 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
-import { Loading as d } from "../../../../Common/Loading/Loading.js";
-import { EmptyData as l } from "../../../../Common/EmptyData/EmptyData.js";
-import { BaseBoundaries as g, BaseLayout as p } from "../../../../Base/Base.js";
-import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as y } from "../../../../../i18n/I18n.js";
-import { componentEvents as E } from "../../../../../shared/constants.js";
+import { Loading as l } from "../../../../Common/Loading/Loading.js";
+import { EmptyData as g } from "../../../../Common/EmptyData/EmptyData.js";
+import { BaseBoundaries as p, BaseLayout as f } from "../../../../Base/Base.js";
+import { useComponentContext as y } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as E } from "../../../../../i18n/I18n.js";
+import { componentEvents as C } from "../../../../../shared/constants.js";
 import { useDocumentsList as D } from "../../shared/useDocumentsList/useDocumentsList.js";
 import { useDataView as S } from "../../../../Common/DataView/useDataView.js";
-import { DataView as C } from "../../../../Common/DataView/DataView.js";
-function v(o) {
-  return /* @__PURE__ */ e(g, { componentName: "Employee.Management.Documents", children: /* @__PURE__ */ e(h, { ...o }) });
+import { DataView as L } from "../../../../Common/DataView/DataView.js";
+function A(o) {
+  return /* @__PURE__ */ e(
+    p,
+    {
+      componentName: "Employee.Management.Documents",
+      LoaderComponent: o.LoaderComponent,
+      children: /* @__PURE__ */ e(h, { ...o })
+    }
+  );
 }
-function h({ employeeId: o, onEvent: s }) {
-  y("Employee.Management.Documents");
-  const { t } = c("Employee.Management.Documents"), r = f(), i = D({ employeeId: o }), a = i.isLoading ? [] : i.data.forms, m = [
+function h({ employeeId: o, onEvent: s, LoaderComponent: a }) {
+  E("Employee.Management.Documents");
+  const { t } = c("Employee.Management.Documents"), r = y(), i = D({ employeeId: o }), m = i.isLoading ? [] : i.data.forms, u = [
     {
       key: "title",
       title: t("columns.title"),
@@ -35,15 +42,15 @@ function h({ employeeId: o, onEvent: s }) {
       title: t("columns.requiresSigning"),
       render: (n) => n.requiresSigning ? /* @__PURE__ */ e(r.Badge, { status: "warning", children: t("signingStatus.notSigned") }) : /* @__PURE__ */ e(r.Badge, { status: "success", children: t("signingStatus.signed") })
     }
-  ], u = S({
-    data: a,
-    columns: m,
+  ], d = S({
+    data: m,
+    columns: u,
     itemMenu: (n) => /* @__PURE__ */ e(
       r.Button,
       {
         variant: "secondary",
         onClick: () => {
-          s(E.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {
+          s(C.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {
             employeeId: o,
             formId: n.uuid
           });
@@ -51,11 +58,11 @@ function h({ employeeId: o, onEvent: s }) {
         children: t("viewCta")
       }
     ),
-    emptyState: () => /* @__PURE__ */ e(l, { title: t("emptyState.title"), description: t("emptyState.description") })
+    emptyState: () => /* @__PURE__ */ e(g, { title: t("emptyState.title"), description: t("emptyState.description") })
   });
-  return /* @__PURE__ */ e(p, { error: i.errorHandling.errors, children: /* @__PURE__ */ e(r.Box, { withPadding: !1, header: /* @__PURE__ */ e(r.BoxHeader, { title: t("title") }), children: i.isLoading ? /* @__PURE__ */ e(d, {}) : /* @__PURE__ */ e(C, { label: t("listLabel"), isWithinBox: !0, ...u }) }) });
+  return /* @__PURE__ */ e(f, { error: i.errorHandling.errors, LoaderComponent: a, children: /* @__PURE__ */ e(r.Box, { withPadding: !1, header: /* @__PURE__ */ e(r.BoxHeader, { title: t("title") }), children: i.isLoading ? /* @__PURE__ */ e(l, {}) : /* @__PURE__ */ e(L, { label: t("listLabel"), isWithinBox: !0, ...d }) }) });
 }
 export {
-  v as DocumentsCard
+  A as DocumentsCard
 };
 //# sourceMappingURL=DocumentsCard.js.map

package/dist/components/Employee/Documents/management/DocumentsCard/DocumentsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentsCard.js","sources":["../../../../../../src/components/Employee/Documents/management/DocumentsCard/DocumentsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { useDocumentsList } from '../../shared/useDocumentsList'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link DocumentsCard}.\n *\n * @public\n */\nexport interface DocumentsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when a row's View CTA is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Documents\" (forms) card. Owns its own data fetch via\n * {@link useDocumentsList} and renders the employee's forms in a table with a\n * per-row \"View\" action. Emits\n * `employee/management/documents/card/viewRequested` with\n * `{ employeeId, formId }` when a row's View CTA is clicked. The card is\n * read-only — viewing or signing a form happens in the screen the parent\n * routes to — and renders no alerts: alert rendering is the parent's\n * responsibility.\n *\n * @param props - See {@link DocumentsCardProps}.\n * @returns The documents card.\n * @public\n */\nexport function DocumentsCard(props: DocumentsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Documents\">\n      <DocumentsCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DocumentsCardContent({ employeeId, onEvent }: DocumentsCardProps) {\n  useI18n('Employee.Management.Documents')\n  const { t } = useTranslation('Employee.Management.Documents')\n  const Components = useComponentContext()\n\n  const documentsList = useDocumentsList({ employeeId })\n\n  const forms = documentsList.isLoading ? [] : documentsList.data.forms\n\n  const formsColumns = [\n    {\n      key: 'title',\n      title: t('columns.title'),\n      render: (form: Form) => form.title || '-',\n    },\n    {\n      key: 'year',\n      title: t('columns.year'),\n      render: (form: Form) => (form.year ? String(form.year) : '-'),\n    },\n    {\n      key: 'status',\n      title: t('columns.status'),\n      render: (form: Form) => (form.draft ? t('status.draft') : t('status.final')),\n    },\n    {\n      key: 'requiresSigning',\n      title: t('columns.requiresSigning'),\n      render: (form: Form) =>\n        form.requiresSigning ? (\n          <Components.Badge status=\"warning\">{t('signingStatus.notSigned')}</Components.Badge>\n        ) : (\n          <Components.Badge status=\"success\">{t('signingStatus.signed')}</Components.Badge>\n        ),\n    },\n  ]\n\n  const formsDataView = useDataView({\n    data: forms,\n    columns: formsColumns,\n    itemMenu: (form: Form) => (\n      <Components.Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {\n            employeeId,\n            formId: form.uuid,\n          })\n        }}\n      >\n        {t('viewCta')}\n      </Components.Button>\n    ),\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  return (\n    <BaseLayout error={documentsList.errorHandling.errors}>\n      <Components.Box withPadding={false} header={<Components.BoxHeader title={t('title')} />}>\n        {documentsList.isLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('listLabel')} isWithinBox {...formsDataView} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["DocumentsCard","props","jsx","BaseBoundaries","DocumentsCardContent","employeeId","onEvent","useI18n","useTranslation","Components","useComponentContext","documentsList","useDocumentsList","forms","formsColumns","form","formsDataView","useDataView","componentEvents","EmptyData","BaseLayout","Loading","DataView"],"mappings":";;;;;;;;;;;AAoCO,SAASA,EAAcC,GAA2B;AACvD,SACE,gBAAAC,EAACC,KAAe,eAAc,iCAC5B,4BAACC,GAAA,EAAsB,GAAGH,GAAO,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAqB,EAAE,YAAAC,GAAY,SAAAC,KAA+B;AACzE,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,IAAgBC,EAAiB,EAAE,YAAAP,GAAY,GAE/CQ,IAAQF,EAAc,YAAY,CAAA,IAAKA,EAAc,KAAK,OAE1DG,IAAe;AAAA,IACnB;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,eAAe;AAAA,MACxB,QAAQ,CAACC,MAAeA,EAAK,SAAS;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,cAAc;AAAA,MACvB,QAAQ,CAACA,MAAgBA,EAAK,OAAO,OAAOA,EAAK,IAAI,IAAI;AAAA,IAAA;AAAA,IAE3D;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,gBAAgB;AAAA,MACzB,QAAQ,CAACA,MAAgBA,EAAK,QAAQ,EAAE,cAAc,IAAI,EAAE,cAAc;AAAA,IAAA;AAAA,IAE5E;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,yBAAyB;AAAA,MAClC,QAAQ,CAACA,MACPA,EAAK,kBACH,gBAAAb,EAACO,EAAW,OAAX,EAAiB,QAAO,WAAW,YAAE,yBAAyB,GAAE,IAEjE,gBAAAP,EAACO,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAA,EAAE,sBAAsB,EAAA,CAAE;AAAA,IAAA;AAAA,EAEpE,GAGIO,IAAgBC,EAAY;AAAA,IAChC,MAAMJ;AAAA,IACN,SAASC;AAAA,IACT,UAAU,CAACC,MACT,gBAAAb;AAAA,MAACO,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAH,EAAQY,EAAgB,mDAAmD;AAAA,YACzE,YAAAb;AAAA,YACA,QAAQU,EAAK;AAAA,UAAA,CACd;AAAA,QACH;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhB,YAAY,MACV,gBAAAb,EAACiB,GAAA,EAAU,OAAO,EAAE,kBAAkB,GAAG,aAAa,EAAE,wBAAwB,EAAA,CAAG;AAAA,EAAA,CAEtF;AAED,2BACGC,GAAA,EAAW,OAAOT,EAAc,cAAc,QAC7C,UAAA,gBAAAT,EAACO,EAAW,KAAX,EAAe,aAAa,IAAO,0BAASA,EAAW,WAAX,EAAqB,OAAO,EAAE,OAAO,GAAG,GAClF,UAAAE,EAAc,YACb,gBAAAT,EAACmB,GAAA,EAAQ,IAET,gBAAAnB,EAACoB,GAAA,EAAS,OAAO,EAAE,WAAW,GAAG,aAAW,IAAE,GAAGN,EAAA,CAAe,GAEpE,GACF;AAEJ;"}
+{"version":3,"file":"DocumentsCard.js","sources":["../../../../../../src/components/Employee/Documents/management/DocumentsCard/DocumentsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { useDocumentsList } from '../../shared/useDocumentsList'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link DocumentsCard}.\n *\n * @public\n */\nexport interface DocumentsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when a row's View CTA is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone \"Documents\" (forms) card. Owns its own data fetch via\n * {@link useDocumentsList} and renders the employee's forms in a table with a\n * per-row \"View\" action. Emits\n * `employee/management/documents/card/viewRequested` with\n * `{ employeeId, formId }` when a row's View CTA is clicked. The card is\n * read-only — viewing or signing a form happens in the screen the parent\n * routes to — and renders no alerts: alert rendering is the parent's\n * responsibility.\n *\n * @param props - See {@link DocumentsCardProps}.\n * @returns The documents card.\n * @public\n */\nexport function DocumentsCard(props: DocumentsCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Documents\"\n      LoaderComponent={props.LoaderComponent}\n    >\n      <DocumentsCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DocumentsCardContent({ employeeId, onEvent, LoaderComponent }: DocumentsCardProps) {\n  useI18n('Employee.Management.Documents')\n  const { t } = useTranslation('Employee.Management.Documents')\n  const Components = useComponentContext()\n\n  const documentsList = useDocumentsList({ employeeId })\n\n  const forms = documentsList.isLoading ? [] : documentsList.data.forms\n\n  const formsColumns = [\n    {\n      key: 'title',\n      title: t('columns.title'),\n      render: (form: Form) => form.title || '-',\n    },\n    {\n      key: 'year',\n      title: t('columns.year'),\n      render: (form: Form) => (form.year ? String(form.year) : '-'),\n    },\n    {\n      key: 'status',\n      title: t('columns.status'),\n      render: (form: Form) => (form.draft ? t('status.draft') : t('status.final')),\n    },\n    {\n      key: 'requiresSigning',\n      title: t('columns.requiresSigning'),\n      render: (form: Form) =>\n        form.requiresSigning ? (\n          <Components.Badge status=\"warning\">{t('signingStatus.notSigned')}</Components.Badge>\n        ) : (\n          <Components.Badge status=\"success\">{t('signingStatus.signed')}</Components.Badge>\n        ),\n    },\n  ]\n\n  const formsDataView = useDataView({\n    data: forms,\n    columns: formsColumns,\n    itemMenu: (form: Form) => (\n      <Components.Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {\n            employeeId,\n            formId: form.uuid,\n          })\n        }}\n      >\n        {t('viewCta')}\n      </Components.Button>\n    ),\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  return (\n    <BaseLayout error={documentsList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box withPadding={false} header={<Components.BoxHeader title={t('title')} />}>\n        {documentsList.isLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('listLabel')} isWithinBox {...formsDataView} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["DocumentsCard","props","jsx","BaseBoundaries","DocumentsCardContent","employeeId","onEvent","LoaderComponent","useI18n","useTranslation","Components","useComponentContext","documentsList","useDocumentsList","forms","formsColumns","form","formsDataView","useDataView","componentEvents","EmptyData","BaseLayout","Loading","DataView"],"mappings":";;;;;;;;;;;AAuCO,SAASA,EAAcC,GAA2B;AACvD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAiBF,EAAM;AAAA,MAEvB,UAAA,gBAAAC,EAACE,GAAA,EAAsB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGvC;AAEA,SAASG,EAAqB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAuC;AAC1F,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,IAAgBC,EAAiB,EAAE,YAAAR,GAAY,GAE/CS,IAAQF,EAAc,YAAY,CAAA,IAAKA,EAAc,KAAK,OAE1DG,IAAe;AAAA,IACnB;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,eAAe;AAAA,MACxB,QAAQ,CAACC,MAAeA,EAAK,SAAS;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,cAAc;AAAA,MACvB,QAAQ,CAACA,MAAgBA,EAAK,OAAO,OAAOA,EAAK,IAAI,IAAI;AAAA,IAAA;AAAA,IAE3D;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,gBAAgB;AAAA,MACzB,QAAQ,CAACA,MAAgBA,EAAK,QAAQ,EAAE,cAAc,IAAI,EAAE,cAAc;AAAA,IAAA;AAAA,IAE5E;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,yBAAyB;AAAA,MAClC,QAAQ,CAACA,MACPA,EAAK,kBACH,gBAAAd,EAACQ,EAAW,OAAX,EAAiB,QAAO,WAAW,YAAE,yBAAyB,GAAE,IAEjE,gBAAAR,EAACQ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAA,EAAE,sBAAsB,EAAA,CAAE;AAAA,IAAA;AAAA,EAEpE,GAGIO,IAAgBC,EAAY;AAAA,IAChC,MAAMJ;AAAA,IACN,SAASC;AAAA,IACT,UAAU,CAACC,MACT,gBAAAd;AAAA,MAACQ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAJ,EAAQa,EAAgB,mDAAmD;AAAA,YACzE,YAAAd;AAAA,YACA,QAAQW,EAAK;AAAA,UAAA,CACd;AAAA,QACH;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhB,YAAY,MACV,gBAAAd,EAACkB,GAAA,EAAU,OAAO,EAAE,kBAAkB,GAAG,aAAa,EAAE,wBAAwB,EAAA,CAAG;AAAA,EAAA,CAEtF;AAED,2BACGC,GAAA,EAAW,OAAOT,EAAc,cAAc,QAAQ,iBAAAL,GACrD,UAAA,gBAAAL,EAACQ,EAAW,KAAX,EAAe,aAAa,IAAO,QAAQ,gBAAAR,EAACQ,EAAW,WAAX,EAAqB,OAAO,EAAE,OAAO,GAAG,GAClF,UAAAE,EAAc,YACb,gBAAAV,EAACoB,GAAA,EAAQ,IAET,gBAAApB,EAACqB,GAAA,EAAS,OAAO,EAAE,WAAW,GAAG,aAAW,IAAE,GAAGN,EAAA,CAAe,GAEpE,GACF;AAEJ;"}

package/dist/components/Employee/Documents/management/DocumentsComponents.js

@@ -1,25 +1,33 @@
 import { jsx as t } from "react/jsx-runtime";
-import { DocumentManager as u } from "./DocumentManager.js";
-import { useFlow as n } from "../../../Flow/useFlow.js";
+import { DocumentManager as p } from "./DocumentManager.js";
+import { useFlow as m } from "../../../Flow/useFlow.js";
 import { ensureRequired as r } from "../../../../helpers/ensureRequired.js";
-import { DocumentsCard as p } from "./DocumentsCard/DocumentsCard.js";
-function l() {
-  const { employeeId: e, onEvent: o } = n();
-  return /* @__PURE__ */ t(p, { employeeId: r(e), onEvent: o });
-}
+import { DocumentsCard as d } from "./DocumentsCard/DocumentsCard.js";
 function s() {
-  const { employeeId: e, formId: o, onEvent: m } = n();
+  const { employeeId: o, onEvent: e, LoaderComponent: n } = m();
+  return /* @__PURE__ */ t(
+    d,
+    {
+      employeeId: r(o),
+      onEvent: e,
+      LoaderComponent: n
+    }
+  );
+}
+function C() {
+  const { employeeId: o, formId: e, onEvent: n, LoaderComponent: u } = m();
   return /* @__PURE__ */ t(
-    u,
+    p,
     {
-      employeeId: r(e),
-      formId: r(o),
-      onEvent: m
+      employeeId: r(o),
+      formId: r(e),
+      onEvent: n,
+      LoaderComponent: u
     }
   );
 }
 export {
-  s as DocumentManagerContextual,
-  l as DocumentsCardContextual
+  C as DocumentManagerContextual,
+  s as DocumentsCardContextual
 };
 //# sourceMappingURL=DocumentsComponents.js.map

package/dist/components/Employee/Documents/management/DocumentsComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentsComponents.js","sources":["../../../../../src/components/Employee/Documents/management/DocumentsComponents.tsx"],"sourcesContent":["import { DocumentsCard } from './DocumentsCard'\nimport { DocumentManager } from './DocumentManager'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface DocumentsContextInterface extends FlowContextInterface {\n  employeeId?: string\n  /** Set when transitioning to `viewForm` via the VIEW_REQUESTED event;\n   *  consumed by `DocumentManagerContextual` to load the selected form. */\n  formId?: string\n}\n\n/** @internal */\nexport function DocumentsCardContextual() {\n  const { employeeId, onEvent } = useFlow<DocumentsContextInterface>()\n  return <DocumentsCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function DocumentManagerContextual() {\n  const { employeeId, formId, onEvent } = useFlow<DocumentsContextInterface>()\n  return (\n    <DocumentManager\n      employeeId={ensureRequired(employeeId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["DocumentsCardContextual","employeeId","onEvent","useFlow","DocumentsCard","ensureRequired","DocumentManagerContextual","formId","jsx","DocumentManager"],"mappings":";;;;;AAcO,SAASA,IAA0B;AACxC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAc,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAClF;AAGO,SAASI,IAA4B;AAC1C,QAAM,EAAE,YAAAL,GAAY,QAAAM,GAAQ,SAAAL,EAAA,IAAYC,EAAA;AACxC,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYJ,EAAeJ,CAAU;AAAA,MACrC,QAAQI,EAAeE,CAAM;AAAA,MAC7B,SAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DocumentsComponents.js","sources":["../../../../../src/components/Employee/Documents/management/DocumentsComponents.tsx"],"sourcesContent":["import { DocumentsCard } from './DocumentsCard'\nimport { DocumentManager } from './DocumentManager'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface DocumentsContextInterface extends FlowContextInterface {\n  employeeId?: string\n  /** Set when transitioning to `viewForm` via the VIEW_REQUESTED event;\n   *  consumed by `DocumentManagerContextual` to load the selected form. */\n  formId?: string\n}\n\n/** @internal */\nexport function DocumentsCardContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<DocumentsContextInterface>()\n  return (\n    <DocumentsCard\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\n/** @internal */\nexport function DocumentManagerContextual() {\n  const { employeeId, formId, onEvent, LoaderComponent } = useFlow<DocumentsContextInterface>()\n  return (\n    <DocumentManager\n      employeeId={ensureRequired(employeeId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["DocumentsCardContextual","employeeId","onEvent","LoaderComponent","useFlow","jsx","DocumentsCard","ensureRequired","DocumentManagerContextual","formId","DocumentManager"],"mappings":";;;;;AAcO,SAASA,IAA0B;AACxC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,EAAA,IAAoBC,EAAA;AACjD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYC,EAAeN,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAA4B;AAC1C,QAAM,EAAE,YAAAP,GAAY,QAAAQ,GAAQ,SAAAP,GAAS,iBAAAC,EAAA,IAAoBC,EAAA;AACzD,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,YAAYH,EAAeN,CAAU;AAAA,MACrC,QAAQM,EAAeE,CAAM;AAAA,MAC7B,SAAAP;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js

@@ -13,10 +13,11 @@ import "dompurify";
 import "../../../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../../../shared/constants.js";
 import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../../../Base/createCompoundContext.js";
-const [f, v] = t("DocumentListContext");
+const [v, P] = t("DocumentListContext");
 export {
-  v as DocumentListProvider,
-  f as useDocumentList
+  P as DocumentListProvider,
+  v as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

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

@@ -1,7 +1,17 @@
-/** @internal */
+/**
+ * `EMPLOYEE_FORMS_DONE` deliberately has no transition out of `index`. `Flow` re-emits every
+ * event to the upstream `onEvent` regardless of whether the local machine has a matching
+ * transition, so the parent flow still advances/unmounts this component on that signal. Modeling
+ * completion as a robot3 final state instead left `component` pointing at a step whose controls
+ * could never fire another transition — if a host doesn't unmount immediately, the screen would
+ * look interactive but be permanently dead (see SDK-1169, the same bug in
+ * `Compensation`'s onboarding machine). Staying in `index` means a host that keeps this
+ * component mounted past completion keeps a fully working document list instead.
+ *
+ * @internal
+ */
 export declare const documentSignerMachine: {
     employmentEligibility: import('robot3').MachineState<any>;
     index: import('robot3').MachineState<any>;
     signatureForm: import('robot3').MachineState<any>;
-    done: import('robot3').MachineState<any>;
 };

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/shared/useSignEmployeeForm/fields.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { CheckboxHookField as t } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
 import { TextInputHookField as n } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
 import { SelectHookField as a } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { CheckboxHookField as t } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
 import { RadioGroupHookField as p } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 function c(r) {
   return /* @__PURE__ */ e(n, { ...r, name: "signature" });

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: {