@gusto/embedded-react-sdk 0.53.0 → 0.54.0

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.d.ts

@@ -0,0 +1,111 @@
+import { ComponentType } from 'react';
+import { UseFormProps } from 'react-hook-form';
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { ContractorPayFormData } from './contractorPaySchema';
+import { WageTypeFieldProps, HourlyRateFieldProps } from './fields';
+import { BaseFormHookReady, FieldMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
+/**
+ * Props for {@link useContractorPayForm}.
+ *
+ * @public
+ */
+export interface UseContractorPayFormProps {
+    /** Contractor whose compensation is being edited. */
+    contractorId: string;
+    /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */
+    validationMode?: UseFormProps['mode'];
+    /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler`. Defaults to `true`. */
+    shouldFocusError?: boolean;
+}
+/**
+ * Field components exposed by {@link useContractorPayForm} on `form.Fields`.
+ *
+ * @public
+ */
+export interface ContractorPayFormFields {
+    /** Bound to `wageType`. Selects whether the contractor is paid Fixed or Hourly. */
+    WageType: ComponentType<WageTypeFieldProps>;
+    /** Bound to `hourlyRate`. Required and rendered only when `wageType` is `Hourly`. */
+    HourlyRate: ComponentType<HourlyRateFieldProps>;
+}
+/**
+ * Ready-state return value of {@link useContractorPayForm}.
+ *
+ * @public
+ */
+export interface UseContractorPayFormReady extends BaseFormHookReady<ContractorPayFieldsMetadata, ContractorPayFormData, ContractorPayFormFields> {
+    /** The full contractor entity, loaded from the API. */
+    data: {
+        contractor: Contractor;
+    };
+    /**
+     * `isPending` reflects the in-flight update mutation; `mode` is always
+     * `'update'`. `isHourly` reflects the currently selected wage type so a
+     * composing component can decide whether to render the hourly-rate field.
+     */
+    status: {
+        isPending: boolean;
+        mode: 'update';
+        isHourly: boolean;
+    };
+    /** Submit the form. Returns the updated contractor on success or `undefined` on validation/mutation failure. */
+    actions: {
+        onSubmit: () => Promise<HookSubmitResult<Contractor> | undefined>;
+    };
+}
+/**
+ * Headless React Hook Form hook for editing a contractor's compensation.
+ *
+ * @remarks
+ * Owns `wageType` (Fixed or Hourly) and, when Hourly, `hourlyRate`. Always
+ * operates in update mode — a contractor's wage type is set at creation. Every
+ * submit echoes the contractor's current `type` back to the API alongside the
+ * changed fields: the update endpoint's wire schema defaults an omitted `type`
+ * to `"Individual"`, so a narrower payload would silently misrepresent a
+ * Business contractor.
+ *
+ * @param props - See {@link UseContractorPayFormProps}.
+ * @returns A loading-state result while data loads, or a {@link UseContractorPayFormReady} once ready.
+ * @public
+ *
+ * @example
+ * ```tsx
+ * import { useContractorPayForm, SDKFormProvider } from '@gusto/embedded-react-sdk'
+ *
+ * function PayScreen({ contractorId }: { contractorId: string }) {
+ *   const pay = useContractorPayForm({ contractorId })
+ *
+ *   if (pay.isLoading) return null
+ *   const { Fields } = pay.form
+ *
+ *   return (
+ *     <SDKFormProvider formHookResult={pay}>
+ *       <form
+ *         onSubmit={e => {
+ *           e.preventDefault()
+ *           void pay.actions.onSubmit()
+ *         }}
+ *       >
+ *         <Fields.WageType label="Compensation type" />
+ *         <Fields.HourlyRate label="Hourly rate" />
+ *         <button type="submit" disabled={pay.status.isPending}>Save</button>
+ *       </form>
+ *     </SDKFormProvider>
+ *   )
+ * }
+ * ```
+ */
+export declare function useContractorPayForm({ contractorId, validationMode, shouldFocusError, }: UseContractorPayFormProps): HookLoadingResult | UseContractorPayFormReady;
+/**
+ * Return type of {@link useContractorPayForm} — a discriminated union on `isLoading`.
+ *
+ * @public
+ */
+export type UseContractorPayFormResult = HookLoadingResult | UseContractorPayFormReady;
+/**
+ * Per-field metadata exposed on `form.fieldsMetadata` for {@link useContractorPayForm}.
+ *
+ * @public
+ */
+export type ContractorPayFieldsMetadata = { wageType: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Fixed" | "Hourly">; hourlyRate: FieldMetadata; };
+export {};

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.js

@@ -0,0 +1,95 @@
+import { useMemo as f } from "react";
+import { useForm as E, useWatch as V } from "react-hook-form";
+import { zodResolver as x } from "@hookform/resolvers/zod";
+import { useContractorsGet as D } from "@gusto/embedded-api/react-query/contractorsGet";
+import { useContractorsUpdateMutation as U } from "@gusto/embedded-api/react-query/contractorsUpdate";
+import { createContractorPaySchema as k, WageType as o } from "./contractorPaySchema.js";
+import { HourlyRateField as L, WageTypeField as O } from "./fields.js";
+import { useDeriveFieldsMetadata as q } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as B } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as G } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { withOptions as I } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { composeErrorHandler as z } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as A } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as g } from "../../../../../types/sdkError.js";
+function K(e) {
+  const n = [o.Fixed, o.Hourly].map((a) => ({ value: a, label: a }));
+  return {
+    wageType: I(e.wageType, n, [o.Fixed, o.Hourly]),
+    hourlyRate: e.hourlyRate
+  };
+}
+function st({
+  contractorId: e,
+  validationMode: n = "onSubmit",
+  shouldFocusError: a = !0
+}) {
+  const s = D({ contractorUuid: e }), t = s.data?.contractor, [u, w] = f(() => k(), []), c = f(
+    () => ({
+      wageType: t?.wageType ?? o.Fixed,
+      hourlyRate: t?.hourlyRate ? Number(t.hourlyRate) : 0
+    }),
+    [t]
+  ), r = E({
+    resolver: x(u),
+    mode: n,
+    shouldFocusError: a,
+    defaultValues: c,
+    values: c,
+    resetOptions: { keepDirtyValues: !0 }
+  }), h = V({ control: r.control, name: "wageType" }) === o.Hourly, m = U(), b = m.isPending, {
+    baseSubmitHandler: F,
+    error: T,
+    setError: R
+  } = A("ContractorPayForm"), d = z([s], { submitError: T, setSubmitError: R }), H = q(w, r.control), S = K(H), C = async () => {
+    if (!t?.version)
+      throw new g("Cannot submit pay form before contractor data is loaded");
+    const M = t.version, P = t.type;
+    let l;
+    return await new Promise((p) => {
+      r.handleSubmit(
+        async (W) => {
+          await F(W, async (i) => {
+            const y = await m.mutateAsync({
+              request: {
+                contractorUuid: e,
+                contractorUpdateRequestBody: {
+                  version: M,
+                  type: P,
+                  wageType: i.wageType,
+                  hourlyRate: i.wageType === o.Hourly ? String(i.hourlyRate) : void 0
+                }
+              }
+            });
+            if (!y.contractor)
+              throw new g("Contractor pay update failed");
+            l = { mode: "update", data: y.contractor };
+          }), p();
+        },
+        () => {
+          p();
+        }
+      )();
+    }), l;
+  }, v = B(r);
+  return s.isLoading || !t ? { isLoading: !0, errorHandling: d } : {
+    isLoading: !1,
+    data: { contractor: t },
+    status: { isPending: b, mode: "update", isHourly: h },
+    actions: { onSubmit: C },
+    errorHandling: d,
+    form: {
+      Fields: {
+        WageType: O,
+        HourlyRate: L
+      },
+      fieldsMetadata: S,
+      hookFormInternals: v,
+      getFormSubmissionValues: G(r, u)
+    }
+  };
+}
+export {
+  st as useContractorPayForm
+};
+//# sourceMappingURL=useContractorPayForm.js.map

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContractorPayForm.js","sources":["../../../../../../src/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useMemo } from 'react'\nimport { useForm, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport {\n  createContractorPaySchema,\n  WageType,\n  type ContractorPayFormData,\n  type ContractorPayFormOutputs,\n} from './contractorPaySchema'\nimport type { WageTypeFieldProps, HourlyRateFieldProps } from './fields'\nimport { WageTypeField, HourlyRateField } from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldMetadata,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\n/**\n * Props for {@link useContractorPayForm}.\n *\n * @public\n */\nexport interface UseContractorPayFormProps {\n  /** Contractor whose compensation is being edited. */\n  contractorId: string\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler`. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Field components exposed by {@link useContractorPayForm} on `form.Fields`.\n *\n * @public\n */\nexport interface ContractorPayFormFields {\n  /** Bound to `wageType`. Selects whether the contractor is paid Fixed or Hourly. */\n  WageType: ComponentType<WageTypeFieldProps>\n  /** Bound to `hourlyRate`. Required and rendered only when `wageType` is `Hourly`. */\n  HourlyRate: ComponentType<HourlyRateFieldProps>\n}\n\n/**\n * Ready-state return value of {@link useContractorPayForm}.\n *\n * @public\n */\nexport interface UseContractorPayFormReady extends BaseFormHookReady<\n  ContractorPayFieldsMetadata,\n  ContractorPayFormData,\n  ContractorPayFormFields\n> {\n  /** The full contractor entity, loaded from the API. */\n  data: { contractor: Contractor }\n  /**\n   * `isPending` reflects the in-flight update mutation; `mode` is always\n   * `'update'`. `isHourly` reflects the currently selected wage type so a\n   * composing component can decide whether to render the hourly-rate field.\n   */\n  status: { isPending: boolean; mode: 'update'; isHourly: boolean }\n  /** Submit the form. Returns the updated contractor on success or `undefined` on validation/mutation failure. */\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<Contractor> | undefined>\n  }\n}\n\n/** @internal */\nfunction buildContractorPayFieldsMetadata(\n  base: Record<keyof ContractorPayFormData, FieldMetadata>,\n) {\n  const wageTypeOptions = [WageType.Fixed, WageType.Hourly].map(value => ({ value, label: value }))\n  return {\n    wageType: withOptions(base.wageType, wageTypeOptions, [WageType.Fixed, WageType.Hourly]),\n    hourlyRate: base.hourlyRate,\n  } satisfies FieldsMetadata\n}\n\n/**\n * Headless React Hook Form hook for editing a contractor's compensation.\n *\n * @remarks\n * Owns `wageType` (Fixed or Hourly) and, when Hourly, `hourlyRate`. Always\n * operates in update mode — a contractor's wage type is set at creation. Every\n * submit echoes the contractor's current `type` back to the API alongside the\n * changed fields: the update endpoint's wire schema defaults an omitted `type`\n * to `\"Individual\"`, so a narrower payload would silently misrepresent a\n * Business contractor.\n *\n * @param props - See {@link UseContractorPayFormProps}.\n * @returns A loading-state result while data loads, or a {@link UseContractorPayFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import { useContractorPayForm, SDKFormProvider } from '@gusto/embedded-react-sdk'\n *\n * function PayScreen({ contractorId }: { contractorId: string }) {\n *   const pay = useContractorPayForm({ contractorId })\n *\n *   if (pay.isLoading) return null\n *   const { Fields } = pay.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={pay}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void pay.actions.onSubmit()\n *         }}\n *       >\n *         <Fields.WageType label=\"Compensation type\" />\n *         <Fields.HourlyRate label=\"Hourly rate\" />\n *         <button type=\"submit\" disabled={pay.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useContractorPayForm({\n  contractorId,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseContractorPayFormProps): HookLoadingResult | UseContractorPayFormReady {\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const contractor = contractorQuery.data?.contractor\n\n  const [schema, metadataConfig] = useMemo(() => createContractorPaySchema(), [])\n\n  const resolvedDefaults: ContractorPayFormData = useMemo(\n    () => ({\n      wageType: contractor?.wageType ?? WageType.Fixed,\n      hourlyRate: contractor?.hourlyRate ? Number(contractor.hourlyRate) : 0,\n    }),\n    [contractor],\n  )\n\n  const formMethods = useForm<ContractorPayFormData, unknown, ContractorPayFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n  const isHourly = watchedWageType === WageType.Hourly\n\n  const updateMutation = useContractorsUpdateMutation()\n  const isPending = updateMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('ContractorPayForm')\n\n  const errorHandling = composeErrorHandler([contractorQuery], { submitError, setSubmitError })\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = buildContractorPayFieldsMetadata(baseMetadata)\n\n  const onSubmit = async (): Promise<HookSubmitResult<Contractor> | undefined> => {\n    if (!contractor?.version) {\n      throw new SDKInternalError('Cannot submit pay form before contractor data is loaded')\n    }\n    const contractorVersion = contractor.version\n    const contractorType = contractor.type\n    let submitResult: HookSubmitResult<Contractor> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: ContractorPayFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const result = await updateMutation.mutateAsync({\n              request: {\n                contractorUuid: contractorId,\n                contractorUpdateRequestBody: {\n                  version: contractorVersion,\n                  type: contractorType,\n                  wageType: payload.wageType,\n                  hourlyRate:\n                    payload.wageType === WageType.Hourly ? String(payload.hourlyRate) : undefined,\n                },\n              },\n            })\n\n            if (!result.contractor) {\n              throw new SDKInternalError('Contractor pay update failed')\n            }\n\n            submitResult = { mode: 'update' as const, data: result.contractor }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (contractorQuery.isLoading || !contractor) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { contractor },\n    status: { isPending, mode: 'update' as const, isHourly },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        WageType: WageTypeField,\n        HourlyRate: HourlyRateField,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n/**\n * Return type of {@link useContractorPayForm} — a discriminated union on `isLoading`.\n *\n * @public\n */\nexport type UseContractorPayFormResult = HookLoadingResult | UseContractorPayFormReady\n\n/**\n * Per-field metadata exposed on `form.fieldsMetadata` for {@link useContractorPayForm}.\n *\n * @public\n */\nexport type ContractorPayFieldsMetadata = ReturnType<typeof buildContractorPayFieldsMetadata>\n"],"names":["buildContractorPayFieldsMetadata","base","wageTypeOptions","WageType","value","withOptions","useContractorPayForm","contractorId","validationMode","shouldFocusError","contractorQuery","useContractorsGet","contractor","schema","metadataConfig","useMemo","createContractorPaySchema","resolvedDefaults","formMethods","useForm","zodResolver","isHourly","useWatch","updateMutation","useContractorsUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","onSubmit","SDKInternalError","contractorVersion","contractorType","submitResult","resolve","data","payload","result","hookFormInternals","useHookFormInternals","WageTypeField","HourlyRateField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Contractor/ContractorList/management/ManagementContractorList.d.ts

@@ -36,4 +36,4 @@ export interface ManagementContractorListProps extends BaseComponentInterface<'C
  *
  * @public
  */
-export declare function ManagementContractorList({ FallbackComponent, ...props }: ManagementContractorListProps): import("react").JSX.Element;
+export declare function ManagementContractorList({ FallbackComponent, LoaderComponent, ...props }: ManagementContractorListProps): import("react").JSX.Element;

package/dist/components/Contractor/ContractorList/management/ManagementContractorList.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useState as L } from "react";
-import { useContractorList as A } from "../shared/useContractorList.js";
-import { ManagementContractorListView as h } from "./ManagementContractorListView.js";
-import { BaseBoundaries as p, BaseLayout as C } from "../../../Base/Base.js";
-import { useI18n as D, useComponentDictionary as N } from "../../../../i18n/I18n.js";
+import { useContractorList as h } from "../shared/useContractorList.js";
+import { ManagementContractorListView as D } from "./ManagementContractorListView.js";
+import { BaseBoundaries as N, BaseLayout as m } from "../../../Base/Base.js";
+import { useI18n as p, useComponentDictionary as f } from "../../../../i18n/I18n.js";
 import { componentEvents as o } from "../../../../shared/constants.js";
-const f = (r) => {
+const E = (r) => {
   switch (r) {
     case "active":
       return "active";
@@ -15,76 +15,86 @@ const f = (r) => {
       return "terminated";
   }
 };
-function E({
+function _({
   companyId: r,
   initialTab: i = "active",
-  onEvent: a,
-  dictionary: m
+  onEvent: n,
+  dictionary: R,
+  LoaderComponent: s
 }) {
-  D("Contractor.ManagementContractorList"), N("Contractor.ManagementContractorList", m);
-  const [s, R] = L(i), n = A({
+  p("Contractor.ManagementContractorList"), f("Contractor.ManagementContractorList", R);
+  const [c, T] = L(i), a = h({
     companyId: r,
-    contractorType: f(s)
+    contractorType: E(c)
   });
-  if (n.isLoading)
-    return /* @__PURE__ */ e(C, { isLoading: !0, error: n.errorHandling.errors });
-  const T = (t) => {
-    a(o.CONTRACTOR_UPDATE, { contractorId: t });
-  }, d = (t) => {
-    a(o.CONTRACTOR_VIEW, { contractorId: t });
-  }, l = () => {
-    a(o.CONTRACTOR_CREATE);
-  }, O = (t) => {
-    a(o.CONTRACTOR_DISMISS, { contractorId: t });
+  if (a.isLoading)
+    return /* @__PURE__ */ e(
+      m,
+      {
+        isLoading: !0,
+        error: a.errorHandling.errors,
+        LoaderComponent: s
+      }
+    );
+  const d = (t) => {
+    n(o.CONTRACTOR_UPDATE, { contractorId: t });
+  }, l = (t) => {
+    n(o.CONTRACTOR_VIEW, { contractorId: t });
+  }, O = () => {
+    n(o.CONTRACTOR_CREATE);
   }, g = (t) => {
-    a(o.CONTRACTOR_REHIRE, { contractorId: t });
+    n(o.CONTRACTOR_DISMISS, { contractorId: t });
   }, u = (t) => {
-    R(t);
+    n(o.CONTRACTOR_REHIRE, { contractorId: t });
+  }, A = (t) => {
+    T(t);
   };
-  return /* @__PURE__ */ e(C, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(
-    h,
+  return /* @__PURE__ */ e(m, { error: a.errorHandling.errors, LoaderComponent: s, children: /* @__PURE__ */ e(
+    D,
     {
-      selectedTab: s,
-      onTabChange: u,
-      contractors: n.data.contractors,
-      isFetching: n.status.isFetching,
-      pagination: n.pagination,
-      status: n.status,
-      onEdit: T,
-      onView: d,
-      onDismiss: O,
-      onRehire: g,
+      selectedTab: c,
+      onTabChange: A,
+      contractors: a.data.contractors,
+      isFetching: a.status.isFetching,
+      pagination: a.pagination,
+      status: a.status,
+      onEdit: d,
+      onView: l,
+      onDismiss: g,
+      onRehire: u,
       onDelete: async (t) => {
-        await n.actions.onDelete(t), a(o.CONTRACTOR_DELETED, { contractorId: t });
+        await a.actions.onDelete(t), n(o.CONTRACTOR_DELETED, { contractorId: t });
       },
       onCancelSelfOnboarding: async (t) => {
-        const c = await n.actions.onCancelSelfOnboarding(t);
-        c && a(o.CONTRACTOR_SELF_ONBOARDING_CANCELLED, c);
+        const C = await a.actions.onCancelSelfOnboarding(t);
+        C && n(o.CONTRACTOR_SELF_ONBOARDING_CANCELLED, C);
       },
       onCancelDismissal: async (t) => {
-        await n.actions.onCancelDismissal(t), a(o.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId: t });
+        await a.actions.onCancelDismissal(t), n(o.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId: t });
       },
       onCancelRehire: async (t) => {
-        await n.actions.onCancelRehire(t), a(o.CONTRACTOR_REHIRE_CANCELLED, { contractorId: t });
+        await a.actions.onCancelRehire(t), n(o.CONTRACTOR_REHIRE_CANCELLED, { contractorId: t });
       },
-      onAddContractor: l
+      onAddContractor: O
     }
   ) });
 }
-function B({
+function H({
   FallbackComponent: r,
-  ...i
+  LoaderComponent: i,
+  ...n
 }) {
   return /* @__PURE__ */ e(
-    p,
+    N,
     {
       componentName: "Contractor.ManagementContractorList",
       FallbackComponent: r,
-      children: /* @__PURE__ */ e(E, { ...i })
+      LoaderComponent: i,
+      children: /* @__PURE__ */ e(_, { LoaderComponent: i, ...n })
     }
   );
 }
 export {
-  B as ManagementContractorList
+  H as ManagementContractorList
 };
 //# sourceMappingURL=ManagementContractorList.js.map

package/dist/components/Contractor/ContractorList/management/ManagementContractorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManagementContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/management/ManagementContractorList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useContractorList, type ContractorType } from '../shared/useContractorList'\nimport { ManagementContractorListView } from './ManagementContractorListView'\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 ManagementContractorList}.\n *\n * @public\n */\nexport type ContractorTab = 'active' | 'onboarding' | 'dismissed'\n\n/**\n * Props for {@link ManagementContractorList}.\n *\n * @public\n */\nexport interface ManagementContractorListProps extends BaseComponentInterface<'Contractor.ManagementContractorList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Tab to render first: Active, Onboarding, or Dismissed. Defaults to `'active'`. */\n  initialTab?: ContractorTab\n}\n\nconst mapTabToContractorType = (tab: ContractorTab): ContractorType => {\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 ManagementContractorListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n}: ManagementContractorListProps) {\n  useI18n('Contractor.ManagementContractorList')\n  useComponentDictionary('Contractor.ManagementContractorList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<ContractorTab>(initialTab)\n\n  const contractorList = useContractorList({\n    companyId,\n    contractorType: mapTabToContractorType(selectedTab),\n  })\n\n  if (contractorList.isLoading) {\n    return <BaseLayout isLoading error={contractorList.errorHandling.errors} />\n  }\n\n  const handleEdit = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId })\n  }\n\n  const handleView = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_VIEW, { contractorId })\n  }\n\n  const handleAddContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleDismiss = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_DISMISS, { contractorId })\n  }\n\n  const handleRehire = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_REHIRE, { contractorId })\n  }\n\n  const handleTabChange = (tab: ContractorTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={contractorList.errorHandling.errors}>\n      <ManagementContractorListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        contractors={contractorList.data.contractors}\n        isFetching={contractorList.status.isFetching}\n        pagination={contractorList.pagination}\n        status={contractorList.status}\n        onEdit={handleEdit}\n        onView={handleView}\n        onDismiss={handleDismiss}\n        onRehire={handleRehire}\n        onDelete={async (contractorId: string) => {\n          await contractorList.actions.onDelete(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId })\n        }}\n        onCancelSelfOnboarding={async (contractorId: string) => {\n          const onboardingStatus = await contractorList.actions.onCancelSelfOnboarding(contractorId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_CANCELLED, onboardingStatus)\n        }}\n        onCancelDismissal={async (contractorId: string) => {\n          await contractorList.actions.onCancelDismissal(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId })\n        }}\n        onCancelRehire={async (contractorId: string) => {\n          await contractorList.actions.onCancelRehire(contractorId)\n          onEvent(componentEvents.CONTRACTOR_REHIRE_CANCELLED, { contractorId })\n        }}\n        onAddContractor={handleAddContractor}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a tabbed list of a company's contractors split across Active, Onboarding, and Dismissed\n * tabs, with per-row actions tailored to each tab (edit, delete, view details, dismiss, rehire,\n * cancel a scheduled dismissal or rehire).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | Fired when the user clicks \"Add contractor\". | — |\n * | `contractor/update` | Fired when the user selects \"Edit\"/\"Review\" on an onboarding-tab row. | `{ contractorId: string }` |\n * | `contractor/view` | Fired when the user selects \"View details\" on an active or dismissed row. | `{ contractorId: string }` |\n * | `contractor/deleted` | Fired after an onboarding-tab row's \"Remove\" action completes. | `{ contractorId: string }` |\n * | `contractor/selfOnboarding/cancelled` | Fired after the \"Cancel self-onboarding\" action updates a contractor's onboarding status. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/dismiss` | Fired when the user selects \"Dismiss\" on an active row. No mutation is performed by this component. | `{ contractorId: string }` |\n * | `contractor/rehire` | Fired when the user selects \"Rehire\" on a dismissed row. No mutation is performed by this component. | `{ contractorId: string }` |\n * | `contractor/dismissal/cancelled` | Fired after a scheduled dismissal is cancelled via the confirm dialog. | `{ contractorId: string }` |\n * | `contractor/rehire/cancelled` | Fired after a scheduled rehire is cancelled via the confirm dialog. | `{ contractorId: string }` |\n *\n * @public\n */\nexport function ManagementContractorList({\n  FallbackComponent,\n  ...props\n}: ManagementContractorListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.ManagementContractorList\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ManagementContractorListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToContractorType","tab","ManagementContractorListRoot","companyId","initialTab","onEvent","dictionary","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","contractorList","useContractorList","BaseLayout","handleEdit","contractorId","componentEvents","handleView","handleAddContractor","handleDismiss","handleRehire","handleTabChange","jsx","ManagementContractorListView","onboardingStatus","ManagementContractorList","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}
+{"version":3,"file":"ManagementContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/management/ManagementContractorList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useContractorList, type ContractorType } from '../shared/useContractorList'\nimport { ManagementContractorListView } from './ManagementContractorListView'\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 ManagementContractorList}.\n *\n * @public\n */\nexport type ContractorTab = 'active' | 'onboarding' | 'dismissed'\n\n/**\n * Props for {@link ManagementContractorList}.\n *\n * @public\n */\nexport interface ManagementContractorListProps extends BaseComponentInterface<'Contractor.ManagementContractorList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Tab to render first: Active, Onboarding, or Dismissed. Defaults to `'active'`. */\n  initialTab?: ContractorTab\n}\n\nconst mapTabToContractorType = (tab: ContractorTab): ContractorType => {\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 ManagementContractorListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: ManagementContractorListProps) {\n  useI18n('Contractor.ManagementContractorList')\n  useComponentDictionary('Contractor.ManagementContractorList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<ContractorTab>(initialTab)\n\n  const contractorList = useContractorList({\n    companyId,\n    contractorType: mapTabToContractorType(selectedTab),\n  })\n\n  if (contractorList.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={contractorList.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleEdit = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId })\n  }\n\n  const handleView = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_VIEW, { contractorId })\n  }\n\n  const handleAddContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleDismiss = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_DISMISS, { contractorId })\n  }\n\n  const handleRehire = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_REHIRE, { contractorId })\n  }\n\n  const handleTabChange = (tab: ContractorTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={contractorList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <ManagementContractorListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        contractors={contractorList.data.contractors}\n        isFetching={contractorList.status.isFetching}\n        pagination={contractorList.pagination}\n        status={contractorList.status}\n        onEdit={handleEdit}\n        onView={handleView}\n        onDismiss={handleDismiss}\n        onRehire={handleRehire}\n        onDelete={async (contractorId: string) => {\n          await contractorList.actions.onDelete(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId })\n        }}\n        onCancelSelfOnboarding={async (contractorId: string) => {\n          const onboardingStatus = await contractorList.actions.onCancelSelfOnboarding(contractorId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_CANCELLED, onboardingStatus)\n        }}\n        onCancelDismissal={async (contractorId: string) => {\n          await contractorList.actions.onCancelDismissal(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId })\n        }}\n        onCancelRehire={async (contractorId: string) => {\n          await contractorList.actions.onCancelRehire(contractorId)\n          onEvent(componentEvents.CONTRACTOR_REHIRE_CANCELLED, { contractorId })\n        }}\n        onAddContractor={handleAddContractor}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a tabbed list of a company's contractors split across Active, Onboarding, and Dismissed\n * tabs, with per-row actions tailored to each tab (edit, delete, view details, dismiss, rehire,\n * cancel a scheduled dismissal or rehire).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | Fired when the user clicks \"Add contractor\". | — |\n * | `contractor/update` | Fired when the user selects \"Edit\"/\"Review\" on an onboarding-tab row. | `{ contractorId: string }` |\n * | `contractor/view` | Fired when the user selects \"View details\" on an active or dismissed row. | `{ contractorId: string }` |\n * | `contractor/deleted` | Fired after an onboarding-tab row's \"Remove\" action completes. | `{ contractorId: string }` |\n * | `contractor/selfOnboarding/cancelled` | Fired after the \"Cancel self-onboarding\" action updates a contractor's onboarding status. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/dismiss` | Fired when the user selects \"Dismiss\" on an active row. No mutation is performed by this component. | `{ contractorId: string }` |\n * | `contractor/rehire` | Fired when the user selects \"Rehire\" on a dismissed row. No mutation is performed by this component. | `{ contractorId: string }` |\n * | `contractor/dismissal/cancelled` | Fired after a scheduled dismissal is cancelled via the confirm dialog. | `{ contractorId: string }` |\n * | `contractor/rehire/cancelled` | Fired after a scheduled rehire is cancelled via the confirm dialog. | `{ contractorId: string }` |\n *\n * @public\n */\nexport function ManagementContractorList({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ManagementContractorListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.ManagementContractorList\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ManagementContractorListRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToContractorType","tab","ManagementContractorListRoot","companyId","initialTab","onEvent","dictionary","LoaderComponent","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","contractorList","useContractorList","jsx","BaseLayout","handleEdit","contractorId","componentEvents","handleView","handleAddContractor","handleDismiss","handleRehire","handleTabChange","ManagementContractorListView","onboardingStatus","ManagementContractorList","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

package/dist/components/Contractor/ContractorList/onboarding/ContractorList.d.ts

@@ -26,4 +26,4 @@ export interface ContractorListProps extends BaseComponentInterface<'Contractor.
  * @returns The rendered contractor list.
  * @public
  */
-export declare function ContractorList({ FallbackComponent, ...props }: ContractorListProps): import("react").JSX.Element;
+export declare function ContractorList({ FallbackComponent, LoaderComponent, ...props }: ContractorListProps): import("react").JSX.Element;

package/dist/components/Contractor/ContractorList/onboarding/ContractorList.js

@@ -1,51 +1,71 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useContractorList as m } from "../shared/useContractorList.js";
-import { ContractorListView as L } from "./ContractorListView.js";
-import { BaseBoundaries as R, BaseLayout as e } from "../../../Base/Base.js";
-import { useI18n as T, useComponentDictionary as l } from "../../../../i18n/I18n.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useContractorList as R } from "../shared/useContractorList.js";
+import { ContractorListView as T } from "./ContractorListView.js";
+import { BaseBoundaries as l, BaseLayout as C } from "../../../Base/Base.js";
+import { useI18n as L, useComponentDictionary as N } from "../../../../i18n/I18n.js";
 import { componentEvents as n } from "../../../../shared/constants.js";
-function N({
-  companyId: i,
+function f({
+  companyId: a,
   onEvent: o,
-  dictionary: c,
-  successMessage: C
+  dictionary: s,
+  successMessage: u,
+  LoaderComponent: c
 }) {
-  T("Contractor.ContractorList"), l("Contractor.ContractorList", c);
-  const t = m({ companyId: i });
+  L("Contractor.ContractorList"), N("Contractor.ContractorList", s);
+  const t = R({ companyId: a });
   if (t.isLoading)
-    return /* @__PURE__ */ a(e, { isLoading: !0, error: t.errorHandling.errors });
+    return /* @__PURE__ */ i(
+      C,
+      {
+        isLoading: !0,
+        error: t.errorHandling.errors,
+        LoaderComponent: c
+      }
+    );
   const d = () => {
     o(n.CONTRACTOR_CREATE);
-  }, u = (r) => {
+  }, O = (r) => {
     o(n.CONTRACTOR_UPDATE, { contractorId: r });
-  }, O = () => {
+  }, m = () => {
     o(n.CONTRACTOR_ONBOARDING_CONTINUE);
   };
-  return /* @__PURE__ */ a(e, { error: t.errorHandling.errors, children: /* @__PURE__ */ a(
-    L,
+  return /* @__PURE__ */ i(C, { error: t.errorHandling.errors, LoaderComponent: c, children: /* @__PURE__ */ i(
+    T,
     {
       contractors: t.data.contractors,
       isFetching: t.status.isFetching,
       pagination: t.pagination,
       status: t.status,
-      successMessage: C,
-      onEdit: u,
+      successMessage: u,
+      onEdit: O,
       onDelete: async (r) => {
         await t.actions.onDelete(r), o(n.CONTRACTOR_DELETED, { contractorId: r });
       },
       onCancelSelfOnboarding: async (r) => {
-        const s = await t.actions.onCancelSelfOnboarding(r);
-        s && o(n.CONTRACTOR_SELF_ONBOARDING_CANCELLED, s);
+        const e = await t.actions.onCancelSelfOnboarding(r);
+        e && o(n.CONTRACTOR_SELF_ONBOARDING_CANCELLED, e);
       },
       onAddContractor: d,
-      onContinue: O
+      onContinue: m
     }
   ) });
 }
-function _({ FallbackComponent: i, ...o }) {
-  return /* @__PURE__ */ a(R, { componentName: "Contractor.ContractorList", FallbackComponent: i, children: /* @__PURE__ */ a(N, { ...o }) });
+function h({
+  FallbackComponent: a,
+  LoaderComponent: o,
+  ...s
+}) {
+  return /* @__PURE__ */ i(
+    l,
+    {
+      componentName: "Contractor.ContractorList",
+      FallbackComponent: a,
+      LoaderComponent: o,
+      children: /* @__PURE__ */ i(f, { LoaderComponent: o, ...s })
+    }
+  );
 }
 export {
-  _ as ContractorList
+  h as ContractorList
 };
 //# sourceMappingURL=ContractorList.js.map

package/dist/components/Contractor/ContractorList/onboarding/ContractorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/onboarding/ContractorList.tsx"],"sourcesContent":["import { useContractorList } from '../shared/useContractorList'\nimport { ContractorListView } from './ContractorListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link ContractorList}.\n *\n * @public\n */\nexport interface ContractorListProps extends BaseComponentInterface<'Contractor.ContractorList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Success message to display in an alert above the list, typically after a create, update, or delete action. */\n  successMessage?: string\n}\n\nfunction ContractorListRoot({\n  companyId,\n  onEvent,\n  dictionary,\n  successMessage,\n}: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  useComponentDictionary('Contractor.ContractorList', dictionary)\n\n  const contractorList = useContractorList({ companyId })\n\n  if (contractorList.isLoading) {\n    return <BaseLayout isLoading error={contractorList.errorHandling.errors} />\n  }\n\n  const handleAddContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleEdit = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.CONTRACTOR_ONBOARDING_CONTINUE)\n  }\n\n  return (\n    <BaseLayout error={contractorList.errorHandling.errors}>\n      <ContractorListView\n        contractors={contractorList.data.contractors}\n        isFetching={contractorList.status.isFetching}\n        pagination={contractorList.pagination}\n        status={contractorList.status}\n        successMessage={successMessage}\n        onEdit={handleEdit}\n        onDelete={async (contractorId: string) => {\n          await contractorList.actions.onDelete(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId })\n        }}\n        onCancelSelfOnboarding={async (contractorId: string) => {\n          const onboardingStatus = await contractorList.actions.onCancelSelfOnboarding(contractorId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_CANCELLED, onboardingStatus)\n        }}\n        onAddContractor={handleAddContractor}\n        onContinue={handleContinue}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Lists a company's contractors with controls to add, edit, delete, cancel self-onboarding, and continue onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | The add-contractor action was triggered. | — |\n * | `contractor/update` | A contractor row's edit action was triggered. | `{ contractorId: string }` |\n * | `contractor/deleted` | A contractor was successfully deleted. | `{ contractorId: string }` |\n * | `contractor/selfOnboarding/cancelled` | A contractor's self-onboarding was cancelled, reverting them to admin onboarding. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/onboarding/continue` | The continue action was triggered to advance onboarding. | — |\n *\n * @param props - See {@link ContractorListProps}.\n * @returns The rendered contractor list.\n * @public\n */\nexport function ContractorList({ FallbackComponent, ...props }: ContractorListProps) {\n  return (\n    <BaseBoundaries componentName=\"Contractor.ContractorList\" FallbackComponent={FallbackComponent}>\n      <ContractorListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ContractorListRoot","companyId","onEvent","dictionary","successMessage","useI18n","useComponentDictionary","contractorList","useContractorList","BaseLayout","handleAddContractor","componentEvents","handleEdit","contractorId","handleContinue","jsx","ContractorListView","onboardingStatus","ContractorList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAkBA,SAASA,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,2BAA2B,GACnCC,EAAuB,6BAA6BH,CAAU;AAE9D,QAAMI,IAAiBC,EAAkB,EAAE,WAAAP,GAAW;AAEtD,MAAIM,EAAe;AACjB,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAe,cAAc,QAAQ;AAG3E,QAAMG,IAAsB,MAAM;AAChC,IAAAR,EAAQS,EAAgB,iBAAiB;AAAA,EAC3C,GAEMC,IAAa,CAACC,MAAyB;AAC3C,IAAAX,EAAQS,EAAgB,mBAAmB,EAAE,cAAAE,EAAA,CAAc;AAAA,EAC7D,GAEMC,IAAiB,MAAM;AAC3B,IAAAZ,EAAQS,EAAgB,8BAA8B;AAAA,EACxD;AAEA,SACE,gBAAAI,EAACN,GAAA,EAAW,OAAOF,EAAe,cAAc,QAC9C,UAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaT,EAAe,KAAK;AAAA,MACjC,YAAYA,EAAe,OAAO;AAAA,MAClC,YAAYA,EAAe;AAAA,MAC3B,QAAQA,EAAe;AAAA,MACvB,gBAAAH;AAAA,MACA,QAAQQ;AAAA,MACR,UAAU,OAAOC,MAAyB;AACxC,cAAMN,EAAe,QAAQ,SAASM,CAAY,GAClDX,EAAQS,EAAgB,oBAAoB,EAAE,cAAAE,EAAA,CAAc;AAAA,MAC9D;AAAA,MACA,wBAAwB,OAAOA,MAAyB;AACtD,cAAMI,IAAmB,MAAMV,EAAe,QAAQ,uBAAuBM,CAAY;AACzF,QAAKI,KACLf,EAAQS,EAAgB,sCAAsCM,CAAgB;AAAA,MAChF;AAAA,MACA,iBAAiBP;AAAA,MACjB,YAAYI;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;AAkBO,SAASI,EAAe,EAAE,mBAAAC,GAAmB,GAAGC,KAA8B;AACnF,SACE,gBAAAL,EAACM,KAAe,eAAc,6BAA4B,mBAAAF,GACxD,UAAA,gBAAAJ,EAACf,GAAA,EAAoB,GAAGoB,EAAA,CAAO,EAAA,CACjC;AAEJ;"}
+{"version":3,"file":"ContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/onboarding/ContractorList.tsx"],"sourcesContent":["import { useContractorList } from '../shared/useContractorList'\nimport { ContractorListView } from './ContractorListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link ContractorList}.\n *\n * @public\n */\nexport interface ContractorListProps extends BaseComponentInterface<'Contractor.ContractorList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Success message to display in an alert above the list, typically after a create, update, or delete action. */\n  successMessage?: string\n}\n\nfunction ContractorListRoot({\n  companyId,\n  onEvent,\n  dictionary,\n  successMessage,\n  LoaderComponent,\n}: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  useComponentDictionary('Contractor.ContractorList', dictionary)\n\n  const contractorList = useContractorList({ companyId })\n\n  if (contractorList.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={contractorList.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleAddContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleEdit = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.CONTRACTOR_ONBOARDING_CONTINUE)\n  }\n\n  return (\n    <BaseLayout error={contractorList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <ContractorListView\n        contractors={contractorList.data.contractors}\n        isFetching={contractorList.status.isFetching}\n        pagination={contractorList.pagination}\n        status={contractorList.status}\n        successMessage={successMessage}\n        onEdit={handleEdit}\n        onDelete={async (contractorId: string) => {\n          await contractorList.actions.onDelete(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId })\n        }}\n        onCancelSelfOnboarding={async (contractorId: string) => {\n          const onboardingStatus = await contractorList.actions.onCancelSelfOnboarding(contractorId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_CANCELLED, onboardingStatus)\n        }}\n        onAddContractor={handleAddContractor}\n        onContinue={handleContinue}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Lists a company's contractors with controls to add, edit, delete, cancel self-onboarding, and continue onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | The add-contractor action was triggered. | — |\n * | `contractor/update` | A contractor row's edit action was triggered. | `{ contractorId: string }` |\n * | `contractor/deleted` | A contractor was successfully deleted. | `{ contractorId: string }` |\n * | `contractor/selfOnboarding/cancelled` | A contractor's self-onboarding was cancelled, reverting them to admin onboarding. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/onboarding/continue` | The continue action was triggered to advance onboarding. | — |\n *\n * @param props - See {@link ContractorListProps}.\n * @returns The rendered contractor list.\n * @public\n */\nexport function ContractorList({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ContractorListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.ContractorList\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ContractorListRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ContractorListRoot","companyId","onEvent","dictionary","successMessage","LoaderComponent","useI18n","useComponentDictionary","contractorList","useContractorList","jsx","BaseLayout","handleAddContractor","componentEvents","handleEdit","contractorId","handleContinue","ContractorListView","onboardingStatus","ContractorList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAkBA,SAASA,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,2BAA2B,GACnCC,EAAuB,6BAA6BJ,CAAU;AAE9D,QAAMK,IAAiBC,EAAkB,EAAE,WAAAR,GAAW;AAEtD,MAAIO,EAAe;AACjB,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAe,cAAc;AAAA,QACpC,iBAAAH;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMO,IAAsB,MAAM;AAChC,IAAAV,EAAQW,EAAgB,iBAAiB;AAAA,EAC3C,GAEMC,IAAa,CAACC,MAAyB;AAC3C,IAAAb,EAAQW,EAAgB,mBAAmB,EAAE,cAAAE,EAAA,CAAc;AAAA,EAC7D,GAEMC,IAAiB,MAAM;AAC3B,IAAAd,EAAQW,EAAgB,8BAA8B;AAAA,EACxD;AAEA,2BACGF,GAAA,EAAW,OAAOH,EAAe,cAAc,QAAQ,iBAAAH,GACtD,UAAA,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,aAAaT,EAAe,KAAK;AAAA,MACjC,YAAYA,EAAe,OAAO;AAAA,MAClC,YAAYA,EAAe;AAAA,MAC3B,QAAQA,EAAe;AAAA,MACvB,gBAAAJ;AAAA,MACA,QAAQU;AAAA,MACR,UAAU,OAAOC,MAAyB;AACxC,cAAMP,EAAe,QAAQ,SAASO,CAAY,GAClDb,EAAQW,EAAgB,oBAAoB,EAAE,cAAAE,EAAA,CAAc;AAAA,MAC9D;AAAA,MACA,wBAAwB,OAAOA,MAAyB;AACtD,cAAMG,IAAmB,MAAMV,EAAe,QAAQ,uBAAuBO,CAAY;AACzF,QAAKG,KACLhB,EAAQW,EAAgB,sCAAsCK,CAAgB;AAAA,MAChF;AAAA,MACA,iBAAiBN;AAAA,MACjB,YAAYI;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;AAkBO,SAASG,EAAe;AAAA,EAC7B,mBAAAC;AAAA,EACA,iBAAAf;AAAA,EACA,GAAGgB;AACL,GAAwB;AACtB,SACE,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAf;AAAA,MAEA,UAAA,gBAAAK,EAACV,GAAA,EAAmB,iBAAAK,GAAmC,GAAGgB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGvE;"}

package/dist/components/Contractor/ContractorList/onboarding/ContractorListView.js

@@ -11,11 +11,11 @@ import k from "../../../../assets/icons/pencil.svg.js";
 import _ from "../../../../assets/icons/trashcan.svg.js";
 import x from "../../../../assets/icons/x-circle.svg.js";
 import { firstLastName as B } from "../../../../helpers/formattedStrings.js";
-import { CONTRACTOR_TYPE as E, ContractorOnboardingStatus as P } from "../../../../shared/constants.js";
+import { ContractorOnboardingStatus as E, CONTRACTOR_TYPE as P } from "../../../../shared/constants.js";
 import { useDataView as I } from "../../../Common/DataView/useDataView.js";
 import { DataView as R } from "../../../Common/DataView/DataView.js";
 function V(n) {
-  return n.type === E.BUSINESS ? n.businessName : B({ first_name: n.firstName, last_name: n.lastName });
+  return n.type === P.BUSINESS ? n.businessName : B({ first_name: n.firstName, last_name: n.lastName });
 }
 function ee({
   contractors: n,
@@ -48,7 +48,7 @@ function ee({
       }
     ],
     itemMenu: (i) => {
-      const a = [], S = i.onboardingStatus === P.SELF_ONBOARDING_REVIEW;
+      const a = [], S = i.onboardingStatus === E.SELF_ONBOARDING_REVIEW;
       return i.allowedActions.includes("edit") && a.push({
         label: e(S ? "reviewCta" : "editCta"),
         onClick: () => {

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

@@ -0,0 +1,30 @@
+import { BaseComponentInterface } from '../../Base/Base';
+/** @public */
+export type DashboardTab = 'details' | 'pay' | 'documents';
+/** @public */
+export interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {
+    /** The associated contractor identifier. */
+    contractorId: string;
+    /** The currently active tab. Defaults to `'details'` when uncontrolled. */
+    selectedTab?: DashboardTab;
+}
+/**
+ * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.
+ *
+ * @remarks
+ * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense
+ * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which
+ * case it defaults to details. Each tab composes the read-only section cards listed below.
+ *
+ * @components
+ * - {@link ProfileCard}
+ * - {@link AddressCard}
+ * - {@link PaymentMethodCard}
+ * - {@link CompensationCard}
+ * - {@link DocumentsCard}
+ *
+ * @param props - Component props. See {@link DashboardProps}.
+ * @returns A React element rendering the contractor dashboard.
+ * @public
+ */
+export declare function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps): import("react").JSX.Element;