@gusto/embedded-react-sdk 0.37.0-rc.2 → 0.37.0-rc.4

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployee.js

@@ -1,4 +1,4 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as y } from "react/jsx-runtime";
 import { useQueryClient as S } from "@tanstack/react-query";
 import { useEmployeesGetSuspense as Y } from "@gusto/embedded-api/react-query/employeesGet";
 import { useEmployeeEmploymentsGetTerminationsSuspense as q, invalidateAllEmployeeEmploymentsGetTerminations as I } from "@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations";
@@ -8,7 +8,7 @@ import { usePayrollsCreateOffCycleMutation as G } from "@gusto/embedded-api/reac
 import { usePaySchedulesGetUnprocessedTerminationPeriods as k, invalidateAllPaySchedulesGetUnprocessedTerminationPeriods as x } from "@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods";
 import { invalidateAllPayrollsList as W } from "@gusto/embedded-api/react-query/payrollsList";
 import { OffCycleReason as F } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
-import { RFCDate as y } from "@gusto/embedded-api/types/rfcdate";
+import { RFCDate as p } from "@gusto/embedded-api/types/rfcdate";
 import { TerminateEmployeePresentation as H } from "./TerminateEmployeePresentation.js";
 import { BaseComponent as j } from "../../../Base/Base.js";
 import { useBase as Q } from "../../../Base/useBase.js";
@@ -16,93 +16,93 @@ import { componentEvents as n } from "../../../../shared/constants.js";
 import { useComponentDictionary as V, useI18n as z } from "../../../../i18n/I18n.js";
 import { firstLastName as J } from "../../../../helpers/formattedStrings.js";
 function Te(e) {
-  return /* @__PURE__ */ f(j, { ...e, children: /* @__PURE__ */ f(K, { ...e, children: e.children }) });
+  return /* @__PURE__ */ y(j, { ...e, children: /* @__PURE__ */ y(K, { ...e, children: e.children }) });
 }
-const K = ({ employeeId: e, companyId: p, dictionary: P }) => {
-  V("Employee.Terminations.TerminateEmployee", P), z("Employee.Terminations.TerminateEmployee");
-  const c = S(), { onEvent: i, baseSubmitHandler: D } = Q(), {
-    data: { employee: E }
-  } = Y({ employeeId: e }), { data: a } = q({ employeeId: e });
-  if (E?.terminated && a.terminationList?.[0])
+const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
+  V("Employee.Terminations.TerminateEmployee", D), z("Employee.Terminations.TerminateEmployee");
+  const c = S(), { onEvent: i, baseSubmitHandler: C } = Q(), {
+    data: { employee: u }
+  } = Y({ employeeId: e }), { data: r } = q({ employeeId: e });
+  if (u?.terminated && r.terminationList?.[0])
     return i(n.EMPLOYEE_TERMINATION_VIEW_SUMMARY, {
       employeeId: e,
-      effectiveDate: a.terminationList[0].effectiveDate,
-      termination: a.terminationList[0]
+      effectiveDate: r.terminationList[0].effectiveDate,
+      termination: r.terminationList[0]
     }), null;
-  const { mutateAsync: C, isPending: O } = b(), { mutateAsync: A, isPending: L } = B(), { mutateAsync: h, isPending: N } = G(), { refetch: M } = k(
-    { companyId: p },
+  const { mutateAsync: O, isPending: A } = b(), { mutateAsync: L, isPending: h } = B(), { mutateAsync: N, isPending: M } = G(), { refetch: _ } = k(
+    { companyId: f },
     { enabled: !1 }
-  ), _ = J({
-    first_name: E?.firstName,
-    last_name: E?.lastName
-  }), r = a.terminationList?.[0];
-  return /* @__PURE__ */ f(
+  ), R = J({
+    first_name: u?.firstName,
+    last_name: u?.lastName
+  }), s = r.terminationList?.[0];
+  return /* @__PURE__ */ y(
     H,
     {
-      employeeName: _,
-      existingTermination: r,
-      onSubmit: async (R) => {
-        const { lastDayOfWork: g, payrollOption: o } = R, s = g.toISOString().split("T")[0];
-        await D({ effectiveDate: s, payrollOption: o }, async () => {
-          const m = o === "dismissalPayroll", d = r ? await A({
+      employeeName: R,
+      existingTermination: s,
+      onSubmit: async (g) => {
+        const { lastDayOfWork: U, payrollOption: o } = g, m = U.toISOString().split("T")[0];
+        await C({ effectiveDate: m, payrollOption: o }, async () => {
+          const l = o === "dismissalPayroll", d = s ? await L({
             request: {
               employeeId: e,
               requestBody: {
-                version: r.version,
-                effectiveDate: s,
-                runTerminationPayroll: m
+                version: s.version,
+                effectiveDate: m,
+                runTerminationPayroll: l
               }
             }
-          }) : await C({
+          }) : await O({
             request: {
               employeeId: e,
               requestBody: {
-                effectiveDate: s,
-                runTerminationPayroll: m
+                effectiveDate: m,
+                runTerminationPayroll: l
               }
             }
           });
           await I(c);
           let T;
-          if (m)
+          if (l)
             try {
-              const { data: u } = await M(), U = u?.unprocessedTerminationPayPeriodList?.filter(
+              const { data: E } = await _(), w = E?.unprocessedTerminationPayPeriodList?.filter(
                 (t) => t.employeeUuid === e
-              ) ?? [], l = [];
-              for (const t of U)
+              ) ?? [], a = [];
+              for (const t of w)
                 if (t.startDate && t.endDate) {
-                  const w = await h({
+                  const P = await N({
                     request: {
-                      companyId: p,
+                      companyId: f,
                       requestBody: {
                         offCycle: !0,
                         offCycleReason: F.DismissedEmployee,
-                        startDate: new y(t.startDate),
-                        endDate: new y(t.endDate),
+                        startDate: new p(t.startDate),
+                        endDate: new p(t.endDate),
                         employeeUuids: [e],
-                        checkDate: t.checkDate ? new y(t.checkDate) : void 0
+                        checkDate: t.checkDate ? new p(t.checkDate) : void 0
                       }
                     }
                   });
-                  l.push(w.payrollUnprocessed);
+                  P.payrollUnprocessed && a.push(P.payrollUnprocessed);
                 }
-              l.length > 0 && (T = l[0]?.payrollUuid, await W(c), await x(c), i(n.EMPLOYEE_TERMINATION_PAYROLL_CREATED, {
-                payrolls: l
+              a.length > 0 && (T = a[0]?.payrollUuid ?? a[0]?.uuid, await W(c), await x(c), i(n.EMPLOYEE_TERMINATION_PAYROLL_CREATED, {
+                payrolls: a
               }));
-            } catch (u) {
+            } catch (E) {
               i(n.EMPLOYEE_TERMINATION_PAYROLL_FAILED, {
-                error: u,
+                error: E,
                 employeeId: e
               });
             }
-          const v = r ? n.EMPLOYEE_TERMINATION_UPDATED : n.EMPLOYEE_TERMINATION_CREATED;
+          const v = s ? n.EMPLOYEE_TERMINATION_UPDATED : n.EMPLOYEE_TERMINATION_CREATED;
           i(v, {
             termination: d.termination,
             payrollOption: o,
-            runTerminationPayroll: m
+            runTerminationPayroll: l
           }), i(n.EMPLOYEE_TERMINATION_DONE, {
             employeeId: e,
-            effectiveDate: s,
+            effectiveDate: m,
             payrollOption: o,
             payrollUuid: T,
             termination: d.termination,
@@ -113,7 +113,7 @@ const K = ({ employeeId: e, companyId: p, dictionary: P }) => {
       onCancel: () => {
         i(n.CANCEL);
       },
-      isLoading: O || L || N
+      isLoading: A || h || M
     }
   );
 };

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

@@ -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              createdPayrolls.push(payrollResult.payrollUnprocessed)\n            }\n          }\n\n          if (createdPayrolls.length > 0) {\n            firstPayrollUuid = createdPayrolls[0]?.payrollUuid\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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"}
+{"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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"}

package/dist/components/Payroll/Dismissal/DismissalFlowComponents.js

@@ -1,14 +1,14 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useMemo as d } from "react";
-import { usePayrollsGetSuspense as p } from "@gusto/embedded-api/react-query/payrollsGet";
-import { PayrollExecutionFlow as u } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { usePayrollsGetSuspense as d } from "@gusto/embedded-api/react-query/payrollsGet";
+import { PayrollExecutionFlow as p } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
 import { DismissalPayPeriodSelection as y } from "./DismissalPayPeriodSelection/DismissalPayPeriodSelection.js";
 import { useFlow as a } from "../../Flow/useFlow.js";
 import { ensureRequired as s } from "../../../helpers/ensureRequired.js";
-import { BaseComponent as f } from "../../Base/Base.js";
+import { BaseComponent as P } from "../../Base/Base.js";
 function h() {
   const { companyId: o, employeeId: e, onEvent: r } = a();
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ t(
     y,
     {
       companyId: s(o),
@@ -18,9 +18,9 @@ function h() {
   );
 }
 function w() {
-  const { companyId: o, payrollUuid: e, onEvent: r, breadcrumbs: n } = a(), t = n?.payPeriodSelection?.[0], m = d(() => t ? [t] : void 0, [t]), l = s(o), c = s(e);
-  return /* @__PURE__ */ i(f, { onEvent: r, children: /* @__PURE__ */ i(
-    P,
+  const { companyId: o, payrollUuid: e, onEvent: r, breadcrumbs: n } = a(), i = n?.payPeriodSelection?.[0], m = u(() => i ? [i] : void 0, [i]), l = s(o), c = s(e);
+  return /* @__PURE__ */ t(P, { onEvent: r, children: /* @__PURE__ */ t(
+    f,
     {
       companyId: l,
       payrollId: c,
@@ -29,18 +29,19 @@ function w() {
     }
   ) });
 }
-function P({
+function f({
   companyId: o,
   payrollId: e,
   ...r
 }) {
-  const { data: n } = p({ companyId: o, payrollId: e }), t = n.payrollShow?.payPeriod;
-  return /* @__PURE__ */ i(
-    u,
+  const { data: n } = d({ companyId: o, payrollId: e }), i = n.payrollShow?.payPeriod;
+  return /* @__PURE__ */ t(
+    p,
     {
       companyId: o,
       payrollId: e,
-      initialPayPeriod: t,
+      initialPayPeriod: i,
+      isDismissalPayroll: !0,
       ...r
     }
   );

package/dist/components/Payroll/Dismissal/DismissalFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissalFlowComponents.js","sources":["../../../../src/components/Payroll/Dismissal/DismissalFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { DismissalPayPeriodSelection } from './DismissalPayPeriodSelection/DismissalPayPeriodSelection'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\nexport interface DismissalFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  payrollUuid?: string\n}\n\nexport interface DismissalFlowProps {\n  companyId: string\n  employeeId?: string\n  onEvent: OnEventType<EventType, unknown>\n  payrollId?: string\n}\n\nexport function DismissalPayPeriodSelectionContextual() {\n  const { companyId, employeeId, onEvent } = useFlow<DismissalFlowContextInterface>()\n  return (\n    <DismissalPayPeriodSelection\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function DismissalExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, breadcrumbs } = useFlow<DismissalFlowContextInterface>()\n\n  const payPeriodSelectionBreadcrumb = breadcrumbs?.['payPeriodSelection']?.[0]\n  const prefixBreadcrumbs = useMemo(() => {\n    return payPeriodSelectionBreadcrumb ? [payPeriodSelectionBreadcrumb] : undefined\n  }, [payPeriodSelectionBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <DismissalExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype DismissalExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction DismissalExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: DismissalExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelectionContextual","companyId","employeeId","onEvent","useFlow","jsx","DismissalPayPeriodSelection","ensureRequired","DismissalExecutionContextual","payrollUuid","breadcrumbs","payPeriodSelectionBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","DismissalExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AA0BO,SAASA,IAAwC;AACtD,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAA+B;AAC7C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,aAAAO,EAAA,IAAgBN,EAAA,GAEnDO,IAA+BD,GAAc,qBAAwB,CAAC,GACtEE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeN,CAAS,GAC5Cc,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA2B;AAAA,EAClC,WAAAhB;AAAA,EACA,WAAAiB;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAApB,GAAW,WAAAiB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAtB;AAAA,MACA,WAAAiB;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"DismissalFlowComponents.js","sources":["../../../../src/components/Payroll/Dismissal/DismissalFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { DismissalPayPeriodSelection } from './DismissalPayPeriodSelection/DismissalPayPeriodSelection'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\nexport interface DismissalFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  payrollUuid?: string\n}\n\nexport interface DismissalFlowProps {\n  companyId: string\n  employeeId?: string\n  onEvent: OnEventType<EventType, unknown>\n  payrollId?: string\n}\n\nexport function DismissalPayPeriodSelectionContextual() {\n  const { companyId, employeeId, onEvent } = useFlow<DismissalFlowContextInterface>()\n  return (\n    <DismissalPayPeriodSelection\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function DismissalExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, breadcrumbs } = useFlow<DismissalFlowContextInterface>()\n\n  const payPeriodSelectionBreadcrumb = breadcrumbs?.['payPeriodSelection']?.[0]\n  const prefixBreadcrumbs = useMemo(() => {\n    return payPeriodSelectionBreadcrumb ? [payPeriodSelectionBreadcrumb] : undefined\n  }, [payPeriodSelectionBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <DismissalExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype DismissalExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction DismissalExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: DismissalExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll\n      {...rest}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelectionContextual","companyId","employeeId","onEvent","useFlow","jsx","DismissalPayPeriodSelection","ensureRequired","DismissalExecutionContextual","payrollUuid","breadcrumbs","payPeriodSelectionBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","DismissalExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AA0BO,SAASA,IAAwC;AACtD,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAA+B;AAC7C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,aAAAO,EAAA,IAAgBN,EAAA,GAEnDO,IAA+BD,GAAc,qBAAwB,CAAC,GACtEE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeN,CAAS,GAC5Cc,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA2B;AAAA,EAClC,WAAAhB;AAAA,EACA,WAAAiB;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAApB,GAAW,WAAAiB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAtB;AAAA,MACA,WAAAiB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAkB;AAAA,MACjB,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.js

@@ -1,73 +1,71 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useEffect as L, useMemo as p, useState as O } from "react";
-import { usePaySchedulesGetUnprocessedTerminationPeriodsSuspense as T } from "@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods";
-import { usePayrollsCreateOffCycleMutation as b } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
-import { OffCycleReason as g } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
-import { RFCDate as a } from "@gusto/embedded-api/types/rfcdate";
-import { useTranslation as M } from "react-i18next";
+import { jsx as d } from "react/jsx-runtime";
+import { useEffect as A, useMemo as y, useState as O } from "react";
+import { usePaySchedulesGetUnprocessedTerminationPeriodsSuspense as b } from "@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods";
+import { usePayrollsCreateOffCycleMutation as g } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
+import { OffCycleReason as L } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
+import { RFCDate as D } from "@gusto/embedded-api/types/rfcdate";
+import { useTranslation as T } from "react-i18next";
 import { DismissalPayPeriodSelectionPresentation as K } from "./DismissalPayPeriodSelectionPresentation.js";
-import { BaseComponent as $ } from "../../../Base/Base.js";
-import { useBase as k } from "../../../Base/useBase.js";
-import { componentEvents as S } from "../../../../shared/constants.js";
-import { SDKInternalError as d } from "../../../../types/sdkError.js";
-import { useComponentDictionary as N, useI18n as Y } from "../../../../i18n/I18n.js";
-import { formatPayPeriodRange as q, addBusinessDays as x } from "../../../../helpers/dateFormatting.js";
-import { ACH_LEAD_TIME_BUSINESS_DAYS as H } from "../../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
-function se(t) {
-  return /* @__PURE__ */ f($, { ...t, children: /* @__PURE__ */ f(I, { ...t }) });
+import { BaseComponent as M } from "../../../Base/Base.js";
+import { useBase as $ } from "../../../Base/useBase.js";
+import { componentEvents as p } from "../../../../shared/constants.js";
+import { SDKInternalError as u } from "../../../../types/sdkError.js";
+import { useComponentDictionary as q, useI18n as x } from "../../../../i18n/I18n.js";
+import { formatPayPeriodRange as N } from "../../../../helpers/dateFormatting.js";
+function oe(t) {
+  return /* @__PURE__ */ d(M, { ...t, children: /* @__PURE__ */ d(Y, { ...t }) });
 }
-const E = (t) => `${t.startDate}__${t.endDate}`;
-function I({ companyId: t, employeeId: n, payrollId: r, dictionary: w }) {
-  N("Payroll.Dismissal", w), Y("Payroll.Dismissal");
-  const { t: i } = M("Payroll.Dismissal"), { onEvent: l, baseSubmitHandler: C } = k(), { data: P } = T({ companyId: t }), { mutateAsync: _, isPending: h } = b(), U = !!r && !!n;
-  L(() => {
-    r && n && l(S.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid: r });
-  }, [r, n, l]);
-  const m = p(() => (P.unprocessedTerminationPayPeriodList ?? []).filter((o) => !n || o.employeeUuid === n).filter(
+const S = (t) => `${t.startDate}__${t.endDate}`;
+function Y({ companyId: t, employeeId: r, payrollId: n, dictionary: E }) {
+  q("Payroll.Dismissal", E), x("Payroll.Dismissal");
+  const { t: i } = T("Payroll.Dismissal"), { onEvent: l, baseSubmitHandler: C } = $(), { data: f } = b({ companyId: t }), { mutateAsync: w, isPending: U } = g(), v = !!n && !!r;
+  A(() => {
+    n && r && l(p.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid: n });
+  }, [n, r, l]);
+  const m = y(() => (f.unprocessedTerminationPayPeriodList ?? []).filter((o) => !r || o.employeeUuid === r).filter(
     (o) => !!o.startDate && !!o.endDate && !!o.employeeUuid
-  ), [P, n]), c = p(() => m.map((e) => {
-    const o = q(e.startDate, e.endDate), u = e.employeeName ? `${o} (${e.employeeName})` : o;
+  ), [f, r]), c = y(() => m.map((e) => {
+    const o = N(e.startDate, e.endDate), a = e.employeeName ? `${o} (${e.employeeName})` : o;
     return {
-      value: E(e),
-      label: u
+      value: S(e),
+      label: a
     };
-  }), [m]), A = c.length === 1 ? c[0].value : void 0, [s, B] = O(A), v = async () => {
+  }), [m]), h = c.length === 1 ? c[0].value : void 0, [s, B] = O(h), R = async () => {
     await C({ selectedPeriodKey: s }, async () => {
       if (s === void 0)
-        throw new d(i("errors.noPayPeriodSelected"));
-      const e = m.find((R) => E(R) === s);
+        throw new u(i("errors.noPayPeriodSelected"));
+      const e = m.find((_) => S(_) === s);
       if (!e)
-        throw new d(i("errors.invalidPayPeriod"));
-      const o = n ?? e.employeeUuid, u = e.checkDate ? new a(e.checkDate) : new a(x(/* @__PURE__ */ new Date(), H)), y = await _({
+        throw new u(i("errors.invalidPayPeriod"));
+      const o = r ?? e.employeeUuid, a = await w({
         request: {
           companyId: t,
           requestBody: {
             offCycle: !0,
-            offCycleReason: g.DismissedEmployee,
-            startDate: new a(e.startDate),
-            endDate: new a(e.endDate),
-            employeeUuids: [o],
-            checkDate: u
+            offCycleReason: L.DismissedEmployee,
+            startDate: new D(e.startDate),
+            endDate: new D(e.endDate),
+            employeeUuids: [o]
           }
         }
-      }), D = y.payrollUnprocessed?.payrollUuid ?? y.payrollUnprocessed?.uuid;
-      if (!D)
-        throw new d(i("errors.missingPayrollId"));
-      l(S.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid: D });
+      }), P = a.payrollUnprocessed?.payrollUuid ?? a.payrollUnprocessed?.uuid;
+      if (!P)
+        throw new u(i("errors.missingPayrollId"));
+      l(p.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid: P });
     });
   };
-  return U ? null : /* @__PURE__ */ f(
+  return v ? null : /* @__PURE__ */ d(
     K,
     {
       payPeriodOptions: c,
       selectedPeriodKey: s,
       onSelectPeriod: B,
-      onSubmit: v,
-      isPending: h
+      onSubmit: R,
+      isPending: U
     }
   );
 }
 export {
-  se as DismissalPayPeriodSelection
+  oe as DismissalPayPeriodSelection
 };
 //# sourceMappingURL=DismissalPayPeriodSelection.js.map

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissalPayPeriodSelection.js","sources":["../../../../../src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { usePaySchedulesGetUnprocessedTerminationPeriodsSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport type { UnprocessedTerminationPayPeriod } from '@gusto/embedded-api/models/components/unprocessedterminationpayperiod'\nimport { OffCycleReason } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useTranslation } from 'react-i18next'\nimport { DismissalPayPeriodSelectionPresentation } from './DismissalPayPeriodSelectionPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { addBusinessDays, formatPayPeriodRange } from '@/helpers/dateFormatting'\nimport { ACH_LEAD_TIME_BUSINESS_DAYS } from '@/components/Payroll/OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { SelectOption } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface DismissalPayPeriodSelectionProps extends BaseComponentInterface<'Payroll.Dismissal'> {\n  companyId: string\n  employeeId?: string\n  payrollId?: string\n}\n\nexport function DismissalPayPeriodSelection(props: DismissalPayPeriodSelectionProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ntype RequiredPayPeriod = UnprocessedTerminationPayPeriod &\n  Required<Pick<UnprocessedTerminationPayPeriod, 'startDate' | 'endDate' | 'employeeUuid'>>\n\nconst payPeriodKey = (period: RequiredPayPeriod) => `${period.startDate}__${period.endDate}`\n\nfunction Root({ companyId, employeeId, payrollId, dictionary }: DismissalPayPeriodSelectionProps) {\n  useComponentDictionary('Payroll.Dismissal', dictionary)\n  useI18n('Payroll.Dismissal')\n  const { t } = useTranslation('Payroll.Dismissal')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = usePaySchedulesGetUnprocessedTerminationPeriodsSuspense({ companyId })\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const shouldAutoAdvance = Boolean(payrollId) && Boolean(employeeId)\n\n  useEffect(() => {\n    if (payrollId && employeeId) {\n      onEvent(componentEvents.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid: payrollId })\n    }\n  }, [payrollId, employeeId, onEvent])\n\n  const employeePayPeriods: RequiredPayPeriod[] = useMemo(() => {\n    const allPeriods = data.unprocessedTerminationPayPeriodList ?? []\n    return allPeriods\n      .filter(period => !employeeId || period.employeeUuid === employeeId)\n      .filter(\n        (period): period is RequiredPayPeriod =>\n          Boolean(period.startDate) && Boolean(period.endDate) && Boolean(period.employeeUuid),\n      )\n  }, [data, employeeId])\n\n  const payPeriodOptions: SelectOption[] = useMemo(() => {\n    return employeePayPeriods.map(period => {\n      const dateRange = formatPayPeriodRange(period.startDate, period.endDate)\n      const label = period.employeeName ? `${dateRange} (${period.employeeName})` : dateRange\n      return {\n        value: payPeriodKey(period),\n        label,\n      }\n    })\n  }, [employeePayPeriods])\n\n  const initialSelection = payPeriodOptions.length === 1 ? payPeriodOptions[0]!.value : undefined\n  const [selectedPeriodKey, setSelectedPeriodKey] = useState(initialSelection)\n\n  const handleSubmit = async () => {\n    await baseSubmitHandler({ selectedPeriodKey }, async () => {\n      if (selectedPeriodKey === undefined) {\n        throw new SDKInternalError(t('errors.noPayPeriodSelected'))\n      }\n\n      const period = employeePayPeriods.find(p => payPeriodKey(p) === selectedPeriodKey)\n      if (!period) {\n        throw new SDKInternalError(t('errors.invalidPayPeriod'))\n      }\n\n      const resolvedEmployeeId = employeeId ?? period.employeeUuid\n\n      const checkDate = period.checkDate\n        ? new RFCDate(period.checkDate)\n        : new RFCDate(addBusinessDays(new Date(), ACH_LEAD_TIME_BUSINESS_DAYS))\n\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.DismissedEmployee,\n            startDate: new RFCDate(period.startDate),\n            endDate: new RFCDate(period.endDate),\n            employeeUuids: [resolvedEmployeeId],\n            checkDate,\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(t('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid })\n    })\n  }\n\n  if (shouldAutoAdvance) {\n    return null\n  }\n\n  return (\n    <DismissalPayPeriodSelectionPresentation\n      payPeriodOptions={payPeriodOptions}\n      selectedPeriodKey={selectedPeriodKey}\n      onSelectPeriod={setSelectedPeriodKey}\n      onSubmit={handleSubmit}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelection","props","jsx","BaseComponent","Root","payPeriodKey","period","companyId","employeeId","payrollId","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","data","usePaySchedulesGetUnprocessedTerminationPeriodsSuspense","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","shouldAutoAdvance","useEffect","componentEvents","employeePayPeriods","useMemo","payPeriodOptions","dateRange","formatPayPeriodRange","label","initialSelection","selectedPeriodKey","setSelectedPeriodKey","useState","handleSubmit","SDKInternalError","p","resolvedEmployeeId","checkDate","RFCDate","addBusinessDays","ACH_LEAD_TIME_BUSINESS_DAYS","response","OffCycleReason","payrollUuid","DismissalPayPeriodSelectionPresentation"],"mappings":"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"}
+{"version":3,"file":"DismissalPayPeriodSelection.js","sources":["../../../../../src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { usePaySchedulesGetUnprocessedTerminationPeriodsSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport type { UnprocessedTerminationPayPeriod } from '@gusto/embedded-api/models/components/unprocessedterminationpayperiod'\nimport { OffCycleReason } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useTranslation } from 'react-i18next'\nimport { DismissalPayPeriodSelectionPresentation } from './DismissalPayPeriodSelectionPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { formatPayPeriodRange } from '@/helpers/dateFormatting'\nimport type { SelectOption } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface DismissalPayPeriodSelectionProps extends BaseComponentInterface<'Payroll.Dismissal'> {\n  companyId: string\n  employeeId?: string\n  payrollId?: string\n}\n\nexport function DismissalPayPeriodSelection(props: DismissalPayPeriodSelectionProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ntype RequiredPayPeriod = UnprocessedTerminationPayPeriod &\n  Required<Pick<UnprocessedTerminationPayPeriod, 'startDate' | 'endDate' | 'employeeUuid'>>\n\nconst payPeriodKey = (period: RequiredPayPeriod) => `${period.startDate}__${period.endDate}`\n\nfunction Root({ companyId, employeeId, payrollId, dictionary }: DismissalPayPeriodSelectionProps) {\n  useComponentDictionary('Payroll.Dismissal', dictionary)\n  useI18n('Payroll.Dismissal')\n  const { t } = useTranslation('Payroll.Dismissal')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = usePaySchedulesGetUnprocessedTerminationPeriodsSuspense({ companyId })\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const shouldAutoAdvance = Boolean(payrollId) && Boolean(employeeId)\n\n  useEffect(() => {\n    if (payrollId && employeeId) {\n      onEvent(componentEvents.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid: payrollId })\n    }\n  }, [payrollId, employeeId, onEvent])\n\n  const employeePayPeriods: RequiredPayPeriod[] = useMemo(() => {\n    const allPeriods = data.unprocessedTerminationPayPeriodList ?? []\n    return allPeriods\n      .filter(period => !employeeId || period.employeeUuid === employeeId)\n      .filter(\n        (period): period is RequiredPayPeriod =>\n          Boolean(period.startDate) && Boolean(period.endDate) && Boolean(period.employeeUuid),\n      )\n  }, [data, employeeId])\n\n  const payPeriodOptions: SelectOption[] = useMemo(() => {\n    return employeePayPeriods.map(period => {\n      const dateRange = formatPayPeriodRange(period.startDate, period.endDate)\n      const label = period.employeeName ? `${dateRange} (${period.employeeName})` : dateRange\n      return {\n        value: payPeriodKey(period),\n        label,\n      }\n    })\n  }, [employeePayPeriods])\n\n  const initialSelection = payPeriodOptions.length === 1 ? payPeriodOptions[0]!.value : undefined\n  const [selectedPeriodKey, setSelectedPeriodKey] = useState(initialSelection)\n\n  const handleSubmit = async () => {\n    await baseSubmitHandler({ selectedPeriodKey }, async () => {\n      if (selectedPeriodKey === undefined) {\n        throw new SDKInternalError(t('errors.noPayPeriodSelected'))\n      }\n\n      const period = employeePayPeriods.find(p => payPeriodKey(p) === selectedPeriodKey)\n      if (!period) {\n        throw new SDKInternalError(t('errors.invalidPayPeriod'))\n      }\n\n      const resolvedEmployeeId = employeeId ?? period.employeeUuid\n\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.DismissedEmployee,\n            startDate: new RFCDate(period.startDate),\n            endDate: new RFCDate(period.endDate),\n            employeeUuids: [resolvedEmployeeId],\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(t('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid })\n    })\n  }\n\n  if (shouldAutoAdvance) {\n    return null\n  }\n\n  return (\n    <DismissalPayPeriodSelectionPresentation\n      payPeriodOptions={payPeriodOptions}\n      selectedPeriodKey={selectedPeriodKey}\n      onSelectPeriod={setSelectedPeriodKey}\n      onSubmit={handleSubmit}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelection","props","jsx","BaseComponent","Root","payPeriodKey","period","companyId","employeeId","payrollId","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","data","usePaySchedulesGetUnprocessedTerminationPeriodsSuspense","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","shouldAutoAdvance","useEffect","componentEvents","employeePayPeriods","useMemo","payPeriodOptions","dateRange","formatPayPeriodRange","label","initialSelection","selectedPeriodKey","setSelectedPeriodKey","useState","handleSubmit","SDKInternalError","p","resolvedEmployeeId","response","OffCycleReason","RFCDate","payrollUuid","DismissalPayPeriodSelectionPresentation"],"mappings":"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"}

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js

@@ -18,12 +18,13 @@ import "@gusto/embedded-api/models/errors/httpclienterrors";
 import { formatNumberAsCurrency as L } from "../../../helpers/formattedStrings.js";
 import "../../../shared/constants.js";
 import { useComponentContext as V } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { useI18n as E } from "../../../i18n/I18n.js";
 import { NumberInputField as T } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 const q = w.object({
   netPay: w.number().positive()
 });
-function pe({ isOpen: n, onCalculateGrossUp: P, onApply: A, onCancel: u }) {
+function fe({ isOpen: n, onCalculateGrossUp: P, onApply: A, onCancel: u }) {
   E("Payroll.GrossUpModal");
   const { t: r } = k("Payroll.GrossUpModal"), { Modal: N, Heading: d, Text: p, Button: i, Alert: f } = V(), { baseSubmitHandler: y } = H(), x = R(null), [l, c] = o(null), [h, m] = o(null), [g, b] = o(!1), [F, C] = o(!1), s = U({
     resolver: z(q),
@@ -109,6 +110,6 @@ function pe({ isOpen: n, onCalculateGrossUp: P, onApply: A, onCancel: u }) {
   );
 }
 export {
-  pe as GrossUpModal
+  fe as GrossUpModal
 };
 //# sourceMappingURL=GrossUpModal.js.map

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, Flex, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\nexport function GrossUpModal({ isOpen, onCalculateGrossUp, onApply, onCancel }: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isCalculating, setIsCalculating] = useState(false)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n    setIsCalculating(true)\n\n    await baseSubmitHandler(null, async () => {\n      try {\n        const result = await onCalculateGrossUp(data.netPay)\n\n        if (result) {\n          setCalculatedGrossUp(result)\n        } else {\n          setErrorMessage(t('errorMessage'))\n        }\n      } finally {\n        setIsCalculating(false)\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button\n            variant=\"primary\"\n            isDisabled={!calculatedGrossUp}\n            onClick={handleApply}\n            isLoading={isApplying}\n          >\n            {t('applyCta')}\n          </Button>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.header}>\n          <Heading as=\"h2\" styledAs=\"h3\">\n            {t('title')}\n          </Heading>\n          <Text variant=\"supporting\" as=\"p\">\n            {t('description')}\n          </Text>\n        </div>\n\n        <div className={styles.content}>\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.alert}>\n            <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n          </div>\n\n          <Flex flexDirection=\"row\" gap={8}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              min={0}\n              isRequired\n            />\n            <Button\n              variant=\"secondary\"\n              className={styles.calculateButton}\n              isDisabled={isCalculating}\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n            >\n              {isCalculating ? t('calculatingCta') : t('calculateCta')}\n            </Button>\n          </Flex>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.result}>\n                <Text size=\"sm\" variant=\"supporting\" weight=\"semibold\">\n                  {t('grossPayResult')}\n                </Text>\n                <Heading as=\"h3\">{formatNumberAsCurrency(parseFloat(calculatedGrossUp))}</Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isCalculating","setIsCalculating","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","jsx","ActionsLayout","jsxs","FormProvider","styles","Flex","NumberInputField","Fragment"],"mappings":"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"}
+{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, Flex, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\nexport function GrossUpModal({ isOpen, onCalculateGrossUp, onApply, onCancel }: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isCalculating, setIsCalculating] = useState(false)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n    setIsCalculating(true)\n\n    await baseSubmitHandler(null, async () => {\n      try {\n        const result = await onCalculateGrossUp(data.netPay)\n\n        if (result) {\n          setCalculatedGrossUp(result)\n        } else {\n          setErrorMessage(t('errorMessage'))\n        }\n      } finally {\n        setIsCalculating(false)\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button\n            variant=\"primary\"\n            isDisabled={!calculatedGrossUp}\n            onClick={handleApply}\n            isLoading={isApplying}\n          >\n            {t('applyCta')}\n          </Button>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.header}>\n          <Heading as=\"h2\" styledAs=\"h3\">\n            {t('title')}\n          </Heading>\n          <Text variant=\"supporting\" as=\"p\">\n            {t('description')}\n          </Text>\n        </div>\n\n        <div className={styles.content}>\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.alert}>\n            <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n          </div>\n\n          <Flex flexDirection=\"row\" gap={8}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              min={0}\n              isRequired\n            />\n            <Button\n              variant=\"secondary\"\n              className={styles.calculateButton}\n              isDisabled={isCalculating}\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n            >\n              {isCalculating ? t('calculatingCta') : t('calculateCta')}\n            </Button>\n          </Flex>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.result}>\n                <Text size=\"sm\" variant=\"supporting\" weight=\"semibold\">\n                  {t('grossPayResult')}\n                </Text>\n                <Heading as=\"h3\">{formatNumberAsCurrency(parseFloat(calculatedGrossUp))}</Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isCalculating","setIsCalculating","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","jsx","ActionsLayout","jsxs","FormProvider","styles","Flex","NumberInputField","Fragment"],"mappings":"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"}

package/dist/components/Payroll/GrossUpModal/GrossUpModal.module.scss.js

@@ -1,15 +1,15 @@
-const t = "_content_8srpf_1", e = "_header_8srpf_8", s = "_alert_8srpf_14", c = "_calculateButton_8srpf_18", n = "_result_8srpf_26", r = {
+const t = "_content_wjov6_1", e = "_header_wjov6_8", o = "_alert_wjov6_14", c = "_calculateButton_wjov6_18", n = "_result_wjov6_25", _ = {
   content: t,
   header: e,
-  alert: s,
+  alert: o,
   calculateButton: c,
   result: n
 };
 export {
-  s as alert,
+  o as alert,
   c as calculateButton,
   t as content,
-  r as default,
+  _ as default,
   e as header,
   n as result
 };