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

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

@@ -0,0 +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 { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport type { PostV1CompaniesCompanyUuidContractorsRequestBody } from '@gusto/embedded-api/models/operations/postv1companiescompanyuuidcontractors'\nimport type { PutV1ContractorsContractorUuidRequestBody } from '@gusto/embedded-api/models/operations/putv1contractorscontractoruuid'\nimport {\n  WageType as ApiWageType,\n  ContractorType as ApiContractorType,\n} from '@gusto/embedded-api/models/components/contractor'\nimport { useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } 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'\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  inviteContractor: z.boolean().default(false),\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 = (t: (key: string) => string) => {\n  return ContractorProfileSchema.superRefine(\n    (data: ContractorProfileFormData, ctx: z.RefinementCtx) => {\n      // Email validation for contractor invitation\n      if (data.inviteContractor && !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          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['ssn'],\n            message: t('validations.ssn'),\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          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['ein'],\n            message: t('validations.ein'),\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}\n\nexport function useContractorProfile({\n  companyId,\n  contractorId,\n  defaultValues,\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(t as (key: string) => string)\n\n  // API mutations\n  const { mutateAsync: createContractor, isPending: isCreating } = useContractorsCreateMutation()\n  const { mutateAsync: updateContractor, isPending: isUpdating } = useContractorsUpdateMutation()\n\n  // Fetch existing contractor data if editing\n  const existingContractorQuery = useContractorsGet(\n    { contractorUuid: contractorId || '' },\n    { enabled: !!contractorId },\n  )\n\n  const existingContractor = existingContractorQuery.data?.contractor\n\n  // Prepare default values from existing contractor or provided defaults\n  const formDefaultValues = useMemo(\n    () => ({\n      inviteContractor: 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        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        ein: existingContractor.ein || 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>({\n    resolver: zodResolver(validationSchema),\n    defaultValues: formDefaultValues,\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 watchedInviteContractor = useWatch({\n    control: formMethods.control,\n    name: 'inviteContractor',\n  })\n\n  // Helper function to transform form data to API payload\n  const transformFormDataToCreatePayload = (\n    data: ContractorProfileFormData,\n  ): PostV1CompaniesCompanyUuidContractorsRequestBody => {\n    const basePayload = {\n      type: data.contractorType,\n      wageType: data.wageType,\n      startDate: formatDateToStringDate(data.startDate) || '',\n      selfOnboarding: data.inviteContractor,\n      email: data.inviteContractor ? 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        businessName: data.businessName,\n        ein: data.ein,\n      }\n    }\n  }\n\n  const transformFormDataToUpdatePayload = (\n    data: ContractorProfileFormData,\n    version: string,\n  ): PutV1ContractorsContractorUuidRequestBody => {\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      if (contractorId && existingContractor) {\n        // Update existing contractor\n        if (!existingContractor.version) {\n          throw new Error('Contractor version is required for updates')\n        }\n        const version = String(existingContractor.version)\n        const apiPayload = transformFormDataToUpdatePayload(payload, version)\n\n        const updateResponse = await updateContractor({\n          request: {\n            contractorUuid: contractorId,\n            requestBody: 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            requestBody: apiPayload,\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_CREATED, createResponse.contractor)\n      }\n\n      onEvent(componentEvents.CONTRACTOR_PROFILE_SUBMITTED, payload)\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  // Conditional rendering helpers\n  const shouldShowEmailField = watchedInviteContractor\n  const shouldShowBusinessFields = watchedType === ContractorType.Business\n  const shouldShowIndividualFields = watchedType === ContractorType.Individual\n  const shouldShowHourlyRate = watchedWageType === WageType.Hourly\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\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    handleCancel,\n\n    // Conditional rendering flags\n    shouldShowEmailField,\n    shouldShowBusinessFields,\n    shouldShowIndividualFields,\n    shouldShowHourlyRate,\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","t","data","ctx","cleanSSN","removeNonDigits","SSN_REGEX","normalizedEin","normalizeEin","useContractorProfile","companyId","contractorId","defaultValues","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","validationSchema","createContractor","isCreating","useContractorsCreateMutation","updateContractor","isUpdating","useContractorsUpdateMutation","existingContractor","useContractorsGet","formDefaultValues","useMemo","parsed","formMethods","useForm","zodResolver","handleSubmit","formState","watchedType","useWatch","watchedWageType","watchedInviteContractor","transformFormDataToCreatePayload","basePayload","formatDateToStringDate","transformFormDataToUpdatePayload","version","onSubmit","payload","apiPayload","updateResponse","componentEvents","createResponse","handleCancel","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","contractorTypeOptions","wageTypeOptions","isSubmitting"],"mappings":"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"}

package/dist/components/Contractor/Submit/ContractorSubmitWithApi.d.ts

@@ -0,0 +1,6 @@
+interface ContractorSubmitWithApiProps {
+    contractorUuid: string;
+    onDone: () => void;
+}
+export declare const ContractorSubmitWithApi: ({ contractorUuid, onDone, }: ContractorSubmitWithApiProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,27 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useContractorsUpdateOnboardingStatusMutation as m } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
+import { useState as a } from "react";
+import { SubmitDone as u } from "./SubmitDone.js";
+import { ContractorSubmit as c } from "./index.js";
+const y = ({
+  contractorUuid: o,
+  onDone: r
+}) => {
+  const [n, s] = a(!1), e = () => {
+    s(!0);
+  }, { mutateAsync: i } = m({ onSuccess: e });
+  return n ? /* @__PURE__ */ t(u, { onDone: r }) : /* @__PURE__ */ t(c, { onSubmit: async () => {
+    await i({
+      request: {
+        contractorUuid: o,
+        requestBody: {
+          onboardingStatus: "onboarding_completed"
+        }
+      }
+    });
+  } });
+};
+export {
+  y as ContractorSubmitWithApi
+};
+//# sourceMappingURL=ContractorSubmitWithApi.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContractorSubmitWithApi.js","sources":["../../../../src/components/Contractor/Submit/ContractorSubmitWithApi.tsx"],"sourcesContent":["import { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useState } from 'react'\nimport { SubmitDone } from './SubmitDone'\nimport { ContractorSubmit } from '.'\n\ninterface ContractorSubmitWithApiProps {\n  contractorUuid: string\n  onDone: () => void\n}\n\nexport const ContractorSubmitWithApi = ({\n  contractorUuid,\n  onDone,\n}: ContractorSubmitWithApiProps) => {\n  const [isDone, setIsDone] = useState(false)\n  const onSuccess = () => {\n    setIsDone(true)\n  }\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation({ onSuccess })\n\n  const onSubmit = async () => {\n    await mutateAsync({\n      request: {\n        contractorUuid,\n        requestBody: {\n          onboardingStatus: 'onboarding_completed',\n        },\n      },\n    })\n  }\n\n  return isDone ? <SubmitDone onDone={onDone} /> : <ContractorSubmit onSubmit={onSubmit} />\n}\n"],"names":["ContractorSubmitWithApi","contractorUuid","onDone","isDone","setIsDone","useState","onSuccess","mutateAsync","useContractorsUpdateOnboardingStatusMutation","jsx","SubmitDone","ContractorSubmit"],"mappings":";;;;;AAUO,MAAMA,IAA0B,CAAC;AAAA,EACtC,gBAAAC;AAAA,EACA,QAAAC;AACF,MAAoC;AAClC,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAY,MAAM;AACtB,IAAAF,EAAU,EAAI;AAAA,EAChB,GACM,EAAE,aAAAG,EAAY,IAAIC,EAA6C,EAAE,WAAAF,GAAW;AAalF,SAAOH,IAAU,gBAAAM,EAAAC,GAAA,EAAW,QAAAR,GAAgB,IAAK,gBAAAO,EAACE,KAAiB,UAXlD,YAAY;AAC3B,UAAMJ,EAAY;AAAA,MAChB,SAAS;AAAA,QACP,gBAAAN;AAAA,QACA,aAAa;AAAA,UACX,kBAAkB;AAAA,QAAA;AAAA,MACpB;AAAA,IACF,CACD;AAAA,EACH,GAEuF;AACzF;"}

package/dist/components/Contractor/Submit/SubmitDone.d.ts

@@ -0,0 +1,5 @@
+interface SubmitDoneProps {
+    onDone: () => void;
+}
+export declare const SubmitDone: ({ onDone }: SubmitDoneProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useTranslation as m } 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 f = ({ onDone: n }) => {
+  a("Contractor.ContractorSubmit");
+  const { Button: r, Heading: e, Text: i } = s(), { t: o } = m("Contractor.ContractorSubmit");
+  return /* @__PURE__ */ c(l, { flexDirection: "column", alignItems: "center", children: [
+    /* @__PURE__ */ t(e, { as: "h2", children: o("doneTitle") }),
+    /* @__PURE__ */ t(i, { children: o("doneText") }),
+    /* @__PURE__ */ t(r, { variant: "secondary", onClick: n, children: o("doneCTA") })
+  ] });
+};
+export {
+  f as SubmitDone
+};
+//# sourceMappingURL=SubmitDone.js.map

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

@@ -0,0 +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.ContractorSubmit')\n  const { Button, Heading, Text } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorSubmit')\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"center\">\n      <Heading as=\"h2\">{t('doneTitle')}</Heading>\n      <Text>{t('doneText')}</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,6BAA6B;AACrC,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAoB,GAChD,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B;AAE1D,SACG,gBAAAC,EAAAC,GAAA,EAAK,eAAc,UAAS,YAAW,UACtC,UAAA;AAAA,IAAA,gBAAAC,EAACP,GAAQ,EAAA,IAAG,MAAM,UAAAG,EAAE,WAAW,GAAE;AAAA,IAChC,gBAAAI,EAAAN,GAAA,EAAM,UAAEE,EAAA,UAAU,EAAE,CAAA;AAAA,IACrB,gBAAAI,EAACR,KAAO,SAAQ,aAAY,SAASF,GAClC,UAAAM,EAAE,SAAS,EACd,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,6 @@
+import "./types/i18next.d.ts"
+interface ContractorSubmitProps {
+    onSubmit: () => void;
+}
+export declare const ContractorSubmit: ({ onSubmit }: ContractorSubmitProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import { jsxs as s, Fragment as l, jsx as r } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
+import a from "./index.module.scss.js";
+import { Flex as u } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as C } from "../../../i18n/I18n.js";
+const I = ({ onSubmit: o }) => {
+  C("Contractor.ContractorSubmit");
+  const { Alert: e, Button: n, UnorderedList: i } = p(), { t } = c("Contractor.ContractorSubmit"), m = Object.values(t("warningItems", { returnObjects: !0 }));
+  return /* @__PURE__ */ s(l, { children: [
+    /* @__PURE__ */ r(e, { label: t("title"), status: "warning", className: a.alert, children: /* @__PURE__ */ r(i, { items: m }) }),
+    /* @__PURE__ */ r(u, { flexDirection: "column", alignItems: "flex-end", children: /* @__PURE__ */ r(n, { title: t("submitCTA"), onClick: o, children: t("submitCTA") }) })
+  ] });
+};
+export {
+  I as ContractorSubmit
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/Submit/index.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './index.module.scss'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface ContractorSubmitProps {\n  onSubmit: () => void\n}\n\nexport const ContractorSubmit = ({ onSubmit }: ContractorSubmitProps) => {\n  useI18n('Contractor.ContractorSubmit')\n  const { Alert, Button, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorSubmit')\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  return (\n    <>\n      <Alert label={t('title')} status=\"warning\" className={styles.alert}>\n        <UnorderedList items={items} />\n      </Alert>\n      <Flex flexDirection=\"column\" alignItems=\"flex-end\">\n        <Button title={t('submitCTA')} onClick={onSubmit}>\n          {t('submitCTA')}\n        </Button>\n      </Flex>\n    </>\n  )\n}\n"],"names":["ContractorSubmit","onSubmit","useI18n","Alert","Button","UnorderedList","useComponentContext","useTranslation","items","jsxs","Fragment","jsx","styles","Flex"],"mappings":";;;;;;;;AAUO,MAAMA,IAAmB,CAAC,EAAE,UAAAC,QAAsC;AACvE,EAAAC,EAAQ,6BAA6B;AACrC,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,eAAAC,EAAA,IAAkBC,EAAoB,GACvD,EAAE,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAQ,OAAO,OAAO,EAAE,gBAAgB,EAAE,eAAe,GAAK,CAAC,CAAC;AAEtE,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACR,GAAM,EAAA,OAAO,EAAE,OAAO,GAAG,QAAO,WAAU,WAAWS,EAAO,OAC3D,UAAC,gBAAAD,EAAAN,GAAA,EAAc,OAAAG,EAAc,CAAA,GAC/B;AAAA,sBACCK,GAAK,EAAA,eAAc,UAAS,YAAW,YACtC,UAAC,gBAAAF,EAAAP,GAAA,EAAO,OAAO,EAAE,WAAW,GAAG,SAASH,GACrC,UAAE,EAAA,WAAW,GAChB,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Contractor/Submit/index.module.scss.js

@@ -0,0 +1,8 @@
+const t = "_alert_e0ggq_1", e = {
+  alert: t
+};
+export {
+  t as alert,
+  e as default
+};
+//# sourceMappingURL=index.module.scss.js.map

package/dist/components/Contractor/Submit/index.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -3,3 +3,5 @@ export { PaymentMethod } from './PaymentMethod/PaymentMethod';
 export { Address } from './Address';
 export { ContractorListWithApi as ContractorList } from './List';
 export { NewHireReport } from './NewHireReport/NewHireReport';
+export { ContractorSubmitWithApi as ContractorSubmit } from './Submit/ContractorSubmitWithApi';
+export { ContractorProfile } from './Profile';

package/dist/components/Contractor/index.js

@@ -1,11 +1,15 @@
 import { PaymentMethod as t } from "./PaymentMethod/PaymentMethod.js";
-import { ContractorListWithApi as p } from "./List/index.js";
-import { NewHireReport as m } from "./NewHireReport/NewHireReport.js";
-import { Address as a } from "./Address/Address.js";
+import { ContractorListWithApi as i } from "./List/index.js";
+import { NewHireReport as p } from "./NewHireReport/NewHireReport.js";
+import { ContractorSubmitWithApi as f } from "./Submit/ContractorSubmitWithApi.js";
+import { Address as s } from "./Address/Address.js";
+import { ContractorProfile as c } from "./Profile/ContractorProfile.js";
 export {
-  a as Address,
-  p as ContractorList,
-  m as NewHireReport,
+  s as Address,
+  i as ContractorList,
+  c as ContractorProfile,
+  f as ContractorSubmit,
+  p as NewHireReport,
   t as PaymentMethod
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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 { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
+import "classnames";
 import { FlsaStatus as a } from "../../../shared/constants.js";
+import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.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;AACrB,QAAA,EAAE,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,oBAAAC,GAAoB,mBAAAC,MACxEC,EAAgB,GACZ,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,SAAAC,EAAQ,IAAIC,EAAmC,GACjDC,IAAoBC,EAAS,EAAE,SAAAH,GAAS,MAAM,cAAc,GAC5DI,IAAaC,EAAoB;AAEvC,2BACGC,GACE,EAAA,UAAA;AAAA,IAAsBV,MAAAW,EAAW,aAAaf,MAAS,UACtD,gBAAAgB;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACH,UAAAV,EAAA;AAAA,QACZ;AAAA,QACA,YAAYH;AAAA,QAEX,YAAE,kBAAkB;AAAA,MAAA;AAAA,IACvB;AAAA,KAECK,MAAsBW,EAAW,aAAaf,MAAS,wBACxDA,MAAS,0BACR,gBAAAgB,EAAAJ,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;AACrB,QAAA,EAAE,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,oBAAAC,GAAoB,mBAAAC,MACxEC,EAAgB,GACZ,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,SAAAC,EAAQ,IAAIC,EAAmC,GACjDC,IAAoBC,EAAS,EAAE,SAAAH,GAAS,MAAM,cAAc,GAC5DI,IAAaC,EAAoB;AAEvC,2BACGC,GACE,EAAA,UAAA;AAAA,IAAsBV,MAAAW,EAAW,aAAaf,MAAS,UACtD,gBAAAgB;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACH,UAAAV,EAAA;AAAA,QACZ;AAAA,QACA,YAAYH;AAAA,QAEX,YAAE,kBAAkB;AAAA,MAAA;AAAA,IACvB;AAAA,KAECK,MAAsBW,EAAW,aAAaf,MAAS,wBACxDA,MAAS,0BACR,gBAAAgB,EAAAJ,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;"}

package/dist/components/Employee/Compensation/Compensation.d.ts

@@ -15,11 +15,5 @@ interface CompensationProps extends CommonComponentInterface<'Employee.Compensat
     defaultValues?: CompensationDefaultValues;
 }
 export declare function Compensation(props: CompensationProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export declare namespace Compensation {
-    var Head: () => import("react/jsx-runtime").JSX.Element;
-    var List: () => import("react/jsx-runtime").JSX.Element | undefined;
-    var Actions: () => import("react/jsx-runtime").JSX.Element;
-    var Edit: () => import("react/jsx-runtime").JSX.Element | undefined;
-}
 export declare const CompensationContextual: () => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,104 +1,104 @@
-import { jsx as s, jsxs as re, Fragment as ie } from "react/jsx-runtime";
-import { zodResolver as me } from "@hookform/resolvers/zod";
-import { useState as W, useMemo as F, useEffect as ue } from "react";
-import { useForm as de, FormProvider as le } from "react-hook-form";
-import { useTranslation as ce } from "react-i18next";
-import { useJobsAndCompensationsGetJobsSuspense as pe } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
-import { useJobsAndCompensationsCreateJobMutation as fe } from "@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob";
-import { useJobsAndCompensationsUpdateMutation as Ee } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdate";
-import { useJobsAndCompensationsDeleteMutation as Ce } from "@gusto/embedded-api/react-query/jobsAndCompensationsDelete";
-import { useJobsAndCompensationsUpdateCompensationMutation as he } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation";
-import { useLocationsGetMinimumWagesSuspense as Ae } from "@gusto/embedded-api/react-query/locationsGetMinimumWages";
-import { useEmployeeAddressesGetWorkAddressesSuspense as De } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
-import { useFederalTaxDetailsGetSuspense as Oe } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
-import { useEmployeesGetSuspense as Se } from "@gusto/embedded-api/react-query/employeesGet";
-import { List as j } from "./List.js";
-import { Head as V } from "./Head.js";
-import { Edit as Y } from "./Edit.js";
-import { Actions as k } from "./Actions.js";
-import { CompensationSchema as ye, CompensationProvider as Ie } from "./useCompensation.js";
-import { Form as Te } from "../../Common/Form/Form.js";
-import { FlsaStatus as h, componentEvents as E } from "../../../shared/constants.js";
-import { useComponentDictionary as be, useI18n as Me } from "../../../i18n/I18n.js";
-import { BaseComponent as Pe } from "../../Base/Base.js";
-import { useBase as We } from "../../Base/useBase.js";
-import { useFlow as ge } from "../../Flow/useFlow.js";
-function A(t) {
-  return be("Employee.Compensation", t.dictionary), /* @__PURE__ */ s(Pe, { ...t, children: /* @__PURE__ */ s(Ne, { ...t, children: t.children }) });
+import { jsx as s, jsxs as te, Fragment as oe } from "react/jsx-runtime";
+import { zodResolver as ne } from "@hookform/resolvers/zod";
+import { useState as P, useMemo as U, useEffect as se } from "react";
+import { useForm as ae, FormProvider as re } from "react-hook-form";
+import { useTranslation as ie } from "react-i18next";
+import { useJobsAndCompensationsGetJobsSuspense as me } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { useJobsAndCompensationsCreateJobMutation as ue } from "@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob";
+import { useJobsAndCompensationsUpdateMutation as de } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdate";
+import { useJobsAndCompensationsDeleteMutation as le } from "@gusto/embedded-api/react-query/jobsAndCompensationsDelete";
+import { useJobsAndCompensationsUpdateCompensationMutation as ce } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation";
+import { useLocationsGetMinimumWagesSuspense as pe } from "@gusto/embedded-api/react-query/locationsGetMinimumWages";
+import { useEmployeeAddressesGetWorkAddressesSuspense as fe } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useFederalTaxDetailsGetSuspense as Ce } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
+import { useEmployeesGetSuspense as Ee } from "@gusto/embedded-api/react-query/employeesGet";
+import { List as he } from "./List.js";
+import { Head as De } from "./Head.js";
+import { Edit as Oe } from "./Edit.js";
+import { Actions as Se } from "./Actions.js";
+import { CompensationSchema as ye, CompensationProvider as Ae } from "./useCompensation.js";
+import { Form as Ie } from "../../Common/Form/Form.js";
+import { FlsaStatus as h, componentEvents as C } from "../../../shared/constants.js";
+import { useComponentDictionary as Te, useI18n as be } from "../../../i18n/I18n.js";
+import { BaseComponent as Me } from "../../Base/Base.js";
+import { useBase as Pe } from "../../Base/useBase.js";
+import { useFlow as We } from "../../Flow/useFlow.js";
+function ge(t) {
+  return Te("Employee.Compensation", t.dictionary), /* @__PURE__ */ s(Me, { ...t, children: /* @__PURE__ */ s(Ne, { ...t, children: t.children }) });
 }
-const B = (t) => t?.compensations?.find((l) => l.uuid === t.currentCompensationUuid), Ne = ({ employeeId: t, startDate: l, className: D, children: O, ...m }) => {
-  Me("Employee.Compensation");
-  const { baseSubmitHandler: x, onEvent: c } = We(), { data: q } = pe({ employeeId: t }), n = q.jobList, { data: G } = De({ employeeId: t }), g = G.employeeWorkAddressesList.find((e) => e.active), {
-    data: { minimumWageList: R }
-  } = Ae({
-    locationUuid: g.locationUuid
-  }), H = R, {
-    data: { employee: N }
-  } = Se({ employeeId: t });
-  if (!N)
+const F = (t) => t?.compensations?.find((l) => l.uuid === t.currentCompensationUuid), Ne = ({ employeeId: t, startDate: l, className: D, children: O, ...m }) => {
+  be("Employee.Compensation");
+  const { baseSubmitHandler: B, onEvent: c } = Pe(), { data: j } = me({ employeeId: t }), n = j.jobList, { data: V } = fe({ employeeId: t }), W = V.employeeWorkAddressesList.find((e) => e.active), {
+    data: { minimumWageList: Y }
+  } = pe({
+    locationUuid: W.locationUuid
+  }), k = Y, {
+    data: { employee: g }
+  } = Ee({ employeeId: t });
+  if (!g)
     throw new Error("Employee not found");
-  const { data: X } = Oe({ companyId: N.companyUuid }), z = X.federalTaxDetails.taxPayerType === "S-Corporation", _ = he(), L = fe(), J = Ee(), w = Ce(), [o, S] = W(
+  const { data: x } = Ce({ companyId: g.companyUuid }), q = x.federalTaxDetails.taxPayerType === "S-Corporation", N = ce(), _ = ue(), L = de(), J = le(), [o, S] = P(
     n.length === 1 ? n[0] ?? null : null
-  ), [I, p] = W(() => {
+  ), [A, p] = P(() => {
     if (!n.length)
       return "ADD_INITIAL_JOB";
-    const e = B(n[0]);
+    const e = F(n[0]);
     return n.length === 1 && e?.flsaStatus !== h.NONEXEMPT ? "EDIT_INITIAL_JOB" : "LIST";
-  }), [K, v] = W(!1), a = B(o), T = F(() => n.reduce((e, r) => {
+  }), [G, w] = P(!1), a = F(o), I = U(() => n.reduce((e, r) => {
     const u = r.compensations?.find(
       (y) => y.uuid === r.currentCompensationUuid
     );
     return !r.primary || !u ? e : u.flsaStatus ?? e;
-  }, void 0), [n]), f = F(() => ({
+  }, void 0), [n]), f = U(() => ({
     jobTitle: o?.title && o.title !== "" ? o.title : m.defaultValues?.title ?? "",
-    flsaStatus: a?.flsaStatus ?? T ?? m.defaultValues?.flsaStatus,
+    flsaStatus: a?.flsaStatus ?? I ?? m.defaultValues?.flsaStatus,
     rate: Number(a?.rate ?? m.defaultValues?.rate ?? 0),
     adjustForMinimumWage: a?.adjustForMinimumWage ?? !1,
     minimumWageId: a?.minimumWages?.[0]?.uuid ?? "",
     paymentUnit: a?.paymentUnit ?? m.defaultValues?.paymentUnit ?? "Hour",
     stateWcCovered: o?.stateWcCovered ?? !1,
     stateWcClassCode: o?.stateWcClassCode ?? ""
-  }), [o, a, T, m.defaultValues]), U = de({
-    resolver: me(ye),
+  }), [o, a, I, m.defaultValues]), v = ae({
+    resolver: ne(ye),
     defaultValues: f
-  }), { resetField: b, setValue: M, handleSubmit: Q, reset: C } = U;
-  ue(() => {
-    C(f);
-  }, [o, f, C]);
-  const Z = async (e) => {
-    if (I === "LIST" && e === "PROCEED") {
-      c(E.EMPLOYEE_COMPENSATION_DONE);
+  }), { resetField: T, setValue: b, handleSubmit: R, reset: E } = v;
+  se(() => {
+    E(f);
+  }, [o, f, E]);
+  const X = async (e) => {
+    if (A === "LIST" && e === "PROCEED") {
+      c(C.EMPLOYEE_COMPENSATION_DONE);
       return;
     }
-    if (!o && I === "LIST") {
+    if (!o && A === "LIST") {
       p("ADD_ADDITIONAL_JOB");
       return;
     }
-    await Q(async (r) => {
-      switch (await se(r), e) {
+    await R(async (r) => {
+      switch (await $(r), e) {
         case "LIST":
-          p("LIST"), S(null), C(f);
+          p("LIST"), S(null), E(f);
           break;
         default:
-          c(E.EMPLOYEE_COMPENSATION_DONE);
+          c(C.EMPLOYEE_COMPENSATION_DONE);
       }
     })();
-  }, $ = () => {
-    p("ADD_ADDITIONAL_JOB"), S(null), C(f);
-  }, ee = () => {
-    n.length > 0 ? p("LIST") : p("ADD_INITIAL_JOB"), S(null), C(f);
-  }, te = (e) => {
+  }, H = () => {
+    p("ADD_ADDITIONAL_JOB"), S(null), E(f);
+  }, z = () => {
+    n.length > 0 ? p("LIST") : p("ADD_INITIAL_JOB"), S(null), E(f);
+  }, K = (e) => {
     const r = n.find((u) => e === u.uuid);
     r && (p("EDIT_ADDITIONAL_JOB"), S(r));
-  }, oe = async (e) => {
-    await w.mutateAsync({ request: { jobId: e } }), c(E.EMPLOYEE_JOB_DELETED);
-  }, ne = (e) => {
-    a?.flsaStatus === h.NONEXEMPT && n.length > 1 && v(!0), e === h.OWNER ? (M("paymentUnit", "Paycheck"), b("rate", { defaultValue: Number(a?.rate) })) : e === h.COMMISSION_ONLY_NONEXEMPT || e === h.COMMISSION_ONLY_EXEMPT ? (M("paymentUnit", "Year"), M("rate", 0)) : (b("paymentUnit", { defaultValue: a?.paymentUnit }), b("rate", { defaultValue: Number(a?.rate) }));
-  }, se = async (e) => {
-    await x(e, async (r) => {
+  }, Q = async (e) => {
+    await J.mutateAsync({ request: { jobId: e } }), c(C.EMPLOYEE_JOB_DELETED);
+  }, Z = (e) => {
+    a?.flsaStatus === h.NONEXEMPT && n.length > 1 && w(!0), e === h.OWNER ? (b("paymentUnit", "Paycheck"), T("rate", { defaultValue: Number(a?.rate) })) : e === h.COMMISSION_ONLY_NONEXEMPT || e === h.COMMISSION_ONLY_EXEMPT ? (b("paymentUnit", "Year"), b("rate", 0)) : (T("paymentUnit", { defaultValue: a?.paymentUnit }), T("rate", { defaultValue: Number(a?.rate) }));
+  }, $ = async (e) => {
+    await B(e, async (r) => {
       const { jobTitle: u, twoPercentShareholder: y, ...i } = r;
       let d;
-      o ? (d = (await J.mutateAsync({
+      o ? (d = (await L.mutateAsync({
         request: {
           jobId: o.uuid,
           requestBody: {
@@ -110,7 +110,7 @@ const B = (t) => t?.compensations?.find((l) => l.uuid === t.currentCompensationU
             twoPercentShareholder: y ?? !1
           }
         }
-      })).job, c(E.EMPLOYEE_JOB_UPDATED, d)) : (d = (await L.mutateAsync({
+      })).job, c(C.EMPLOYEE_JOB_UPDATED, d)) : (d = (await _.mutateAsync({
         request: {
           employeeId: t,
           requestBody: {
@@ -121,14 +121,14 @@ const B = (t) => t?.compensations?.find((l) => l.uuid === t.currentCompensationU
             twoPercentShareholder: y ?? !1
           }
         }
-      })).job, c(E.EMPLOYEE_JOB_CREATED, d));
-      const { compensation: ae } = await _.mutateAsync({
+      })).job, c(C.EMPLOYEE_JOB_CREATED, d));
+      const { compensation: ee } = await N.mutateAsync({
         request: {
           compensationId: d.currentCompensationUuid,
           requestBody: {
             // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
             version: d.compensations?.find(
-              (P) => P.uuid === d.currentCompensationUuid
+              (M) => M.uuid === d.currentCompensationUuid
             )?.version,
             ...i,
             rate: String(i.rate),
@@ -136,44 +136,39 @@ const B = (t) => t?.compensations?.find((l) => l.uuid === t.currentCompensationU
           }
         }
       });
-      v(!1), c(E.EMPLOYEE_COMPENSATION_UPDATED, ae);
+      w(!1), c(C.EMPLOYEE_COMPENSATION_UPDATED, ee);
     });
   };
   return /* @__PURE__ */ s("section", { className: D, children: /* @__PURE__ */ s(
-    Ie,
+    Ae,
     {
       value: {
         employeeJobs: n,
         currentJob: o,
-        primaryFlsaStatus: T,
-        showFlsaChangeWarning: K,
-        mode: I,
-        minimumWages: H,
-        handleFlsaChange: ne,
-        handleDelete: oe,
-        handleEdit: te,
-        handleAdd: $,
-        submitWithEffect: Z,
-        handleCancelAddJob: ee,
-        isPending: _.isPending || L.isPending || J.isPending || w.isPending,
-        state: g.state,
-        showTwoPercentStakeholder: z
+        primaryFlsaStatus: I,
+        showFlsaChangeWarning: G,
+        mode: A,
+        minimumWages: k,
+        handleFlsaChange: Z,
+        handleDelete: Q,
+        handleEdit: K,
+        handleAdd: H,
+        submitWithEffect: X,
+        handleCancelAddJob: z,
+        isPending: N.isPending || _.isPending || L.isPending || J.isPending,
+        state: W.state,
+        showTwoPercentStakeholder: q
       },
-      children: /* @__PURE__ */ s(le, { ...U, children: /* @__PURE__ */ s(Te, { children: O || /* @__PURE__ */ re(ie, { children: [
-        /* @__PURE__ */ s(V, {}),
-        /* @__PURE__ */ s(j, {}),
-        /* @__PURE__ */ s(Y, {}),
-        /* @__PURE__ */ s(k, {})
+      children: /* @__PURE__ */ s(re, { ...v, children: /* @__PURE__ */ s(Ie, { children: O || /* @__PURE__ */ te(oe, { children: [
+        /* @__PURE__ */ s(De, {}),
+        /* @__PURE__ */ s(he, {}),
+        /* @__PURE__ */ s(Oe, {}),
+        /* @__PURE__ */ s(Se, {})
       ] }) }) })
     }
   ) });
-};
-A.Head = V;
-A.List = j;
-A.Actions = k;
-A.Edit = Y;
-const nt = () => {
-  const { employeeId: t, onEvent: l, startDate: D, defaultValues: O } = ge(), { t: m } = ce("common");
+}, nt = () => {
+  const { employeeId: t, onEvent: l, startDate: D, defaultValues: O } = We(), { t: m } = ie("common");
   if (!t || !D)
     throw new Error(
       m("errors.missingParamsOrContext", {
@@ -183,7 +178,7 @@ const nt = () => {
       })
     );
   return /* @__PURE__ */ s(
-    A,
+    ge,
     {
       employeeId: t,
       startDate: D,
@@ -193,7 +188,7 @@ const nt = () => {
   );
 };
 export {
-  A as Compensation,
+  ge as Compensation,
   nt as CompensationContextual
 };
 //# sourceMappingURL=Compensation.js.map