npm - @gusto/embedded-react-sdk - Versions diffs - 0.13.3 → 0.14.0 - Mend

@gusto/embedded-react-sdk 0.13.3 → 0.14.0

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 (360) hide show

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n FixedCompensations,\n PayrollEmployeeCompensationsType,\n} from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport { PayrollEmployeeCompensationsTypePaymentMethod } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './PayrollEditEmployeePresentation.module.scss'\nimport { TimeOffField } from './TimeOffField'\nimport { Flex, Grid, TextInputField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { formatNumberAsCurrency, firstLastName } from '@/helpers/formattedStrings'\nimport {\n getAdditionalEarningsCompensations,\n getReimbursementCompensation,\n calculateGrossPay,\n} from '@/components/Payroll/helpers'\nimport {\n COMPENSATION_NAME_DOUBLE_OVERTIME,\n COMPENSATION_NAME_OVERTIME,\n COMPENSATION_NAME_REGULAR_HOURS,\n HOURS_COMPENSATION_NAMES,\n EXCLUDED_ADDITIONAL_EARNINGS,\n COMPENSATION_NAME_REIMBURSEMENT,\n COMPENSATION_NAME_BONUS,\n COMPENSATION_NAME_PAYCHECK_TIPS,\n COMPENSATION_NAME_CORRECTION_PAYMENT,\n COMPENSATION_NAME_COMMISSION,\n COMPENSATION_NAME_CASH_TIPS,\n} from '@/shared/constants'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollEditEmployeeProps {\n onSave: (updatedCompensation: PayrollEmployeeCompensationsType) => void\n onCancel: () => void\n employee: Employee\n employeeCompensation?: PayrollEmployeeCompensationsType\n isPending?: boolean\n fixedCompensationTypes: PayrollFixedCompensationTypesType[]\n payPeriodStartDate?: string\n paySchedule?: PayScheduleObject\n isOffCycle?: boolean\n}\n\nexport const PayrollEditEmployeeFormSchema = z.object({\n hourlyCompensations: z.record(z.string(), z.record(z.string(), z.string().optional())),\n timeOffCompensations: z.record(z.string(), z.string().optional()),\n fixedCompensations: z.record(z.string(), z.string().optional()),\n paymentMethod: z.nativeEnum(PayrollEmployeeCompensationsTypePaymentMethod).optional(),\n})\n\nexport type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>\n\nconst buildCompensationFromFormData = (\n formData: PayrollEditEmployeeFormValues,\n employeeCompensation: PayrollEmployeeCompensationsType \| undefined,\n timeOff: Array<{ name?: string; hours?: string }>,\n primaryJobUuid?: string,\n): PayrollEmployeeCompensationsType => {\n const updatedCompensation = {\n ...employeeCompensation,\n paymentMethod: formData.paymentMethod,\n }\n\n updatedCompensation.hourlyCompensations = employeeCompensation?.hourlyCompensations?.map(\n compensation => {\n const hours =\n compensation.jobUuid && compensation.name\n ? formData.hourlyCompensations[compensation.jobUuid]?.[compensation.name]\n : undefined\n return hours\n ? {\n ...compensation,\n hours,\n }\n : compensation\n },\n )\n\n updatedCompensation.paidTimeOff = timeOff.map(timeOffEntry => {\n return {\n ...timeOffEntry,\n hours: formData.timeOffCompensations[timeOffEntry.name!],\n }\n })\n\n const updatedFixedCompensations: FixedCompensations[] = []\n\n Object.entries(formData.fixedCompensations).forEach(([fixedCompensationName, formAmount]) => {\n const existingFixedCompensation = employeeCompensation?.fixedCompensations?.find(\n fixedCompensation =>\n fixedCompensation.name?.toLowerCase() === fixedCompensationName.toLowerCase(),\n )\n\n if (formAmount) {\n if (existingFixedCompensation) {\n updatedFixedCompensations.push({\n name: existingFixedCompensation.name,\n jobUuid: existingFixedCompensation.jobUuid,\n amount: formAmount,\n })\n } else if (parseFloat(formAmount) !== 0) {\n updatedFixedCompensations.push({\n name: fixedCompensationName,\n jobUuid: primaryJobUuid,\n amount: formAmount,\n })\n }\n }\n })\n\n updatedCompensation.fixedCompensations = updatedFixedCompensations\n\n return updatedCompensation\n}\n\nexport const PayrollEditEmployeePresentation = ({\n onSave,\n onCancel,\n employee,\n employeeCompensation,\n isPending = false,\n fixedCompensationTypes,\n payPeriodStartDate,\n paySchedule,\n isOffCycle = false,\n}: PayrollEditEmployeeProps) => {\n const { Button, Heading, Text } = useComponentContext()\n\n const { t } = useTranslation('Payroll.PayrollEditEmployee')\n useI18n('Payroll.PayrollEditEmployee')\n\n const primaryJob = employee.jobs?.find(job => job.primary)\n const hourlyJobs = primaryJob ? [primaryJob] : []\n\n const containerRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({\n ref: containerRef,\n })\n const isSmallOrGreater = breakpoints.includes('small')\n\n employeeCompensation?.hourlyCompensations?.forEach(compensation => {\n const job = employee.jobs?.find(job => job.uuid === compensation.jobUuid)\n if (job && !hourlyJobs.find(hourlyJob => hourlyJob.uuid === job.uuid)) {\n hourlyJobs.push(job)\n }\n })\n\n const timeOff = (employeeCompensation?.paidTimeOff \|\| []).filter(entry => entry.name)\n\n const additionalEarnings = getAdditionalEarningsCompensations({\n flsaStatus: primaryJob?.compensations?.[0]?.flsaStatus,\n existingFixedCompensations: employeeCompensation?.fixedCompensations \|\| [],\n primaryJobUuid: primaryJob?.uuid,\n fixedCompensationTypes,\n excludedTypes: EXCLUDED_ADDITIONAL_EARNINGS,\n })\n\n const reimbursement = getReimbursementCompensation(\n employeeCompensation?.fixedCompensations \|\| [],\n fixedCompensationTypes,\n primaryJob?.uuid,\n )\n\n const findMatchingCompensation = (jobUuid: string, compensationName: string) => {\n return employeeCompensation?.hourlyCompensations?.find(\n compensation =>\n compensation.jobUuid === jobUuid &&\n compensation.name?.toLowerCase() === compensationName.toLowerCase(),\n )\n }\n\n const getCompensationLabel = (compensationName?: string) => {\n switch (compensationName) {\n case COMPENSATION_NAME_REGULAR_HOURS:\n return t('compensationNames.regularHours')\n case COMPENSATION_NAME_OVERTIME:\n return t('compensationNames.overtime')\n case COMPENSATION_NAME_DOUBLE_OVERTIME:\n return t('compensationNames.doubleOvertime')\n default:\n return compensationName\n }\n }\n\n const getFixedCompensationLabel = (compensationName?: string) => {\n switch (compensationName) {\n case COMPENSATION_NAME_BONUS:\n return t('fixedCompensationNames.bonus')\n case COMPENSATION_NAME_PAYCHECK_TIPS:\n return t('fixedCompensationNames.paycheckTips')\n case COMPENSATION_NAME_CORRECTION_PAYMENT:\n return t('fixedCompensationNames.correctionPayment')\n case COMPENSATION_NAME_COMMISSION:\n return t('fixedCompensationNames.commission')\n case COMPENSATION_NAME_CASH_TIPS:\n return t('fixedCompensationNames.cashTips')\n case COMPENSATION_NAME_REIMBURSEMENT:\n return t('fixedCompensationNames.reimbursement')\n default:\n return compensationName\n }\n }\n\n const defaultValues = {\n hourlyCompensations: (() => {\n const hourlyCompensations: PayrollEditEmployeeFormValues['hourlyCompensations'] = {}\n\n hourlyJobs.forEach(hourlyJob => {\n HOURS_COMPENSATION_NAMES.forEach(compensationName => {\n const matchingCompensation = findMatchingCompensation(hourlyJob.uuid, compensationName)\n if (matchingCompensation) {\n if (!hourlyCompensations[hourlyJob.uuid]) {\n hourlyCompensations[hourlyJob.uuid] = {}\n }\n hourlyCompensations[hourlyJob.uuid]![matchingCompensation.name!] =\n matchingCompensation.hours ? parseFloat(matchingCompensation.hours).toString() : ''\n }\n })\n })\n\n return hourlyCompensations\n })(),\n\n timeOffCompensations: (() => {\n const timeOffCompensations: PayrollEditEmployeeFormValues['timeOffCompensations'] = {}\n\n timeOff.forEach(timeOffCompensation => {\n timeOffCompensations[timeOffCompensation.name!] = timeOffCompensation.hours\n ? parseFloat(timeOffCompensation.hours).toString()\n : ''\n })\n\n return timeOffCompensations\n })(),\n\n fixedCompensations: (() => {\n const fixedCompensations: PayrollEditEmployeeFormValues['fixedCompensations'] = {}\n\n additionalEarnings.forEach(fixedComp => {\n fixedCompensations[fixedComp.name!] = fixedComp.amount ? fixedComp.amount : ''\n })\n\n if (reimbursement) {\n fixedCompensations[reimbursement.name!] = reimbursement.amount ? reimbursement.amount : ''\n }\n\n return fixedCompensations\n })(),\n\n paymentMethod:\n employeeCompensation?.paymentMethod \|\|\n PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n }\n\n const formHandlers = useForm<PayrollEditEmployeeFormValues>({\n resolver: zodResolver(PayrollEditEmployeeFormSchema),\n defaultValues,\n })\n\n const watchedFormData = useWatch({\n control: formHandlers.control,\n })\n\n const currentGrossPay = useMemo(() => {\n try {\n // Build form data, filtering out undefined nested objects\n const hourlyCompensations: Record<string, Record<string, string \| undefined>> = {}\n if (watchedFormData.hourlyCompensations) {\n Object.entries(watchedFormData.hourlyCompensations).forEach(([jobId, compensations]) => {\n if (compensations) {\n hourlyCompensations[jobId] = compensations\n }\n })\n }\n\n const formDataWithDefaults: PayrollEditEmployeeFormValues = {\n hourlyCompensations,\n timeOffCompensations: watchedFormData.timeOffCompensations \|\| {},\n fixedCompensations: watchedFormData.fixedCompensations \|\| {},\n paymentMethod: watchedFormData.paymentMethod,\n }\n\n const updatedCompensation = buildCompensationFromFormData(\n formDataWithDefaults,\n employeeCompensation,\n (employeeCompensation?.paidTimeOff \|\| []).filter(entry => entry.name),\n primaryJob?.uuid,\n )\n\n return calculateGrossPay(\n updatedCompensation,\n employee,\n payPeriodStartDate,\n paySchedule,\n isOffCycle,\n )\n } catch {\n // Fallback to original compensation on error\n return employeeCompensation\n ? calculateGrossPay(\n employeeCompensation,\n employee,\n payPeriodStartDate,\n paySchedule,\n isOffCycle,\n )\n : 0\n }\n }, [\n watchedFormData,\n employeeCompensation,\n primaryJob?.uuid,\n employee,\n payPeriodStartDate,\n paySchedule,\n isOffCycle,\n ])\n\n const employeeName = firstLastName({\n first_name: employee.firstName,\n last_name: employee.lastName,\n })\n\n const onSubmit = (data: PayrollEditEmployeeFormValues) => {\n const updatedCompensation = buildCompensationFromFormData(\n data,\n employeeCompensation,\n timeOff,\n primaryJob?.uuid,\n )\n onSave(updatedCompensation)\n }\n\n const formattedCurrentGrossPay = formatNumberAsCurrency(currentGrossPay \|\| 0)\n\n const actions = (\n <Flex gap={12} justifyContent=\"flex-end\">\n <Button variant=\"secondary\" onClick={onCancel} title={t('cancelButton')}>\n {t('cancelButton')}\n </Button>\n <Button\n onClick={formHandlers.handleSubmit(onSubmit)}\n title={t('saveButton')}\n isLoading={isPending}\n >\n {t('saveButton')}\n </Button>\n </Flex>\n )\n\n return (\n <div ref={containerRef} className={styles.container}>\n <div\n className={`${styles.headerSection} ${!isSmallOrGreater ? styles.headerSectionSticky : ''}`}\n >\n <Flex justifyContent=\"space-between\">\n <Flex flexDirection=\"column\" gap={isSmallOrGreater ? 8 : 2}>\n <Heading as=\"h1\" styledAs={isSmallOrGreater ? 'h2' : 'h4'}>\n {t('pageTitle', { employeeName })}\n </Heading>\n {isSmallOrGreater ? (\n <Flex flexDirection=\"column\" gap={6}>\n <Heading as=\"h2\" styledAs=\"h3\">\n {formattedCurrentGrossPay}\n </Heading>\n <Text className={styles.grossPayLabel}>{t('grossPayLabel')}</Text>\n </Flex>\n ) : (\n <Heading as=\"h2\" styledAs=\"h6\" className={styles.grossPayLabel}>\n {t('grossPayLabelMobile', { grossPay: formattedCurrentGrossPay })}\n </Heading>\n )}\n </Flex>\n {isSmallOrGreater && actions}\n </Flex>\n </div>\n <FormProvider {...formHandlers}>\n <Form>\n {hourlyJobs.length > 0 && (\n <div className={styles.fieldGroup}>\n <Heading as=\"h3\">{t('regularHoursTitle')}</Heading>\n {hourlyJobs.map(hourlyJob => (\n <Flex key={hourlyJob.uuid} flexDirection=\"column\" gap={8}>\n <Heading as=\"h4\">{hourlyJob.title}</Heading>\n <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n {HOURS_COMPENSATION_NAMES.map(compensationName => {\n const employeeHourlyCompensation = findMatchingCompensation(\n hourlyJob.uuid,\n compensationName,\n )\n if (employeeHourlyCompensation) {\n return (\n <TextInputField\n key={compensationName}\n type=\"number\"\n adornmentEnd={t('hoursUnit')}\n isRequired\n label={getCompensationLabel(compensationName)}\n name={`hourlyCompensations.${hourlyJob.uuid}.${employeeHourlyCompensation.name}`}\n />\n )\n }\n })}\n </Grid>\n </Flex>\n ))}\n </div>\n )}\n {timeOff.length > 0 && (\n <div className={styles.fieldGroup}>\n <Heading as=\"h4\">{t('timeOffTitle')}</Heading>\n <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n {timeOff.map(timeOffEntry => (\n <TimeOffField\n key={timeOffEntry.name}\n timeOff={timeOffEntry}\n employee={employee}\n />\n ))}\n </Grid>\n </div>\n )}\n {additionalEarnings.length > 0 && (\n <div className={styles.fieldGroup}>\n <Heading as=\"h4\">{t('additionalEarningsTitle')}</Heading>\n <Grid\n gridTemplateColumns={{ base: '1fr', small: [320, 320], large: [320, 320, 320] }}\n gap={20}\n >\n {additionalEarnings.map(fixedCompensation => (\n <TextInputField\n key={fixedCompensation.name}\n type=\"number\"\n adornmentStart=\"$\"\n isRequired\n label={getFixedCompensationLabel(fixedCompensation.name)}\n name={`fixedCompensations.${fixedCompensation.name}`}\n />\n ))}\n </Grid>\n </div>\n )}\n {reimbursement && (\n <div className={styles.fieldGroup}>\n <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n <TextInputField\n type=\"number\"\n adornmentStart=\"$\"\n isRequired\n label={getFixedCompensationLabel(reimbursement.name)}\n name={`fixedCompensations.${reimbursement.name}`}\n />\n </Grid>\n </div>\n )}\n <div className={styles.fieldGroup}>\n <Heading as=\"h4\">{t('paymentMethodTitle')}</Heading>\n <RadioGroupField\n name=\"paymentMethod\"\n isRequired\n label={t('paymentMethodLabel')}\n description={t('paymentMethodDescription')}\n options={[\n {\n value: PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n label: t('paymentMethodOptions.directDeposit'),\n },\n {\n value: PayrollEmployeeCompensationsTypePaymentMethod.Check,\n label: t('paymentMethodOptions.check'),\n },\n ]}\n />\n </div>\n </Form>\n {!isSmallOrGreater && actions}\n </FormProvider>\n </div>\n )\n}\n"],"names":["PayrollEditEmployeeFormSchema","z","PayrollEmployeeCompensationsTypePaymentMethod","buildCompensationFromFormData","formData","employeeCompensation","timeOff","primaryJobUuid","updatedCompensation","compensation","hours","timeOffEntry","updatedFixedCompensations","fixedCompensationName","formAmount","existingFixedCompensation","fixedCompensation","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","isOffCycle","Button","Heading","Text","useComponentContext","useTranslation","useI18n","primaryJob","job","hourlyJobs","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","hourlyJob","entry","additionalEarnings","getAdditionalEarningsCompensations","EXCLUDED_ADDITIONAL_EARNINGS","reimbursement","getReimbursementCompensation","findMatchingCompensation","jobUuid","compensationName","getCompensationLabel","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","getFixedCompensationLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_REIMBURSEMENT","defaultValues","hourlyCompensations","HOURS_COMPENSATION_NAMES","matchingCompensation","timeOffCompensations","timeOffCompensation","fixedCompensations","fixedComp","formHandlers","useForm","zodResolver","watchedFormData","useWatch","currentGrossPay","useMemo","jobId","compensations","formDataWithDefaults","calculateGrossPay","employeeName","firstLastName","onSubmit","data","formattedCurrentGrossPay","formatNumberAsCurrency","actions","jsxs","Flex","jsx","styles","FormProvider","Form","Grid","employeeHourlyCompensation","TextInputField","TimeOffField","RadioGroupField"],"mappings":"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"}
1	+ {"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n FixedCompensations,\n PayrollEmployeeCompensationsType,\n} from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport { PayrollEmployeeCompensationsTypePaymentMethod } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './PayrollEditEmployeePresentation.module.scss'\nimport { TimeOffField } from './TimeOffField'\nimport { Flex, Grid, TextInputField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { formatNumberAsCurrency, firstLastName } from '@/helpers/formattedStrings'\nimport {\n getAdditionalEarningsCompensations,\n getReimbursementCompensation,\n calculateGrossPay,\n} from '@/components/Payroll/helpers'\nimport {\n COMPENSATION_NAME_DOUBLE_OVERTIME,\n COMPENSATION_NAME_OVERTIME,\n COMPENSATION_NAME_REGULAR_HOURS,\n HOURS_COMPENSATION_NAMES,\n EXCLUDED_ADDITIONAL_EARNINGS,\n COMPENSATION_NAME_REIMBURSEMENT,\n COMPENSATION_NAME_BONUS,\n COMPENSATION_NAME_PAYCHECK_TIPS,\n COMPENSATION_NAME_CORRECTION_PAYMENT,\n COMPENSATION_NAME_COMMISSION,\n COMPENSATION_NAME_CASH_TIPS,\n} from '@/shared/constants'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollEditEmployeeProps {\n onSave: (updatedCompensation: PayrollEmployeeCompensationsType) => void\n onCancel: () => void\n employee: Employee\n employeeCompensation?: PayrollEmployeeCompensationsType\n isPending?: boolean\n fixedCompensationTypes: PayrollFixedCompensationTypesType[]\n payPeriodStartDate?: string\n paySchedule?: PayScheduleObject\n isOffCycle?: boolean\n}\n\nexport const PayrollEditEmployeeFormSchema = z.object({\n hourlyCompensations: z.record(z.string(), z.record(z.string(), z.string().optional())),\n timeOffCompensations: z.record(z.string(), z.string().optional()),\n fixedCompensations: z.record(z.string(), z.string().optional()),\n paymentMethod: z.nativeEnum(PayrollEmployeeCompensationsTypePaymentMethod).optional(),\n})\n\nexport type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>\n\nconst buildCompensationFromFormData = (\n formData: PayrollEditEmployeeFormValues,\n employeeCompensation: PayrollEmployeeCompensationsType \| undefined,\n timeOff: Array<{ name?: string; hours?: string }>,\n primaryJobUuid?: string,\n): PayrollEmployeeCompensationsType => {\n const updatedCompensation = {\n ...employeeCompensation,\n paymentMethod: formData.paymentMethod,\n }\n\n updatedCompensation.hourlyCompensations = employeeCompensation?.hourlyCompensations?.map(\n compensation => {\n const hours =\n compensation.jobUuid && compensation.name\n ? formData.hourlyCompensations[compensation.jobUuid]?.[compensation.name]\n : undefined\n return hours\n ? {\n ...compensation,\n hours,\n }\n : compensation\n },\n )\n\n updatedCompensation.paidTimeOff = timeOff.map(timeOffEntry => {\n return {\n ...timeOffEntry,\n hours: formData.timeOffCompensations[timeOffEntry.name!],\n }\n })\n\n const updatedFixedCompensations: FixedCompensations[] = []\n\n Object.entries(formData.fixedCompensations).forEach(([fixedCompensationName, formAmount]) => {\n const existingFixedCompensation = employeeCompensation?.fixedCompensations?.find(\n fixedCompensation =>\n fixedCompensation.name?.toLowerCase() === fixedCompensationName.toLowerCase(),\n )\n\n if (formAmount) {\n if (existingFixedCompensation) {\n updatedFixedCompensations.push({\n name: existingFixedCompensation.name,\n jobUuid: existingFixedCompensation.jobUuid,\n amount: formAmount,\n })\n } else if (parseFloat(formAmount) !== 0) {\n updatedFixedCompensations.push({\n name: fixedCompensationName,\n jobUuid: primaryJobUuid,\n amount: formAmount,\n })\n }\n }\n })\n\n updatedCompensation.fixedCompensations = updatedFixedCompensations\n\n return updatedCompensation\n}\n\nexport const PayrollEditEmployeePresentation = ({\n onSave,\n onCancel,\n employee,\n employeeCompensation,\n isPending = false,\n fixedCompensationTypes,\n payPeriodStartDate,\n paySchedule,\n isOffCycle = false,\n}: PayrollEditEmployeeProps) => {\n const { Button, Heading, Text } = useComponentContext()\n\n const { t } = useTranslation('Payroll.PayrollEditEmployee')\n useI18n('Payroll.PayrollEditEmployee')\n\n const primaryJob = employee.jobs?.find(job => job.primary)\n const hourlyJobs = primaryJob ? [primaryJob] : []\n\n const containerRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({\n ref: containerRef,\n })\n const isSmallOrGreater = breakpoints.includes('small')\n\n employeeCompensation?.hourlyCompensations?.forEach(compensation => {\n const job = employee.jobs?.find(job => job.uuid === compensation.jobUuid)\n if (job && !hourlyJobs.find(hourlyJob => hourlyJob.uuid === job.uuid)) {\n hourlyJobs.push(job)\n }\n })\n\n const timeOff = (employeeCompensation?.paidTimeOff \|\| []).filter(entry => entry.name)\n\n const additionalEarnings = getAdditionalEarningsCompensations({\n flsaStatus: primaryJob?.compensations?.[0]?.flsaStatus,\n existingFixedCompensations: employeeCompensation?.fixedCompensations \|\| [],\n primaryJobUuid: primaryJob?.uuid,\n fixedCompensationTypes,\n excludedTypes: EXCLUDED_ADDITIONAL_EARNINGS,\n })\n\n const reimbursement = getReimbursementCompensation(\n employeeCompensation?.fixedCompensations \|\| [],\n fixedCompensationTypes,\n primaryJob?.uuid,\n )\n\n const findMatchingCompensation = (jobUuid: string, compensationName: string) => {\n return employeeCompensation?.hourlyCompensations?.find(\n compensation =>\n compensation.jobUuid === jobUuid &&\n compensation.name?.toLowerCase() === compensationName.toLowerCase(),\n )\n }\n\n const getCompensationLabel = (compensationName?: string) => {\n switch (compensationName) {\n case COMPENSATION_NAME_REGULAR_HOURS:\n return t('compensationNames.regularHours')\n case COMPENSATION_NAME_OVERTIME:\n return t('compensationNames.overtime')\n case COMPENSATION_NAME_DOUBLE_OVERTIME:\n return t('compensationNames.doubleOvertime')\n default:\n return compensationName\n }\n }\n\n const getFixedCompensationLabel = (compensationName?: string) => {\n switch (compensationName) {\n case COMPENSATION_NAME_BONUS:\n return t('fixedCompensationNames.bonus')\n case COMPENSATION_NAME_PAYCHECK_TIPS:\n return t('fixedCompensationNames.paycheckTips')\n case COMPENSATION_NAME_CORRECTION_PAYMENT:\n return t('fixedCompensationNames.correctionPayment')\n case COMPENSATION_NAME_COMMISSION:\n return t('fixedCompensationNames.commission')\n case COMPENSATION_NAME_CASH_TIPS:\n return t('fixedCompensationNames.cashTips')\n case COMPENSATION_NAME_REIMBURSEMENT:\n return t('fixedCompensationNames.reimbursement')\n default:\n return compensationName\n }\n }\n\n const defaultValues = {\n hourlyCompensations: (() => {\n const hourlyCompensations: PayrollEditEmployeeFormValues['hourlyCompensations'] = {}\n\n hourlyJobs.forEach(hourlyJob => {\n HOURS_COMPENSATION_NAMES.forEach(compensationName => {\n const matchingCompensation = findMatchingCompensation(hourlyJob.uuid, compensationName)\n if (matchingCompensation) {\n if (!hourlyCompensations[hourlyJob.uuid]) {\n hourlyCompensations[hourlyJob.uuid] = {}\n }\n hourlyCompensations[hourlyJob.uuid]![matchingCompensation.name!] =\n matchingCompensation.hours ? parseFloat(matchingCompensation.hours).toString() : ''\n }\n })\n })\n\n return hourlyCompensations\n })(),\n\n timeOffCompensations: (() => {\n const timeOffCompensations: PayrollEditEmployeeFormValues['timeOffCompensations'] = {}\n\n timeOff.forEach(timeOffCompensation => {\n timeOffCompensations[timeOffCompensation.name!] = timeOffCompensation.hours\n ? parseFloat(timeOffCompensation.hours).toString()\n : ''\n })\n\n return timeOffCompensations\n })(),\n\n fixedCompensations: (() => {\n const fixedCompensations: PayrollEditEmployeeFormValues['fixedCompensations'] = {}\n\n additionalEarnings.forEach(fixedComp => {\n fixedCompensations[fixedComp.name!] = fixedComp.amount ? fixedComp.amount : ''\n })\n\n if (reimbursement) {\n fixedCompensations[reimbursement.name!] = reimbursement.amount ? reimbursement.amount : ''\n }\n\n return fixedCompensations\n })(),\n\n paymentMethod:\n employeeCompensation?.paymentMethod \|\|\n PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n }\n\n const formHandlers = useForm<PayrollEditEmployeeFormValues>({\n resolver: zodResolver(PayrollEditEmployeeFormSchema),\n defaultValues,\n })\n\n const watchedFormData = useWatch({\n control: formHandlers.control,\n })\n\n const currentGrossPay = useMemo(() => {\n try {\n // Build form data, filtering out undefined nested objects\n const hourlyCompensations: Record<string, Record<string, string \| undefined>> = {}\n if (watchedFormData.hourlyCompensations) {\n Object.entries(watchedFormData.hourlyCompensations).forEach(([jobId, compensations]) => {\n if (compensations) {\n hourlyCompensations[jobId] = compensations\n }\n })\n }\n\n const formDataWithDefaults: PayrollEditEmployeeFormValues = {\n hourlyCompensations,\n timeOffCompensations: watchedFormData.timeOffCompensations \|\| {},\n fixedCompensations: watchedFormData.fixedCompensations \|\| {},\n paymentMethod: watchedFormData.paymentMethod,\n }\n\n const updatedCompensation = buildCompensationFromFormData(\n formDataWithDefaults,\n employeeCompensation,\n (employeeCompensation?.paidTimeOff \|\| []).filter(entry => entry.name),\n primaryJob?.uuid,\n )\n\n return calculateGrossPay(\n updatedCompensation,\n employee,\n payPeriodStartDate,\n paySchedule,\n isOffCycle,\n )\n } catch {\n // Fallback to original compensation on error\n return employeeCompensation\n ? calculateGrossPay(\n employeeCompensation,\n employee,\n payPeriodStartDate,\n paySchedule,\n isOffCycle,\n )\n : 0\n }\n }, [\n watchedFormData,\n employeeCompensation,\n primaryJob?.uuid,\n employee,\n payPeriodStartDate,\n paySchedule,\n isOffCycle,\n ])\n\n const employeeName = firstLastName({\n first_name: employee.firstName,\n last_name: employee.lastName,\n })\n\n const onSubmit = (data: PayrollEditEmployeeFormValues) => {\n const updatedCompensation = buildCompensationFromFormData(\n data,\n employeeCompensation,\n timeOff,\n primaryJob?.uuid,\n )\n onSave(updatedCompensation)\n }\n\n const formattedCurrentGrossPay = formatNumberAsCurrency(currentGrossPay \|\| 0)\n\n const actions = (\n <Flex gap={12} justifyContent=\"flex-end\">\n <Button variant=\"secondary\" onClick={onCancel} title={t('cancelButton')}>\n {t('cancelButton')}\n </Button>\n <Button\n onClick={formHandlers.handleSubmit(onSubmit)}\n title={t('saveButton')}\n isLoading={isPending}\n >\n {t('saveButton')}\n </Button>\n </Flex>\n )\n\n return (\n <div ref={containerRef} className={styles.container}>\n <div\n className={`${styles.headerSection} ${!isSmallOrGreater ? styles.headerSectionSticky : ''}`}\n >\n <Flex justifyContent=\"space-between\">\n <Flex flexDirection=\"column\" gap={isSmallOrGreater ? 8 : 2}>\n <Heading as=\"h1\" styledAs={isSmallOrGreater ? 'h2' : 'h4'}>\n {t('pageTitle', { employeeName })}\n </Heading>\n {isSmallOrGreater ? (\n <Flex flexDirection=\"column\" gap={6}>\n <Heading as=\"h2\" styledAs=\"h3\">\n {formattedCurrentGrossPay}\n </Heading>\n <Text className={styles.grossPayLabel}>{t('grossPayLabel')}</Text>\n </Flex>\n ) : (\n <Heading as=\"h2\" styledAs=\"h6\" className={styles.grossPayLabel}>\n {t('grossPayLabelMobile', { grossPay: formattedCurrentGrossPay })}\n </Heading>\n )}\n </Flex>\n {isSmallOrGreater && actions}\n </Flex>\n </div>\n <FormProvider {...formHandlers}>\n <Form>\n {hourlyJobs.length > 0 && (\n <div className={styles.fieldGroup}>\n <Heading as=\"h3\">{t('regularHoursTitle')}</Heading>\n {hourlyJobs.map(hourlyJob => (\n <Flex key={hourlyJob.uuid} flexDirection=\"column\" gap={8}>\n <Heading as=\"h4\">{hourlyJob.title}</Heading>\n <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n {HOURS_COMPENSATION_NAMES.map(compensationName => {\n const employeeHourlyCompensation = findMatchingCompensation(\n hourlyJob.uuid,\n compensationName,\n )\n if (employeeHourlyCompensation) {\n return (\n <TextInputField\n key={compensationName}\n type=\"number\"\n adornmentEnd={t('hoursUnit')}\n isRequired\n label={getCompensationLabel(compensationName)}\n name={`hourlyCompensations.${hourlyJob.uuid}.${employeeHourlyCompensation.name}`}\n />\n )\n }\n })}\n </Grid>\n </Flex>\n ))}\n </div>\n )}\n {timeOff.length > 0 && (\n <div className={styles.fieldGroup}>\n <Heading as=\"h4\">{t('timeOffTitle')}</Heading>\n <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n {timeOff.map(timeOffEntry => (\n <TimeOffField\n key={timeOffEntry.name}\n timeOff={timeOffEntry}\n employee={employee}\n />\n ))}\n </Grid>\n </div>\n )}\n {additionalEarnings.length > 0 && (\n <div className={styles.fieldGroup}>\n <Heading as=\"h4\">{t('additionalEarningsTitle')}</Heading>\n <Grid\n gridTemplateColumns={{ base: '1fr', small: [320, 320], large: [320, 320, 320] }}\n gap={20}\n >\n {additionalEarnings.map(fixedCompensation => (\n <TextInputField\n key={fixedCompensation.name}\n type=\"number\"\n adornmentStart=\"$\"\n isRequired\n label={getFixedCompensationLabel(fixedCompensation.name)}\n name={`fixedCompensations.${fixedCompensation.name}`}\n />\n ))}\n </Grid>\n </div>\n )}\n {reimbursement && (\n <div className={styles.fieldGroup}>\n <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n <TextInputField\n type=\"number\"\n adornmentStart=\"$\"\n isRequired\n label={getFixedCompensationLabel(reimbursement.name)}\n name={`fixedCompensations.${reimbursement.name}`}\n />\n </Grid>\n </div>\n )}\n <div className={styles.fieldGroup}>\n <Heading as=\"h4\">{t('paymentMethodTitle')}</Heading>\n <RadioGroupField\n name=\"paymentMethod\"\n isRequired\n label={t('paymentMethodLabel')}\n description={t('paymentMethodDescription')}\n options={[\n {\n value: PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n label: t('paymentMethodOptions.directDeposit'),\n },\n {\n value: PayrollEmployeeCompensationsTypePaymentMethod.Check,\n label: t('paymentMethodOptions.check'),\n },\n ]}\n />\n </div>\n </Form>\n {!isSmallOrGreater && actions}\n </FormProvider>\n </div>\n )\n}\n"],"names":["PayrollEditEmployeeFormSchema","z","PayrollEmployeeCompensationsTypePaymentMethod","buildCompensationFromFormData","formData","employeeCompensation","timeOff","primaryJobUuid","updatedCompensation","compensation","hours","timeOffEntry","updatedFixedCompensations","fixedCompensationName","formAmount","existingFixedCompensation","fixedCompensation","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","isOffCycle","Button","Heading","Text","useComponentContext","useTranslation","useI18n","primaryJob","job","hourlyJobs","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","hourlyJob","entry","additionalEarnings","getAdditionalEarningsCompensations","EXCLUDED_ADDITIONAL_EARNINGS","reimbursement","getReimbursementCompensation","findMatchingCompensation","jobUuid","compensationName","getCompensationLabel","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","getFixedCompensationLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_REIMBURSEMENT","defaultValues","hourlyCompensations","HOURS_COMPENSATION_NAMES","matchingCompensation","timeOffCompensations","timeOffCompensation","fixedCompensations","fixedComp","formHandlers","useForm","zodResolver","watchedFormData","useWatch","currentGrossPay","useMemo","jobId","compensations","formDataWithDefaults","calculateGrossPay","employeeName","firstLastName","onSubmit","data","formattedCurrentGrossPay","formatNumberAsCurrency","actions","jsxs","Flex","jsx","styles","FormProvider","Form","Grid","employeeHourlyCompensation","TextInputField","TimeOffField","RadioGroupField"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoDO,MAAMA,KAAgCC,EAAE,OAAO;AAAA,EACpD,qBAAqBA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,SAAA,CAAU,CAAC;AAAA,EACrF,sBAAsBA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,SAAS,UAAU;AAAA,EAChE,oBAAoBA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,SAAS,UAAU;AAAA,EAC9D,eAAeA,EAAE,WAAWC,CAA6C,EAAE,SAAA;AAC7E,CAAC,GAIKC,IAAgC,CACpCC,GACAC,GACAC,GACAC,MACqC;AACrC,QAAMC,IAAsB;AAAA,IAC1B,GAAGH;AAAA,IACH,eAAeD,EAAS;AAAA,EAAA;AAG1B,EAAAI,EAAoB,sBAAsBH,GAAsB,qBAAqB;AAAA,IACnF,CAAAI,MAAgB;AACd,YAAMC,IACJD,EAAa,WAAWA,EAAa,OACjCL,EAAS,oBAAoBK,EAAa,OAAO,IAAIA,EAAa,IAAI,IACtE;AACN,aAAOC,IACH;AAAA,QACE,GAAGD;AAAA,QACH,OAAAC;AAAA,MAAA,IAEFD;AAAA,IACN;AAAA,EAAA,GAGFD,EAAoB,cAAcF,EAAQ,IAAI,CAAAK,OACrC;AAAA,IACL,GAAGA;AAAA,IACH,OAAOP,EAAS,qBAAqBO,EAAa,IAAK;AAAA,EAAA,EAE1D;AAED,QAAMC,IAAkD,CAAA;AAExD,gBAAO,QAAQR,EAAS,kBAAkB,EAAE,QAAQ,CAAC,CAACS,GAAuBC,CAAU,MAAM;AAC3F,UAAMC,IAA4BV,GAAsB,oBAAoB;AAAA,MAC1E,OACEW,EAAkB,MAAM,YAAA,MAAkBH,EAAsB,YAAA;AAAA,IAAY;AAGhF,IAAIC,MACEC,IACFH,EAA0B,KAAK;AAAA,MAC7B,MAAMG,EAA0B;AAAA,MAChC,SAASA,EAA0B;AAAA,MACnC,QAAQD;AAAA,IAAA,CACT,IACQ,WAAWA,CAAU,MAAM,KACpCF,EAA0B,KAAK;AAAA,MAC7B,MAAMC;AAAA,MACN,SAASN;AAAA,MACT,QAAQO;AAAA,IAAA,CACT;AAAA,EAGP,CAAC,GAEDN,EAAoB,qBAAqBI,GAElCJ;AACT,GAEaS,KAAkC,CAAC;AAAA,EAC9C,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,sBAAAf;AAAA,EACA,WAAAgB,IAAY;AAAA,EACZ,wBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AACf,MAAgC;AAC9B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,EAAA,IAASC,GAAA,GAE5B,EAAE,EAAA,IAAMC,EAAe,6BAA6B;AAC1D,EAAAC,GAAQ,6BAA6B;AAErC,QAAMC,IAAaZ,EAAS,MAAM,KAAK,CAAAa,MAAOA,EAAI,OAAO,GACnDC,IAAaF,IAAa,CAACA,CAAU,IAAI,CAAA,GAEzCG,IAAeC,EAAuB,IAAI,GAI1CC,IAHcC,GAAwB;AAAA,IAC1C,KAAKH;AAAA,EAAA,CACN,EACoC,SAAS,OAAO;AAErD,EAAA9B,GAAsB,qBAAqB,QAAQ,CAAAI,MAAgB;AACjE,UAAMwB,IAAMb,EAAS,MAAM,KAAK,CAAAa,MAAOA,EAAI,SAASxB,EAAa,OAAO;AACxE,IAAIwB,KAAO,CAACC,EAAW,KAAK,OAAaK,EAAU,SAASN,EAAI,IAAI,KAClEC,EAAW,KAAKD,CAAG;AAAA,EAEvB,CAAC;AAED,QAAM3B,KAAWD,GAAsB,eAAe,CAAA,GAAI,OAAO,CAAAmC,MAASA,EAAM,IAAI,GAE9EC,IAAqBC,GAAmC;AAAA,IAC5D,YAAYV,GAAY,gBAAgB,CAAC,GAAG;AAAA,IAC5C,4BAA4B3B,GAAsB,sBAAsB,CAAA;AAAA,IACxE,gBAAgB2B,GAAY;AAAA,IAC5B,wBAAAV;AAAA,IACA,eAAeqB;AAAA,EAAA,CAChB,GAEKC,IAAgBC;AAAA,IACpBxC,GAAsB,sBAAsB,CAAA;AAAA,IAC5CiB;AAAA,IACAU,GAAY;AAAA,EAAA,GAGRc,IAA2B,CAACC,GAAiBC,MAC1C3C,GAAsB,qBAAqB;AAAA,IAChD,CAAAI,MACEA,EAAa,YAAYsC,KACzBtC,EAAa,MAAM,kBAAkBuC,EAAiB,YAAA;AAAA,EAAY,GAIlEC,IAAuB,CAACD,MAA8B;AAC1D,YAAQA,GAAA;AAAA,MACN,KAAKE;AACH,eAAO,EAAE,gCAAgC;AAAA,MAC3C,KAAKC;AACH,eAAO,EAAE,4BAA4B;AAAA,MACvC,KAAKC;AACH,eAAO,EAAE,kCAAkC;AAAA,MAC7C;AACE,eAAOJ;AAAA,IAAA;AAAA,EAEb,GAEMK,IAA4B,CAACL,MAA8B;AAC/D,YAAQA,GAAA;AAAA,MACN,KAAKM;AACH,eAAO,EAAE,8BAA8B;AAAA,MACzC,KAAKC;AACH,eAAO,EAAE,qCAAqC;AAAA,MAChD,KAAKC;AACH,eAAO,EAAE,0CAA0C;AAAA,MACrD,KAAKC;AACH,eAAO,EAAE,mCAAmC;AAAA,MAC9C,KAAKC;AACH,eAAO,EAAE,iCAAiC;AAAA,MAC5C,KAAKC;AACH,eAAO,EAAE,sCAAsC;AAAA,MACjD;AACE,eAAOX;AAAA,IAAA;AAAA,EAEb,GAEMY,IAAgB;AAAA,IACpB,sBAAsB,MAAM;AAC1B,YAAMC,IAA4E,CAAA;AAElF,aAAA3B,EAAW,QAAQ,CAAAK,MAAa;AAC9B,QAAAuB,EAAyB,QAAQ,CAAAd,MAAoB;AACnD,gBAAMe,IAAuBjB,EAAyBP,EAAU,MAAMS,CAAgB;AACtF,UAAIe,MACGF,EAAoBtB,EAAU,IAAI,MACrCsB,EAAoBtB,EAAU,IAAI,IAAI,CAAA,IAExCsB,EAAoBtB,EAAU,IAAI,EAAGwB,EAAqB,IAAK,IAC7DA,EAAqB,QAAQ,WAAWA,EAAqB,KAAK,EAAE,aAAa;AAAA,QAEvF,CAAC;AAAA,MACH,CAAC,GAEMF;AAAA,IACT,GAAA;AAAA,IAEA,uBAAuB,MAAM;AAC3B,YAAMG,IAA8E,CAAA;AAEpF,aAAA1D,EAAQ,QAAQ,CAAA2D,MAAuB;AACrC,QAAAD,EAAqBC,EAAoB,IAAK,IAAIA,EAAoB,QAClE,WAAWA,EAAoB,KAAK,EAAE,SAAA,IACtC;AAAA,MACN,CAAC,GAEMD;AAAA,IACT,GAAA;AAAA,IAEA,qBAAqB,MAAM;AACzB,YAAME,IAA0E,CAAA;AAEhF,aAAAzB,EAAmB,QAAQ,CAAA0B,MAAa;AACtC,QAAAD,EAAmBC,EAAU,IAAK,IAAIA,EAAU,SAASA,EAAU,SAAS;AAAA,MAC9E,CAAC,GAEGvB,MACFsB,EAAmBtB,EAAc,IAAK,IAAIA,EAAc,SAASA,EAAc,SAAS,KAGnFsB;AAAA,IACT,GAAA;AAAA,IAEA,eACE7D,GAAsB,iBACtBH,EAA8C;AAAA,EAAA,GAG5CkE,IAAeC,EAAuC;AAAA,IAC1D,UAAUC,EAAYtE,EAA6B;AAAA,IACnD,eAAA4D;AAAA,EAAA,CACD,GAEKW,IAAkBC,EAAS;AAAA,IAC/B,SAASJ,EAAa;AAAA,EAAA,CACvB,GAEKK,IAAkBC,EAAQ,MAAM;AACpC,QAAI;AAEF,YAAMb,IAA0E,CAAA;AAChF,MAAIU,EAAgB,uBAClB,OAAO,QAAQA,EAAgB,mBAAmB,EAAE,QAAQ,CAAC,CAACI,GAAOC,CAAa,MAAM;AACtF,QAAIA,MACFf,EAAoBc,CAAK,IAAIC;AAAA,MAEjC,CAAC;AAGH,YAAMC,IAAsD;AAAA,QAC1D,qBAAAhB;AAAA,QACA,sBAAsBU,EAAgB,wBAAwB,CAAA;AAAA,QAC9D,oBAAoBA,EAAgB,sBAAsB,CAAA;AAAA,QAC1D,eAAeA,EAAgB;AAAA,MAAA,GAG3B/D,IAAsBL;AAAA,QAC1B0E;AAAA,QACAxE;AAAA,SACCA,GAAsB,eAAe,CAAA,GAAI,OAAO,CAAAmC,MAASA,EAAM,IAAI;AAAA,QACpER,GAAY;AAAA,MAAA;AAGd,aAAO8C;AAAA,QACLtE;AAAA,QACAY;AAAA,QACAG;AAAA,QACAC;AAAA,QACAC;AAAA,MAAA;AAAA,IAEJ,QAAQ;AAEN,aAAOpB,IACHyE;AAAA,QACEzE;AAAA,QACAe;AAAA,QACAG;AAAA,QACAC;AAAA,QACAC;AAAA,MAAA,IAEF;AAAA,IACN;AAAA,EACF,GAAG;AAAA,IACD8C;AAAA,IACAlE;AAAA,IACA2B,GAAY;AAAA,IACZZ;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD,GAEKsD,IAAeC,GAAc;AAAA,IACjC,YAAY5D,EAAS;AAAA,IACrB,WAAWA,EAAS;AAAA,EAAA,CACrB,GAEK6D,IAAW,CAACC,MAAwC;AACxD,UAAM1E,IAAsBL;AAAA,MAC1B+E;AAAA,MACA7E;AAAA,MACAC;AAAA,MACA0B,GAAY;AAAA,IAAA;AAEd,IAAAd,EAAOV,CAAmB;AAAA,EAC5B,GAEM2E,IAA2BC,GAAuBX,KAAmB,CAAC,GAEtEY,IACJ,gBAAAC,EAACC,GAAA,EAAK,KAAK,IAAI,gBAAe,YAC5B,UAAA;AAAA,IAAA,gBAAAC,EAAC9D,GAAA,EAAO,SAAQ,aAAY,SAASP,GAAU,OAAO,EAAE,cAAc,GACnE,UAAA,EAAE,cAAc,EAAA,CACnB;AAAA,IACA,gBAAAqE;AAAA,MAAC9D;AAAA,MAAA;AAAA,QACC,SAAS0C,EAAa,aAAaa,CAAQ;AAAA,QAC3C,OAAO,EAAE,YAAY;AAAA,QACrB,WAAW5D;AAAA,QAEV,YAAE,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB,GACF;AAGF,2BACG,OAAA,EAAI,KAAKc,GAAc,WAAWsD,EAAO,WACxC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAGC,EAAO,aAAa,IAAKpD,IAAgD,KAA7BoD,EAAO,mBAAwB;AAAA,QAEzF,UAAA,gBAAAH,EAACC,GAAA,EAAK,gBAAe,iBACnB,UAAA;AAAA,UAAA,gBAAAD,EAACC,KAAK,eAAc,UAAS,KAAKlD,IAAmB,IAAI,GACvD,UAAA;AAAA,YAAA,gBAAAmD,EAAC7D,GAAA,EAAQ,IAAG,MAAK,UAAUU,IAAmB,OAAO,MAClD,UAAA,EAAE,aAAa,EAAE,cAAA0C,EAAA,CAAc,EAAA,CAClC;AAAA,YACC1C,IACC,gBAAAiD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,cAAA,gBAAAC,EAAC7D,GAAA,EAAQ,IAAG,MAAK,UAAS,MACvB,UAAAwD,GACH;AAAA,gCACCvD,GAAA,EAAK,WAAW6D,EAAO,eAAgB,UAAA,EAAE,eAAe,EAAA,CAAE;AAAA,YAAA,EAAA,CAC7D,IAEA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAK,UAAS,MAAK,WAAW8D,EAAO,eAC9C,YAAE,uBAAuB,EAAE,UAAUN,EAAA,CAA0B,EAAA,CAClE;AAAA,UAAA,GAEJ;AAAA,UACC9C,KAAoBgD;AAAA,QAAA,EAAA,CACvB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAC,EAACI,GAAA,EAAc,GAAGtB,GAChB,UAAA;AAAA,MAAA,gBAAAkB,EAACK,IAAA,EACE,UAAA;AAAA,QAAAzD,EAAW,SAAS,KACnB,gBAAAoD,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,mBAAmB,GAAE;AAAA,UACxCO,EAAW,IAAI,CAAAK,MACd,gBAAA+C,EAACC,KAA0B,eAAc,UAAS,KAAK,GACrD,UAAA;AAAA,YAAA,gBAAAC,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAAY,EAAU,OAAM;AAAA,8BACjCqD,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,KAAK,GAAG,KAAK,KAAK,IACjE,UAAA9B,EAAyB,IAAI,CAAAd,MAAoB;AAChD,oBAAM6C,IAA6B/C;AAAA,gBACjCP,EAAU;AAAA,gBACVS;AAAA,cAAA;AAEF,kBAAI6C;AACF,uBACE,gBAAAL;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,cAAc,EAAE,WAAW;AAAA,oBAC3B,YAAU;AAAA,oBACV,OAAO7C,EAAqBD,CAAgB;AAAA,oBAC5C,MAAM,uBAAuBT,EAAU,IAAI,IAAIsD,EAA2B,IAAI;AAAA,kBAAA;AAAA,kBALzE7C;AAAA,gBAAA;AAAA,YASb,CAAC,EAAA,CACH;AAAA,UAAA,EAAA,GArBST,EAAU,IAsBrB,CACD;AAAA,QAAA,GACH;AAAA,QAEDjC,EAAQ,SAAS,uBACf,OAAA,EAAI,WAAWmF,EAAO,YACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,cAAc,GAAE;AAAA,4BACnCiE,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,KAAK,GAAG,KAAK,KAAK,IACjE,UAAAtF,EAAQ,IAAI,CAAAK,MACX,gBAAA6E;AAAA,YAACO;AAAA,YAAA;AAAA,cAEC,SAASpF;AAAA,cACT,UAAAS;AAAA,YAAA;AAAA,YAFKT,EAAa;AAAA,UAAA,CAIrB,EAAA,CACH;AAAA,QAAA,GACF;AAAA,QAED8B,EAAmB,SAAS,uBAC1B,OAAA,EAAI,WAAWgD,EAAO,YACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,yBAAyB,GAAE;AAAA,UAC/C,gBAAA6D;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,KAAK,GAAG,GAAG,OAAO,CAAC,KAAK,KAAK,GAAG,EAAA;AAAA,cAC5E,KAAK;AAAA,cAEJ,UAAAnD,EAAmB,IAAI,CAAAzB,MACtB,gBAAAwE;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,gBAAe;AAAA,kBACf,YAAU;AAAA,kBACV,OAAOzC,EAA0BrC,EAAkB,IAAI;AAAA,kBACvD,MAAM,sBAAsBA,EAAkB,IAAI;AAAA,gBAAA;AAAA,gBAL7CA,EAAkB;AAAA,cAAA,CAO1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GACF;AAAA,QAED4B,KACC,gBAAA0C,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,oBAAoB,GAAE;AAAA,UAC1C,gBAAA6D,EAACI,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,KAAK,GAAG,EAAA,GAAK,KAAK,IAClE,UAAA,gBAAAJ;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,gBAAe;AAAA,cACf,YAAU;AAAA,cACV,OAAOzC,EAA0BT,EAAc,IAAI;AAAA,cACnD,MAAM,sBAAsBA,EAAc,IAAI;AAAA,YAAA;AAAA,UAAA,EAChD,CACF;AAAA,QAAA,GACF;AAAA,QAEF,gBAAA0C,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC7D,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,oBAAoB,GAAE;AAAA,UAC1C,gBAAA6D;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAU;AAAA,cACV,OAAO,EAAE,oBAAoB;AAAA,cAC7B,aAAa,EAAE,0BAA0B;AAAA,cACzC,SAAS;AAAA,gBACP;AAAA,kBACE,OAAO9F,EAA8C;AAAA,kBACrD,OAAO,EAAE,oCAAoC;AAAA,gBAAA;AAAA,gBAE/C;AAAA,kBACE,OAAOA,EAA8C;AAAA,kBACrD,OAAO,EAAE,4BAA4B;AAAA,gBAAA;AAAA,cACvC;AAAA,YACF;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MACC,CAACmC,KAAoBgD;AAAA,IAAA,EAAA,CACxB;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.js CHANGED Viewed

@@ -4,23 +4,24 @@ import { useFormContext as d, useWatch as f } from "react-hook-form";
 import { useTranslation as m } from "react-i18next";
 import { Flex as y } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as h } from "../../../i18n/I18n.js";
-import { TextInputField as B } from "../../Common/Fields/TextInputField/TextInputField.js";
+import "../../../shared/constants.js";
+import { TextInputField as x } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { useComponentContext as h } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as B } from "../../../i18n/I18n.js";
 const P = ({
   accrualBalance: e,
   accrualMethod: o,
   hoursUsed: r,
   id: t
 }) => {
-  const { Text: n } = x(), { t: l } = m("Payroll.PayrollEditEmployee");
+  const { Text: n } = h(), { t: l } = m("Payroll.PayrollEditEmployee");
   if (o === "unlimited")
     return null;
   const a = parseFloat(e) - r;
   return /* @__PURE__ */ i(n, { size: "sm", variant: "supporting", "aria-live": "polite", "aria-atomic": !0, id: t, children: l("timeOffBalance.remaining", { balance: a.toFixed(1) }) });
-}, M = ({ timeOff: e, employee: o }) => {
+}, U = ({ timeOff: e, employee: o }) => {
   const { t: r } = m("Payroll.PayrollEditEmployee");
-  h("Payroll.PayrollEditEmployee");
+  B("Payroll.PayrollEditEmployee");
   const { control: t } = d(), n = p(), l = f({
     control: t,
     name: `timeOffCompensations.${e.name}`
@@ -30,7 +31,7 @@ const P = ({
   const c = parseFloat(l || "0"), a = o.eligiblePaidTimeOff?.find((s) => s.name === e.name);
   return /* @__PURE__ */ u(y, { flexDirection: "column", gap: 4, children: [
     /* @__PURE__ */ i(
-      B,
+      x,
       {
         name: `timeOffCompensations.${e.name}`,
         type: "number",
@@ -53,6 +54,6 @@ const P = ({
   ] });
 };
 export {
-  M as TimeOffField
+  U as TimeOffField
 };
 //# sourceMappingURL=TimeOffField.js.map

package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeOffField.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/TimeOffField.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { useWatch, useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollEmployeeCompensationsTypePaidTimeOff } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollEditEmployeeFormValues } from './PayrollEditEmployeePresentation'\nimport { Flex, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface TimeOffFieldProps {\n timeOff: PayrollEmployeeCompensationsTypePaidTimeOff\n employee: Employee\n}\n\nconst TimeOffBalance = ({\n accrualBalance,\n accrualMethod,\n hoursUsed,\n id,\n}: {\n accrualBalance: string\n accrualMethod?: string\n hoursUsed: number\n id: string\n}) => {\n const { Text } = useComponentContext()\n const { t } = useTranslation('Payroll.PayrollEditEmployee')\n\n if (accrualMethod === 'unlimited') {\n return null\n }\n\n const currentBalance = parseFloat(accrualBalance)\n const remainingBalance = currentBalance - hoursUsed\n\n return (\n <Text size=\"sm\" variant=\"supporting\" aria-live=\"polite\" aria-atomic={true} id={id}>\n {t('timeOffBalance.remaining', { balance: remainingBalance.toFixed(1) })}\n </Text>\n )\n}\n\nexport const TimeOffField = ({ timeOff, employee }: TimeOffFieldProps) => {\n const { t } = useTranslation('Payroll.PayrollEditEmployee')\n useI18n('Payroll.PayrollEditEmployee')\n\n const { control } = useFormContext<PayrollEditEmployeeFormValues>()\n const id = useId()\n\n const watchedValue = useWatch({\n control,\n name: `timeOffCompensations.${timeOff.name}`,\n })\n\n if (!timeOff.name) {\n return null\n }\n\n const hoursUsed = parseFloat(watchedValue \|\| '0')\n const eligiblePolicy = employee.eligiblePaidTimeOff?.find(policy => policy.name === timeOff.name)\n\n return (\n <Flex flexDirection=\"column\" gap={4}>\n <TextInputField\n key={timeOff.name}\n name={`timeOffCompensations.${timeOff.name}`}\n type=\"number\"\n adornmentEnd={t('hoursUnit')}\n isRequired\n label={timeOff.name}\n aria-describedby={id}\n />\n {eligiblePolicy?.accrualBalance && (\n <TimeOffBalance\n accrualBalance={eligiblePolicy.accrualBalance}\n accrualMethod={eligiblePolicy.accrualMethod ?? undefined}\n hoursUsed={hoursUsed}\n id={id}\n />\n )}\n </Flex>\n )\n}\n"],"names":["TimeOffBalance","accrualBalance","accrualMethod","hoursUsed","id","Text","useComponentContext","t","useTranslation","remainingBalance","jsx","TimeOffField","timeOff","employee","useI18n","control","useFormContext","useId","watchedValue","useWatch","eligiblePolicy","policy","jsxs","Flex","TextInputField"],"mappings":"~~;;;;;;;;;~~AAeA,MAAMA,IAAiB,CAAC;AAAA,EACtB,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AACF,MAKM;AACJ,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B;AAE1D,MAAIN,MAAkB;AACpB,WAAO;AAIT,QAAMO,IADiB,WAAWR,CAAc,IACNE;AAE1C,SACE,gBAAAO,EAACL,KAAK,MAAK,MAAK,SAAQ,cAAa,aAAU,UAAS,eAAa,IAAM,IAAAD,GACxE,UAAAG,EAAE,4BAA4B,EAAE,SAASE,EAAiB,QAAQ,CAAC,EAAA,CAAG,GACzE;AAEJ,GAEaE,IAAe,CAAC,EAAE,SAAAC,GAAS,UAAAC,QAAkC;AACxE,QAAM,EAAE,GAAAN,EAAA,IAAMC,EAAe,6BAA6B;AAC1D,EAAAM,EAAQ,6BAA6B;AAErC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdZ,IAAKa,EAAA,GAELC,IAAeC,EAAS;AAAA,IAC5B,SAAAJ;AAAA,IACA,MAAM,wBAAwBH,EAAQ,IAAI;AAAA,EAAA,CAC3C;AAED,MAAI,CAACA,EAAQ;AACX,WAAO;AAGT,QAAMT,IAAY,WAAWe,KAAgB,GAAG,GAC1CE,IAAiBP,EAAS,qBAAqB,KAAK,OAAUQ,EAAO,SAAST,EAAQ,IAAI;AAEhG,SACE,gBAAAU,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAb;AAAA,MAACc;AAAA,MAAA;AAAA,QAEC,MAAM,wBAAwBZ,EAAQ,IAAI;AAAA,QAC1C,MAAK;AAAA,QACL,cAAcL,EAAE,WAAW;AAAA,QAC3B,YAAU;AAAA,QACV,OAAOK,EAAQ;AAAA,QACf,oBAAkBR;AAAA,MAAA;AAAA,MANbQ,EAAQ;AAAA,IAAA;AAAA,IAQdQ,GAAgB,kBACf,gBAAAV;AAAA,MAACV;AAAA,MAAA;AAAA,QACC,gBAAgBoB,EAAe;AAAA,QAC/B,eAAeA,EAAe,iBAAiB;AAAA,QAC/C,WAAAjB;AAAA,QACA,IAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"TimeOffField.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/TimeOffField.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { useWatch, useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollEmployeeCompensationsTypePaidTimeOff } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollEditEmployeeFormValues } from './PayrollEditEmployeePresentation'\nimport { Flex, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface TimeOffFieldProps {\n timeOff: PayrollEmployeeCompensationsTypePaidTimeOff\n employee: Employee\n}\n\nconst TimeOffBalance = ({\n accrualBalance,\n accrualMethod,\n hoursUsed,\n id,\n}: {\n accrualBalance: string\n accrualMethod?: string\n hoursUsed: number\n id: string\n}) => {\n const { Text } = useComponentContext()\n const { t } = useTranslation('Payroll.PayrollEditEmployee')\n\n if (accrualMethod === 'unlimited') {\n return null\n }\n\n const currentBalance = parseFloat(accrualBalance)\n const remainingBalance = currentBalance - hoursUsed\n\n return (\n <Text size=\"sm\" variant=\"supporting\" aria-live=\"polite\" aria-atomic={true} id={id}>\n {t('timeOffBalance.remaining', { balance: remainingBalance.toFixed(1) })}\n </Text>\n )\n}\n\nexport const TimeOffField = ({ timeOff, employee }: TimeOffFieldProps) => {\n const { t } = useTranslation('Payroll.PayrollEditEmployee')\n useI18n('Payroll.PayrollEditEmployee')\n\n const { control } = useFormContext<PayrollEditEmployeeFormValues>()\n const id = useId()\n\n const watchedValue = useWatch({\n control,\n name: `timeOffCompensations.${timeOff.name}`,\n })\n\n if (!timeOff.name) {\n return null\n }\n\n const hoursUsed = parseFloat(watchedValue \|\| '0')\n const eligiblePolicy = employee.eligiblePaidTimeOff?.find(policy => policy.name === timeOff.name)\n\n return (\n <Flex flexDirection=\"column\" gap={4}>\n <TextInputField\n key={timeOff.name}\n name={`timeOffCompensations.${timeOff.name}`}\n type=\"number\"\n adornmentEnd={t('hoursUnit')}\n isRequired\n label={timeOff.name}\n aria-describedby={id}\n />\n {eligiblePolicy?.accrualBalance && (\n <TimeOffBalance\n accrualBalance={eligiblePolicy.accrualBalance}\n accrualMethod={eligiblePolicy.accrualMethod ?? undefined}\n hoursUsed={hoursUsed}\n id={id}\n />\n )}\n </Flex>\n )\n}\n"],"names":["TimeOffBalance","accrualBalance","accrualMethod","hoursUsed","id","Text","useComponentContext","t","useTranslation","remainingBalance","jsx","TimeOffField","timeOff","employee","useI18n","control","useFormContext","useId","watchedValue","useWatch","eligiblePolicy","policy","jsxs","Flex","TextInputField"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAiB,CAAC;AAAA,EACtB,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AACF,MAKM;AACJ,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B;AAE1D,MAAIN,MAAkB;AACpB,WAAO;AAIT,QAAMO,IADiB,WAAWR,CAAc,IACNE;AAE1C,SACE,gBAAAO,EAACL,KAAK,MAAK,MAAK,SAAQ,cAAa,aAAU,UAAS,eAAa,IAAM,IAAAD,GACxE,UAAAG,EAAE,4BAA4B,EAAE,SAASE,EAAiB,QAAQ,CAAC,EAAA,CAAG,GACzE;AAEJ,GAEaE,IAAe,CAAC,EAAE,SAAAC,GAAS,UAAAC,QAAkC;AACxE,QAAM,EAAE,GAAAN,EAAA,IAAMC,EAAe,6BAA6B;AAC1D,EAAAM,EAAQ,6BAA6B;AAErC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdZ,IAAKa,EAAA,GAELC,IAAeC,EAAS;AAAA,IAC5B,SAAAJ;AAAA,IACA,MAAM,wBAAwBH,EAAQ,IAAI;AAAA,EAAA,CAC3C;AAED,MAAI,CAACA,EAAQ;AACX,WAAO;AAGT,QAAMT,IAAY,WAAWe,KAAgB,GAAG,GAC1CE,IAAiBP,EAAS,qBAAqB,KAAK,OAAUQ,EAAO,SAAST,EAAQ,IAAI;AAEhG,SACE,gBAAAU,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAb;AAAA,MAACc;AAAA,MAAA;AAAA,QAEC,MAAM,wBAAwBZ,EAAQ,IAAI;AAAA,QAC1C,MAAK;AAAA,QACL,cAAcL,EAAE,WAAW;AAAA,QAC3B,YAAU;AAAA,QACV,OAAOK,EAAQ;AAAA,QACf,oBAAkBR;AAAA,MAAA;AAAA,MANbQ,EAAQ;AAAA,IAAA;AAAA,IAQdQ,GAAgB,kBACf,gBAAAV;AAAA,MAACV;AAAA,MAAA;AAAA,QACC,gBAAgBoB,EAAe;AAAA,QAC/B,eAAeA,EAAe,iBAAiB;AAAA,QAC/C,WAAAjB;AAAA,QACA,IAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}

package/dist/components/Payroll/PayrollFlow/PayrollFlow.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { PayrollFlowProps } from './PayrollFlowComponents';
2	+ export declare const PayrollFlow: ({ companyId, onEvent, defaultValues }: PayrollFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/PayrollFlow/PayrollFlow.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as i } from "react";
+import { payrollMachine as p } from "./payrollStateMachine.js";
+import { PayrollLandingContextual as a } from "./PayrollFlowComponents.js";
+import { Flow as s } from "../../Flow/Flow.js";
+const y = ({ companyId: o, onEvent: t, defaultValues: r }) => {
+  const e = i(
+    () => n("landing", p, (m) => ({
+      ...m,
+      component: a,
+      companyId: o,
+      defaultValues: r,
+      totalSteps: 3,
+      currentStep: 1,
+      showProgress: !1
+      // Landing step does not show progress bar
+    })),
+    [o, r]
+  );
+  return /* @__PURE__ */ l(s, { machine: e, onEvent: t });
+};
+export {
+  y as PayrollFlow
+};
+//# sourceMappingURL=PayrollFlow.js.map

package/dist/components/Payroll/PayrollFlow/PayrollFlow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PayrollFlow.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { payrollMachine } from './payrollStateMachine'\nimport type { PayrollFlowProps } from './PayrollFlowComponents'\nimport { PayrollLandingContextual, type PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport const PayrollFlow = ({ companyId, onEvent, defaultValues }: PayrollFlowProps) => {\n const payrollFlow = useMemo(\n () =>\n createMachine('landing', payrollMachine, (initialContext: PayrollFlowContextInterface) => ({\n ...initialContext,\n component: PayrollLandingContextual,\n companyId,\n defaultValues,\n totalSteps: 3,\n currentStep: 1,\n showProgress: false, // Landing step does not show progress bar\n })),\n [companyId, defaultValues],\n )\n return <Flow machine={payrollFlow} onEvent={onEvent} />\n}\n"],"names":["PayrollFlow","companyId","onEvent","defaultValues","payrollFlow","useMemo","createMachine","payrollMachine","initialContext","PayrollLandingContextual","jsx","Flow"],"mappings":";;;;;;AAOO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,QAAsC;AACtF,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,MACA,eAAAE;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,cAAc;AAAA;AAAA,IAAA,EACd;AAAA,IACJ,CAACF,GAAWE,CAAa;AAAA,EAAA;AAE3B,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAa,SAAAF,EAAA,CAAkB;AACvD;"}

package/dist/components/Payroll/PayrollFlow/PayrollFlowComponents.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { BaseComponentInterface } from '../../Base';
+export type PayrollFlowDefaultValues = Record<string, unknown>;
+export interface PayrollFlowProps extends BaseComponentInterface {
+    companyId: string;
+    defaultValues?: PayrollFlowDefaultValues;
+}
+export type PayrollFlowAlert = {
+    type: 'error' | 'info' | 'success';
+    title: string;
+    content?: ReactNode;
+};
+export interface PayrollFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    defaultValues?: PayrollFlowDefaultValues;
+    payrollId?: string;
+    employeeId?: string;
+    alerts?: PayrollFlowAlert[];
+}
+export declare function PayrollLandingContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollConfigurationContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollOverviewContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollEditEmployeeContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollReceiptsContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/PayrollFlow/PayrollFlowComponents.js ADDED Viewed

@@ -0,0 +1,59 @@
+import { jsx as t } from "react/jsx-runtime";
+import { PayrollLanding as p } from "../PayrollLanding/PayrollLanding.js";
+import { PayrollConfiguration as y } from "../PayrollConfiguration/PayrollConfiguration.js";
+import { PayrollOverview as m } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollEditEmployee as i } from "../PayrollEditEmployee/PayrollEditEmployee.js";
+import { PayrollReceipts as d } from "../PayrollReceipts/PayrollReceipts.js";
+import { useFlow as e } from "../../Flow/useFlow.js";
+import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
+function x() {
+  const { companyId: o, onEvent: n } = e();
+  return /* @__PURE__ */ t(p, { onEvent: n, companyId: r(o) });
+}
+function C() {
+  const { companyId: o, payrollId: n, onEvent: l } = e();
+  return /* @__PURE__ */ t(
+    y,
+    {
+      onEvent: l,
+      companyId: r(o),
+      payrollId: r(n)
+    }
+  );
+}
+function g() {
+  const { companyId: o, payrollId: n, onEvent: l, alerts: a } = e();
+  return /* @__PURE__ */ t(
+    m,
+    {
+      onEvent: l,
+      companyId: r(o),
+      payrollId: r(n),
+      alerts: a
+    }
+  );
+}
+function w() {
+  const { companyId: o, payrollId: n, employeeId: l, onEvent: a } = e();
+  return /* @__PURE__ */ t(
+    i,
+    {
+      onEvent: a,
+      companyId: r(o),
+      payrollId: r(n),
+      employeeId: r(l)
+    }
+  );
+}
+function R() {
+  const { payrollId: o, onEvent: n } = e();
+  return /* @__PURE__ */ t(d, { onEvent: n, payrollId: r(o) });
+}
+export {
+  C as PayrollConfigurationContextual,
+  w as PayrollEditEmployeeContextual,
+  x as PayrollLandingContextual,
+  g as PayrollOverviewContextual,
+  R as PayrollReceiptsContextual
+};
+//# sourceMappingURL=PayrollFlowComponents.js.map

package/dist/components/Payroll/PayrollFlow/PayrollFlowComponents.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type PayrollFlowDefaultValues = Record<string, unknown>\n\nexport interface PayrollFlowProps extends BaseComponentInterface {\n companyId: string\n defaultValues?: PayrollFlowDefaultValues\n}\n\nexport type PayrollFlowAlert = {\n type: 'error' | 'info' | 'success'\n title: string\n content?: ReactNode\n}\n\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n companyId: string\n defaultValues?: PayrollFlowDefaultValues\n payrollId?: string\n employeeId?: string\n alerts?: PayrollFlowAlert[]\n}\n\nexport function PayrollLandingContextual() {\n const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PayrollConfigurationContextual() {\n const { companyId, payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n return (\n <PayrollConfiguration\n onEvent={onEvent}\n companyId={ensureRequired(companyId)}\n payrollId={ensureRequired(payrollId)}\n />\n )\n}\n\nexport function PayrollOverviewContextual() {\n const { companyId, payrollId, onEvent, alerts } = useFlow<PayrollFlowContextInterface>()\n return (\n <PayrollOverview\n onEvent={onEvent}\n companyId={ensureRequired(companyId)}\n payrollId={ensureRequired(payrollId)}\n alerts={alerts}\n />\n )\n}\n\nexport function PayrollEditEmployeeContextual() {\n const { companyId, payrollId, employeeId, onEvent } = useFlow<PayrollFlowContextInterface>()\n return (\n <PayrollEditEmployee\n onEvent={onEvent}\n companyId={ensureRequired(companyId)}\n payrollId={ensureRequired(payrollId)}\n employeeId={ensureRequired(employeeId)}\n />\n )\n}\n\nexport function PayrollReceiptsContextual() {\n const { payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} />\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","useFlow","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollId","jsx","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts"],"mappings":";;;;;;;;AA+BO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAe,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAL,GAAW,WAAAM,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC1C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEO,SAASG,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,WAAAM,GAAW,SAAAL,GAAS,QAAAS,EAAA,IAAWR,EAAA;AAClD,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,QAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAgC;AAC9C,QAAM,EAAE,WAAAZ,GAAW,WAAAM,GAAW,YAAAO,GAAY,SAAAZ,EAAA,IAAYC,EAAA;AACtD,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,YAAYF,EAAeS,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASE,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC/B,2BAAQc,GAAA,EAAgB,SAAAf,GAAkB,WAAWG,EAAeE,CAAS,GAAG;AAClF;"}

package/dist/components/Payroll/PayrollFlow/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { PayrollFlow } from './PayrollFlow';
+export type { PayrollFlowProps, PayrollFlowDefaultValues } from './PayrollFlowComponents';

package/dist/components/Payroll/PayrollFlow/payrollStateMachine.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare const payrollMachine: {
+    landing: import('robot3').MachineState<any>;
+    configuration: import('robot3').MachineState<any>;
+    overview: import('robot3').MachineState<any>;
+    editEmployee: import('robot3').MachineState<any>;
+    receipts: import('robot3').MachineState<any>;
+};

package/dist/components/Payroll/PayrollFlow/payrollStateMachine.js ADDED Viewed

@@ -0,0 +1,116 @@
+import { state as p, transition as e, reduce as o } from "robot3";
+import { PayrollOverviewContextual as i, PayrollEditEmployeeContextual as c, PayrollConfigurationContextual as l, PayrollReceiptsContextual as L, PayrollLandingContextual as u } from "./PayrollFlowComponents.js";
+import { componentEvents as t } from "../../../shared/constants.js";
+const a = (n) => (r) => ({
+  ...r,
+  ...n
+}), R = {
+  landing: p(
+    e(
+      t.RUN_PAYROLL_SELECTED,
+      "configuration",
+      o(
+        (n, r) => ({
+          ...n,
+          component: l,
+          payrollId: r.payload.payrollId,
+          currentStep: 1,
+          showProgress: !0
+        })
+      )
+    )
+  ),
+  configuration: p(
+    e(
+      t.RUN_PAYROLL_CALCULATED,
+      "overview",
+      o(
+        (n, r) => ({
+          ...n,
+          component: i,
+          currentStep: 2,
+          alerts: r.payload.alert ? [...n.alerts ?? [], r.payload.alert] : n.alerts
+        })
+      )
+    ),
+    e(
+      t.RUN_PAYROLL_BACK,
+      "landing",
+      o(
+        a({ component: u, currentStep: 1, showProgress: !1 })
+      )
+    ),
+    e(
+      t.RUN_PAYROLL_EMPLOYEE_EDIT,
+      "editEmployee",
+      o(
+        (n, r) => ({
+          ...n,
+          component: c,
+          employeeId: r.payload.employeeId
+        })
+      )
+    )
+  ),
+  overview: p(
+    e(
+      t.RUN_PAYROLL_BACK,
+      "configuration",
+      o(a({ component: l, currentStep: 1 }))
+    ),
+    e(
+      t.RUN_PAYROLL_EDIT,
+      "configuration",
+      o(a({ component: l, currentStep: 1 }))
+    ),
+    e(
+      t.RUN_PAYROLL_RECEIPT_GET,
+      "receipts",
+      o(a({ component: L, currentStep: 3 }))
+    ),
+    e(
+      t.RUN_PAYROLL_CANCELLED,
+      "configuration",
+      o(
+        a({
+          component: l,
+          currentStep: 1,
+          payrollId: void 0
+        })
+      )
+    )
+  ),
+  editEmployee: p(
+    e(
+      t.RUN_PAYROLL_EMPLOYEE_SAVED,
+      "configuration",
+      o(
+        a({
+          component: l,
+          employeeId: void 0
+        })
+      )
+    ),
+    e(
+      t.RUN_PAYROLL_EMPLOYEE_CANCELLED,
+      "configuration",
+      o(
+        a({
+          component: l,
+          employeeId: void 0
+        })
+      )
+    )
+  ),
+  receipts: p(
+    e(
+      t.RUN_PAYROLL_BACK,
+      "overview",
+      o(a({ component: i, currentStep: 2 }))
+    )
+  )
+};
+export {
+  R as payrollMachine
+};
+//# sourceMappingURL=payrollStateMachine.js.map

package/dist/components/Payroll/PayrollFlow/payrollStateMachine.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { PayrollFlowAlert } from './PayrollFlowComponents'\nimport {\n PayrollLandingContextual,\n PayrollConfigurationContextual,\n PayrollOverviewContextual,\n PayrollEditEmployeeContextual,\n PayrollReceiptsContextual,\n type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n [componentEvents.RUN_PAYROLL_SELECTED]: {\n payrollId: string\n }\n [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n employeeId: string\n }\n [componentEvents.RUN_PAYROLL_CALCULATED]: {\n payrollId: string\n alert?: PayrollFlowAlert\n }\n}\n\nconst createReducer = (props: Partial<PayrollFlowContextInterface>) => {\n return (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n ...ctx,\n ...props,\n })\n}\n\nexport const payrollMachine = {\n landing: state<MachineTransition>(\n transition(\n componentEvents.RUN_PAYROLL_SELECTED,\n 'configuration',\n reduce(\n (\n ctx: PayrollFlowContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SELECTED>,\n ): PayrollFlowContextInterface => {\n return {\n ...ctx,\n component: PayrollConfigurationContextual,\n payrollId: ev.payload.payrollId,\n currentStep: 1,\n showProgress: true,\n }\n },\n ),\n ),\n ),\n configuration: state<MachineTransition>(\n transition(\n componentEvents.RUN_PAYROLL_CALCULATED,\n 'overview',\n reduce(\n (\n ctx: PayrollFlowContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n ): PayrollFlowContextInterface => {\n return {\n ...ctx,\n component: PayrollOverviewContextual,\n currentStep: 2,\n alerts: ev.payload.alert ? [...(ctx.alerts ?? []), ev.payload.alert] : ctx.alerts,\n }\n },\n ),\n ),\n transition(\n componentEvents.RUN_PAYROLL_BACK,\n 'landing',\n reduce(\n createReducer({ component: PayrollLandingContextual, currentStep: 1, showProgress: false }),\n ),\n ),\n transition(\n componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n 'editEmployee',\n reduce(\n (\n ctx: PayrollFlowContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n ): PayrollFlowContextInterface => {\n return {\n ...ctx,\n component: PayrollEditEmployeeContextual,\n employeeId: ev.payload.employeeId,\n }\n },\n ),\n ),\n ),\n overview: state<MachineTransition>(\n transition(\n componentEvents.RUN_PAYROLL_BACK,\n 'configuration',\n reduce(createReducer({ component: PayrollConfigurationContextual, currentStep: 1 })),\n ),\n transition(\n componentEvents.RUN_PAYROLL_EDIT,\n 'configuration',\n reduce(createReducer({ component: PayrollConfigurationContextual, currentStep: 1 })),\n ),\n transition(\n componentEvents.RUN_PAYROLL_RECEIPT_GET,\n 'receipts',\n reduce(createReducer({ component: PayrollReceiptsContextual, currentStep: 3 })),\n ),\n transition(\n componentEvents.RUN_PAYROLL_CANCELLED,\n 'configuration',\n reduce(\n createReducer({\n component: PayrollConfigurationContextual,\n currentStep: 1,\n payrollId: undefined,\n }),\n ),\n ),\n ),\n editEmployee: state<MachineTransition>(\n transition(\n componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n 'configuration',\n reduce(\n createReducer({\n component: PayrollConfigurationContextual,\n employeeId: undefined,\n }),\n ),\n ),\n transition(\n componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n 'configuration',\n reduce(\n createReducer({\n component: PayrollConfigurationContextual,\n employeeId: undefined,\n }),\n ),\n ),\n ),\n receipts: state<MachineTransition>(\n transition(\n componentEvents.RUN_PAYROLL_BACK,\n 'overview',\n reduce(createReducer({ component: PayrollOverviewContextual, currentStep: 2 })),\n ),\n ),\n}\n"],"names":["createReducer","props","ctx","payrollMachine","state","transition","componentEvents","reduce","ev","PayrollConfigurationContextual","PayrollOverviewContextual","PayrollLandingContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":";;;AA0BA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAmE;AAAA,EACzE,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIME,IAAiB;AAAA,EAC5B,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OAEO;AAAA,UACL,GAAGN;AAAA,UACH,WAAWO;AAAA,UACX,WAAWD,EAAG,QAAQ;AAAA,UACtB,aAAa;AAAA,UACb,cAAc;AAAA,QAAA;AAAA,MAElB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,eAAeJ;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OAEO;AAAA,UACL,GAAGN;AAAA,UACH,WAAWQ;AAAA,UACX,aAAa;AAAA,UACb,QAAQF,EAAG,QAAQ,QAAQ,CAAC,GAAIN,EAAI,UAAU,CAAA,GAAKM,EAAG,QAAQ,KAAK,IAAIN,EAAI;AAAA,QAAA;AAAA,MAE/E;AAAA,IACF;AAAA,IAEFG;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc,EAAE,WAAWW,GAA0B,aAAa,GAAG,cAAc,IAAO;AAAA,MAAA;AAAA,IAC5F;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OAEO;AAAA,UACL,GAAGN;AAAA,UACH,WAAWU;AAAA,UACX,YAAYJ,EAAG,QAAQ;AAAA,QAAA;AAAA,MAE3B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUJ;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWS,GAAgC,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,IAErFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWS,GAAgC,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,IAErFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWa,GAA2B,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,IAEhFR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWS;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,cAAcL;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWS;AAAA,UACX,YAAY;AAAA,QAAA,CACb;AAAA,MAAA;AAAA,IACH;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWS;AAAA,UACX,YAAY;AAAA,QAAA,CACb;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWU,GAA2B,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EAChF;AAEJ;"}

package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { useTranslation as j } from "react-i18next";
 import I from "./PayrollHistoryPresentation.module.scss.js";
 import { Flex as c } from "../../Common/Flex/Flex.js";
 import "classnames";
+import "../../../shared/constants.js";
 import { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { HamburgerMenu as Y } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { formatNumberAsCurrency as Z } from "../../../helpers/formattedStrings.js";
@@ -24,7 +25,7 @@ const _ = (m) => {
     default:
       return "info";
   }
-}, ae = ({
+}, oe = ({
   payrollHistory: m,
   selectedTimeFilter: b,
   onTimeFilterChange: w,
@@ -188,6 +189,6 @@ const _ = (m) => {
   ] });
 };
 export {
-  ae as PayrollHistoryPresentation
+  oe as PayrollHistoryPresentation
 };
 //# sourceMappingURL=PayrollHistoryPresentation.js.map

package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollHistoryItem, PayrollHistoryStatus, TimeFilterOption } from './PayrollHistory'\nimport styles from './PayrollHistoryPresentation.module.scss'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport ListIcon from '@/assets/icons/list.svg?react'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\n\ninterface PayrollHistoryPresentationProps {\n payrollHistory: PayrollHistoryItem[]\n selectedTimeFilter: TimeFilterOption\n onTimeFilterChange: (value: TimeFilterOption) => void\n onViewSummary: (payrollId: string) => void\n onViewReceipt: (payrollId: string) => void\n onCancelPayroll: (payrollId: string) => void\n cancelDialogItem: PayrollHistoryItem \| null\n onCancelDialogOpen: (item: PayrollHistoryItem) => void\n onCancelDialogClose: () => void\n isLoading?: boolean\n}\n\nconst getStatusVariant = (status: PayrollHistoryStatus) => {\n switch (status) {\n case 'Complete':\n case 'Paid':\n return 'success'\n case 'In progress':\n case 'Unprocessed':\n return 'warning'\n case 'Submitted':\n case 'Pending':\n return 'info'\n default:\n return 'info'\n }\n}\n\nexport const PayrollHistoryPresentation = ({\n payrollHistory,\n selectedTimeFilter,\n onTimeFilterChange,\n onViewSummary,\n onViewReceipt,\n onCancelPayroll,\n cancelDialogItem,\n onCancelDialogOpen,\n onCancelDialogClose,\n isLoading = false,\n}: PayrollHistoryPresentationProps) => {\n const { Heading, Text, Badge, Select, Dialog } = useComponentContext()\n useI18n('Payroll.PayrollHistory')\n const { t } = useTranslation('Payroll.PayrollHistory')\n\n const timeFilterOptions = [\n { value: '3months', label: t('timeFilter.options.3months') },\n { value: '6months', label: t('timeFilter.options.6months') },\n { value: 'year', label: t('timeFilter.options.year') },\n ]\n\n const canCancelPayroll = (item: PayrollHistoryItem) => {\n const { status, payroll } = item\n\n const hasValidStatus =\n status === 'Unprocessed' \|\|\n status === 'Submitted' \|\|\n status === 'Pending' \|\|\n status === 'In progress'\n if (!hasValidStatus) return false\n\n if (payroll.payrollStatusMeta?.cancellable === false) {\n return false\n }\n\n // If payroll is processed, check the 3:30 PM PT deadline constraint\n if (payroll.processed && payroll.payrollDeadline) {\n const now = new Date()\n const deadline = new Date(payroll.payrollDeadline)\n\n const ptOffset = getPacificTimeOffset(now)\n const nowInPT = new Date(now.getTime() + ptOffset * 60 * 60 * 1000)\n const deadlineInPT = new Date(\n deadline.getTime() + getPacificTimeOffset(deadline) * 60 * 60 * 1000,\n )\n\n const isSameDay = nowInPT.toDateString() === deadlineInPT.toDateString()\n if (isSameDay) {\n const cutoffTime = new Date(deadlineInPT)\n cutoffTime.setHours(15, 30, 0, 0)\n\n if (nowInPT > cutoffTime) {\n return false\n }\n }\n }\n\n return true\n }\n\n const getPacificTimeOffset = (date: Date): number => {\n const year = date.getFullYear()\n\n const secondSundayMarch = new Date(year, 2, 1)\n secondSundayMarch.setDate(1 + (7 - secondSundayMarch.getDay()) + 7)\n\n const firstSundayNovember = new Date(year, 10, 1)\n firstSundayNovember.setDate(1 + ((7 - firstSundayNovember.getDay()) % 7))\n\n const isDST = date >= secondSundayMarch && date < firstSundayNovember\n return isDST ? -7 : -8\n }\n\n const formatDeadlineForDialog = (item: PayrollHistoryItem): string => {\n const deadline = item.payroll.payrollDeadline\n if (!deadline) return ''\n\n const deadlineDate = new Date(deadline)\n const timeZone = 'America/New_York'\n\n const formatter = new Intl.DateTimeFormat('en-US', {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n timeZone,\n })\n\n const timeFormatter = new Intl.DateTimeFormat('en-US', {\n hour: 'numeric',\n minute: '2-digit',\n timeZoneName: 'short',\n timeZone,\n })\n\n const dateStr = formatter.format(deadlineDate)\n const timeStr = timeFormatter.format(deadlineDate)\n\n return `${timeStr} on ${dateStr}`\n }\n\n const handleCancelClick = (item: PayrollHistoryItem) => {\n onCancelDialogOpen(item)\n }\n\n const handleConfirmCancel = () => {\n if (cancelDialogItem) {\n onCancelPayroll(cancelDialogItem.id)\n }\n }\n\n const getMenuItems = (item: PayrollHistoryItem): MenuItem[] => {\n const items: MenuItem[] = [\n {\n label: t('menu.viewSummary'),\n icon: <ListIcon aria-hidden />,\n onClick: () => {\n onViewSummary(item.id)\n },\n },\n {\n label: t('menu.viewReceipt'),\n icon: <ListIcon aria-hidden />,\n onClick: () => {\n onViewReceipt(item.id)\n },\n },\n ]\n\n if (canCancelPayroll(item)) {\n items.push({\n label: t('menu.cancelPayroll'),\n icon: <TrashcanIcon aria-hidden />,\n onClick: () => {\n handleCancelClick(item)\n },\n 'data-destructive': 'true',\n })\n }\n\n return items\n }\n\n if (payrollHistory.length === 0) {\n return (\n <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n <Heading as=\"h3\">{t('emptyState.title')}</Heading>\n <Text>{t('emptyState.description')}</Text>\n </Flex>\n )\n }\n\n return (\n <Flex flexDirection=\"column\" gap={16}>\n <Flex\n flexDirection={{ base: 'column', medium: 'row' }}\n justifyContent=\"space-between\"\n alignItems=\"flex-start\"\n gap={{ base: 12, medium: 24 }}\n >\n <Flex>\n <Heading as=\"h2\">{t('title')}</Heading>\n </Flex>\n <div className={styles.timeFilterContainer}>\n <Select\n value={selectedTimeFilter}\n onChange={(value: string) => {\n onTimeFilterChange(value as TimeFilterOption)\n }}\n options={timeFilterOptions}\n label={t('timeFilter.placeholder')}\n shouldVisuallyHideLabel\n isRequired\n />\n </div>\n </Flex>\n\n <DataView\n label={t('dataView.label')}\n columns={[\n {\n title: t('columns.payPeriod'),\n render: (item: PayrollHistoryItem) => <Text>{item.payPeriod}</Text>,\n },\n {\n title: t('columns.type'),\n render: (item: PayrollHistoryItem) => <Text>{item.type}</Text>,\n },\n {\n title: t('columns.payDate'),\n render: (item: PayrollHistoryItem) => <Text>{item.payDate}</Text>,\n },\n {\n title: t('columns.status'),\n render: (item: PayrollHistoryItem) => (\n <Badge status={getStatusVariant(item.status)}>{item.status}</Badge>\n ),\n },\n {\n title: t('columns.amount'),\n render: (item: PayrollHistoryItem) => (\n <Text weight=\"semibold\">\n {item.amount ? formatNumberAsCurrency(item.amount) : t('labels.noAmount')}\n </Text>\n ),\n },\n ]}\n data={payrollHistory}\n itemMenu={(item: PayrollHistoryItem) => <HamburgerMenu items={getMenuItems(item)} />}\n />\n\n <Dialog\n isOpen={!!cancelDialogItem}\n onClose={onCancelDialogClose}\n onPrimaryActionClick={handleConfirmCancel}\n isDestructive\n isPrimaryActionLoading={isLoading}\n primaryActionLabel={t('cancelDialog.primaryAction')}\n closeActionLabel={t('cancelDialog.secondaryAction')}\n title={\n cancelDialogItem ? t('cancelDialog.title', { payPeriod: cancelDialogItem.payPeriod }) : ''\n }\n >\n {cancelDialogItem && (\n <Flex flexDirection=\"column\" gap={16}>\n <Text>{t('cancelDialog.body')}</Text>\n {cancelDialogItem.payroll.payrollDeadline && (\n <Text>\n {t('cancelDialog.deadline', {\n deadline: formatDeadlineForDialog(cancelDialogItem),\n })}\n </Text>\n )}\n </Flex>\n )}\n </Dialog>\n </Flex>\n )\n}\n"],"names":["getStatusVariant","status","PayrollHistoryPresentation","payrollHistory","selectedTimeFilter","onTimeFilterChange","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","Heading","Text","Badge","Select","Dialog","useComponentContext","useI18n","useTranslation","timeFilterOptions","canCancelPayroll","item","payroll","now","deadline","ptOffset","getPacificTimeOffset","nowInPT","deadlineInPT","cutoffTime","date","year","secondSundayMarch","firstSundayNovember","formatDeadlineForDialog","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","items","jsx","ListIcon","TrashcanIcon","Flex","jsxs","styles","value","DataView","formatNumberAsCurrency","HamburgerMenu"],"mappings":"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"}
1	+ {"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollHistoryItem, PayrollHistoryStatus, TimeFilterOption } from './PayrollHistory'\nimport styles from './PayrollHistoryPresentation.module.scss'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport ListIcon from '@/assets/icons/list.svg?react'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\n\ninterface PayrollHistoryPresentationProps {\n payrollHistory: PayrollHistoryItem[]\n selectedTimeFilter: TimeFilterOption\n onTimeFilterChange: (value: TimeFilterOption) => void\n onViewSummary: (payrollId: string) => void\n onViewReceipt: (payrollId: string) => void\n onCancelPayroll: (payrollId: string) => void\n cancelDialogItem: PayrollHistoryItem \| null\n onCancelDialogOpen: (item: PayrollHistoryItem) => void\n onCancelDialogClose: () => void\n isLoading?: boolean\n}\n\nconst getStatusVariant = (status: PayrollHistoryStatus) => {\n switch (status) {\n case 'Complete':\n case 'Paid':\n return 'success'\n case 'In progress':\n case 'Unprocessed':\n return 'warning'\n case 'Submitted':\n case 'Pending':\n return 'info'\n default:\n return 'info'\n }\n}\n\nexport const PayrollHistoryPresentation = ({\n payrollHistory,\n selectedTimeFilter,\n onTimeFilterChange,\n onViewSummary,\n onViewReceipt,\n onCancelPayroll,\n cancelDialogItem,\n onCancelDialogOpen,\n onCancelDialogClose,\n isLoading = false,\n}: PayrollHistoryPresentationProps) => {\n const { Heading, Text, Badge, Select, Dialog } = useComponentContext()\n useI18n('Payroll.PayrollHistory')\n const { t } = useTranslation('Payroll.PayrollHistory')\n\n const timeFilterOptions = [\n { value: '3months', label: t('timeFilter.options.3months') },\n { value: '6months', label: t('timeFilter.options.6months') },\n { value: 'year', label: t('timeFilter.options.year') },\n ]\n\n const canCancelPayroll = (item: PayrollHistoryItem) => {\n const { status, payroll } = item\n\n const hasValidStatus =\n status === 'Unprocessed' \|\|\n status === 'Submitted' \|\|\n status === 'Pending' \|\|\n status === 'In progress'\n if (!hasValidStatus) return false\n\n if (payroll.payrollStatusMeta?.cancellable === false) {\n return false\n }\n\n // If payroll is processed, check the 3:30 PM PT deadline constraint\n if (payroll.processed && payroll.payrollDeadline) {\n const now = new Date()\n const deadline = new Date(payroll.payrollDeadline)\n\n const ptOffset = getPacificTimeOffset(now)\n const nowInPT = new Date(now.getTime() + ptOffset * 60 * 60 * 1000)\n const deadlineInPT = new Date(\n deadline.getTime() + getPacificTimeOffset(deadline) * 60 * 60 * 1000,\n )\n\n const isSameDay = nowInPT.toDateString() === deadlineInPT.toDateString()\n if (isSameDay) {\n const cutoffTime = new Date(deadlineInPT)\n cutoffTime.setHours(15, 30, 0, 0)\n\n if (nowInPT > cutoffTime) {\n return false\n }\n }\n }\n\n return true\n }\n\n const getPacificTimeOffset = (date: Date): number => {\n const year = date.getFullYear()\n\n const secondSundayMarch = new Date(year, 2, 1)\n secondSundayMarch.setDate(1 + (7 - secondSundayMarch.getDay()) + 7)\n\n const firstSundayNovember = new Date(year, 10, 1)\n firstSundayNovember.setDate(1 + ((7 - firstSundayNovember.getDay()) % 7))\n\n const isDST = date >= secondSundayMarch && date < firstSundayNovember\n return isDST ? -7 : -8\n }\n\n const formatDeadlineForDialog = (item: PayrollHistoryItem): string => {\n const deadline = item.payroll.payrollDeadline\n if (!deadline) return ''\n\n const deadlineDate = new Date(deadline)\n const timeZone = 'America/New_York'\n\n const formatter = new Intl.DateTimeFormat('en-US', {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n timeZone,\n })\n\n const timeFormatter = new Intl.DateTimeFormat('en-US', {\n hour: 'numeric',\n minute: '2-digit',\n timeZoneName: 'short',\n timeZone,\n })\n\n const dateStr = formatter.format(deadlineDate)\n const timeStr = timeFormatter.format(deadlineDate)\n\n return `${timeStr} on ${dateStr}`\n }\n\n const handleCancelClick = (item: PayrollHistoryItem) => {\n onCancelDialogOpen(item)\n }\n\n const handleConfirmCancel = () => {\n if (cancelDialogItem) {\n onCancelPayroll(cancelDialogItem.id)\n }\n }\n\n const getMenuItems = (item: PayrollHistoryItem): MenuItem[] => {\n const items: MenuItem[] = [\n {\n label: t('menu.viewSummary'),\n icon: <ListIcon aria-hidden />,\n onClick: () => {\n onViewSummary(item.id)\n },\n },\n {\n label: t('menu.viewReceipt'),\n icon: <ListIcon aria-hidden />,\n onClick: () => {\n onViewReceipt(item.id)\n },\n },\n ]\n\n if (canCancelPayroll(item)) {\n items.push({\n label: t('menu.cancelPayroll'),\n icon: <TrashcanIcon aria-hidden />,\n onClick: () => {\n handleCancelClick(item)\n },\n 'data-destructive': 'true',\n })\n }\n\n return items\n }\n\n if (payrollHistory.length === 0) {\n return (\n <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n <Heading as=\"h3\">{t('emptyState.title')}</Heading>\n <Text>{t('emptyState.description')}</Text>\n </Flex>\n )\n }\n\n return (\n <Flex flexDirection=\"column\" gap={16}>\n <Flex\n flexDirection={{ base: 'column', medium: 'row' }}\n justifyContent=\"space-between\"\n alignItems=\"flex-start\"\n gap={{ base: 12, medium: 24 }}\n >\n <Flex>\n <Heading as=\"h2\">{t('title')}</Heading>\n </Flex>\n <div className={styles.timeFilterContainer}>\n <Select\n value={selectedTimeFilter}\n onChange={(value: string) => {\n onTimeFilterChange(value as TimeFilterOption)\n }}\n options={timeFilterOptions}\n label={t('timeFilter.placeholder')}\n shouldVisuallyHideLabel\n isRequired\n />\n </div>\n </Flex>\n\n <DataView\n label={t('dataView.label')}\n columns={[\n {\n title: t('columns.payPeriod'),\n render: (item: PayrollHistoryItem) => <Text>{item.payPeriod}</Text>,\n },\n {\n title: t('columns.type'),\n render: (item: PayrollHistoryItem) => <Text>{item.type}</Text>,\n },\n {\n title: t('columns.payDate'),\n render: (item: PayrollHistoryItem) => <Text>{item.payDate}</Text>,\n },\n {\n title: t('columns.status'),\n render: (item: PayrollHistoryItem) => (\n <Badge status={getStatusVariant(item.status)}>{item.status}</Badge>\n ),\n },\n {\n title: t('columns.amount'),\n render: (item: PayrollHistoryItem) => (\n <Text weight=\"semibold\">\n {item.amount ? formatNumberAsCurrency(item.amount) : t('labels.noAmount')}\n </Text>\n ),\n },\n ]}\n data={payrollHistory}\n itemMenu={(item: PayrollHistoryItem) => <HamburgerMenu items={getMenuItems(item)} />}\n />\n\n <Dialog\n isOpen={!!cancelDialogItem}\n onClose={onCancelDialogClose}\n onPrimaryActionClick={handleConfirmCancel}\n isDestructive\n isPrimaryActionLoading={isLoading}\n primaryActionLabel={t('cancelDialog.primaryAction')}\n closeActionLabel={t('cancelDialog.secondaryAction')}\n title={\n cancelDialogItem ? t('cancelDialog.title', { payPeriod: cancelDialogItem.payPeriod }) : ''\n }\n >\n {cancelDialogItem && (\n <Flex flexDirection=\"column\" gap={16}>\n <Text>{t('cancelDialog.body')}</Text>\n {cancelDialogItem.payroll.payrollDeadline && (\n <Text>\n {t('cancelDialog.deadline', {\n deadline: formatDeadlineForDialog(cancelDialogItem),\n })}\n </Text>\n )}\n </Flex>\n )}\n </Dialog>\n </Flex>\n )\n}\n"],"names":["getStatusVariant","status","PayrollHistoryPresentation","payrollHistory","selectedTimeFilter","onTimeFilterChange","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","Heading","Text","Badge","Select","Dialog","useComponentContext","useI18n","useTranslation","timeFilterOptions","canCancelPayroll","item","payroll","now","deadline","ptOffset","getPacificTimeOffset","nowInPT","deadlineInPT","cutoffTime","date","year","secondSundayMarch","firstSundayNovember","formatDeadlineForDialog","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","items","jsx","ListIcon","TrashcanIcon","Flex","jsxs","styles","value","DataView","formatNumberAsCurrency","HamburgerMenu"],"mappings":"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"}

package/dist/components/Payroll/PayrollLanding/PayrollLanding.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
+import { PayrollLandingFlowProps } from './PayrollLandingFlowComponents';
 import { BaseComponentInterface } from '../../Base/Base';
 interface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {
     companyId: string;
 }
 export declare function PayrollLanding(props: PayrollLandingProps): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ onEvent, companyId }: PayrollLandingProps) => import("react/jsx-runtime").JSX.Element;
+export declare function PayrollLandingFlow({ companyId, onEvent, dictionary }: PayrollLandingFlowProps): import("react/jsx-runtime").JSX.Element;
 export {};