@gusto/embedded-react-sdk 0.10.7-rc.2 → 0.11.0

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

@@ -0,0 +1,140 @@
+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 F } from "react-i18next";
+import { useComponentContext as N } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as T } from "../../../i18n/I18n.js";
+import { Form as q } from "../../Common/Form/Form.js";
+import { Grid as a } from "../../Common/Grid/Grid.js";
+import { Flex as x } from "../../Common/Flex/Flex.js";
+import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { NumberInputField as v } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { RadioGroupField as m } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { SwitchField as D } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { DatePickerField as I } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+import { normalizeSSN as P } from "../../../helpers/ssn.js";
+import { normalizeEin as S } from "../../../helpers/federalEin.js";
+function U({
+  formMethods: d,
+  handleSubmit: u,
+  formState: n,
+  handleCancel: c,
+  shouldShowEmailField: p,
+  shouldShowBusinessFields: f,
+  shouldShowIndividualFields: b,
+  shouldShowHourlyRate: h,
+  contractorTypeOptions: C,
+  wageTypeOptions: g,
+  isEditing: o,
+  className: y
+}) {
+  const l = N();
+  T("Contractor.Profile");
+  const { t: e } = F("Contractor.Profile");
+  return /* @__PURE__ */ i("section", { className: y, children: /* @__PURE__ */ i(R, { ...d, children: /* @__PURE__ */ r(q, { 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(l.Card, { children: /* @__PURE__ */ r(a, { gap: 16, children: [
+        /* @__PURE__ */ i(
+          D,
+          {
+            name: "inviteContractor",
+            label: e("fields.inviteContractor.label"),
+            description: e("fields.inviteContractor.description")
+          }
+        ),
+        p && /* @__PURE__ */ i(
+          t,
+          {
+            name: "email",
+            label: e("fields.email.label"),
+            isRequired: !0,
+            type: "email"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ i(
+        m,
+        {
+          name: "contractorType",
+          label: e("fields.contractorType.label"),
+          options: C
+        }
+      ),
+      b && /* @__PURE__ */ r(s, { children: [
+        /* @__PURE__ */ r(a, { gridTemplateColumns: { base: "1fr", medium: "1fr 1fr" }, gap: 16, children: [
+          /* @__PURE__ */ i(t, { name: "firstName", label: e("fields.firstName.label"), isRequired: !0 }),
+          /* @__PURE__ */ i(t, { name: "middleInitial", label: e("fields.middleInitial.label") })
+        ] }),
+        /* @__PURE__ */ i(t, { name: "lastName", label: e("fields.lastName.label"), isRequired: !0 }),
+        /* @__PURE__ */ i(
+          t,
+          {
+            name: "ssn",
+            label: e("fields.ssn.label"),
+            placeholder: e("fields.ssn.placeholder"),
+            transform: P,
+            isRequired: !0
+          }
+        )
+      ] }),
+      f && /* @__PURE__ */ r(s, { children: [
+        /* @__PURE__ */ i(
+          t,
+          {
+            name: "businessName",
+            label: e("fields.businessName.label"),
+            isRequired: !0
+          }
+        ),
+        /* @__PURE__ */ i(
+          t,
+          {
+            name: "ein",
+            label: e("fields.ein.label"),
+            placeholder: e("fields.ein.placeholder"),
+            transform: S,
+            isRequired: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i(
+        m,
+        {
+          name: "wageType",
+          label: e("fields.wageType.label"),
+          options: g
+        }
+      ),
+      h && /* @__PURE__ */ i(
+        v,
+        {
+          name: "hourlyRate",
+          label: e("fields.hourlyRate.label"),
+          min: 0,
+          isRequired: !0,
+          format: "currency"
+        }
+      ),
+      /* @__PURE__ */ i(
+        I,
+        {
+          name: "startDate",
+          label: e("fields.startDate.label"),
+          description: e("fields.startDate.description"),
+          isRequired: !0
+        }
+      )
+    ] }),
+    /* @__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") })
+    ] })
+  ] }) }) });
+}
+export {
+  U as ContractorProfileForm
+};
+//# sourceMappingURL=ContractorProfileForm.js.map

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

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

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { ContractorProfile } from './ContractorProfile';
+export { ContractorProfileForm } from './ContractorProfileForm';

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

@@ -0,0 +1,254 @@
+import { z } from 'zod';
+export declare const WageType: {
+    readonly Fixed: "Fixed";
+    readonly Hourly: "Hourly";
+};
+export declare const ContractorType: {
+    readonly Individual: "Individual";
+    readonly Business: "Business";
+};
+declare const ContractorProfileSchema: z.ZodObject<{
+    inviteContractor: z.ZodDefault<z.ZodBoolean>;
+    email: z.ZodOptional<z.ZodString>;
+    contractorType: z.ZodEnum<["Individual", "Business"]>;
+    wageType: z.ZodEnum<["Hourly", "Fixed"]>;
+    startDate: z.ZodDate;
+    firstName: z.ZodOptional<z.ZodString>;
+    middleInitial: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodOptional<z.ZodString>;
+    ssn: z.ZodOptional<z.ZodString>;
+    businessName: z.ZodOptional<z.ZodString>;
+    ein: z.ZodOptional<z.ZodString>;
+    hourlyRate: z.ZodOptional<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    inviteContractor: boolean;
+    contractorType: "Individual" | "Business";
+    startDate: Date;
+    wageType: "Hourly" | "Fixed";
+    email?: string | undefined;
+    ssn?: string | undefined;
+    ein?: string | undefined;
+    firstName?: string | undefined;
+    lastName?: string | undefined;
+    businessName?: string | undefined;
+    hourlyRate?: number | undefined;
+    middleInitial?: string | undefined;
+}, {
+    contractorType: "Individual" | "Business";
+    startDate: Date;
+    wageType: "Hourly" | "Fixed";
+    email?: string | undefined;
+    ssn?: string | undefined;
+    ein?: string | undefined;
+    firstName?: string | undefined;
+    lastName?: string | undefined;
+    businessName?: string | undefined;
+    hourlyRate?: number | undefined;
+    inviteContractor?: boolean | undefined;
+    middleInitial?: string | undefined;
+}>;
+export type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>;
+export declare const createContractorProfileValidationSchema: (t: (key: string) => string) => z.ZodEffects<z.ZodObject<{
+    inviteContractor: z.ZodDefault<z.ZodBoolean>;
+    email: z.ZodOptional<z.ZodString>;
+    contractorType: z.ZodEnum<["Individual", "Business"]>;
+    wageType: z.ZodEnum<["Hourly", "Fixed"]>;
+    startDate: z.ZodDate;
+    firstName: z.ZodOptional<z.ZodString>;
+    middleInitial: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodOptional<z.ZodString>;
+    ssn: z.ZodOptional<z.ZodString>;
+    businessName: z.ZodOptional<z.ZodString>;
+    ein: z.ZodOptional<z.ZodString>;
+    hourlyRate: z.ZodOptional<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    inviteContractor: boolean;
+    contractorType: "Individual" | "Business";
+    startDate: Date;
+    wageType: "Hourly" | "Fixed";
+    email?: string | undefined;
+    ssn?: string | undefined;
+    ein?: string | undefined;
+    firstName?: string | undefined;
+    lastName?: string | undefined;
+    businessName?: string | undefined;
+    hourlyRate?: number | undefined;
+    middleInitial?: string | undefined;
+}, {
+    contractorType: "Individual" | "Business";
+    startDate: Date;
+    wageType: "Hourly" | "Fixed";
+    email?: string | undefined;
+    ssn?: string | undefined;
+    ein?: string | undefined;
+    firstName?: string | undefined;
+    lastName?: string | undefined;
+    businessName?: string | undefined;
+    hourlyRate?: number | undefined;
+    inviteContractor?: boolean | undefined;
+    middleInitial?: string | undefined;
+}>, {
+    inviteContractor: boolean;
+    contractorType: "Individual" | "Business";
+    startDate: Date;
+    wageType: "Hourly" | "Fixed";
+    email?: string | undefined;
+    ssn?: string | undefined;
+    ein?: string | undefined;
+    firstName?: string | undefined;
+    lastName?: string | undefined;
+    businessName?: string | undefined;
+    hourlyRate?: number | undefined;
+    middleInitial?: string | undefined;
+}, {
+    contractorType: "Individual" | "Business";
+    startDate: Date;
+    wageType: "Hourly" | "Fixed";
+    email?: string | undefined;
+    ssn?: string | undefined;
+    ein?: string | undefined;
+    firstName?: string | undefined;
+    lastName?: string | undefined;
+    businessName?: string | undefined;
+    hourlyRate?: number | undefined;
+    inviteContractor?: boolean | undefined;
+    middleInitial?: string | undefined;
+}>;
+export interface UseContractorProfileProps {
+    companyId: string;
+    contractorId?: string;
+    defaultValues?: Partial<ContractorProfileFormData>;
+}
+export declare function useContractorProfile({ companyId, contractorId, defaultValues, }: UseContractorProfileProps): {
+    formMethods: import('react-hook-form').UseFormReturn<{
+        inviteContractor: boolean;
+        contractorType: "Individual" | "Business";
+        startDate: Date;
+        wageType: "Hourly" | "Fixed";
+        email?: string | undefined;
+        ssn?: string | undefined;
+        ein?: string | undefined;
+        firstName?: string | undefined;
+        lastName?: string | undefined;
+        businessName?: string | undefined;
+        hourlyRate?: number | undefined;
+        middleInitial?: string | undefined;
+    }, any, {
+        inviteContractor: boolean;
+        contractorType: "Individual" | "Business";
+        startDate: Date;
+        wageType: "Hourly" | "Fixed";
+        email?: string | undefined;
+        ssn?: string | undefined;
+        ein?: string | undefined;
+        firstName?: string | undefined;
+        lastName?: string | undefined;
+        businessName?: string | undefined;
+        hourlyRate?: number | undefined;
+        middleInitial?: string | undefined;
+    }>;
+    handleSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
+    formState: {
+        isSubmitting: boolean;
+        isDirty: boolean;
+        isLoading: boolean;
+        isSubmitted: boolean;
+        isSubmitSuccessful: boolean;
+        isValidating: boolean;
+        isValid: boolean;
+        disabled: boolean;
+        submitCount: number;
+        defaultValues?: Readonly<{
+            inviteContractor?: boolean | undefined;
+            contractorType?: "Individual" | "Business" | undefined;
+            startDate?: Date | undefined;
+            wageType?: "Hourly" | "Fixed" | undefined;
+            email?: string | undefined;
+            ssn?: string | undefined;
+            ein?: string | undefined;
+            firstName?: string | undefined;
+            lastName?: string | undefined;
+            businessName?: string | undefined;
+            hourlyRate?: number | undefined;
+            middleInitial?: string | undefined;
+        }> | undefined;
+        dirtyFields: Partial<Readonly<{
+            inviteContractor?: boolean | undefined;
+            contractorType?: boolean | undefined;
+            startDate?: boolean | undefined;
+            wageType?: boolean | undefined;
+            email?: boolean | undefined;
+            ssn?: boolean | undefined;
+            ein?: boolean | undefined;
+            firstName?: boolean | undefined;
+            lastName?: boolean | undefined;
+            businessName?: boolean | undefined;
+            hourlyRate?: boolean | undefined;
+            middleInitial?: boolean | undefined;
+        }>>;
+        touchedFields: Partial<Readonly<{
+            inviteContractor?: boolean | undefined;
+            contractorType?: boolean | undefined;
+            startDate?: boolean | undefined;
+            wageType?: boolean | undefined;
+            email?: boolean | undefined;
+            ssn?: boolean | undefined;
+            ein?: boolean | undefined;
+            firstName?: boolean | undefined;
+            lastName?: boolean | undefined;
+            businessName?: boolean | undefined;
+            hourlyRate?: boolean | undefined;
+            middleInitial?: boolean | undefined;
+        }>>;
+        validatingFields: Partial<Readonly<{
+            inviteContractor?: boolean | undefined;
+            contractorType?: boolean | undefined;
+            startDate?: boolean | undefined;
+            wageType?: boolean | undefined;
+            email?: boolean | undefined;
+            ssn?: boolean | undefined;
+            ein?: boolean | undefined;
+            firstName?: boolean | undefined;
+            lastName?: boolean | undefined;
+            businessName?: boolean | undefined;
+            hourlyRate?: boolean | undefined;
+            middleInitial?: boolean | undefined;
+        }>>;
+        errors: import('react-hook-form').FieldErrors<{
+            inviteContractor: boolean;
+            contractorType: "Individual" | "Business";
+            startDate: Date;
+            wageType: "Hourly" | "Fixed";
+            email?: string | undefined;
+            ssn?: string | undefined;
+            ein?: string | undefined;
+            firstName?: string | undefined;
+            lastName?: string | undefined;
+            businessName?: string | undefined;
+            hourlyRate?: number | undefined;
+            middleInitial?: string | undefined;
+        }>;
+        isReady: boolean;
+    };
+    handleCancel: () => void;
+    shouldShowEmailField: boolean;
+    shouldShowBusinessFields: boolean;
+    shouldShowIndividualFields: boolean;
+    shouldShowHourlyRate: boolean;
+    contractorTypeOptions: ({
+        label: string;
+        value: "Individual";
+    } | {
+        label: string;
+        value: "Business";
+    })[];
+    wageTypeOptions: ({
+        label: string;
+        value: "Hourly";
+    } | {
+        label: string;
+        value: "Fixed";
+    })[];
+    isEditing: boolean;
+};
+export {};

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

@@ -0,0 +1,223 @@
+import { useMemo as z } from "react";
+import { useTranslation as x } from "react-i18next";
+import { zodResolver as G } from "@hookform/resolvers/zod";
+import { useForm as $, useWatch as y } from "react-hook-form";
+import { z as o } from "zod";
+import { useContractorsCreateMutation as L } from "@gusto/embedded-api/react-query/contractorsCreate";
+import { useContractorsUpdateMutation as Q } from "@gusto/embedded-api/react-query/contractorsUpdate";
+import { useContractorsGet as V } from "@gusto/embedded-api/react-query/contractorsGet";
+import { WageType as X, ContractorType as j } from "@gusto/embedded-api/models/components/contractor";
+import "react/jsx-runtime";
+import "react-error-boundary";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@tanstack/react-query";
+import { useBase as k } from "../../Base/useBase.js";
+import { componentEvents as p } from "../../../shared/constants.js";
+import "classnames";
+import { removeNonDigits as J } from "../../../helpers/formattedStrings.js";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as K } from "../../../i18n/I18n.js";
+import { SSN_REGEX as Y, NAME_REGEX as C } from "../../../helpers/validations.js";
+import { formatDateToStringDate as ee } from "../../../helpers/dateFormatting.js";
+import { normalizeEin as oe } from "../../../helpers/federalEin.js";
+const r = X, a = j, te = o.object({
+  // Self-onboarding toggle
+  inviteContractor: o.boolean().default(!1),
+  email: o.string().email().optional(),
+  // Required contractor fields
+  contractorType: o.enum([a.Individual, a.Business]),
+  wageType: o.enum([r.Hourly, r.Fixed]),
+  startDate: o.date(),
+  // Individual contractor fields
+  firstName: o.string().min(1).regex(C).optional(),
+  middleInitial: o.string().optional(),
+  lastName: o.string().min(1).regex(C).optional(),
+  ssn: o.string().optional(),
+  // Business contractor fields
+  businessName: o.string().optional(),
+  ein: o.string().optional(),
+  // Wage fields
+  hourlyRate: o.number().min(0).optional()
+}), se = (n) => te.superRefine(
+  (t, i) => {
+    if (t.inviteContractor && !t.email && i.addIssue({
+      code: o.ZodIssueCode.custom,
+      path: ["email"],
+      message: n("validations.email")
+    }), t.contractorType === a.Individual)
+      if (t.firstName || i.addIssue({
+        code: o.ZodIssueCode.custom,
+        path: ["firstName"],
+        message: n("validations.firstName")
+      }), t.lastName || i.addIssue({
+        code: o.ZodIssueCode.custom,
+        path: ["lastName"],
+        message: n("validations.lastName")
+      }), !t.ssn)
+        i.addIssue({
+          code: o.ZodIssueCode.custom,
+          path: ["ssn"],
+          message: n("validations.ssn")
+        });
+      else {
+        const l = J(t.ssn);
+        Y.test(l) || i.addIssue({
+          code: o.ZodIssueCode.custom,
+          path: ["ssn"],
+          message: n("validations.ssnFormat")
+        });
+      }
+    if (t.contractorType === a.Business)
+      if (t.businessName || i.addIssue({
+        code: o.ZodIssueCode.custom,
+        path: ["businessName"],
+        message: n("validations.businessName")
+      }), !t.ein)
+        i.addIssue({
+          code: o.ZodIssueCode.custom,
+          path: ["ein"],
+          message: n("validations.ein")
+        });
+      else {
+        const l = oe(t.ein);
+        /^\d{2}-\d{7}$/.test(l) || i.addIssue({
+          code: o.ZodIssueCode.custom,
+          path: ["ein"],
+          message: n("validations.einFormat")
+        });
+      }
+    t.wageType === r.Hourly && (t.hourlyRate === void 0 || t.hourlyRate < 0) && i.addIssue({
+      code: o.ZodIssueCode.custom,
+      path: ["hourlyRate"],
+      message: n("validations.hourlyRate")
+    });
+  }
+);
+function Pe({
+  companyId: n,
+  contractorId: t,
+  defaultValues: i
+}) {
+  K("Contractor.Profile");
+  const { t: l } = x("Contractor.Profile"), { onEvent: c, baseSubmitHandler: T } = k(), h = se(l), { mutateAsync: N, isPending: I } = L(), { mutateAsync: w, isPending: R } = Q(), s = V(
+    { contractorUuid: t || "" },
+    { enabled: !!t }
+  ).data?.contractor, b = z(
+    () => ({
+      inviteContractor: !1,
+      contractorType: a.Business,
+      wageType: r.Fixed,
+      startDate: /* @__PURE__ */ new Date(),
+      ...i,
+      // Override with existing contractor data if available
+      ...s && {
+        contractorType: s.type || a.Business,
+        wageType: s.wageType || r.Fixed,
+        startDate: s.startDate ? new Date(s.startDate) : /* @__PURE__ */ new Date(),
+        firstName: s.firstName || void 0,
+        middleInitial: s.middleInitial || void 0,
+        lastName: s.lastName || void 0,
+        businessName: s.businessName || void 0,
+        ein: s.ein || void 0,
+        email: s.email || void 0,
+        hourlyRate: s.hourlyRate ? (() => {
+          const e = parseFloat(s.hourlyRate);
+          return isNaN(e) ? void 0 : e;
+        })() : void 0
+      }
+    }),
+    [s, i]
+  ), u = $({
+    resolver: G(h),
+    defaultValues: b
+  }), { handleSubmit: S, formState: D } = u, v = y({ control: u.control, name: "contractorType" }), E = y({ control: u.control, name: "wageType" }), P = y({
+    control: u.control,
+    name: "inviteContractor"
+  }), g = (e) => {
+    const m = {
+      type: e.contractorType,
+      wageType: e.wageType,
+      startDate: ee(e.startDate) || "",
+      selfOnboarding: e.inviteContractor,
+      email: e.inviteContractor ? e.email : void 0,
+      hourlyRate: e.wageType === r.Hourly ? String(e.hourlyRate) : void 0,
+      isActive: !0
+    };
+    return e.contractorType === a.Individual ? {
+      ...m,
+      firstName: e.firstName,
+      middleInitial: e.middleInitial || void 0,
+      lastName: e.lastName,
+      ssn: e.ssn,
+      fileNewHireReport: !1
+      // Default value
+    } : {
+      ...m,
+      businessName: e.businessName,
+      ein: e.ein
+    };
+  }, F = (e, m) => ({
+    ...g(e),
+    version: m
+  }), B = async (e) => {
+    await T(e, async (m) => {
+      if (t && s) {
+        if (!s.version)
+          throw new Error("Contractor version is required for updates");
+        const d = String(s.version), f = F(m, d), W = await w({
+          request: {
+            contractorUuid: t,
+            requestBody: f
+          }
+        });
+        c(p.CONTRACTOR_UPDATED, W.contractor);
+      } else {
+        const d = g(m), f = await N({
+          request: {
+            companyUuid: n,
+            requestBody: d
+          }
+        });
+        c(p.CONTRACTOR_CREATED, f.contractor);
+      }
+      c(p.CONTRACTOR_PROFILE_SUBMITTED, m);
+    });
+  }, A = () => {
+    c(p.CANCEL);
+  }, O = P, H = v === a.Business, Z = v === a.Individual, U = E === r.Hourly, M = [
+    { label: "Individual", value: a.Individual },
+    { label: "Business", value: a.Business }
+  ], _ = [
+    { label: "Hourly", value: r.Hourly },
+    { label: "Fixed", value: r.Fixed }
+  ], q = I || R;
+  return {
+    // Form methods and submission
+    formMethods: u,
+    handleSubmit: S(B),
+    formState: {
+      ...D,
+      isSubmitting: q
+    },
+    handleCancel: A,
+    // Conditional rendering flags
+    shouldShowEmailField: O,
+    shouldShowBusinessFields: H,
+    shouldShowIndividualFields: Z,
+    shouldShowHourlyRate: U,
+    // Form options
+    contractorTypeOptions: M,
+    wageTypeOptions: _,
+    // Component state
+    isEditing: !!t
+  };
+}
+export {
+  a as ContractorType,
+  r as WageType,
+  se as createContractorProfileValidationSchema,
+  Pe as useContractorProfile
+};
+//# sourceMappingURL=useContractorProfile.js.map