@gusto/embedded-react-sdk 0.52.0 → 0.52.2

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

@@ -1,120 +1,130 @@
-import { jsx as a, jsxs as r, Fragment as g } from "react/jsx-runtime";
-import { useMemo as p, useState as D, useEffect as I } from "react";
-import { useTranslation as v } from "react-i18next";
-import { useWatch as h } from "react-hook-form";
-import C from "classnames";
-import { useContractorDetailsForm as O } from "./shared/useContractorDetailsForm/useContractorDetailsForm.js";
-import { ContractorType as y } from "./shared/useContractorDetailsForm/contractorDetailsSchema.js";
-import { SelfOnboardingContractorProfile as F } from "./SelfOnboardingContractorProfile.js";
-import S from "./ContractorProfile.module.scss.js";
-import { BaseBoundaries as A, BaseLayout as R } from "../../Base/Base.js";
+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 M from "./ContractorProfile.module.scss.js";
+import { BaseBoundaries as P, BaseLayout as h } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { SDKFormProvider as T } from "../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Form as M } from "../../Common/Form/Form.js";
-import { Flex as u } from "../../Common/Flex/Flex.js";
-import { Grid as N } from "../../Common/Grid/Grid.js";
-import { useComponentContext as P } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as L, useI18n as _ } from "../../../i18n/I18n.js";
-import { componentEvents as b, ContractorOnboardingStatus as x } from "../../../shared/constants.js";
-function B(i) {
-  const o = {
+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;
+}
+function U(a) {
+  const n = {
     create: [],
     update: ["firstName", "lastName", "businessName", "hourlyRate", "workState"]
   };
-  return i ? o : {
-    create: [...o.create ?? [], "ssn", "ein"],
-    update: [...o.update ?? [], "ssn", "ein"]
+  return a ? n : {
+    create: [...n.create ?? [], "ssn", "ein"],
+    update: [...n.update ?? [], "ssn", "ein"]
   };
 }
-function ie(i) {
-  return L("Contractor.Profile", i.dictionary), /* @__PURE__ */ a(A, { componentName: "Contractor.Profile", FallbackComponent: i.FallbackComponent, children: i.isAdmin === !1 ? /* @__PURE__ */ a(
-    F,
+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,
     {
-      contractorId: i.contractorId,
-      onEvent: i.onEvent,
-      className: i.className
+      contractorId: a.contractorId,
+      onEvent: a.onEvent,
+      className: a.className
     }
-  ) : /* @__PURE__ */ a(U, { ...i }) });
+  ) : /* @__PURE__ */ t(Q, { ...a }) });
+}
+function V({ contractorId: a }) {
+  const n = W(a), { t: r } = I("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 U({
-  companyId: i,
-  contractorId: o,
-  defaultValues: m,
-  className: f,
+function Q({
+  companyId: a,
+  contractorId: n,
+  defaultValues: r,
+  className: s,
   onEvent: e
 }) {
-  _("Contractor.Profile");
-  const n = p(
-    () => ({ type: y.Business, ...m }),
-    [m]
-  ), [s, t] = D(
-    !o && (n.selfOnboarding ?? !1)
-  ), l = p(
-    () => B(s),
-    [s]
-  ), d = O(
-    o ? {
-      companyId: i,
-      contractorId: o,
-      defaultValues: n,
-      optionalFieldsToRequire: l
+  B("Contractor.Profile");
+  const o = N(
+    () => ({ type: F.Business, ...r }),
+    [r]
+  ), [l, i] = v(
+    !n && (o.selfOnboarding ?? !1)
+  ), m = N(
+    () => U(l),
+    [l]
+  ), u = A(
+    n ? {
+      companyId: a,
+      contractorId: n,
+      defaultValues: o,
+      optionalFieldsToRequire: m
     } : {
-      companyId: i,
-      defaultValues: n,
-      optionalFieldsToRequire: l
+      companyId: a,
+      defaultValues: o,
+      optionalFieldsToRequire: m
     }
   );
-  return d.isLoading ? /* @__PURE__ */ a(R, { isLoading: !0, error: d.errorHandling.errors }) : /* @__PURE__ */ a(
-    Q,
+  return u.isLoading ? /* @__PURE__ */ t(h, { isLoading: !0, error: u.errorHandling.errors }) : /* @__PURE__ */ t(
+    H,
     {
-      contractor: d,
+      contractor: u,
       onEvent: e,
-      className: f,
-      setSelfOnboardingActive: t
+      className: s,
+      setSelfOnboardingActive: i
     }
   );
 }
-function Q({
-  contractor: i,
-  onEvent: o,
-  className: m,
-  setSelfOnboardingActive: f
+function H({
+  contractor: a,
+  onEvent: n,
+  className: r,
+  setSelfOnboardingActive: s
 }) {
-  const { t: e } = v("Contractor.Profile"), n = P(), s = h({
-    control: i.form.hookFormInternals.formMethods.control,
+  const { t: e } = I("Contractor.Profile"), o = D(), l = S({
+    control: a.form.hookFormInternals.formMethods.control,
     name: "selfOnboarding"
   });
-  I(() => {
-    f(s);
-  }, [s, f]);
-  const { Fields: t } = i.form, l = i.status.mode, d = async () => {
-    const E = i.data.contractor?.onboardingStatus, c = await i.actions.onSubmit();
-    c && (o(
-      c.mode === "create" ? b.CONTRACTOR_CREATED : b.CONTRACTOR_UPDATED,
-      c.data
-    ), o(b.CONTRACTOR_PROFILE_DONE, {
-      contractorId: c.data.uuid,
-      selfOnboarding: s && E !== x.ADMIN_ONBOARDING_REVIEW
+  O(() => {
+    s(l);
+  }, [l, s]);
+  const { Fields: i } = a.form, m = a.status.mode, u = w(a.data.contractor), p = !l || u, C = async () => {
+    const f = await a.actions.onSubmit();
+    f && (n(
+      f.mode === "create" ? g.CONTRACTOR_CREATED : g.CONTRACTOR_UPDATED,
+      f.data
+    ), n(g.CONTRACTOR_PROFILE_DONE, {
+      contractorId: f.data.uuid,
+      onboardingStatus: f.data.onboardingStatus,
+      selfOnboarding: l && !u
     }));
   };
-  return /* @__PURE__ */ a("section", { className: C(S.root, m), children: /* @__PURE__ */ a(R, { error: i.errorHandling.errors, children: /* @__PURE__ */ a(T, { formHookResult: i, children: /* @__PURE__ */ r(M, { onSubmit: () => {
-    d();
+  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();
   }, children: [
-    /* @__PURE__ */ r(u, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
-      /* @__PURE__ */ a("header", { children: /* @__PURE__ */ r(u, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ a(n.Heading, { as: "h2", children: e("title") }),
-        /* @__PURE__ */ a(n.Text, { variant: "supporting", children: e("subtitle") })
+    /* @__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__ */ t(o.Heading, { as: "h2", children: e("title") }),
+        /* @__PURE__ */ t(o.Text, { variant: "supporting", children: e("subtitle") })
       ] }) }),
-      (t.SelfOnboarding || t.Email) && /* @__PURE__ */ a(n.Box, { children: /* @__PURE__ */ r(N, { gap: 16, children: [
-        t.SelfOnboarding && /* @__PURE__ */ a(
-          t.SelfOnboarding,
+      (i.SelfOnboarding || i.Email) && /* @__PURE__ */ t(o.Box, { children: /* @__PURE__ */ d(R, { gap: 16, children: [
+        i.SelfOnboarding && /* @__PURE__ */ t(
+          i.SelfOnboarding,
           {
             label: e("fields.selfOnboarding.label"),
             description: e("fields.selfOnboarding.description")
           }
         ),
-        t.Email && /* @__PURE__ */ a(
-          t.Email,
+        i.Email && /* @__PURE__ */ t(
+          i.Email,
           {
             label: e("fields.email.label"),
             validationMessages: {
@@ -124,11 +134,11 @@ function Q({
           }
         )
       ] }) }),
-      /* @__PURE__ */ a(t.Type, { label: e("fields.contractorType.label") }),
-      t.FirstName && t.LastName && /* @__PURE__ */ r(g, { children: [
-        /* @__PURE__ */ r(N, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
-          /* @__PURE__ */ a(
-            t.FirstName,
+      /* @__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: [
+          /* @__PURE__ */ t(
+            i.FirstName,
             {
               label: e("fields.firstName.label"),
               validationMessages: {
@@ -137,10 +147,10 @@ function Q({
               }
             }
           ),
-          t.MiddleInitial && /* @__PURE__ */ a(t.MiddleInitial, { label: e("fields.middleInitial.label") })
+          i.MiddleInitial && /* @__PURE__ */ t(i.MiddleInitial, { label: e("fields.middleInitial.label") })
         ] }),
-        /* @__PURE__ */ a(
-          t.LastName,
+        /* @__PURE__ */ t(
+          i.LastName,
           {
             label: e("fields.lastName.label"),
             validationMessages: {
@@ -149,8 +159,8 @@ function Q({
             }
           }
         ),
-        t.Ssn && !s && /* @__PURE__ */ a(
-          t.Ssn,
+        i.Ssn && p && /* @__PURE__ */ t(
+          i.Ssn,
           {
             label: e("fields.ssn.label"),
             validationMessages: {
@@ -160,16 +170,16 @@ function Q({
           }
         )
       ] }),
-      t.BusinessName && /* @__PURE__ */ r(g, { children: [
-        /* @__PURE__ */ a(
-          t.BusinessName,
+      i.BusinessName && /* @__PURE__ */ d(E, { children: [
+        /* @__PURE__ */ t(
+          i.BusinessName,
           {
             label: e("fields.businessName.label"),
             validationMessages: { REQUIRED: e("validations.businessName") }
           }
         ),
-        t.Ein && !s && /* @__PURE__ */ a(
-          t.Ein,
+        i.Ein && p && /* @__PURE__ */ t(
+          i.Ein,
           {
             label: e("fields.ein.label"),
             validationMessages: {
@@ -179,9 +189,9 @@ function Q({
           }
         )
       ] }),
-      /* @__PURE__ */ a(t.WageType, { label: e("fields.wageType.label") }),
-      t.HourlyRate && /* @__PURE__ */ a(
-        t.HourlyRate,
+      /* @__PURE__ */ t(i.WageType, { label: e("fields.wageType.label") }),
+      i.HourlyRate && /* @__PURE__ */ t(
+        i.HourlyRate,
         {
           label: e("fields.hourlyRate.label"),
           min: 0,
@@ -189,8 +199,8 @@ function Q({
           validationMessages: { REQUIRED: e("validations.hourlyRate") }
         }
       ),
-      /* @__PURE__ */ a(
-        t.StartDate,
+      /* @__PURE__ */ t(
+        i.StartDate,
         {
           label: e("fields.startDate.label"),
           description: e("fields.startDate.description"),
@@ -198,18 +208,18 @@ function Q({
         }
       )
     ] }),
-    /* @__PURE__ */ a(u, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ a(
-      n.Button,
+    /* @__PURE__ */ t(c, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ t(
+      o.Button,
       {
         type: "submit",
         variant: "primary",
-        isDisabled: i.status.isPending,
-        children: i.status.isPending ? e(l === "create" ? "buttons.creating" : "buttons.updating") : e(l === "create" ? "buttons.create" : "buttons.update")
+        isDisabled: a.status.isPending,
+        children: a.status.isPending ? e(m === "create" ? "buttons.creating" : "buttons.updating") : e(m === "create" ? "buttons.create" : "buttons.update")
       }
     ) })
   ] }) }) }) });
 }
 export {
-  ie as ContractorProfile
+  le as ContractorProfile
 };
 //# sourceMappingURL=ContractorProfile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfile.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\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'\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, 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 componentName=\"Contractor.Profile\" FallbackComponent={props.FallbackComponent}>\n      {props.isAdmin === false ? (\n        <SelfOnboardingContractorProfile\n          contractorId={props.contractorId}\n          onEvent={props.onEvent}\n          className={props.className}\n        />\n      ) : (\n        <ContractorProfileRoot {...props} />\n      )}\n    </BaseBoundaries>\n  )\n}\n\nfunction ContractorProfileRoot({\n  companyId,\n  contractorId,\n  defaultValues,\n  className,\n  onEvent,\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 <BaseLayout isLoading error={contractor.errorHandling.errors} />\n  }\n\n  return (\n    <ContractorProfileReady\n      contractor={contractor}\n      onEvent={onEvent}\n      className={className}\n      setSelfOnboardingActive={setSelfOnboardingActive}\n    />\n  )\n}\n\ninterface ContractorProfileReadyProps {\n  contractor: UseContractorDetailsFormReady\n  onEvent: ContractorProfileProps['onEvent']\n  className?: string\n  setSelfOnboardingActive: (value: boolean) => void\n}\n\nfunction ContractorProfileReady({\n  contractor,\n  onEvent,\n  className,\n  setSelfOnboardingActive,\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  const handleSubmit = async () => {\n    const onboardingStatus = contractor.data.contractor?.onboardingStatus\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      selfOnboarding:\n        watchedSelfOnboarding &&\n        onboardingStatus !== ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW,\n    })\n  }\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={contractor.errorHandling.errors}>\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('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 && !watchedSelfOnboarding && (\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 && !watchedSelfOnboarding && (\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":["computeRequiredFields","selfOnboardingActive","base","ContractorProfile","props","useComponentDictionary","jsx","BaseBoundaries","SelfOnboardingContractorProfile","ContractorProfileRoot","companyId","contractorId","defaultValues","className","onEvent","useI18n","resolvedDefaults","useMemo","ContractorType","setSelfOnboardingActive","useState","optionalFieldsToRequire","contractor","useContractorDetailsForm","BaseLayout","ContractorProfileReady","t","useTranslation","Components","useComponentContext","watchedSelfOnboarding","useWatch","useEffect","Fields","mode","handleSubmit","onboardingStatus","result","componentEvents","ContractorOnboardingStatus","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Grid","Fragment"],"mappings":"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"}
+{"version":3,"file":"ContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/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'\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 componentName=\"Contractor.Profile\" FallbackComponent={props.FallbackComponent}>\n      {props.isAdmin === false ? (\n        <SelfOnboardingContractorProfile\n          contractorId={props.contractorId}\n          onEvent={props.onEvent}\n          className={props.className}\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}: 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 <BaseLayout isLoading error={contractor.errorHandling.errors} />\n  }\n\n  return (\n    <ContractorProfileReady\n      contractor={contractor}\n      onEvent={onEvent}\n      className={className}\n      setSelfOnboardingActive={setSelfOnboardingActive}\n    />\n  )\n}\n\ninterface ContractorProfileReadyProps {\n  contractor: UseContractorDetailsFormReady\n  onEvent: ContractorProfileProps['onEvent']\n  className?: string\n  setSelfOnboardingActive: (value: boolean) => void\n}\n\nfunction ContractorProfileReady({\n  contractor,\n  onEvent,\n  className,\n  setSelfOnboardingActive,\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}>\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","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.js

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as a, Fragment as p } from "react/jsx-runtime";
+import { jsx as r, jsxs as a, Fragment as p } from "react/jsx-runtime";
 import { useTranslation as g } from "react-i18next";
-import N from "classnames";
-import { useContractorDetailsForm as b } from "./shared/useContractorDetailsForm/useContractorDetailsForm.js";
+import b from "classnames";
+import { useContractorDetailsForm as N } from "./shared/useContractorDetailsForm/useContractorDetailsForm.js";
 import I from "./ContractorProfile.module.scss.js";
 import { BaseLayout as d } from "../../Base/Base.js";
 import "../../Base/useBase.js";
@@ -20,33 +20,34 @@ function H({
   onEvent: l,
   className: c
 }) {
-  const { t: i } = g("Contractor.Profile"), n = F(), r = b({
+  const { t: i } = g("Contractor.Profile"), o = F(), t = N({
     contractorId: f,
     withSelfOnboardingField: !1,
     defaultValues: { selfOnboarding: !0 },
     optionalFieldsToRequire: R
   });
-  if (r.isLoading)
-    return /* @__PURE__ */ e(d, { isLoading: !0, error: r.errorHandling.errors });
-  const { Fields: t } = r.form, u = async () => {
-    const o = await r.actions.onSubmit();
-    o && (l(m.CONTRACTOR_UPDATED, o.data), l(m.CONTRACTOR_PROFILE_DONE, {
-      contractorId: o.data.uuid,
+  if (t.isLoading)
+    return /* @__PURE__ */ r(d, { isLoading: !0, error: t.errorHandling.errors });
+  const { Fields: e } = t.form, u = async () => {
+    const n = await t.actions.onSubmit();
+    n && (l(m.CONTRACTOR_UPDATED, n.data), l(m.CONTRACTOR_PROFILE_DONE, {
+      contractorId: n.data.uuid,
+      onboardingStatus: n.data.onboardingStatus,
       selfOnboarding: !0
     }));
   };
-  return /* @__PURE__ */ e("section", { className: N(I.root, c), children: /* @__PURE__ */ e(d, { error: r.errorHandling.errors, children: /* @__PURE__ */ e(D, { formHookResult: r, children: /* @__PURE__ */ a(h, { onSubmit: () => {
+  return /* @__PURE__ */ r("section", { className: b(I.root, c), children: /* @__PURE__ */ r(d, { error: t.errorHandling.errors, children: /* @__PURE__ */ r(D, { formHookResult: t, children: /* @__PURE__ */ a(h, { onSubmit: () => {
     u();
   }, children: [
     /* @__PURE__ */ a(s, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
-      /* @__PURE__ */ e("header", { children: /* @__PURE__ */ a(s, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ e(n.Heading, { as: "h2", children: i("selfOnboarding.title") }),
-        /* @__PURE__ */ e(n.Text, { variant: "supporting", children: i("selfOnboarding.individualDescription") })
+      /* @__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") })
       ] }) }),
-      t.FirstName && t.LastName && /* @__PURE__ */ a(p, { children: [
+      e.FirstName && e.LastName && /* @__PURE__ */ a(p, { children: [
         /* @__PURE__ */ a(v, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
-          /* @__PURE__ */ e(
-            t.FirstName,
+          /* @__PURE__ */ r(
+            e.FirstName,
             {
               label: i("fields.firstName.label"),
               validationMessages: {
@@ -55,10 +56,10 @@ function H({
               }
             }
           ),
-          t.MiddleInitial && /* @__PURE__ */ e(t.MiddleInitial, { label: i("fields.middleInitial.label") })
+          e.MiddleInitial && /* @__PURE__ */ r(e.MiddleInitial, { label: i("fields.middleInitial.label") })
         ] }),
-        /* @__PURE__ */ e(
-          t.LastName,
+        /* @__PURE__ */ r(
+          e.LastName,
           {
             label: i("fields.lastName.label"),
             validationMessages: {
@@ -67,8 +68,8 @@ function H({
             }
           }
         ),
-        t.Ssn && /* @__PURE__ */ e(
-          t.Ssn,
+        e.Ssn && /* @__PURE__ */ r(
+          e.Ssn,
           {
             label: i("fields.ssn.label"),
             validationMessages: {
@@ -79,13 +80,13 @@ function H({
         )
       ] })
     ] }),
-    /* @__PURE__ */ e(s, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ e(
-      n.Button,
+    /* @__PURE__ */ r(s, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ r(
+      o.Button,
       {
         type: "submit",
         variant: "primary",
-        isDisabled: r.status.isPending,
-        children: r.status.isPending ? i("selfOnboarding.submitting") : i("selfOnboarding.continue")
+        isDisabled: t.status.isPending,
+        children: t.status.isPending ? i("selfOnboarding.submitting") : i("selfOnboarding.continue")
       }
     ) })
   ] }) }) }) });

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

@@ -1 +1 @@
-{"version":3,"file":"IndividualSelfOnboardingProfile.js","sources":["../../../../src/components/Contractor/Profile/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}: 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 <BaseLayout isLoading error={contractor.errorHandling.errors} />\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      selfOnboarding: true,\n    })\n  }\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={contractor.errorHandling.errors}>\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","t","useTranslation","Components","useComponentContext","contractor","useContractorDetailsForm","BaseLayout","Fields","handleSubmit","result","componentEvents","jsx","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Fragment","Grid"],"mappings":"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"}
+{"version":3,"file":"IndividualSelfOnboardingProfile.js","sources":["../../../../src/components/Contractor/Profile/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}: 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 <BaseLayout isLoading error={contractor.errorHandling.errors} />\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}>\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","t","useTranslation","Components","useComponentContext","contractor","useContractorDetailsForm","BaseLayout","Fields","handleSubmit","result","componentEvents","jsx","classNames","styles","SDKFormProvider","jsxs","Form","Flex","Fragment","Grid"],"mappings":"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"}