@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

package/dist/components/Contractor/Profile/{ContractorProfile.js → onboarding/ContractorProfile.js}

@@ -1,26 +1,26 @@
-import { jsx as t, jsxs as d, Fragment as E } from "react/jsx-runtime";
-import { useMemo as N, useState as v, useEffect as O } from "react";
-import { useTranslation as I } from "react-i18next";
-import { useWatch as S } from "react-hook-form";
-import y from "classnames";
-import { useContractorDetailsForm as A } from "./shared/useContractorDetailsForm/useContractorDetailsForm.js";
-import { ContractorType as F } from "./shared/useContractorDetailsForm/contractorDetailsSchema.js";
-import { SelfOnboardingContractorProfile as T } from "./SelfOnboardingContractorProfile.js";
+import { jsx as t, jsxs as d, Fragment as N } from "react/jsx-runtime";
+import { useMemo as R, useState as O, useEffect as S } from "react";
+import { useTranslation as C } from "react-i18next";
+import { useWatch as y } from "react-hook-form";
+import A from "classnames";
+import { useContractorDetailsForm as F } from "../shared/useContractorDetailsForm/useContractorDetailsForm.js";
+import { ContractorType as T } from "../shared/useContractorDetailsForm/contractorDetailsSchema.js";
+import { SelfOnboardingContractorProfile as L } from "./SelfOnboardingContractorProfile.js";
 import M from "./ContractorProfile.module.scss.js";
-import { BaseBoundaries as P, BaseLayout as h } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { SDKFormProvider as L } from "../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Form as _ } from "../../Common/Form/Form.js";
-import { Flex as c } from "../../Common/Flex/Flex.js";
-import { Grid as R } from "../../Common/Grid/Grid.js";
-import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as x, useI18n as B } from "../../../i18n/I18n.js";
-import { ContractorOnboardingStatus as b, componentEvents as g } from "../../../shared/constants.js";
-import { useContractorHasSignedW9 as W } from "../shared/useContractorHasSignedW9.js";
-function w(a) {
-  return a?.onboarded === !0 || a?.onboardingStatus === b.ONBOARDING_COMPLETED || a?.onboardingStatus === b.SELF_ONBOARDING_REVIEW || a?.onboardingStatus === b.ADMIN_ONBOARDING_REVIEW;
-}
+import { BaseBoundaries as P, BaseLayout as h } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { SDKFormProvider as _ } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as x } from "../../../Common/Form/Form.js";
+import { Flex as b } from "../../../Common/Flex/Flex.js";
+import { Grid as I } from "../../../Common/Grid/Grid.js";
+import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as B, useI18n as W } from "../../../../i18n/I18n.js";
+import { ContractorOnboardingStatus as g, componentEvents as p } from "../../../../shared/constants.js";
+import { useContractorHasSignedW9 as w } from "../../shared/useContractorHasSignedW9.js";
 function U(a) {
+  return a?.onboarded === !0 || a?.onboardingStatus === g.ONBOARDING_COMPLETED || a?.onboardingStatus === g.SELF_ONBOARDING_REVIEW || a?.onboardingStatus === g.ADMIN_ONBOARDING_REVIEW;
+}
+function V(a) {
   const n = {
     create: [],
     update: ["firstName", "lastName", "businessName", "hourlyRate", "workState"]
@@ -30,37 +30,47 @@ function U(a) {
     update: [...n.update ?? [], "ssn", "ein"]
   };
 }
-function le(a) {
-  return x("Contractor.Profile", a.dictionary), /* @__PURE__ */ t(P, { componentName: "Contractor.Profile", FallbackComponent: a.FallbackComponent, children: a.isAdmin === !1 ? /* @__PURE__ */ t(
-    T,
+function de(a) {
+  return B("Contractor.Profile", a.dictionary), /* @__PURE__ */ t(
+    P,
     {
-      contractorId: a.contractorId,
-      onEvent: a.onEvent,
-      className: a.className
+      componentName: "Contractor.Profile",
+      FallbackComponent: a.FallbackComponent,
+      LoaderComponent: a.LoaderComponent,
+      children: a.isAdmin === !1 ? /* @__PURE__ */ t(
+        L,
+        {
+          contractorId: a.contractorId,
+          onEvent: a.onEvent,
+          className: a.className,
+          LoaderComponent: a.LoaderComponent
+        }
+      ) : /* @__PURE__ */ t(H, { ...a })
     }
-  ) : /* @__PURE__ */ t(Q, { ...a }) });
+  );
 }
-function V({ contractorId: a }) {
-  const n = W(a), { t: r } = I("Contractor.Profile"), s = D();
+function Q({ contractorId: a }) {
+  const n = w(a), { t: r } = C("Contractor.Profile"), s = D();
   return n ? /* @__PURE__ */ t(s.Alert, { status: "warning", disableScrollIntoView: !0, label: r("w9EditWarning.label"), children: /* @__PURE__ */ t(s.Text, { children: r("w9EditWarning.body") }) }) : null;
 }
-function Q({
+function H({
   companyId: a,
   contractorId: n,
   defaultValues: r,
   className: s,
-  onEvent: e
+  onEvent: c,
+  LoaderComponent: e
 }) {
-  B("Contractor.Profile");
-  const o = N(
-    () => ({ type: F.Business, ...r }),
+  W("Contractor.Profile");
+  const o = R(
+    () => ({ type: T.Business, ...r }),
     [r]
-  ), [l, i] = v(
+  ), [l, i] = O(
     !n && (o.selfOnboarding ?? !1)
-  ), m = N(
-    () => U(l),
+  ), m = R(
+    () => V(l),
     [l]
-  ), u = A(
+  ), u = F(
     n ? {
       companyId: a,
       contractorId: n,
@@ -72,50 +82,59 @@ function Q({
       optionalFieldsToRequire: m
     }
   );
-  return u.isLoading ? /* @__PURE__ */ t(h, { isLoading: !0, error: u.errorHandling.errors }) : /* @__PURE__ */ t(
-    H,
+  return u.isLoading ? /* @__PURE__ */ t(
+    h,
+    {
+      isLoading: !0,
+      error: u.errorHandling.errors,
+      LoaderComponent: e
+    }
+  ) : /* @__PURE__ */ t(
+    k,
     {
       contractor: u,
-      onEvent: e,
+      onEvent: c,
       className: s,
-      setSelfOnboardingActive: i
+      setSelfOnboardingActive: i,
+      LoaderComponent: e
     }
   );
 }
-function H({
+function k({
   contractor: a,
   onEvent: n,
   className: r,
-  setSelfOnboardingActive: s
+  setSelfOnboardingActive: s,
+  LoaderComponent: c
 }) {
-  const { t: e } = I("Contractor.Profile"), o = D(), l = S({
+  const { t: e } = C("Contractor.Profile"), o = D(), l = y({
     control: a.form.hookFormInternals.formMethods.control,
     name: "selfOnboarding"
   });
-  O(() => {
+  S(() => {
     s(l);
   }, [l, s]);
-  const { Fields: i } = a.form, m = a.status.mode, u = w(a.data.contractor), p = !l || u, C = async () => {
+  const { Fields: i } = a.form, m = a.status.mode, u = U(a.data.contractor), E = !l || u, v = async () => {
     const f = await a.actions.onSubmit();
     f && (n(
-      f.mode === "create" ? g.CONTRACTOR_CREATED : g.CONTRACTOR_UPDATED,
+      f.mode === "create" ? p.CONTRACTOR_CREATED : p.CONTRACTOR_UPDATED,
       f.data
-    ), n(g.CONTRACTOR_PROFILE_DONE, {
+    ), n(p.CONTRACTOR_PROFILE_DONE, {
       contractorId: f.data.uuid,
       onboardingStatus: f.data.onboardingStatus,
       selfOnboarding: l && !u
     }));
   };
-  return /* @__PURE__ */ t("section", { className: y(M.root, r), children: /* @__PURE__ */ t(h, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(L, { formHookResult: a, children: /* @__PURE__ */ d(_, { onSubmit: () => {
-    C();
+  return /* @__PURE__ */ t("section", { className: A(M.root, r), children: /* @__PURE__ */ t(h, { error: a.errorHandling.errors, LoaderComponent: c, children: /* @__PURE__ */ t(_, { formHookResult: a, children: /* @__PURE__ */ d(x, { onSubmit: () => {
+    v();
   }, children: [
-    /* @__PURE__ */ d(c, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
-      m === "update" && a.data.contractor?.uuid && /* @__PURE__ */ t(V, { contractorId: a.data.contractor.uuid }),
-      /* @__PURE__ */ t("header", { children: /* @__PURE__ */ d(c, { flexDirection: "column", gap: 4, children: [
+    /* @__PURE__ */ d(b, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
+      m === "update" && a.data.contractor?.uuid && /* @__PURE__ */ t(Q, { contractorId: a.data.contractor.uuid }),
+      /* @__PURE__ */ t("header", { children: /* @__PURE__ */ d(b, { flexDirection: "column", gap: 4, children: [
         /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("title") }),
         /* @__PURE__ */ t(o.Text, { variant: "supporting", children: e("subtitle") })
       ] }) }),
-      (i.SelfOnboarding || i.Email) && /* @__PURE__ */ t(o.Box, { children: /* @__PURE__ */ d(R, { gap: 16, children: [
+      (i.SelfOnboarding || i.Email) && /* @__PURE__ */ t(o.Box, { children: /* @__PURE__ */ d(I, { gap: 16, children: [
         i.SelfOnboarding && /* @__PURE__ */ t(
           i.SelfOnboarding,
           {
@@ -135,8 +154,8 @@ function H({
         )
       ] }) }),
       /* @__PURE__ */ t(i.Type, { label: e("fields.contractorType.label") }),
-      i.FirstName && i.LastName && /* @__PURE__ */ d(E, { children: [
-        /* @__PURE__ */ d(R, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
+      i.FirstName && i.LastName && /* @__PURE__ */ d(N, { children: [
+        /* @__PURE__ */ d(I, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
           /* @__PURE__ */ t(
             i.FirstName,
             {
@@ -159,7 +178,7 @@ function H({
             }
           }
         ),
-        i.Ssn && p && /* @__PURE__ */ t(
+        i.Ssn && E && /* @__PURE__ */ t(
           i.Ssn,
           {
             label: e("fields.ssn.label"),
@@ -170,7 +189,7 @@ function H({
           }
         )
       ] }),
-      i.BusinessName && /* @__PURE__ */ d(E, { children: [
+      i.BusinessName && /* @__PURE__ */ d(N, { children: [
         /* @__PURE__ */ t(
           i.BusinessName,
           {
@@ -178,7 +197,7 @@ function H({
             validationMessages: { REQUIRED: e("validations.businessName") }
           }
         ),
-        i.Ein && p && /* @__PURE__ */ t(
+        i.Ein && E && /* @__PURE__ */ t(
           i.Ein,
           {
             label: e("fields.ein.label"),
@@ -208,7 +227,7 @@ function H({
         }
       )
     ] }),
-    /* @__PURE__ */ t(c, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(b, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ t(
       o.Button,
       {
         type: "submit",
@@ -220,6 +239,6 @@ function H({
   ] }) }) }) });
 }
 export {
-  le as ContractorProfile
+  de as ContractorProfile
 };
 //# sourceMappingURL=ContractorProfile.js.map

package/dist/components/Contractor/Profile/onboarding/ContractorProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContractorProfile.js","sources":["../../../../../src/components/Contractor/Profile/onboarding/ContractorProfile.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport classNames from 'classnames'\nimport {\n  useContractorDetailsForm,\n  ContractorType,\n  type ContractorDetailsFormData,\n  type ContractorDetailsOptionalFieldsToRequire,\n  type UseContractorDetailsFormReady,\n} from '../shared/useContractorDetailsForm'\nimport { SelfOnboardingContractorProfile } from './SelfOnboardingContractorProfile'\nimport styles from './ContractorProfile.module.scss'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { useContractorHasSignedW9 } from '@/components/Contractor/shared/useContractorHasSignedW9'\nimport type { LoaderComponentType } from '@/components/Base'\n\n// Once the contractor has finished self-onboarding (or the record is otherwise\n// under admin review / completed), the admin needs to view and edit SSN/EIN even\n// though the self-onboarding toggle stays on. Mirrors the Employee AdminProfile\n// `checkHasCompletedSelfOnboarding` override.\nfunction hasCompletedSelfOnboarding(contractor?: Contractor | null): boolean {\n  return (\n    contractor?.onboarded === true ||\n    contractor?.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED ||\n    contractor?.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_REVIEW ||\n    contractor?.onboardingStatus === ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW\n  )\n}\n\n// The admin form restores the contractor profile's product requiredness on top\n// of the hook's API-aligned baseline (which leaves ssn/ein optional and\n// create-only fields optional on update). When the admin invites the contractor\n// to self-onboard, SSN/EIN are hidden and the contractor supplies them later, so\n// they are dropped from the required set. An SSN/EIN already on file is still\n// waived via redaction, so promoting them when not inviting is safe.\nfunction computeRequiredFields(\n  selfOnboardingActive: boolean,\n): ContractorDetailsOptionalFieldsToRequire {\n  const base: ContractorDetailsOptionalFieldsToRequire = {\n    create: [],\n    update: ['firstName', 'lastName', 'businessName', 'hourlyRate', 'workState'],\n  }\n  if (selfOnboardingActive) return base\n  return {\n    create: [...(base.create ?? []), 'ssn', 'ein'],\n    update: [...(base.update ?? []), 'ssn', 'ein'],\n  }\n}\n\n/**\n * Props for {@link ContractorProfile} in admin mode.\n *\n * @remarks\n * Renders the admin create/edit form. When `contractorId` is omitted, the form\n * creates a new contractor under `companyId`. When provided, it fetches and\n * updates the existing contractor.\n *\n * @public\n */\nexport interface ContractorProfileAdminProps extends BaseComponentInterface<'Contractor.Profile'> {\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n  /** Initial values for the contractor profile form fields. */\n  defaultValues?: Partial<ContractorDetailsFormData>\n  /** When `true` (the default), renders the admin create/edit form. */\n  isAdmin?: true\n  /** UUID of an existing contractor to edit. When omitted, the form creates a new contractor. */\n  contractorId?: string\n}\n\n/**\n * Props for {@link ContractorProfile} in self-onboarding mode.\n *\n * @remarks\n * Renders the contractor self-onboarding profile. The contractor must already\n * exist so its type (individual vs. business) can be resolved to determine\n * which fields to display.\n *\n * @public\n */\nexport interface ContractorProfileSelfOnboardingProps extends BaseComponentInterface<'Contractor.Profile'> {\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n  /** Initial values for the contractor profile form fields. */\n  defaultValues?: Partial<ContractorDetailsFormData>\n  /** When `false`, renders the contractor self-onboarding profile. */\n  isAdmin: false\n  /** UUID of the existing contractor completing self-onboarding. Required in self-onboarding mode. */\n  contractorId: string\n}\n\n/**\n * Props for {@link ContractorProfile}.\n *\n * @remarks\n * Discriminated by `isAdmin`. See {@link ContractorProfileAdminProps} and\n * {@link ContractorProfileSelfOnboardingProps} for the specific prop shapes.\n *\n * @public\n */\nexport type ContractorProfileProps =\n  ContractorProfileAdminProps | ContractorProfileSelfOnboardingProps\n\n/**\n * Form for creating or editing a contractor profile, supporting both individual and business contractor types.\n *\n * @remarks\n * In admin mode (the default), renders different field sets depending on the contractor type (individual\n * vs. business) and wage type (hourly vs. fixed), and exposes a self-onboarding toggle that invites the\n * contractor to complete their own setup. When `contractorId` is provided, the form fetches the existing\n * contractor and updates it on submit; otherwise it creates a new contractor under `companyId`.\n *\n * When `isAdmin` is `false`, renders the contractor self-onboarding profile instead: it resolves the\n * existing contractor's type and presents the individual (name + SSN) or business (business name + EIN)\n * fields for the contractor to complete.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/created` | A new contractor was created successfully. | The created contractor entity |\n * | `contractor/updated` | An existing contractor was updated successfully. | The updated contractor entity |\n * | `contractor/profile/done` | The contractor profile step finished. | `{ contractorId: string, onboardingStatus?: string, selfOnboarding: boolean }` |\n *\n * @param props - See {@link ContractorProfileProps}.\n * @returns The rendered contractor profile form.\n * @public\n */\nexport function ContractorProfile(props: ContractorProfileProps) {\n  useComponentDictionary('Contractor.Profile', props.dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Profile\"\n      FallbackComponent={props.FallbackComponent}\n      LoaderComponent={props.LoaderComponent}\n    >\n      {props.isAdmin === false ? (\n        <SelfOnboardingContractorProfile\n          contractorId={props.contractorId}\n          onEvent={props.onEvent}\n          className={props.className}\n          LoaderComponent={props.LoaderComponent}\n        />\n      ) : (\n        <ContractorProfileRoot {...props} />\n      )}\n    </BaseBoundaries>\n  )\n}\n\nfunction ContractorProfileW9Warning({ contractorId }: { contractorId: string }) {\n  const hasSignedW9 = useContractorHasSignedW9(contractorId)\n  const { t } = useTranslation('Contractor.Profile')\n  const Components = useComponentContext()\n  if (!hasSignedW9) return null\n  return (\n    <Components.Alert status=\"warning\" disableScrollIntoView label={t('w9EditWarning.label')}>\n      <Components.Text>{t('w9EditWarning.body')}</Components.Text>\n    </Components.Alert>\n  )\n}\n\nfunction ContractorProfileRoot({\n  companyId,\n  contractorId,\n  defaultValues,\n  className,\n  onEvent,\n  LoaderComponent,\n}: ContractorProfileProps) {\n  useI18n('Contractor.Profile')\n\n  const resolvedDefaults = useMemo<Partial<ContractorDetailsFormData>>(\n    () => ({ type: ContractorType.Business, ...defaultValues }),\n    [defaultValues],\n  )\n\n  // Mirrors the Employee AdminProfile loop: SSN/EIN requiredness depends on the\n  // self-onboarding toggle, which lives in the form the hook creates. Seed from\n  // the create-mode default, then sync from the watched value (see the ready child).\n  const [selfOnboardingActive, setSelfOnboardingActive] = useState(\n    !contractorId && (resolvedDefaults.selfOnboarding ?? false),\n  )\n\n  const optionalFieldsToRequire = useMemo(\n    () => computeRequiredFields(selfOnboardingActive),\n    [selfOnboardingActive],\n  )\n\n  const contractor = useContractorDetailsForm(\n    contractorId\n      ? {\n          companyId,\n          contractorId,\n          defaultValues: resolvedDefaults,\n          optionalFieldsToRequire,\n        }\n      : {\n          companyId,\n          defaultValues: resolvedDefaults,\n          optionalFieldsToRequire,\n        },\n  )\n\n  if (contractor.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={contractor.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  return (\n    <ContractorProfileReady\n      contractor={contractor}\n      onEvent={onEvent}\n      className={className}\n      setSelfOnboardingActive={setSelfOnboardingActive}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\ninterface ContractorProfileReadyProps {\n  contractor: UseContractorDetailsFormReady\n  onEvent: ContractorProfileProps['onEvent']\n  className?: string\n  setSelfOnboardingActive: (value: boolean) => void\n  LoaderComponent?: LoaderComponentType\n}\n\nfunction ContractorProfileReady({\n  contractor,\n  onEvent,\n  className,\n  setSelfOnboardingActive,\n  LoaderComponent,\n}: ContractorProfileReadyProps) {\n  const { t } = useTranslation('Contractor.Profile')\n  const Components = useComponentContext()\n\n  const watchedSelfOnboarding = useWatch({\n    control: contractor.form.hookFormInternals.formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  useEffect(() => {\n    setSelfOnboardingActive(watchedSelfOnboarding)\n  }, [watchedSelfOnboarding, setSelfOnboardingActive])\n\n  const { Fields } = contractor.form\n  const mode = contractor.status.mode\n\n  // SSN/EIN are hidden while collection is delegated to the contractor, but must\n  // reappear once they've finished so the admin can review/edit them.\n  const completedSelfOnboarding = hasCompletedSelfOnboarding(contractor.data.contractor)\n  const showTaxId = !watchedSelfOnboarding || completedSelfOnboarding\n\n  const handleSubmit = async () => {\n    const result = await contractor.actions.onSubmit()\n    if (!result) return\n\n    onEvent(\n      result.mode === 'create'\n        ? componentEvents.CONTRACTOR_CREATED\n        : componentEvents.CONTRACTOR_UPDATED,\n      result.data,\n    )\n\n    onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n      contractorId: result.data.uuid,\n      onboardingStatus: result.data.onboardingStatus,\n      selfOnboarding: watchedSelfOnboarding && !completedSelfOnboarding,\n    })\n  }\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={contractor.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={contractor}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20} alignItems=\"stretch\">\n              {mode === 'update' && contractor.data.contractor?.uuid && (\n                <ContractorProfileW9Warning contractorId={contractor.data.contractor.uuid} />\n              )}\n              <header>\n                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{t('subtitle')}</Components.Text>\n                </Flex>\n              </header>\n\n              {(Fields.SelfOnboarding || Fields.Email) && (\n                <Components.Box>\n                  <Grid gap={16}>\n                    {Fields.SelfOnboarding && (\n                      <Fields.SelfOnboarding\n                        label={t('fields.selfOnboarding.label')}\n                        description={t('fields.selfOnboarding.description')}\n                      />\n                    )}\n\n                    {Fields.Email && (\n                      <Fields.Email\n                        label={t('fields.email.label')}\n                        validationMessages={{\n                          REQUIRED: t('validations.email'),\n                          INVALID_EMAIL: t('validations.emailFormat'),\n                        }}\n                      />\n                    )}\n                  </Grid>\n                </Components.Box>\n              )}\n\n              <Fields.Type label={t('fields.contractorType.label')} />\n\n              {Fields.FirstName && Fields.LastName && (\n                <>\n                  <Grid gridTemplateColumns={{ base: '1fr', medium: '1fr 1fr' }} gap={16}>\n                    <Fields.FirstName\n                      label={t('fields.firstName.label')}\n                      validationMessages={{\n                        REQUIRED: t('validations.firstName'),\n                        INVALID_NAME: t('validations.firstNameFormat'),\n                      }}\n                    />\n                    {Fields.MiddleInitial && (\n                      <Fields.MiddleInitial label={t('fields.middleInitial.label')} />\n                    )}\n                  </Grid>\n                  <Fields.LastName\n                    label={t('fields.lastName.label')}\n                    validationMessages={{\n                      REQUIRED: t('validations.lastName'),\n                      INVALID_NAME: t('validations.lastNameFormat'),\n                    }}\n                  />\n                  {Fields.Ssn && showTaxId && (\n                    <Fields.Ssn\n                      label={t('fields.ssn.label')}\n                      validationMessages={{\n                        INVALID_SSN: t('validations.ssnFormat'),\n                        REQUIRED: t('validations.ssn'),\n                      }}\n                    />\n                  )}\n                </>\n              )}\n\n              {Fields.BusinessName && (\n                <>\n                  <Fields.BusinessName\n                    label={t('fields.businessName.label')}\n                    validationMessages={{ REQUIRED: t('validations.businessName') }}\n                  />\n                  {Fields.Ein && showTaxId && (\n                    <Fields.Ein\n                      label={t('fields.ein.label')}\n                      validationMessages={{\n                        INVALID_EIN: t('validations.einFormat'),\n                        REQUIRED: t('validations.ein'),\n                      }}\n                    />\n                  )}\n                </>\n              )}\n\n              <Fields.WageType label={t('fields.wageType.label')} />\n\n              {Fields.HourlyRate && (\n                <Fields.HourlyRate\n                  label={t('fields.hourlyRate.label')}\n                  min={0}\n                  format=\"currency\"\n                  validationMessages={{ REQUIRED: t('validations.hourlyRate') }}\n                />\n              )}\n\n              <Fields.StartDate\n                label={t('fields.startDate.label')}\n                description={t('fields.startDate.description')}\n                validationMessages={{ REQUIRED: t('validations.startDate') }}\n              />\n            </Flex>\n\n            <Flex gap={12} justifyContent=\"flex-end\">\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={contractor.status.isPending}\n              >\n                {contractor.status.isPending\n                  ? mode === 'create'\n                    ? t('buttons.creating')\n                    : t('buttons.updating')\n                  : mode === 'create'\n                    ? t('buttons.create')\n                    : t('buttons.update')}\n              </Components.Button>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["hasCompletedSelfOnboarding","contractor","ContractorOnboardingStatus","computeRequiredFields","selfOnboardingActive","base","ContractorProfile","props","useComponentDictionary","jsx","BaseBoundaries","SelfOnboardingContractorProfile","ContractorProfileRoot","ContractorProfileW9Warning","contractorId","hasSignedW9","useContractorHasSignedW9","t","useTranslation","Components","useComponentContext","companyId","defaultValues","className","onEvent","LoaderComponent","useI18n","resolvedDefaults","useMemo","ContractorType","setSelfOnboardingActive","useState","optionalFieldsToRequire","useContractorDetailsForm","BaseLayout","ContractorProfileReady","watchedSelfOnboarding","useWatch","useEffect","Fields","mode","completedSelfOnboarding","showTaxId","handleSubmit","result","componentEvents","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Grid","Fragment"],"mappings":"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"}

package/dist/components/Contractor/Profile/{IndividualSelfOnboardingProfile.d.ts → onboarding/IndividualSelfOnboardingProfile.d.ts}

@@ -5,4 +5,4 @@ import { ContractorSelfOnboardingProfileProps } from './SelfOnboardingContractor
  *
  * @internal
  */
-export declare function IndividualSelfOnboardingProfile({ contractorId, onEvent, className, }: ContractorSelfOnboardingProfileProps): import("react").JSX.Element;
+export declare function IndividualSelfOnboardingProfile({ contractorId, onEvent, className, LoaderComponent, }: ContractorSelfOnboardingProfileProps): import("react").JSX.Element;

package/dist/components/Contractor/Profile/onboarding/IndividualSelfOnboardingProfile.js

@@ -0,0 +1,104 @@
+import { jsx as r, jsxs as a, Fragment as p } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import N from "classnames";
+import { useContractorDetailsForm as I } from "../shared/useContractorDetailsForm/useContractorDetailsForm.js";
+import D from "./ContractorProfile.module.scss.js";
+import { BaseLayout as m } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { SDKFormProvider as h } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as v } from "../../../Common/Form/Form.js";
+import { Flex as s } from "../../../Common/Flex/Flex.js";
+import { Grid as F } from "../../../Common/Grid/Grid.js";
+import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { componentEvents as f } from "../../../../shared/constants.js";
+const E = {
+  update: ["firstName", "lastName", "ssn"]
+};
+function H({
+  contractorId: c,
+  onEvent: l,
+  className: u,
+  LoaderComponent: d
+}) {
+  const { t: i } = b("Contractor.Profile"), o = R(), t = I({
+    contractorId: c,
+    withSelfOnboardingField: !1,
+    defaultValues: { selfOnboarding: !0 },
+    optionalFieldsToRequire: E
+  });
+  if (t.isLoading)
+    return /* @__PURE__ */ r(
+      m,
+      {
+        isLoading: !0,
+        error: t.errorHandling.errors,
+        LoaderComponent: d
+      }
+    );
+  const { Fields: e } = t.form, g = async () => {
+    const n = await t.actions.onSubmit();
+    n && (l(f.CONTRACTOR_UPDATED, n.data), l(f.CONTRACTOR_PROFILE_DONE, {
+      contractorId: n.data.uuid,
+      onboardingStatus: n.data.onboardingStatus,
+      selfOnboarding: !0
+    }));
+  };
+  return /* @__PURE__ */ r("section", { className: N(D.root, u), children: /* @__PURE__ */ r(m, { error: t.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ r(h, { formHookResult: t, children: /* @__PURE__ */ a(v, { onSubmit: () => {
+    g();
+  }, children: [
+    /* @__PURE__ */ a(s, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
+      /* @__PURE__ */ r("header", { children: /* @__PURE__ */ a(s, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ r(o.Heading, { as: "h2", children: i("selfOnboarding.title") }),
+        /* @__PURE__ */ r(o.Text, { variant: "supporting", children: i("selfOnboarding.individualDescription") })
+      ] }) }),
+      e.FirstName && e.LastName && /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ a(F, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
+          /* @__PURE__ */ r(
+            e.FirstName,
+            {
+              label: i("fields.firstName.label"),
+              validationMessages: {
+                REQUIRED: i("validations.firstName"),
+                INVALID_NAME: i("validations.firstNameFormat")
+              }
+            }
+          ),
+          e.MiddleInitial && /* @__PURE__ */ r(e.MiddleInitial, { label: i("fields.middleInitial.label") })
+        ] }),
+        /* @__PURE__ */ r(
+          e.LastName,
+          {
+            label: i("fields.lastName.label"),
+            validationMessages: {
+              REQUIRED: i("validations.lastName"),
+              INVALID_NAME: i("validations.lastNameFormat")
+            }
+          }
+        ),
+        e.Ssn && /* @__PURE__ */ r(
+          e.Ssn,
+          {
+            label: i("fields.ssn.label"),
+            validationMessages: {
+              INVALID_SSN: i("validations.ssnFormat"),
+              REQUIRED: i("validations.ssn")
+            }
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ r(s, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ r(
+      o.Button,
+      {
+        type: "submit",
+        variant: "primary",
+        isDisabled: t.status.isPending,
+        children: t.status.isPending ? i("selfOnboarding.submitting") : i("selfOnboarding.continue")
+      }
+    ) })
+  ] }) }) }) });
+}
+export {
+  H as IndividualSelfOnboardingProfile
+};
+//# sourceMappingURL=IndividualSelfOnboardingProfile.js.map

package/dist/components/Contractor/Profile/onboarding/IndividualSelfOnboardingProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndividualSelfOnboardingProfile.js","sources":["../../../../../src/components/Contractor/Profile/onboarding/IndividualSelfOnboardingProfile.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport {\n  useContractorDetailsForm,\n  type ContractorDetailsOptionalFieldsToRequire,\n} from '../shared/useContractorDetailsForm'\nimport type { ContractorSelfOnboardingProfileProps } from './SelfOnboardingContractorProfile'\nimport styles from './ContractorProfile.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\nconst INDIVIDUAL_REQUIRED_FIELDS: ContractorDetailsOptionalFieldsToRequire = {\n  update: ['firstName', 'lastName', 'ssn'],\n}\n\n/**\n * Self-onboarding profile for an individual contractor — collects legal name\n * and SSN.\n *\n * @internal\n */\nexport function IndividualSelfOnboardingProfile({\n  contractorId,\n  onEvent,\n  className,\n  LoaderComponent,\n}: ContractorSelfOnboardingProfileProps) {\n  const { t } = useTranslation('Contractor.Profile')\n  const Components = useComponentContext()\n\n  const contractor = useContractorDetailsForm({\n    contractorId,\n    withSelfOnboardingField: false,\n    defaultValues: { selfOnboarding: true },\n    optionalFieldsToRequire: INDIVIDUAL_REQUIRED_FIELDS,\n  })\n\n  if (contractor.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={contractor.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const { Fields } = contractor.form\n\n  const handleSubmit = async () => {\n    const result = await contractor.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.CONTRACTOR_UPDATED, result.data)\n    onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n      contractorId: result.data.uuid,\n      onboardingStatus: result.data.onboardingStatus,\n      selfOnboarding: true,\n    })\n  }\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={contractor.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={contractor}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20} alignItems=\"stretch\">\n              <header>\n                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{t('selfOnboarding.title')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">\n                    {t('selfOnboarding.individualDescription')}\n                  </Components.Text>\n                </Flex>\n              </header>\n\n              {Fields.FirstName && Fields.LastName && (\n                <>\n                  <Grid gridTemplateColumns={{ base: '1fr', medium: '1fr 1fr' }} gap={16}>\n                    <Fields.FirstName\n                      label={t('fields.firstName.label')}\n                      validationMessages={{\n                        REQUIRED: t('validations.firstName'),\n                        INVALID_NAME: t('validations.firstNameFormat'),\n                      }}\n                    />\n                    {Fields.MiddleInitial && (\n                      <Fields.MiddleInitial label={t('fields.middleInitial.label')} />\n                    )}\n                  </Grid>\n                  <Fields.LastName\n                    label={t('fields.lastName.label')}\n                    validationMessages={{\n                      REQUIRED: t('validations.lastName'),\n                      INVALID_NAME: t('validations.lastNameFormat'),\n                    }}\n                  />\n                  {Fields.Ssn && (\n                    <Fields.Ssn\n                      label={t('fields.ssn.label')}\n                      validationMessages={{\n                        INVALID_SSN: t('validations.ssnFormat'),\n                        REQUIRED: t('validations.ssn'),\n                      }}\n                    />\n                  )}\n                </>\n              )}\n            </Flex>\n\n            <Flex gap={12} justifyContent=\"flex-end\">\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={contractor.status.isPending}\n              >\n                {contractor.status.isPending\n                  ? t('selfOnboarding.submitting')\n                  : t('selfOnboarding.continue')}\n              </Components.Button>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["INDIVIDUAL_REQUIRED_FIELDS","IndividualSelfOnboardingProfile","contractorId","onEvent","className","LoaderComponent","t","useTranslation","Components","useComponentContext","contractor","useContractorDetailsForm","jsx","BaseLayout","Fields","handleSubmit","result","componentEvents","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Fragment","Grid"],"mappings":"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"}

package/dist/components/Contractor/Profile/{SelfOnboardingContractorProfile.d.ts → onboarding/SelfOnboardingContractorProfile.d.ts}

@@ -1,5 +1,6 @@
-import { OnEventType } from '../../Base/useBase';
-import { EventType } from '../../../shared/constants';
+import { OnEventType } from '../../../Base/useBase';
+import { EventType } from '../../../../shared/constants';
+import { LoaderComponentType } from '../../../Base';
 /**
  * Props shared by the contractor self-onboarding profile components.
  *
@@ -12,6 +13,8 @@ export interface ContractorSelfOnboardingProfileProps {
     onEvent: OnEventType<EventType, unknown>;
     /** Optional class name applied to the root element. */
     className?: string;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
 }
 /**
  * Resolves the contractor's type and renders the matching self-onboarding
@@ -19,4 +22,4 @@ export interface ContractorSelfOnboardingProfileProps {
  *
  * @internal
  */
-export declare function SelfOnboardingContractorProfile({ contractorId, onEvent, className, }: ContractorSelfOnboardingProfileProps): import("react").JSX.Element;
+export declare function SelfOnboardingContractorProfile({ contractorId, onEvent, className, LoaderComponent, }: ContractorSelfOnboardingProfileProps): import("react").JSX.Element;

package/dist/components/Contractor/Profile/onboarding/SelfOnboardingContractorProfile.js

@@ -0,0 +1,43 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useContractorsGet as m } from "@gusto/embedded-api/react-query/contractorsGet";
+import { ContractorType as a } from "../shared/useContractorDetailsForm/contractorDetailsSchema.js";
+import { IndividualSelfOnboardingProfile as c } from "./IndividualSelfOnboardingProfile.js";
+import { BusinessSelfOnboardingProfile as u } from "./BusinessSelfOnboardingProfile.js";
+import { BaseLayout as p } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { composeErrorHandler as l } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { useI18n as d } from "../../../../i18n/I18n.js";
+function H({
+  contractorId: r,
+  onEvent: n,
+  className: e,
+  LoaderComponent: o
+}) {
+  d("Contractor.Profile");
+  const t = m({ contractorUuid: r }), f = t.data?.contractor;
+  if (t.isLoading || !f) {
+    const s = l([t]);
+    return /* @__PURE__ */ i(p, { isLoading: !0, error: s.errors, LoaderComponent: o });
+  }
+  return f.type === a.Business ? /* @__PURE__ */ i(
+    u,
+    {
+      contractorId: r,
+      onEvent: n,
+      className: e,
+      LoaderComponent: o
+    }
+  ) : /* @__PURE__ */ i(
+    c,
+    {
+      contractorId: r,
+      onEvent: n,
+      className: e,
+      LoaderComponent: o
+    }
+  );
+}
+export {
+  H as SelfOnboardingContractorProfile
+};
+//# sourceMappingURL=SelfOnboardingContractorProfile.js.map

package/dist/components/Contractor/Profile/onboarding/SelfOnboardingContractorProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfOnboardingContractorProfile.js","sources":["../../../../../src/components/Contractor/Profile/onboarding/SelfOnboardingContractorProfile.tsx"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { ContractorType } from '../shared/useContractorDetailsForm'\nimport { IndividualSelfOnboardingProfile } from './IndividualSelfOnboardingProfile'\nimport { BusinessSelfOnboardingProfile } from './BusinessSelfOnboardingProfile'\nimport { BaseLayout } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { useI18n } from '@/i18n'\nimport type { EventType } from '@/shared/constants'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props shared by the contractor self-onboarding profile components.\n *\n * @internal\n */\nexport interface ContractorSelfOnboardingProfileProps {\n  /** UUID of the existing contractor completing self-onboarding. */\n  contractorId: string\n  /** Callback invoked when the component emits an event. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional class name applied to the root element. */\n  className?: string\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 * Resolves the contractor's type and renders the matching self-onboarding\n * profile — individual or business.\n *\n * @internal\n */\nexport function SelfOnboardingContractorProfile({\n  contractorId,\n  onEvent,\n  className,\n  LoaderComponent,\n}: ContractorSelfOnboardingProfileProps) {\n  useI18n('Contractor.Profile')\n\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const contractor = contractorQuery.data?.contractor\n\n  if (contractorQuery.isLoading || !contractor) {\n    const errorHandling = composeErrorHandler([contractorQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  return contractor.type === ContractorType.Business ? (\n    <BusinessSelfOnboardingProfile\n      contractorId={contractorId}\n      onEvent={onEvent}\n      className={className}\n      LoaderComponent={LoaderComponent}\n    />\n  ) : (\n    <IndividualSelfOnboardingProfile\n      contractorId={contractorId}\n      onEvent={onEvent}\n      className={className}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["SelfOnboardingContractorProfile","contractorId","onEvent","className","LoaderComponent","useI18n","contractorQuery","useContractorsGet","contractor","errorHandling","composeErrorHandler","BaseLayout","ContractorType","jsx","BusinessSelfOnboardingProfile","IndividualSelfOnboardingProfile"],"mappings":";;;;;;;;;AAiCO,SAASA,EAAgC;AAAA,EAC9C,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,oBAAoB;AAE5B,QAAMC,IAAkBC,EAAkB,EAAE,gBAAgBN,GAAc,GACpEO,IAAaF,EAAgB,MAAM;AAEzC,MAAIA,EAAgB,aAAa,CAACE,GAAY;AAC5C,UAAMC,IAAgBC,EAAoB,CAACJ,CAAe,CAAC;AAC3D,6BAAQK,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ,iBAAAL,GAAkC;AAAA,EAC9F;AAEA,SAAOI,EAAW,SAASI,EAAe,WACxC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAAb;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,cAAAd;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.d.ts

@@ -22,6 +22,16 @@ export interface ContractorDetailsSubmitOptions {
 export type UseContractorDetailsFormSharedProps = {
     /** Whether to expose the self-onboarding toggle as `form.Fields.SelfOnboarding`. Defaults to `true`. */
     withSelfOnboardingField?: boolean;
+    /**
+     * Whether `form.Fields.Email` is available regardless of the `selfOnboarding` value.
+     *
+     * @remarks
+     * By default `Email` is only exposed while `selfOnboarding` is `true`, since email is
+     * otherwise only collected to send a self-onboarding invite. Set this to `true` for
+     * surfaces that let an admin edit an already-onboarded contractor's email directly.
+     * Defaults to `false`.
+     */
+    showEmailField?: boolean;
     /** Fields that are optional by default but should be promoted to required for this form instance. */
     optionalFieldsToRequire?: ContractorDetailsOptionalFieldsToRequire;
     /** Initial values applied before any contractor data loads. */
@@ -129,8 +139,8 @@ export interface UseContractorDetailsFormReady extends BaseFormHookReady<Contrac
  * Returns a discriminated union: a loading variant while the contractor fetch
  * resolves, and a ready variant exposing the form's data, pending status,
  * submit action, error handling, and bound `Fields`. Field visibility is
- * driven by the current `type` and `wageType` (self-onboarding only toggles the
- * `Email` field); fields that do not apply are `undefined` on `form.Fields`.
+ * driven by the current `type` and `wageType` (self-onboarding toggles the
+ * `Email` field unless `showEmailField` is set); fields that do not apply are `undefined` on `form.Fields`.
  * SSN/EIN are exposed by contractor type regardless of self-onboarding — each
  * consumer decides whether to render them. Self-onboarding is only toggleable
  * when the contractor's onboarding status allows it.
@@ -184,7 +194,7 @@ export interface UseContractorDetailsFormReady extends BaseFormHookReady<Contrac
  * }
  * ```
  */
-export declare function useContractorDetailsForm({ companyId, contractorId, withSelfOnboardingField, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UseContractorDetailsFormProps): HookLoadingResult | UseContractorDetailsFormReady;
+export declare function useContractorDetailsForm({ companyId, contractorId, withSelfOnboardingField, showEmailField, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UseContractorDetailsFormProps): HookLoadingResult | UseContractorDetailsFormReady;
 /**
  * Return type of {@link useContractorDetailsForm}.
  *