@gusto/embedded-react-sdk 0.43.0 → 0.44.0

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

@@ -1 +1 @@
-{"version":3,"file":"Compensation.js","sources":["../../../../src/components/Employee/Compensation/Compensation.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsCreateJobMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob'\nimport { useJobsAndCompensationsUpdateMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdate'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsDelete'\nimport { useJobsAndCompensationsUpdateCompensationMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation'\nimport { useLocationsGetMinimumWagesSuspense } from '@gusto/embedded-api/react-query/locationsGetMinimumWages'\nimport { useEmployeeAddressesGetWorkAddressesSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport { useFederalTaxDetailsGetSuspense } from '@gusto/embedded-api/react-query/federalTaxDetailsGet'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { List } from './List'\nimport { Head } from './Head'\nimport { Edit } from './Edit'\nimport { Actions } from './Actions'\nimport {\n  type CompensationInputs,\n  type CompensationOutputs,\n  CompensationProvider,\n  CompensationSchema,\n  type MODE,\n} from './useCompensation'\nimport { Form } from '@/components/Common/Form'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { componentEvents, FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  useBase,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\n\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  rate?: Job['rate']\n  title?: Job['title']\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  flsaStatus?: FlsaStatusType\n}>\n\ninterface CompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  startDate: string\n  defaultValues?: CompensationDefaultValues\n}\n\nexport function Compensation(props: CompensationProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.Compensation', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (employeeJob?: Job | null) => {\n  return employeeJob?.compensations?.find(comp => comp.uuid === employeeJob.currentCompensationUuid)\n}\n\nconst Root = ({ employeeId, startDate, className, children, ...props }: CompensationProps) => {\n  useI18n('Employee.Compensation')\n  const { baseSubmitHandler, onEvent } = useBase()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = jobsData.jobs!\n\n  const { data: addressesData } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n  const workAddresses = addressesData.employeeWorkAddressesList!\n\n  const currentWorkAddress = workAddresses.find(address => address.active) ?? workAddresses[0]\n\n  if (!currentWorkAddress?.locationUuid) {\n    throw new Error('No active work address with a location found for this employee')\n  }\n\n  const {\n    data: { minimumWageList },\n  } = useLocationsGetMinimumWagesSuspense({\n    locationUuid: currentWorkAddress.locationUuid,\n  })\n  const minimumWages = minimumWageList!\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  if (!employee) {\n    throw new Error('Employee not found')\n  }\n\n  const { data } = useFederalTaxDetailsGetSuspense({ companyId: employee.companyUuid! })\n  const showTwoPercentStakeholder = data.federalTaxDetails!.taxableAsScorp === true\n\n  const updateCompensationMutation = useJobsAndCompensationsUpdateCompensationMutation()\n  const createEmployeeJobMutation = useJobsAndCompensationsCreateJobMutation()\n  const updateEmployeeJobMutation = useJobsAndCompensationsUpdateMutation()\n  const deleteEmployeeJobMutation = useJobsAndCompensationsDeleteMutation()\n\n  //Job being edited/created\n  const [currentJob, setCurrentJob] = useState(\n    employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null,\n  )\n\n  const [mode, setMode] = useState<MODE>(() => {\n    if (!employeeJobs.length) {\n      return 'ADD_INITIAL_JOB'\n    }\n\n    const currentCompensation = findCurrentCompensation(employeeJobs[0])\n\n    if (employeeJobs.length === 1 && currentCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n      return 'EDIT_INITIAL_JOB'\n    }\n\n    return 'LIST'\n  })\n\n  const [showFlsaChangeWarning, setShowFlsaChangeWarning] = useState(false)\n  //Getting current compensation for a job -> the one with the most recent effective date\n  const currentCompensation = findCurrentCompensation(currentJob)\n  /** Returns FLSA status of a current compensation of a primary job:\n   * Employees can have multiple jobs, with multiple compensations, but only 1 job is primary with 1 current compensation\n   */\n  const primaryFlsaStatus = useMemo<string | undefined>(() => {\n    return employeeJobs.reduce<string | undefined>((prev, curr) => {\n      const compensation = curr.compensations?.find(\n        comp => comp.uuid === curr.currentCompensationUuid,\n      )\n      if (!curr.primary || !compensation) return prev\n      return compensation.flsaStatus ?? prev\n    }, undefined)\n  }, [employeeJobs])\n\n  const defaultValues: CompensationInputs = useMemo(() => {\n    return {\n      jobTitle:\n        currentJob?.title && currentJob.title !== ''\n          ? currentJob.title\n          : (props.defaultValues?.title ?? ''),\n      flsaStatus:\n        currentCompensation?.flsaStatus ?? primaryFlsaStatus ?? props.defaultValues?.flsaStatus,\n      rate: Number(currentCompensation?.rate ?? props.defaultValues?.rate ?? 0),\n      adjustForMinimumWage: currentCompensation?.adjustForMinimumWage ?? false,\n      minimumWageId: currentCompensation?.minimumWages?.[0]?.uuid ?? '',\n      paymentUnit: currentCompensation?.paymentUnit ?? props.defaultValues?.paymentUnit ?? 'Hour',\n      stateWcCovered: currentJob?.stateWcCovered ?? false,\n      stateWcClassCode: currentJob?.stateWcClassCode ?? '',\n      twoPercentShareholder: currentJob?.twoPercentShareholder ?? false,\n    } as CompensationInputs\n  }, [currentJob, currentCompensation, primaryFlsaStatus, props.defaultValues])\n\n  const formMethods = useForm<CompensationInputs, unknown, CompensationOutputs>({\n    resolver: zodResolver(CompensationSchema),\n    defaultValues,\n  })\n  const { resetField, setValue, handleSubmit, reset } = formMethods\n  useEffect(() => {\n    reset(defaultValues)\n  }, [currentJob, defaultValues, reset])\n\n  const submitWithEffect = async (newMode?: MODE) => {\n    if (mode === 'LIST' && newMode === 'PROCEED') {\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n      return\n    }\n    //If no job has been modified, switch to edit mode\n    if (!currentJob && mode === 'LIST') {\n      setMode('ADD_ADDITIONAL_JOB')\n      return\n    }\n    //Performing post-submit state setting only on success\n    await handleSubmit(async (data: CompensationOutputs) => {\n      await baseSubmitHandler(data, async payload => {\n        const { jobTitle, twoPercentShareholder, ...compensationData } = payload\n        let updatedJobData\n        //Note: some of the type fixes below are due to the fact that API incorrectly defines current_compensation_uuid as optional\n        if (!currentJob) {\n          //Adding new job for NONEXEMPT\n          const data = await createEmployeeJobMutation.mutateAsync({\n            request: {\n              employeeId,\n              jobsCreateRequestBody: {\n                title: jobTitle,\n                hireDate: startDate,\n                stateWcCovered: compensationData.stateWcCovered,\n                stateWcClassCode: compensationData.stateWcCovered\n                  ? compensationData.stateWcClassCode\n                  : null,\n                twoPercentShareholder: twoPercentShareholder ?? false,\n              },\n            },\n          })\n          updatedJobData = data.job!\n          onEvent(componentEvents.EMPLOYEE_JOB_CREATED, updatedJobData)\n        } else {\n          const data = await updateEmployeeJobMutation.mutateAsync({\n            request: {\n              jobId: currentJob.uuid,\n              jobsUpdateRequestBody: {\n                title: jobTitle,\n                version: currentJob.version as string,\n                hireDate: startDate,\n                stateWcClassCode: compensationData.stateWcCovered\n                  ? compensationData.stateWcClassCode\n                  : null,\n                stateWcCovered: compensationData.stateWcCovered,\n                twoPercentShareholder: twoPercentShareholder ?? false,\n              },\n            },\n          })\n          updatedJobData = data.job!\n          onEvent(componentEvents.EMPLOYEE_JOB_UPDATED, updatedJobData)\n        }\n\n        const { compensation } = await updateCompensationMutation.mutateAsync({\n          request: {\n            compensationId: updatedJobData.currentCompensationUuid!,\n            compensationsUpdateRequestBody: {\n              // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n              version: updatedJobData.compensations?.find(\n                comp => comp.uuid === updatedJobData.currentCompensationUuid,\n              )?.version!,\n              ...compensationData,\n              rate: String(compensationData.rate),\n              minimumWages: compensationData.adjustForMinimumWage\n                ? [{ uuid: compensationData.minimumWageId }]\n                : [],\n            },\n          },\n        })\n        setShowFlsaChangeWarning(false)\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensation)\n\n        // Success logic only runs if no errors were thrown above\n        switch (newMode) {\n          case 'LIST':\n            setMode('LIST')\n            setCurrentJob(null)\n            reset(defaultValues)\n            break\n          default:\n            onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n        }\n      })\n    })()\n  }\n  const handleAdd = () => {\n    setMode('ADD_ADDITIONAL_JOB')\n    setCurrentJob(null)\n    reset(defaultValues)\n  }\n\n  const handleCancelAddJob = () => {\n    if (employeeJobs.length > 0) {\n      setMode('LIST')\n    } else {\n      setMode('ADD_INITIAL_JOB')\n    }\n\n    setCurrentJob(null)\n    reset(defaultValues)\n  }\n\n  const handleEdit = (uuid: string) => {\n    const selectedJob = employeeJobs.find(job => uuid === job.uuid)\n    if (selectedJob) {\n      setMode('EDIT_ADDITIONAL_JOB')\n      setCurrentJob(selectedJob)\n    }\n  }\n\n  const handleDelete = async (jobId: string) => {\n    await deleteEmployeeJobMutation.mutateAsync({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_JOB_DELETED)\n  }\n\n  /**Update dependent field values upon change in FLSA type */\n  const handleFlsaChange = (value: string | number) => {\n    //Attempting to change flsa status from nonexempt should prompt user about deletion of other jobs associated with the employee\n    if (currentCompensation?.flsaStatus === FlsaStatus.NONEXEMPT && employeeJobs.length > 1) {\n      setShowFlsaChangeWarning(true)\n    }\n    if (value === FlsaStatus.OWNER) {\n      setValue('paymentUnit', 'Paycheck')\n      resetField('rate', { defaultValue: Number(currentCompensation?.rate) })\n    } else if (\n      value === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n      value === FlsaStatus.COMMISSION_ONLY_EXEMPT\n    ) {\n      setValue('paymentUnit', 'Year')\n      setValue('rate', 0)\n    } else {\n      //reset fields\n      resetField('paymentUnit', { defaultValue: currentCompensation?.paymentUnit })\n      resetField('rate', { defaultValue: Number(currentCompensation?.rate) })\n    }\n  }\n  return (\n    <section className={className}>\n      <CompensationProvider\n        value={{\n          employeeJobs,\n          currentJob,\n          primaryFlsaStatus,\n          showFlsaChangeWarning,\n          mode,\n          minimumWages,\n          handleFlsaChange,\n          handleDelete,\n          handleEdit,\n          handleAdd,\n          submitWithEffect,\n          handleCancelAddJob,\n          isPending:\n            updateCompensationMutation.isPending ||\n            createEmployeeJobMutation.isPending ||\n            updateEmployeeJobMutation.isPending ||\n            deleteEmployeeJobMutation.isPending,\n          state: currentWorkAddress.state,\n          showTwoPercentStakeholder,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <List />\n                <Edit />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </CompensationProvider>\n    </section>\n  )\n}\n\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n"],"names":["Compensation","props","useComponentDictionary","jsx","BaseComponent","Root","findCurrentCompensation","employeeJob","comp","employeeId","startDate","className","children","useI18n","baseSubmitHandler","onEvent","useBase","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","addressesData","useEmployeeAddressesGetWorkAddressesSuspense","workAddresses","currentWorkAddress","address","minimumWageList","useLocationsGetMinimumWagesSuspense","minimumWages","employee","useEmployeesGetSuspense","data","useFederalTaxDetailsGetSuspense","showTwoPercentStakeholder","updateCompensationMutation","useJobsAndCompensationsUpdateCompensationMutation","createEmployeeJobMutation","useJobsAndCompensationsCreateJobMutation","updateEmployeeJobMutation","useJobsAndCompensationsUpdateMutation","deleteEmployeeJobMutation","useJobsAndCompensationsDeleteMutation","currentJob","setCurrentJob","useState","mode","setMode","currentCompensation","FlsaStatus","showFlsaChangeWarning","setShowFlsaChangeWarning","primaryFlsaStatus","useMemo","prev","curr","compensation","defaultValues","formMethods","useForm","zodResolver","CompensationSchema","resetField","setValue","handleSubmit","reset","useEffect","CompensationProvider","value","jobId","componentEvents","uuid","selectedJob","job","newMode","payload","jobTitle","twoPercentShareholder","compensationData","updatedJobData","FormProvider","Form","jsxs","Fragment","Head","List","Edit","Actions","CompensationContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"version":3,"file":"Compensation.js","sources":["../../../../src/components/Employee/Compensation/Compensation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  InitialEditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n} from './CompensationFlowComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ntype CompensationInitialState = 'initialEditJob' | 'viewJobs'\n\ninterface InitialFlowConfig {\n  initialState: CompensationInitialState\n  currentJobId: string | null\n}\n\nconst INITIAL_COMPONENT_BY_STATE: Record<\n  CompensationInitialState,\n  React.ComponentType<CommonComponentInterface>\n> = {\n  initialEditJob: InitialEditCompensationContextual,\n  viewJobs: JobsListContextual,\n}\n\nfunction deriveInitialFlowConfig(employeeJobs: Job[]): InitialFlowConfig {\n  if (employeeJobs.length === 0) {\n    return { initialState: 'initialEditJob', currentJobId: null }\n  }\n\n  const onlyJob = employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  const onlyJobCompensation = findCurrentCompensation(onlyJob)\n\n  if (onlyJob && onlyJobCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n    return { initialState: 'initialEditJob', currentJobId: onlyJob.uuid }\n  }\n\n  return { initialState: 'viewJobs', currentJobId: null }\n}\n\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  rate?: Job['rate']\n  title?: Job['title']\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  flsaStatus?: FlsaStatusType\n}>\n\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  startDate: string\n  defaultValues?: CompensationDefaultValues\n}\n\nexport function Compensation(props: CompensationProps) {\n  return (\n    <BaseComponent {...props}>\n      <CompensationFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction CompensationFlow({\n  employeeId,\n  startDate,\n  defaultValues,\n  dictionary,\n  onEvent,\n}: CompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n\n  const { initialState, currentJobId } = deriveInitialFlowConfig(jobsData.jobs ?? [])\n\n  const manageCompensation = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        compensationStateMachine,\n        (initialContext: CompensationFlowContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_BY_STATE[initialState],\n          employeeId,\n          startDate,\n          partnerDefaultValues: defaultValues,\n          currentJobId,\n        }),\n      ),\n    // `defaultValues` is intentionally omitted: it's a partner-supplied prop that may\n    // arrive as a fresh object reference on every render. It seeds the form once at\n    // initialization, so re-creating the machine on reference churn would only serve\n    // to discard in-flight state. Genuine API state changes (different employee, a\n    // change in the only-job FLSA status) flow through the scalar deps below.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeeId, startDate, initialState, currentJobId],\n  )\n\n  return <Flow machine={manageCompensation} onEvent={onEvent} />\n}\n\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n\nCompensation.JobsList = JobsList\nCompensation.EditCompensation = EditCompensation\n"],"names":["INITIAL_COMPONENT_BY_STATE","InitialEditCompensationContextual","JobsListContextual","deriveInitialFlowConfig","employeeJobs","onlyJob","onlyJobCompensation","findCurrentCompensation","FlsaStatus","Compensation","props","jsx","BaseComponent","CompensationFlow","job","comp","employeeId","startDate","defaultValues","dictionary","onEvent","useComponentDictionary","jobsData","useJobsAndCompensationsGetJobsSuspense","initialState","currentJobId","manageCompensation","useMemo","createMachine","compensationStateMachine","initialContext","Flow","CompensationContextual","useFlow","t","useTranslation","JobsList","EditCompensation"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAMA,IAGF;AAAA,EACF,gBAAgBC;AAAA,EAChB,UAAUC;AACZ;AAEA,SAASC,EAAwBC,GAAwC;AACvE,MAAIA,EAAa,WAAW;AAC1B,WAAO,EAAE,cAAc,kBAAkB,cAAc,KAAA;AAGzD,QAAMC,IAAUD,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ,MAClEE,IAAsBC,EAAwBF,CAAO;AAE3D,SAAIA,KAAWC,GAAqB,eAAeE,EAAW,YACrD,EAAE,cAAc,kBAAkB,cAAcH,EAAQ,KAAA,IAG1D,EAAE,cAAc,YAAY,cAAc,KAAA;AACnD;AAeO,SAASI,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAkB,GAAGH,GAAO,EAAA,CAC/B;AAEJ;AAEA,MAAMH,IAA0B,CAACO,MACxBA,GAAK,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAI,uBAAuB;AAGnF,SAASD,EAAiB;AAAA,EACxB,YAAAG;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAM,EAAE,MAAMG,EAAA,IAAaC,EAAuC,EAAE,YAAAP,GAAY,GAE1E,EAAE,cAAAQ,GAAc,cAAAC,EAAA,IAAiBtB,EAAwBmB,EAAS,QAAQ,EAAE,GAE5EI,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACEJ;AAAA,MACAK;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAW9B,EAA2BwB,CAAY;AAAA,QAClD,YAAAR;AAAA,QACA,WAAAC;AAAA,QACA,sBAAsBC;AAAA,QACtB,cAAAO;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQJ,CAACT,GAAYC,GAAWO,GAAcC,CAAY;AAAA,EAAA;AAGpD,SAAO,gBAAAd,EAACoB,GAAA,EAAK,SAASL,GAAoB,SAAAN,EAAA,CAAkB;AAC9D;AAEO,MAAMY,IAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAhB,GAAY,SAAAI,GAAS,WAAAH,GAAW,eAAAC,EAAA,IAAkBe,EAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAACnB,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRiB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQlB,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAL;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAO;AAAA,MACA,WAAAC;AAAA,MACA,SAAAG;AAAA,MACA,eAAeF,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAT,EAAa,WAAW2B;AACxB3B,EAAa,mBAAmB4B;"}

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

@@ -0,0 +1,27 @@
+import { Job } from '@gusto/embedded-api/models/components/job';
+import { Compensation } from '@gusto/embedded-api/models/components/compensation';
+import { CompensationDefaultValues } from './Compensation';
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { componentEvents } from '../../../shared/constants';
+export type EventPayloads = {
+    [componentEvents.EMPLOYEE_JOB_ADD]: undefined;
+    [componentEvents.EMPLOYEE_JOB_EDIT]: {
+        uuid: string;
+    };
+    [componentEvents.EMPLOYEE_JOB_CREATED]: Job;
+    [componentEvents.EMPLOYEE_JOB_UPDATED]: Job;
+    [componentEvents.EMPLOYEE_JOB_DELETED]: undefined;
+    [componentEvents.EMPLOYEE_COMPENSATION_UPDATED]: Compensation | undefined;
+    [componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST]: undefined;
+    [componentEvents.EMPLOYEE_COMPENSATION_CANCEL]: undefined;
+    [componentEvents.EMPLOYEE_COMPENSATION_DONE]: undefined;
+};
+export interface CompensationFlowContextInterface extends FlowContextInterface {
+    employeeId: string;
+    startDate: string;
+    currentJobId?: string | null;
+    partnerDefaultValues?: CompensationDefaultValues;
+}
+export declare function JobsListContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function InitialEditCompensationContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function EditCompensationContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,61 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { useFlow as E } from "../../Flow/useFlow.js";
+import { useI18n as p } from "../../../i18n/I18n.js";
+import { FlsaStatus as d, componentEvents as s } from "../../../shared/constants.js";
+import { ensureRequired as a } from "../../../helpers/ensureRequired.js";
+import { JobsList as I } from "./JobsList/JobsList.js";
+import { EditCompensation as u } from "./EditCompensation/EditCompensation.js";
+function y() {
+  const { employeeId: o, onEvent: n } = E();
+  return /* @__PURE__ */ m(I, { employeeId: a(o), onEvent: n });
+}
+function S() {
+  const { employeeId: o, startDate: n, currentJobId: r, partnerDefaultValues: i, onEvent: t } = E();
+  p("Employee.Compensation");
+  const { t: e } = l("Employee.Compensation");
+  return /* @__PURE__ */ m(
+    u,
+    {
+      employeeId: a(o),
+      startDate: a(n),
+      currentJobId: r,
+      title: e("title"),
+      submitCtaLabel: e("submitCta"),
+      onSaved: (C) => {
+        C.flsaStatus !== d.NONEXEMPT ? t(s.EMPLOYEE_COMPENSATION_DONE) : t(s.EMPLOYEE_COMPENSATION_RETURN_TO_LIST);
+      },
+      partnerDefaultValues: i,
+      onEvent: t
+    }
+  );
+}
+function M() {
+  const { employeeId: o, startDate: n, currentJobId: r, partnerDefaultValues: i, onEvent: t } = E();
+  p("Employee.Compensation");
+  const { t: e } = l("Employee.Compensation");
+  return /* @__PURE__ */ m(
+    u,
+    {
+      employeeId: a(o),
+      startDate: a(n),
+      currentJobId: r,
+      title: e(r ? "editTitle" : "addTitle"),
+      submitCtaLabel: e("saveNewJobCta"),
+      onSaved: () => {
+        t(s.EMPLOYEE_COMPENSATION_RETURN_TO_LIST);
+      },
+      onCancel: () => {
+        t(s.EMPLOYEE_COMPENSATION_CANCEL);
+      },
+      partnerDefaultValues: i,
+      onEvent: t
+    }
+  );
+}
+export {
+  M as EditCompensationContextual,
+  S as InitialEditCompensationContextual,
+  y as JobsListContextual
+};
+//# sourceMappingURL=CompensationFlowComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationFlowComponents.js","sources":["../../../../src/components/Employee/Compensation/CompensationFlowComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { Compensation } from '@gusto/embedded-api/models/components/compensation'\nimport type { CompensationDefaultValues } from './Compensation'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, FlsaStatus } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_JOB_ADD]: undefined\n  [componentEvents.EMPLOYEE_JOB_EDIT]: { uuid: string }\n  [componentEvents.EMPLOYEE_JOB_CREATED]: Job\n  [componentEvents.EMPLOYEE_JOB_UPDATED]: Job\n  [componentEvents.EMPLOYEE_JOB_DELETED]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_UPDATED]: Compensation | undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_DONE]: undefined\n}\n\nexport interface CompensationFlowContextInterface extends FlowContextInterface {\n  employeeId: string\n  startDate: string\n  currentJobId?: string | null\n  partnerDefaultValues?: CompensationDefaultValues\n}\n\nexport function JobsListContextual() {\n  const { employeeId, onEvent } = useFlow<CompensationFlowContextInterface>()\n  return <JobsList employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function InitialEditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={t('title')}\n      submitCtaLabel={t('submitCta')}\n      onSaved={data => {\n        if (data.flsaStatus !== FlsaStatus.NONEXEMPT) {\n          onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n        } else {\n          onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n        }\n      }}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function EditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={currentJobId ? t('editTitle') : t('addTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      onSaved={() => {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_CANCEL)\n      }}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["JobsListContextual","employeeId","onEvent","useFlow","JobsList","ensureRequired","InitialEditCompensationContextual","startDate","currentJobId","partnerDefaultValues","useI18n","t","useTranslation","jsx","EditCompensation","data","FlsaStatus","componentEvents","EditCompensationContextual"],"mappings":";;;;;;;;AA8BO,SAASA,IAAqB;AACnC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAS,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC7E;AAEO,SAASI,IAAoC;AAClD,QAAM,EAAE,YAAAL,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB;AAEpD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYT,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAOG,EAAE,OAAO;AAAA,MAChB,gBAAgBA,EAAE,WAAW;AAAA,MAC7B,SAAS,CAAAI,MAAQ;AACf,QAAIA,EAAK,eAAeC,EAAW,YACjCd,EAAQe,EAAgB,0BAA0B,IAElDf,EAAQe,EAAgB,oCAAoC;AAAA,MAEhE;AAAA,MACA,sBAAAR;AAAA,MACA,SAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASgB,IAA6B;AAC3C,QAAM,EAAE,YAAAjB,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB;AAEpD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYT,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAsBG,EAAfH,IAAiB,cAAiB,UAAN;AAAA,MACnC,gBAAgBG,EAAE,eAAe;AAAA,MACjC,SAAS,MAAM;AACb,QAAAT,EAAQe,EAAgB,oCAAoC;AAAA,MAC9D;AAAA,MACA,UAAU,MAAM;AACd,QAAAf,EAAQe,EAAgB,4BAA4B;AAAA,MACtD;AAAA,MACA,sBAAAR;AAAA,MACA,SAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,14 @@
+import { CompensationDefaultValues } from '../Compensation';
+import { CompensationOutputs } from '../compensationSchema';
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+export interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {
+    employeeId: string;
+    startDate: string;
+    currentJobId?: string | null;
+    title: string;
+    submitCtaLabel: string;
+    onSaved: (data: CompensationOutputs) => void;
+    onCancel?: () => void;
+    partnerDefaultValues?: CompensationDefaultValues;
+}
+export declare function EditCompensation(props: EditCompensationProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,128 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { useJobsAndCompensationsCreateJobMutation as N } from "@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob";
+import { useJobsAndCompensationsGetJobsSuspense as Y } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { useJobsAndCompensationsUpdateMutation as H } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdate";
+import { useJobsAndCompensationsUpdateCompensationMutation as I } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation";
+import { useEmployeeAddressesGetWorkAddressesSuspense as z } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useEmployeesGetSuspense as K } from "@gusto/embedded-api/react-query/employeesGet";
+import { useFederalTaxDetailsGetSuspense as Q } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
+import { useLocationsGetMinimumWagesSuspense as X } from "@gusto/embedded-api/react-query/locationsGetMinimumWages";
+import { EditCompensationPresentation as Z } from "./EditCompensationPresentation.js";
+import { BaseComponent as $ } from "../../../Base/Base.js";
+import { useBase as V } from "../../../Base/useBase.js";
+import { useComponentDictionary as ee, useI18n as te } from "../../../../i18n/I18n.js";
+import { componentEvents as y } from "../../../../shared/constants.js";
+function he(t) {
+  return ee("Employee.Compensation", t.dictionary), /* @__PURE__ */ p($, { ...t, children: /* @__PURE__ */ p(se, { ...t }) });
+}
+const oe = (t) => t?.compensations?.find((d) => d.uuid === t.currentCompensationUuid);
+function se({
+  employeeId: t,
+  startDate: d,
+  currentJobId: C,
+  title: P,
+  submitCtaLabel: U,
+  onSaved: M,
+  onCancel: j,
+  partnerDefaultValues: r,
+  className: J
+}) {
+  te("Employee.Compensation");
+  const { onEvent: f, baseSubmitHandler: R } = V(), { data: h } = Y({ employeeId: t }), n = l(() => h.jobs ?? [], [h.jobs]), { data: T } = z({ employeeId: t }), b = T.employeeWorkAddressesList ?? [], E = b.find((o) => o.active) ?? b[0];
+  if (!E?.locationUuid)
+    throw new Error("No active work address with a location found for this employee");
+  const {
+    data: { minimumWageList: D }
+  } = X({
+    locationUuid: E.locationUuid
+  }), B = D ?? [], {
+    data: { employee: S }
+  } = K({ employeeId: t });
+  if (!S)
+    throw new Error("Employee not found");
+  const { data: F } = Q({ companyId: S.companyUuid }), O = F.federalTaxDetails?.taxableAsScorp === !0, e = l(
+    () => C ? n.find((o) => o.uuid === C) ?? null : null,
+    [n, C]
+  ), a = oe(e), g = l(() => n.reduce((o, u) => {
+    const m = u.compensations?.find(
+      (c) => c.uuid === u.currentCompensationUuid
+    );
+    return !u.primary || !m ? o : m.flsaStatus ?? o;
+  }, void 0), [n]), k = l(() => ({
+    jobTitle: e?.title && e.title !== "" ? e.title : r?.title ?? "",
+    flsaStatus: a?.flsaStatus ?? g ?? r?.flsaStatus,
+    rate: Number(a?.rate ?? r?.rate ?? 0),
+    adjustForMinimumWage: a?.adjustForMinimumWage ?? !1,
+    minimumWageId: a?.minimumWages?.[0]?.uuid ?? "",
+    paymentUnit: a?.paymentUnit ?? r?.paymentUnit ?? "Hour",
+    stateWcCovered: e?.stateWcCovered ?? !1,
+    stateWcClassCode: e?.stateWcClassCode ?? "",
+    twoPercentShareholder: e?.twoPercentShareholder ?? !1
+  }), [e, a, g, r]), v = I(), w = N(), A = H(), q = v.isPending || w.isPending || A.isPending, L = e ? n.filter((o) => o.uuid !== e.uuid).length : n.length, _ = async (o) => {
+    await R(o, async (u) => {
+      const { jobTitle: m, twoPercentShareholder: c, ...s } = u;
+      let i;
+      e ? (i = (await A.mutateAsync({
+        request: {
+          jobId: e.uuid,
+          jobsUpdateRequestBody: {
+            title: m,
+            version: e.version,
+            hireDate: d,
+            stateWcClassCode: s.stateWcCovered ? s.stateWcClassCode : null,
+            stateWcCovered: s.stateWcCovered,
+            twoPercentShareholder: c ?? !1
+          }
+        }
+      })).job, f(y.EMPLOYEE_JOB_UPDATED, i)) : (i = (await w.mutateAsync({
+        request: {
+          employeeId: t,
+          jobsCreateRequestBody: {
+            title: m,
+            hireDate: d,
+            stateWcCovered: s.stateWcCovered,
+            stateWcClassCode: s.stateWcCovered ? s.stateWcClassCode : null,
+            twoPercentShareholder: c ?? !1
+          }
+        }
+      })).job, f(y.EMPLOYEE_JOB_CREATED, i));
+      const { compensation: G } = await v.mutateAsync({
+        request: {
+          compensationId: i.currentCompensationUuid,
+          compensationsUpdateRequestBody: {
+            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
+            version: i.compensations?.find(
+              (W) => W.uuid === i.currentCompensationUuid
+            )?.version,
+            ...s,
+            rate: String(s.rate),
+            minimumWages: s.adjustForMinimumWage ? [{ uuid: s.minimumWageId }] : []
+          }
+        }
+      });
+      f(y.EMPLOYEE_COMPENSATION_UPDATED, G), M(o);
+    });
+  }, x = e?.primary === !0 || n.length === 0;
+  return /* @__PURE__ */ p("section", { className: J, children: /* @__PURE__ */ p(
+    Z,
+    {
+      defaultValues: k,
+      title: P,
+      submitCtaLabel: U,
+      canChangeFlsaClassification: x,
+      currentCompensationFlsaStatus: a?.flsaStatus ?? void 0,
+      otherJobsCount: L,
+      state: E.state,
+      minimumWages: B,
+      showTwoPercentStakeholder: O,
+      isPending: q,
+      onSave: _,
+      onCancel: j
+    }
+  ) });
+}
+export {
+  he as EditCompensation
+};
+//# sourceMappingURL=EditCompensation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditCompensation.js","sources":["../../../../../src/components/Employee/Compensation/EditCompensation/EditCompensation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport { useJobsAndCompensationsCreateJobMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsUpdateMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdate'\nimport { useJobsAndCompensationsUpdateCompensationMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation'\nimport { useEmployeeAddressesGetWorkAddressesSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useFederalTaxDetailsGetSuspense } from '@gusto/embedded-api/react-query/federalTaxDetailsGet'\nimport { useLocationsGetMinimumWagesSuspense } from '@gusto/embedded-api/react-query/locationsGetMinimumWages'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { type CompensationInputs, type CompensationOutputs } from '../compensationSchema'\nimport { EditCompensationPresentation } from './EditCompensationPresentation'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n  useBase,\n} from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  startDate: string\n  currentJobId?: string | null\n  title: string\n  submitCtaLabel: string\n  onSaved: (data: CompensationOutputs) => void\n  onCancel?: () => void\n  partnerDefaultValues?: CompensationDefaultValues\n}\n\nexport function EditCompensation(props: EditCompensationProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.Compensation', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction Root({\n  employeeId,\n  startDate,\n  currentJobId,\n  title,\n  submitCtaLabel,\n  onSaved,\n  onCancel,\n  partnerDefaultValues,\n  className,\n}: EditCompensationProps) {\n  useI18n('Employee.Compensation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = useMemo(() => jobsData.jobs ?? [], [jobsData.jobs])\n\n  const { data: addressesData } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n  const workAddresses = addressesData.employeeWorkAddressesList ?? []\n  const currentWorkAddress = workAddresses.find(address => address.active) ?? workAddresses[0]\n\n  if (!currentWorkAddress?.locationUuid) {\n    throw new Error('No active work address with a location found for this employee')\n  }\n\n  const {\n    data: { minimumWageList },\n  } = useLocationsGetMinimumWagesSuspense({\n    locationUuid: currentWorkAddress.locationUuid,\n  })\n  const minimumWages = minimumWageList ?? []\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  if (!employee) {\n    throw new Error('Employee not found')\n  }\n\n  const { data } = useFederalTaxDetailsGetSuspense({ companyId: employee.companyUuid! })\n  const showTwoPercentStakeholder = data.federalTaxDetails?.taxableAsScorp === true\n\n  const currentJob = useMemo(\n    () => (currentJobId ? (employeeJobs.find(job => job.uuid === currentJobId) ?? null) : null),\n    [employeeJobs, currentJobId],\n  )\n  const currentCompensation = findCurrentCompensation(currentJob)\n\n  const primaryFlsaStatus = useMemo<string | undefined>(() => {\n    return employeeJobs.reduce<string | undefined>((prev, curr) => {\n      const compensation = curr.compensations?.find(\n        comp => comp.uuid === curr.currentCompensationUuid,\n      )\n      if (!curr.primary || !compensation) return prev\n      return compensation.flsaStatus ?? prev\n    }, undefined)\n  }, [employeeJobs])\n\n  const defaultValues = useMemo<CompensationInputs>(() => {\n    return {\n      jobTitle:\n        currentJob?.title && currentJob.title !== ''\n          ? currentJob.title\n          : (partnerDefaultValues?.title ?? ''),\n      flsaStatus:\n        currentCompensation?.flsaStatus ?? primaryFlsaStatus ?? partnerDefaultValues?.flsaStatus,\n      rate: Number(currentCompensation?.rate ?? partnerDefaultValues?.rate ?? 0),\n      adjustForMinimumWage: currentCompensation?.adjustForMinimumWage ?? false,\n      minimumWageId: currentCompensation?.minimumWages?.[0]?.uuid ?? '',\n      paymentUnit: currentCompensation?.paymentUnit ?? partnerDefaultValues?.paymentUnit ?? 'Hour',\n      stateWcCovered: currentJob?.stateWcCovered ?? false,\n      stateWcClassCode: currentJob?.stateWcClassCode ?? '',\n      twoPercentShareholder: currentJob?.twoPercentShareholder ?? false,\n    } as CompensationInputs\n  }, [currentJob, currentCompensation, primaryFlsaStatus, partnerDefaultValues])\n\n  const updateCompensationMutation = useJobsAndCompensationsUpdateCompensationMutation()\n  const createEmployeeJobMutation = useJobsAndCompensationsCreateJobMutation()\n  const updateEmployeeJobMutation = useJobsAndCompensationsUpdateMutation()\n\n  const isPending =\n    updateCompensationMutation.isPending ||\n    createEmployeeJobMutation.isPending ||\n    updateEmployeeJobMutation.isPending\n\n  const otherJobsCount = currentJob\n    ? employeeJobs.filter(job => job.uuid !== currentJob.uuid).length\n    : employeeJobs.length\n\n  const onSave = async (formData: CompensationOutputs) => {\n    await baseSubmitHandler(formData, async payload => {\n      const { jobTitle, twoPercentShareholder, ...compensationData } = payload\n      let updatedJobData: Job\n\n      if (!currentJob) {\n        const createResult = await createEmployeeJobMutation.mutateAsync({\n          request: {\n            employeeId,\n            jobsCreateRequestBody: {\n              title: jobTitle,\n              hireDate: startDate,\n              stateWcCovered: compensationData.stateWcCovered,\n              stateWcClassCode: compensationData.stateWcCovered\n                ? compensationData.stateWcClassCode\n                : null,\n              twoPercentShareholder: twoPercentShareholder ?? false,\n            },\n          },\n        })\n        updatedJobData = createResult.job!\n        onEvent(componentEvents.EMPLOYEE_JOB_CREATED, updatedJobData)\n      } else {\n        const updateResult = await updateEmployeeJobMutation.mutateAsync({\n          request: {\n            jobId: currentJob.uuid,\n            jobsUpdateRequestBody: {\n              title: jobTitle,\n              version: currentJob.version as string,\n              hireDate: startDate,\n              stateWcClassCode: compensationData.stateWcCovered\n                ? compensationData.stateWcClassCode\n                : null,\n              stateWcCovered: compensationData.stateWcCovered,\n              twoPercentShareholder: twoPercentShareholder ?? false,\n            },\n          },\n        })\n        updatedJobData = updateResult.job!\n        onEvent(componentEvents.EMPLOYEE_JOB_UPDATED, updatedJobData)\n      }\n\n      const { compensation } = await updateCompensationMutation.mutateAsync({\n        request: {\n          compensationId: updatedJobData.currentCompensationUuid!,\n          compensationsUpdateRequestBody: {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n            version: updatedJobData.compensations?.find(\n              comp => comp.uuid === updatedJobData.currentCompensationUuid,\n            )?.version!,\n            ...compensationData,\n            rate: String(compensationData.rate),\n            minimumWages: compensationData.adjustForMinimumWage\n              ? [{ uuid: compensationData.minimumWageId }]\n              : [],\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensation)\n\n      onSaved(formData)\n    })\n  }\n\n  const canChangeFlsaClassification = currentJob?.primary === true || employeeJobs.length === 0\n\n  return (\n    <section className={className}>\n      <EditCompensationPresentation\n        defaultValues={defaultValues}\n        title={title}\n        submitCtaLabel={submitCtaLabel}\n        canChangeFlsaClassification={canChangeFlsaClassification}\n        currentCompensationFlsaStatus={currentCompensation?.flsaStatus ?? undefined}\n        otherJobsCount={otherJobsCount}\n        state={currentWorkAddress.state}\n        minimumWages={minimumWages}\n        showTwoPercentStakeholder={showTwoPercentStakeholder}\n        isPending={isPending}\n        onSave={onSave}\n        onCancel={onCancel}\n      />\n    </section>\n  )\n}\n"],"names":["EditCompensation","props","useComponentDictionary","jsx","BaseComponent","Root","findCurrentCompensation","job","comp","employeeId","startDate","currentJobId","title","submitCtaLabel","onSaved","onCancel","partnerDefaultValues","className","useI18n","onEvent","baseSubmitHandler","useBase","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","useMemo","addressesData","useEmployeeAddressesGetWorkAddressesSuspense","workAddresses","currentWorkAddress","address","minimumWageList","useLocationsGetMinimumWagesSuspense","minimumWages","employee","useEmployeesGetSuspense","data","useFederalTaxDetailsGetSuspense","showTwoPercentStakeholder","currentJob","currentCompensation","primaryFlsaStatus","prev","curr","compensation","defaultValues","updateCompensationMutation","useJobsAndCompensationsUpdateCompensationMutation","createEmployeeJobMutation","useJobsAndCompensationsCreateJobMutation","updateEmployeeJobMutation","useJobsAndCompensationsUpdateMutation","isPending","otherJobsCount","onSave","formData","payload","jobTitle","twoPercentShareholder","compensationData","updatedJobData","componentEvents","canChangeFlsaClassification","EditCompensationPresentation"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage';
+import { CompensationInputs, CompensationOutputs } from '../compensationSchema';
+export interface EditCompensationPresentationProps {
+    defaultValues: CompensationInputs;
+    title: string;
+    submitCtaLabel: string;
+    canChangeFlsaClassification: boolean;
+    currentCompensationFlsaStatus: string | undefined;
+    otherJobsCount: number;
+    state: string | undefined;
+    minimumWages: MinimumWage[];
+    showTwoPercentStakeholder: boolean;
+    isPending: boolean;
+    onSave: (data: CompensationOutputs) => void | Promise<void>;
+    onCancel?: () => void;
+}
+export declare function EditCompensationPresentation({ defaultValues, title, submitCtaLabel, canChangeFlsaClassification, currentCompensationFlsaStatus, otherJobsCount, state, minimumWages, showTwoPercentStakeholder, isPending, onSave, onCancel, }: EditCompensationPresentationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,224 @@
+import { jsx as t, jsxs as l, Fragment as N } from "react/jsx-runtime";
+import { useState as H, useEffect as K, useMemo as q } from "react";
+import { useForm as B, useWatch as f, FormProvider as z } from "react-hook-form";
+import { useTranslation as G, Trans as W } from "react-i18next";
+import { zodResolver as J } from "@hookform/resolvers/zod";
+import { CompensationSchema as Z, rateMinimumError as Q, rateExemptThresholdError as V } from "../compensationSchema.js";
+import { Flex as ee } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { FlsaStatus as i, PAY_PERIODS as r, TIP_CREDITS_UNSUPPORTED_STATES as te, FLSA_OVERTIME_SALARY_LIMIT as g } from "../../../../shared/constants.js";
+import { ActionsLayout as ie } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as oe } from "../../../Common/Form/Form.js";
+import { useComponentContext as ae } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as ne } from "../../../../i18n/I18n.js";
+import se from "../../../../hooks/useNumberFormatter.js";
+import { WA_RISK_CLASS_CODES as re } from "../../../../models/WA_RISK_CODES.js";
+import { TextInputField as le } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { SelectField as C } from "../../../Common/Fields/SelectField/SelectField.js";
+import { NumberInputField as me } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
+import { CheckboxField as ce } from "../../../Common/Fields/CheckboxField/CheckboxField.js";
+import { RadioGroupField as pe } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { ComboBoxField as de } from "../../../Common/Fields/ComboBoxField/ComboBoxField.js";
+import { SwitchField as ue } from "../../../Common/Fields/SwitchField/SwitchField.js";
+function Ye({
+  defaultValues: m,
+  title: v,
+  submitCtaLabel: y,
+  canChangeFlsaClassification: I,
+  currentCompensationFlsaStatus: T,
+  otherJobsCount: _,
+  state: c,
+  minimumWages: E,
+  showTwoPercentStakeholder: L,
+  isPending: M,
+  onSave: F,
+  onCancel: p
+}) {
+  ne("Employee.Compensation");
+  const { t: e } = G("Employee.Compensation"), d = se("currency"), s = ae(), h = B({
+    resolver: J(Z),
+    defaultValues: m
+  }), {
+    control: u,
+    setValue: n,
+    formState: { errors: b },
+    handleSubmit: P
+  } = h, a = f({ control: u, name: "flsaStatus" }), k = f({ control: u, name: "stateWcCovered" }), U = f({ control: u, name: "adjustForMinimumWage" }), [R, Y] = H(!1);
+  K(() => {
+    a === i.OWNER ? n("paymentUnit", "Paycheck") : a === i.COMMISSION_ONLY_NONEXEMPT || a === i.COMMISSION_ONLY_EXEMPT ? (n("paymentUnit", "Year"), n("rate", 0)) : n("paymentUnit", m.paymentUnit);
+  }, [a, n, m.paymentUnit]);
+  const w = (o) => {
+    T === i.NONEXEMPT && _ > 0 && Y(!0), o === i.OWNER ? n("paymentUnit", "Paycheck") : (o === i.COMMISSION_ONLY_NONEXEMPT || o === i.COMMISSION_ONLY_EXEMPT) && (n("paymentUnit", "Year"), n("rate", 0));
+  }, A = q(
+    () => re.map(({ code: o, description: $ }) => ({
+      value: o,
+      label: `${o}: ${$}`
+    })),
+    []
+  ), D = Object.keys(i).map(
+    (o) => ({
+      value: i[o],
+      label: e(`flsaStatusLabels.${i[o]}`)
+    })
+  ), x = [
+    { value: r.HOUR, label: e("paymentUnitOptions.Hour") },
+    { value: r.WEEK, label: e("paymentUnitOptions.Week") },
+    { value: r.MONTH, label: e("paymentUnitOptions.Month") },
+    { value: r.YEAR, label: e("paymentUnitOptions.Year") },
+    { value: r.PAYCHECK, label: e("paymentUnitOptions.Paycheck") }
+  ], S = a !== i.NONEXEMPT || I, j = a === i.NONEXEMPT && E.length > 0 && c !== void 0 && !te.includes(c);
+  let O = e("validations.rate");
+  b.rate?.message === Q ? O = e("validations.nonZeroRate") : b.rate?.message === V && (O = e("validations.rateExemptThreshold", {
+    limit: d(g)
+  }));
+  const X = !!p;
+  return /* @__PURE__ */ t(z, { ...h, children: /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ l(ee, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ t(s.Heading, { as: "h2", children: v }),
+    R && /* @__PURE__ */ t(
+      s.Alert,
+      {
+        label: e("validations.classificationChangeNotification"),
+        status: "warning"
+      }
+    ),
+    /* @__PURE__ */ t(
+      le,
+      {
+        name: "jobTitle",
+        label: e("jobTitle"),
+        isRequired: !0,
+        errorMessage: e("validations.title")
+      }
+    ),
+    S && /* @__PURE__ */ t(
+      C,
+      {
+        name: "flsaStatus",
+        label: e("employeeClassification"),
+        description: /* @__PURE__ */ t(
+          W,
+          {
+            t: e,
+            i18nKey: "classificationLink",
+            components: {
+              ClassificationLink: /* @__PURE__ */ t(s.Link, {})
+            }
+          }
+        ),
+        errorMessage: e("validations.exemptThreshold", {
+          limit: d(g)
+        }),
+        options: D,
+        isRequired: !0,
+        isDisabled: !S,
+        onChange: w
+      }
+    ),
+    /* @__PURE__ */ t(
+      me,
+      {
+        name: "rate",
+        label: e("amount"),
+        format: "currency",
+        min: 0,
+        errorMessage: O,
+        isRequired: !0,
+        isDisabled: a === i.COMMISSION_ONLY_NONEXEMPT || a === i.COMMISSION_ONLY_EXEMPT
+      }
+    ),
+    /* @__PURE__ */ t(
+      C,
+      {
+        name: "paymentUnit",
+        label: e("paymentUnitLabel"),
+        description: e("paymentUnitDescription"),
+        options: x,
+        errorMessage: e("validations.paymentUnit"),
+        isRequired: !0,
+        isDisabled: a === i.OWNER || a === i.COMMISSION_ONLY_NONEXEMPT || a === i.COMMISSION_ONLY_EXEMPT
+      }
+    ),
+    j && /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ t(
+        ue,
+        {
+          name: "adjustForMinimumWage",
+          label: e("adjustForMinimumWage"),
+          description: e("adjustForMinimumWageDescription")
+        }
+      ),
+      U && /* @__PURE__ */ t(
+        C,
+        {
+          name: "minimumWageId",
+          label: e("minimumWageLabel"),
+          description: e("minimumWageDescription"),
+          options: E.map((o) => ({
+            value: o.uuid,
+            label: `${d(Number(o.wage))} - ${o.authority}: ${o.notes ?? ""}`
+          })),
+          errorMessage: e("validations.minimumWage")
+        }
+      )
+    ] }),
+    L && /* @__PURE__ */ t(ce, { label: e("twoPercentStakeholderLabel"), name: "twoPercentShareholder" }),
+    c === "WA" && /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ t(
+        pe,
+        {
+          name: "stateWcCovered",
+          label: e("stateWcCoveredLabel"),
+          description: /* @__PURE__ */ t(
+            W,
+            {
+              t: e,
+              i18nKey: "stateWcCoveredDescription",
+              components: {
+                wcLink: /* @__PURE__ */ t(
+                  s.Link,
+                  {
+                    href: "https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/",
+                    target: "_blank",
+                    rel: "noopener noreferrer"
+                  }
+                )
+              }
+            }
+          ),
+          options: [
+            { label: e("stateWcCoveredOptions.yes"), value: !0 },
+            { label: e("stateWcCoveredOptions.no"), value: !1 }
+          ]
+        }
+      ),
+      k && /* @__PURE__ */ t(
+        de,
+        {
+          name: "stateWcClassCode",
+          label: e("stateWcClassCodeLabel"),
+          options: A,
+          errorMessage: e("validations.stateWcClassCode"),
+          placeholder: e("stateWcClassCodeLabel"),
+          description: e("stateWcClassCodeDescription")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(ie, { children: [
+      X && p && /* @__PURE__ */ t(s.Button, { variant: "secondary", onClick: p, isDisabled: M, children: e("cancelNewJobCta") }),
+      /* @__PURE__ */ t(
+        s.Button,
+        {
+          onClick: () => {
+            P(F)();
+          },
+          isLoading: M,
+          children: y
+        }
+      )
+    ] })
+  ] }) }) });
+}
+export {
+  Ye as EditCompensationPresentation
+};
+//# sourceMappingURL=EditCompensationPresentation.js.map