@gusto/embedded-react-sdk 0.11.3-rc.1 → 0.12.0

package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.js

@@ -0,0 +1,119 @@
+import { state as s, transition as o, reduce as r, guard as c } from "robot3";
+import { ContractorListContextual as u, AddressContextual as O, NewHireReportContextual as p, ProfileContextual as d, SubmitContextual as i, PaymentMethodContextual as R } from "./OnboardingFlowComponents.js";
+import { componentEvents as n } from "../../../shared/constants.js";
+const a = (t) => (e) => ({
+  ...e,
+  ...t
+}), T = {
+  list: s(
+    o(
+      n.CONTRACTOR_CREATE,
+      "profile",
+      r(
+        a({
+          component: d,
+          currentStep: 1,
+          showProgress: !0,
+          contractorId: void 0,
+          successMessage: void 0
+        })
+      )
+    ),
+    o(
+      n.CONTRACTOR_UPDATE,
+      "profile",
+      r(
+        (t, e) => ({
+          ...t,
+          component: d,
+          currentStep: 1,
+          showProgress: !0,
+          contractorId: e.payload.contractorId,
+          successMessage: void 0
+        })
+      )
+    )
+  ),
+  profile: s(
+    o(
+      n.CONTRACTOR_PROFILE_DONE,
+      "address",
+      r(
+        (t, e) => ({
+          ...t,
+          component: O,
+          currentStep: 2,
+          contractorId: e.payload.contractorId,
+          selfOnboarding: e.payload.selfOnboarding
+        })
+      ),
+      c((t, e) => !e.payload.selfOnboarding)
+      // Only allow transition to address if not self-onboarding
+    ),
+    o(
+      n.CONTRACTOR_PROFILE_DONE,
+      "newHireReport",
+      r(
+        (t, e) => ({
+          ...t,
+          component: p,
+          currentStep: 2,
+          totalSteps: 3
+        })
+      ),
+      c((t, e) => e.payload.selfOnboarding)
+      // Only allow transition to new hire report if self-onboarding
+    )
+  ),
+  address: s(
+    o(
+      n.CONTRACTOR_ADDRESS_DONE,
+      "paymentMethod",
+      r(a({ component: R, currentStep: 3 }))
+    )
+  ),
+  paymentMethod: s(
+    o(
+      n.CONTRACTOR_PAYMENT_METHOD_DONE,
+      "newHireReport",
+      r(
+        a({
+          component: p,
+          currentStep: 4
+        })
+      )
+    )
+  ),
+  newHireReport: s(
+    o(
+      n.CONTRACTOR_NEW_HIRE_REPORT_DONE,
+      "submit",
+      r(
+        a({
+          component: i,
+          currentStep: 5
+        })
+      )
+    )
+  ),
+  submit: s(
+    o(
+      n.CONTRACTOR_SUBMIT_DONE,
+      "list",
+      r(
+        (t, e) => ({
+          ...t,
+          component: u,
+          currentStep: 0,
+          showProgress: !1,
+          successMessage: e.payload.message
+        })
+      )
+    )
+  ),
+  final: s()
+};
+export {
+  T as onboardingMachine
+};
+//# sourceMappingURL=onboardingStateMachine.js.map

package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Contractor/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  AddressContextual,\n  ContractorListContextual,\n  NewHireReportContextual,\n  PaymentMethodContextual,\n  ProfileContextual,\n  SubmitContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_UPDATE]: {\n    contractorId: string\n  }\n  [componentEvents.CONTRACTOR_PROFILE_DONE]: { contractorId: string; selfOnboarding: boolean }\n  [componentEvents.CONTRACTOR_SUBMIT_DONE]: { message?: string }\n}\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\nexport const onboardingMachine = {\n  list: state(\n    transition(\n      componentEvents.CONTRACTOR_CREATE,\n      'profile',\n      reduce(\n        createReducer({\n          component: ProfileContextual,\n          currentStep: 1,\n          showProgress: true,\n          contractorId: undefined,\n          successMessage: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_UPDATE,\n      'profile',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_UPDATE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            currentStep: 1,\n            showProgress: true,\n            contractorId: ev.payload.contractorId,\n            successMessage: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  profile: state(\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'address',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: AddressContextual,\n            currentStep: 2,\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n          }\n        },\n      ),\n      guard((ctx, ev) => !ev.payload.selfOnboarding), // Only allow transition to address if not self-onboarding\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'newHireReport',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: NewHireReportContextual,\n            currentStep: 2,\n            totalSteps: 3,\n          }\n        },\n      ),\n      guard((ctx, ev) => ev.payload.selfOnboarding), // Only allow transition to new hire report if self-onboarding\n    ),\n  ),\n  address: state(\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual, currentStep: 3 })),\n    ),\n  ),\n  paymentMethod: state(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'newHireReport',\n      reduce(\n        createReducer({\n          component: NewHireReportContextual,\n          currentStep: 4,\n        }),\n      ),\n    ),\n  ),\n  newHireReport: state(\n    transition(\n      componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE,\n      'submit',\n      reduce(\n        createReducer({\n          component: SubmitContextual,\n          currentStep: 5,\n        }),\n      ),\n    ),\n  ),\n  submit: state(\n    transition(\n      componentEvents.CONTRACTOR_SUBMIT_DONE,\n      'list',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ContractorListContextual,\n            currentStep: 0,\n            showProgress: false,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n    ),\n  ),\n  final: state(),\n}\n"],"names":["createReducer","props","ctx","onboardingMachine","state","transition","componentEvents","reduce","ProfileContextual","ev","AddressContextual","guard","NewHireReportContextual","PaymentMethodContextual","SubmitContextual","ContractorListContextual"],"mappings":";;;AAqBA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAyE;AAAA,EAC/E,GAAGA;AAAA,EACH,GAAGD;AAAA,IAGME,IAAoB;AAAA,EAC/B,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWQ;AAAA,UACX,aAAa;AAAA,UACb,cAAc;AAAA,UACd,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,WAAWM;AAAA,UACX,aAAa;AAAA,UACb,cAAc;AAAA,UACd,cAAcC,EAAG,QAAQ;AAAA,UACzB,gBAAgB;AAAA,QAAA;AAAA,MAEpB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,SAASL;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,WAAWQ;AAAA,UACX,aAAa;AAAA,UACb,cAAcD,EAAG,QAAQ;AAAA,UACzB,gBAAgBA,EAAG,QAAQ;AAAA,QAAA;AAAA,MAE/B;AAAA,MAEFE,EAAM,CAACT,GAAKO,MAAO,CAACA,EAAG,QAAQ,cAAc;AAAA;AAAA,IAAA;AAAA,IAE/CJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,WAAWU;AAAA,UACX,aAAa;AAAA,UACb,YAAY;AAAA,QAAA;AAAA,MAEhB;AAAA,MAEFD,EAAM,CAACT,GAAKO,MAAOA,EAAG,QAAQ,cAAc;AAAA;AAAA,IAAA;AAAA,EAC9C;AAAA,EAEF,SAASL;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWa,GAAyB,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EAC9E;AAAA,EAEF,eAAeT;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWY;AAAA,UACX,aAAa;AAAA,QAAA,CACd;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,eAAeR;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWc;AAAA,UACX,aAAa;AAAA,QAAA,CACd;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,QAAQV;AAAA,IACNC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,WAAWa;AAAA,UACX,aAAa;AAAA,UACb,cAAc;AAAA,UACd,gBAAgBN,EAAG,QAAQ;AAAA,QAAA;AAAA,MAE/B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOL,EAAA;AACT;"}

package/dist/components/Contractor/PaymentMethod/BankAccountForm.js

@@ -1,12 +1,11 @@
-import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, Fragment as o, jsx as r } from "react/jsx-runtime";
 import { useTranslation as t } from "react-i18next";
 import "classnames";
-import "../../../shared/constants.js";
-import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { TextInputField as a } from "../../Common/Fields/TextInputField/TextInputField.js";
-function d({ bankAccount: u }) {
+import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+function p({ bankAccount: u }) {
   const { t: e } = t("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
-  return /* @__PURE__ */ o(n, { children: [
+  return /* @__PURE__ */ n(o, { children: [
     /* @__PURE__ */ r(
       a,
       {
@@ -50,6 +49,6 @@ function d({ bankAccount: u }) {
   ] });
 }
 export {
-  d as BankAccountForm
+  p as BankAccountForm
 };
 //# sourceMappingURL=BankAccountForm.js.map

package/dist/components/Contractor/PaymentMethod/BankAccountForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -1,24 +1,38 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useContractorProfile as m } from "./useContractorProfile.js";
-import { ContractorType as h, WageType as D } from "./useContractorProfile.js";
-import { ContractorProfileForm as f } from "./ContractorProfileForm.js";
-import { BaseComponent as a } from "../../Base/Base.js";
-import { useComponentDictionary as c } from "../../../i18n/I18n.js";
-function s(o) {
-  return c("Contractor.Profile", o.dictionary), /* @__PURE__ */ r(a, { ...o, children: /* @__PURE__ */ r(p, { ...o }) });
+import { jsx as t } from "react/jsx-runtime";
+import { useContractorsGetSuspense as m } from "@gusto/embedded-api/react-query/contractorsGet";
+import { useContractorProfile as f } from "./useContractorProfile.js";
+import { ContractorType as T, WageType as W } from "./useContractorProfile.js";
+import { ContractorProfileForm as d } from "./ContractorProfileForm.js";
+import { BaseComponent as u } from "../../Base/Base.js";
+import { useComponentDictionary as C } from "../../../i18n/I18n.js";
+function g(o) {
+  return C("Contractor.Profile", o.dictionary), /* @__PURE__ */ t(u, { ...o, children: o.contractorId ? /* @__PURE__ */ t(l, { ...o, contractorId: o.contractorId, children: o.children }) : /* @__PURE__ */ t(n, { ...o, children: o.children }) });
 }
-function p({ companyId: o, contractorId: t, defaultValues: n, className: e }) {
-  const i = m({
+function l(o) {
+  const {
+    data: { contractor: r }
+  } = m({ contractorUuid: o.contractorId });
+  return /* @__PURE__ */ t(n, { ...o, existingContractor: r });
+}
+function n({
+  companyId: o,
+  contractorId: r,
+  defaultValues: c,
+  existingContractor: e,
+  className: i
+}) {
+  const a = f({
     companyId: o,
-    contractorId: t,
-    defaultValues: n
+    contractorId: r,
+    defaultValues: c,
+    existingContractor: e
   });
-  return /* @__PURE__ */ r(f, { ...i, className: e });
+  return /* @__PURE__ */ t(d, { ...a, className: i });
 }
 export {
-  s as ContractorProfile,
-  f as ContractorProfileForm,
-  h as ContractorType,
-  D as WageType
+  g as ContractorProfile,
+  d as ContractorProfileForm,
+  T as ContractorType,
+  W as WageType
 };
 //# sourceMappingURL=ContractorProfile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfile.tsx"],"sourcesContent":["import {\n  useContractorProfile,\n  ContractorType,\n  WageType,\n  type UseContractorProfileProps,\n} from './useContractorProfile'\nimport { ContractorProfileForm } from './ContractorProfileForm'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface ContractorProfileProps extends CommonComponentInterface<'Contractor.Profile'> {\n  companyId: string\n  contractorId?: string\n  defaultValues?: UseContractorProfileProps['defaultValues']\n}\n\n// Container component - calls hook and passes data to presentation component\nexport function ContractorProfile(props: ContractorProfileProps & BaseComponentInterface) {\n  useComponentDictionary('Contractor.Profile', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, contractorId, defaultValues, className }: ContractorProfileProps) {\n  const hookData = useContractorProfile({\n    companyId,\n    contractorId,\n    defaultValues,\n  })\n\n  return <ContractorProfileForm {...hookData} className={className} />\n}\n\n// Re-export types and enums for convenience\nexport { ContractorType, WageType }\nexport type { UseContractorProfileProps as ContractorProfileFormData }\n\n// Re-export the form component for convenience\nexport { ContractorProfileForm } from './ContractorProfileForm'\n"],"names":["ContractorProfile","props","useComponentDictionary","jsx","BaseComponent","Root","companyId","contractorId","defaultValues","className","hookData","useContractorProfile","ContractorProfileForm"],"mappings":";;;;;;AAkBO,SAASA,EAAkBC,GAAwD;AACxF,SAAAC,EAAuB,sBAAsBD,EAAM,UAAU,GAE3D,gBAAAE,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,WAAAC,GAAW,cAAAC,GAAc,eAAAC,GAAe,WAAAC,KAAqC;AAC3F,QAAMC,IAAWC,EAAqB;AAAA,IACpC,WAAAL;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,CACD;AAED,SAAO,gBAAAL,EAACS,GAAA,EAAuB,GAAGF,GAAU,WAAAD,EAAA,CAAsB;AACpE;"}
+{"version":3,"file":"ContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/ContractorProfile.tsx"],"sourcesContent":["import { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport {\n  useContractorProfile,\n  ContractorType,\n  WageType,\n  type UseContractorProfileProps,\n} from './useContractorProfile'\nimport { ContractorProfileForm } from './ContractorProfileForm'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport type { WithRequired } from '@/types/Helpers'\n\ninterface ContractorProfileProps extends CommonComponentInterface<'Contractor.Profile'> {\n  companyId: string\n  contractorId?: string\n  defaultValues?: UseContractorProfileProps['defaultValues']\n}\n\ninterface ContractorProfileConditionalProps {\n  existingContractor?: Contractor\n}\n\n// Container component - calls hook and passes data to presentation component\nexport function ContractorProfile(props: ContractorProfileProps & BaseComponentInterface) {\n  useComponentDictionary('Contractor.Profile', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      {props.contractorId ? (\n        <RootWithContractor {...props} contractorId={props.contractorId}>\n          {props.children}\n        </RootWithContractor>\n      ) : (\n        <Root {...props}>{props.children}</Root>\n      )}\n    </BaseComponent>\n  )\n}\n\n/**Accounting for conditional logic where contractor data needs to be fetched only if contractorId is present */\nfunction RootWithContractor(props: WithRequired<ContractorProfileProps, 'contractorId'>) {\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: props.contractorId })\n  return <Root {...props} existingContractor={contractor} />\n}\n\nfunction Root({\n  companyId,\n  contractorId,\n  defaultValues,\n  existingContractor,\n  className,\n}: ContractorProfileProps & ContractorProfileConditionalProps) {\n  const hookData = useContractorProfile({\n    companyId,\n    contractorId,\n    defaultValues,\n    existingContractor,\n  })\n  return <ContractorProfileForm {...hookData} className={className} />\n}\n\n// Re-export types and enums for convenience\nexport { ContractorType, WageType }\nexport type { UseContractorProfileProps as ContractorProfileFormData }\n\n// Re-export the form component for convenience\nexport { ContractorProfileForm } from './ContractorProfileForm'\n"],"names":["ContractorProfile","props","useComponentDictionary","jsx","BaseComponent","RootWithContractor","Root","contractor","useContractorsGetSuspense","companyId","contractorId","defaultValues","existingContractor","className","hookData","useContractorProfile","ContractorProfileForm"],"mappings":";;;;;;;AAyBO,SAASA,EAAkBC,GAAwD;AACxF,SAAAC,EAAuB,sBAAsBD,EAAM,UAAU,GAE3D,gBAAAE,EAACC,KAAe,GAAGH,GAChB,YAAM,eACL,gBAAAE,EAACE,GAAA,EAAoB,GAAGJ,GAAO,cAAcA,EAAM,cAChD,UAAAA,EAAM,UACT,IAEA,gBAAAE,EAACG,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CAErC;AAEJ;AAGA,SAASI,EAAmBJ,GAA6D;AACvF,QAAM;AAAA,IACJ,MAAM,EAAE,YAAAM,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgBP,EAAM,cAAc;AACpE,SAAO,gBAAAE,EAACG,GAAA,EAAM,GAAGL,GAAO,oBAAoBM,GAAY;AAC1D;AAEA,SAASD,EAAK;AAAA,EACZ,WAAAG;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AACF,GAA+D;AAC7D,QAAMC,IAAWC,EAAqB;AAAA,IACpC,WAAAN;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,CACD;AACD,SAAO,gBAAAT,EAACa,GAAA,EAAuB,GAAGF,GAAU,WAAAD,EAAA,CAAsB;AACpE;"}

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

@@ -2,4 +2,4 @@ import { useContractorProfile } from './useContractorProfile';
 export type ContractorProfileFormProps = ReturnType<typeof useContractorProfile> & {
     className?: string;
 };
-export declare function ContractorProfileForm({ formMethods, handleSubmit, formState, handleCancel, shouldShowEmailField, shouldShowBusinessFields, shouldShowIndividualFields, shouldShowHourlyRate, contractorTypeOptions, wageTypeOptions, isEditing, className, }: ContractorProfileFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContractorProfileForm({ formMethods, handleSubmit, formState, shouldShowEmailField, shouldShowBusinessFields, shouldShowIndividualFields, shouldShowHourlyRate, contractorTypeOptions, wageTypeOptions, isEditing, className, }: ContractorProfileFormProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,44 +1,43 @@
 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 { useTranslation as y } from "react-i18next";
+import { useComponentContext as q } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as F } from "../../../i18n/I18n.js";
+import { Form as N } 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 { Flex as T } from "../../Common/Flex/Flex.js";
+import { normalizeSSN as x } from "../../../helpers/ssn.js";
+import { normalizeEin as v } from "../../../helpers/federalEin.js";
+import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.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({
+import { NumberInputField as D } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { SwitchField as I } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { DatePickerField as P } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+function Q({
   formMethods: d,
   handleSubmit: u,
   formState: n,
-  handleCancel: c,
   shouldShowEmailField: p,
   shouldShowBusinessFields: f,
-  shouldShowIndividualFields: b,
-  shouldShowHourlyRate: h,
-  contractorTypeOptions: C,
+  shouldShowIndividualFields: c,
+  shouldShowHourlyRate: b,
+  contractorTypeOptions: h,
   wageTypeOptions: g,
   isEditing: o,
-  className: y
+  className: C
 }) {
-  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: [
+  const t = q();
+  F("Contractor.Profile");
+  const { t: e } = y("Contractor.Profile");
+  return /* @__PURE__ */ i("section", { className: C, children: /* @__PURE__ */ i(R, { ...d, children: /* @__PURE__ */ r(N, { 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") })
+        /* @__PURE__ */ i(t.Heading, { as: "h2", children: e("title") }),
+        /* @__PURE__ */ i(t.Text, { children: e("subtitle") })
       ] }),
-      /* @__PURE__ */ i(l.Card, { children: /* @__PURE__ */ r(a, { gap: 16, children: [
+      /* @__PURE__ */ i(t.Card, { children: /* @__PURE__ */ r(a, { gap: 16, children: [
         /* @__PURE__ */ i(
-          D,
+          I,
           {
             name: "inviteContractor",
             label: e("fields.inviteContractor.label"),
@@ -46,7 +45,7 @@ function U({
           }
         ),
         p && /* @__PURE__ */ i(
-          t,
+          l,
           {
             name: "email",
             label: e("fields.email.label"),
@@ -61,29 +60,29 @@ function U({
           name: "contractorType",
           isRequired: !0,
           label: e("fields.contractorType.label"),
-          options: C
+          options: h
         }
       ),
-      b && /* @__PURE__ */ r(s, { children: [
+      c && /* @__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") })
+          /* @__PURE__ */ i(l, { name: "firstName", label: e("fields.firstName.label"), isRequired: !0 }),
+          /* @__PURE__ */ i(l, { name: "middleInitial", label: e("fields.middleInitial.label") })
         ] }),
-        /* @__PURE__ */ i(t, { name: "lastName", label: e("fields.lastName.label"), isRequired: !0 }),
+        /* @__PURE__ */ i(l, { name: "lastName", label: e("fields.lastName.label"), isRequired: !0 }),
         /* @__PURE__ */ i(
-          t,
+          l,
           {
             name: "ssn",
             label: e("fields.ssn.label"),
             placeholder: e("fields.ssn.placeholder"),
-            transform: P,
+            transform: x,
             isRequired: !0
           }
         )
       ] }),
       f && /* @__PURE__ */ r(s, { children: [
         /* @__PURE__ */ i(
-          t,
+          l,
           {
             name: "businessName",
             label: e("fields.businessName.label"),
@@ -91,12 +90,12 @@ function U({
           }
         ),
         /* @__PURE__ */ i(
-          t,
+          l,
           {
             name: "ein",
             label: e("fields.ein.label"),
             placeholder: e("fields.ein.placeholder"),
-            transform: S,
+            transform: v,
             isRequired: !0
           }
         )
@@ -110,8 +109,8 @@ function U({
           options: g
         }
       ),
-      h && /* @__PURE__ */ i(
-        v,
+      b && /* @__PURE__ */ i(
+        D,
         {
           name: "hourlyRate",
           label: e("fields.hourlyRate.label"),
@@ -121,7 +120,7 @@ function U({
         }
       ),
       /* @__PURE__ */ i(
-        I,
+        P,
         {
           name: "startDate",
           label: e("fields.startDate.label"),
@@ -130,13 +129,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__ */ i(T, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(t.Button, { type: "submit", variant: "primary", isDisabled: n.isSubmitting, children: n.isSubmitting ? e(o ? "buttons.updating" : "buttons.creating") : e(o ? "buttons.update" : "buttons.create") }) })
   ] }) }) });
 }
 export {
-  U as ContractorProfileForm
+  Q 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":"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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 { 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  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=\"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","Components","useComponentContext","useI18n","t","useTranslation","jsx","FormProvider","jsxs","Form","Grid","SwitchField","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";
@@ -22,7 +23,7 @@ declare const ContractorProfileSchema: z.ZodObject<{
     hourlyRate: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     inviteContractor: boolean;
-    contractorType: "Individual" | "Business";
+    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;
@@ -63,7 +64,7 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     hourlyRate: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     inviteContractor: boolean;
-    contractorType: "Individual" | "Business";
+    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;
@@ -89,7 +90,7 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     middleInitial?: string | undefined;
 }>, {
     inviteContractor: boolean;
-    contractorType: "Individual" | "Business";
+    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;
@@ -118,11 +119,12 @@ 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";
+        contractorType: "Business" | "Individual";
         startDate: Date;
         wageType: "Hourly" | "Fixed";
         email?: string | undefined;
@@ -135,7 +137,7 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
         middleInitial?: string | undefined;
     }, any, {
         inviteContractor: boolean;
-        contractorType: "Individual" | "Business";
+        contractorType: "Business" | "Individual";
         startDate: Date;
         wageType: "Hourly" | "Fixed";
         email?: string | undefined;
@@ -160,7 +162,7 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
         submitCount: number;
         defaultValues?: Readonly<{
             inviteContractor?: boolean | undefined;
-            contractorType?: "Individual" | "Business" | undefined;
+            contractorType?: "Business" | "Individual" | undefined;
             startDate?: Date | undefined;
             wageType?: "Hourly" | "Fixed" | undefined;
             email?: string | undefined;
@@ -216,7 +218,7 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
         }>>;
         errors: import('react-hook-form').FieldErrors<{
             inviteContractor: boolean;
-            contractorType: "Individual" | "Business";
+            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;