@gusto/embedded-react-sdk 0.42.0 → 0.43.0

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

@@ -1,53 +1,52 @@
 import { jsx as i, jsxs as r, Fragment as m } from "react/jsx-runtime";
 import { FormProvider as S } from "react-hook-form";
-import { useTranslation as T } from "react-i18next";
-import C from "./ContractorProfileForm.module.scss.js";
-import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as I } from "../../../i18n/I18n.js";
-import { Form as O } from "../../Common/Form/Form.js";
-import { Grid as n } from "../../Common/Grid/Grid.js";
-import { usePlaceholderSSN as x, normalizeSSN as w } from "../../../helpers/ssn.js";
-import { usePlaceholderEin as E, normalizeEin as j } from "../../../helpers/federalEin.js";
-import { ContractorOnboardingStatus as v } from "../../../shared/constants.js";
+import { useTranslation as I } from "react-i18next";
+import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as x } from "../../../i18n/I18n.js";
+import { Form as C } from "../../Common/Form/Form.js";
+import { Grid as d } from "../../Common/Grid/Grid.js";
+import { usePlaceholderSSN as O, normalizeSSN as E } from "../../../helpers/ssn.js";
+import { usePlaceholderEin as j, normalizeEin as v } from "../../../helpers/federalEin.js";
+import { ContractorOnboardingStatus as w } from "../../../shared/constants.js";
+import { Flex as n } from "../../Common/Flex/Flex.js";
 import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { RadioGroupField as d } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as G } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { Flex as z } from "../../Common/Flex/Flex.js";
-import { SwitchField as A } from "../../Common/Fields/SwitchField/SwitchField.js";
-import { DatePickerField as B } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-function re({
-  formMethods: u,
-  handleSubmit: f,
+import { RadioGroupField as u } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { NumberInputField as B } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { SwitchField as G } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { DatePickerField as z } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+function ee({
+  formMethods: f,
+  handleSubmit: c,
   formState: o,
   shouldShowEmailField: p,
   shouldShowBusinessFields: b,
-  shouldShowIndividualFields: c,
-  shouldShowHourlyRate: h,
-  shouldShowSsnField: g,
+  shouldShowIndividualFields: h,
+  shouldShowHourlyRate: g,
+  shouldShowSsnField: R,
   shouldShowEinField: N,
-  contractorTypeOptions: R,
-  wageTypeOptions: y,
+  contractorTypeOptions: y,
+  wageTypeOptions: q,
   isEditing: s,
-  className: F,
+  className: D,
   existingContractor: t
 }) {
-  const a = D();
-  I("Contractor.Profile");
-  const { t: e } = T("Contractor.Profile"), q = x(t?.hasSsn ?? !1), P = E(t?.hasEin ?? !1);
-  return /* @__PURE__ */ i("section", { className: F, children: /* @__PURE__ */ i(S, { ...u, children: /* @__PURE__ */ r(O, { onSubmit: f, children: [
-    /* @__PURE__ */ r(n, { gridTemplateColumns: "1fr", gap: 24, className: "mb-8", children: [
-      /* @__PURE__ */ r("header", { children: [
+  const a = T();
+  x("Contractor.Profile");
+  const { t: e } = I("Contractor.Profile"), F = O(t?.hasSsn ?? !1), P = j(t?.hasEin ?? !1);
+  return /* @__PURE__ */ i("section", { className: D, children: /* @__PURE__ */ i(S, { ...f, children: /* @__PURE__ */ r(C, { onSubmit: c, children: [
+    /* @__PURE__ */ r(n, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
+      /* @__PURE__ */ i("header", { children: /* @__PURE__ */ r(n, { flexDirection: "column", gap: 4, children: [
         /* @__PURE__ */ i(a.Heading, { as: "h2", children: e("title") }),
-        /* @__PURE__ */ i(a.Text, { children: e("subtitle") })
-      ] }),
-      /* @__PURE__ */ i("div", { className: C.switchFieldContainer, children: /* @__PURE__ */ r(n, { gap: 16, children: [
+        /* @__PURE__ */ i(a.Text, { variant: "supporting", children: e("subtitle") })
+      ] }) }),
+      /* @__PURE__ */ i(a.Box, { children: /* @__PURE__ */ r(d, { gap: 16, children: [
         /* @__PURE__ */ i(
-          A,
+          G,
           {
             name: "selfOnboarding",
             label: e("fields.selfOnboarding.label"),
             description: e("fields.selfOnboarding.description"),
-            isDisabled: t && t.onboardingStatus !== v.ADMIN_ONBOARDING_INCOMPLETE
+            isDisabled: t && t.onboardingStatus !== w.ADMIN_ONBOARDING_INCOMPLETE
           }
         ),
         p && /* @__PURE__ */ i(
@@ -61,27 +60,27 @@ function re({
         )
       ] }) }),
       /* @__PURE__ */ i(
-        d,
+        u,
         {
           name: "contractorType",
           isRequired: !0,
           label: e("fields.contractorType.label"),
-          options: R
+          options: y
         }
       ),
-      c && /* @__PURE__ */ r(m, { children: [
-        /* @__PURE__ */ r(n, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
+      h && /* @__PURE__ */ r(m, { children: [
+        /* @__PURE__ */ r(d, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
           /* @__PURE__ */ i(l, { name: "firstName", label: e("fields.firstName.label"), isRequired: !0 }),
           /* @__PURE__ */ i(l, { name: "middleInitial", label: e("fields.middleInitial.label") })
         ] }),
         /* @__PURE__ */ i(l, { name: "lastName", label: e("fields.lastName.label"), isRequired: !0 }),
-        g && /* @__PURE__ */ i(
+        R && /* @__PURE__ */ i(
           l,
           {
             name: "ssn",
             label: e("fields.ssn.label"),
-            placeholder: q,
-            transform: w,
+            placeholder: F,
+            transform: E,
             isRequired: !0
           }
         )
@@ -101,22 +100,22 @@ function re({
             name: "ein",
             label: e("fields.ein.label"),
             placeholder: P,
-            transform: j,
+            transform: v,
             isRequired: !0
           }
         )
       ] }),
       /* @__PURE__ */ i(
-        d,
+        u,
         {
           name: "wageType",
           isRequired: !0,
           label: e("fields.wageType.label"),
-          options: y
+          options: q
         }
       ),
-      h && /* @__PURE__ */ i(
-        G,
+      g && /* @__PURE__ */ i(
+        B,
         {
           name: "hourlyRate",
           label: e("fields.hourlyRate.label"),
@@ -126,7 +125,7 @@ function re({
         }
       ),
       /* @__PURE__ */ i(
-        B,
+        z,
         {
           name: "startDate",
           label: e("fields.startDate.label"),
@@ -135,10 +134,10 @@ function re({
         }
       )
     ] }),
-    /* @__PURE__ */ i(z, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(a.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
+    /* @__PURE__ */ i(n, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(a.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
   ] }) }) });
 }
 export {
-  re as ContractorProfileForm
+  ee 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 Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { useContractorProfile } from './useContractorProfile'\nimport styles from './ContractorProfileForm.module.scss'\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  shouldShowSsnField,\n  shouldShowEinField,\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            <div className={styles.switchFieldContainer}>\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            </div>\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                {shouldShowSsnField && (\n                  <TextInputField\n                    name=\"ssn\"\n                    label={t('fields.ssn.label')}\n                    placeholder={ssnPlaceholder}\n                    transform={normalizeSSN}\n                    isRequired\n                  />\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                {shouldShowEinField && (\n                  <TextInputField\n                    name=\"ein\"\n                    label={t('fields.ein.label')}\n                    placeholder={einPlaceholder}\n                    transform={normalizeEin}\n                    isRequired\n                  />\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","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isEditing","className","existingContractor","Components","useComponentContext","useI18n","t","useTranslation","ssnPlaceholder","usePlaceholderSSN","einPlaceholder","usePlaceholderEin","jsx","FormProvider","jsxs","Form","Grid","styles","SwitchField","ContractorOnboardingStatus","TextInputField","RadioGroupField","Fragment","normalizeSSN","normalizeEin","NumberInputField","DatePickerField","Flex"],"mappings":"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"}
+{"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  shouldShowSsnField,\n  shouldShowEinField,\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          <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            {/* Invite Contractor Card */}\n            <Components.Box>\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.Box>\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                {shouldShowSsnField && (\n                  <TextInputField\n                    name=\"ssn\"\n                    label={t('fields.ssn.label')}\n                    placeholder={ssnPlaceholder}\n                    transform={normalizeSSN}\n                    isRequired\n                  />\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                {shouldShowEinField && (\n                  <TextInputField\n                    name=\"ein\"\n                    label={t('fields.ein.label')}\n                    placeholder={einPlaceholder}\n                    transform={normalizeEin}\n                    isRequired\n                  />\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          </Flex>\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","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isEditing","className","existingContractor","Components","useComponentContext","useI18n","t","useTranslation","ssnPlaceholder","usePlaceholderSSN","einPlaceholder","usePlaceholderEin","jsx","FormProvider","jsxs","Form","Flex","Grid","SwitchField","ContractorOnboardingStatus","TextInputField","RadioGroupField","Fragment","normalizeSSN","normalizeEin","NumberInputField","DatePickerField"],"mappings":";;;;;;;;;;;;;;;;AAwBO,SAASA,GAAsB;AAAA,EACpC,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AACF,GAA+B;AAC7B,QAAMC,IAAaC,EAAA;AACnB,EAAAC,EAAQ,oBAAoB;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAiBC,EAAkBP,GAAoB,UAAU,EAAK,GACtEQ,IAAiBC,EAAkBT,GAAoB,UAAU,EAAK;AAE5E,SACE,gBAAAU,EAAC,WAAA,EAAQ,WAAAX,GACP,UAAA,gBAAAW,EAACC,GAAA,EAAc,GAAGxB,GAChB,UAAA,gBAAAyB,EAACC,GAAA,EAAK,UAAUzB,GACd,UAAA;AAAA,IAAA,gBAAAwB,EAACE,KAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC/C,UAAA;AAAA,MAAA,gBAAAJ,EAAC,YACC,UAAA,gBAAAE,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAJ,EAACT,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAG,EAAE,OAAO,GAAE;AAAA,QACxC,gBAAAM,EAACT,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAG,EAAE,UAAU,EAAA,CAAE;AAAA,MAAA,EAAA,CACvD,EAAA,CACF;AAAA,wBAGCH,EAAW,KAAX,EACC,UAAA,gBAAAW,EAACG,GAAA,EAAK,KAAK,IAET,UAAA;AAAA,QAAA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOZ,EAAE,6BAA6B;AAAA,YACtC,aAAaA,EAAE,mCAAmC;AAAA,YAClD,YACEJ,KACAA,EAAmB,qBACjBiB,EAA2B;AAAA,UAAA;AAAA,QAAA;AAAA,QAKhC3B,KACC,gBAAAoB;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOd,EAAE,oBAAoB;AAAA,YAC7B,YAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,EAAA,CAEJ,EAAA,CACF;AAAA,MAGA,gBAAAM;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOf,EAAE,6BAA6B;AAAA,UACtC,SAASR;AAAA,QAAA;AAAA,MAAA;AAAA,MAIVJ,KACC,gBAAAoB,EAAAQ,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAR,EAACG,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,QAAQ,UAAA,GAAa,KAAK,IAClE,UAAA;AAAA,UAAA,gBAAAL,EAACQ,GAAA,EAAe,MAAK,aAAY,OAAOd,EAAE,wBAAwB,GAAG,YAAU,IAAC;AAAA,4BAC/Ec,GAAA,EAAe,MAAK,iBAAgB,OAAOd,EAAE,4BAA4B,EAAA,CAAG;AAAA,QAAA,GAC/E;AAAA,QACA,gBAAAM,EAACQ,KAAe,MAAK,YAAW,OAAOd,EAAE,uBAAuB,GAAG,YAAU,IAAC;AAAA,QAC7EV,KACC,gBAAAgB;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOd,EAAE,kBAAkB;AAAA,YAC3B,aAAaE;AAAA,YACb,WAAWe;AAAA,YACX,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,GAEJ;AAAA,MAID9B,KACC,gBAAAqB,EAAAQ,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOd,EAAE,2BAA2B;AAAA,YACpC,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEXT,KACC,gBAAAe;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOd,EAAE,kBAAkB;AAAA,YAC3B,aAAaI;AAAA,YACb,WAAWc;AAAA,YACX,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,GAEJ;AAAA,MAIF,gBAAAZ;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOf,EAAE,uBAAuB;AAAA,UAChC,SAASP;AAAA,QAAA;AAAA,MAAA;AAAA,MAIVJ,KACC,gBAAAiB;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOnB,EAAE,yBAAyB;AAAA,UAClC,KAAK;AAAA,UACL,YAAU;AAAA,UACV,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAKX,gBAAAM;AAAA,QAACc;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOpB,EAAE,wBAAwB;AAAA,UACjC,aAAaA,EAAE,8BAA8B;AAAA,UAC7C,YAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IAGA,gBAAAM,EAACI,GAAA,EAAK,KAAK,IAAI,gBAAe,YAC5B,UAAA,gBAAAJ,EAACT,EAAW,QAAX,EAAkB,MAAK,UAAS,SAAQ,WAAU,YAAYZ,EAAU,cACtE,UAAAA,EAAU,eAELe,EADFN,IACI,qBACA,kBADkB,IAGpBM,EADFN,IACI,mBACA,gBADgB,GAE1B,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -16,6 +16,7 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import { SDKInternalError as Y } from "../../../types/sdkError.js";
 import { ContractorSelfOnboardingStatuses as x, componentEvents as b, ContractorOnboardingStatus as ee } from "../../../shared/constants.js";
+import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as oe } from "../../../i18n/I18n.js";
 import { SSN_REGEX as se, NAME_REGEX as T } from "../../../helpers/validations.js";
@@ -95,7 +96,7 @@ const i = L, a = J, ie = s.object({
     });
   }
 );
-function Be({
+function Ae({
   companyId: t,
   contractorId: f,
   defaultValues: m,
@@ -230,6 +231,6 @@ export {
   a as ContractorType,
   i as WageType,
   re as createContractorProfileValidationSchema,
-  Be as useContractorProfile
+  Ae as useContractorProfile
 };
 //# sourceMappingURL=useContractorProfile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/useContractorProfile.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { useForm, useWatch } from 'react-hook-form'\nimport { z } from 'zod'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { ContractorCreateRequestBody } from '@gusto/embedded-api/models/components/contractorcreaterequestbody'\nimport type { ContractorUpdateRequestBody } from '@gusto/embedded-api/models/components/contractorupdaterequestbody'\nimport {\n  ContractorWageType as ApiWageType,\n  ContractorType as ApiContractorType,\n  type Contractor,\n} from '@gusto/embedded-api/models/components/contractor'\nimport { useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  ContractorOnboardingStatus,\n  ContractorSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport { SSN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { normalizeEin } from '@/helpers/federalEin'\nimport { SDKInternalError } from '@/types/sdkError'\n\n// Re-export the API types for convenience\nexport const WageType = ApiWageType\nexport const ContractorType = ApiContractorType\n\n// Form schema definition - exported for use in stories and tests\nconst ContractorProfileSchema = z.object({\n  // Self-onboarding toggle\n  selfOnboarding: z.boolean(),\n  email: z.string().email().optional(),\n\n  // Required contractor fields\n  contractorType: z.enum([ContractorType.Individual, ContractorType.Business]),\n  wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n  startDate: z.date(),\n\n  // Individual contractor fields\n  firstName: z.string().min(1).regex(NAME_REGEX).optional(),\n  middleInitial: z.string().optional(),\n  lastName: z.string().min(1).regex(NAME_REGEX).optional(),\n  ssn: z.string().optional(),\n\n  // Business contractor fields\n  businessName: z.string().optional(),\n  ein: z.string().optional(),\n\n  // Wage fields\n  hourlyRate: z.number().min(0).optional(),\n})\n\nexport type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>\n\n// Create validation schema - exported for stories\nexport const createContractorProfileValidationSchema = (\n  t: (key: string) => string,\n  hasSsn: boolean,\n  hasEin: boolean,\n) => {\n  return ContractorProfileSchema.superRefine(\n    (data: ContractorProfileFormData, ctx: z.RefinementCtx) => {\n      // Email validation for contractor invitation\n      if (data.selfOnboarding && !data.email) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['email'],\n          message: t('validations.email'),\n        })\n      }\n\n      // Individual contractor validations\n      if (data.contractorType === ContractorType.Individual) {\n        if (!data.firstName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['firstName'],\n            message: t('validations.firstName'),\n          })\n        }\n\n        if (!data.lastName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['lastName'],\n            message: t('validations.lastName'),\n          })\n        }\n\n        if (!data.ssn) {\n          if (!hasSsn && !data.selfOnboarding) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssn'),\n            })\n          }\n        } else {\n          // Validate SSN format\n          const cleanSSN = removeNonDigits(data.ssn)\n          if (!SSN_REGEX.test(cleanSSN)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssnFormat'),\n            })\n          }\n        }\n      }\n\n      // Business contractor validations\n      if (data.contractorType === ContractorType.Business) {\n        if (!data.businessName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['businessName'],\n            message: t('validations.businessName'),\n          })\n        }\n\n        if (!data.ein) {\n          if (!hasEin && !data.selfOnboarding) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.ein'),\n            })\n          }\n        } else {\n          // Validate EIN format after normalization (XX-XXXXXXX)\n          const normalizedEin = normalizeEin(data.ein)\n          if (!/^\\d{2}-\\d{7}$/.test(normalizedEin)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.einFormat'),\n            })\n          }\n        }\n      }\n\n      // Hourly rate validation for hourly contractors\n      if (data.wageType === WageType.Hourly) {\n        if (data.hourlyRate === undefined || data.hourlyRate < 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['hourlyRate'],\n            message: t('validations.hourlyRate'),\n          })\n        }\n      }\n    },\n  )\n}\n\nexport interface UseContractorProfileProps {\n  companyId: string\n  contractorId?: string\n  defaultValues?: Partial<ContractorProfileFormData>\n  existingContractor?: Contractor\n}\n\nexport function useContractorProfile({\n  companyId,\n  contractorId,\n  defaultValues,\n  existingContractor,\n}: UseContractorProfileProps) {\n  useI18n('Contractor.Profile')\n  const { t } = useTranslation('Contractor.Profile')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  // Create validation schema with translations\n  const validationSchema = createContractorProfileValidationSchema(\n    t as (key: string) => string,\n    existingContractor?.hasSsn ?? false,\n    existingContractor?.hasEin ?? false,\n  )\n\n  // API mutations\n  const { mutateAsync: createContractor, isPending: isCreating } = useContractorsCreateMutation()\n  const { mutateAsync: updateContractor, isPending: isUpdating } = useContractorsUpdateMutation()\n\n  // Prepare default values from existing contractor or provided defaults\n  const formDefaultValues = useMemo(\n    () => ({\n      selfOnboarding: false,\n      contractorType: ContractorType.Business,\n      wageType: WageType.Fixed,\n      startDate: new Date(),\n      ...defaultValues,\n      // Override with existing contractor data if available\n      ...(existingContractor && {\n        selfOnboarding: existingContractor.onboardingStatus\n          ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n            ContractorSelfOnboardingStatuses.has(existingContractor.onboardingStatus)\n          : false,\n        contractorType: existingContractor.type || ContractorType.Business,\n        wageType: existingContractor.wageType || WageType.Fixed,\n        startDate: existingContractor.startDate\n          ? new Date(existingContractor.startDate)\n          : new Date(),\n        firstName: existingContractor.firstName || undefined,\n        middleInitial: existingContractor.middleInitial || undefined,\n        lastName: existingContractor.lastName || undefined,\n        businessName: existingContractor.businessName || undefined,\n        email: existingContractor.email || undefined,\n        hourlyRate: existingContractor.hourlyRate\n          ? (() => {\n              const parsed = parseFloat(existingContractor.hourlyRate)\n              return isNaN(parsed) ? undefined : parsed\n            })()\n          : undefined,\n      }),\n    }),\n    [existingContractor, defaultValues],\n  )\n\n  // Form setup\n  const formMethods = useForm<ContractorProfileFormData, unknown, ContractorProfileFormData>({\n    resolver: zodResolver(validationSchema),\n    defaultValues: formDefaultValues,\n    ...(existingContractor && { values: formDefaultValues }),\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const { handleSubmit, formState } = formMethods\n\n  // Watch form values for conditional rendering\n  const watchedType = useWatch({ control: formMethods.control, name: 'contractorType' })\n  const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n  const watchedSelfOnboarding = useWatch({\n    control: formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  // Helper function to transform form data to API payload\n  const transformFormDataToCreatePayload = (\n    data: ContractorProfileFormData,\n  ): ContractorCreateRequestBody => {\n    const basePayload = {\n      type: data.contractorType,\n      wageType: data.wageType,\n      startDate: formatDateToStringDate(data.startDate) || '',\n      selfOnboarding: data.selfOnboarding,\n      email: data.selfOnboarding ? data.email : undefined,\n      hourlyRate: data.wageType === WageType.Hourly ? String(data.hourlyRate) : undefined,\n      isActive: true,\n    }\n\n    if (data.contractorType === ContractorType.Individual) {\n      return {\n        ...basePayload,\n        firstName: data.firstName,\n        middleInitial: data.middleInitial || undefined,\n        lastName: data.lastName,\n        ssn: data.ssn,\n        fileNewHireReport: false, // Default value\n      }\n    } else {\n      return {\n        ...basePayload,\n        fileNewHireReport: false, // Default value\n        businessName: data.businessName,\n        ein: data.ein?.replace(/-/g, ''),\n      }\n    }\n  }\n\n  const transformFormDataToUpdatePayload = (\n    data: ContractorProfileFormData,\n    version: string,\n  ): ContractorUpdateRequestBody => {\n    const createPayload = transformFormDataToCreatePayload(data)\n    return {\n      ...createPayload,\n      version,\n    }\n  }\n\n  // Event handlers\n  const onSubmit: SubmitHandler<ContractorProfileFormData> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      let contractorId = existingContractor?.uuid\n      if (existingContractor) {\n        // Update existing contractor\n        if (!existingContractor.version) {\n          throw new SDKInternalError('Contractor version is required for updates')\n        }\n        const version = existingContractor.version\n        const apiPayload = transformFormDataToUpdatePayload(payload, version)\n\n        const updateResponse = await updateContractor({\n          request: {\n            contractorUuid: contractorId!,\n            contractorUpdateRequestBody: apiPayload,\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_UPDATED, updateResponse.contractor)\n      } else {\n        // Create new contractor\n        const apiPayload = transformFormDataToCreatePayload(payload)\n\n        const createResponse = await createContractor({\n          request: {\n            companyUuid: companyId,\n            contractorCreateRequestBody: apiPayload,\n          },\n        })\n\n        contractorId = createResponse.contractor?.uuid\n        onEvent(componentEvents.CONTRACTOR_CREATED, createResponse.contractor)\n      }\n\n      onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n        selfOnboarding:\n          payload.selfOnboarding &&\n          existingContractor?.onboardingStatus !==\n            ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW,\n        contractorId,\n      })\n    })\n  }\n\n  // Conditional rendering helpers\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n  const shouldShowEmailField = !!watchedSelfOnboarding\n  const shouldShowBusinessFields = watchedType === ContractorType.Business\n  const shouldShowIndividualFields = watchedType === ContractorType.Individual\n  const shouldShowHourlyRate = watchedWageType === WageType.Hourly\n  const shouldShowSsnField = watchedType === ContractorType.Individual && !watchedSelfOnboarding\n  const shouldShowEinField = watchedType === ContractorType.Business && !watchedSelfOnboarding\n\n  // Form field options\n  const contractorTypeOptions = [\n    { label: 'Individual', value: ContractorType.Individual },\n    { label: 'Business', value: ContractorType.Business },\n  ]\n\n  const wageTypeOptions = [\n    { label: 'Hourly', value: WageType.Hourly },\n    { label: 'Fixed', value: WageType.Fixed },\n  ]\n\n  // Determine if we're currently submitting (creating or updating)\n  const isSubmitting = isCreating || isUpdating\n  // Return only what the component actually needs\n  return {\n    // Form methods and submission\n    formMethods,\n    handleSubmit: handleSubmit(onSubmit),\n    formState: {\n      ...formState,\n      isSubmitting,\n    },\n\n    // Conditional rendering flags\n    shouldShowEmailField,\n    shouldShowBusinessFields,\n    shouldShowIndividualFields,\n    shouldShowHourlyRate,\n    shouldShowSsnField,\n    shouldShowEinField,\n\n    // Form options\n    contractorTypeOptions,\n    wageTypeOptions,\n\n    // Component state\n    isEditing: !!contractorId,\n  }\n}\n"],"names":["WageType","ApiWageType","ContractorType","ApiContractorType","ContractorProfileSchema","z","NAME_REGEX","createContractorProfileValidationSchema","hasSsn","hasEin","data","ctx","cleanSSN","removeNonDigits","SSN_REGEX","normalizedEin","normalizeEin","useContractorProfile","companyId","contractorId","defaultValues","existingContractor","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","validationSchema","createContractor","isCreating","useContractorsCreateMutation","updateContractor","isUpdating","useContractorsUpdateMutation","formDefaultValues","useMemo","ContractorSelfOnboardingStatuses","parsed","formMethods","useForm","zodResolver","handleSubmit","formState","watchedType","useWatch","watchedWageType","watchedSelfOnboarding","transformFormDataToCreatePayload","basePayload","formatDateToStringDate","transformFormDataToUpdatePayload","version","onSubmit","payload","SDKInternalError","apiPayload","updateResponse","componentEvents","createResponse","ContractorOnboardingStatus","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isSubmitting"],"mappings":"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"}
+{"version":3,"file":"useContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/useContractorProfile.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { useForm, useWatch } from 'react-hook-form'\nimport { z } from 'zod'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { ContractorCreateRequestBody } from '@gusto/embedded-api/models/components/contractorcreaterequestbody'\nimport type { ContractorUpdateRequestBody } from '@gusto/embedded-api/models/components/contractorupdaterequestbody'\nimport {\n  ContractorWageType as ApiWageType,\n  ContractorType as ApiContractorType,\n  type Contractor,\n} from '@gusto/embedded-api/models/components/contractor'\nimport { useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  ContractorOnboardingStatus,\n  ContractorSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport { SSN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { normalizeEin } from '@/helpers/federalEin'\nimport { SDKInternalError } from '@/types/sdkError'\n\n// Re-export the API types for convenience\nexport const WageType = ApiWageType\nexport const ContractorType = ApiContractorType\n\n// Form schema definition - exported for use in stories and tests\nconst ContractorProfileSchema = z.object({\n  // Self-onboarding toggle\n  selfOnboarding: z.boolean(),\n  email: z.string().email().optional(),\n\n  // Required contractor fields\n  contractorType: z.enum([ContractorType.Individual, ContractorType.Business]),\n  wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n  startDate: z.date(),\n\n  // Individual contractor fields\n  firstName: z.string().min(1).regex(NAME_REGEX).optional(),\n  middleInitial: z.string().optional(),\n  lastName: z.string().min(1).regex(NAME_REGEX).optional(),\n  ssn: z.string().optional(),\n\n  // Business contractor fields\n  businessName: z.string().optional(),\n  ein: z.string().optional(),\n\n  // Wage fields\n  hourlyRate: z.number().min(0).optional(),\n})\n\nexport type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>\n\n// Create validation schema - exported for stories\nexport const createContractorProfileValidationSchema = (\n  t: (key: string) => string,\n  hasSsn: boolean,\n  hasEin: boolean,\n) => {\n  return ContractorProfileSchema.superRefine(\n    (data: ContractorProfileFormData, ctx: z.RefinementCtx) => {\n      // Email validation for contractor invitation\n      if (data.selfOnboarding && !data.email) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['email'],\n          message: t('validations.email'),\n        })\n      }\n\n      // Individual contractor validations\n      if (data.contractorType === ContractorType.Individual) {\n        if (!data.firstName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['firstName'],\n            message: t('validations.firstName'),\n          })\n        }\n\n        if (!data.lastName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['lastName'],\n            message: t('validations.lastName'),\n          })\n        }\n\n        if (!data.ssn) {\n          if (!hasSsn && !data.selfOnboarding) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssn'),\n            })\n          }\n        } else {\n          // Validate SSN format\n          const cleanSSN = removeNonDigits(data.ssn)\n          if (!SSN_REGEX.test(cleanSSN)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssnFormat'),\n            })\n          }\n        }\n      }\n\n      // Business contractor validations\n      if (data.contractorType === ContractorType.Business) {\n        if (!data.businessName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['businessName'],\n            message: t('validations.businessName'),\n          })\n        }\n\n        if (!data.ein) {\n          if (!hasEin && !data.selfOnboarding) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.ein'),\n            })\n          }\n        } else {\n          // Validate EIN format after normalization (XX-XXXXXXX)\n          const normalizedEin = normalizeEin(data.ein)\n          if (!/^\\d{2}-\\d{7}$/.test(normalizedEin)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.einFormat'),\n            })\n          }\n        }\n      }\n\n      // Hourly rate validation for hourly contractors\n      if (data.wageType === WageType.Hourly) {\n        if (data.hourlyRate === undefined || data.hourlyRate < 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['hourlyRate'],\n            message: t('validations.hourlyRate'),\n          })\n        }\n      }\n    },\n  )\n}\n\nexport interface UseContractorProfileProps {\n  companyId: string\n  contractorId?: string\n  defaultValues?: Partial<ContractorProfileFormData>\n  existingContractor?: Contractor\n}\n\nexport function useContractorProfile({\n  companyId,\n  contractorId,\n  defaultValues,\n  existingContractor,\n}: UseContractorProfileProps) {\n  useI18n('Contractor.Profile')\n  const { t } = useTranslation('Contractor.Profile')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  // Create validation schema with translations\n  const validationSchema = createContractorProfileValidationSchema(\n    t as (key: string) => string,\n    existingContractor?.hasSsn ?? false,\n    existingContractor?.hasEin ?? false,\n  )\n\n  // API mutations\n  const { mutateAsync: createContractor, isPending: isCreating } = useContractorsCreateMutation()\n  const { mutateAsync: updateContractor, isPending: isUpdating } = useContractorsUpdateMutation()\n\n  // Prepare default values from existing contractor or provided defaults\n  const formDefaultValues = useMemo(\n    () => ({\n      selfOnboarding: false,\n      contractorType: ContractorType.Business,\n      wageType: WageType.Fixed,\n      startDate: new Date(),\n      ...defaultValues,\n      // Override with existing contractor data if available\n      ...(existingContractor && {\n        selfOnboarding: existingContractor.onboardingStatus\n          ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n            ContractorSelfOnboardingStatuses.has(existingContractor.onboardingStatus)\n          : false,\n        contractorType: existingContractor.type || ContractorType.Business,\n        wageType: existingContractor.wageType || WageType.Fixed,\n        startDate: existingContractor.startDate\n          ? new Date(existingContractor.startDate)\n          : new Date(),\n        firstName: existingContractor.firstName || undefined,\n        middleInitial: existingContractor.middleInitial || undefined,\n        lastName: existingContractor.lastName || undefined,\n        businessName: existingContractor.businessName || undefined,\n        email: existingContractor.email || undefined,\n        hourlyRate: existingContractor.hourlyRate\n          ? (() => {\n              const parsed = parseFloat(existingContractor.hourlyRate)\n              return isNaN(parsed) ? undefined : parsed\n            })()\n          : undefined,\n      }),\n    }),\n    [existingContractor, defaultValues],\n  )\n\n  // Form setup\n  const formMethods = useForm<ContractorProfileFormData, unknown, ContractorProfileFormData>({\n    resolver: zodResolver(validationSchema),\n    defaultValues: formDefaultValues,\n    ...(existingContractor && { values: formDefaultValues }),\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const { handleSubmit, formState } = formMethods\n\n  // Watch form values for conditional rendering\n  const watchedType = useWatch({ control: formMethods.control, name: 'contractorType' })\n  const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n  const watchedSelfOnboarding = useWatch({\n    control: formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  // Helper function to transform form data to API payload\n  const transformFormDataToCreatePayload = (\n    data: ContractorProfileFormData,\n  ): ContractorCreateRequestBody => {\n    const basePayload = {\n      type: data.contractorType,\n      wageType: data.wageType,\n      startDate: formatDateToStringDate(data.startDate) || '',\n      selfOnboarding: data.selfOnboarding,\n      email: data.selfOnboarding ? data.email : undefined,\n      hourlyRate: data.wageType === WageType.Hourly ? String(data.hourlyRate) : undefined,\n      isActive: true,\n    }\n\n    if (data.contractorType === ContractorType.Individual) {\n      return {\n        ...basePayload,\n        firstName: data.firstName,\n        middleInitial: data.middleInitial || undefined,\n        lastName: data.lastName,\n        ssn: data.ssn,\n        fileNewHireReport: false, // Default value\n      }\n    } else {\n      return {\n        ...basePayload,\n        fileNewHireReport: false, // Default value\n        businessName: data.businessName,\n        ein: data.ein?.replace(/-/g, ''),\n      }\n    }\n  }\n\n  const transformFormDataToUpdatePayload = (\n    data: ContractorProfileFormData,\n    version: string,\n  ): ContractorUpdateRequestBody => {\n    const createPayload = transformFormDataToCreatePayload(data)\n    return {\n      ...createPayload,\n      version,\n    }\n  }\n\n  // Event handlers\n  const onSubmit: SubmitHandler<ContractorProfileFormData> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      let contractorId = existingContractor?.uuid\n      if (existingContractor) {\n        // Update existing contractor\n        if (!existingContractor.version) {\n          throw new SDKInternalError('Contractor version is required for updates')\n        }\n        const version = existingContractor.version\n        const apiPayload = transformFormDataToUpdatePayload(payload, version)\n\n        const updateResponse = await updateContractor({\n          request: {\n            contractorUuid: contractorId!,\n            contractorUpdateRequestBody: apiPayload,\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_UPDATED, updateResponse.contractor)\n      } else {\n        // Create new contractor\n        const apiPayload = transformFormDataToCreatePayload(payload)\n\n        const createResponse = await createContractor({\n          request: {\n            companyUuid: companyId,\n            contractorCreateRequestBody: apiPayload,\n          },\n        })\n\n        contractorId = createResponse.contractor?.uuid\n        onEvent(componentEvents.CONTRACTOR_CREATED, createResponse.contractor)\n      }\n\n      onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n        selfOnboarding:\n          payload.selfOnboarding &&\n          existingContractor?.onboardingStatus !==\n            ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW,\n        contractorId,\n      })\n    })\n  }\n\n  // Conditional rendering helpers\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n  const shouldShowEmailField = !!watchedSelfOnboarding\n  const shouldShowBusinessFields = watchedType === ContractorType.Business\n  const shouldShowIndividualFields = watchedType === ContractorType.Individual\n  const shouldShowHourlyRate = watchedWageType === WageType.Hourly\n  const shouldShowSsnField = watchedType === ContractorType.Individual && !watchedSelfOnboarding\n  const shouldShowEinField = watchedType === ContractorType.Business && !watchedSelfOnboarding\n\n  // Form field options\n  const contractorTypeOptions = [\n    { label: 'Individual', value: ContractorType.Individual },\n    { label: 'Business', value: ContractorType.Business },\n  ]\n\n  const wageTypeOptions = [\n    { label: 'Hourly', value: WageType.Hourly },\n    { label: 'Fixed', value: WageType.Fixed },\n  ]\n\n  // Determine if we're currently submitting (creating or updating)\n  const isSubmitting = isCreating || isUpdating\n  // Return only what the component actually needs\n  return {\n    // Form methods and submission\n    formMethods,\n    handleSubmit: handleSubmit(onSubmit),\n    formState: {\n      ...formState,\n      isSubmitting,\n    },\n\n    // Conditional rendering flags\n    shouldShowEmailField,\n    shouldShowBusinessFields,\n    shouldShowIndividualFields,\n    shouldShowHourlyRate,\n    shouldShowSsnField,\n    shouldShowEinField,\n\n    // Form options\n    contractorTypeOptions,\n    wageTypeOptions,\n\n    // Component state\n    isEditing: !!contractorId,\n  }\n}\n"],"names":["WageType","ApiWageType","ContractorType","ApiContractorType","ContractorProfileSchema","z","NAME_REGEX","createContractorProfileValidationSchema","hasSsn","hasEin","data","ctx","cleanSSN","removeNonDigits","SSN_REGEX","normalizedEin","normalizeEin","useContractorProfile","companyId","contractorId","defaultValues","existingContractor","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","validationSchema","createContractor","isCreating","useContractorsCreateMutation","updateContractor","isUpdating","useContractorsUpdateMutation","formDefaultValues","useMemo","ContractorSelfOnboardingStatuses","parsed","formMethods","useForm","zodResolver","handleSubmit","formState","watchedType","useWatch","watchedWageType","watchedSelfOnboarding","transformFormDataToCreatePayload","basePayload","formatDateToStringDate","transformFormDataToUpdatePayload","version","onSubmit","payload","SDKInternalError","apiPayload","updateResponse","componentEvents","createResponse","ContractorOnboardingStatus","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isSubmitting"],"mappings":"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"}

package/dist/components/Contractor/Submit/Submit.js

@@ -5,6 +5,7 @@ import { useContractorsGetOnboardingStatusSuspense as B } from "@gusto/embedded-
 import { useContractorsGetSuspense as E } from "@gusto/embedded-api/react-query/contractorsGet";
 import { SubmitDone as I } from "./SubmitDone.js";
 import { Flex as m, FlexItem as U } from "../../Common/Flex/Flex.js";
+import "classnames";
 import { ActionsLayout as M } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as f } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as y, useComponentDictionary as L } from "../../../i18n/I18n.js";
@@ -12,7 +13,7 @@ import { BaseComponent as j } from "../../Base/Base.js";
 import { useBase as q } from "../../Base/useBase.js";
 import { ContractorOnboardingStatus as b, componentEvents as u } from "../../../shared/constants.js";
 import { firstLastName as G } from "../../../helpers/formattedStrings.js";
-function et(n) {
+function nt(n) {
   return /* @__PURE__ */ t(j, { ...n, children: /* @__PURE__ */ t(w, { ...n, children: n.children }) });
 }
 const w = ({ contractorId: n, selfOnboarding: d, dictionary: o }) => {
@@ -93,7 +94,7 @@ const w = ({ contractorId: n, selfOnboarding: d, dictionary: o }) => {
   ] });
 };
 export {
-  et as ContractorSubmit,
+  nt as ContractorSubmit,
   w as Root
 };
 //# sourceMappingURL=Submit.js.map

package/dist/components/Contractor/Submit/Submit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { SubmitDone } from './SubmitDone'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nexport interface ContractorSubmitProps extends CommonComponentInterface<'Contractor.Submit'> {\n  contractorId: string\n  selfOnboarding?: boolean\n}\n\nexport function ContractorSubmit(props: ContractorSubmitProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ contractorId, selfOnboarding, dictionary }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Box, BoxHeader, Button, Text, Heading, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: { onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('heading')}</Heading>\n      </FlexItem>\n\n      <Box\n        header={\n          <BoxHeader\n            title={t('documentRequirements.title')}\n            description={t('documentRequirements.description')}\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {Object.values(t('documentRequirements.items', { returnObjects: true })).map(item => (\n            <div key={item.title}>\n              <Text weight=\"medium\">{item.title}</Text>\n              <Text variant=\"supporting\">{item.description}</Text>\n            </div>\n          ))}\n          <Alert status=\"info\" label={t('documentRequirements.alertLabel')}></Alert>\n        </Flex>\n      </Box>\n      <Flex flexDirection=\"column\" gap={8}>\n        <Alert status=\"warning\" label={t('title')}>\n          <UnorderedList items={items} />\n        </Alert>\n        <ActionsLayout justifyContent=\"end\">\n          <Button title={t('submitCta')} onClick={onSubmit}>\n            {t('submitCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </Flex>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n}: {\n  onSubmit: () => void\n  contractorId: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","dictionary","useI18n","useComponentDictionary","Alert","Box","BoxHeader","Button","Text","Heading","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","mutateAsync","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Flex","FlexItem","item","ActionsLayout","contractorData","useContractorsGetSuspense","contractor","firstLastName"],"mappings":"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"}
+{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { SubmitDone } from './SubmitDone'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nexport interface ContractorSubmitProps extends CommonComponentInterface<'Contractor.Submit'> {\n  contractorId: string\n  selfOnboarding?: boolean\n}\n\nexport function ContractorSubmit(props: ContractorSubmitProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ contractorId, selfOnboarding, dictionary }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Box, BoxHeader, Button, Text, Heading, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: { onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('heading')}</Heading>\n      </FlexItem>\n\n      <Box\n        header={\n          <BoxHeader\n            title={t('documentRequirements.title')}\n            description={t('documentRequirements.description')}\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {Object.values(t('documentRequirements.items', { returnObjects: true })).map(item => (\n            <div key={item.title}>\n              <Text weight=\"medium\">{item.title}</Text>\n              <Text variant=\"supporting\">{item.description}</Text>\n            </div>\n          ))}\n          <Alert status=\"info\" label={t('documentRequirements.alertLabel')}></Alert>\n        </Flex>\n      </Box>\n      <Flex flexDirection=\"column\" gap={8}>\n        <Alert status=\"warning\" label={t('title')}>\n          <UnorderedList items={items} />\n        </Alert>\n        <ActionsLayout justifyContent=\"end\">\n          <Button title={t('submitCta')} onClick={onSubmit}>\n            {t('submitCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </Flex>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n}: {\n  onSubmit: () => void\n  contractorId: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","dictionary","useI18n","useComponentDictionary","Alert","Box","BoxHeader","Button","Text","Heading","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","mutateAsync","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Flex","FlexItem","item","ActionsLayout","contractorData","useContractorsGetSuspense","contractor","firstLastName"],"mappings":"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"}

package/dist/components/Contractor/Submit/SubmitDone.js

@@ -1,18 +1,20 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as a } from "../../../i18n/I18n.js";
-import { Flex as l } from "../../Common/Flex/Flex.js";
-const C = ({ onDone: n }) => {
-  a("Contractor.Submit");
-  const { Button: r, Heading: e, Text: i } = s(), { t: o } = c("Contractor.Submit");
-  return /* @__PURE__ */ m(l, { flexDirection: "column", alignItems: "center", children: [
-    /* @__PURE__ */ t(e, { as: "h2", children: o("doneTitle") }),
-    /* @__PURE__ */ t(i, { children: o("doneDescription") }),
-    /* @__PURE__ */ t(r, { variant: "secondary", onClick: n, children: o("doneCta") })
+import { useI18n as l } from "../../../i18n/I18n.js";
+import { Flex as e } from "../../Common/Flex/Flex.js";
+const g = ({ onDone: r }) => {
+  l("Contractor.Submit");
+  const { Button: i, Heading: c, Text: m } = s(), { t: n } = a("Contractor.Submit");
+  return /* @__PURE__ */ o(e, { flexDirection: "column", gap: 20, alignItems: "center", children: [
+    /* @__PURE__ */ o(e, { flexDirection: "column", gap: 4, alignItems: "center", children: [
+      /* @__PURE__ */ t(c, { as: "h2", children: n("doneTitle") }),
+      /* @__PURE__ */ t(m, { variant: "supporting", children: n("doneDescription") })
+    ] }),
+    /* @__PURE__ */ t(i, { variant: "secondary", onClick: r, children: n("doneCta") })
   ] });
 };
 export {
-  C as SubmitDone
+  g as SubmitDone
 };
 //# sourceMappingURL=SubmitDone.js.map

package/dist/components/Contractor/Submit/SubmitDone.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitDone.js","sources":["../../../../src/components/Contractor/Submit/SubmitDone.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex'\n\ninterface SubmitDoneProps {\n  onDone: () => void\n}\n\nexport const SubmitDone = ({ onDone }: SubmitDoneProps) => {\n  useI18n('Contractor.Submit')\n  const { Button, Heading, Text } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"center\">\n      <Heading as=\"h2\">{t('doneTitle')}</Heading>\n      <Text>{t('doneDescription')}</Text>\n      <Button variant=\"secondary\" onClick={onDone}>\n        {t('doneCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["SubmitDone","onDone","useI18n","Button","Heading","Text","useComponentContext","t","useTranslation","jsxs","Flex","jsx"],"mappings":";;;;;AASO,MAAMA,IAAa,CAAC,EAAE,QAAAC,QAA8B;AACzD,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAC5B,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB;AAEhD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UACtC,UAAA;AAAA,IAAA,gBAAAC,EAACP,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,WAAW,GAAE;AAAA,IACjC,gBAAAI,EAACN,GAAA,EAAM,UAAAE,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAC5B,gBAAAI,EAACR,KAAO,SAAQ,aAAY,SAASF,GAClC,UAAAM,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SubmitDone.js","sources":["../../../../src/components/Contractor/Submit/SubmitDone.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex'\n\ninterface SubmitDoneProps {\n  onDone: () => void\n}\n\nexport const SubmitDone = ({ onDone }: SubmitDoneProps) => {\n  useI18n('Contractor.Submit')\n  const { Button, Heading, Text } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20} alignItems=\"center\">\n      <Flex flexDirection=\"column\" gap={4} alignItems=\"center\">\n        <Heading as=\"h2\">{t('doneTitle')}</Heading>\n        <Text variant=\"supporting\">{t('doneDescription')}</Text>\n      </Flex>\n      <Button variant=\"secondary\" onClick={onDone}>\n        {t('doneCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["SubmitDone","onDone","useI18n","Button","Heading","Text","useComponentContext","t","useTranslation","Flex","jsxs","jsx"],"mappings":";;;;;AASO,MAAMA,IAAa,CAAC,EAAE,QAAAC,QAA8B;AACzD,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAC5B,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB;AAEhD,2BACGC,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,UAC/C,UAAA;AAAA,IAAA,gBAAAC,EAACD,KAAK,eAAc,UAAS,KAAK,GAAG,YAAW,UAC9C,UAAA;AAAA,MAAA,gBAAAE,EAACP,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,WAAW,GAAE;AAAA,wBAChCF,GAAA,EAAK,SAAQ,cAAc,UAAAE,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAAA,GACnD;AAAA,IACA,gBAAAI,EAACR,KAAO,SAAQ,aAAY,SAASF,GAClC,UAAAM,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/Compensation/Actions.js

@@ -2,11 +2,12 @@ import { jsxs as A, jsx as i } from "react/jsx-runtime";
 import { useFormContext as l, useWatch as d } from "react-hook-form";
 import { useTranslation as T } from "react-i18next";
 import { useCompensation as O } from "./useCompensation.js";
+import "classnames";
 import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { FlsaStatus as a } from "../../../shared/constants.js";
 import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const B = () => {
-  const { isPending: s, mode: t, submitWithEffect: o, handleAdd: D, handleCancelAddJob: I, primaryFlsaStatus: r } = O(), { t: n } = T("Employee.Compensation"), { control: m } = l(), c = d({ control: m, name: "flsaStatus" }), e = C();
+const h = () => {
+  const { isPending: s, mode: t, submitWithEffect: o, handleAdd: D, handleCancelAddJob: m, primaryFlsaStatus: r } = O(), { t: n } = T("Employee.Compensation"), { control: I } = l(), c = d({ control: I, name: "flsaStatus" }), e = C();
   return /* @__PURE__ */ A(u, { children: [
     r === a.NONEXEMPT && t === "LIST" && /* @__PURE__ */ i(
       e.Button,
@@ -19,7 +20,7 @@ const B = () => {
         children: n("addAnotherJobCta")
       }
     ),
-    (r === a.NONEXEMPT && t === "ADD_ADDITIONAL_JOB" || t === "EDIT_ADDITIONAL_JOB") && /* @__PURE__ */ i(e.Button, { variant: "secondary", onClick: I, isDisabled: s, children: n("cancelNewJobCta") }),
+    (r === a.NONEXEMPT && t === "ADD_ADDITIONAL_JOB" || t === "EDIT_ADDITIONAL_JOB") && /* @__PURE__ */ i(e.Button, { variant: "secondary", onClick: m, isDisabled: s, children: n("cancelNewJobCta") }),
     /* @__PURE__ */ i(
       e.Button,
       {
@@ -33,6 +34,6 @@ const B = () => {
   ] });
 };
 export {
-  B as Actions
+  h as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Employee/Compensation/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Compensation/Actions.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useCompensation, type CompensationInputs } from './useCompensation'\nimport { ActionsLayout } from '@/components/Common'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { isPending, mode, submitWithEffect, handleAdd, handleCancelAddJob, primaryFlsaStatus } =\n    useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n  const { control } = useFormContext<CompensationInputs>()\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'LIST' && (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleAdd()\n          }}\n          isDisabled={isPending}\n        >\n          {t('addAnotherJobCta')}\n        </Components.Button>\n      )}\n      {((primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'ADD_ADDITIONAL_JOB') ||\n        mode === 'EDIT_ADDITIONAL_JOB') && (\n        <Components.Button variant=\"secondary\" onClick={handleCancelAddJob} isDisabled={isPending}>\n          {t('cancelNewJobCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        onClick={() => {\n          if (mode === 'LIST') {\n            submitWithEffect('PROCEED')\n          }\n\n          if (mode === 'ADD_ADDITIONAL_JOB' || mode === 'EDIT_ADDITIONAL_JOB') {\n            submitWithEffect('LIST')\n          }\n\n          if (mode === 'ADD_INITIAL_JOB' || mode === 'EDIT_INITIAL_JOB') {\n            if (watchedFlsaStatus === FlsaStatus.NONEXEMPT) {\n              submitWithEffect('LIST')\n            } else {\n              submitWithEffect('PROCEED')\n            }\n          }\n        }}\n        isLoading={isPending}\n      >\n        {mode === 'EDIT_ADDITIONAL_JOB' || mode === 'ADD_ADDITIONAL_JOB'\n          ? t('saveNewJobCta')\n          : t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","isPending","mode","submitWithEffect","handleAdd","handleCancelAddJob","primaryFlsaStatus","useCompensation","t","useTranslation","control","useFormContext","watchedFlsaStatus","useWatch","Components","useComponentContext","ActionsLayout","FlsaStatus","jsx"],"mappings":";;;;;;;AAOO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,oBAAAC,GAAoB,mBAAAC,EAAA,IACxEC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAoBC,EAAS,EAAE,SAAAH,GAAS,MAAM,cAAc,GAC5DI,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAV,MAAsBW,EAAW,aAAaf,MAAS,UACtD,gBAAAgB;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAV,EAAA;AAAA,QACF;AAAA,QACA,YAAYH;AAAA,QAEX,YAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,KAGtBK,MAAsBW,EAAW,aAAaf,MAAS,wBACxDA,MAAS,0BACT,gBAAAgB,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAST,GAAoB,YAAYJ,GAC7E,UAAAO,EAAE,iBAAiB,GACtB;AAAA,IAEF,gBAAAU;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAS,MAAM;AACb,UAAIZ,MAAS,UACXC,EAAiB,SAAS,IAGxBD,MAAS,wBAAwBA,MAAS,0BAC5CC,EAAiB,MAAM,IAGrBD,MAAS,qBAAqBA,MAAS,wBACrCU,MAAsBK,EAAW,YACnCd,EAAiB,MAAM,IAEvBA,EAAiB,SAAS;AAAA,QAGhC;AAAA,QACA,WAAWF;AAAA,QAEV,UACGO,EADHN,MAAS,yBAAyBA,MAAS,uBACtC,kBACA,WADe;AAAA,MACJ;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Compensation/Actions.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useCompensation, type CompensationInputs } from './useCompensation'\nimport { ActionsLayout } from '@/components/Common'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { isPending, mode, submitWithEffect, handleAdd, handleCancelAddJob, primaryFlsaStatus } =\n    useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n  const { control } = useFormContext<CompensationInputs>()\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'LIST' && (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleAdd()\n          }}\n          isDisabled={isPending}\n        >\n          {t('addAnotherJobCta')}\n        </Components.Button>\n      )}\n      {((primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'ADD_ADDITIONAL_JOB') ||\n        mode === 'EDIT_ADDITIONAL_JOB') && (\n        <Components.Button variant=\"secondary\" onClick={handleCancelAddJob} isDisabled={isPending}>\n          {t('cancelNewJobCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        onClick={() => {\n          if (mode === 'LIST') {\n            submitWithEffect('PROCEED')\n          }\n\n          if (mode === 'ADD_ADDITIONAL_JOB' || mode === 'EDIT_ADDITIONAL_JOB') {\n            submitWithEffect('LIST')\n          }\n\n          if (mode === 'ADD_INITIAL_JOB' || mode === 'EDIT_INITIAL_JOB') {\n            if (watchedFlsaStatus === FlsaStatus.NONEXEMPT) {\n              submitWithEffect('LIST')\n            } else {\n              submitWithEffect('PROCEED')\n            }\n          }\n        }}\n        isLoading={isPending}\n      >\n        {mode === 'EDIT_ADDITIONAL_JOB' || mode === 'ADD_ADDITIONAL_JOB'\n          ? t('saveNewJobCta')\n          : t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","isPending","mode","submitWithEffect","handleAdd","handleCancelAddJob","primaryFlsaStatus","useCompensation","t","useTranslation","control","useFormContext","watchedFlsaStatus","useWatch","Components","useComponentContext","ActionsLayout","FlsaStatus","jsx"],"mappings":";;;;;;;;AAOO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,oBAAAC,GAAoB,mBAAAC,EAAA,IACxEC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAoBC,EAAS,EAAE,SAAAH,GAAS,MAAM,cAAc,GAC5DI,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAV,MAAsBW,EAAW,aAAaf,MAAS,UACtD,gBAAAgB;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAV,EAAA;AAAA,QACF;AAAA,QACA,YAAYH;AAAA,QAEX,YAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,KAGtBK,MAAsBW,EAAW,aAAaf,MAAS,wBACxDA,MAAS,0BACT,gBAAAgB,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAST,GAAoB,YAAYJ,GAC7E,UAAAO,EAAE,iBAAiB,GACtB;AAAA,IAEF,gBAAAU;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAS,MAAM;AACb,UAAIZ,MAAS,UACXC,EAAiB,SAAS,IAGxBD,MAAS,wBAAwBA,MAAS,0BAC5CC,EAAiB,MAAM,IAGrBD,MAAS,qBAAqBA,MAAS,wBACrCU,MAAsBK,EAAW,YACnCd,EAAiB,MAAM,IAEvBA,EAAiB,SAAS;AAAA,QAGhC;AAAA,QACA,WAAWF;AAAA,QAEV,UACGO,EADHN,MAAS,yBAAyBA,MAAS,uBACtC,kBACA,WADe;AAAA,MACJ;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}