@gusto/embedded-react-sdk 0.52.2 → 0.54.0

package/dist/components/Contractor/Dashboard/dashboardStateMachine.js

@@ -0,0 +1,138 @@
+import { state as t, transition as A, reduce as T } from "robot3";
+import { ProfileContextual as R, AddressContextual as M, PaymentMethodEditFormContextual as o, CompensationEditFormContextual as O, DashboardViewContextual as C } from "./DashboardComponents.js";
+import { componentEvents as e } from "../../../shared/constants.js";
+const _ = T((E) => ({
+  ...E,
+  component: C,
+  successAlert: null
+})), n = (E) => T((N) => ({
+  ...N,
+  component: C,
+  successAlert: E
+})), c = {
+  index: t(
+    A(
+      e.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED,
+      "profile",
+      T((E) => ({
+        ...E,
+        component: R,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_ADDRESS_EDIT_REQUESTED,
+      "address",
+      T((E) => ({
+        ...E,
+        component: M,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,
+      "paymentMethodEdit",
+      T((E) => ({
+        ...E,
+        component: o,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED,
+      "paymentMethodEdit",
+      T((E) => ({
+        ...E,
+        component: o,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED,
+      "index",
+      T((E) => ({
+        ...E,
+        successAlert: "bankAccountRemoved"
+      }))
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED,
+      "compensationEdit",
+      T((E) => ({
+        ...E,
+        component: O,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_DASHBOARD_ALERT_DISMISSED,
+      "index",
+      T((E) => ({
+        ...E,
+        successAlert: null
+      }))
+    ),
+    A(
+      e.CONTRACTOR_DASHBOARD_TAB_CHANGE,
+      "index",
+      T(
+        (E, N) => ({
+          ...E,
+          selectedTab: N.payload.tab
+        })
+      )
+    )
+  ),
+  profile: t(
+    A(
+      e.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED,
+      "index",
+      _
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED,
+      "index",
+      n("profileUpdated")
+    )
+  ),
+  address: t(
+    A(
+      e.CONTRACTOR_MANAGEMENT_ADDRESS_EDIT_CANCELLED,
+      "index",
+      _
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_ADDRESS_UPDATED,
+      "index",
+      n("addressUpdated")
+    )
+  ),
+  paymentMethodEdit: t(
+    A(
+      e.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,
+      "index",
+      n("bankAccountAdded")
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,
+      "index",
+      _
+    )
+  ),
+  compensationEdit: t(
+    A(
+      e.CONTRACTOR_MANAGEMENT_COMPENSATION_UPDATED,
+      "index",
+      n("compensationUpdated")
+    ),
+    A(
+      e.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_CANCELLED,
+      "index",
+      _
+    )
+  )
+};
+export {
+  c as dashboardStateMachine
+};
+//# sourceMappingURL=dashboardStateMachine.js.map

package/dist/components/Contractor/Dashboard/dashboardStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardStateMachine.js","sources":["../../../../src/components/Contractor/Dashboard/dashboardStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { DashboardTab } from './Dashboard'\nimport {\n  DashboardViewContextual,\n  ProfileContextual,\n  AddressContextual,\n  PaymentMethodEditFormContextual,\n  CompensationEditFormContextual,\n  type DashboardContextInterface,\n} from './DashboardComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE]: { tab: DashboardTab }\n}\n\nconst returnToIndex = reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n  ...ctx,\n  component: DashboardViewContextual,\n  successAlert: null,\n}))\n\nconst returnToIndexWithAlert = (alert: DashboardContextInterface['successAlert']) =>\n  reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n    ...ctx,\n    component: DashboardViewContextual,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const dashboardStateMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'profile',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        component: ProfileContextual,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_ADDRESS_EDIT_REQUESTED,\n      'address',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        component: AddressContextual,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'paymentMethodEdit',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_EDIT_REQUESTED,\n      'paymentMethodEdit',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        component: PaymentMethodEditFormContextual,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_CARD_REMOVED,\n      'index',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        successAlert: 'bankAccountRemoved',\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_REQUESTED,\n      'compensationEdit',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        component: CompensationEditFormContextual,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_DASHBOARD_ALERT_DISMISSED,\n      'index',\n      reduce((ctx: DashboardContextInterface): DashboardContextInterface => ({\n        ...ctx,\n        successAlert: null,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE,\n      'index',\n      reduce(\n        (\n          ctx: DashboardContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE\n          >,\n        ): DashboardContextInterface => ({\n          ...ctx,\n          selectedTab: ev.payload.tab,\n        }),\n      ),\n    ),\n  ),\n  profile: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED,\n      'index',\n      returnToIndexWithAlert('profileUpdated'),\n    ),\n  ),\n  address: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_ADDRESS_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_ADDRESS_UPDATED,\n      'index',\n      returnToIndexWithAlert('addressUpdated'),\n    ),\n  ),\n  paymentMethodEdit: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  compensationEdit: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_UPDATED,\n      'index',\n      returnToIndexWithAlert('compensationUpdated'),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_COMPENSATION_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n}\n"],"names":["returnToIndex","reduce","ctx","DashboardViewContextual","returnToIndexWithAlert","alert","dashboardStateMachine","state","transition","componentEvents","ProfileContextual","AddressContextual","PaymentMethodEditFormContextual","CompensationEditFormContextual","ev"],"mappings":";;;AAiBA,MAAMA,IAAgBC,EAAO,CAACC,OAA+D;AAAA,EAC3F,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAyB,CAACC,MAC9BJ,EAAO,CAACC,OAA+D;AAAA,EACrE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAwB;AAAA,EACnC,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWS;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJM;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,WAAWW;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA+D;AAAA,QACrE,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJM;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CACEC,GACAY,OAI+B;AAAA,UAC/B,GAAGZ;AAAA,UACH,aAAaY,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,SAASP;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,IAEFQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAuB,gBAAgB;AAAA,IAAA;AAAA,EACzC;AAAA,EAEF,SAASG;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,IAEFQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAuB,gBAAgB;AAAA,IAAA;AAAA,EACzC;AAAA,EAEF,mBAAmBG;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAuB,kBAAkB;AAAA,IAAA;AAAA,IAE3CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,kBAAkBO;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAuB,qBAAqB;AAAA,IAAA;AAAA,IAE9CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Contractor/Dashboard/index.d.ts

@@ -0,0 +1,4 @@
+export { DashboardFlow } from './DashboardFlow';
+export type { DashboardFlowProps } from './DashboardFlow';
+export { Dashboard } from './Dashboard';
+export type { DashboardProps, DashboardTab } from './Dashboard';

package/dist/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.d.ts

@@ -0,0 +1,36 @@
+import { EventType } from '../../../../../shared/constants';
+import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
+/**
+ * Props for {@link DocumentsCard}.
+ *
+ * @public
+ */
+export interface DocumentsCardProps {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /** Event handler fired when the user views a document. */
+    onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
+}
+/**
+ * Standalone read-only "Documents" card.
+ *
+ * @remarks
+ * Fetches its own data via {@link useContractorDocumentsList} and renders a
+ * table of the contractor's forms with a per-row "View" action that opens
+ * the document's PDF in a new tab. Read-only — signing happens during
+ * contractor onboarding, not from this surface.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/management/documents/card/viewRequested` | Fired when a document row's "View" button is clicked, before the PDF is fetched | `{ contractorId: string, documentUuid: string }` |
+ * | `contractor/management/documents/card/viewed` | Fired after the PDF is fetched and opened in a new tab | `{ contractorId: string, documentUuid: string }` |
+ *
+ * @param props - See {@link DocumentsCardProps}.
+ * @returns The contractor documents card.
+ * @public
+ */
+export declare function DocumentsCard({ LoaderComponent, ...props }: DocumentsCardProps): import("react").JSX.Element;

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

@@ -0,0 +1,93 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { useTranslation as f } from "react-i18next";
+import { useContractorDocumentsGetPdf as D } from "@gusto/embedded-api/react-query/contractorDocumentsGetPdf";
+import { requiresSignature as y } from "../../shared/documentSigningStatus.js";
+import { useContractorDocumentsList as S } from "../../shared/useContractorDocumentsList/useContractorDocumentsList.js";
+import { Loading as w } from "../../../../Common/Loading/Loading.js";
+import { EmptyData as p } from "../../../../Common/EmptyData/EmptyData.js";
+import { BaseBoundaries as E, BaseLayout as T } from "../../../../Base/Base.js";
+import { useComponentContext as C } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as M } from "../../../../../i18n/I18n.js";
+import { componentEvents as g } from "../../../../../shared/constants.js";
+import { useDataView as B } from "../../../../Common/DataView/useDataView.js";
+import { DataView as _ } from "../../../../Common/DataView/DataView.js";
+function I({ LoaderComponent: o, ...r }) {
+  return /* @__PURE__ */ t(
+    E,
+    {
+      componentName: "Contractor.Management.Documents",
+      LoaderComponent: o,
+      children: /* @__PURE__ */ t(N, { LoaderComponent: o, ...r })
+    }
+  );
+}
+function N({ contractorId: o, onEvent: r, LoaderComponent: a }) {
+  M("Contractor.Management.Documents");
+  const { t: e } = f("Contractor.Management.Documents"), i = C(), s = S({ contractorId: o }), m = s.isLoading, c = s.isLoading ? [] : s.data.documents, u = c.length > 0, d = [
+    {
+      key: "title",
+      title: e("nameColumn"),
+      render: (n) => /* @__PURE__ */ t(i.Text, { weight: "medium", size: "sm", children: n.title ?? n.name ?? e("emptyPlaceholder") })
+    },
+    {
+      key: "description",
+      title: e("descriptionColumn"),
+      render: (n) => /* @__PURE__ */ t(i.Text, { variant: "supporting", size: "sm", children: n.description ?? e("emptyPlaceholder") })
+    },
+    {
+      key: "signingStatus",
+      title: e("signingStatusColumn"),
+      render: (n) => y(n) ? /* @__PURE__ */ t(i.Badge, { status: "warning", children: e("signingStatus.notSigned") }) : /* @__PURE__ */ t(i.Badge, { status: "success", children: e("signingStatus.signed") })
+    }
+  ], l = B({
+    data: c,
+    columns: d,
+    itemMenu: (n) => n.uuid ? /* @__PURE__ */ t(x, { contractorId: o, documentUuid: n.uuid, onEvent: r }) : null,
+    emptyState: () => /* @__PURE__ */ t(p, { title: e("emptyState.title") })
+  });
+  return /* @__PURE__ */ t(T, { error: s.errorHandling.errors, LoaderComponent: a, children: /* @__PURE__ */ t(
+    i.Box,
+    {
+      withPadding: !u,
+      header: /* @__PURE__ */ t(i.BoxHeader, { title: e("title") }),
+      children: m ? /* @__PURE__ */ t(w, {}) : u ? /* @__PURE__ */ t(_, { label: e("listLabel"), isWithinBox: !0, ...l }) : /* @__PURE__ */ t(p, { title: e("emptyState.title") })
+    }
+  ) });
+}
+function x({
+  contractorId: o,
+  documentUuid: r,
+  onEvent: a
+}) {
+  const { t: e } = f("Contractor.Management.Documents"), i = C(), [s, m] = h(!1), { refetch: c } = D({ documentUuid: r }, { enabled: !1 }), u = async () => {
+    a(g.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {
+      contractorId: o,
+      documentUuid: r
+    }), m(!0);
+    try {
+      const { data: d } = await c(), l = d?.documentPdf?.documentUrl;
+      l && (window.open(l, "_blank", "noopener,noreferrer"), a(g.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEWED, {
+        contractorId: o,
+        documentUuid: r
+      }));
+    } finally {
+      m(!1);
+    }
+  };
+  return /* @__PURE__ */ t(
+    i.Button,
+    {
+      variant: "secondary",
+      onClick: () => {
+        u();
+      },
+      isLoading: s,
+      children: e("viewCta")
+    }
+  );
+}
+export {
+  I as DocumentsCard
+};
+//# sourceMappingURL=DocumentsCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentsCard.js","sources":["../../../../../../src/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorDocumentsGetPdf } from '@gusto/embedded-api/react-query/contractorDocumentsGetPdf'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport { requiresSignature } from '../../shared/documentSigningStatus'\nimport { useContractorDocumentsList } from '../../shared/useContractorDocumentsList'\nimport { DataView, EmptyData, useDataView, 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 contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user views a document. */\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 read-only \"Documents\" card.\n *\n * @remarks\n * Fetches its own data via {@link useContractorDocumentsList} and renders a\n * table of the contractor's forms with a per-row \"View\" action that opens\n * the document's PDF in a new tab. Read-only — signing happens during\n * contractor onboarding, not from this surface.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/documents/card/viewRequested` | Fired when a document row's \"View\" button is clicked, before the PDF is fetched | `{ contractorId: string, documentUuid: string }` |\n * | `contractor/management/documents/card/viewed` | Fired after the PDF is fetched and opened in a new tab | `{ contractorId: string, documentUuid: string }` |\n *\n * @param props - See {@link DocumentsCardProps}.\n * @returns The contractor documents card.\n * @public\n */\nexport function DocumentsCard({ LoaderComponent, ...props }: DocumentsCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Documents\"\n      LoaderComponent={LoaderComponent}\n    >\n      <DocumentsCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DocumentsCardContent({ contractorId, onEvent, LoaderComponent }: DocumentsCardProps) {\n  useI18n('Contractor.Management.Documents')\n  const { t } = useTranslation('Contractor.Management.Documents')\n  const Components = useComponentContext()\n  const documentsList = useContractorDocumentsList({ contractorId })\n\n  const isLoading = documentsList.isLoading\n  const documents = documentsList.isLoading ? [] : documentsList.data.documents\n  const isShowingTable = documents.length > 0\n\n  const columns = [\n    {\n      key: 'title',\n      title: t('nameColumn'),\n      render: (document: Document) => (\n        <Components.Text weight=\"medium\" size=\"sm\">\n          {document.title ?? document.name ?? t('emptyPlaceholder')}\n        </Components.Text>\n      ),\n    },\n    {\n      key: 'description',\n      title: t('descriptionColumn'),\n      render: (document: Document) => (\n        <Components.Text variant=\"supporting\" size=\"sm\">\n          {document.description ?? t('emptyPlaceholder')}\n        </Components.Text>\n      ),\n    },\n    {\n      key: 'signingStatus',\n      title: t('signingStatusColumn'),\n      render: (document: Document) =>\n        requiresSignature(document) ? (\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 dataViewProps = useDataView({\n    data: documents,\n    columns,\n    itemMenu: document =>\n      document.uuid ? (\n        <ViewButton contractorId={contractorId} documentUuid={document.uuid} onEvent={onEvent} />\n      ) : null,\n    emptyState: () => <EmptyData title={t('emptyState.title')} />,\n  })\n\n  return (\n    <BaseLayout error={documentsList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        withPadding={!isShowingTable}\n        header={<Components.BoxHeader title={t('title')} />}\n      >\n        {isLoading ? (\n          <Loading />\n        ) : isShowingTable ? (\n          <DataView label={t('listLabel')} isWithinBox {...dataViewProps} />\n        ) : (\n          <EmptyData title={t('emptyState.title')} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n\nfunction ViewButton({\n  contractorId,\n  documentUuid,\n  onEvent,\n}: {\n  contractorId: string\n  documentUuid: string\n  onEvent: OnEventType<EventType, unknown>\n}) {\n  const { t } = useTranslation('Contractor.Management.Documents')\n  const Components = useComponentContext()\n  const [isOpening, setIsOpening] = useState(false)\n  const { refetch } = useContractorDocumentsGetPdf({ documentUuid }, { enabled: false })\n\n  const handleView = async () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {\n      contractorId,\n      documentUuid,\n    })\n    setIsOpening(true)\n    try {\n      const { data } = await refetch()\n      const url = data?.documentPdf?.documentUrl\n      if (url) {\n        window.open(url, '_blank', 'noopener,noreferrer')\n        onEvent(componentEvents.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEWED, {\n          contractorId,\n          documentUuid,\n        })\n      }\n    } finally {\n      setIsOpening(false)\n    }\n  }\n\n  return (\n    <Components.Button\n      variant=\"secondary\"\n      onClick={() => {\n        void handleView()\n      }}\n      isLoading={isOpening}\n    >\n      {t('viewCta')}\n    </Components.Button>\n  )\n}\n"],"names":["DocumentsCard","LoaderComponent","props","jsx","BaseBoundaries","DocumentsCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","documentsList","useContractorDocumentsList","isLoading","documents","isShowingTable","columns","document","requiresSignature","dataViewProps","useDataView","ViewButton","EmptyData","BaseLayout","Loading","DataView","documentUuid","isOpening","setIsOpening","useState","refetch","useContractorDocumentsGetPdf","handleView","componentEvents","data","url"],"mappings":"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"}

package/dist/components/Contractor/Documents/management/DocumentsCard/index.d.ts

@@ -0,0 +1 @@
+export { DocumentsCard, type DocumentsCardProps } from './DocumentsCard';

package/dist/components/Contractor/Documents/management/index.d.ts

@@ -0,0 +1,2 @@
+export { DocumentsCard } from './DocumentsCard';
+export type { DocumentsCardProps } from './DocumentsCard';

package/dist/components/Contractor/Documents/{DocumentSigner → onboarding/DocumentSigner}/DocumentSigner.d.ts

@@ -1,5 +1,5 @@
 import { DocumentsListProps } from '../DocumentsList';
-import { BaseComponentInterface } from '../../../Base';
+import { BaseComponentInterface } from '../../../../Base';
 /**
  * Props for {@link DocumentSigner}.
  *

package/dist/components/Contractor/Documents/{DocumentSigner → onboarding/DocumentSigner}/DocumentSigner.js

@@ -3,10 +3,10 @@ import { createMachine as i } from "robot3";
 import { useMemo as c } from "react";
 import { DocumentsListContextual as u } from "./documentSignerStateMachine.js";
 import { documentSignerMachine as p } from "./stateMachine.js";
-import { Flow as f } from "../../../Flow/Flow.js";
-import { BaseComponent as s } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
-import { useComponentDictionary as a } from "../../../../i18n/I18n.js";
+import { Flow as f } from "../../../../Flow/Flow.js";
+import { BaseComponent as s } from "../../../../Base/Base.js";
+import "../../../../Base/useBase.js";
+import { useComponentDictionary as a } from "../../../../../i18n/I18n.js";
 function D({ contractorId: o, onEvent: n, dictionary: m }) {
   a("Contractor.DocumentsList", m);
   const r = c(

package/dist/components/Contractor/Documents/onboarding/DocumentSigner/DocumentSigner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentSigner.js","sources":["../../../../../../src/components/Contractor/Documents/onboarding/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { DocumentsListProps } from '../DocumentsList'\nimport {\n  DocumentsListContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for {@link DocumentSigner}.\n *\n * @public\n */\nexport interface DocumentSignerProps extends Omit<\n  BaseComponentInterface<'Contractor.DocumentsList'>,\n  'dictionary'\n> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Overrides for the document list copy shown by the signing flow. */\n  dictionary?: DocumentsListProps['dictionary']\n}\n\nfunction DocumentSignerFlow({ contractorId, onEvent, dictionary }: DocumentSignerProps) {\n  useComponentDictionary('Contractor.DocumentsList', dictionary)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: DocumentsListContextual,\n          contractorId,\n        }),\n      ),\n    [contractorId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Contractor onboarding step for reading and signing required contractor documents.\n *\n * @remarks\n * Composes the contractor {@link DocumentsList} and {@link SignatureForm} into a\n * single signing workflow: the document list is shown first, selecting a\n * document routes to its signature form, and signing (or navigating back)\n * returns to the list. The list refetches automatically once a document is\n * signed. The flow completes when every document that requires signing has been\n * signed and the user continues.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/documents/view` | Fired when a document's \"Sign\" action is selected from the document list | `{ uuid: string; title?: string }` |\n * | `contractor/documents/sign` | Fired after a document is successfully signed | The signed document |\n * | `contractor/documents/done` | Fired when all required documents have been signed and the parent flow can advance | — |\n * | `cancel` | Fired when the user navigates back from the signature form to the document list | — |\n *\n * @components\n * - {@link DocumentsList}\n * - {@link SignatureForm}\n *\n * @param props - See {@link DocumentSignerProps}.\n * @returns The document signer flow.\n * @public\n */\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <DocumentSignerFlow {...props} />\n    </BaseComponent>\n  )\n}\n"],"names":["DocumentSignerFlow","contractorId","onEvent","dictionary","useComponentDictionary","machine","useMemo","createMachine","documentSignerMachine","initialContext","DocumentsListContextual","jsx","Flow","DocumentSigner","props","BaseComponent"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAmB,EAAE,cAAAC,GAAc,SAAAC,GAAS,YAAAC,KAAmC;AACtF,EAAAC,EAAuB,4BAA4BD,CAAU;AAE7D,QAAME,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAAT;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAY;AAAA,EAAA;AAGf,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AA6BO,SAASW,EAAeC,GAA4B;AACzD,SACE,gBAAAH,EAACI,KAAe,GAAGD,GACjB,4BAACd,GAAA,EAAoB,GAAGc,GAAO,EAAA,CACjC;AAEJ;"}

package/dist/components/Contractor/Documents/{DocumentSigner → onboarding/DocumentSigner}/documentSignerStateMachine.d.ts

@@ -1,6 +1,6 @@
 import { DocumentSigned } from '@gusto/embedded-api/models/components/documentsigned';
-import { FlowContextInterface } from '../../../Flow/useFlow';
-import { componentEvents } from '../../../../shared/constants';
+import { FlowContextInterface } from '../../../../Flow/useFlow';
+import { componentEvents } from '../../../../../shared/constants';
 /** @internal */
 export type EventPayloads = {
     [componentEvents.CONTRACTOR_VIEW_DOCUMENT_TO_SIGN]: {

package/dist/components/Contractor/Documents/{DocumentSigner → onboarding/DocumentSigner}/documentSignerStateMachine.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { DocumentsList as c } from "../DocumentsList/DocumentsList.js";
-import { SignatureForm as m } from "../SignatureForm/SignatureForm.js";
-import { useFlow as e } from "../../../Flow/useFlow.js";
-import { ensureRequired as r } from "../../../../helpers/ensureRequired.js";
+import { SignatureForm as m } from "../../shared/SignatureForm/SignatureForm.js";
+import { useFlow as e } from "../../../../Flow/useFlow.js";
+import { ensureRequired as r } from "../../../../../helpers/ensureRequired.js";
 function p() {
   const { contractorId: o, onEvent: t } = e();
   return /* @__PURE__ */ n(c, { contractorId: r(o), onEvent: t });

package/dist/components/Contractor/Documents/onboarding/DocumentSigner/documentSignerStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentSignerStateMachine.js","sources":["../../../../../../src/components/Contractor/Documents/onboarding/DocumentSigner/documentSignerStateMachine.tsx"],"sourcesContent":["import type { DocumentSigned } from '@gusto/embedded-api/models/components/documentsigned'\nimport { DocumentsList } from '../DocumentsList/DocumentsList'\nimport { SignatureForm } from '../../shared/SignatureForm/SignatureForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.CONTRACTOR_VIEW_DOCUMENT_TO_SIGN]: { uuid: string; title?: string }\n  [componentEvents.CONTRACTOR_SIGN_DOCUMENT]: DocumentSigned\n  [componentEvents.CONTRACTOR_DOCUMENTS_DONE]: undefined\n  [componentEvents.CANCEL]: undefined\n}\n\n/** @internal */\nexport interface DocumentSignerContextInterface extends FlowContextInterface {\n  contractorId: string\n  documentUuid?: string\n}\n\n/** @internal */\nexport function DocumentsListContextual() {\n  const { contractorId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return <DocumentsList contractorId={ensureRequired(contractorId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function SignatureFormContextual() {\n  const { contractorId, documentUuid, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return (\n    <SignatureForm\n      contractorId={ensureRequired(contractorId)}\n      documentUuid={ensureRequired(documentUuid)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["DocumentsListContextual","contractorId","onEvent","useFlow","DocumentsList","ensureRequired","SignatureFormContextual","documentUuid","jsx","SignatureForm"],"mappings":";;;;;AAsBO,SAASA,IAA0B;AACxC,QAAM,EAAE,cAAAC,GAAc,SAAAC,EAAA,IAAYC,EAAA;AAElC,2BAAQC,GAAA,EAAc,cAAcC,EAAeJ,CAAY,GAAG,SAAAC,GAAkB;AACtF;AAGO,SAASI,IAA0B;AACxC,QAAM,EAAE,cAAAL,GAAc,cAAAM,GAAc,SAAAL,EAAA,IAAYC,EAAA;AAEhD,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAcJ,EAAeJ,CAAY;AAAA,MACzC,cAAcI,EAAeE,CAAY;AAAA,MACzC,SAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Documents/{DocumentSigner → onboarding/DocumentSigner}/stateMachine.d.ts

@@ -2,5 +2,4 @@
 export declare const documentSignerMachine: {
     index: import('robot3').MachineState<any>;
     signatureForm: import('robot3').MachineState<any>;
-    done: import('robot3').MachineState<any>;
 };

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

@@ -0,0 +1,42 @@
+import { state as i, transition as n, reduce as t } from "robot3";
+import { DocumentsListContextual as m, SignatureFormContextual as u } from "./documentSignerStateMachine.js";
+import { componentEvents as e } from "../../../../../shared/constants.js";
+const C = {
+  index: i(
+    n(
+      e.CONTRACTOR_VIEW_DOCUMENT_TO_SIGN,
+      "signatureForm",
+      t(
+        (o, r) => ({
+          ...o,
+          documentUuid: r.payload.uuid,
+          component: u
+        })
+      )
+    )
+  ),
+  signatureForm: i(
+    n(
+      e.CANCEL,
+      "index",
+      t((o) => ({
+        ...o,
+        documentUuid: void 0,
+        component: m
+      }))
+    ),
+    n(
+      e.CONTRACTOR_SIGN_DOCUMENT,
+      "index",
+      t((o) => ({
+        ...o,
+        documentUuid: void 0,
+        component: m
+      }))
+    )
+  )
+};
+export {
+  C as documentSignerMachine
+};
+//# sourceMappingURL=stateMachine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stateMachine.js","sources":["../../../../../../src/components/Contractor/Documents/onboarding/DocumentSigner/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { DocumentSignerContextInterface, EventPayloads } from './documentSignerStateMachine'\nimport { SignatureFormContextual, DocumentsListContextual } from './documentSignerStateMachine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const documentSignerMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_VIEW_DOCUMENT_TO_SIGN,\n      'signatureForm',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_VIEW_DOCUMENT_TO_SIGN\n          >,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          documentUuid: ev.payload.uuid,\n          component: SignatureFormContextual,\n        }),\n      ),\n    ),\n  ),\n  signatureForm: state<MachineTransition>(\n    transition(\n      componentEvents.CANCEL,\n      'index',\n      reduce((ctx: DocumentSignerContextInterface): DocumentSignerContextInterface => ({\n        ...ctx,\n        documentUuid: undefined,\n        component: DocumentsListContextual,\n      })),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_SIGN_DOCUMENT,\n      'index',\n      reduce((ctx: DocumentSignerContextInterface): DocumentSignerContextInterface => ({\n        ...ctx,\n        documentUuid: undefined,\n        component: DocumentsListContextual,\n      })),\n    ),\n  ),\n}\n"],"names":["documentSignerMachine","state","transition","componentEvents","reduce","ctx","ev","SignatureFormContextual","DocumentsListContextual"],"mappings":";;;AAOO,MAAMA,IAAwB;AAAA,EACnC,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAIoC;AAAA,UACpC,GAAGD;AAAA,UACH,cAAcC,EAAG,QAAQ;AAAA,UACzB,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,eAAeN;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,cAAc;AAAA,QACd,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,cAAc;AAAA,QACd,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

package/dist/components/Contractor/Documents/{DocumentsList → onboarding/DocumentsList}/DocumentsList.d.ts

@@ -1,4 +1,4 @@
-import { BaseComponentInterface } from '../../../Base/Base';
+import { BaseComponentInterface } from '../../../../Base/Base';
 /**
  * Props for {@link DocumentsList}.
  *

package/dist/components/Contractor/Documents/onboarding/DocumentsList/DocumentsList.js

@@ -0,0 +1,81 @@
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { useTranslation as E } from "react-i18next";
+import { W9_DOCUMENT_NAME as O, getPresentFieldNames as x } from "../../shared/SignatureForm/useContractorSignatureForm/w9Fields.js";
+import { requiresSignature as c } from "../../shared/documentSigningStatus.js";
+import { useContractorDocumentsList as N } from "../../shared/useContractorDocumentsList/useContractorDocumentsList.js";
+import { BaseComponent as R, BaseLayout as p } from "../../../../Base/Base.js";
+import { useBase as _ } from "../../../../Base/useBase.js";
+import { useComponentDictionary as y, useI18n as A } from "../../../../../i18n/I18n.js";
+import { Flex as g } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as B } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as q } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { contractorEvents as f } from "../../../../../shared/constants.js";
+import { DocumentList as H } from "../../../../Common/DocumentList/DocumentList.js";
+function m(r) {
+  return r.name !== O ? !0 : x(r).size > 0;
+}
+function K(r) {
+  return /* @__PURE__ */ n(R, { ...r, children: /* @__PURE__ */ n(M, { ...r }) });
+}
+function M({ contractorId: r, className: C, dictionary: h }) {
+  y("Contractor.DocumentsList", h), A("Contractor.DocumentsList");
+  const { t: e } = E("Contractor.DocumentsList"), { onEvent: l } = _(), o = q(), i = N({ contractorId: r });
+  if (i.isLoading)
+    return /* @__PURE__ */ n(p, { isLoading: !0, error: i.errorHandling.errors });
+  const { documents: s } = i.data, L = i.errorHandling.errors.length > 0, D = s.some(
+    (t) => c(t) && m(t)
+  ), T = s.some(
+    (t) => c(t) && !m(t)
+  ), b = (t) => {
+    const a = s.find((u) => u.uuid === t);
+    l(f.CONTRACTOR_VIEW_DOCUMENT_TO_SIGN, {
+      uuid: t,
+      title: a?.title
+    });
+  }, S = () => {
+    l(f.CONTRACTOR_DOCUMENTS_DONE);
+  };
+  return /* @__PURE__ */ n("section", { className: C, children: /* @__PURE__ */ n(p, { error: i.errorHandling.errors, children: /* @__PURE__ */ d(g, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ d(g, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ n(o.Heading, { as: "h2", children: e("title") }),
+      /* @__PURE__ */ n(o.Text, { children: e("subtitle") })
+    ] }),
+    T && /* @__PURE__ */ n(o.Alert, { status: "warning", label: e("notReadyTitle"), children: /* @__PURE__ */ n(o.Text, { children: e("notReadyBody") }) }),
+    /* @__PURE__ */ n(
+      H,
+      {
+        forms: s.map((t) => ({
+          uuid: t.uuid ?? "",
+          title: t.title,
+          description: t.description,
+          requires_signing: c(t)
+        })),
+        canSign: (t) => {
+          const a = s.find((u) => u.uuid === t.uuid);
+          return a ? m(a) : !0;
+        },
+        onRequestSign: (t) => {
+          b(t.uuid);
+        },
+        withError: L,
+        label: e("documentListLabel"),
+        columnLabels: {
+          form: e("documentColumnLabel"),
+          action: e("statusColumnLabel")
+        },
+        statusLabels: {
+          signCta: e("signDocumentCta"),
+          notSigned: e("notSigned"),
+          complete: e("signed")
+        },
+        emptyStateLabel: e("emptyTitle"),
+        errorLabel: e("errorTitle")
+      }
+    ),
+    /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n(o.Button, { onClick: S, isDisabled: D, children: e("continueCta") }) })
+  ] }) }) });
+}
+export {
+  K as DocumentsList
+};
+//# sourceMappingURL=DocumentsList.js.map

package/dist/components/Contractor/Documents/onboarding/DocumentsList/DocumentsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentsList.js","sources":["../../../../../../src/components/Contractor/Documents/onboarding/DocumentsList/DocumentsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport {\n  W9_DOCUMENT_NAME,\n  getPresentFieldNames,\n} from '../../shared/SignatureForm/useContractorSignatureForm/w9Fields'\nimport { requiresSignature } from '../../shared/documentSigningStatus'\nimport { useContractorDocumentsList } from '../../shared/useContractorDocumentsList'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentList } from '@/components/Common/DocumentList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { contractorEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentsList}.\n *\n * @public\n */\nexport interface DocumentsListProps extends BaseComponentInterface<'Contractor.DocumentsList'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\n/**\n * Returns whether a document can be signed right now.\n *\n * @remarks\n * A W-9 whose template has not finished preparing comes back with no signable\n * fields (this is the same signal the signer keys its `hasFields` state off).\n * Signing it would submit an empty form, so we block the sign action until the\n * fields are present. Any non-W-9 document is treated as signable here.\n */\nfunction canSignDocument(document: Document): boolean {\n  if (document.name !== W9_DOCUMENT_NAME) return true\n  return getPresentFieldNames(document).size > 0\n}\n\n/**\n * Lists a contractor's documents and lets the contractor open each one for signing.\n *\n * @remarks\n * Fetches the contractor's documents via {@link useContractorDocumentsList} and\n * renders them in a table. The Continue action is disabled until every document\n * the contractor can sign has been signed; a document that isn't signable yet\n * (e.g. a W-9 whose fields haven't been generated) surfaces a warning instead of\n * blocking the flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/documents/view` | Fired when a document's \"Sign\" action is selected | `{ uuid?: string; title?: string }` |\n * | `contractor/documents/done` | Fired when all required documents are signed and the user continues | — |\n *\n * @param props - See {@link DocumentsListProps}.\n * @returns The contractor documents list.\n * @public\n */\nexport function DocumentsList(props: DocumentsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary }: DocumentsListProps) {\n  useComponentDictionary('Contractor.DocumentsList', dictionary)\n  useI18n('Contractor.DocumentsList')\n  const { t } = useTranslation('Contractor.DocumentsList')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const result = useContractorDocumentsList({ contractorId })\n\n  if (result.isLoading) {\n    return <BaseLayout isLoading error={result.errorHandling.errors} />\n  }\n\n  const { documents } = result.data\n  const hasError = result.errorHandling.errors.length > 0\n  // Only a document the contractor can actually sign should gate the flow. A\n  // document that still needs signing but isn't signable yet (e.g. a W-9 whose\n  // fields haven't been generated) must not trap the user — it surfaces the\n  // \"not ready\" warning below instead of blocking Continue.\n  const hasOutstandingSignature = documents.some(\n    document => requiresSignature(document) && canSignDocument(document),\n  )\n  const hasUnpreparedDocument = documents.some(\n    document => requiresSignature(document) && !canSignDocument(document),\n  )\n\n  const handleRequestSign = (uuid: string) => {\n    const document = documents.find(candidate => candidate.uuid === uuid)\n    onEvent(contractorEvents.CONTRACTOR_VIEW_DOCUMENT_TO_SIGN, {\n      uuid,\n      title: document?.title,\n    })\n  }\n\n  const handleContinue = () => {\n    onEvent(contractorEvents.CONTRACTOR_DOCUMENTS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <BaseLayout error={result.errorHandling.errors}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <Components.Text>{t('subtitle')}</Components.Text>\n          </Flex>\n\n          {hasUnpreparedDocument && (\n            <Components.Alert status=\"warning\" label={t('notReadyTitle')}>\n              <Components.Text>{t('notReadyBody')}</Components.Text>\n            </Components.Alert>\n          )}\n\n          <DocumentList\n            forms={documents.map(document => ({\n              uuid: document.uuid ?? '',\n              title: document.title,\n              description: document.description,\n              requires_signing: requiresSignature(document),\n            }))}\n            canSign={form => {\n              const document = documents.find(candidate => candidate.uuid === form.uuid)\n              return document ? canSignDocument(document) : true\n            }}\n            onRequestSign={form => {\n              handleRequestSign(form.uuid)\n            }}\n            withError={hasError}\n            label={t('documentListLabel')}\n            columnLabels={{\n              form: t('documentColumnLabel'),\n              action: t('statusColumnLabel'),\n            }}\n            statusLabels={{\n              signCta: t('signDocumentCta'),\n              notSigned: t('notSigned'),\n              complete: t('signed'),\n            }}\n            emptyStateLabel={t('emptyTitle')}\n            errorLabel={t('errorTitle')}\n          />\n\n          <ActionsLayout>\n            <Components.Button onClick={handleContinue} isDisabled={hasOutstandingSignature}>\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["canSignDocument","document","W9_DOCUMENT_NAME","getPresentFieldNames","DocumentsList","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","result","useContractorDocumentsList","BaseLayout","documents","hasError","hasOutstandingSignature","requiresSignature","hasUnpreparedDocument","handleRequestSign","uuid","candidate","contractorEvents","handleContinue","jsxs","Flex","DocumentList","form","ActionsLayout"],"mappings":";;;;;;;;;;;;;AAoCA,SAASA,EAAgBC,GAA6B;AACpD,SAAIA,EAAS,SAASC,IAAyB,KACxCC,EAAqBF,CAAQ,EAAE,OAAO;AAC/C;AAsBO,SAASG,EAAcC,GAA2B;AACvD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,cAAAC,GAAc,WAAAC,GAAW,YAAAC,KAAkC;AACzE,EAAAC,EAAuB,4BAA4BD,CAAU,GAC7DE,EAAQ,0BAA0B;AAClC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B,GACjD,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEbC,IAASC,EAA2B,EAAE,cAAAZ,GAAc;AAE1D,MAAIW,EAAO;AACT,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAO,cAAc,QAAQ;AAGnE,QAAM,EAAE,WAAAG,MAAcH,EAAO,MACvBI,IAAWJ,EAAO,cAAc,OAAO,SAAS,GAKhDK,IAA0BF,EAAU;AAAA,IACxC,CAAAtB,MAAYyB,EAAkBzB,CAAQ,KAAKD,EAAgBC,CAAQ;AAAA,EAAA,GAE/D0B,IAAwBJ,EAAU;AAAA,IACtC,OAAYG,EAAkBzB,CAAQ,KAAK,CAACD,EAAgBC,CAAQ;AAAA,EAAA,GAGhE2B,IAAoB,CAACC,MAAiB;AAC1C,UAAM5B,IAAWsB,EAAU,KAAK,CAAAO,MAAaA,EAAU,SAASD,CAAI;AACpE,IAAAb,EAAQe,EAAiB,kCAAkC;AAAA,MACzD,MAAAF;AAAA,MACA,OAAO5B,GAAU;AAAA,IAAA,CAClB;AAAA,EACH,GAEM+B,IAAiB,MAAM;AAC3B,IAAAhB,EAAQe,EAAiB,yBAAyB;AAAA,EACpD;AAEA,SACE,gBAAAzB,EAAC,WAAA,EAAQ,WAAAI,GACP,UAAA,gBAAAJ,EAACgB,KAAW,OAAOF,EAAO,cAAc,QACtC,UAAA,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAA5B,EAACY,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAJ,EAAE,OAAO,GAAE;AAAA,wBACvCI,EAAW,MAAX,EAAiB,UAAAJ,EAAE,UAAU,EAAA,CAAE;AAAA,IAAA,GAClC;AAAA,IAECa,KACC,gBAAArB,EAACY,EAAW,OAAX,EAAiB,QAAO,WAAU,OAAOJ,EAAE,eAAe,GACzD,4BAACI,EAAW,MAAX,EAAiB,UAAAJ,EAAE,cAAc,GAAE,GACtC;AAAA,IAGF,gBAAAR;AAAA,MAAC6B;AAAA,MAAA;AAAA,QACC,OAAOZ,EAAU,IAAI,CAAAtB,OAAa;AAAA,UAChC,MAAMA,EAAS,QAAQ;AAAA,UACvB,OAAOA,EAAS;AAAA,UAChB,aAAaA,EAAS;AAAA,UACtB,kBAAkByB,EAAkBzB,CAAQ;AAAA,QAAA,EAC5C;AAAA,QACF,SAAS,CAAAmC,MAAQ;AACf,gBAAMnC,IAAWsB,EAAU,KAAK,OAAaO,EAAU,SAASM,EAAK,IAAI;AACzE,iBAAOnC,IAAWD,EAAgBC,CAAQ,IAAI;AAAA,QAChD;AAAA,QACA,eAAe,CAAAmC,MAAQ;AACrB,UAAAR,EAAkBQ,EAAK,IAAI;AAAA,QAC7B;AAAA,QACA,WAAWZ;AAAA,QACX,OAAOV,EAAE,mBAAmB;AAAA,QAC5B,cAAc;AAAA,UACZ,MAAMA,EAAE,qBAAqB;AAAA,UAC7B,QAAQA,EAAE,mBAAmB;AAAA,QAAA;AAAA,QAE/B,cAAc;AAAA,UACZ,SAASA,EAAE,iBAAiB;AAAA,UAC5B,WAAWA,EAAE,WAAW;AAAA,UACxB,UAAUA,EAAE,QAAQ;AAAA,QAAA;AAAA,QAEtB,iBAAiBA,EAAE,YAAY;AAAA,QAC/B,YAAYA,EAAE,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5B,gBAAAR,EAAC+B,GAAA,EACC,UAAA,gBAAA/B,EAACY,EAAW,QAAX,EAAkB,SAASc,GAAgB,YAAYP,GACrD,UAAAX,EAAE,aAAa,GAClB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Contractor/Documents/onboarding/DocumentsList/index.d.ts

@@ -0,0 +1 @@
+export { DocumentsList, type DocumentsListProps } from './DocumentsList';

package/dist/components/Contractor/Documents/{SignatureForm → shared/SignatureForm}/SignatureForm.d.ts

@@ -1,4 +1,4 @@
-import { BaseComponentInterface } from '../../../Base/Base';
+import { BaseComponentInterface } from '../../../../Base/Base';
 /**
  * Props for {@link SignatureForm}.
  *