npm - @gusto/embedded-react-sdk - Versions diffs - 0.37.0-rc.5 → 0.38.0-rc.1 - Mend

@gusto/embedded-react-sdk 0.37.0-rc.5 → 0.38.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (476) hide show

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

	@@ -1 +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.jobList!\n\n const { data: addressesData } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n const workAddresses = addressesData.employeeWorkAddressesList!\n\n const currentWorkAddress = workAddresses.find(address => address.active)!\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!.taxPayerType === 'S-Corporation'\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 requestBody: {\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 requestBody: {\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","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":";;;;;;;;;;;;;;;;;;;;;;;;;AAqDO,SAASA,GAAaC,GAAmD;AAC9E,SAAAC,GAAuB,yBAAyBD,EAAM,UAAU,GAE9D,gBAAAE,EAACC,IAAA,EAAe,GAAGH,GACjB,UAAA,gBAAAE,EAACE,MAAM,GAAGJ,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAA0B,CAACC,MACxBA,GAAa,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAY,uBAAuB,GAG7FF,KAAO,CAAC,EAAE,YAAAI,GAAY,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,GAAGX,QAA+B;AAC5F,EAAAY,GAAQ,uBAAuB;AAC/B,QAAM,EAAE,mBAAAC,GAAmB,SAAAC,EAAA,IAAYC,GAAA,GAEjC,EAAE,MAAMC,EAAA,IAAaC,GAAuC,EAAE,YAAAT,GAAY,GAC1EU,IAAeF,EAAS,SAExB,EAAE,MAAMG,EAAA,IAAkBC,GAA6C,EAAE,YAAAZ,GAAY,GAGrFa,IAFgBF,EAAc,0BAEK,KAAK,CAAAG,MAAWA,EAAQ,MAAM,GAEjE;AAAA,IACJ,MAAM,EAAE,iBAAAC,EAAA;AAAA,EAAgB,IACtBC,GAAoC;AAAA,IACtC,cAAcH,EAAmB;AAAA,EAAA,CAClC,GACKI,IAAeF,GAEf;AAAA,IACJ,MAAM,EAAE,UAAAG,EAAA;AAAA,EAAS,IACfC,GAAwB,EAAE,YAAAnB,GAAY;AAE1C,MAAI,CAACkB;AACH,UAAM,IAAI,MAAM,oBAAoB;AAGtC,QAAM,EAAE,MAAAE,MAASC,GAAgC,EAAE,WAAWH,EAAS,aAAc,GAC/EI,IAA4BF,EAAK,kBAAmB,iBAAiB,iBAErEG,IAA6BC,GAAA,GAC7BC,IAA4BC,GAAA,GAC5BC,IAA4BC,GAAA,GAC5BC,IAA4BC,GAAA,GAG5B,CAACC,GAAYC,CAAa,IAAIC;AAAA,IAClCvB,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ;AAAA,EAAA,GAGpD,CAACwB,GAAMC,CAAO,IAAIF,EAAe,MAAM;AAC3C,QAAI,CAACvB,EAAa;AAChB,aAAO;AAGT,UAAM0B,IAAsBvC,EAAwBa,EAAa,CAAC,CAAC;AAEnE,WAAIA,EAAa,WAAW,KAAK0B,GAAqB,eAAeC,EAAW,YACvE,qBAGF;AAAA,EACT,CAAC,GAEK,CAACC,GAAuBC,CAAwB,IAAIN,EAAS,EAAK,GAElEG,IAAsBvC,EAAwBkC,CAAU,GAIxDS,IAAoBC,EAA4B,MAC7C/B,EAAa,OAA2B,CAACgC,GAAMC,MAAS;AAC7D,UAAMC,IAAeD,EAAK,eAAe;AAAA,MACvC,CAAA5C,MAAQA,EAAK,SAAS4C,EAAK;AAAA,IAAA;AAE7B,WAAI,CAACA,EAAK,WAAW,CAACC,IAAqBF,IACpCE,EAAa,cAAcF;AAAA,EACpC,GAAG,MAAS,GACX,CAAChC,CAAY,CAAC,GAEXmC,IAAoCJ,EAAQ,OACzC;AAAA,IACL,UACEV,GAAY,SAASA,EAAW,UAAU,KACtCA,EAAW,QACVvC,EAAM,eAAe,SAAS;AAAA,IACrC,YACE4C,GAAqB,cAAcI,KAAqBhD,EAAM,eAAe;AAAA,IAC/E,MAAM,OAAO4C,GAAqB,QAAQ5C,EAAM,eAAe,QAAQ,CAAC;AAAA,IACxE,sBAAsB4C,GAAqB,wBAAwB;AAAA,IACnE,eAAeA,GAAqB,eAAe,CAAC,GAAG,QAAQ;AAAA,IAC/D,aAAaA,GAAqB,eAAe5C,EAAM,eAAe,eAAe;AAAA,IACrF,gBAAgBuC,GAAY,kBAAkB;AAAA,IAC9C,kBAAkBA,GAAY,oBAAoB;AAAA,IAClD,uBAAuBA,GAAY,yBAAyB;AAAA,EAAA,IAE7D,CAACA,GAAYK,GAAqBI,GAAmBhD,EAAM,aAAa,CAAC,GAEtEsD,IAAcC,EAA0D;AAAA,IAC5E,UAAUC,EAAYC,EAAkB;AAAA,IACxC,eAAAJ;AAAA,EAAA,CACD,GACK,EAAE,YAAAK,GAAY,UAAAC,GAAU,cAAAC,GAAc,OAAAC,MAAUP;AACtD,SAAAQ,EAAU,MAAM;AACd,IAAAD,EAAMR,CAAa;AAAA,EACrB,GAAG,CAACd,GAAYc,GAAeQ,CAAK,CAAC,GA4InC,gBAAA3D,EAAC,aAAQ,WAAAQ,GACP,UAAA,gBAAAR;AAAA,IAAC6D;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,cAAA7C;AAAA,QACA,YAAAqB;AAAA,QACA,mBAAAS;AAAA,QACA,uBAAAF;AAAA,QACA,MAAAJ;AAAA,QACA,cAAAjB;AAAA,QACA,kBA9BiB,CAACuC,MAA2B;AAEnD,UAAIpB,GAAqB,eAAeC,EAAW,aAAa3B,EAAa,SAAS,KACpF6B,EAAyB,EAAI,GAE3BiB,MAAUnB,EAAW,SACvBc,EAAS,eAAe,UAAU,GAClCD,EAAW,QAAQ,EAAE,cAAc,OAAOd,GAAqB,IAAI,GAAG,KAEtEoB,MAAUnB,EAAW,6BACrBmB,MAAUnB,EAAW,0BAErBc,EAAS,eAAe,MAAM,GAC9BA,EAAS,QAAQ,CAAC,MAGlBD,EAAW,eAAe,EAAE,cAAcd,GAAqB,aAAa,GAC5Ec,EAAW,QAAQ,EAAE,cAAc,OAAOd,GAAqB,IAAI,GAAG;AAAA,QAE1E;AAAA,QAYQ,cArCa,OAAOqB,MAAkB;AAC5C,gBAAM5B,EAA0B,YAAY,EAAE,SAAS,EAAE,OAAA4B,EAAA,GAAS,GAClEnD,EAAQoD,EAAgB,oBAAoB;AAAA,QAC9C;AAAA,QAmCQ,YA9CW,CAACC,MAAiB;AACnC,gBAAMC,IAAclD,EAAa,KAAK,CAAAmD,MAAOF,MAASE,EAAI,IAAI;AAC9D,UAAID,MACFzB,EAAQ,qBAAqB,GAC7BH,EAAc4B,CAAW;AAAA,QAE7B;AAAA,QAyCQ,WAhEU,MAAM;AACtB,UAAAzB,EAAQ,oBAAoB,GAC5BH,EAAc,IAAI,GAClBqB,EAAMR,CAAa;AAAA,QACrB;AAAA,QA6DQ,kBAvJiB,OAAOiB,MAAmB;AACjD,cAAI5B,MAAS,UAAU4B,MAAY,WAAW;AAC5C,YAAAxD,EAAQoD,EAAgB,0BAA0B;AAClD;AAAA,UACF;AAEA,cAAI,CAAC3B,KAAcG,MAAS,QAAQ;AAClC,YAAAC,EAAQ,oBAAoB;AAC5B;AAAA,UACF;AAEA,gBAAMiB,EAAa,OAAOhC,MAA8B;AACtD,kBAAMf,EAAkBe,GAAM,OAAM2C,MAAW;AAC7C,oBAAM,EAAE,UAAAC,GAAU,uBAAAC,GAAuB,GAAGC,MAAqBH;AACjE,kBAAII;AAEJ,cAAKpC,KAkCHoC,KAfa,MAAMxC,EAA0B,YAAY;AAAA,gBACvD,SAAS;AAAA,kBACP,OAAOI,EAAW;AAAA,kBAClB,aAAa;AAAA,oBACX,OAAOiC;AAAA,oBACP,SAASjC,EAAW;AAAA,oBACpB,UAAU9B;AAAA,oBACV,kBAAkBiE,EAAiB,iBAC/BA,EAAiB,mBACjB;AAAA,oBACJ,gBAAgBA,EAAiB;AAAA,oBACjC,uBAAuBD,KAAyB;AAAA,kBAAA;AAAA,gBAClD;AAAA,cACF,CACD,GACqB,KACtB3D,EAAQoD,EAAgB,sBAAsBS,CAAc,MAnB5DA,KAda,MAAM1C,EAA0B,YAAY;AAAA,gBACvD,SAAS;AAAA,kBACP,YAAAzB;AAAA,kBACA,aAAa;AAAA,oBACX,OAAOgE;AAAA,oBACP,UAAU/D;AAAA,oBACV,gBAAgBiE,EAAiB;AAAA,oBACjC,kBAAkBA,EAAiB,iBAC/BA,EAAiB,mBACjB;AAAA,oBACJ,uBAAuBD,KAAyB;AAAA,kBAAA;AAAA,gBAClD;AAAA,cACF,CACD,GACqB,KACtB3D,EAAQoD,EAAgB,sBAAsBS,CAAc;AAqB9D,oBAAM,EAAE,cAAAvB,EAAA,IAAiB,MAAMrB,EAA2B,YAAY;AAAA,gBACpE,SAAS;AAAA,kBACP,gBAAgB4C,EAAe;AAAA,kBAC/B,gCAAgC;AAAA;AAAA,oBAE9B,SAASA,EAAe,eAAe;AAAA,sBACrC,CAAApE,MAAQA,EAAK,SAASoE,EAAe;AAAA,oBAAA,GACpC;AAAA,oBACH,GAAGD;AAAA,oBACH,MAAM,OAAOA,EAAiB,IAAI;AAAA,oBAClC,cAAcA,EAAiB,uBAC3B,CAAC,EAAE,MAAMA,EAAiB,cAAA,CAAe,IACzC,CAAA;AAAA,kBAAC;AAAA,gBACP;AAAA,cACF,CACD;AAKD,sBAJA3B,EAAyB,EAAK,GAC9BjC,EAAQoD,EAAgB,+BAA+Bd,CAAY,GAG3DkB,GAAA;AAAA,gBACN,KAAK;AACH,kBAAA3B,EAAQ,MAAM,GACdH,EAAc,IAAI,GAClBqB,EAAMR,CAAa;AACnB;AAAA,gBACF;AACE,kBAAAvC,EAAQoD,EAAgB,0BAA0B;AAAA,cAAA;AAAA,YAExD,CAAC;AAAA,UACH,CAAC,EAAA;AAAA,QACH;AAAA,QAmEQ,oBA5DmB,MAAM;AAC/B,UAAIhD,EAAa,SAAS,IACxByB,EAAQ,MAAM,IAEdA,EAAQ,iBAAiB,GAG3BH,EAAc,IAAI,GAClBqB,EAAMR,CAAa;AAAA,QACrB;AAAA,QAoDQ,WACEtB,EAA2B,aAC3BE,EAA0B,aAC1BE,EAA0B,aAC1BE,EAA0B;AAAA,QAC5B,OAAOhB,EAAmB;AAAA,QAC1B,2BAAAS;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAA5B,EAAC0E,MAAc,GAAGtB,GAChB,4BAACuB,IAAA,EACE,UAAAlE,KAGC,gBAAAmE,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA7E,EAAC8E,IAAA,EAAK;AAAA,0BACLC,IAAA,EAAK;AAAA,0BACLC,IAAA,EAAK;AAAA,0BACLC,IAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,GAEaC,KAAyB,MAAM;AAC1C,QAAM,EAAE,YAAA5E,GAAY,SAAAM,GAAS,WAAAL,GAAW,eAAA4C,EAAA,IAAkBgC,GAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,GAAe,QAAQ;AAErC,MAAI,CAAC/E,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACR6E,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQ9E,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAN;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,YAAAS;AAAA,MACA,WAAAC;AAAA,MACA,SAAAK;AAAA,MACA,eAAeuC,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;"}
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.jobList!\n\n const { data: addressesData } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n const workAddresses = addressesData.employeeWorkAddressesList!\n\n const currentWorkAddress = workAddresses.find(address => address.active)!\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 requestBody: {\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 requestBody: {\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","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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"}

package/dist/components/Employee/Compensation/List.js CHANGED Viewed

@@ -3,12 +3,11 @@ import { useTranslation as p } from "react-i18next";
 import { useCompensation as d } from "./useCompensation.js";
 import C from "../../../assets/icons/pencil.svg.js";
 import c from "../../../assets/icons/trashcan.svg.js";
-import "../../../shared/constants.js";
 import { HamburgerMenu as f } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as y } from "../../Common/DataView/useDataView.js";
 import { DataView as g } from "../../Common/DataView/DataView.js";
-const P = () => {
-  const { employeeJobs: i, mode: o, isPending: r, handleEdit: l, handleDelete: s } = d(), { t } = p("Employee.Compensation"), { ...m } = y({
+const D = () => {
+  const { employeeJobs: i, mode: o, isPending: l, handleEdit: r, handleDelete: s } = d(), { t } = p("Employee.Compensation"), { ...m } = y({
     data: i,
     columns: [
       {
@@ -46,7 +45,7 @@ const P = () => {
             label: t("allCompensations.editCta"),
             icon: /* @__PURE__ */ a(C, { "aria-hidden": !0 }),
             onClick: () => {
-              l(e.uuid);
+              r(e.uuid);
             }
           },
           ...e.primary ? [] : [
@@ -59,7 +58,7 @@ const P = () => {
             }
           ]
         ],
-        isLoading: r
+        isLoading: l
       }
     )
   });
@@ -67,6 +66,6 @@ const P = () => {
     return /* @__PURE__ */ a(g, { "data-testid": "data-view", label: t("allCompensations.tableLabel"), ...m });
 };
 export {
-  P as List
+  D as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Employee/Compensation/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n const { t } = useTranslation('Employee.Compensation')\n\n const { ...dataViewProps } = useDataView({\n data: employeeJobs,\n columns: [\n {\n key: 'title',\n title: t('allCompensations.jobColumn'),\n render: (job: Job) => job.title \|\| '',\n },\n {\n key: 'flsaStatus',\n title: t('allCompensations.typeColumn'),\n render: (job: Job) => {\n const flsaStatus = job.compensations?.find(\n comp => comp.uuid === job.currentCompensationUuid,\n )?.flsaStatus\n return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n },\n },\n {\n key: 'rate',\n title: t('allCompensations.amountColumn'),\n render: (job: Job) => job.rate?.toString() \|\| '',\n },\n {\n key: 'paymentUnit',\n title: t('allCompensations.perColumn'),\n render: (job: Job) => job.paymentUnit \|\| '',\n },\n ],\n itemMenu: (job: Job) => (\n <HamburgerMenu\n triggerLabel={t('hamburgerTitle')}\n items={[\n {\n label: t('allCompensations.editCta'),\n icon: <PencilSvg aria-hidden />,\n onClick: () => {\n handleEdit(job.uuid)\n },\n },\n ...(!job.primary\n ? [\n {\n label: t('allCompensations.deleteCta'),\n icon: <TrashCanSvg aria-hidden />,\n onClick: () => {\n handleDelete(job.uuid)\n },\n },\n ]\n : []),\n ]}\n isLoading={isPending}\n />\n ),\n })\n\n if (mode !== 'LIST') {\n return\n }\n\n return (\n <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":"~~;;;;;;;;;~~AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA,GAC9D,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACS,MAAaA,EAAI,SAAS;AAAA,MAAA;AAAA,MAErC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACA,MAAa;AACpB,gBAAMC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACD,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACA,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAD,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAX,EAAWM,EAAI,IAAI;AAAA,YACrB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAO,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAG,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAX,EAAaK,EAAI,IAAI;AAAA,cACvB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWP;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAIb,WACE,gBAAAW,EAACI,KAAS,eAAY,aAAY,OAAO,EAAE,6BAA6B,GAAI,GAAGT,GAAe;AAElG;"}
1	+ {"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n const { t } = useTranslation('Employee.Compensation')\n\n const { ...dataViewProps } = useDataView({\n data: employeeJobs,\n columns: [\n {\n key: 'title',\n title: t('allCompensations.jobColumn'),\n render: (job: Job) => job.title \|\| '',\n },\n {\n key: 'flsaStatus',\n title: t('allCompensations.typeColumn'),\n render: (job: Job) => {\n const flsaStatus = job.compensations?.find(\n comp => comp.uuid === job.currentCompensationUuid,\n )?.flsaStatus\n return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n },\n },\n {\n key: 'rate',\n title: t('allCompensations.amountColumn'),\n render: (job: Job) => job.rate?.toString() \|\| '',\n },\n {\n key: 'paymentUnit',\n title: t('allCompensations.perColumn'),\n render: (job: Job) => job.paymentUnit \|\| '',\n },\n ],\n itemMenu: (job: Job) => (\n <HamburgerMenu\n triggerLabel={t('hamburgerTitle')}\n items={[\n {\n label: t('allCompensations.editCta'),\n icon: <PencilSvg aria-hidden />,\n onClick: () => {\n handleEdit(job.uuid)\n },\n },\n ...(!job.primary\n ? [\n {\n label: t('allCompensations.deleteCta'),\n icon: <TrashCanSvg aria-hidden />,\n onClick: () => {\n handleDelete(job.uuid)\n },\n },\n ]\n : []),\n ]}\n isLoading={isPending}\n />\n ),\n })\n\n if (mode !== 'LIST') {\n return\n }\n\n return (\n <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA,GAC9D,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACS,MAAaA,EAAI,SAAS;AAAA,MAAA;AAAA,MAErC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACA,MAAa;AACpB,gBAAMC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACD,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACA,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAD,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAX,EAAWM,EAAI,IAAI;AAAA,YACrB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAO,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAG,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAX,EAAaK,EAAI,IAAI;AAAA,cACvB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWP;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAIb,WACE,gBAAAW,EAACI,KAAS,eAAY,aAAY,OAAO,EAAE,6BAA6B,GAAI,GAAGT,GAAe;AAElG;"}

package/dist/components/Employee/DocumentSigner/DocumentList/Actions.js CHANGED Viewed

@@ -1,14 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useDocumentList as s } from "./useDocumentList.js";
-import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function C() {
-  const { t: n } = r("Employee.DocumentSigner"), { handleContinue: t, hasSignedAllForms: i } = s(), e = c();
-  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(e.Button, { onClick: t, isLoading: !1, isDisabled: !i, children: n("continueCta") }) });
+function d() {
+  const { t: n } = r("Employee.DocumentSigner"), { handleContinue: t, hasSignedAllForms: e } = s(), i = c();
+  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i.Button, { onClick: t, isLoading: !1, isDisabled: !e, children: n("continueCta") }) });
 }
 export {
-  C as Actions
+  d as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Employee/DocumentSigner/DocumentList/Actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n const { t } = useTranslation('Employee.DocumentSigner')\n const { handleContinue, hasSignedAllForms } = useDocumentList()\n const Components = useComponentContext()\n\n return (\n <ActionsLayout>\n <Components.Button onClick={handleContinue} isLoading={false} isDisabled={!hasSignedAllForms}>\n {t('continueCta')}\n </Components.Button>\n </ActionsLayout>\n )\n}\n"],"names":["Actions","t","useTranslation","handleContinue","hasSignedAllForms","useDocumentList","Components","useComponentContext","ActionsLayout","jsx"],"mappings":"~~;;;;;;~~AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBC,EAAA,GACxCC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAASH,GAAgB,WAAW,IAAO,YAAY,CAACC,GACxE,UAAAH,EAAE,aAAa,GAClB,GACF;AAEJ;"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n const { t } = useTranslation('Employee.DocumentSigner')\n const { handleContinue, hasSignedAllForms } = useDocumentList()\n const Components = useComponentContext()\n\n return (\n <ActionsLayout>\n <Components.Button onClick={handleContinue} isLoading={false} isDisabled={!hasSignedAllForms}>\n {t('continueCta')}\n </Components.Button>\n </ActionsLayout>\n )\n}\n"],"names":["Actions","t","useTranslation","handleContinue","hasSignedAllForms","useDocumentList","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBC,EAAA,GACxCC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAASH,GAAgB,WAAW,IAAO,YAAY,CAACC,GACxE,UAAAH,EAAE,aAAa,GAClB,GACF;AAEJ;"}

package/dist/components/Employee/EmployeeList/EmployeeList.d.ts CHANGED Viewed

@@ -1,10 +1,7 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../Base/Base';
 interface EmployeeListProps extends CommonComponentInterface<'Employee.EmployeeList'> {
     companyId: string;
+    onEvent: BaseComponentInterface['onEvent'];
 }
-export declare function EmployeeList(props: EmployeeListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-/**
- * Wrapper used inside Flows -> exposes flow context for required parameters
- */
-export declare const EmployeeListContextual: () => import("react/jsx-runtime").JSX.Element;
+export declare function EmployeeList({ FallbackComponent, ...props }: EmployeeListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Employee/EmployeeList/EmployeeList.js CHANGED Viewed

@@ -1,100 +1,54 @@
-import { jsx as o, jsxs as R } from "react/jsx-runtime";
-import { useEmployeesList as T } from "@gusto/embedded-api/react-query/employeesList";
-import { useEmployeesDeleteMutation as B } from "@gusto/embedded-api/react-query/employeesDelete";
-import { useEmployeesUpdateOnboardingStatusMutation as v } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
-import { keepPreviousData as G } from "@tanstack/react-query";
-import { EmployeeListProvider as x } from "./useEmployeeList.js";
-import { Actions as C } from "./Actions.js";
-import { BaseComponent as Y } from "../../Base/Base.js";
-import { useBase as F } from "../../Base/useBase.js";
-import { Flex as U } from "../../Common/Flex/Flex.js";
-import { Loading as W } from "../../Common/Loading/Loading.js";
-import { useI18n as q, useComponentDictionary as j } from "../../../i18n/I18n.js";
-import { componentEvents as s, EmployeeOnboardingStatus as m } from "../../../shared/constants.js";
-import { Head as k } from "./Head.js";
-import { List as H } from "./List.js";
-import { useFlow as V } from "../../Flow/useFlow.js";
-import { usePagination as z } from "../../../hooks/usePagination/usePagination.js";
-function J(n) {
-  return /* @__PURE__ */ o(Y, { ...n, children: /* @__PURE__ */ o(K, { ...n, children: n.children }) });
-}
-function K({ companyId: n, className: r, children: E, dictionary: u }) {
-  q("Employee.EmployeeList"), j("Employee.EmployeeList", u);
-  const { onEvent: a, baseSubmitHandler: i } = F(), { currentPage: d, itemsPerPage: y, getPaginationProps: f } = z(), { data: p, fetchStatus: O, isFetching: c } = T(
-    {
-      companyId: n,
-      page: d,
-      per: y
-    },
-    { placeholderData: G }
-  ), { mutateAsync: D } = B(), { mutateAsync: A } = v();
-  if (O === "fetching" && !p)
-    return /* @__PURE__ */ o(W, {});
-  const { httpMeta: I, showEmployees: L } = p, _ = L, h = async (t) => {
-    await i(t, async (e) => {
-      await D({
-        request: { employeeId: e }
-      }), a(s.EMPLOYEE_DELETED, { employeeId: e });
-    });
-  }, N = async (t) => {
-    await i(t, async (e) => {
-      await l({
-        employeeId: e,
-        status: m.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
-      }), a(s.EMPLOYEE_UPDATE, {
-        employeeId: e,
-        onboardingStatus: m.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
-      });
-    });
-  }, P = async (t) => {
-    await i(t, async (e) => {
-      await l({
-        employeeId: e,
-        status: m.ADMIN_ONBOARDING_INCOMPLETE
-      });
-    });
-  }, l = async (t) => {
-    await i(t, async ({ employeeId: e, status: w }) => {
-      const { employeeOnboardingStatus: b } = await A({
-        request: { employeeId: e, requestBody: { onboardingStatus: w } }
-      });
-      a(s.EMPLOYEE_ONBOARDING_STATUS_UPDATED, b);
-    });
-  }, g = () => {
-    a(s.EMPLOYEE_CREATE);
-  }, M = () => {
-    a(s.EMPLOYEE_ONBOARDING_DONE);
-  }, S = (t, e) => {
-    a(s.EMPLOYEE_UPDATE, { employeeId: t, onboardingStatus: e });
+import { jsx as r } from "react/jsx-runtime";
+import { EmployeeListView as c } from "./EmployeeListView.js";
+import { useEmployeeList as y } from "./useEmployeeList.js";
+import { BaseBoundaries as d, BaseLayout as a } from "../../Base/Base.js";
+import { useI18n as L, useComponentDictionary as u } from "../../../i18n/I18n.js";
+import { componentEvents as i } from "../../../shared/constants.js";
+function O({ companyId: s, onEvent: o, dictionary: E }) {
+  L("Employee.EmployeeList"), u("Employee.EmployeeList", E);
+  const e = y({
+    companyId: s
+  });
+  if (e.isLoading)
+    return /* @__PURE__ */ r(a, { isLoading: !0, error: e.errorHandling.errors });
+  const m = (t, n) => {
+    o(i.EMPLOYEE_UPDATE, { employeeId: t, onboardingStatus: n });
+  }, l = () => {
+    o(i.EMPLOYEE_CREATE);
+  }, p = () => {
+    o(i.EMPLOYEE_ONBOARDING_DONE);
   };
-  return /* @__PURE__ */ o("section", { className: r, children: /* @__PURE__ */ o(
-    x,
+  return /* @__PURE__ */ r(a, { error: e.errorHandling.errors, children: /* @__PURE__ */ r(
+    c,
     {
-      value: {
-        ...f(I.response.headers, c),
-        isFetching: c,
-        handleEdit: S,
-        handleNew: g,
-        handleReview: N,
-        handleDelete: h,
-        employees: _,
-        handleCancelSelfOnboarding: P,
-        handleSkip: M
+      employees: e.data.employees,
+      isFetching: e.status.isFetching,
+      pagination: e.pagination,
+      status: e.status,
+      onEdit: m,
+      onDelete: async (t) => {
+        await e.actions.onDelete(t), o(i.EMPLOYEE_DELETED, { employeeId: t });
+      },
+      onCancelSelfOnboarding: async (t) => {
+        const n = await e.actions.onCancelSelfOnboarding(t);
+        o(i.EMPLOYEE_ONBOARDING_STATUS_UPDATED, n);
       },
-      children: E || /* @__PURE__ */ R(U, { flexDirection: "column", children: [
-        /* @__PURE__ */ o(k, {}),
-        /* @__PURE__ */ o(H, {}),
-        /* @__PURE__ */ o(C, {})
-      ] })
+      onReview: async (t) => {
+        const n = await e.actions.onReview(t);
+        o(i.EMPLOYEE_UPDATE, n);
+      },
+      onAddEmployee: l,
+      onSkip: p
     }
   ) });
 }
-const ue = () => {
-  const { companyId: n, onEvent: r } = V();
-  return /* @__PURE__ */ o(J, { companyId: n, onEvent: r });
-};
+function h({
+  FallbackComponent: s,
+  ...o
+}) {
+  return /* @__PURE__ */ r(d, { componentName: "Employee.EmployeeList", FallbackComponent: s, children: /* @__PURE__ */ r(O, { ...o }) });
+}
 export {
-  J as EmployeeList,
-  ue as EmployeeListContextual
+  h as EmployeeList
 };
 //# sourceMappingURL=EmployeeList.js.map

package/dist/components/Employee/EmployeeList/EmployeeList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/EmployeeList.tsx"],"sourcesContent":["import ~~{ useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport~~ type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { ~~useEmployeesDeleteMutation~~ } from '~~@gusto/embedded-api/react-query/employeesDelete~~'\nimport { ~~useEmployeesUpdateOnboardingStatusMutation~~ } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { EmployeeListProvider } from './useEmployeeList'\nimport { ~~Actions } from './Actions'~~\~~nimport {\~~n ~~BaseComponent~~,\n type BaseComponentInterface,\n type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { ~~useBase } from '@/components/Base/useBase'\nimport { Flex, Loading } from '@/components/Common'\nimport {~~ useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents, ~~EmployeeOnboardingStatus~~ } from '@/shared/constants'\nimport { Head } from '@/components/Employee/EmployeeList/Head'\nimport { List } from '@/components/Employee/EmployeeList/List'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\~~n//Interface for component specific props\~~ninterface EmployeeListProps extends CommonComponentInterface<'Employee.EmployeeList'> {\n companyId: string\n~~}\n\nexport function EmployeeList(props~~: ~~EmployeeListProps &~~ BaseComponentInterface~~) {~~\n ~~return (\n <BaseComponent {...props~~}~~>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )~~\n}\nfunction ~~Root~~({ companyId, ~~className~~, ~~children,~~ dictionary }: EmployeeListProps) {\n ~~//Using i18n hook to directly load necessary namespace\n~~ useI18n('Employee.EmployeeList')\n useComponentDictionary('Employee.EmployeeList', dictionary)\n ~~//Getting props from base context~~\n const { ~~onEvent, baseSubmitHandler }~~ = ~~useBase~~(~~)\n const~~ { ~~currentPage, itemsPerPage, getPaginationProps } = usePagination()~~\n~~\n const { data, fetchStatus, isFetching } = useEmployeesList(\n~~ ~~{\n~~ companyId,\n ~~page: currentPage,\n per: itemsPerPage,\n },\n { placeholderData: keepPreviousData },\n~~ ~~)\n\n const { mutateAsync: deleteEmployeeMutation~~ } ~~= useEmployeesDeleteMutation(~~)\n ~~const { mutateAsync: updateEmployeeOnboardingStatusMutation } =\n useEmployeesUpdateOnboardingStatusMutation()~~\n\n if (~~fetchStatus === 'fetching' && !data~~) {\n return <~~Loading~~ ~~/>\n }\n const~~ { ~~httpMeta, showEmployees:~~ employeeList } ~~= data!\~~n ~~const employees = employeeList!\~~n\n const ~~handleDelete~~ = ~~async~~ (~~uuid~~: string) => {\n ~~await baseSubmitHandler~~(~~uuid~~, ~~async payload =>~~ {~~\n await~~ ~~deleteEmployeeMutation({\n request: {~~ employeeId: ~~payload~~ },\n })\n\n ~~onEvent(componentEvents.EMPLOYEE_DELETED,~~ { ~~employeeId:~~ ~~payload~~ })\n })\n }\n ~~/*Set onboarding status to self_onboarding_awaiting_admin_review and proceed to edit /\~~n const ~~handleReview~~ = ~~async~~ (~~data: string~~) => {\n ~~await baseSubmitHandler~~(~~data, async employeeId => {~~\n ~~await~~ ~~updateOnboardingStatus~~({\n ~~employeeId,\n status:~~ ~~EmployeeOnboardingStatus~~.~~SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\~~n })\n ~~onEvent(componentEvents~~.~~EMPLOYEE_UPDATE, {~~\n ~~employeeId,\~~n ~~onboardingStatus: EmployeeOnboardingStatus~~.~~SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n~~ })\n })\n }\n ~~/*Update employee onboarding status reverting it back to admin_onboarding_incomplete /\n const handleCancelSelfOnboarding~~ = async (~~data~~: string) => {\n await ~~baseSubmitHandler~~(~~data, async~~ employeeId ~~=> {~~\n ~~await~~ ~~updateOnboardingStatus(~~{\n employeeId~~,\n status:~~ ~~EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n~~ })\n }~~)\n~~ }\n ~~const updateOnboardingStatus~~ = async (~~data: {~~ employeeId: string~~; status: OnboardingStatus }~~) => {\n ~~await baseSubmitHandler(data, async ({ employeeId, status }) => {\n~~ const { ~~employeeOnboardingStatus:~~ ~~responseData } =\n~~ await ~~updateEmployeeOnboardingStatusMutation~~(~~{\n request: {~~ employeeId~~, requestBody: { onboardingStatus: status } },\n }~~)\n onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, ~~responseData~~)\n }~~)\n~~ }\n ~~const handleNew~~ = () => {\n ~~onEvent(componentEvents.EMPLOYEE_CREATE)\n }\n~~ const ~~handleSkip~~ = () ~~=> {\n onEvent(componentEvents~~.~~EMPLOYEE_ONBOARDING_DONE)\n }\n\n const handleEdit =~~ (~~uuid: string, onboardingStatus?: OnboardingStatus~~) ~~=> {~~\n onEvent(componentEvents.EMPLOYEE_UPDATE, ~~{ employeeId: uuid, onboardingStatus }~~)\n }\n ~~return (\n <section className~~={~~className~~}~~>\n <EmployeeListProvider~~\n ~~value~~={{\n ...getPaginationProps(httpMeta.response.headers, isFetching),\n isFetching,\n handleEdit,\n handleNew,\n handleReview,\n handleDelete,\n employees,\n handleCancelSelfOnboarding,\n handleSkip~~,\n~~ }}\n ~~>\n {children ? (\n children\n ) : (\n <Flex flexDirection=\"column\">\n <Head~~ />\n ~~<List />\n <Actions />\n </Flex>\n )}\n </EmployeeListProvider>\n~~ </~~section~~>\n )\n}\n\~~n/*\n~~ ~~Wrapper used inside Flows -> exposes flow context for required parameters~~\n */\nexport ~~const~~ ~~EmployeeListContextual = (~~) => {\n ~~const~~ ~~{ companyId, onEvent } = useFlow<OnboardingContextInterface>~~()\n ~~return~~ <EmployeeList ~~companyId~~={~~companyId~~} ~~onEvent=~~{~~onEvent~~} />\n}\n"],"names":["~~EmployeeList~~","~~props","jsx","BaseComponent","Root","~~companyId","~~className~~","~~children","~~dictionary","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","currentPage","itemsPerPage","getPaginationProps","usePagination","data","fetchStatus","isFetching","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateEmployeeOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","Loading","httpMeta","employeeList","~~employees~~","~~handleDelete~~","~~uuid~~","~~payload","componentEvents","handleReview","~~employeeId","~~updateOnboardingStatus~~","~~EmployeeOnboardingStatus~~","~~handleCancelSelfOnboarding~~","~~status","responseData","handleNew","~~handleSkip","~~handleEdit~~","~~onboardingStatus~~","~~EmployeeListProvider~~","~~jsxs~~","~~Flex~~","~~Head~~","~~List~~"~~,"Actions","EmployeeListContextual","useFlow"~~],"mappings":"~~;;;;;;;;;;;;;;;;;AA2BO~~,SAASA,~~EAAaC~~,~~GAAmD;AAC9E,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AACA,SAASG,EAAK,~~EAAE,WAAAC,GAAW,~~WAAAC~~,~~GAAW~~,~~UAAAC,GAAU,~~YAAAC,KAAiC;~~AAE~~/E,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBF,CAAU;AAE1D,~~QAAM~~,~~EAAE,SAAAG,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAA,GAEpD,EAAE,MAAAC,GAAM,aAAAC,GAAa,YAAAC,EAAA,~~IAAeC~~;AAAA~~,~~IACxC~~;AAAA,~~MACE~~,~~WAAAhB~~;AAAA,~~MACA,MAAMS;AAAA,MACN,KAAKC;AAAA,IAAA;AAAA,IAEP,EAAE,iBAAiBO,~~EAAA~~;AAAA~~,~~EAAiB,GAGhC,EAAE,aAAaC,EAAA,IAA2BC,EAAA,GAC1C,EAAE,aAAaC,EAAA,IACnBC,EAAA~~;~~AAEF~~,~~MAAIP~~,~~MAAgB,cAAc,CAACD~~;~~AACjC~~,~~6BAAQS~~,GAAA,~~EAAQ;AAElB~~,~~QAAM~~,~~EAAE~~,~~UAAAC~~,~~GAAU~~,~~eAAeC~~,~~EAAA,IAAiBX,GAC5CY,IAAYD,GAEZE,IAAe,OAAOC,MAAiB~~;~~AAC3C~~,~~UAAMpB~~,~~EAAkBoB~~,~~GAAM~~,~~OAAMC~~,~~MAAW~~;~~AAC7C~~,~~YAAMV~~,~~EAAuB;AAAA~~,~~QAC3B,SAAS,EAAE,YAAYU,EAAA;AAAA,MAAQ,CAChC,GAEDtB,EAAQuB,~~EAAgB,~~kBAAkB~~,EAAE,~~YAAYD~~,~~GAAS;AAAA~~,~~IACnE~~,~~CAAC~~;AAAA,~~EACH~~,GAEME,~~IAAe~~,~~OAAOjB,MAAiB~~;~~AAC3C~~,~~UAAMN~~,~~EAAkBM~~,~~GAAM~~,~~OAAMkB,MAAc~~;~~AAChD,YAAMC,EAAuB;~~AAAA,~~QAC3B~~,~~YAAAD;AAAA~~,~~QACA~~,~~QAAQE,EAAyB~~;~~AAAA~~,~~MAAA~~,~~CAClC~~,~~GACD3B,EAAQuB,~~EAAgB,~~iBAAiB~~;AAAA,~~QACvC,YAAAE~~;~~AAAA~~,~~QACA~~,~~kBAAkBE~~,~~EAAyB;AAAA~~,~~MAAA~~,~~CAC5C;AAAA~~,~~IACH~~,~~CAAC;AAAA~~,~~EACH~~,~~GAEMC~~,~~IAA6B~~,~~OAAOrB,MAAiB~~;~~AACzD,UAAMN,EAAkBM,GAAM,OAAMkB,MAAc;AAChD,YAAMC,EAAuB;~~AAAA,~~QAC3B,YAAAD~~;AAAA,~~QACA,QAAQE,EAAyB~~;AAAA,~~MAAA~~,~~CAClC;AAAA~~,~~IACH~~,~~CAAC~~;AAAA,~~EACH~~,~~GACMD~~,~~IAAyB~~,~~OAAOnB,MAA2D;AAC/F,UAAMN,EAAkBM,GAAM,~~OAAO~~,EAAE,YAAAkB,GAAY,QAAAI,QAAa~~;~~AAC9D~~,~~YAAM~~,~~EAAE~~,~~0BAA0BC,EAAA,IAChC,MAAMhB,EAAuC~~;AAAA,~~QAC3C~~,~~SAAS~~,~~EAAE,YAAAW,GAAY,aAAa,EAAE,kBAAkBI,IAAO~~;AAAA,~~MAAE~~,~~CAClE~~;~~AACH~~,~~MAAA7B~~,~~EAAQuB~~,~~EAAgB~~,~~oCAAoCO,CAAY~~;~~AAAA~~,~~IAC1E~~,~~CAAC;AAAA~~,~~EACH~~,~~GACMC~~,~~IAAY~~,~~MAAM;AACtB~~,~~IAAA/B~~,~~EAAQuB,~~EAAgB,~~eAAe;AAAA~~,~~EACzC~~,~~GACMS~~,~~IAAa~~,~~MAAM~~;~~AACvB~~,~~IAAAhC,EAAQuB,EAAgB,wBAAwB~~;AAAA,~~EAClD~~,~~GAEMU~~,~~IAAa~~,~~CAACZ,GAAca,MAAwC~~;~~AACxE~~,~~IAAAlC~~,~~EAAQuB~~,~~EAAgB~~,~~iBAAiB~~,~~EAAE~~,~~YAAYF~~,~~GAAM,kBAAAa,GAAkB~~;~~AAAA~~,~~EACjF;AACA~~,~~SACE~~,~~gBAAA3C~~,~~EAAC~~,~~aAAQ,WAAAI,GACP,UAAA,gBAAAJ~~;AAAA,~~IAAC4C~~;AAAA,~~IAAA;AAAA~~,~~MACC~~,~~OAAO~~;~~AAAA~~,~~QACL~~,~~GAAG9B~~,~~EAAmBY~~,~~EAAS~~,~~SAAS~~,~~SAASR~~,CAAU;~~AAAA~~,~~QAC3D~~,~~YAAAA;AAAA~~,~~QACA~~,~~YAAAwB;AAAA~~,~~QACA,WAAAF~~;AAAA,~~QACA,cAAAP~~;AAAA,~~QACA~~,~~cAAAJ~~;AAAA,~~QACA~~,~~WAAAD~~;AAAA,~~QACA,4BAAAS~~;AAAA,~~QACA~~,~~YAAAI~~;~~AAAA,MAAA~~;~~AAAA~~,~~MAGD~~,~~UAAApC,KAGC,gBAAAwC,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA~~;AAAA,~~QAAA~~,~~gBAAA9C,EAAC+C,GAAA,EAAK~~;AAAA,~~0BACLC~~,~~GAAA,EAAK~~;~~AAAA~~,~~0BACLC,GAAA,CAAA,CAAQ~~;~~AAAA~~,~~MAAA~~,~~EAAA~~,~~CACX;AAAA~~,~~IAAA;AAAA~~,~~EAAA~~,~~GAGN;AAEJ;AAKO~~,~~MAAMC~~,~~KAAyB~~,~~MAAM;AAC1C~~,~~QAAM~~,~~EAAE~~,~~WAAA/C~~,~~GAAW~~,~~SAAAM~~,EAAA,~~IAAY0C~~,EAAA~~;AAC~~/B~~,SAAO,gBAAAnD,EAACF,GAAA,EAAa,WAAAK,GAAsB,SAAAM,EAAA,CAAkB~~;~~AAC/D~~;"}
1	+ {"version":3,"file":"EmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { EmployeeListView } from './EmployeeListView'\nimport { useEmployeeList } from './useEmployeeList'\nimport {\n BaseBoundaries,\n BaseLayout,\n type BaseComponentInterface,\n type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ninterface EmployeeListProps extends CommonComponentInterface<'Employee.EmployeeList'> {\n companyId: string\n onEvent: BaseComponentInterface['onEvent']\n}\n\nfunction EmployeeListRoot({ companyId, onEvent, dictionary }: EmployeeListProps) {\n useI18n('Employee.EmployeeList')\n useComponentDictionary('Employee.EmployeeList', dictionary)\n\n const employeeList = useEmployeeList({\n companyId,\n })\n\n if (employeeList.isLoading) {\n return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n }\n\n const handleEdit = (employeeId: string, onboardingStatus?: OnboardingStatus) => {\n onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId, onboardingStatus })\n }\n\n const handleAddEmployee = () => {\n onEvent(componentEvents.EMPLOYEE_CREATE)\n }\n\n const handleSkip = () => {\n onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n }\n\n return (\n <BaseLayout error={employeeList.errorHandling.errors}>\n <EmployeeListView\n employees={employeeList.data.employees}\n isFetching={employeeList.status.isFetching}\n pagination={employeeList.pagination}\n status={employeeList.status}\n onEdit={handleEdit}\n onDelete={async (employeeId: string) => {\n await employeeList.actions.onDelete(employeeId)\n onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n }}\n onCancelSelfOnboarding={async (employeeId: string) => {\n const result = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, result)\n }}\n onReview={async (employeeId: string) => {\n const result = await employeeList.actions.onReview(employeeId)\n onEvent(componentEvents.EMPLOYEE_UPDATE, result)\n }}\n onAddEmployee={handleAddEmployee}\n onSkip={handleSkip}\n />\n </BaseLayout>\n )\n}\n\nexport function EmployeeList({\n FallbackComponent,\n ...props\n}: EmployeeListProps & BaseComponentInterface) {\n return (\n <BaseBoundaries componentName=\"Employee.EmployeeList\" FallbackComponent={FallbackComponent}>\n <EmployeeListRoot {...props} />\n </BaseBoundaries>\n )\n}\n"],"names":["EmployeeListRoot","companyId","onEvent","dictionary","useI18n","useComponentDictionary","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","onboardingStatus","componentEvents","handleAddEmployee","handleSkip","jsx","EmployeeListView","result","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAiBA,SAASA,EAAiB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAiC;AAC/E,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAMG,IAAeC,EAAgB;AAAA,IACnC,WAAAN;AAAA,EAAA,CACD;AAED,MAAIK,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAT,EAAQU,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAX,EAAQU,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAZ,EAAQU,EAAgB,wBAAwB;AAAA,EAClD;AAEA,SACE,gBAAAG,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWV,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,UAAU,OAAOC,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,CAAU,GAC9CR,EAAQU,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMO,IAAS,MAAMX,EAAa,QAAQ,uBAAuBI,CAAU;AAC3E,QAAAR,EAAQU,EAAgB,oCAAoCK,CAAM;AAAA,MACpE;AAAA,MACA,UAAU,OAAOP,MAAuB;AACtC,cAAMO,IAAS,MAAMX,EAAa,QAAQ,SAASI,CAAU;AAC7D,QAAAR,EAAQU,EAAgB,iBAAiBK,CAAM;AAAA,MACjD;AAAA,MACA,eAAeJ;AAAA,MACf,QAAQC;AAAA,IAAA;AAAA,EAAA,GAEZ;AAEJ;AAEO,SAASI,EAAa;AAAA,EAC3B,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+C;AAC7C,SACE,gBAAAL,EAACM,KAAe,eAAc,yBAAwB,mBAAAF,GACpD,UAAA,gBAAAJ,EAACf,GAAA,EAAkB,GAAGoB,EAAA,CAAO,EAAA,CAC/B;AAEJ;"}

package/dist/components/Employee/EmployeeList/EmployeeListView.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus';
+import { UseEmployeeListResult, EmployeeWithActions } from './useEmployeeList';
+export interface EmployeeListViewProps extends Pick<Extract<UseEmployeeListResult, {
+    isLoading: false;
+}>, 'pagination' | 'status'> {
+    employees: EmployeeWithActions[];
+    isFetching: boolean;
+    onEdit: (employeeId: string, onboardingStatus?: OnboardingStatus) => void;
+    onDelete: (employeeId: string) => Promise<void>;
+    onCancelSelfOnboarding: (employeeId: string) => Promise<void>;
+    onReview: (employeeId: string) => Promise<void>;
+    onAddEmployee: () => void;
+    onSkip: () => void;
+}
+export declare function EmployeeListView({ employees, isFetching, pagination, status, onEdit, onDelete, onCancelSelfOnboarding, onReview, onAddEmployee, onSkip, }: EmployeeListViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/EmployeeList/EmployeeListView.js ADDED Viewed

@@ -0,0 +1,130 @@
+import { jsx as e, jsxs as o, Fragment as L } from "react/jsx-runtime";
+import { useState as k } from "react";
+import { useTranslation as A } from "react-i18next";
+import { Flex as m } from "../../Common/Flex/Flex.js";
+import { EmptyData as S } from "../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as f } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmployeeOnboardingStatusBadge as x } from "../../Common/OnboardingStatusBadge/index.js";
+import s from "../../../assets/icons/pencil.svg.js";
+import E from "../../../assets/icons/trashcan.svg.js";
+import { firstLastName as P } from "../../../helpers/formattedStrings.js";
+import p from "../../../assets/icons/plus-circle.svg.js";
+import { HamburgerMenu as B } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as j } from "../../Common/DataView/useDataView.js";
+import { DataView as V } from "../../Common/DataView/DataView.js";
+function W({
+  employees: r,
+  isFetching: g,
+  pagination: h,
+  status: C,
+  onEdit: b,
+  onDelete: D,
+  onCancelSelfOnboarding: v,
+  onReview: w,
+  onAddEmployee: d,
+  onSkip: u
+}) {
+  const { t } = A("Employee.EmployeeList"), n = T(), [l, c] = k(null), { ...y } = j({
+    data: r,
+    columns: [
+      {
+        key: "name",
+        title: t("nameLabel"),
+        render: (i) => P({
+          first_name: i.firstName,
+          last_name: i.lastName
+        })
+      },
+      {
+        key: "status",
+        title: t("statusLabel"),
+        render: (i) => /* @__PURE__ */ e(
+          x,
+          {
+            onboarded: i.onboarded,
+            onboardingStatus: i.onboardingStatus
+          }
+        )
+      }
+    ],
+    itemMenu: (i) => {
+      const a = [];
+      return i.allowedActions.includes("edit") && a.push({
+        label: t("editCta"),
+        onClick: () => {
+          b(i.uuid, i.onboardingStatus ?? void 0);
+        },
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), i.allowedActions.includes("cancel_self_onboarding") && a.push({
+        label: t("cancelSelfOnboardingCta"),
+        onClick: () => {
+          v(i.uuid);
+        },
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), i.allowedActions.includes("review") && a.push({
+        label: t("reviewCta"),
+        onClick: () => {
+          w(i.uuid);
+        },
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), i.allowedActions.includes("delete") && a.push({
+        label: t("deleteCta"),
+        onClick: () => {
+          c(i.uuid);
+        },
+        icon: /* @__PURE__ */ e(E, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ e(B, { items: a, triggerLabel: t("hamburgerTitle") });
+    },
+    isFetching: g,
+    pagination: h,
+    emptyState: () => /* @__PURE__ */ e(S, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ o(f, { justifyContent: "center", children: [
+      /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: u, children: t("skipCta") }),
+      /* @__PURE__ */ e(n.Button, { variant: "primary", onClick: d, icon: /* @__PURE__ */ e(p, {}), children: t("addEmployeeCta") })
+    ] }) })
+  });
+  return /* @__PURE__ */ o(L, { children: [
+    /* @__PURE__ */ o(m, { flexDirection: "column", gap: 24, children: [
+      /* @__PURE__ */ o(m, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("title") }),
+        r.length > 0 && /* @__PURE__ */ e(
+          n.Button,
+          {
+            variant: "secondary",
+            onClick: d,
+            icon: /* @__PURE__ */ e(p, {}),
+            children: t("addAnotherCta")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(V, { label: t("employeeListLabel"), ...y }),
+      r.length > 0 && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(n.Button, { onClick: u, children: t("continueCta") }) })
+    ] }),
+    /* @__PURE__ */ e(
+      n.Dialog,
+      {
+        isOpen: !!l,
+        onClose: () => {
+          c(null);
+        },
+        onPrimaryActionClick: async () => {
+          if (l)
+            try {
+              await D(l), c(null);
+            } catch {
+            }
+        },
+        isPrimaryActionLoading: C.isPending,
+        isDestructive: !0,
+        title: t("deleteDialog.title"),
+        primaryActionLabel: t("deleteDialog.confirmCta"),
+        closeActionLabel: t("deleteDialog.cancelCta"),
+        children: t("deleteDialog.description")
+      }
+    )
+  ] });
+}
+export {
+  W as EmployeeListView
+};
+//# sourceMappingURL=EmployeeListView.js.map

package/dist/components/Employee/EmployeeList/EmployeeListView.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EmployeeListView.js","sources":["../../../../src/components/Employee/EmployeeList/EmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport type { UseEmployeeListResult, EmployeeWithActions } from './useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface EmployeeListViewProps extends Pick<\n Extract<UseEmployeeListResult, { isLoading: false }>,\n 'pagination' | 'status'\n> {\n employees: EmployeeWithActions[]\n isFetching: boolean\n onEdit: (employeeId: string, onboardingStatus?: OnboardingStatus) => void\n onDelete: (employeeId: string) => Promise<void>\n onCancelSelfOnboarding: (employeeId: string) => Promise<void>\n onReview: (employeeId: string) => Promise<void>\n onAddEmployee: () => void\n onSkip: () => void\n}\n\nexport function EmployeeListView({\n employees,\n isFetching,\n pagination,\n status,\n onEdit,\n onDelete,\n onCancelSelfOnboarding,\n onReview,\n onAddEmployee,\n onSkip,\n}: EmployeeListViewProps) {\n const { t } = useTranslation('Employee.EmployeeList')\n const Components = useComponentContext()\n const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n const { ...dataViewProps } = useDataView({\n data: employees,\n columns: [\n {\n key: 'name',\n title: t('nameLabel'),\n render: (employee: EmployeeWithActions) => {\n return firstLastName({\n first_name: employee.firstName,\n last_name: employee.lastName,\n })\n },\n },\n {\n key: 'status',\n title: t('statusLabel'),\n render: (employee: EmployeeWithActions) => (\n <EmployeeOnboardingStatusBadge\n onboarded={employee.onboarded}\n onboardingStatus={employee.onboardingStatus}\n />\n ),\n },\n ],\n itemMenu: employee => {\n const menuItems = []\n\n if (employee.allowedActions.includes('edit')) {\n menuItems.push({\n label: t('editCta'),\n onClick: () => {\n onEdit(employee.uuid, employee.onboardingStatus ?? undefined)\n },\n icon: <PencilSvg aria-hidden />,\n })\n }\n\n if (employee.allowedActions.includes('cancel_self_onboarding')) {\n menuItems.push({\n label: t('cancelSelfOnboardingCta'),\n onClick: () => {\n void onCancelSelfOnboarding(employee.uuid)\n },\n icon: <PencilSvg aria-hidden />,\n })\n }\n\n if (employee.allowedActions.includes('review')) {\n menuItems.push({\n label: t('reviewCta'),\n onClick: () => {\n void onReview(employee.uuid)\n },\n icon: <PencilSvg aria-hidden />,\n })\n }\n\n if (employee.allowedActions.includes('delete')) {\n menuItems.push({\n label: t('deleteCta'),\n onClick: () => {\n setEmployeeToDelete(employee.uuid)\n },\n icon: <TrashCanSvg aria-hidden />,\n })\n }\n\n return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n },\n isFetching,\n pagination,\n emptyState: () => (\n <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n <ActionsLayout justifyContent=\"center\">\n <Components.Button variant=\"secondary\" onClick={onSkip}>\n {t('skipCta')}\n </Components.Button>\n <Components.Button variant=\"primary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n {t('addEmployeeCta')}\n </Components.Button>\n </ActionsLayout>\n </EmptyData>\n ),\n })\n\n return (\n <>\n <Flex flexDirection=\"column\" gap={24}>\n <Flex justifyContent=\"space-between\" alignItems=\"center\">\n <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n\n {employees.length > 0 && (\n <Components.Button\n variant=\"secondary\"\n onClick={onAddEmployee}\n icon={<PlusCircleIcon />}\n >\n {t('addAnotherCta')}\n </Components.Button>\n )}\n </Flex>\n\n <DataView label={t('employeeListLabel')} {...dataViewProps} />\n\n {employees.length > 0 && (\n <ActionsLayout>\n <Components.Button onClick={onSkip}>{t('continueCta')}</Components.Button>\n </ActionsLayout>\n )}\n </Flex>\n\n <Components.Dialog\n isOpen={!!employeeToDelete}\n onClose={() => {\n setEmployeeToDelete(null)\n }}\n onPrimaryActionClick={async () => {\n if (employeeToDelete) {\n try {\n await onDelete(employeeToDelete)\n setEmployeeToDelete(null)\n } catch {\n // Keep dialog open on error\n }\n }\n }}\n isPrimaryActionLoading={status.isPending}\n isDestructive\n title={t('deleteDialog.title')}\n primaryActionLabel={t('deleteDialog.confirmCta')}\n closeActionLabel={t('deleteDialog.cancelCta')}\n >\n {t('deleteDialog.description')}\n </Components.Dialog>\n </>\n )\n}\n"],"names":["EmployeeListView","employees","isFetching","pagination","status","onEdit","onDelete","onCancelSelfOnboarding","onReview","onAddEmployee","onSkip","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","dataViewProps","useDataView","employee","firstLastName","jsx","EmployeeOnboardingStatusBadge","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","PlusCircleIcon","Fragment","Flex","DataView"],"mappings":"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"}

package/dist/components/Employee/EmployeeList/ManagementEmployeeList.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../Base/Base';
+type EmployeeTab = 'active' | 'onboarding' | 'dismissed';
+interface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {
+    companyId: string;
+    initialTab?: EmployeeTab;
+    onEvent: BaseComponentInterface['onEvent'];
+}
+export declare function ManagementEmployeeList({ FallbackComponent, ...props }: ManagementEmployeeListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export {};