npm - @gusto/embedded-react-sdk - Versions diffs - 0.52.0 → 0.52.1 - Mend

@gusto/embedded-react-sdk 0.52.0 → 0.52.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (112) hide show

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

@@ -1,120 +1,124 @@
-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 r, Fragment as N } from "react/jsx-runtime";
+import { useMemo as E, useState as h, useEffect as v } from "react";
+import { useTranslation as O } from "react-i18next";
+import { useWatch as C } from "react-hook-form";
+import S from "classnames";
+import { useContractorDetailsForm as y } from "./shared/useContractorDetailsForm/useContractorDetailsForm.js";
+import { ContractorType as F } from "./shared/useContractorDetailsForm/contractorDetailsSchema.js";
+import { SelfOnboardingContractorProfile as A } from "./SelfOnboardingContractorProfile.js";
+import T from "./ContractorProfile.module.scss.js";
+import { BaseBoundaries as M, BaseLayout as I } 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 P } 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 _ } 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";
+function U(a) {
+  return a?.onboarded === !0 || a?.onboardingStatus === b.ONBOARDING_COMPLETED || a?.onboardingStatus === b.SELF_ONBOARDING_REVIEW || a?.onboardingStatus === b.ADMIN_ONBOARDING_REVIEW;
+}
+function Q(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 oe(a) {
+  return x("Contractor.Profile", a.dictionary), /* @__PURE__ */ t(M, { componentName: "Contractor.Profile", FallbackComponent: a.FallbackComponent, children: a.isAdmin === !1 ? /* @__PURE__ */ t(
+    A,
     {
-      contractorId: i.contractorId,
-      onEvent: i.onEvent,
-      className: i.className
+      contractorId: a.contractorId,
+      onEvent: a.onEvent,
+      className: a.className
     }
-  ) : /* @__PURE__ */ a(U, { ...i }) });
+  ) : /* @__PURE__ */ t(V, { ...a }) });
 }
-function U({
-  companyId: i,
-  contractorId: o,
-  defaultValues: m,
-  className: f,
+function V({
+  companyId: a,
+  contractorId: n,
+  defaultValues: f,
+  className: u,
   onEvent: e
 }) {
-  _("Contractor.Profile");
-  const n = p(
-    () => ({ type: y.Business, ...m }),
-    [m]
-  ), [s, t] = D(
-    !o && (n.selfOnboarding ?? !1)
-  ), l = p(
-    () => B(s),
+  B("Contractor.Profile");
+  const o = E(
+    () => ({ type: F.Business, ...f }),
+    [f]
+  ), [s, i] = h(
+    !n && (o.selfOnboarding ?? !1)
+  ), d = E(
+    () => Q(s),
     [s]
-  ), d = O(
-    o ? {
-      companyId: i,
-      contractorId: o,
-      defaultValues: n,
-      optionalFieldsToRequire: l
+  ), l = y(
+    n ? {
+      companyId: a,
+      contractorId: n,
+      defaultValues: o,
+      optionalFieldsToRequire: d
     } : {
-      companyId: i,
-      defaultValues: n,
-      optionalFieldsToRequire: l
+      companyId: a,
+      defaultValues: o,
+      optionalFieldsToRequire: d
     }
   );
-  return d.isLoading ? /* @__PURE__ */ a(R, { isLoading: !0, error: d.errorHandling.errors }) : /* @__PURE__ */ a(
-    Q,
+  return l.isLoading ? /* @__PURE__ */ t(I, { isLoading: !0, error: l.errorHandling.errors }) : /* @__PURE__ */ t(
+    H,
     {
-      contractor: d,
+      contractor: l,
       onEvent: e,
-      className: f,
-      setSelfOnboardingActive: t
+      className: u,
+      setSelfOnboardingActive: i
     }
   );
 }
-function Q({
-  contractor: i,
-  onEvent: o,
-  className: m,
-  setSelfOnboardingActive: f
+function H({
+  contractor: a,
+  onEvent: n,
+  className: f,
+  setSelfOnboardingActive: u
 }) {
-  const { t: e } = v("Contractor.Profile"), n = P(), s = h({
-    control: i.form.hookFormInternals.formMethods.control,
+  const { t: e } = O("Contractor.Profile"), o = _(), s = C({
+    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
+  v(() => {
+    u(s);
+  }, [s, u]);
+  const { Fields: i } = a.form, d = a.status.mode, l = U(a.data.contractor), p = !s || l, D = async () => {
+    const m = await a.actions.onSubmit();
+    m && (n(
+      m.mode === "create" ? g.CONTRACTOR_CREATED : g.CONTRACTOR_UPDATED,
+      m.data
+    ), n(g.CONTRACTOR_PROFILE_DONE, {
+      contractorId: m.data.uuid,
+      onboardingStatus: m.data.onboardingStatus,
+      selfOnboarding: s && !l
     }));
   };
-  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: S(T.root, f), children: /* @__PURE__ */ t(I, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(L, { formHookResult: a, children: /* @__PURE__ */ r(P, { 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") })
+    /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
+      /* @__PURE__ */ t("header", { children: /* @__PURE__ */ r(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__ */ r(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 +128,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__ */ r(N, { children: [
+        /* @__PURE__ */ r(R, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
+          /* @__PURE__ */ t(
+            i.FirstName,
             {
               label: e("fields.firstName.label"),
               validationMessages: {
@@ -137,10 +141,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 +153,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 +164,16 @@ function Q({
           }
         )
       ] }),
-      t.BusinessName && /* @__PURE__ */ r(g, { children: [
-        /* @__PURE__ */ a(
-          t.BusinessName,
+      i.BusinessName && /* @__PURE__ */ r(N, { 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 +183,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 +193,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 +202,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(d === "create" ? "buttons.creating" : "buttons.updating") : e(d === "create" ? "buttons.create" : "buttons.update")
       }
     ) })
   ] }) }) }) });
 }
 export {
-  ie as ContractorProfile
+  oe as ContractorProfile
 };
 //# sourceMappingURL=ContractorProfile.js.map

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

	@@ -1 +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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"}
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 { 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'\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 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 <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","companyId","contractorId","defaultValues","className","onEvent","useI18n","resolvedDefaults","useMemo","ContractorType","setSelfOnboardingActive","useState","optionalFieldsToRequire","useContractorDetailsForm","BaseLayout","ContractorProfileReady","t","useTranslation","Components","useComponentContext","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 CHANGED Viewed

@@ -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 CHANGED Viewed

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