@gusto/embedded-react-sdk 0.11.3 → 0.12.1

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

@@ -1,52 +1,54 @@
-import { jsx as i, jsxs as r, Fragment as s } from "react/jsx-runtime";
-import { FormProvider as R } from "react-hook-form";
-import { useTranslation as q } from "react-i18next";
-import { useComponentContext as F } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as N } from "../../../i18n/I18n.js";
-import { Form as T } from "../../Common/Form/Form.js";
-import { Grid as a } from "../../Common/Grid/Grid.js";
-import { Flex as x } from "../../Common/Flex/Flex.js";
-import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { NumberInputField as v } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { RadioGroupField as m } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { SwitchField as D } from "../../Common/Fields/SwitchField/SwitchField.js";
-import { DatePickerField as I } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-import { normalizeSSN as P } from "../../../helpers/ssn.js";
-import { normalizeEin as S } from "../../../helpers/federalEin.js";
-function U({
-  formMethods: d,
-  handleSubmit: u,
-  formState: n,
-  handleCancel: c,
-  shouldShowEmailField: p,
-  shouldShowBusinessFields: f,
-  shouldShowIndividualFields: b,
+import { jsx as r, jsxs as i, Fragment as m } from "react/jsx-runtime";
+import { FormProvider as F } from "react-hook-form";
+import { useTranslation as P } from "react-i18next";
+import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as T } from "../../../i18n/I18n.js";
+import { Form as C } from "../../Common/Form/Form.js";
+import { Grid as n } from "../../Common/Grid/Grid.js";
+import { Flex as D } from "../../Common/Flex/Flex.js";
+import { usePlaceholderSSN as I, normalizeSSN as O } from "../../../helpers/ssn.js";
+import { usePlaceholderEin as x, normalizeEin as E } from "../../../helpers/federalEin.js";
+import { ContractorOnboardingStatus as j } from "../../../shared/constants.js";
+import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { RadioGroupField as d } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { NumberInputField as w } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { SwitchField as G } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { DatePickerField as v } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+function Z({
+  formMethods: u,
+  handleSubmit: f,
+  formState: o,
+  shouldShowEmailField: b,
+  shouldShowBusinessFields: p,
+  shouldShowIndividualFields: c,
   shouldShowHourlyRate: h,
-  contractorTypeOptions: C,
-  wageTypeOptions: g,
-  isEditing: o,
-  className: y
+  contractorTypeOptions: g,
+  wageTypeOptions: N,
+  isEditing: s,
+  className: R,
+  existingContractor: a
 }) {
-  const l = F();
-  N("Contractor.Profile");
-  const { t: e } = q("Contractor.Profile");
-  return /* @__PURE__ */ i("section", { className: y, children: /* @__PURE__ */ i(R, { ...d, children: /* @__PURE__ */ r(T, { onSubmit: u, children: [
-    /* @__PURE__ */ r(a, { gridTemplateColumns: "1fr", gap: 24, className: "mb-8", children: [
-      /* @__PURE__ */ r("header", { children: [
-        /* @__PURE__ */ i(l.Heading, { as: "h2", children: e("title") }),
-        /* @__PURE__ */ i(l.Text, { children: e("subtitle") })
+  const t = S();
+  T("Contractor.Profile");
+  const { t: e } = P("Contractor.Profile"), y = I(a?.hasSsn ?? !1), q = x(a?.hasEin ?? !1);
+  return /* @__PURE__ */ r("section", { className: R, children: /* @__PURE__ */ r(F, { ...u, children: /* @__PURE__ */ i(C, { onSubmit: f, children: [
+    /* @__PURE__ */ i(n, { gridTemplateColumns: "1fr", gap: 24, className: "mb-8", children: [
+      /* @__PURE__ */ i("header", { children: [
+        /* @__PURE__ */ r(t.Heading, { as: "h2", children: e("title") }),
+        /* @__PURE__ */ r(t.Text, { children: e("subtitle") })
       ] }),
-      /* @__PURE__ */ i(l.Card, { children: /* @__PURE__ */ r(a, { gap: 16, children: [
-        /* @__PURE__ */ i(
-          D,
+      /* @__PURE__ */ r(t.Card, { children: /* @__PURE__ */ i(n, { gap: 16, children: [
+        /* @__PURE__ */ r(
+          G,
           {
-            name: "inviteContractor",
-            label: e("fields.inviteContractor.label"),
-            description: e("fields.inviteContractor.description")
+            name: "selfOnboarding",
+            label: e("fields.selfOnboarding.label"),
+            description: e("fields.selfOnboarding.description"),
+            isDisabled: a && a.onboardingStatus !== j.ADMIN_ONBOARDING_INCOMPLETE
           }
         ),
-        p && /* @__PURE__ */ i(
-          t,
+        b && /* @__PURE__ */ r(
+          l,
           {
             name: "email",
             label: e("fields.email.label"),
@@ -55,63 +57,63 @@ function U({
           }
         )
       ] }) }),
-      /* @__PURE__ */ i(
-        m,
+      /* @__PURE__ */ r(
+        d,
         {
           name: "contractorType",
           isRequired: !0,
           label: e("fields.contractorType.label"),
-          options: C
+          options: g
         }
       ),
-      b && /* @__PURE__ */ r(s, { children: [
-        /* @__PURE__ */ r(a, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
-          /* @__PURE__ */ i(t, { name: "firstName", label: e("fields.firstName.label"), isRequired: !0 }),
-          /* @__PURE__ */ i(t, { name: "middleInitial", label: e("fields.middleInitial.label") })
+      c && /* @__PURE__ */ i(m, { children: [
+        /* @__PURE__ */ i(n, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
+          /* @__PURE__ */ r(l, { name: "firstName", label: e("fields.firstName.label"), isRequired: !0 }),
+          /* @__PURE__ */ r(l, { name: "middleInitial", label: e("fields.middleInitial.label") })
         ] }),
-        /* @__PURE__ */ i(t, { name: "lastName", label: e("fields.lastName.label"), isRequired: !0 }),
-        /* @__PURE__ */ i(
-          t,
+        /* @__PURE__ */ r(l, { name: "lastName", label: e("fields.lastName.label"), isRequired: !0 }),
+        /* @__PURE__ */ r(
+          l,
           {
             name: "ssn",
             label: e("fields.ssn.label"),
-            placeholder: e("fields.ssn.placeholder"),
-            transform: P,
+            placeholder: y,
+            transform: O,
             isRequired: !0
           }
         )
       ] }),
-      f && /* @__PURE__ */ r(s, { children: [
-        /* @__PURE__ */ i(
-          t,
+      p && /* @__PURE__ */ i(m, { children: [
+        /* @__PURE__ */ r(
+          l,
           {
             name: "businessName",
             label: e("fields.businessName.label"),
             isRequired: !0
           }
         ),
-        /* @__PURE__ */ i(
-          t,
+        /* @__PURE__ */ r(
+          l,
           {
             name: "ein",
             label: e("fields.ein.label"),
-            placeholder: e("fields.ein.placeholder"),
-            transform: S,
+            placeholder: q,
+            transform: E,
             isRequired: !0
           }
         )
       ] }),
-      /* @__PURE__ */ i(
-        m,
+      /* @__PURE__ */ r(
+        d,
         {
           name: "wageType",
           isRequired: !0,
           label: e("fields.wageType.label"),
-          options: g
+          options: N
         }
       ),
-      h && /* @__PURE__ */ i(
-        v,
+      h && /* @__PURE__ */ r(
+        w,
         {
           name: "hourlyRate",
           label: e("fields.hourlyRate.label"),
@@ -120,8 +122,8 @@ function U({
           format: "currency"
         }
       ),
-      /* @__PURE__ */ i(
-        I,
+      /* @__PURE__ */ r(
+        v,
         {
           name: "startDate",
           label: e("fields.startDate.label"),
@@ -130,13 +132,10 @@ function U({
         }
       )
     ] }),
-    /* @__PURE__ */ r(x, { gap: 12, justifyContent: "flex-end", children: [
-      /* @__PURE__ */ i(l.Button, { type: "button", variant: "secondary", onClick: c, children: e("buttons.cancel") }),
-      /* @__PURE__ */ i(l.Button, { type: "submit", variant: "primary", isDisabled: n.isSubmitting, children: n.isSubmitting ? e(o ? "buttons.updating" : "buttons.creating") : e(o ? "buttons.update" : "buttons.create") })
-    ] })
+    /* @__PURE__ */ r(D, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ r(t.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
   ] }) }) });
 }
 export {
-  U as ContractorProfileForm
+  Z as ContractorProfileForm
 };
 //# sourceMappingURL=ContractorProfileForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContractorProfileForm.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfileForm.tsx"],"sourcesContent":["import { FormProvider } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { useContractorProfile } from './useContractorProfile'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { Flex } from '@/components/Common/Flex'\nimport { TextInputField } from '@/components/Common/Fields/TextInputField'\nimport { NumberInputField } from '@/components/Common/Fields/NumberInputField'\nimport { RadioGroupField } from '@/components/Common/Fields/RadioGroupField'\nimport { SwitchField } from '@/components/Common/Fields/SwitchField'\nimport { DatePickerField } from '@/components/Common/Fields/DatePickerField'\nimport { normalizeSSN } from '@/helpers/ssn'\nimport { normalizeEin } from '@/helpers/federalEin'\n\n// Pure presentation component - takes all data as props\nexport type ContractorProfileFormProps = ReturnType<typeof useContractorProfile> & {\n  className?: string\n}\n\nexport function ContractorProfileForm({\n  formMethods,\n  handleSubmit,\n  formState,\n  handleCancel,\n  shouldShowEmailField,\n  shouldShowBusinessFields,\n  shouldShowIndividualFields,\n  shouldShowHourlyRate,\n  contractorTypeOptions,\n  wageTypeOptions,\n  isEditing,\n  className,\n}: ContractorProfileFormProps) {\n  const Components = useComponentContext()\n  useI18n('Contractor.Profile')\n  const { t } = useTranslation('Contractor.Profile')\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24} className=\"mb-8\">\n            <header>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('subtitle')}</Components.Text>\n            </header>\n\n            {/* Invite Contractor Card */}\n            <Components.Card>\n              <Grid gap={16}>\n                {/* Invite Contractor Toggle */}\n                <SwitchField\n                  name=\"inviteContractor\"\n                  label={t('fields.inviteContractor.label')}\n                  description={t('fields.inviteContractor.description')}\n                />\n\n                {/* Email Field - shown when inviting contractor */}\n                {shouldShowEmailField && (\n                  <TextInputField\n                    name=\"email\"\n                    label={t('fields.email.label')}\n                    isRequired\n                    type=\"email\"\n                  />\n                )}\n              </Grid>\n            </Components.Card>\n\n            {/* Contractor Type */}\n            <RadioGroupField\n              name=\"contractorType\"\n              isRequired\n              label={t('fields.contractorType.label')}\n              options={contractorTypeOptions}\n            />\n\n            {/* Individual Contractor Fields */}\n            {shouldShowIndividualFields && (\n              <>\n                <Grid gridTemplateColumns={{ base: '1fr', medium: '1fr 1fr' }} gap={16}>\n                  <TextInputField name=\"firstName\" label={t('fields.firstName.label')} isRequired />\n                  <TextInputField name=\"middleInitial\" label={t('fields.middleInitial.label')} />\n                </Grid>\n                <TextInputField name=\"lastName\" label={t('fields.lastName.label')} isRequired />\n                <TextInputField\n                  name=\"ssn\"\n                  label={t('fields.ssn.label')}\n                  placeholder={t('fields.ssn.placeholder')}\n                  transform={normalizeSSN}\n                  isRequired\n                />\n              </>\n            )}\n\n            {/* Business Contractor Fields */}\n            {shouldShowBusinessFields && (\n              <>\n                <TextInputField\n                  name=\"businessName\"\n                  label={t('fields.businessName.label')}\n                  isRequired\n                />\n                <TextInputField\n                  name=\"ein\"\n                  label={t('fields.ein.label')}\n                  placeholder={t('fields.ein.placeholder')}\n                  transform={normalizeEin}\n                  isRequired\n                />\n              </>\n            )}\n\n            {/* Wage Type */}\n            <RadioGroupField\n              name=\"wageType\"\n              isRequired\n              label={t('fields.wageType.label')}\n              options={wageTypeOptions}\n            />\n\n            {/* Hourly Rate - shown for hourly contractors */}\n            {shouldShowHourlyRate && (\n              <NumberInputField\n                name=\"hourlyRate\"\n                label={t('fields.hourlyRate.label')}\n                min={0}\n                isRequired\n                format=\"currency\"\n              />\n            )}\n\n            {/* Start Date */}\n            <DatePickerField\n              name=\"startDate\"\n              label={t('fields.startDate.label')}\n              description={t('fields.startDate.description')}\n              isRequired\n            />\n          </Grid>\n\n          {/* Actions */}\n          <Flex gap={12} justifyContent=\"flex-end\">\n            <Components.Button type=\"button\" variant=\"secondary\" onClick={handleCancel}>\n              {t('buttons.cancel')}\n            </Components.Button>\n            <Components.Button type=\"submit\" variant=\"primary\" isDisabled={formState.isSubmitting}>\n              {formState.isSubmitting\n                ? isEditing\n                  ? t('buttons.updating')\n                  : t('buttons.creating')\n                : isEditing\n                  ? t('buttons.update')\n                  : t('buttons.create')}\n            </Components.Button>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["ContractorProfileForm","formMethods","handleSubmit","formState","handleCancel","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","contractorTypeOptions","wageTypeOptions","isEditing","className","Components","useComponentContext","useI18n","t","useTranslation","jsx","FormProvider","jsxs","Form","Grid","SwitchField","TextInputField","RadioGroupField","Fragment","normalizeSSN","normalizeEin","NumberInputField","DatePickerField","Flex"],"mappings":";;;;;;;;;;;;;;;AAqBO,SAASA,EAAsB;AAAA,EACpC,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,GAA+B;AAC7B,QAAMC,IAAaC,EAAA;AACnB,EAAAC,EAAQ,oBAAoB;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB;AAEjD,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAAN,GACP,UAAA,gBAAAM,EAACC,GAAA,EAAc,GAAGlB,GAChB,UAAA,gBAAAmB,EAACC,GAAA,EAAK,UAAUnB,GACd,UAAA;AAAA,IAAA,gBAAAkB,EAACE,KAAK,qBAAoB,OAAM,KAAK,IAAI,WAAU,QACjD,UAAA;AAAA,MAAA,gBAAAF,EAAC,UAAA,EACC,UAAA;AAAA,QAAA,gBAAAF,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAG,EAAE,OAAO,GAAE;AAAA,0BACvCH,EAAW,MAAX,EAAiB,UAAAG,EAAE,UAAU,EAAA,CAAE;AAAA,MAAA,GAClC;AAAA,wBAGCH,EAAW,MAAX,EACC,UAAA,gBAAAO,EAACE,GAAA,EAAK,KAAK,IAET,UAAA;AAAA,QAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOP,EAAE,+BAA+B;AAAA,YACxC,aAAaA,EAAE,qCAAqC;AAAA,UAAA;AAAA,QAAA;AAAA,QAIrDX,KACC,gBAAAa;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOR,EAAE,oBAAoB;AAAA,YAC7B,YAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,EAAA,CAEJ,EAAA,CACF;AAAA,MAGA,gBAAAE;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOT,EAAE,6BAA6B;AAAA,UACtC,SAASP;AAAA,QAAA;AAAA,MAAA;AAAA,MAIVF,KACC,gBAAAa,EAAAM,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAN,EAACE,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,QAAQ,UAAA,GAAa,KAAK,IAClE,UAAA;AAAA,UAAA,gBAAAJ,EAACM,GAAA,EAAe,MAAK,aAAY,OAAOR,EAAE,wBAAwB,GAAG,YAAU,IAAC;AAAA,4BAC/EQ,GAAA,EAAe,MAAK,iBAAgB,OAAOR,EAAE,4BAA4B,EAAA,CAAG;AAAA,QAAA,GAC/E;AAAA,QACA,gBAAAE,EAACM,KAAe,MAAK,YAAW,OAAOR,EAAE,uBAAuB,GAAG,YAAU,IAAC;AAAA,QAC9E,gBAAAE;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOR,EAAE,kBAAkB;AAAA,YAC3B,aAAaA,EAAE,wBAAwB;AAAA,YACvC,WAAWW;AAAA,YACX,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,GACF;AAAA,MAIDrB,KACC,gBAAAc,EAAAM,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAR;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOR,EAAE,2BAA2B;AAAA,YACpC,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAE;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOR,EAAE,kBAAkB;AAAA,YAC3B,aAAaA,EAAE,wBAAwB;AAAA,YACvC,WAAWY;AAAA,YACX,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,GACF;AAAA,MAIF,gBAAAV;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOT,EAAE,uBAAuB;AAAA,UAChC,SAASN;AAAA,QAAA;AAAA,MAAA;AAAA,MAIVF,KACC,gBAAAU;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOb,EAAE,yBAAyB;AAAA,UAClC,KAAK;AAAA,UACL,YAAU;AAAA,UACV,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAKX,gBAAAE;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOd,EAAE,wBAAwB;AAAA,UACjC,aAAaA,EAAE,8BAA8B;AAAA,UAC7C,YAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IAGA,gBAAAI,EAACW,GAAA,EAAK,KAAK,IAAI,gBAAe,YAC5B,UAAA;AAAA,MAAA,gBAAAb,EAACL,EAAW,QAAX,EAAkB,MAAK,UAAS,SAAQ,aAAY,SAAST,GAC3D,UAAAY,EAAE,gBAAgB,EAAA,CACrB;AAAA,MACA,gBAAAE,EAACL,EAAW,QAAX,EAAkB,MAAK,UAAS,SAAQ,WAAU,YAAYV,EAAU,cACtE,UAAAA,EAAU,eAELa,EADFL,IACI,qBACA,kBADkB,IAGpBK,EADFL,IACI,mBACA,gBADgB,EACA,CAC1B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"ContractorProfileForm.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfileForm.tsx"],"sourcesContent":["import { FormProvider } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { useContractorProfile } from './useContractorProfile'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { Flex } from '@/components/Common/Flex'\nimport { TextInputField } from '@/components/Common/Fields/TextInputField'\nimport { NumberInputField } from '@/components/Common/Fields/NumberInputField'\nimport { RadioGroupField } from '@/components/Common/Fields/RadioGroupField'\nimport { SwitchField } from '@/components/Common/Fields/SwitchField'\nimport { DatePickerField } from '@/components/Common/Fields/DatePickerField'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { normalizeEin, usePlaceholderEin } from '@/helpers/federalEin'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\n\n// Pure presentation component - takes all data as props\nexport type ContractorProfileFormProps = ReturnType<typeof useContractorProfile> & {\n  className?: string\n  existingContractor?: Contractor\n}\n\nexport function ContractorProfileForm({\n  formMethods,\n  handleSubmit,\n  formState,\n  shouldShowEmailField,\n  shouldShowBusinessFields,\n  shouldShowIndividualFields,\n  shouldShowHourlyRate,\n  contractorTypeOptions,\n  wageTypeOptions,\n  isEditing,\n  className,\n  existingContractor,\n}: ContractorProfileFormProps) {\n  const Components = useComponentContext()\n  useI18n('Contractor.Profile')\n  const { t } = useTranslation('Contractor.Profile')\n  const ssnPlaceholder = usePlaceholderSSN(existingContractor?.hasSsn ?? false)\n  const einPlaceholder = usePlaceholderEin(existingContractor?.hasEin ?? false)\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24} className=\"mb-8\">\n            <header>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('subtitle')}</Components.Text>\n            </header>\n\n            {/* Invite Contractor Card */}\n            <Components.Card>\n              <Grid gap={16}>\n                {/* Invite Contractor Toggle */}\n                <SwitchField\n                  name=\"selfOnboarding\"\n                  label={t('fields.selfOnboarding.label')}\n                  description={t('fields.selfOnboarding.description')}\n                  isDisabled={\n                    existingContractor &&\n                    existingContractor.onboardingStatus !==\n                      ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE\n                  }\n                />\n\n                {/* Email Field - shown when inviting contractor */}\n                {shouldShowEmailField && (\n                  <TextInputField\n                    name=\"email\"\n                    label={t('fields.email.label')}\n                    isRequired\n                    type=\"email\"\n                  />\n                )}\n              </Grid>\n            </Components.Card>\n\n            {/* Contractor Type */}\n            <RadioGroupField\n              name=\"contractorType\"\n              isRequired\n              label={t('fields.contractorType.label')}\n              options={contractorTypeOptions}\n            />\n\n            {/* Individual Contractor Fields */}\n            {shouldShowIndividualFields && (\n              <>\n                <Grid gridTemplateColumns={{ base: '1fr', medium: '1fr 1fr' }} gap={16}>\n                  <TextInputField name=\"firstName\" label={t('fields.firstName.label')} isRequired />\n                  <TextInputField name=\"middleInitial\" label={t('fields.middleInitial.label')} />\n                </Grid>\n                <TextInputField name=\"lastName\" label={t('fields.lastName.label')} isRequired />\n                <TextInputField\n                  name=\"ssn\"\n                  label={t('fields.ssn.label')}\n                  placeholder={ssnPlaceholder}\n                  transform={normalizeSSN}\n                  isRequired\n                />\n              </>\n            )}\n\n            {/* Business Contractor Fields */}\n            {shouldShowBusinessFields && (\n              <>\n                <TextInputField\n                  name=\"businessName\"\n                  label={t('fields.businessName.label')}\n                  isRequired\n                />\n                <TextInputField\n                  name=\"ein\"\n                  label={t('fields.ein.label')}\n                  placeholder={einPlaceholder}\n                  transform={normalizeEin}\n                  isRequired\n                />\n              </>\n            )}\n\n            {/* Wage Type */}\n            <RadioGroupField\n              name=\"wageType\"\n              isRequired\n              label={t('fields.wageType.label')}\n              options={wageTypeOptions}\n            />\n\n            {/* Hourly Rate - shown for hourly contractors */}\n            {shouldShowHourlyRate && (\n              <NumberInputField\n                name=\"hourlyRate\"\n                label={t('fields.hourlyRate.label')}\n                min={0}\n                isRequired\n                format=\"currency\"\n              />\n            )}\n\n            {/* Start Date */}\n            <DatePickerField\n              name=\"startDate\"\n              label={t('fields.startDate.label')}\n              description={t('fields.startDate.description')}\n              isRequired\n            />\n          </Grid>\n\n          {/* Actions */}\n          <Flex gap={12} justifyContent=\"flex-end\">\n            <Components.Button type=\"submit\" variant=\"primary\" isDisabled={formState.isSubmitting}>\n              {formState.isSubmitting\n                ? isEditing\n                  ? t('buttons.updating')\n                  : t('buttons.creating')\n                : isEditing\n                  ? t('buttons.update')\n                  : t('buttons.create')}\n            </Components.Button>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["ContractorProfileForm","formMethods","handleSubmit","formState","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","contractorTypeOptions","wageTypeOptions","isEditing","className","existingContractor","Components","useComponentContext","useI18n","t","useTranslation","ssnPlaceholder","usePlaceholderSSN","einPlaceholder","usePlaceholderEin","jsx","FormProvider","jsxs","Form","Grid","SwitchField","ContractorOnboardingStatus","TextInputField","RadioGroupField","Fragment","normalizeSSN","normalizeEin","NumberInputField","DatePickerField","Flex"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
 export declare const WageType: {
     readonly Fixed: "Fixed";
     readonly Hourly: "Hourly";
@@ -8,7 +9,7 @@ export declare const ContractorType: {
     readonly Business: "Business";
 };
 declare const ContractorProfileSchema: z.ZodObject<{
-    inviteContractor: z.ZodDefault<z.ZodBoolean>;
+    selfOnboarding: z.ZodDefault<z.ZodBoolean>;
     email: z.ZodOptional<z.ZodString>;
     contractorType: z.ZodEnum<["Individual", "Business"]>;
     wageType: z.ZodEnum<["Hourly", "Fixed"]>;
@@ -21,8 +22,8 @@ declare const ContractorProfileSchema: z.ZodObject<{
     ein: z.ZodOptional<z.ZodString>;
     hourlyRate: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
-    inviteContractor: boolean;
-    contractorType: "Individual" | "Business";
+    selfOnboarding: boolean;
+    contractorType: "Business" | "Individual";
     startDate: Date;
     wageType: "Hourly" | "Fixed";
     email?: string | undefined;
@@ -34,7 +35,7 @@ declare const ContractorProfileSchema: z.ZodObject<{
     hourlyRate?: number | undefined;
     middleInitial?: string | undefined;
 }, {
-    contractorType: "Individual" | "Business";
+    contractorType: "Business" | "Individual";
     startDate: Date;
     wageType: "Hourly" | "Fixed";
     email?: string | undefined;
@@ -44,12 +45,12 @@ declare const ContractorProfileSchema: z.ZodObject<{
     lastName?: string | undefined;
     businessName?: string | undefined;
     hourlyRate?: number | undefined;
-    inviteContractor?: boolean | undefined;
+    selfOnboarding?: boolean | undefined;
     middleInitial?: string | undefined;
 }>;
 export type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>;
-export declare const createContractorProfileValidationSchema: (t: (key: string) => string) => z.ZodEffects<z.ZodObject<{
-    inviteContractor: z.ZodDefault<z.ZodBoolean>;
+export declare const createContractorProfileValidationSchema: (t: (key: string) => string, hasSsn: boolean, hasEin: boolean) => z.ZodEffects<z.ZodObject<{
+    selfOnboarding: z.ZodDefault<z.ZodBoolean>;
     email: z.ZodOptional<z.ZodString>;
     contractorType: z.ZodEnum<["Individual", "Business"]>;
     wageType: z.ZodEnum<["Hourly", "Fixed"]>;
@@ -62,8 +63,8 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     ein: z.ZodOptional<z.ZodString>;
     hourlyRate: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
-    inviteContractor: boolean;
-    contractorType: "Individual" | "Business";
+    selfOnboarding: boolean;
+    contractorType: "Business" | "Individual";
     startDate: Date;
     wageType: "Hourly" | "Fixed";
     email?: string | undefined;
@@ -75,7 +76,7 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     hourlyRate?: number | undefined;
     middleInitial?: string | undefined;
 }, {
-    contractorType: "Individual" | "Business";
+    contractorType: "Business" | "Individual";
     startDate: Date;
     wageType: "Hourly" | "Fixed";
     email?: string | undefined;
@@ -85,11 +86,11 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     lastName?: string | undefined;
     businessName?: string | undefined;
     hourlyRate?: number | undefined;
-    inviteContractor?: boolean | undefined;
+    selfOnboarding?: boolean | undefined;
     middleInitial?: string | undefined;
 }>, {
-    inviteContractor: boolean;
-    contractorType: "Individual" | "Business";
+    selfOnboarding: boolean;
+    contractorType: "Business" | "Individual";
     startDate: Date;
     wageType: "Hourly" | "Fixed";
     email?: string | undefined;
@@ -101,7 +102,7 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     hourlyRate?: number | undefined;
     middleInitial?: string | undefined;
 }, {
-    contractorType: "Individual" | "Business";
+    contractorType: "Business" | "Individual";
     startDate: Date;
     wageType: "Hourly" | "Fixed";
     email?: string | undefined;
@@ -111,18 +112,19 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     lastName?: string | undefined;
     businessName?: string | undefined;
     hourlyRate?: number | undefined;
-    inviteContractor?: boolean | undefined;
+    selfOnboarding?: boolean | undefined;
     middleInitial?: string | undefined;
 }>;
 export interface UseContractorProfileProps {
     companyId: string;
     contractorId?: string;
     defaultValues?: Partial<ContractorProfileFormData>;
+    existingContractor?: Contractor;
 }
-export declare function useContractorProfile({ companyId, contractorId, defaultValues, }: UseContractorProfileProps): {
+export declare function useContractorProfile({ companyId, contractorId, defaultValues, existingContractor, }: UseContractorProfileProps): {
     formMethods: import('react-hook-form').UseFormReturn<{
-        inviteContractor: boolean;
-        contractorType: "Individual" | "Business";
+        selfOnboarding: boolean;
+        contractorType: "Business" | "Individual";
         startDate: Date;
         wageType: "Hourly" | "Fixed";
         email?: string | undefined;
@@ -134,8 +136,8 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
         hourlyRate?: number | undefined;
         middleInitial?: string | undefined;
     }, any, {
-        inviteContractor: boolean;
-        contractorType: "Individual" | "Business";
+        selfOnboarding: boolean;
+        contractorType: "Business" | "Individual";
         startDate: Date;
         wageType: "Hourly" | "Fixed";
         email?: string | undefined;
@@ -159,8 +161,8 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
         disabled: boolean;
         submitCount: number;
         defaultValues?: Readonly<{
-            inviteContractor?: boolean | undefined;
-            contractorType?: "Individual" | "Business" | undefined;
+            selfOnboarding?: boolean | undefined;
+            contractorType?: "Business" | "Individual" | undefined;
             startDate?: Date | undefined;
             wageType?: "Hourly" | "Fixed" | undefined;
             email?: string | undefined;
@@ -173,7 +175,7 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
             middleInitial?: string | undefined;
         }> | undefined;
         dirtyFields: Partial<Readonly<{
-            inviteContractor?: boolean | undefined;
+            selfOnboarding?: boolean | undefined;
             contractorType?: boolean | undefined;
             startDate?: boolean | undefined;
             wageType?: boolean | undefined;
@@ -187,7 +189,7 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
             middleInitial?: boolean | undefined;
         }>>;
         touchedFields: Partial<Readonly<{
-            inviteContractor?: boolean | undefined;
+            selfOnboarding?: boolean | undefined;
             contractorType?: boolean | undefined;
             startDate?: boolean | undefined;
             wageType?: boolean | undefined;
@@ -201,7 +203,7 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
             middleInitial?: boolean | undefined;
         }>>;
         validatingFields: Partial<Readonly<{
-            inviteContractor?: boolean | undefined;
+            selfOnboarding?: boolean | undefined;
             contractorType?: boolean | undefined;
             startDate?: boolean | undefined;
             wageType?: boolean | undefined;
@@ -215,8 +217,8 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
             middleInitial?: boolean | undefined;
         }>>;
         errors: import('react-hook-form').FieldErrors<{
-            inviteContractor: boolean;
-            contractorType: "Individual" | "Business";
+            selfOnboarding: boolean;
+            contractorType: "Business" | "Individual";
             startDate: Date;
             wageType: "Hourly" | "Fixed";
             email?: string | undefined;
@@ -230,7 +232,6 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
         }>;
         isReady: boolean;
     };
-    handleCancel: () => void;
     shouldShowEmailField: boolean;
     shouldShowBusinessFields: boolean;
     shouldShowIndividualFields: boolean;