npm - @gusto/embedded-react-sdk - Versions diffs - 0.38.0 → 0.40.0 - Mend

@gusto/embedded-react-sdk 0.38.0 → 0.40.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 (877) hide show

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployee.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TerminateEmployee.js","sources":["../../../../../src/components/Employee/Terminations/TerminateEmployee/TerminateEmployee.tsx"],"sourcesContent":["import { useQueryClient } from '@tanstack/react-query'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport {\n useEmployeeEmploymentsGetTerminationsSuspense,\n invalidateAllEmployeeEmploymentsGetTerminations,\n} from '@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations'\nimport { useEmployeeEmploymentsCreateTerminationMutation } from '@gusto/embedded-api/react-query/employeeEmploymentsCreateTermination'\nimport { useEmployeeEmploymentsUpdateTerminationMutation } from '@gusto/embedded-api/react-query/employeeEmploymentsUpdateTermination'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n usePaySchedulesGetUnprocessedTerminationPeriods,\n invalidateAllPaySchedulesGetUnprocessedTerminationPeriods,\n} from '@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods'\nimport { invalidateAllPayrollsList } from '@gusto/embedded-api/react-query/payrollsList'\nimport { OffCycleReason } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport type { PayrollOption } from '../types'\nimport { TerminateEmployeePresentation } from './TerminateEmployeePresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nexport interface TerminateEmployeeProps extends BaseComponentInterface<'Employee.Terminations.TerminateEmployee'> {\n employeeId: string\n companyId: string\n}\n\nexport interface TerminateEmployeeFormData {\n lastDayOfWork: Date\n payrollOption: PayrollOption\n}\n\nexport function TerminateEmployee(props: TerminateEmployeeProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nconst Root = ({ employeeId, companyId, dictionary }: TerminateEmployeeProps) => {\n useComponentDictionary('Employee.Terminations.TerminateEmployee', dictionary)\n useI18n('Employee.Terminations.TerminateEmployee')\n\n const queryClient = useQueryClient()\n const { onEvent, baseSubmitHandler } = useBase()\n\n const {\n data: { employee },\n } = useEmployeesGetSuspense({ employeeId })\n\n const { data: terminationsData } = useEmployeeEmploymentsGetTerminationsSuspense({ employeeId })\n\n // If employee is already terminated, redirect to summary with existing termination data\n // Don't pass payrollOption to avoid showing the success alert\n if (employee?.terminated && terminationsData.terminationList?.[0]) {\n onEvent(componentEvents.EMPLOYEE_TERMINATION_VIEW_SUMMARY, {\n employeeId,\n effectiveDate: terminationsData.terminationList[0].effectiveDate!,\n termination: terminationsData.terminationList[0],\n })\n return null\n }\n\n const { mutateAsync: createTermination, isPending: isCreatingTermination } =\n useEmployeeEmploymentsCreateTerminationMutation()\n\n const { mutateAsync: updateTermination, isPending: isUpdatingTermination } =\n useEmployeeEmploymentsUpdateTerminationMutation()\n\n const { mutateAsync: createOffCyclePayroll, isPending: isCreatingPayroll } =\n usePayrollsCreateOffCycleMutation()\n\n const { refetch: fetchTerminationPeriods } = usePaySchedulesGetUnprocessedTerminationPeriods(\n { companyId },\n { enabled: false },\n )\n\n const employeeName = firstLastName({\n first_name: employee?.firstName,\n last_name: employee?.lastName,\n })\n\n const existingTermination = terminationsData.terminationList?.[0]\n\n const handleSubmit = async (formData: TerminateEmployeeFormData) => {\n const { lastDayOfWork, payrollOption } = formData\n const effectiveDate = lastDayOfWork.toISOString().split('T')[0]!\n\n await baseSubmitHandler({ effectiveDate, payrollOption }, async () => {\n const runTerminationPayroll = payrollOption === 'dismissalPayroll'\n\n const result = existingTermination\n ? await updateTermination({\n request: {\n employeeId,\n requestBody: {\n version: existingTermination.version!,\n effectiveDate,\n runTerminationPayroll,\n },\n },\n })\n : await createTermination({\n request: {\n employeeId,\n requestBody: {\n effectiveDate,\n runTerminationPayroll,\n },\n },\n })\n\n await invalidateAllEmployeeEmploymentsGetTerminations(queryClient)\n\n let firstPayrollUuid: string \| undefined\n\n if (runTerminationPayroll) {\n try {\n const { data: terminationPeriodsData } = await fetchTerminationPeriods()\n\n const employeePeriods =\n terminationPeriodsData?.unprocessedTerminationPayPeriodList?.filter(\n period => period.employeeUuid === employeeId,\n ) ?? []\n\n const createdPayrolls = []\n\n for (const terminationPeriod of employeePeriods) {\n if (terminationPeriod.startDate && terminationPeriod.endDate) {\n const payrollResult = await createOffCyclePayroll({\n request: {\n companyId,\n requestBody: {\n offCycle: true,\n offCycleReason: OffCycleReason.DismissedEmployee,\n startDate: new RFCDate(terminationPeriod.startDate),\n endDate: new RFCDate(terminationPeriod.endDate),\n employeeUuids: [employeeId],\n checkDate: terminationPeriod.checkDate\n ? new RFCDate(terminationPeriod.checkDate)\n : undefined,\n },\n },\n })\n\n if (payrollResult.payrollUnprocessed) {\n createdPayrolls.push(payrollResult.payrollUnprocessed)\n }\n }\n }\n\n if (createdPayrolls.length > 0) {\n firstPayrollUuid = createdPayrolls[0]?.payrollUuid ?? createdPayrolls[0]?.uuid\n\n await invalidateAllPayrollsList(queryClient)\n await invalidateAllPaySchedulesGetUnprocessedTerminationPeriods(queryClient)\n\n onEvent(componentEvents.EMPLOYEE_TERMINATION_PAYROLL_CREATED, {\n payrolls: createdPayrolls,\n })\n }\n } catch (payrollError) {\n onEvent(componentEvents.EMPLOYEE_TERMINATION_PAYROLL_FAILED, {\n error: payrollError,\n employeeId,\n })\n }\n }\n\n const eventType = existingTermination\n ? componentEvents.EMPLOYEE_TERMINATION_UPDATED\n : componentEvents.EMPLOYEE_TERMINATION_CREATED\n\n onEvent(eventType, {\n termination: result.termination,\n payrollOption,\n runTerminationPayroll,\n })\n\n onEvent(componentEvents.EMPLOYEE_TERMINATION_DONE, {\n employeeId,\n effectiveDate,\n payrollOption,\n payrollUuid: firstPayrollUuid,\n termination: result.termination,\n ...(payrollOption === 'anotherWay' && { manualHandling: true }),\n })\n })\n }\n\n const handleCancel = () => {\n onEvent(componentEvents.CANCEL)\n }\n\n const isPending = isCreatingTermination \|\| isUpdatingTermination \|\| isCreatingPayroll\n\n return (\n <TerminateEmployeePresentation\n employeeName={employeeName}\n existingTermination={existingTermination}\n onSubmit={handleSubmit}\n onCancel={handleCancel}\n isLoading={isPending}\n />\n )\n}\n"],"names":["TerminateEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","dictionary","useComponentDictionary","useI18n","queryClient","useQueryClient","onEvent","baseSubmitHandler","useBase","employee","useEmployeesGetSuspense","terminationsData","useEmployeeEmploymentsGetTerminationsSuspense","componentEvents","createTermination","isCreatingTermination","useEmployeeEmploymentsCreateTerminationMutation","updateTermination","isUpdatingTermination","useEmployeeEmploymentsUpdateTerminationMutation","createOffCyclePayroll","isCreatingPayroll","usePayrollsCreateOffCycleMutation","fetchTerminationPeriods","usePaySchedulesGetUnprocessedTerminationPeriods","employeeName","firstLastName","existingTermination","TerminateEmployeePresentation","formData","lastDayOfWork","payrollOption","effectiveDate","runTerminationPayroll","result","invalidateAllEmployeeEmploymentsGetTerminations","firstPayrollUuid","terminationPeriodsData","employeePeriods","period","createdPayrolls","terminationPeriod","payrollResult","OffCycleReason","RFCDate","invalidateAllPayrollsList","invalidateAllPaySchedulesGetUnprocessedTerminationPeriods","payrollError","eventType"],"mappings":"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"}
1	+ {"version":3,"file":"TerminateEmployee.js","sources":["../../../../../src/components/Employee/Terminations/TerminateEmployee/TerminateEmployee.tsx"],"sourcesContent":["import { useQueryClient } from '@tanstack/react-query'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport {\n useEmployeeEmploymentsGetTerminationsSuspense,\n invalidateAllEmployeeEmploymentsGetTerminations,\n} from '@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations'\nimport { useEmployeeEmploymentsCreateTerminationMutation } from '@gusto/embedded-api/react-query/employeeEmploymentsCreateTermination'\nimport { useEmployeeEmploymentsUpdateTerminationMutation } from '@gusto/embedded-api/react-query/employeeEmploymentsUpdateTermination'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n usePaySchedulesGetUnprocessedTerminationPeriods,\n invalidateAllPaySchedulesGetUnprocessedTerminationPeriods,\n} from '@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods'\nimport { invalidateAllPayrollsList } from '@gusto/embedded-api/react-query/payrollsList'\nimport { OffCycleReason } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport type { PayrollOption } from '../types'\nimport { TerminateEmployeePresentation } from './TerminateEmployeePresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nexport interface TerminateEmployeeProps extends BaseComponentInterface<'Employee.Terminations.TerminateEmployee'> {\n employeeId: string\n companyId: string\n}\n\nexport interface TerminateEmployeeFormData {\n lastDayOfWork: Date\n payrollOption: PayrollOption\n}\n\nexport function TerminateEmployee(props: TerminateEmployeeProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nconst Root = ({ employeeId, companyId, dictionary }: TerminateEmployeeProps) => {\n useComponentDictionary('Employee.Terminations.TerminateEmployee', dictionary)\n useI18n('Employee.Terminations.TerminateEmployee')\n\n const queryClient = useQueryClient()\n const { onEvent, baseSubmitHandler } = useBase()\n\n const {\n data: { employee },\n } = useEmployeesGetSuspense({ employeeId })\n\n const { data: terminationsData } = useEmployeeEmploymentsGetTerminationsSuspense({ employeeId })\n\n const { mutateAsync: createTermination, isPending: isCreatingTermination } =\n useEmployeeEmploymentsCreateTerminationMutation()\n\n const { mutateAsync: updateTermination, isPending: isUpdatingTermination } =\n useEmployeeEmploymentsUpdateTerminationMutation()\n\n const { mutateAsync: createOffCyclePayroll, isPending: isCreatingPayroll } =\n usePayrollsCreateOffCycleMutation()\n\n const { refetch: fetchTerminationPeriods } = usePaySchedulesGetUnprocessedTerminationPeriods(\n { companyId },\n { enabled: false },\n )\n\n // If employee is already terminated, redirect to summary with existing termination data\n // Don't pass payrollOption to avoid showing the success alert\n if (employee?.terminated && terminationsData.terminationList?.[0]) {\n onEvent(componentEvents.EMPLOYEE_TERMINATION_VIEW_SUMMARY, {\n employeeId,\n effectiveDate: terminationsData.terminationList[0].effectiveDate!,\n termination: terminationsData.terminationList[0],\n })\n return null\n }\n\n const employeeName = firstLastName({\n first_name: employee?.firstName,\n last_name: employee?.lastName,\n })\n\n const existingTermination = terminationsData.terminationList?.[0]\n\n const handleSubmit = async (formData: TerminateEmployeeFormData) => {\n const { lastDayOfWork, payrollOption } = formData\n const effectiveDate = lastDayOfWork.toISOString().split('T')[0]!\n\n await baseSubmitHandler({ effectiveDate, payrollOption }, async () => {\n const runTerminationPayroll = payrollOption === 'dismissalPayroll'\n\n const result = existingTermination\n ? await updateTermination({\n request: {\n employeeId,\n requestBody: {\n version: existingTermination.version!,\n effectiveDate,\n runTerminationPayroll,\n },\n },\n })\n : await createTermination({\n request: {\n employeeId,\n requestBody: {\n effectiveDate,\n runTerminationPayroll,\n },\n },\n })\n\n await invalidateAllEmployeeEmploymentsGetTerminations(queryClient)\n\n let firstPayrollUuid: string \| undefined\n\n if (runTerminationPayroll) {\n try {\n const { data: terminationPeriodsData } = await fetchTerminationPeriods()\n\n const employeePeriods =\n terminationPeriodsData?.unprocessedTerminationPayPeriodList?.filter(\n period => period.employeeUuid === employeeId,\n ) ?? []\n\n const createdPayrolls = []\n\n for (const terminationPeriod of employeePeriods) {\n if (terminationPeriod.startDate && terminationPeriod.endDate) {\n const payrollResult = await createOffCyclePayroll({\n request: {\n companyId,\n requestBody: {\n offCycle: true,\n offCycleReason: OffCycleReason.DismissedEmployee,\n startDate: new RFCDate(terminationPeriod.startDate),\n endDate: new RFCDate(terminationPeriod.endDate),\n employeeUuids: [employeeId],\n checkDate: terminationPeriod.checkDate\n ? new RFCDate(terminationPeriod.checkDate)\n : undefined,\n },\n },\n })\n\n if (payrollResult.payrollUnprocessed) {\n createdPayrolls.push(payrollResult.payrollUnprocessed)\n }\n }\n }\n\n if (createdPayrolls.length > 0) {\n firstPayrollUuid = createdPayrolls[0]?.payrollUuid ?? createdPayrolls[0]?.uuid\n\n await invalidateAllPayrollsList(queryClient)\n await invalidateAllPaySchedulesGetUnprocessedTerminationPeriods(queryClient)\n\n onEvent(componentEvents.EMPLOYEE_TERMINATION_PAYROLL_CREATED, {\n payrolls: createdPayrolls,\n })\n }\n } catch (payrollError) {\n onEvent(componentEvents.EMPLOYEE_TERMINATION_PAYROLL_FAILED, {\n error: payrollError,\n employeeId,\n })\n }\n }\n\n const eventType = existingTermination\n ? componentEvents.EMPLOYEE_TERMINATION_UPDATED\n : componentEvents.EMPLOYEE_TERMINATION_CREATED\n\n onEvent(eventType, {\n termination: result.termination,\n payrollOption,\n runTerminationPayroll,\n })\n\n onEvent(componentEvents.EMPLOYEE_TERMINATION_DONE, {\n employeeId,\n effectiveDate,\n payrollOption,\n payrollUuid: firstPayrollUuid,\n termination: result.termination,\n ...(payrollOption === 'anotherWay' && { manualHandling: true }),\n })\n })\n }\n\n const handleCancel = () => {\n onEvent(componentEvents.CANCEL)\n }\n\n const isPending = isCreatingTermination \|\| isUpdatingTermination \|\| isCreatingPayroll\n\n return (\n <TerminateEmployeePresentation\n employeeName={employeeName}\n existingTermination={existingTermination}\n onSubmit={handleSubmit}\n onCancel={handleCancel}\n isLoading={isPending}\n />\n )\n}\n"],"names":["TerminateEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","dictionary","useComponentDictionary","useI18n","queryClient","useQueryClient","onEvent","baseSubmitHandler","useBase","employee","useEmployeesGetSuspense","terminationsData","useEmployeeEmploymentsGetTerminationsSuspense","createTermination","isCreatingTermination","useEmployeeEmploymentsCreateTerminationMutation","updateTermination","isUpdatingTermination","useEmployeeEmploymentsUpdateTerminationMutation","createOffCyclePayroll","isCreatingPayroll","usePayrollsCreateOffCycleMutation","fetchTerminationPeriods","usePaySchedulesGetUnprocessedTerminationPeriods","componentEvents","employeeName","firstLastName","existingTermination","TerminateEmployeePresentation","formData","lastDayOfWork","payrollOption","effectiveDate","runTerminationPayroll","result","invalidateAllEmployeeEmploymentsGetTerminations","firstPayrollUuid","terminationPeriodsData","employeePeriods","period","createdPayrolls","terminationPeriod","payrollResult","OffCycleReason","RFCDate","invalidateAllPayrollsList","invalidateAllPaySchedulesGetUnprocessedTerminationPeriods","payrollError","eventType"],"mappings":"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"}

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.js CHANGED Viewed

@@ -4,29 +4,27 @@ import t from "zod";
 import { useForm as D, FormProvider as g } from "react-hook-form";
 import { zodResolver as E } from "@hookform/resolvers/zod";
 import { Flex as a } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../../shared/constants.js";
-import { RadioGroupField as R } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { ActionsLayout as x } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { DatePickerField as F } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-import { Form as W } from "../../../Common/Form/Form.js";
-import { useComponentContext as q } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as T } from "../../../../i18n/I18n.js";
+import { ActionsLayout as R } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as x } from "../../../Common/Form/Form.js";
+import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as W } from "../../../../i18n/I18n.js";
+import { RadioGroupField as q } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { DatePickerField as T } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 const k = t.object({
   lastDayOfWork: t.date({ error: "validation.lastDayRequired" }),
   payrollOption: t.enum(["dismissalPayroll", "regularPayroll", "anotherWay"], {
     error: "validation.payrollOptionRequired"
   })
 });
-function K({
+function I({
   employeeName: n,
   existingTermination: l,
   onSubmit: d,
   onCancel: y,
   isLoading: s
 }) {
-  const { Alert: u, Heading: f, Text: p, Button: m } = q();
-  T("Employee.Terminations.TerminateEmployee");
+  const { Alert: u, Heading: f, Text: p, Button: m } = F();
+  W("Employee.Terminations.TerminateEmployee");
   const { t: o } = v("Employee.Terminations.TerminateEmployee"), O = (P) => P.runTerminationPayroll === !0 ? "dismissalPayroll" : "regularPayroll", h = {
     lastDayOfWork: l?.effectiveDate ? new Date(l.effectiveDate) : void 0,
     payrollOption: l ? O(l) : "dismissalPayroll"
@@ -50,14 +48,14 @@ function K({
       description: o("form.payrollOption.options.anotherWay.description")
     }
   ];
-  return /* @__PURE__ */ r(g, { ...i, children: /* @__PURE__ */ r(W, { onSubmit: i.handleSubmit(d), children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ r(g, { ...i, children: /* @__PURE__ */ r(x, { onSubmit: i.handleSubmit(d), children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ e(a, { flexDirection: "column", gap: 4, children: [
       /* @__PURE__ */ r(f, { as: "h2", children: o("title", { employeeName: n }) }),
       /* @__PURE__ */ r(p, { variant: "supporting", children: o("subtitle") })
     ] }),
     /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
       /* @__PURE__ */ r(
-        F,
+        T,
         {
           name: "lastDayOfWork",
           label: o("form.lastDayOfEmployment.label"),
@@ -67,7 +65,7 @@ function K({
         }
       ),
       /* @__PURE__ */ r(
-        R,
+        q,
         {
           name: "payrollOption",
           label: o("form.payrollOption.label"),
@@ -79,13 +77,13 @@ function K({
       ),
       /* @__PURE__ */ r(u, { status: "warning", label: o(`alert.${c}.label`), children: /* @__PURE__ */ r(p, { children: o(`alert.${c}.text`, { employeeName: n }) }) })
     ] }),
-    /* @__PURE__ */ e(x, { children: [
+    /* @__PURE__ */ e(R, { children: [
       /* @__PURE__ */ r(m, { variant: "secondary", onClick: y, isDisabled: s, children: o("actions.cancel") }),
       /* @__PURE__ */ r(m, { type: "submit", variant: "primary", isLoading: s, children: o("actions.submit") })
     ] })
   ] }) }) });
 }
 export {
-  K as TerminateEmployeePresentation
+  I as TerminateEmployeePresentation
 };
 //# sourceMappingURL=TerminateEmployeePresentation.js.map

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TerminateEmployeePresentation.js","sources":["../../../../../src/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport z from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Termination } from '@gusto/embedded-api/models/components/termination'\nimport type { PayrollOption } from '../types'\nimport type { TerminateEmployeeFormData } from './TerminateEmployee'\nimport { Flex, ActionsLayout, DatePickerField, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface TerminateEmployeePresentationProps {\n employeeName: string\n existingTermination?: Termination\n onSubmit: (data: TerminateEmployeeFormData) => void\n onCancel: () => void\n isLoading: boolean\n}\n\nconst terminateEmployeeSchema = z.object({\n lastDayOfWork: z.date({ error: 'validation.lastDayRequired' }),\n payrollOption: z.enum(['dismissalPayroll', 'regularPayroll', 'anotherWay'], {\n error: 'validation.payrollOptionRequired',\n }),\n})\n\nexport function TerminateEmployeePresentation({\n employeeName,\n existingTermination,\n onSubmit,\n onCancel,\n isLoading,\n}: TerminateEmployeePresentationProps) {\n const { Alert, Heading, Text, Button } = useComponentContext()\n useI18n('Employee.Terminations.TerminateEmployee')\n const { t } = useTranslation('Employee.Terminations.TerminateEmployee')\n\n const getPayrollOptionFromTermination = (termination: Termination): PayrollOption => {\n if (termination.runTerminationPayroll === true) {\n return 'dismissalPayroll'\n }\n return 'regularPayroll'\n }\n\n const initialValues: Partial<TerminateEmployeeFormData> = {\n lastDayOfWork: existingTermination?.effectiveDate\n ? new Date(existingTermination.effectiveDate)\n : undefined,\n payrollOption: existingTermination\n ? getPayrollOptionFromTermination(existingTermination)\n : 'dismissalPayroll',\n }\n const formMethods = useForm<TerminateEmployeeFormData>({\n resolver: zodResolver(terminateEmployeeSchema),\n defaultValues: initialValues,\n })\n\n const selectedPayrollOption = formMethods.watch('payrollOption')\n\n const payrollOptions = [\n {\n value: 'dismissalPayroll' as const,\n label: t('form.payrollOption.options.dismissalPayroll.label'),\n description: t('form.payrollOption.options.dismissalPayroll.description'),\n },\n {\n value: 'regularPayroll' as const,\n label: t('form.payrollOption.options.regularPayroll.label'),\n description: t('form.payrollOption.options.regularPayroll.description'),\n },\n {\n value: 'anotherWay' as const,\n label: t('form.payrollOption.options.anotherWay.label'),\n description: t('form.payrollOption.options.anotherWay.description'),\n },\n ]\n\n return (\n <FormProvider {...formMethods}>\n <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n <Flex flexDirection=\"column\" gap={24}>\n <Flex flexDirection=\"column\" gap={4}>\n <Heading as=\"h2\">{t('title', { employeeName })}</Heading>\n <Text variant=\"supporting\">{t('subtitle')}</Text>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={24}>\n <DatePickerField\n name=\"lastDayOfWork\"\n label={t('form.lastDayOfEmployment.label')}\n description={t('form.lastDayOfEmployment.description')}\n isRequired\n errorMessage={t('validation.lastDayRequired')}\n />\n\n <RadioGroupField<PayrollOption>\n name=\"payrollOption\"\n label={t('form.payrollOption.label')}\n description={t('form.payrollOption.description')}\n options={payrollOptions}\n isRequired\n errorMessage={t('validation.payrollOptionRequired')}\n />\n <Alert status=\"warning\" label={t(`alert.${selectedPayrollOption}.label`)}>\n <Text>{t(`alert.${selectedPayrollOption}.text`, { employeeName })}</Text>\n </Alert>\n </Flex>\n\n <ActionsLayout>\n <Button variant=\"secondary\" onClick={onCancel} isDisabled={isLoading}>\n {t('actions.cancel')}\n </Button>\n <Button type=\"submit\" variant=\"primary\" isLoading={isLoading}>\n {t('actions.submit')}\n </Button>\n </ActionsLayout>\n </Flex>\n </HtmlForm>\n </FormProvider>\n )\n}\n"],"names":["terminateEmployeeSchema","z","TerminateEmployeePresentation","employeeName","existingTermination","onSubmit","onCancel","isLoading","Alert","Heading","Text","Button","useComponentContext","useI18n","t","useTranslation","getPayrollOptionFromTermination","termination","initialValues","formMethods","useForm","zodResolver","selectedPayrollOption","payrollOptions","FormProvider","jsx","HtmlForm","jsxs","Flex","DatePickerField","RadioGroupField","ActionsLayout"],"mappings":"~~;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"TerminateEmployeePresentation.js","sources":["../../../../../src/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport z from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Termination } from '@gusto/embedded-api/models/components/termination'\nimport type { PayrollOption } from '../types'\nimport type { TerminateEmployeeFormData } from './TerminateEmployee'\nimport { Flex, ActionsLayout, DatePickerField, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface TerminateEmployeePresentationProps {\n employeeName: string\n existingTermination?: Termination\n onSubmit: (data: TerminateEmployeeFormData) => void\n onCancel: () => void\n isLoading: boolean\n}\n\nconst terminateEmployeeSchema = z.object({\n lastDayOfWork: z.date({ error: 'validation.lastDayRequired' }),\n payrollOption: z.enum(['dismissalPayroll', 'regularPayroll', 'anotherWay'], {\n error: 'validation.payrollOptionRequired',\n }),\n})\n\nexport function TerminateEmployeePresentation({\n employeeName,\n existingTermination,\n onSubmit,\n onCancel,\n isLoading,\n}: TerminateEmployeePresentationProps) {\n const { Alert, Heading, Text, Button } = useComponentContext()\n useI18n('Employee.Terminations.TerminateEmployee')\n const { t } = useTranslation('Employee.Terminations.TerminateEmployee')\n\n const getPayrollOptionFromTermination = (termination: Termination): PayrollOption => {\n if (termination.runTerminationPayroll === true) {\n return 'dismissalPayroll'\n }\n return 'regularPayroll'\n }\n\n const initialValues: Partial<TerminateEmployeeFormData> = {\n lastDayOfWork: existingTermination?.effectiveDate\n ? new Date(existingTermination.effectiveDate)\n : undefined,\n payrollOption: existingTermination\n ? getPayrollOptionFromTermination(existingTermination)\n : 'dismissalPayroll',\n }\n const formMethods = useForm<TerminateEmployeeFormData>({\n resolver: zodResolver(terminateEmployeeSchema),\n defaultValues: initialValues,\n })\n\n const selectedPayrollOption = formMethods.watch('payrollOption')\n\n const payrollOptions = [\n {\n value: 'dismissalPayroll' as const,\n label: t('form.payrollOption.options.dismissalPayroll.label'),\n description: t('form.payrollOption.options.dismissalPayroll.description'),\n },\n {\n value: 'regularPayroll' as const,\n label: t('form.payrollOption.options.regularPayroll.label'),\n description: t('form.payrollOption.options.regularPayroll.description'),\n },\n {\n value: 'anotherWay' as const,\n label: t('form.payrollOption.options.anotherWay.label'),\n description: t('form.payrollOption.options.anotherWay.description'),\n },\n ]\n\n return (\n <FormProvider {...formMethods}>\n <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n <Flex flexDirection=\"column\" gap={24}>\n <Flex flexDirection=\"column\" gap={4}>\n <Heading as=\"h2\">{t('title', { employeeName })}</Heading>\n <Text variant=\"supporting\">{t('subtitle')}</Text>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={24}>\n <DatePickerField\n name=\"lastDayOfWork\"\n label={t('form.lastDayOfEmployment.label')}\n description={t('form.lastDayOfEmployment.description')}\n isRequired\n errorMessage={t('validation.lastDayRequired')}\n />\n\n <RadioGroupField<PayrollOption>\n name=\"payrollOption\"\n label={t('form.payrollOption.label')}\n description={t('form.payrollOption.description')}\n options={payrollOptions}\n isRequired\n errorMessage={t('validation.payrollOptionRequired')}\n />\n <Alert status=\"warning\" label={t(`alert.${selectedPayrollOption}.label`)}>\n <Text>{t(`alert.${selectedPayrollOption}.text`, { employeeName })}</Text>\n </Alert>\n </Flex>\n\n <ActionsLayout>\n <Button variant=\"secondary\" onClick={onCancel} isDisabled={isLoading}>\n {t('actions.cancel')}\n </Button>\n <Button type=\"submit\" variant=\"primary\" isLoading={isLoading}>\n {t('actions.submit')}\n </Button>\n </ActionsLayout>\n </Flex>\n </HtmlForm>\n </FormProvider>\n )\n}\n"],"names":["terminateEmployeeSchema","z","TerminateEmployeePresentation","employeeName","existingTermination","onSubmit","onCancel","isLoading","Alert","Heading","Text","Button","useComponentContext","useI18n","t","useTranslation","getPayrollOptionFromTermination","termination","initialValues","formMethods","useForm","zodResolver","selectedPayrollOption","payrollOptions","FormProvider","jsx","HtmlForm","jsxs","Flex","DatePickerField","RadioGroupField","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Terminations/TerminationFlow/TerminationFlowComponents.js CHANGED Viewed

@@ -5,14 +5,13 @@ import { TerminationSummary as f } from "../TerminationSummary/TerminationSummar
 import { PayrollLanding as I } from "../../../Payroll/PayrollLanding/PayrollLanding.js";
 import { useFlow as p } from "../../../Flow/useFlow.js";
 import { Flex as T } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import { componentEvents as x } from "../../../../shared/constants.js";
 import { ensureRequired as e } from "../../../../helpers/ensureRequired.js";
-import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as y } from "../../../../i18n/I18n.js";
+import { componentEvents as C } from "../../../../shared/constants.js";
 import { DismissalFlow as F } from "../../../Payroll/Dismissal/DismissalFlow.js";
-function R() {
-  const { companyId: o, employeeId: n, onEvent: t, alerts: m } = p(), { Alert: l } = C();
+function M() {
+  const { companyId: o, employeeId: n, onEvent: t, alerts: m } = p(), { Alert: l } = x();
   return y("Employee.Terminations.TerminationFlow"), /* @__PURE__ */ u(T, { flexDirection: "column", gap: 8, children: [
     m?.map((r, s) => /* @__PURE__ */ i(l, { status: r.type, label: r.title, children: r.content }, s)),
     /* @__PURE__ */ i(
@@ -25,7 +24,7 @@ function R() {
     )
   ] });
 }
-function U() {
+function R() {
   const { companyId: o, employeeId: n, payrollOption: t, payrollUuid: m, onEvent: l } = p();
   y("Employee.Terminations.TerminationFlow");
   const { t: r } = d("Employee.Terminations.TerminationFlow");
@@ -33,7 +32,7 @@ function U() {
     f,
     {
       onEvent: (a, c) => {
-        if (a === x.EMPLOYEE_TERMINATION_CANCELLED) {
+        if (a === C.EMPLOYEE_TERMINATION_CANCELLED) {
           l(a, {
             ...c,
             alert: {
@@ -52,7 +51,7 @@ function U() {
     }
   );
 }
-function _() {
+function U() {
   const { companyId: o, employeeId: n, payrollUuid: t, onEvent: m } = p();
   return /* @__PURE__ */ i(
     F,
@@ -64,14 +63,14 @@ function _() {
     }
   );
 }
-function b() {
+function _() {
   const { companyId: o, onEvent: n } = p();
   return /* @__PURE__ */ i(I, { onEvent: n, companyId: e(o) });
 }
 export {
-  _ as DismissalFlowContextual,
-  b as PayrollLandingContextual,
-  R as TerminateEmployeeContextual,
-  U as TerminationSummaryContextual
+  U as DismissalFlowContextual,
+  _ as PayrollLandingContextual,
+  M as TerminateEmployeeContextual,
+  R as TerminationSummaryContextual
 };
 //# sourceMappingURL=TerminationFlowComponents.js.map

package/dist/components/Employee/Terminations/TerminationFlow/TerminationFlowComponents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TerminationFlowComponents.js","sources":["../../../../../src/components/Employee/Terminations/TerminationFlow/TerminationFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { TerminateEmployee } from '../TerminateEmployee/TerminateEmployee'\nimport { TerminationSummary } from '../TerminationSummary/TerminationSummary'\nimport type { PayrollOption } from '../types'\nimport { DismissalFlow } from '@/components/Payroll/Dismissal'\nimport { PayrollLanding } from '@/components/Payroll/PayrollLanding/PayrollLanding'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\nexport interface TerminationFlowProps extends BaseComponentInterface {\n companyId: string\n employeeId: string\n}\n\nexport type TerminationFlowAlert = {\n type: 'error' \| 'info' \| 'success'\n title: string\n content?: ReactNode\n}\n\nexport interface TerminationFlowContextInterface extends FlowContextInterface {\n companyId: string\n employeeId: string\n payrollOption?: PayrollOption\n payrollUuid?: string\n alerts?: TerminationFlowAlert[]\n}\n\nexport function TerminateEmployeeContextual() {\n const { companyId, employeeId, onEvent, alerts } = useFlow<TerminationFlowContextInterface>()\n const { Alert } = useComponentContext()\n useI18n('Employee.Terminations.TerminationFlow')\n\n return (\n <Flex flexDirection=\"column\" gap={8}>\n {alerts?.map((alert, index) => (\n <Alert key={index} status={alert.type} label={alert.title}>\n {alert.content}\n </Alert>\n ))}\n <TerminateEmployee\n onEvent={onEvent}\n companyId={ensureRequired(companyId)}\n employeeId={ensureRequired(employeeId)}\n />\n </Flex>\n )\n}\n\nexport function TerminationSummaryContextual() {\n const { companyId, employeeId, payrollOption, payrollUuid, onEvent } =\n useFlow<TerminationFlowContextInterface>()\n useI18n('Employee.Terminations.TerminationFlow')\n const { t } = useTranslation('Employee.Terminations.TerminationFlow')\n\n const handleEvent = (event: EventType, data?: unknown) => {\n if (event === componentEvents.EMPLOYEE_TERMINATION_CANCELLED) {\n onEvent(event, {\n ...(data as object),\n alert: {\n type: 'success',\n title: t('cancelSuccess'),\n },\n })\n return\n }\n onEvent(event, data)\n }\n\n return (\n <TerminationSummary\n onEvent={handleEvent}\n companyId={ensureRequired(companyId)}\n employeeId={ensureRequired(employeeId)}\n payrollOption={payrollOption}\n payrollUuid={payrollUuid}\n />\n )\n}\n\nexport function DismissalFlowContextual() {\n const { companyId, employeeId, payrollUuid, onEvent } = useFlow<TerminationFlowContextInterface>()\n\n return (\n <DismissalFlow\n companyId={ensureRequired(companyId)}\n employeeId={ensureRequired(employeeId)}\n payrollId={payrollUuid}\n onEvent={onEvent}\n />\n )\n}\n\nexport function PayrollLandingContextual() {\n const { companyId, onEvent } = useFlow<TerminationFlowContextInterface>()\n\n return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["TerminateEmployeeContextual","companyId","employeeId","onEvent","alerts","useFlow","Alert","useComponentContext","useI18n","jsxs","Flex","alert","index","jsx","TerminateEmployee","ensureRequired","TerminationSummaryContextual","payrollOption","payrollUuid","t","useTranslation","TerminationSummary","event","data","componentEvents","DismissalFlowContextual","DismissalFlow","PayrollLandingContextual","PayrollLanding"],"mappings":"~~;;;;;;;;;;;;;~~AAkCO,SAASA,IAA8B;AAC5C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA,GAC7C,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAClB,SAAAC,EAAQ,uCAAuC,GAG7C,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,IAAAN,GAAQ,IAAI,CAACO,GAAOC,wBAClBN,GAAA,EAAkB,QAAQK,EAAM,MAAM,OAAOA,EAAM,OACjD,UAAAA,EAAM,QAAA,GADGC,CAEZ,CACD;AAAA,IACD,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAX;AAAA,QACA,WAAWY,EAAed,CAAS;AAAA,QACnC,YAAYc,EAAeb,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;AAEO,SAASc,IAA+B;AAC7C,QAAM,EAAE,WAAAf,GAAW,YAAAC,GAAY,eAAAe,GAAe,aAAAC,GAAa,SAAAf,EAAA,IACzDE,EAAA;AACF,EAAAG,EAAQ,uCAAuC;AAC/C,QAAM,EAAE,GAAAW,EAAA,IAAMC,EAAe,uCAAuC;AAgBpE,SACE,gBAAAP;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAhBgB,CAACC,GAAkBC,MAAmB;AACxD,YAAID,MAAUE,EAAgB,gCAAgC;AAC5D,UAAArB,EAAQmB,GAAO;AAAA,YACb,GAAIC;AAAA,YACJ,OAAO;AAAA,cACL,MAAM;AAAA,cACN,OAAOJ,EAAE,eAAe;AAAA,YAAA;AAAA,UAC1B,CACD;AACD;AAAA,QACF;AACA,QAAAhB,EAAQmB,GAAOC,CAAI;AAAA,MACrB;AAAA,MAKI,WAAWR,EAAed,CAAS;AAAA,MACnC,YAAYc,EAAeb,CAAU;AAAA,MACrC,eAAAe;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASO,IAA0B;AACxC,QAAM,EAAE,WAAAxB,GAAW,YAAAC,GAAY,aAAAgB,GAAa,SAAAf,EAAA,IAAYE,EAAA;AAExD,SACE,gBAAAQ;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,WAAWX,EAAed,CAAS;AAAA,MACnC,YAAYc,EAAeb,CAAU;AAAA,MACrC,WAAWgB;AAAA,MACX,SAAAf;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASwB,IAA2B;AACzC,QAAM,EAAE,WAAA1B,GAAW,SAAAE,EAAA,IAAYE,EAAA;AAE/B,2BAAQuB,GAAA,EAAe,SAAAzB,GAAkB,WAAWY,EAAed,CAAS,GAAG;AACjF;"}
1	+ {"version":3,"file":"TerminationFlowComponents.js","sources":["../../../../../src/components/Employee/Terminations/TerminationFlow/TerminationFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { TerminateEmployee } from '../TerminateEmployee/TerminateEmployee'\nimport { TerminationSummary } from '../TerminationSummary/TerminationSummary'\nimport type { PayrollOption } from '../types'\nimport { DismissalFlow } from '@/components/Payroll/Dismissal'\nimport { PayrollLanding } from '@/components/Payroll/PayrollLanding/PayrollLanding'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\nexport interface TerminationFlowProps extends BaseComponentInterface {\n companyId: string\n employeeId: string\n}\n\nexport type TerminationFlowAlert = {\n type: 'error' \| 'info' \| 'success'\n title: string\n content?: ReactNode\n}\n\nexport interface TerminationFlowContextInterface extends FlowContextInterface {\n companyId: string\n employeeId: string\n payrollOption?: PayrollOption\n payrollUuid?: string\n alerts?: TerminationFlowAlert[]\n}\n\nexport function TerminateEmployeeContextual() {\n const { companyId, employeeId, onEvent, alerts } = useFlow<TerminationFlowContextInterface>()\n const { Alert } = useComponentContext()\n useI18n('Employee.Terminations.TerminationFlow')\n\n return (\n <Flex flexDirection=\"column\" gap={8}>\n {alerts?.map((alert, index) => (\n <Alert key={index} status={alert.type} label={alert.title}>\n {alert.content}\n </Alert>\n ))}\n <TerminateEmployee\n onEvent={onEvent}\n companyId={ensureRequired(companyId)}\n employeeId={ensureRequired(employeeId)}\n />\n </Flex>\n )\n}\n\nexport function TerminationSummaryContextual() {\n const { companyId, employeeId, payrollOption, payrollUuid, onEvent } =\n useFlow<TerminationFlowContextInterface>()\n useI18n('Employee.Terminations.TerminationFlow')\n const { t } = useTranslation('Employee.Terminations.TerminationFlow')\n\n const handleEvent = (event: EventType, data?: unknown) => {\n if (event === componentEvents.EMPLOYEE_TERMINATION_CANCELLED) {\n onEvent(event, {\n ...(data as object),\n alert: {\n type: 'success',\n title: t('cancelSuccess'),\n },\n })\n return\n }\n onEvent(event, data)\n }\n\n return (\n <TerminationSummary\n onEvent={handleEvent}\n companyId={ensureRequired(companyId)}\n employeeId={ensureRequired(employeeId)}\n payrollOption={payrollOption}\n payrollUuid={payrollUuid}\n />\n )\n}\n\nexport function DismissalFlowContextual() {\n const { companyId, employeeId, payrollUuid, onEvent } = useFlow<TerminationFlowContextInterface>()\n\n return (\n <DismissalFlow\n companyId={ensureRequired(companyId)}\n employeeId={ensureRequired(employeeId)}\n payrollId={payrollUuid}\n onEvent={onEvent}\n />\n )\n}\n\nexport function PayrollLandingContextual() {\n const { companyId, onEvent } = useFlow<TerminationFlowContextInterface>()\n\n return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["TerminateEmployeeContextual","companyId","employeeId","onEvent","alerts","useFlow","Alert","useComponentContext","useI18n","jsxs","Flex","alert","index","jsx","TerminateEmployee","ensureRequired","TerminationSummaryContextual","payrollOption","payrollUuid","t","useTranslation","TerminationSummary","event","data","componentEvents","DismissalFlowContextual","DismissalFlow","PayrollLandingContextual","PayrollLanding"],"mappings":";;;;;;;;;;;;AAkCO,SAASA,IAA8B;AAC5C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA,GAC7C,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAClB,SAAAC,EAAQ,uCAAuC,GAG7C,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,IAAAN,GAAQ,IAAI,CAACO,GAAOC,wBAClBN,GAAA,EAAkB,QAAQK,EAAM,MAAM,OAAOA,EAAM,OACjD,UAAAA,EAAM,QAAA,GADGC,CAEZ,CACD;AAAA,IACD,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAX;AAAA,QACA,WAAWY,EAAed,CAAS;AAAA,QACnC,YAAYc,EAAeb,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;AAEO,SAASc,IAA+B;AAC7C,QAAM,EAAE,WAAAf,GAAW,YAAAC,GAAY,eAAAe,GAAe,aAAAC,GAAa,SAAAf,EAAA,IACzDE,EAAA;AACF,EAAAG,EAAQ,uCAAuC;AAC/C,QAAM,EAAE,GAAAW,EAAA,IAAMC,EAAe,uCAAuC;AAgBpE,SACE,gBAAAP;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAhBgB,CAACC,GAAkBC,MAAmB;AACxD,YAAID,MAAUE,EAAgB,gCAAgC;AAC5D,UAAArB,EAAQmB,GAAO;AAAA,YACb,GAAIC;AAAA,YACJ,OAAO;AAAA,cACL,MAAM;AAAA,cACN,OAAOJ,EAAE,eAAe;AAAA,YAAA;AAAA,UAC1B,CACD;AACD;AAAA,QACF;AACA,QAAAhB,EAAQmB,GAAOC,CAAI;AAAA,MACrB;AAAA,MAKI,WAAWR,EAAed,CAAS;AAAA,MACnC,YAAYc,EAAeb,CAAU;AAAA,MACrC,eAAAe;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASO,IAA0B;AACxC,QAAM,EAAE,WAAAxB,GAAW,YAAAC,GAAY,aAAAgB,GAAa,SAAAf,EAAA,IAAYE,EAAA;AAExD,SACE,gBAAAQ;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,WAAWX,EAAed,CAAS;AAAA,MACnC,YAAYc,EAAeb,CAAU;AAAA,MACrC,WAAWgB;AAAA,MACX,SAAAf;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASwB,IAA2B;AACzC,QAAM,EAAE,WAAA1B,GAAW,SAAAE,EAAA,IAAYE,EAAA;AAE/B,2BAAQuB,GAAA,EAAe,SAAAzB,GAAkB,WAAWY,EAAed,CAAS,GAAG;AACjF;"}

package/dist/components/Employee/Terminations/TerminationSummary/TerminationSummaryPresentation.js CHANGED Viewed

@@ -1,13 +1,11 @@
 import { jsxs as e, jsx as n } from "react/jsx-runtime";
 import { useTranslation as I, Trans as O } from "react-i18next";
 import { Flex as t } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../../shared/constants.js";
 import { ActionsLayout as W } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as q } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDateFormatter as B } from "../../../../hooks/useDateFormatter.js";
 import { useI18n as E } from "../../../../i18n/I18n.js";
-function U({
+function N({
   employeeName: l,
   effectiveDate: u,
   canCancel: s,
@@ -97,6 +95,6 @@ function U({
   ] });
 }
 export {
-  U as TerminationSummaryPresentation
+  N as TerminationSummaryPresentation
 };
 //# sourceMappingURL=TerminationSummaryPresentation.js.map

package/dist/components/Employee/Terminations/TerminationSummary/TerminationSummaryPresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TerminationSummaryPresentation.js","sources":["../../../../../src/components/Employee/Terminations/TerminationSummary/TerminationSummaryPresentation.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useI18n } from '@/i18n'\n\ninterface TerminationSummaryPresentationProps {\n employeeName: string\n effectiveDate: string \| undefined\n canCancel: boolean\n canEdit: boolean\n showRunPayroll: boolean\n showRunOffCyclePayroll: boolean\n showSuccessAlert: boolean\n onCancelClick: () => void\n onEditDismissal: () => void\n onRunDismissalPayroll: () => void\n onRunOffCyclePayroll: () => void\n isLoading: boolean\n isCancelDialogOpen: boolean\n onDialogClose: () => void\n onDialogConfirm: () => void\n isCancelling: boolean\n}\n\nexport function TerminationSummaryPresentation({\n employeeName,\n effectiveDate,\n canCancel,\n canEdit,\n showRunPayroll,\n showRunOffCyclePayroll,\n showSuccessAlert,\n onCancelClick,\n onEditDismissal,\n onRunDismissalPayroll,\n onRunOffCyclePayroll,\n isLoading,\n isCancelDialogOpen,\n onDialogClose,\n onDialogConfirm,\n isCancelling,\n}: TerminationSummaryPresentationProps) {\n const { Alert, Heading, Text, Button, DescriptionList, Dialog, Link } = useComponentContext()\n const { formatLongWithYear } = useDateFormatter()\n useI18n('Employee.Terminations.TerminationSummary')\n const { t } = useTranslation('Employee.Terminations.TerminationSummary')\n\n const formattedDate = formatLongWithYear(effectiveDate) \|\| 'N/A'\n\n const dateItems = [\n {\n term: t('dates.today'),\n description: t('dates.dismissed', { employeeName }),\n },\n {\n term: formattedDate,\n description: t('dates.lastDayOfWork'),\n },\n {\n term: formattedDate,\n description: t('dates.lastPayDay'),\n },\n ]\n\n const hasActions = canCancel \|\| canEdit \|\| showRunPayroll \|\| showRunOffCyclePayroll\n\n return (\n <Flex flexDirection=\"column\" gap={24}>\n <Flex flexDirection=\"column\" gap={4}>\n {showSuccessAlert && (\n <Alert status=\"success\" label={t('alert.success.label', { employeeName })} />\n )}\n <Heading as=\"h2\">{t('title')}</Heading>\n <Text variant=\"supporting\">{t('subtitle')}</Text>\n </Flex>\n\n <DescriptionList items={dateItems} />\n\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\">{t('offboarding.title')}</Heading>\n\n <Flex flexDirection=\"column\" gap={16}>\n <Flex flexDirection=\"column\" gap={8}>\n <Heading as=\"h4\">{t('offboarding.runPayroll.title')}</Heading>\n <Text>\n <Trans\n i18nKey=\"offboarding.runPayroll.description\"\n t={t}\n components={{\n StateRequirementsLink: <Link />,\n }}\n />\n </Text>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={8}>\n <Heading as=\"h4\">{t('offboarding.taxForms.title')}</Heading>\n <Text>{t('offboarding.taxForms.description')}</Text>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={8}>\n <Heading as=\"h4\">{t('offboarding.disconnectAccounts.title')}</Heading>\n <Text>{t('offboarding.disconnectAccounts.description')}</Text>\n </Flex>\n </Flex>\n </Flex>\n\n {hasActions && (\n <ActionsLayout>\n {canCancel && (\n <Button variant=\"error\" onClick={onCancelClick} isDisabled={isLoading}>\n {t('actions.cancelTermination')}\n </Button>\n )}\n {canEdit && (\n <Button variant=\"secondary\" onClick={onEditDismissal} isDisabled={isLoading}>\n {t('actions.editDismissal')}\n </Button>\n )}\n {showRunPayroll && (\n <Button variant=\"primary\" onClick={onRunDismissalPayroll} isDisabled={isLoading}>\n {t('actions.runDismissalPayroll')}\n </Button>\n )}\n {showRunOffCyclePayroll && (\n <Button variant=\"primary\" onClick={onRunOffCyclePayroll} isDisabled={isLoading}>\n {t('actions.runOffCyclePayroll')}\n </Button>\n )}\n </ActionsLayout>\n )}\n\n <Dialog\n isOpen={isCancelDialogOpen}\n onClose={onDialogClose}\n onPrimaryActionClick={onDialogConfirm}\n isDestructive\n isPrimaryActionLoading={isCancelling}\n primaryActionLabel={t('cancelDialog.confirm')}\n closeActionLabel={t('cancelDialog.cancel')}\n title={t('cancelDialog.title')}\n >\n <Text>{t('cancelDialog.body')}</Text>\n </Dialog>\n </Flex>\n )\n}\n"],"names":["TerminationSummaryPresentation","employeeName","effectiveDate","canCancel","canEdit","showRunPayroll","showRunOffCyclePayroll","showSuccessAlert","onCancelClick","onEditDismissal","onRunDismissalPayroll","onRunOffCyclePayroll","isLoading","isCancelDialogOpen","onDialogClose","onDialogConfirm","isCancelling","Alert","Heading","Text","Button","DescriptionList","Dialog","Link","useComponentContext","formatLongWithYear","useDateFormatter","useI18n","t","useTranslation","formattedDate","dateItems","hasActions","jsxs","Flex","jsx","Trans","ActionsLayout"],"mappings":"~~;;;;;;;;;~~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"}
1	+ {"version":3,"file":"TerminationSummaryPresentation.js","sources":["../../../../../src/components/Employee/Terminations/TerminationSummary/TerminationSummaryPresentation.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useI18n } from '@/i18n'\n\ninterface TerminationSummaryPresentationProps {\n employeeName: string\n effectiveDate: string \| undefined\n canCancel: boolean\n canEdit: boolean\n showRunPayroll: boolean\n showRunOffCyclePayroll: boolean\n showSuccessAlert: boolean\n onCancelClick: () => void\n onEditDismissal: () => void\n onRunDismissalPayroll: () => void\n onRunOffCyclePayroll: () => void\n isLoading: boolean\n isCancelDialogOpen: boolean\n onDialogClose: () => void\n onDialogConfirm: () => void\n isCancelling: boolean\n}\n\nexport function TerminationSummaryPresentation({\n employeeName,\n effectiveDate,\n canCancel,\n canEdit,\n showRunPayroll,\n showRunOffCyclePayroll,\n showSuccessAlert,\n onCancelClick,\n onEditDismissal,\n onRunDismissalPayroll,\n onRunOffCyclePayroll,\n isLoading,\n isCancelDialogOpen,\n onDialogClose,\n onDialogConfirm,\n isCancelling,\n}: TerminationSummaryPresentationProps) {\n const { Alert, Heading, Text, Button, DescriptionList, Dialog, Link } = useComponentContext()\n const { formatLongWithYear } = useDateFormatter()\n useI18n('Employee.Terminations.TerminationSummary')\n const { t } = useTranslation('Employee.Terminations.TerminationSummary')\n\n const formattedDate = formatLongWithYear(effectiveDate) \|\| 'N/A'\n\n const dateItems = [\n {\n term: t('dates.today'),\n description: t('dates.dismissed', { employeeName }),\n },\n {\n term: formattedDate,\n description: t('dates.lastDayOfWork'),\n },\n {\n term: formattedDate,\n description: t('dates.lastPayDay'),\n },\n ]\n\n const hasActions = canCancel \|\| canEdit \|\| showRunPayroll \|\| showRunOffCyclePayroll\n\n return (\n <Flex flexDirection=\"column\" gap={24}>\n <Flex flexDirection=\"column\" gap={4}>\n {showSuccessAlert && (\n <Alert status=\"success\" label={t('alert.success.label', { employeeName })} />\n )}\n <Heading as=\"h2\">{t('title')}</Heading>\n <Text variant=\"supporting\">{t('subtitle')}</Text>\n </Flex>\n\n <DescriptionList items={dateItems} />\n\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\">{t('offboarding.title')}</Heading>\n\n <Flex flexDirection=\"column\" gap={16}>\n <Flex flexDirection=\"column\" gap={8}>\n <Heading as=\"h4\">{t('offboarding.runPayroll.title')}</Heading>\n <Text>\n <Trans\n i18nKey=\"offboarding.runPayroll.description\"\n t={t}\n components={{\n StateRequirementsLink: <Link />,\n }}\n />\n </Text>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={8}>\n <Heading as=\"h4\">{t('offboarding.taxForms.title')}</Heading>\n <Text>{t('offboarding.taxForms.description')}</Text>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={8}>\n <Heading as=\"h4\">{t('offboarding.disconnectAccounts.title')}</Heading>\n <Text>{t('offboarding.disconnectAccounts.description')}</Text>\n </Flex>\n </Flex>\n </Flex>\n\n {hasActions && (\n <ActionsLayout>\n {canCancel && (\n <Button variant=\"error\" onClick={onCancelClick} isDisabled={isLoading}>\n {t('actions.cancelTermination')}\n </Button>\n )}\n {canEdit && (\n <Button variant=\"secondary\" onClick={onEditDismissal} isDisabled={isLoading}>\n {t('actions.editDismissal')}\n </Button>\n )}\n {showRunPayroll && (\n <Button variant=\"primary\" onClick={onRunDismissalPayroll} isDisabled={isLoading}>\n {t('actions.runDismissalPayroll')}\n </Button>\n )}\n {showRunOffCyclePayroll && (\n <Button variant=\"primary\" onClick={onRunOffCyclePayroll} isDisabled={isLoading}>\n {t('actions.runOffCyclePayroll')}\n </Button>\n )}\n </ActionsLayout>\n )}\n\n <Dialog\n isOpen={isCancelDialogOpen}\n onClose={onDialogClose}\n onPrimaryActionClick={onDialogConfirm}\n isDestructive\n isPrimaryActionLoading={isCancelling}\n primaryActionLabel={t('cancelDialog.confirm')}\n closeActionLabel={t('cancelDialog.cancel')}\n title={t('cancelDialog.title')}\n >\n <Text>{t('cancelDialog.body')}</Text>\n </Dialog>\n </Flex>\n )\n}\n"],"names":["TerminationSummaryPresentation","employeeName","effectiveDate","canCancel","canEdit","showRunPayroll","showRunOffCyclePayroll","showSuccessAlert","onCancelClick","onEditDismissal","onRunDismissalPayroll","onRunOffCyclePayroll","isLoading","isCancelDialogOpen","onDialogClose","onDialogConfirm","isCancelling","Alert","Heading","Text","Button","DescriptionList","Dialog","Link","useComponentContext","formatLongWithYear","useDateFormatter","useI18n","t","useTranslation","formattedDate","dateItems","hasActions","jsxs","Flex","jsx","Trans","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/{EmployeeList → employee-list/management}/ManagementEmployeeList.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../Base/Base';
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base/Base';
 type EmployeeTab = 'active' | 'onboarding' | 'dismissed';
 interface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {
     companyId: string;

package/dist/components/Employee/{EmployeeList → employee-list/management}/ManagementEmployeeList.js RENAMED Viewed

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useState as h, useMemo as M } from "react";
-import { ManagementEmployeeListView as T } from "./ManagementEmployeeListView.js";
-import { useEmployeeList as f } from "./useEmployeeList.js";
-import { BaseBoundaries as D, BaseLayout as m } from "../../Base/Base.js";
-import { useI18n as b, useComponentDictionary as P } from "../../../i18n/I18n.js";
-import { componentEvents as a } from "../../../shared/constants.js";
+import { useEmployeeList as T } from "../shared/useEmployeeList.js";
+import { ManagementEmployeeListView as f } from "./ManagementEmployeeListView.js";
+import { BaseBoundaries as D, BaseLayout as m } from "../../../Base/Base.js";
+import { useI18n as b, useComponentDictionary as P } from "../../../../i18n/I18n.js";
+import { componentEvents as a } from "../../../../shared/constants.js";
 const R = (t) => {
   switch (t) {
     case "active":
@@ -22,7 +22,7 @@ function I({
   dictionary: E
 }) {
   b("Employee.ManagementEmployeeList"), P("Employee.ManagementEmployeeList", E);
-  const [r, p] = h(i), l = M(() => R(r), [r]), o = f({
+  const [r, p] = h(i), l = M(() => R(r), [r]), o = T({
     companyId: t,
     employeeType: l
   });
@@ -40,7 +40,7 @@ function I({
     p(e);
   };
   return /* @__PURE__ */ s(m, { error: o.errorHandling.errors, children: /* @__PURE__ */ s(
-    T,
+    f,
     {
       selectedTab: r,
       onTabChange: g,

package/dist/components/Employee/employee-list/management/ManagementEmployeeList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ManagementEmployeeList.js","sources":["../../../../../src/components/Employee/employee-list/management/ManagementEmployeeList.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { useEmployeeList, type EmployeeType } from '../shared/useEmployeeList'\nimport { ManagementEmployeeListView } from './ManagementEmployeeListView'\nimport {\n BaseBoundaries,\n BaseLayout,\n type BaseComponentInterface,\n type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\ninterface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {\n companyId: string\n initialTab?: EmployeeTab\n onEvent: BaseComponentInterface['onEvent']\n}\n\nconst mapTabToEmployeeType = (tab: EmployeeTab): EmployeeType => {\n switch (tab) {\n case 'active':\n return 'active'\n case 'onboarding':\n return 'onboarding'\n case 'dismissed':\n return 'terminated'\n }\n}\n\nfunction ManagementEmployeeListRoot({\n companyId,\n initialTab = 'active',\n onEvent,\n dictionary,\n}: ManagementEmployeeListProps) {\n useI18n('Employee.ManagementEmployeeList')\n useComponentDictionary('Employee.ManagementEmployeeList', dictionary)\n\n const [selectedTab, setSelectedTab] = useState<EmployeeTab>(initialTab)\n\n const employeeType = useMemo(() => mapTabToEmployeeType(selectedTab), [selectedTab])\n\n const employeeList = useEmployeeList({\n companyId,\n employeeType,\n })\n\n if (employeeList.isLoading) {\n return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n }\n\n const handleEdit = (employeeId: string) => {\n onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n }\n\n const handleAddEmployee = () => {\n onEvent(componentEvents.EMPLOYEE_CREATE)\n }\n\n const handleDismiss = (employeeId: string) => {\n onEvent(componentEvents.EMPLOYEE_DISMISS, { employeeId })\n }\n\n const handleRehire = (employeeId: string) => {\n onEvent(componentEvents.EMPLOYEE_REHIRE, { employeeId })\n }\n\n const handleTabChange = (tab: EmployeeTab) => {\n setSelectedTab(tab)\n }\n\n return (\n <BaseLayout error={employeeList.errorHandling.errors}>\n <ManagementEmployeeListView\n selectedTab={selectedTab}\n onTabChange={handleTabChange}\n employees={employeeList.data.employees}\n isFetching={employeeList.status.isFetching}\n pagination={employeeList.pagination}\n status={employeeList.status}\n onEdit={handleEdit}\n onDismiss={handleDismiss}\n onDelete={async (employeeId: string) => {\n await employeeList.actions.onDelete(employeeId, {\n onDelete: (id: string) => {\n onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: id })\n },\n })\n }}\n onRehire={handleRehire}\n onAddEmployee={handleAddEmployee}\n />\n </BaseLayout>\n )\n}\n\nexport function ManagementEmployeeList({\n FallbackComponent,\n ...props\n}: ManagementEmployeeListProps & BaseComponentInterface) {\n return (\n <BaseBoundaries\n componentName=\"Employee.ManagementEmployeeList\"\n FallbackComponent={FallbackComponent}\n >\n <ManagementEmployeeListRoot {...props} />\n </BaseBoundaries>\n )\n}\n"],"names":["mapTabToEmployeeType","tab","ManagementEmployeeListRoot","companyId","initialTab","onEvent","dictionary","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","employeeType","useMemo","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","componentEvents","handleAddEmployee","handleDismiss","handleRehire","handleTabChange","jsx","ManagementEmployeeListView","id","ManagementEmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;AAoBA,MAAMA,IAAuB,CAACC,MAAmC;AAC/D,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEA,SAASC,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCF,CAAU;AAEpE,QAAM,CAACG,GAAaC,CAAc,IAAIC,EAAsBP,CAAU,GAEhEQ,IAAeC,EAAQ,MAAMb,EAAqBS,CAAW,GAAG,CAACA,CAAW,CAAC,GAE7EK,IAAeC,EAAgB;AAAA,IACnC,WAAAZ;AAAA,IACA,cAAAS;AAAA,EAAA,CACD;AAED,MAAIE,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,MAAuB;AACzC,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEME,IAAoB,MAAM;AAC9B,IAAAf,EAAQc,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAgB,CAACH,MAAuB;AAC5C,IAAAb,EAAQc,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,EAC1D,GAEMI,IAAe,CAACJ,MAAuB;AAC3C,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEMK,IAAkB,CAACtB,MAAqB;AAC5C,IAAAS,EAAeT,CAAG;AAAA,EACpB;AAEA,SACE,gBAAAuB,EAACR,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAhB;AAAA,MACA,aAAac;AAAA,MACb,WAAWT,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,WAAWI;AAAA,MACX,UAAU,OAAOH,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,GAAY;AAAA,UAC9C,UAAU,CAACQ,MAAe;AACxB,YAAArB,EAAQc,EAAgB,kBAAkB,EAAE,YAAYO,GAAI;AAAA,UAC9D;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,UAAUJ;AAAA,MACV,eAAeF;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;AAEO,SAASO,EAAuB;AAAA,EACrC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyD;AACvD,SACE,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAJ,EAACtB,GAAA,EAA4B,GAAG2B,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7C;"}

package/dist/components/Employee/{EmployeeList → employee-list/management}/ManagementEmployeeListView.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import { UseEmployeeListResult, EmployeeWithActions } from './useEmployeeList';
+import { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList';
 type EmployeeTab = 'active' | 'onboarding' | 'dismissed';
 export interface ManagementEmployeeListViewProps extends Pick<Extract<UseEmployeeListResult, {
     isLoading: false;

package/dist/components/Employee/{EmployeeList → employee-list/management}/ManagementEmployeeListView.js RENAMED Viewed

@@ -1,23 +1,21 @@
 import { jsx as a, jsxs as d, Fragment as F } from "react/jsx-runtime";
 import { useState as B } from "react";
 import { useTranslation as H } from "react-i18next";
-import { Flex as u } from "../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { EmptyData as J } from "../../Common/EmptyData/EmptyData.js";
-import { useComponentContext as O } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { EmployeeOnboardingStatusBadge as _ } from "../../Common/OnboardingStatusBadge/index.js";
-import m from "../../../assets/icons/pencil.svg.js";
-import W from "../../../assets/icons/trashcan.svg.js";
-import { firstLastName as Y } from "../../../helpers/formattedStrings.js";
-import { formatDateLongWithYear as p } from "../../../helpers/dateFormatting.js";
-import q from "../../../assets/icons/plus-circle.svg.js";
-import { HamburgerMenu as z } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as G } from "../../Common/DataView/useDataView.js";
-import { DataView as K } from "../../Common/DataView/DataView.js";
-function ut({
+import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { EmptyData as J } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmployeeOnboardingStatusBadge as _ } from "../../../Common/OnboardingStatusBadge/index.js";
+import m from "../../../../assets/icons/pencil.svg.js";
+import W from "../../../../assets/icons/trashcan.svg.js";
+import { firstLastName as Y } from "../../../../helpers/formattedStrings.js";
+import { formatDateLongWithYear as g } from "../../../../helpers/dateFormatting.js";
+import q from "../../../../assets/icons/plus-circle.svg.js";
+import { HamburgerMenu as z } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as G } from "../../../Common/DataView/useDataView.js";
+import { DataView as K } from "../../../Common/DataView/DataView.js";
+function mt({
   selectedTab: r,
-  onTabChange: g,
+  onTabChange: p,
   employees: b,
   isFetching: f,
   status: h,
@@ -72,7 +70,7 @@ function ut({
       {
         key: "startDate",
         title: t("startDateLabel"),
-        render: (n) => p(n.primaryJob?.hireDate) || "-"
+        render: (n) => g(n.primaryJob?.hireDate) || "-"
       },
       i,
       {
@@ -94,7 +92,7 @@ function ut({
         title: t("lastDayLabel"),
         render: (n) => {
           const c = n.terminations?.[0];
-          return p(c?.effectiveDate) || "-";
+          return g(c?.effectiveDate) || "-";
         }
       }
     ];
@@ -158,7 +156,7 @@ function ut({
           tabs: M,
           selectedId: r,
           onSelectionChange: (e) => {
-            g(e);
+            p(e);
           },
           "aria-label": t("tabsLabel")
         }
@@ -190,6 +188,6 @@ function ut({
   ] });
 }
 export {
-  ut as ManagementEmployeeListView
+  mt as ManagementEmployeeListView
 };
 //# sourceMappingURL=ManagementEmployeeListView.js.map

package/dist/components/Employee/employee-list/management/ManagementEmployeeListView.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ManagementEmployeeListView.js","sources":["../../../../../src/components/Employee/employee-list/management/ManagementEmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\nexport interface ManagementEmployeeListViewProps extends Pick<\n Extract<UseEmployeeListResult, { isLoading: false }>,\n 'pagination' | 'status'\n> {\n employees: EmployeeWithActions[]\n isFetching: boolean\n selectedTab: EmployeeTab\n onTabChange: (tab: EmployeeTab) => void\n onEdit: (employeeId: string) => void\n onDismiss: (employeeId: string) => void\n onDelete: (employeeId: string) => Promise<void>\n onRehire: (employeeId: string) => void\n onAddEmployee: () => void\n}\n\nexport function ManagementEmployeeListView({\n selectedTab,\n onTabChange,\n employees,\n isFetching,\n status,\n onEdit,\n onDismiss,\n onDelete,\n onRehire,\n onAddEmployee,\n pagination,\n}: ManagementEmployeeListViewProps) {\n const { t } = useTranslation('Employee.ManagementEmployeeList')\n const Components = useComponentContext()\n const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n const {\n handleNextPage,\n handleFirstPage,\n handleLastPage,\n handlePreviousPage,\n handleItemsPerPageChange,\n currentPage,\n totalPages,\n totalCount,\n itemsPerPage,\n } = pagination\n\n const tabs = [\n {\n id: 'active',\n label: t('tabs.active'),\n content: null,\n },\n {\n id: 'onboarding',\n label: t('tabs.onboarding'),\n content: null,\n },\n {\n id: 'dismissed',\n label: t('tabs.dismissed'),\n content: null,\n },\n ]\n\n const getColumns = () => {\n const nameColumn = {\n key: 'name',\n title: t('nameLabel'),\n render: (employee: EmployeeWithActions) => {\n return firstLastName({\n first_name: employee.firstName,\n last_name: employee.lastName,\n })\n },\n }\n\n const jobTitleColumn = {\n key: 'jobTitle',\n title: t('jobTitleLabel'),\n render: (employee: EmployeeWithActions) => {\n return employee.primaryJob?.title ?? '-'\n },\n }\n\n if (selectedTab === 'active') {\n return [nameColumn, jobTitleColumn]\n }\n\n if (selectedTab === 'onboarding') {\n return [\n nameColumn,\n {\n key: 'startDate',\n title: t('startDateLabel'),\n render: (employee: EmployeeWithActions) => {\n const formattedDate = formatDateLongWithYear(employee.primaryJob?.hireDate)\n return formattedDate || '-'\n },\n },\n jobTitleColumn,\n {\n key: 'status',\n title: t('statusLabel'),\n render: (employee: EmployeeWithActions) => (\n <EmployeeOnboardingStatusBadge\n onboarded={employee.onboarded}\n onboardingStatus={employee.onboardingStatus}\n />\n ),\n },\n ]\n }\n\n return [\n nameColumn,\n jobTitleColumn,\n {\n key: 'lastDay',\n title: t('lastDayLabel'),\n render: (employee: EmployeeWithActions) => {\n const termination = employee.terminations?.[0]\n const formattedDate = formatDateLongWithYear(termination?.effectiveDate)\n return formattedDate || '-'\n },\n },\n ]\n }\n\n const { ...dataViewProps } = useDataView({\n data: employees,\n columns: getColumns(),\n itemMenu: employee => {\n const menuItems = []\n\n if (employee.allowedActions.includes('edit')) {\n menuItems.push({\n label: t('editCta'),\n onClick: () => {\n onEdit(employee.uuid)\n },\n icon: <PencilSvg aria-hidden />,\n })\n }\n\n if (employee.allowedActions.includes('dismiss')) {\n menuItems.push({\n label: t('dismissCta'),\n onClick: () => {\n onDismiss(employee.uuid)\n },\n icon: <TrashCanSvg aria-hidden />,\n })\n }\n\n if (employee.allowedActions.includes('delete')) {\n menuItems.push({\n label: t('cancelCta'),\n onClick: () => {\n setEmployeeToDelete(employee.uuid)\n },\n icon: <PencilSvg aria-hidden />,\n })\n }\n\n if (employee.allowedActions.includes('rehire')) {\n menuItems.push({\n label: t('rehireCta'),\n onClick: () => {\n onRehire(employee.uuid)\n },\n icon: <PencilSvg aria-hidden />,\n })\n }\n\n return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n },\n isFetching,\n pagination: {\n handleNextPage,\n handleFirstPage,\n handleLastPage,\n handlePreviousPage,\n handleItemsPerPageChange,\n currentPage,\n totalPages,\n totalCount,\n itemsPerPage,\n },\n emptyState: () => {\n let title = ''\n let description = ''\n\n if (selectedTab === 'active') {\n title = t('emptyState.active.title')\n description = t('emptyState.active.description')\n } else if (selectedTab === 'onboarding') {\n title = t('emptyState.onboarding.title')\n description = t('emptyState.onboarding.description')\n } else {\n title = t('emptyState.dismissed.title')\n description = t('emptyState.dismissed.description')\n }\n\n return <EmptyData title={title} description={description} />\n },\n })\n\n return (\n <>\n <Flex flexDirection=\"column\" gap={32}>\n <Flex justifyContent=\"space-between\" alignItems=\"center\">\n <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n <Components.Button variant=\"secondary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n {t('addEmployeeCta')}\n </Components.Button>\n </Flex>\n\n <Components.Tabs\n tabs={tabs}\n selectedId={selectedTab}\n onSelectionChange={id => {\n onTabChange(id as EmployeeTab)\n }}\n aria-label={t('tabsLabel')}\n />\n\n <DataView label={t('employeeListLabel')} {...dataViewProps} />\n </Flex>\n\n <Components.Dialog\n isOpen={!!employeeToDelete}\n onClose={() => {\n setEmployeeToDelete(null)\n }}\n onPrimaryActionClick={async () => {\n if (employeeToDelete) {\n try {\n await onDelete(employeeToDelete)\n setEmployeeToDelete(null)\n } catch {\n // Keep dialog open on error\n }\n }\n }}\n isPrimaryActionLoading={status.isPending}\n isDestructive\n title={t('deleteDialog.title')}\n primaryActionLabel={t('deleteDialog.confirmCta')}\n closeActionLabel={t('deleteDialog.cancelCta')}\n >\n {t('deleteDialog.description')}\n </Components.Dialog>\n </>\n )\n}\n"],"names":["ManagementEmployeeListView","selectedTab","onTabChange","employees","isFetching","status","onEdit","onDismiss","onDelete","onRehire","onAddEmployee","pagination","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","totalCount","itemsPerPage","tabs","getColumns","nameColumn","employee","firstLastName","jobTitleColumn","formatDateLongWithYear","jsx","EmployeeOnboardingStatusBadge","termination","dataViewProps","useDataView","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","title","description","EmptyData","jsxs","Fragment","Flex","PlusCircleIcon","id","DataView"],"mappings":"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"}

package/dist/components/Employee/employee-list/onboarding/EmployeeList.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { BaseComponentInterface } from '../../../Base/Base';
+interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {
+    companyId: string;
+}
+export declare function EmployeeList({ FallbackComponent, ...props }: EmployeeListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Employee/{EmployeeList → employee-list/onboarding}/EmployeeList.js RENAMED Viewed

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import { EmployeeListView as c } from "./EmployeeListView.js";
-import { useEmployeeList as y } from "./useEmployeeList.js";
-import { BaseBoundaries as d, BaseLayout as a } from "../../Base/Base.js";
-import { useI18n as L, useComponentDictionary as u } from "../../../i18n/I18n.js";
-import { componentEvents as i } from "../../../shared/constants.js";
+import { useEmployeeList as c } from "../shared/useEmployeeList.js";
+import { EmployeeListView as y } from "./EmployeeListView.js";
+import { BaseBoundaries as d, BaseLayout as a } from "../../../Base/Base.js";
+import { useI18n as L, useComponentDictionary as u } from "../../../../i18n/I18n.js";
+import { componentEvents as i } from "../../../../shared/constants.js";
 function O({ companyId: s, onEvent: o, dictionary: E }) {
   L("Employee.EmployeeList"), u("Employee.EmployeeList", E);
-  const e = y({
+  const e = c({
     companyId: s
   });
   if (e.isLoading)
@@ -19,7 +19,7 @@ function O({ companyId: s, onEvent: o, dictionary: E }) {
     o(i.EMPLOYEE_ONBOARDING_DONE);
   };
   return /* @__PURE__ */ r(a, { error: e.errorHandling.errors, children: /* @__PURE__ */ r(
-    c,
+    y,
     {
       employees: e.data.employees,
       isFetching: e.status.isFetching,

package/dist/components/Employee/employee-list/onboarding/EmployeeList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/employee-list/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeeList } from '../shared/useEmployeeList'\nimport { EmployeeListView } from './EmployeeListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ninterface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {\n companyId: string\n}\n\nfunction EmployeeListRoot({ companyId, onEvent, dictionary }: EmployeeListProps) {\n useI18n('Employee.EmployeeList')\n useComponentDictionary('Employee.EmployeeList', dictionary)\n\n const employeeList = useEmployeeList({\n companyId,\n })\n\n if (employeeList.isLoading) {\n return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n }\n\n const handleEdit = (employeeId: string, onboardingStatus?: OnboardingStatus) => {\n onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId, onboardingStatus })\n }\n\n const handleAddEmployee = () => {\n onEvent(componentEvents.EMPLOYEE_CREATE)\n }\n\n const handleSkip = () => {\n onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n }\n\n return (\n <BaseLayout error={employeeList.errorHandling.errors}>\n <EmployeeListView\n employees={employeeList.data.employees}\n isFetching={employeeList.status.isFetching}\n pagination={employeeList.pagination}\n status={employeeList.status}\n onEdit={handleEdit}\n onDelete={async (employeeId: string) => {\n await employeeList.actions.onDelete(employeeId)\n onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n }}\n onCancelSelfOnboarding={async (employeeId: string) => {\n const result = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, result)\n }}\n onReview={async (employeeId: string) => {\n const result = await employeeList.actions.onReview(employeeId)\n onEvent(componentEvents.EMPLOYEE_UPDATE, result)\n }}\n onAddEmployee={handleAddEmployee}\n onSkip={handleSkip}\n />\n </BaseLayout>\n )\n}\n\nexport function EmployeeList({\n FallbackComponent,\n ...props\n}: EmployeeListProps & BaseComponentInterface) {\n return (\n <BaseBoundaries componentName=\"Employee.EmployeeList\" FallbackComponent={FallbackComponent}>\n <EmployeeListRoot {...props} />\n </BaseBoundaries>\n )\n}\n"],"names":["EmployeeListRoot","companyId","onEvent","dictionary","useI18n","useComponentDictionary","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","onboardingStatus","componentEvents","handleAddEmployee","handleSkip","jsx","EmployeeListView","result","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAWA,SAASA,EAAiB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAiC;AAC/E,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAMG,IAAeC,EAAgB;AAAA,IACnC,WAAAN;AAAA,EAAA,CACD;AAED,MAAIK,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAT,EAAQU,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAX,EAAQU,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAZ,EAAQU,EAAgB,wBAAwB;AAAA,EAClD;AAEA,SACE,gBAAAG,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWV,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,UAAU,OAAOC,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,CAAU,GAC9CR,EAAQU,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMO,IAAS,MAAMX,EAAa,QAAQ,uBAAuBI,CAAU;AAC3E,QAAAR,EAAQU,EAAgB,oCAAoCK,CAAM;AAAA,MACpE;AAAA,MACA,UAAU,OAAOP,MAAuB;AACtC,cAAMO,IAAS,MAAMX,EAAa,QAAQ,SAASI,CAAU;AAC7D,QAAAR,EAAQU,EAAgB,iBAAiBK,CAAM;AAAA,MACjD;AAAA,MACA,eAAeJ;AAAA,MACf,QAAQC;AAAA,IAAA;AAAA,EAAA,GAEZ;AAEJ;AAEO,SAASI,EAAa;AAAA,EAC3B,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+C;AAC7C,SACE,gBAAAL,EAACM,KAAe,eAAc,yBAAwB,mBAAAF,GACpD,UAAA,gBAAAJ,EAACf,GAAA,EAAkB,GAAGoB,EAAA,CAAO,EAAA,CAC/B;AAEJ;"}

package/dist/components/Employee/{EmployeeList → employee-list/onboarding}/EmployeeListView.d.ts RENAMED Viewed

@@ -1,5 +1,5 @@
 import { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus';
-import { UseEmployeeListResult, EmployeeWithActions } from './useEmployeeList';
+import { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList';
 export interface EmployeeListViewProps extends Pick<Extract<UseEmployeeListResult, {
     isLoading: false;
 }>, 'pagination' | 'status'> {