@gusto/embedded-react-sdk 0.48.3 → 0.49.0

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

@@ -1,41 +1,215 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useContractorsGetSuspense as m } from "@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet";
-import { useContractorProfile as f } from "./useContractorProfile.js";
-import { ContractorProfileForm as d } from "./ContractorProfileForm.js";
-import { BaseComponent as u } from "../../Base/Base.js";
-import { useComponentDictionary as l } from "../../../i18n/I18n.js";
-function D(o) {
-  return l("Contractor.Profile", o.dictionary), /* @__PURE__ */ t(u, { ...o, children: o.contractorId ? /* @__PURE__ */ t(C, { ...o, contractorId: o.contractorId, children: o.children }) : /* @__PURE__ */ t(c, { ...o, children: o.children }) });
+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 "../../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 = {
+    create: [],
+    update: ["firstName", "lastName", "businessName", "hourlyRate", "workState"]
+  };
+  return i ? o : {
+    create: [...o.create ?? [], "ssn", "ein"],
+    update: [...o.update ?? [], "ssn", "ein"]
+  };
 }
-function C(o) {
-  const {
-    data: { contractor: r }
-  } = m({ contractorUuid: o.contractorId });
-  return /* @__PURE__ */ t(c, { ...o, existingContractor: r });
+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,
+    {
+      contractorId: i.contractorId,
+      onEvent: i.onEvent,
+      className: i.className
+    }
+  ) : /* @__PURE__ */ a(U, { ...i }) });
 }
-function c({
-  companyId: o,
-  contractorId: r,
-  defaultValues: i,
-  existingContractor: n,
-  className: e
+function U({
+  companyId: i,
+  contractorId: o,
+  defaultValues: m,
+  className: f,
+  onEvent: e
 }) {
-  const a = f({
-    companyId: o,
-    contractorId: r,
-    defaultValues: i,
-    existingContractor: n
-  });
-  return /* @__PURE__ */ t(
-    d,
+  _("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
+    } : {
+      companyId: i,
+      defaultValues: n,
+      optionalFieldsToRequire: l
+    }
+  );
+  return d.isLoading ? /* @__PURE__ */ a(R, { isLoading: !0, error: d.errorHandling.errors }) : /* @__PURE__ */ a(
+    Q,
     {
-      ...a,
-      existingContractor: n,
-      className: e
+      contractor: d,
+      onEvent: e,
+      className: f,
+      setSelfOnboardingActive: t
     }
   );
 }
+function Q({
+  contractor: i,
+  onEvent: o,
+  className: m,
+  setSelfOnboardingActive: f
+}) {
+  const { t: e } = v("Contractor.Profile"), n = P(), s = h({
+    control: i.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
+    }));
+  };
+  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();
+  }, 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") })
+      ] }) }),
+      (t.SelfOnboarding || t.Email) && /* @__PURE__ */ a(n.Box, { children: /* @__PURE__ */ r(N, { gap: 16, children: [
+        t.SelfOnboarding && /* @__PURE__ */ a(
+          t.SelfOnboarding,
+          {
+            label: e("fields.selfOnboarding.label"),
+            description: e("fields.selfOnboarding.description")
+          }
+        ),
+        t.Email && /* @__PURE__ */ a(
+          t.Email,
+          {
+            label: e("fields.email.label"),
+            validationMessages: {
+              REQUIRED: e("validations.email"),
+              INVALID_EMAIL: e("validations.emailFormat")
+            }
+          }
+        )
+      ] }) }),
+      /* @__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,
+            {
+              label: e("fields.firstName.label"),
+              validationMessages: {
+                REQUIRED: e("validations.firstName"),
+                INVALID_NAME: e("validations.firstNameFormat")
+              }
+            }
+          ),
+          t.MiddleInitial && /* @__PURE__ */ a(t.MiddleInitial, { label: e("fields.middleInitial.label") })
+        ] }),
+        /* @__PURE__ */ a(
+          t.LastName,
+          {
+            label: e("fields.lastName.label"),
+            validationMessages: {
+              REQUIRED: e("validations.lastName"),
+              INVALID_NAME: e("validations.lastNameFormat")
+            }
+          }
+        ),
+        t.Ssn && !s && /* @__PURE__ */ a(
+          t.Ssn,
+          {
+            label: e("fields.ssn.label"),
+            validationMessages: {
+              INVALID_SSN: e("validations.ssnFormat"),
+              REQUIRED: e("validations.ssn")
+            }
+          }
+        )
+      ] }),
+      t.BusinessName && /* @__PURE__ */ r(g, { children: [
+        /* @__PURE__ */ a(
+          t.BusinessName,
+          {
+            label: e("fields.businessName.label"),
+            validationMessages: { REQUIRED: e("validations.businessName") }
+          }
+        ),
+        t.Ein && !s && /* @__PURE__ */ a(
+          t.Ein,
+          {
+            label: e("fields.ein.label"),
+            validationMessages: {
+              INVALID_EIN: e("validations.einFormat"),
+              REQUIRED: e("validations.ein")
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(t.WageType, { label: e("fields.wageType.label") }),
+      t.HourlyRate && /* @__PURE__ */ a(
+        t.HourlyRate,
+        {
+          label: e("fields.hourlyRate.label"),
+          min: 0,
+          format: "currency",
+          validationMessages: { REQUIRED: e("validations.hourlyRate") }
+        }
+      ),
+      /* @__PURE__ */ a(
+        t.StartDate,
+        {
+          label: e("fields.startDate.label"),
+          description: e("fields.startDate.description"),
+          validationMessages: { REQUIRED: e("validations.startDate") }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(u, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ a(
+      n.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")
+      }
+    ) })
+  ] }) }) }) });
+}
 export {
-  D as ContractorProfile
+  ie 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 { useContractorsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet'\nimport type { Contractor } from '@gusto/embedded-api-v-2025-11-15/models/components/contractor'\nimport type { ContractorProfileFormData } from './useContractorProfile'\nimport { useContractorProfile } from './useContractorProfile'\nimport { ContractorProfileForm } from './ContractorProfileForm'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport type { WithRequired } from '@/types/Helpers'\n\n/**\n * Props for {@link ContractorProfile}.\n *\n * @public\n */\nexport interface ContractorProfileProps extends CommonComponentInterface<'Contractor.Profile'> {\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n  /** UUID of an existing contractor to edit. When omitted, the form creates a new contractor. */\n  contractorId?: string\n  /** Initial values for the contractor profile form fields. */\n  defaultValues?: Partial<ContractorProfileFormData>\n}\n\ninterface ContractorProfileConditionalProps {\n  existingContractor?: Contractor\n}\n\n/**\n * Form for creating or editing a contractor profile, supporting both individual and business contractor types.\n *\n * @remarks\n * Renders different field sets depending on the contractor type (individual vs. business) and wage type\n * (hourly vs. fixed), and exposes a self-onboarding toggle that invites the contractor to complete their\n * own setup. When `contractorId` is provided, the form fetches the existing contractor and updates it on\n * submit; otherwise it creates a new contractor under `companyId`.\n *\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 & BaseComponentInterface) {\n  useComponentDictionary('Contractor.Profile', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      {props.contractorId ? (\n        <RootWithContractor {...props} contractorId={props.contractorId}>\n          {props.children}\n        </RootWithContractor>\n      ) : (\n        <Root {...props}>{props.children}</Root>\n      )}\n    </BaseComponent>\n  )\n}\n\n/**Accounting for conditional logic where contractor data needs to be fetched only if contractorId is present */\nfunction RootWithContractor(props: WithRequired<ContractorProfileProps, 'contractorId'>) {\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: props.contractorId })\n  return <Root {...props} existingContractor={contractor} />\n}\n\nfunction Root({\n  companyId,\n  contractorId,\n  defaultValues,\n  existingContractor,\n  className,\n}: ContractorProfileProps & ContractorProfileConditionalProps) {\n  const hookData = useContractorProfile({\n    companyId,\n    contractorId,\n    defaultValues,\n    existingContractor,\n  })\n  return (\n    <ContractorProfileForm\n      {...hookData}\n      existingContractor={existingContractor}\n      className={className}\n    />\n  )\n}\n"],"names":["ContractorProfile","props","useComponentDictionary","jsx","BaseComponent","RootWithContractor","Root","contractor","useContractorsGetSuspense","companyId","contractorId","defaultValues","existingContractor","className","hookData","useContractorProfile","ContractorProfileForm"],"mappings":";;;;;;AA+CO,SAASA,EAAkBC,GAAwD;AACxF,SAAAC,EAAuB,sBAAsBD,EAAM,UAAU,GAE3D,gBAAAE,EAACC,KAAe,GAAGH,GAChB,YAAM,eACL,gBAAAE,EAACE,GAAA,EAAoB,GAAGJ,GAAO,cAAcA,EAAM,cAChD,UAAAA,EAAM,UACT,IAEA,gBAAAE,EAACG,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CAErC;AAEJ;AAGA,SAASI,EAAmBJ,GAA6D;AACvF,QAAM;AAAA,IACJ,MAAM,EAAE,YAAAM,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgBP,EAAM,cAAc;AACpE,SAAO,gBAAAE,EAACG,GAAA,EAAM,GAAGL,GAAO,oBAAoBM,GAAY;AAC1D;AAEA,SAASD,EAAK;AAAA,EACZ,WAAAG;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AACF,GAA+D;AAC7D,QAAMC,IAAWC,EAAqB;AAAA,IACpC,WAAAN;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,CACD;AACD,SACE,gBAAAT;AAAA,IAACa;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,oBAAAF;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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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"}

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

@@ -0,0 +1,8 @@
+const o = "_root_gqrwc_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=ContractorProfile.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContractorProfile.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Contractor/Profile/IndividualSelfOnboardingProfile.d.ts

@@ -0,0 +1,8 @@
+import { ContractorSelfOnboardingProfileProps } from './SelfOnboardingContractorProfile';
+/**
+ * Self-onboarding profile for an individual contractor — collects legal name
+ * and SSN.
+ *
+ * @internal
+ */
+export declare function IndividualSelfOnboardingProfile({ contractorId, onEvent, className, }: ContractorSelfOnboardingProfileProps): import("react").JSX.Element;

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

@@ -0,0 +1,96 @@
+import { jsx as e, 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 I from "./ContractorProfile.module.scss.js";
+import { BaseLayout as d } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { SDKFormProvider as D } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as h } from "../../Common/Form/Form.js";
+import { Flex as s } from "../../Common/Flex/Flex.js";
+import { Grid as v } from "../../Common/Grid/Grid.js";
+import { useComponentContext as F } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { componentEvents as m } from "../../../shared/constants.js";
+const R = {
+  update: ["firstName", "lastName", "ssn"]
+};
+function H({
+  contractorId: f,
+  onEvent: l,
+  className: c
+}) {
+  const { t: i } = g("Contractor.Profile"), n = F(), r = b({
+    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,
+      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: () => {
+    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") })
+      ] }) }),
+      t.FirstName && t.LastName && /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ a(v, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
+          /* @__PURE__ */ e(
+            t.FirstName,
+            {
+              label: i("fields.firstName.label"),
+              validationMessages: {
+                REQUIRED: i("validations.firstName"),
+                INVALID_NAME: i("validations.firstNameFormat")
+              }
+            }
+          ),
+          t.MiddleInitial && /* @__PURE__ */ e(t.MiddleInitial, { label: i("fields.middleInitial.label") })
+        ] }),
+        /* @__PURE__ */ e(
+          t.LastName,
+          {
+            label: i("fields.lastName.label"),
+            validationMessages: {
+              REQUIRED: i("validations.lastName"),
+              INVALID_NAME: i("validations.lastNameFormat")
+            }
+          }
+        ),
+        t.Ssn && /* @__PURE__ */ e(
+          t.Ssn,
+          {
+            label: i("fields.ssn.label"),
+            validationMessages: {
+              INVALID_SSN: i("validations.ssnFormat"),
+              REQUIRED: i("validations.ssn")
+            }
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(s, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ e(
+      n.Button,
+      {
+        type: "submit",
+        variant: "primary",
+        isDisabled: r.status.isPending,
+        children: r.status.isPending ? i("selfOnboarding.submitting") : i("selfOnboarding.continue")
+      }
+    ) })
+  ] }) }) }) });
+}
+export {
+  H as IndividualSelfOnboardingProfile
+};
+//# sourceMappingURL=IndividualSelfOnboardingProfile.js.map

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

@@ -0,0 +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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"}

package/dist/components/Contractor/Profile/SelfOnboardingContractorProfile.d.ts

@@ -0,0 +1,22 @@
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../shared/constants';
+/**
+ * Props shared by the contractor self-onboarding profile components.
+ *
+ * @internal
+ */
+export interface ContractorSelfOnboardingProfileProps {
+    /** UUID of the existing contractor completing self-onboarding. */
+    contractorId: string;
+    /** Callback invoked when the component emits an event. */
+    onEvent: OnEventType<EventType, unknown>;
+    /** Optional class name applied to the root element. */
+    className?: string;
+}
+/**
+ * Resolves the contractor's type and renders the matching self-onboarding
+ * profile — individual or business.
+ *
+ * @internal
+ */
+export declare function SelfOnboardingContractorProfile({ contractorId, onEvent, className, }: ContractorSelfOnboardingProfileProps): import("react").JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelfOnboardingContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/SelfOnboardingContractorProfile.tsx"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api-v-2025-11-15/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'\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}\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}: 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} />\n  }\n\n  return contractor.type === ContractorType.Business ? (\n    <BusinessSelfOnboardingProfile\n      contractorId={contractorId}\n      onEvent={onEvent}\n      className={className}\n    />\n  ) : (\n    <IndividualSelfOnboardingProfile\n      contractorId={contractorId}\n      onEvent={onEvent}\n      className={className}\n    />\n  )\n}\n"],"names":["SelfOnboardingContractorProfile","contractorId","onEvent","className","useI18n","contractorQuery","useContractorsGet","contractor","errorHandling","composeErrorHandler","BaseLayout","ContractorType","jsx","BusinessSelfOnboardingProfile","IndividualSelfOnboardingProfile"],"mappings":";;;;;;;;;AA8BO,SAASA,EAAgC;AAAA,EAC9C,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,oBAAoB;AAE5B,QAAMC,IAAkBC,EAAkB,EAAE,gBAAgBL,GAAc,GACpEM,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;AAAA,EAC5D;AAEA,SAAOD,EAAW,SAASI,EAAe,WACxC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAAZ;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,cAAAb;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,2 +1,2 @@
 import "./types/i18next.d.ts"
-export { ContractorProfile, type ContractorProfileProps } from './ContractorProfile';
+export { ContractorProfile, type ContractorProfileProps, type ContractorProfileAdminProps, type ContractorProfileSelfOnboardingProps, } from './ContractorProfile';

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export * from './useContractorDetailsForm';