@gusto/embedded-react-sdk 0.55.7 → 0.56.0

package/dist/components/Employee/PaymentMethod/onboarding/BankForm.js

@@ -1,13 +1,13 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { useTranslation as p } from "react-i18next";
 import { useOnboardingBankFormDictionary as d } from "./useFormDictionary.js";
-import { Flex as l } from "../../../Common/Flex/Flex.js";
-import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { componentEvents as r } from "../../../../shared/constants.js";
+import { Flex as f } from "../../../Common/Flex/Flex.js";
 import { BankFormBody as C } from "../shared/BankFormBody/BankFormBody.js";
 function F({ employeeId: t, onEvent: o, ...m }) {
-  const e = d(), { t: i } = p("Employee.PaymentMethod"), a = f();
-  return /* @__PURE__ */ c(l, { flexDirection: "column", gap: 32, children: [
+  const e = d(), { t: i } = p("Employee.PaymentMethod"), a = l();
+  return /* @__PURE__ */ c(f, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ n(a.Heading, { as: "h1", styledAs: "h2", children: i("addBankAccountFormTitle") }),
     /* @__PURE__ */ n(
       C,

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

@@ -1,29 +1,29 @@
 import { jsx as p } 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 b } from "@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations";
-import { useEmployeeEmploymentsCreateTerminationMutation as I } from "@gusto/embedded-api/react-query/employeeEmploymentsCreateTermination";
-import { useEmployeeEmploymentsUpdateTerminationMutation as B } from "@gusto/embedded-api/react-query/employeeEmploymentsUpdateTermination";
-import { usePayrollsCreateOffCycleMutation as G } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
-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 { useQueryClient as Y } from "@tanstack/react-query";
+import { useEmployeesGetSuspense as q } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeeEmploymentsGetTerminationsSuspense as b, invalidateAllEmployeeEmploymentsGetTerminations as I } from "@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations";
+import { useEmployeeEmploymentsCreateTerminationMutation as B } from "@gusto/embedded-api/react-query/employeeEmploymentsCreateTermination";
+import { useEmployeeEmploymentsUpdateTerminationMutation as G } from "@gusto/embedded-api/react-query/employeeEmploymentsUpdateTermination";
+import { usePayrollsCreateOffCycleMutation as k } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
+import { usePaySchedulesGetUnprocessedTerminationPeriods as x, invalidateAllPaySchedulesGetUnprocessedTerminationPeriods as W } from "@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods";
+import { invalidateAllPayrollsList as F } from "@gusto/embedded-api/react-query/payrollsList";
+import { OffCycleReason as H } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
 import { RFCDate as E } 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";
+import { TerminateEmployeePresentation as j } from "./TerminateEmployeePresentation.js";
+import { BaseComponent as Q } from "../../../Base/Base.js";
+import { useBase as V } from "../../../Base/useBase.js";
 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";
-import { formatDateToStringDate as K } from "../../../../helpers/dateFormatting.js";
-function De(e) {
-  return /* @__PURE__ */ p(j, { ...e, children: /* @__PURE__ */ p(X, { ...e, children: e.children }) });
+import { useComponentDictionary as z, useI18n as J } from "../../../../i18n/I18n.js";
+import { firstLastName as K } from "../../../../helpers/formattedStrings.js";
+import { formatDateToStringDate as X } from "../../../../helpers/dateFormatting.js";
+function Ce(e) {
+  return /* @__PURE__ */ p(Q, { ...e, children: /* @__PURE__ */ p(Z, { ...e, children: e.children }) });
 }
-const X = ({ employeeId: e, companyId: y, dictionary: D }) => {
-  V("Employee.Terminations.TerminateEmployee", D), z("Employee.Terminations.TerminateEmployee");
-  const c = S(), { onEvent: i, baseSubmitHandler: C } = Q(), {
+const Z = ({ employeeId: e, companyId: y, dictionary: D, className: C }) => {
+  z("Employee.Terminations.TerminateEmployee", D), J("Employee.Terminations.TerminateEmployee");
+  const c = Y(), { onEvent: i, baseSubmitHandler: A } = V(), {
     data: { employee: u }
-  } = Y({ employeeId: e }), { data: r } = q({ employeeId: e }), { mutateAsync: A, isPending: O } = I(), { mutateAsync: h, isPending: N } = B(), { mutateAsync: M, isPending: _ } = G(), { refetch: R } = k(
+  } = q({ employeeId: e }), { data: r } = b({ employeeId: e }), { mutateAsync: O, isPending: h } = B(), { mutateAsync: N, isPending: M } = G(), { mutateAsync: _, isPending: R } = k(), { refetch: L } = x(
     { companyId: y },
     { enabled: !1 }
   );
@@ -33,19 +33,19 @@ const X = ({ employeeId: e, companyId: y, dictionary: D }) => {
       effectiveDate: r.terminations[0].effectiveDate,
       termination: r.terminations[0]
     }), null;
-  const L = J({
+  const g = K({
     first_name: u?.firstName,
     last_name: u?.lastName
   }), s = r.terminations?.[0];
   return /* @__PURE__ */ p(
-    H,
+    j,
     {
-      employeeName: L,
+      employeeName: g,
       existingTermination: s,
-      onSubmit: async (g) => {
-        const { lastDayOfWork: U, payrollOption: o } = g, m = K(U);
-        await C({ effectiveDate: m, payrollOption: o }, async () => {
-          const l = o === "dismissalPayroll", d = s ? await h({
+      onSubmit: async (U) => {
+        const { lastDayOfWork: v, payrollOption: o } = U, m = X(v);
+        await A({ effectiveDate: m, payrollOption: o }, async () => {
+          const l = o === "dismissalPayroll", d = s ? await N({
             request: {
               employeeId: e,
               requestBody: {
@@ -54,7 +54,7 @@ const X = ({ employeeId: e, companyId: y, dictionary: D }) => {
                 runTerminationPayroll: l
               }
             }
-          }) : await A({
+          }) : await O({
             request: {
               employeeId: e,
               requestBody: {
@@ -63,21 +63,21 @@ const X = ({ employeeId: e, companyId: y, dictionary: D }) => {
               }
             }
           });
-          await b(c);
+          await I(c);
           let T;
           if (l)
             try {
-              const { data: f } = await R(), w = f?.unprocessedTerminationPayPeriods?.filter(
+              const { data: f } = await L(), S = f?.unprocessedTerminationPayPeriods?.filter(
                 (t) => t.employeeUuid === e
               ) ?? [], a = [];
-              for (const t of w)
+              for (const t of S)
                 if (t.startDate && t.endDate) {
-                  const P = await M({
+                  const P = await _({
                     request: {
                       companyId: y,
                       requestBody: {
                         offCycle: !0,
-                        offCycleReason: F.DismissedEmployee,
+                        offCycleReason: H.DismissedEmployee,
                         startDate: new E(t.startDate),
                         endDate: new E(t.endDate),
                         employeeUuids: [e],
@@ -87,7 +87,7 @@ const X = ({ employeeId: e, companyId: y, dictionary: D }) => {
                   });
                   P.payrollUnprocessed && a.push(P.payrollUnprocessed);
                 }
-              a.length > 0 && (T = a[0]?.payrollUuid ?? a[0]?.uuid, await W(c), await x(c), i(n.EMPLOYEE_TERMINATION_PAYROLL_CREATED, {
+              a.length > 0 && (T = a[0]?.payrollUuid ?? a[0]?.uuid, await F(c), await W(c), i(n.EMPLOYEE_TERMINATION_PAYROLL_CREATED, {
                 payrolls: a
               }));
             } catch (f) {
@@ -96,8 +96,8 @@ const X = ({ employeeId: e, companyId: y, dictionary: D }) => {
                 employeeId: e
               });
             }
-          const v = s ? n.EMPLOYEE_TERMINATION_UPDATED : n.EMPLOYEE_TERMINATION_CREATED;
-          i(v, {
+          const w = s ? n.EMPLOYEE_TERMINATION_UPDATED : n.EMPLOYEE_TERMINATION_CREATED;
+          i(w, {
             termination: d.termination,
             payrollOption: o,
             runTerminationPayroll: l
@@ -114,11 +114,12 @@ const X = ({ employeeId: e, companyId: y, dictionary: D }) => {
       onCancel: () => {
         i(n.CANCEL);
       },
-      isLoading: O || N || _
+      isLoading: h || M || R,
+      className: C
     }
   );
 };
 export {
-  De as TerminateEmployee
+  Ce as TerminateEmployee
 };
 //# sourceMappingURL=TerminateEmployee.js.map

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'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\n/**\n * Props for {@link TerminateEmployee}.\n *\n * @public\n */\nexport interface TerminateEmployeeProps extends BaseComponentInterface<'Employee.Terminations.TerminateEmployee'> {\n  /** The employee identifier to terminate. */\n  employeeId: string\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Form values collected by {@link TerminateEmployee}.\n *\n * @public\n */\nexport interface TerminateEmployeeFormData {\n  /** The effective date of the termination — the employee's last day of work. */\n  lastDayOfWork: Date\n  /** How to process the employee's final paycheck. */\n  payrollOption: PayrollOption\n}\n\n/**\n * Standalone form for capturing an employee's termination details — last day of work and how to process final payroll.\n *\n * @remarks\n * The main termination form used inside {@link TerminationFlow}. Detects existing\n * terminations and pre-populates for editing when one is active, or routes to\n * the summary view (via the `employee/termination/viewSummary` event) when the\n * employee is already terminated.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/termination/created` | Fired when a new termination is created | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption }` |\n * | `employee/termination/updated` | Fired when an existing termination is updated | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption }` |\n * | `employee/termination/done` | Fired when the termination form is completed | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption, payrollUuid?: string }` |\n * | `employee/termination/viewSummary` | Fired when redirecting to view an existing termination | `{ employeeId: string, effectiveDate: string }` |\n * | `employee/termination/payrollCreated` | Fired after a dismissal-payroll period was successfully created | `{ payrolls: PayrollUnprocessed[] }` |\n * | `employee/termination/payrollFailed` | Fired if creating a dismissal payroll fails | `{ employeeId: string, error: unknown }` |\n * | `CANCEL` | Fired when the user clicks Cancel | — |\n *\n * @param props - See {@link TerminateEmployeeProps}.\n * @returns The termination form.\n * @public\n * @group Block components\n *\n * @example\n * ```tsx\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeManagement.TerminateEmployee\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\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.terminations?.[0]) {\n    onEvent(componentEvents.EMPLOYEE_TERMINATION_VIEW_SUMMARY, {\n      employeeId,\n      effectiveDate: terminationsData.terminations[0].effectiveDate!,\n      termination: terminationsData.terminations[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.terminations?.[0]\n\n  const handleSubmit = async (formData: TerminateEmployeeFormData) => {\n    const { lastDayOfWork, payrollOption } = formData\n    const effectiveDate = formatDateToStringDate(lastDayOfWork)!\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?.unprocessedTerminationPayPeriods?.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","formatDateToStringDate","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'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\n/**\n * Props for {@link TerminateEmployee}.\n *\n * @public\n */\nexport interface TerminateEmployeeProps extends BaseComponentInterface<'Employee.Terminations.TerminateEmployee'> {\n  /** The employee identifier to terminate. */\n  employeeId: string\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Form values collected by {@link TerminateEmployee}.\n *\n * @public\n */\nexport interface TerminateEmployeeFormData {\n  /** The effective date of the termination — the employee's last day of work. */\n  lastDayOfWork: Date\n  /** How to process the employee's final paycheck. */\n  payrollOption: PayrollOption\n}\n\n/**\n * Standalone form for capturing an employee's termination details — last day of work and how to process final payroll.\n *\n * @remarks\n * The main termination form used inside {@link TerminationFlow}. Detects existing\n * terminations and pre-populates for editing when one is active, or routes to\n * the summary view (via the `employee/termination/viewSummary` event) when the\n * employee is already terminated.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/termination/created` | Fired when a new termination is created | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption }` |\n * | `employee/termination/updated` | Fired when an existing termination is updated | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption }` |\n * | `employee/termination/done` | Fired when the termination form is completed | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption, payrollUuid?: string }` |\n * | `employee/termination/viewSummary` | Fired when redirecting to view an existing termination | `{ employeeId: string, effectiveDate: string }` |\n * | `employee/termination/payrollCreated` | Fired after a dismissal-payroll period was successfully created | `{ payrolls: PayrollUnprocessed[] }` |\n * | `employee/termination/payrollFailed` | Fired if creating a dismissal payroll fails | `{ employeeId: string, error: unknown }` |\n * | `CANCEL` | Fired when the user clicks Cancel | — |\n *\n * @param props - See {@link TerminateEmployeeProps}.\n * @returns The termination form.\n * @public\n * @group Block components\n *\n * @example\n * ```tsx\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeManagement.TerminateEmployee\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\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, className }: 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.terminations?.[0]) {\n    onEvent(componentEvents.EMPLOYEE_TERMINATION_VIEW_SUMMARY, {\n      employeeId,\n      effectiveDate: terminationsData.terminations[0].effectiveDate!,\n      termination: terminationsData.terminations[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.terminations?.[0]\n\n  const handleSubmit = async (formData: TerminateEmployeeFormData) => {\n    const { lastDayOfWork, payrollOption } = formData\n    const effectiveDate = formatDateToStringDate(lastDayOfWork)!\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?.unprocessedTerminationPayPeriods?.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      className={className}\n    />\n  )\n}\n"],"names":["TerminateEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","dictionary","className","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","formatDateToStringDate","runTerminationPayroll","result","invalidateAllEmployeeEmploymentsGetTerminations","firstPayrollUuid","terminationPeriodsData","employeePeriods","period","createdPayrolls","terminationPeriod","payrollResult","OffCycleReason","RFCDate","invalidateAllPayrollsList","invalidateAllPaySchedulesGetUnprocessedTerminationPeriods","payrollError","eventType"],"mappings":";;;;;;;;;;;;;;;;;;AA0FO,SAASA,GAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,WAAAC,QAAwC;AACzF,EAAAC,EAAuB,2CAA2CF,CAAU,GAC5EG,EAAQ,yCAAyC;AAEjD,QAAMC,IAAcC,EAAA,GACd,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAwB,EAAE,YAAAZ,GAAY,GAEpC,EAAE,MAAMa,EAAA,IAAqBC,EAA8C,EAAE,YAAAd,GAAY,GAEzF,EAAE,aAAae,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEI,EAAE,aAAaC,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEI,EAAE,aAAaC,GAAuB,WAAWC,EAAA,IACrDC,EAAA,GAEI,EAAE,SAASC,EAAA,IAA4BC;AAAA,IAC3C,EAAE,WAAAxB,EAAA;AAAA,IACF,EAAE,SAAS,GAAA;AAAA,EAAM;AAKnB,MAAIU,GAAU,cAAcE,EAAiB,eAAe,CAAC;AAC3D,WAAAL,EAAQkB,EAAgB,mCAAmC;AAAA,MACzD,YAAA1B;AAAA,MACA,eAAea,EAAiB,aAAa,CAAC,EAAE;AAAA,MAChD,aAAaA,EAAiB,aAAa,CAAC;AAAA,IAAA,CAC7C,GACM;AAGT,QAAMc,IAAeC,EAAc;AAAA,IACjC,YAAYjB,GAAU;AAAA,IACtB,WAAWA,GAAU;AAAA,EAAA,CACtB,GAEKkB,IAAsBhB,EAAiB,eAAe,CAAC;AAkH7D,SACE,gBAAAhB;AAAA,IAACiC;AAAA,IAAA;AAAA,MACC,cAAAH;AAAA,MACA,qBAAAE;AAAA,MACA,UApHiB,OAAOE,MAAwC;AAClE,cAAM,EAAE,eAAAC,GAAe,eAAAC,EAAA,IAAkBF,GACnCG,IAAgBC,EAAuBH,CAAa;AAE1D,cAAMvB,EAAkB,EAAE,eAAAyB,GAAe,eAAAD,EAAA,GAAiB,YAAY;AACpE,gBAAMG,IAAwBH,MAAkB,oBAE1CI,IAASR,IACX,MAAMX,EAAkB;AAAA,YACtB,SAAS;AAAA,cACP,YAAAlB;AAAA,cACA,aAAa;AAAA,gBACX,SAAS6B,EAAoB;AAAA,gBAC7B,eAAAK;AAAA,gBACA,uBAAAE;AAAA,cAAA;AAAA,YACF;AAAA,UACF,CACD,IACD,MAAMrB,EAAkB;AAAA,YACtB,SAAS;AAAA,cACP,YAAAf;AAAA,cACA,aAAa;AAAA,gBACX,eAAAkC;AAAA,gBACA,uBAAAE;AAAA,cAAA;AAAA,YACF;AAAA,UACF,CACD;AAEL,gBAAME,EAAgDhC,CAAW;AAEjE,cAAIiC;AAEJ,cAAIH;AACF,gBAAI;AACF,oBAAM,EAAE,MAAMI,EAAA,IAA2B,MAAMhB,EAAA,GAEzCiB,IACJD,GAAwB,kCAAkC;AAAA,gBACxD,CAAAE,MAAUA,EAAO,iBAAiB1C;AAAA,cAAA,KAC/B,CAAA,GAED2C,IAAkB,CAAA;AAExB,yBAAWC,KAAqBH;AAC9B,oBAAIG,EAAkB,aAAaA,EAAkB,SAAS;AAC5D,wBAAMC,IAAgB,MAAMxB,EAAsB;AAAA,oBAChD,SAAS;AAAA,sBACP,WAAApB;AAAA,sBACA,aAAa;AAAA,wBACX,UAAU;AAAA,wBACV,gBAAgB6C,EAAe;AAAA,wBAC/B,WAAW,IAAIC,EAAQH,EAAkB,SAAS;AAAA,wBAClD,SAAS,IAAIG,EAAQH,EAAkB,OAAO;AAAA,wBAC9C,eAAe,CAAC5C,CAAU;AAAA,wBAC1B,WAAW4C,EAAkB,YACzB,IAAIG,EAAQH,EAAkB,SAAS,IACvC;AAAA,sBAAA;AAAA,oBACN;AAAA,kBACF,CACD;AAED,kBAAIC,EAAc,sBAChBF,EAAgB,KAAKE,EAAc,kBAAkB;AAAA,gBAEzD;AAGF,cAAIF,EAAgB,SAAS,MAC3BJ,IAAmBI,EAAgB,CAAC,GAAG,eAAeA,EAAgB,CAAC,GAAG,MAE1E,MAAMK,EAA0B1C,CAAW,GAC3C,MAAM2C,EAA0D3C,CAAW,GAE3EE,EAAQkB,EAAgB,sCAAsC;AAAA,gBAC5D,UAAUiB;AAAA,cAAA,CACX;AAAA,YAEL,SAASO,GAAc;AACrB,cAAA1C,EAAQkB,EAAgB,qCAAqC;AAAA,gBAC3D,OAAOwB;AAAA,gBACP,YAAAlD;AAAA,cAAA,CACD;AAAA,YACH;AAGF,gBAAMmD,IAAYtB,IACdH,EAAgB,+BAChBA,EAAgB;AAEpB,UAAAlB,EAAQ2C,GAAW;AAAA,YACjB,aAAad,EAAO;AAAA,YACpB,eAAAJ;AAAA,YACA,uBAAAG;AAAA,UAAA,CACD,GAED5B,EAAQkB,EAAgB,2BAA2B;AAAA,YACjD,YAAA1B;AAAA,YACA,eAAAkC;AAAA,YACA,eAAAD;AAAA,YACA,aAAaM;AAAA,YACb,aAAaF,EAAO;AAAA,YACpB,GAAIJ,MAAkB,gBAAgB,EAAE,gBAAgB,GAAA;AAAA,UAAK,CAC9D;AAAA,QACH,CAAC;AAAA,MACH;AAAA,MAaI,UAXiB,MAAM;AACzB,QAAAzB,EAAQkB,EAAgB,MAAM;AAAA,MAChC;AAAA,MAUI,WARcV,KAAyBG,KAAyBG;AAAA,MAShE,WAAAnB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,38 +1,39 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as v } from "react-i18next";
+import { useTranslation as D } from "react-i18next";
 import t from "zod";
-import { useForm as D, FormProvider as g } from "react-hook-form";
-import { zodResolver as x } from "@hookform/resolvers/zod";
+import { useForm as g, FormProvider as x } from "react-hook-form";
+import { zodResolver as E } from "@hookform/resolvers/zod";
 import { Flex as a } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as E } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as R } from "../../../Common/Form/Form.js";
-import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as F } from "../../../../i18n/I18n.js";
-import { normalizeToDate as W } from "../../../../helpers/dateFormatting.js";
-import { RadioGroupField as q } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { DatePickerField as k } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-const j = t.object({
+import { ActionsLayout as R } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as T } from "../../../Common/Form/Form.js";
+import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as W } from "../../../../i18n/I18n.js";
+import { normalizeToDate as q } from "../../../../helpers/dateFormatting.js";
+import { RadioGroupField as k } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { DatePickerField as j } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+const z = t.object({
   lastDayOfWork: t.date({ error: "validation.lastDayRequired" }),
   payrollOption: t.enum(["dismissalPayroll", "regularPayroll", "anotherWay"], {
     error: "validation.payrollOptionRequired"
   })
 });
-function K({
+function L({
   employeeName: n,
   existingTermination: e,
   onSubmit: y,
   onCancel: c,
-  isLoading: s
+  isLoading: s,
+  className: u
 }) {
-  const { Alert: u, Heading: f, Text: p, Button: m } = T();
-  F("Employee.Terminations.TerminateEmployee");
-  const { t: o } = v("Employee.Terminations.TerminateEmployee"), O = (P) => P.runTerminationPayroll === !0 ? "dismissalPayroll" : "regularPayroll", h = {
-    lastDayOfWork: W(e?.effectiveDate) ?? void 0,
-    payrollOption: e ? O(e) : "dismissalPayroll"
-  }, i = D({
-    resolver: x(j),
-    defaultValues: h
-  }), d = i.watch("payrollOption"), b = [
+  const { Alert: f, Heading: O, Text: p, Button: m } = F();
+  W("Employee.Terminations.TerminateEmployee");
+  const { t: o } = D("Employee.Terminations.TerminateEmployee"), h = (v) => v.runTerminationPayroll === !0 ? "dismissalPayroll" : "regularPayroll", b = {
+    lastDayOfWork: q(e?.effectiveDate) ?? void 0,
+    payrollOption: e ? h(e) : "dismissalPayroll"
+  }, i = g({
+    resolver: E(z),
+    defaultValues: b
+  }), d = i.watch("payrollOption"), P = [
     {
       value: "dismissalPayroll",
       label: o("form.payrollOption.options.dismissalPayroll.label"),
@@ -49,14 +50,14 @@ function K({
       description: o("form.payrollOption.options.anotherWay.description")
     }
   ];
-  return /* @__PURE__ */ r(g, { ...i, children: /* @__PURE__ */ r(R, { onSubmit: i.handleSubmit(y), children: /* @__PURE__ */ l(a, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ r(x, { ...i, children: /* @__PURE__ */ r(T, { onSubmit: i.handleSubmit(y), children: /* @__PURE__ */ l(a, { className: u, flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ l(a, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ r(f, { as: "h2", children: o("title", { employeeName: n }) }),
+      /* @__PURE__ */ r(O, { as: "h2", children: o("title", { employeeName: n }) }),
       /* @__PURE__ */ r(p, { variant: "supporting", children: o("subtitle") })
     ] }),
     /* @__PURE__ */ l(a, { flexDirection: "column", gap: 24, children: [
       /* @__PURE__ */ r(
-        k,
+        j,
         {
           name: "lastDayOfWork",
           label: o("form.lastDayOfEmployment.label"),
@@ -66,25 +67,25 @@ function K({
         }
       ),
       /* @__PURE__ */ r(
-        q,
+        k,
         {
           name: "payrollOption",
           label: o("form.payrollOption.label"),
           description: o("form.payrollOption.description"),
-          options: b,
+          options: P,
           isRequired: !0,
           errorMessage: o("validation.payrollOptionRequired")
         }
       ),
-      /* @__PURE__ */ r(u, { status: "warning", label: o(`alert.${d}.label`), children: /* @__PURE__ */ r(p, { children: o(`alert.${d}.text`, { employeeName: n }) }) })
+      /* @__PURE__ */ r(f, { status: "warning", label: o(`alert.${d}.label`), children: /* @__PURE__ */ r(p, { children: o(`alert.${d}.text`, { employeeName: n }) }) })
     ] }),
-    /* @__PURE__ */ l(E, { children: [
+    /* @__PURE__ */ l(R, { children: [
       /* @__PURE__ */ r(m, { variant: "secondary", onClick: c, isDisabled: s, children: o("actions.cancel") }),
       /* @__PURE__ */ r(m, { type: "submit", variant: "primary", isLoading: s, children: o("actions.submit") })
     ] })
   ] }) }) });
 }
 export {
-  K as TerminateEmployeePresentation
+  L as TerminateEmployeePresentation
 };
 //# sourceMappingURL=TerminateEmployeePresentation.js.map

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

@@ -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'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\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\n/** @internal */\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: normalizeToDate(existingTermination?.effectiveDate) ?? 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","normalizeToDate","formMethods","useForm","zodResolver","selectedPayrollOption","payrollOptions","FormProvider","jsx","HtmlForm","jsxs","Flex","DatePickerField","RadioGroupField","ActionsLayout"],"mappings":"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"}
+{"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'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\n\ninterface TerminateEmployeePresentationProps {\n  employeeName: string\n  existingTermination?: Termination\n  onSubmit: (data: TerminateEmployeeFormData) => void\n  onCancel: () => void\n  isLoading: boolean\n  /** CSS class name applied to the root element. */\n  className?: string\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\n/** @internal */\nexport function TerminateEmployeePresentation({\n  employeeName,\n  existingTermination,\n  onSubmit,\n  onCancel,\n  isLoading,\n  className,\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: normalizeToDate(existingTermination?.effectiveDate) ?? 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 className={className} 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","className","Alert","Heading","Text","Button","useComponentContext","useI18n","t","useTranslation","getPayrollOptionFromTermination","termination","initialValues","normalizeToDate","formMethods","useForm","zodResolver","selectedPayrollOption","payrollOptions","FormProvider","jsx","HtmlForm","jsxs","Flex","DatePickerField","RadioGroupField","ActionsLayout"],"mappings":"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"}

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

@@ -1,57 +1,58 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as I } from "react";
-import { useQueryClient as b } from "@tanstack/react-query";
-import { useEmployeesGetSuspense as B } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeeEmploymentsGetTerminationsSuspense as G, invalidateAllEmployeeEmploymentsGetTerminations as j } from "@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations";
-import { useEmployeeEmploymentsDeleteTerminationMutation as k } from "@gusto/embedded-api/react-query/employeeEmploymentsDeleteTermination";
-import { invalidateAllEmployeesList as q } from "@gusto/embedded-api/react-query/employeesList";
-import { TerminationSummaryPresentation as x } from "./TerminationSummaryPresentation.js";
-import { normalizeToDate as F } from "../../../../helpers/dateFormatting.js";
-import { BaseComponent as U } from "../../../Base/Base.js";
-import { useBase as z } from "../../../Base/useBase.js";
+import { useState as b } from "react";
+import { useQueryClient as B } from "@tanstack/react-query";
+import { useEmployeesGetSuspense as G } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeeEmploymentsGetTerminationsSuspense as j, invalidateAllEmployeeEmploymentsGetTerminations as k } from "@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations";
+import { useEmployeeEmploymentsDeleteTerminationMutation as q } from "@gusto/embedded-api/react-query/employeeEmploymentsDeleteTermination";
+import { invalidateAllEmployeesList as x } from "@gusto/embedded-api/react-query/employeesList";
+import { TerminationSummaryPresentation as F } from "./TerminationSummaryPresentation.js";
+import { normalizeToDate as U } from "../../../../helpers/dateFormatting.js";
+import { BaseComponent as z } from "../../../Base/Base.js";
+import { useBase as H } from "../../../Base/useBase.js";
 import { componentEvents as o } from "../../../../shared/constants.js";
-import { useComponentDictionary as H, useI18n as Q } from "../../../../i18n/I18n.js";
-function ln(n) {
-  return /* @__PURE__ */ r(U, { ...n, children: /* @__PURE__ */ r(W, { ...n, children: n.children }) });
+import { useComponentDictionary as Q, useI18n as W } from "../../../../i18n/I18n.js";
+function mn(n) {
+  return /* @__PURE__ */ r(z, { ...n, children: /* @__PURE__ */ r(J, { ...n, children: n.children }) });
 }
-const W = ({
+const J = ({
   employeeId: n,
   companyId: l,
   payrollOption: i,
   payrollUuid: C,
-  dictionary: D
+  dictionary: D,
+  className: d
 }) => {
-  H("Employee.Terminations.TerminationSummary", D), Q("Employee.Terminations.TerminationSummary");
-  const m = b(), { onEvent: t, baseSubmitHandler: d } = z(), [T, a] = I(!1), {
+  Q("Employee.Terminations.TerminationSummary", D), W("Employee.Terminations.TerminationSummary");
+  const m = B(), { onEvent: t, baseSubmitHandler: T } = H(), [p, a] = b(!1), {
     data: { employee: s }
-  } = B({ employeeId: n }), { data: p } = G({ employeeId: n }), { mutateAsync: P, isPending: c } = k(), R = [s?.firstName, s?.lastName].filter(Boolean).join(" "), u = p.terminations ?? [], e = u.find((Y) => Y.active) ?? u[0], f = e?.effectiveDate, h = e?.cancelable === !0, E = F(f), L = new Date((/* @__PURE__ */ new Date()).toDateString()), N = !s?.terminated && E ? E >= L : !1, y = i === "anotherWay", O = !y && (e?.runTerminationPayroll === !0 || i === "dismissalPayroll"), _ = i !== void 0, g = () => {
+  } = G({ employeeId: n }), { data: P } = j({ employeeId: n }), { mutateAsync: R, isPending: c } = q(), h = [s?.firstName, s?.lastName].filter(Boolean).join(" "), u = P.terminations ?? [], e = u.find((I) => I.active) ?? u[0], f = e?.effectiveDate, L = e?.cancelable === !0, E = U(f), N = new Date((/* @__PURE__ */ new Date()).toDateString()), O = !s?.terminated && E ? E >= N : !1, y = i === "anotherWay", _ = !y && (e?.runTerminationPayroll === !0 || i === "dismissalPayroll"), g = i !== void 0, A = () => {
     a(!0);
-  }, A = () => {
+  }, M = () => {
     a(!1);
-  }, M = async () => {
-    e && await d({ terminationId: e.uuid }, async () => {
-      await P({
+  }, S = async () => {
+    e && await T({ terminationId: e.uuid }, async () => {
+      await R({
         request: {
           employeeId: n
         }
-      }), await j(m), await q(m), a(!1), t(o.EMPLOYEE_TERMINATION_CANCELLED, {
+      }), await k(m), await x(m), a(!1), t(o.EMPLOYEE_TERMINATION_CANCELLED, {
         employeeId: n,
         termination: e
       });
     });
-  }, S = () => {
+  }, v = () => {
     t(o.EMPLOYEE_TERMINATION_EDIT, {
       employeeId: n,
       termination: e
     });
-  }, v = () => {
+  }, w = () => {
     t(o.EMPLOYEE_TERMINATION_RUN_PAYROLL, {
       employeeId: n,
       companyId: l,
       payrollUuid: C,
       termination: e
     });
-  }, w = () => {
+  }, Y = () => {
     t(o.EMPLOYEE_TERMINATION_RUN_OFF_CYCLE_PAYROLL, {
       employeeId: n,
       companyId: l,
@@ -59,28 +60,29 @@ const W = ({
     });
   };
   return e ? /* @__PURE__ */ r(
-    x,
+    F,
     {
-      employeeName: R,
+      employeeName: h,
       effectiveDate: f,
-      canCancel: h,
-      canEdit: N,
-      showRunPayroll: O,
+      canCancel: L,
+      canEdit: O,
+      showRunPayroll: _,
       showRunOffCyclePayroll: y,
-      showSuccessAlert: _,
-      onCancelClick: g,
-      onEditDismissal: S,
-      onRunDismissalPayroll: v,
-      onRunOffCyclePayroll: w,
+      showSuccessAlert: g,
+      onCancelClick: A,
+      onEditDismissal: v,
+      onRunDismissalPayroll: w,
+      onRunOffCyclePayroll: Y,
       isLoading: c,
-      isCancelDialogOpen: T,
-      onDialogClose: A,
-      onDialogConfirm: M,
-      isCancelling: c
+      isCancelDialogOpen: p,
+      onDialogClose: M,
+      onDialogConfirm: S,
+      isCancelling: c,
+      className: d
     }
   ) : null;
 };
 export {
-  ln as TerminationSummary
+  mn as TerminationSummary
 };
 //# sourceMappingURL=TerminationSummary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TerminationSummary.js","sources":["../../../../../src/components/Employee/Terminations/TerminationSummary/TerminationSummary.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { 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 { useEmployeeEmploymentsDeleteTerminationMutation } from '@gusto/embedded-api/react-query/employeeEmploymentsDeleteTermination'\nimport { invalidateAllEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { PayrollOption } from '../types'\nimport { TerminationSummaryPresentation } from './TerminationSummaryPresentation'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\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'\n\n/**\n * Props for {@link TerminationSummary}.\n *\n * @public\n */\nexport interface TerminationSummaryProps extends BaseComponentInterface<'Employee.Terminations.TerminationSummary'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The associated company identifier. */\n  companyId: string\n  /** The selected payroll processing option. When provided, the summary surfaces a success alert confirming the action taken. */\n  payrollOption?: PayrollOption\n  /** UUID of the created off-cycle payroll (when applicable). */\n  payrollUuid?: string\n}\n\n/**\n * Termination summary with edit, cancel, and run-payroll actions plus an offboarding checklist.\n *\n * @remarks\n * Displays termination details and provides actions for managing the termination. Includes an offboarding checklist covering payroll timing, tax forms, and account disconnection. The available actions depend on the termination state:\n *\n * - **Edit** is available when the termination date is in the future and the employee is not yet terminated. The effective date cannot be edited if it is in the past.\n * - **Cancel** is available when the termination is still cancellable — `regularPayroll` or `anotherWay` options can be cancelled; `dismissalPayroll` cannot.\n * - **Run termination payroll** is shown for the `dismissalPayroll` option and navigates to the dismissal payroll flow.\n * - **Run off-cycle payroll** is shown for the `anotherWay` option and navigates to the off-cycle payroll creation flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/termination/edit` | Fired when user clicks to edit termination details | `{ employeeId: string }` |\n * | `employee/termination/cancelled` | Fired when a termination is successfully cancelled | `{ employeeId: string, alert?: `{@link TerminationFlowAlert}` }` |\n * | `employee/termination/runPayroll` | Fired when user clicks to run termination payroll | `{ employeeId: string, companyId: string, effectiveDate: string }` |\n * | `employee/termination/runOffCyclePayroll` | Fired when user clicks to run an off-cycle payroll | `{ employeeId: string, companyId: string }` |\n *\n * @param props - See {@link TerminationSummaryProps}.\n * @returns The termination summary view.\n * @public\n * @group Block components\n *\n * @example\n * ```tsx\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeManagement.TerminationSummary\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       payrollOption=\"dismissalPayroll\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function TerminationSummary(props: TerminationSummaryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  employeeId,\n  companyId,\n  payrollOption,\n  payrollUuid,\n  dictionary,\n}: TerminationSummaryProps) => {\n  useComponentDictionary('Employee.Terminations.TerminationSummary', dictionary)\n  useI18n('Employee.Terminations.TerminationSummary')\n\n  const queryClient = useQueryClient()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  const { data: terminationsData } = useEmployeeEmploymentsGetTerminationsSuspense({ employeeId })\n\n  const { mutateAsync: deleteTermination, isPending: isDeleting } =\n    useEmployeeEmploymentsDeleteTerminationMutation()\n\n  const employeeName = [employee?.firstName, employee?.lastName].filter(Boolean).join(' ')\n\n  const terminations = terminationsData.terminations ?? []\n  const termination = terminations.find(t => t.active) ?? terminations[0]\n\n  const effectiveDate = termination?.effectiveDate\n  const canCancel = termination?.cancelable === true\n  const effectiveDateLocal = normalizeToDate(effectiveDate)\n  const todayMidnight = new Date(new Date().toDateString())\n  const canEdit =\n    !employee?.terminated && effectiveDateLocal ? effectiveDateLocal >= todayMidnight : false\n\n  const showRunOffCyclePayroll = payrollOption === 'anotherWay'\n  const showRunPayroll =\n    !showRunOffCyclePayroll &&\n    (termination?.runTerminationPayroll === true || payrollOption === 'dismissalPayroll')\n\n  // Only show success alert if payrollOption is provided (meaning we just completed the termination)\n  // Don't show it if we're just viewing an existing termination (employee already terminated)\n  const showSuccessAlert = payrollOption !== undefined\n\n  const handleCancelClick = () => {\n    setIsCancelDialogOpen(true)\n  }\n\n  const handleDialogClose = () => {\n    setIsCancelDialogOpen(false)\n  }\n\n  const handleConfirmCancel = async () => {\n    if (!termination) return\n\n    await baseSubmitHandler({ terminationId: termination.uuid }, async () => {\n      await deleteTermination({\n        request: {\n          employeeId,\n        },\n      })\n\n      await invalidateAllEmployeeEmploymentsGetTerminations(queryClient)\n      await invalidateAllEmployeesList(queryClient)\n\n      setIsCancelDialogOpen(false)\n\n      onEvent(componentEvents.EMPLOYEE_TERMINATION_CANCELLED, {\n        employeeId,\n        termination,\n      })\n    })\n  }\n\n  const handleEditDismissal = () => {\n    onEvent(componentEvents.EMPLOYEE_TERMINATION_EDIT, {\n      employeeId,\n      termination,\n    })\n  }\n\n  const handleRunDismissalPayroll = () => {\n    onEvent(componentEvents.EMPLOYEE_TERMINATION_RUN_PAYROLL, {\n      employeeId,\n      companyId,\n      payrollUuid,\n      termination,\n    })\n  }\n\n  const handleRunOffCyclePayroll = () => {\n    onEvent(componentEvents.EMPLOYEE_TERMINATION_RUN_OFF_CYCLE_PAYROLL, {\n      employeeId,\n      companyId,\n      termination,\n    })\n  }\n\n  if (!termination) {\n    return null\n  }\n\n  return (\n    <TerminationSummaryPresentation\n      employeeName={employeeName}\n      effectiveDate={effectiveDate}\n      canCancel={canCancel}\n      canEdit={canEdit}\n      showRunPayroll={showRunPayroll}\n      showRunOffCyclePayroll={showRunOffCyclePayroll}\n      showSuccessAlert={showSuccessAlert}\n      onCancelClick={handleCancelClick}\n      onEditDismissal={handleEditDismissal}\n      onRunDismissalPayroll={handleRunDismissalPayroll}\n      onRunOffCyclePayroll={handleRunOffCyclePayroll}\n      isLoading={isDeleting}\n      isCancelDialogOpen={isCancelDialogOpen}\n      onDialogClose={handleDialogClose}\n      onDialogConfirm={handleConfirmCancel}\n      isCancelling={isDeleting}\n    />\n  )\n}\n"],"names":["TerminationSummary","props","jsx","BaseComponent","Root","employeeId","companyId","payrollOption","payrollUuid","dictionary","useComponentDictionary","useI18n","queryClient","useQueryClient","onEvent","baseSubmitHandler","useBase","isCancelDialogOpen","setIsCancelDialogOpen","useState","employee","useEmployeesGetSuspense","terminationsData","useEmployeeEmploymentsGetTerminationsSuspense","deleteTermination","isDeleting","useEmployeeEmploymentsDeleteTerminationMutation","employeeName","terminations","termination","t","effectiveDate","canCancel","effectiveDateLocal","normalizeToDate","todayMidnight","canEdit","showRunOffCyclePayroll","showRunPayroll","showSuccessAlert","handleCancelClick","handleDialogClose","handleConfirmCancel","invalidateAllEmployeeEmploymentsGetTerminations","invalidateAllEmployeesList","componentEvents","handleEditDismissal","handleRunDismissalPayroll","handleRunOffCyclePayroll","TerminationSummaryPresentation"],"mappings":"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"}
+{"version":3,"file":"TerminationSummary.js","sources":["../../../../../src/components/Employee/Terminations/TerminationSummary/TerminationSummary.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { 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 { useEmployeeEmploymentsDeleteTerminationMutation } from '@gusto/embedded-api/react-query/employeeEmploymentsDeleteTermination'\nimport { invalidateAllEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { PayrollOption } from '../types'\nimport { TerminationSummaryPresentation } from './TerminationSummaryPresentation'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\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'\n\n/**\n * Props for {@link TerminationSummary}.\n *\n * @public\n */\nexport interface TerminationSummaryProps extends BaseComponentInterface<'Employee.Terminations.TerminationSummary'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The associated company identifier. */\n  companyId: string\n  /** The selected payroll processing option. When provided, the summary surfaces a success alert confirming the action taken. */\n  payrollOption?: PayrollOption\n  /** UUID of the created off-cycle payroll (when applicable). */\n  payrollUuid?: string\n}\n\n/**\n * Termination summary with edit, cancel, and run-payroll actions plus an offboarding checklist.\n *\n * @remarks\n * Displays termination details and provides actions for managing the termination. Includes an offboarding checklist covering payroll timing, tax forms, and account disconnection. The available actions depend on the termination state:\n *\n * - **Edit** is available when the termination date is in the future and the employee is not yet terminated. The effective date cannot be edited if it is in the past.\n * - **Cancel** is available when the termination is still cancellable — `regularPayroll` or `anotherWay` options can be cancelled; `dismissalPayroll` cannot.\n * - **Run termination payroll** is shown for the `dismissalPayroll` option and navigates to the dismissal payroll flow.\n * - **Run off-cycle payroll** is shown for the `anotherWay` option and navigates to the off-cycle payroll creation flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/termination/edit` | Fired when user clicks to edit termination details | `{ employeeId: string }` |\n * | `employee/termination/cancelled` | Fired when a termination is successfully cancelled | `{ employeeId: string, alert?: `{@link TerminationFlowAlert}` }` |\n * | `employee/termination/runPayroll` | Fired when user clicks to run termination payroll | `{ employeeId: string, companyId: string, effectiveDate: string }` |\n * | `employee/termination/runOffCyclePayroll` | Fired when user clicks to run an off-cycle payroll | `{ employeeId: string, companyId: string }` |\n *\n * @param props - See {@link TerminationSummaryProps}.\n * @returns The termination summary view.\n * @public\n * @group Block components\n *\n * @example\n * ```tsx\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeManagement.TerminationSummary\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       payrollOption=\"dismissalPayroll\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function TerminationSummary(props: TerminationSummaryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  employeeId,\n  companyId,\n  payrollOption,\n  payrollUuid,\n  dictionary,\n  className,\n}: TerminationSummaryProps) => {\n  useComponentDictionary('Employee.Terminations.TerminationSummary', dictionary)\n  useI18n('Employee.Terminations.TerminationSummary')\n\n  const queryClient = useQueryClient()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  const { data: terminationsData } = useEmployeeEmploymentsGetTerminationsSuspense({ employeeId })\n\n  const { mutateAsync: deleteTermination, isPending: isDeleting } =\n    useEmployeeEmploymentsDeleteTerminationMutation()\n\n  const employeeName = [employee?.firstName, employee?.lastName].filter(Boolean).join(' ')\n\n  const terminations = terminationsData.terminations ?? []\n  const termination = terminations.find(t => t.active) ?? terminations[0]\n\n  const effectiveDate = termination?.effectiveDate\n  const canCancel = termination?.cancelable === true\n  const effectiveDateLocal = normalizeToDate(effectiveDate)\n  const todayMidnight = new Date(new Date().toDateString())\n  const canEdit =\n    !employee?.terminated && effectiveDateLocal ? effectiveDateLocal >= todayMidnight : false\n\n  const showRunOffCyclePayroll = payrollOption === 'anotherWay'\n  const showRunPayroll =\n    !showRunOffCyclePayroll &&\n    (termination?.runTerminationPayroll === true || payrollOption === 'dismissalPayroll')\n\n  // Only show success alert if payrollOption is provided (meaning we just completed the termination)\n  // Don't show it if we're just viewing an existing termination (employee already terminated)\n  const showSuccessAlert = payrollOption !== undefined\n\n  const handleCancelClick = () => {\n    setIsCancelDialogOpen(true)\n  }\n\n  const handleDialogClose = () => {\n    setIsCancelDialogOpen(false)\n  }\n\n  const handleConfirmCancel = async () => {\n    if (!termination) return\n\n    await baseSubmitHandler({ terminationId: termination.uuid }, async () => {\n      await deleteTermination({\n        request: {\n          employeeId,\n        },\n      })\n\n      await invalidateAllEmployeeEmploymentsGetTerminations(queryClient)\n      await invalidateAllEmployeesList(queryClient)\n\n      setIsCancelDialogOpen(false)\n\n      onEvent(componentEvents.EMPLOYEE_TERMINATION_CANCELLED, {\n        employeeId,\n        termination,\n      })\n    })\n  }\n\n  const handleEditDismissal = () => {\n    onEvent(componentEvents.EMPLOYEE_TERMINATION_EDIT, {\n      employeeId,\n      termination,\n    })\n  }\n\n  const handleRunDismissalPayroll = () => {\n    onEvent(componentEvents.EMPLOYEE_TERMINATION_RUN_PAYROLL, {\n      employeeId,\n      companyId,\n      payrollUuid,\n      termination,\n    })\n  }\n\n  const handleRunOffCyclePayroll = () => {\n    onEvent(componentEvents.EMPLOYEE_TERMINATION_RUN_OFF_CYCLE_PAYROLL, {\n      employeeId,\n      companyId,\n      termination,\n    })\n  }\n\n  if (!termination) {\n    return null\n  }\n\n  return (\n    <TerminationSummaryPresentation\n      employeeName={employeeName}\n      effectiveDate={effectiveDate}\n      canCancel={canCancel}\n      canEdit={canEdit}\n      showRunPayroll={showRunPayroll}\n      showRunOffCyclePayroll={showRunOffCyclePayroll}\n      showSuccessAlert={showSuccessAlert}\n      onCancelClick={handleCancelClick}\n      onEditDismissal={handleEditDismissal}\n      onRunDismissalPayroll={handleRunDismissalPayroll}\n      onRunOffCyclePayroll={handleRunOffCyclePayroll}\n      isLoading={isDeleting}\n      isCancelDialogOpen={isCancelDialogOpen}\n      onDialogClose={handleDialogClose}\n      onDialogConfirm={handleConfirmCancel}\n      isCancelling={isDeleting}\n      className={className}\n    />\n  )\n}\n"],"names":["TerminationSummary","props","jsx","BaseComponent","Root","employeeId","companyId","payrollOption","payrollUuid","dictionary","className","useComponentDictionary","useI18n","queryClient","useQueryClient","onEvent","baseSubmitHandler","useBase","isCancelDialogOpen","setIsCancelDialogOpen","useState","employee","useEmployeesGetSuspense","terminationsData","useEmployeeEmploymentsGetTerminationsSuspense","deleteTermination","isDeleting","useEmployeeEmploymentsDeleteTerminationMutation","employeeName","terminations","termination","t","effectiveDate","canCancel","effectiveDateLocal","normalizeToDate","todayMidnight","canEdit","showRunOffCyclePayroll","showRunPayroll","showSuccessAlert","handleCancelClick","handleDialogClose","handleConfirmCancel","invalidateAllEmployeeEmploymentsGetTerminations","invalidateAllEmployeesList","componentEvents","handleEditDismissal","handleRunDismissalPayroll","handleRunOffCyclePayroll","TerminationSummaryPresentation"],"mappings":";;;;;;;;;;;;;AA0EO,SAASA,GAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC;AAAA,EACZ,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAA+B;AAC7B,EAAAC,EAAuB,4CAA4CF,CAAU,GAC7EG,EAAQ,0CAA0C;AAElD,QAAMC,IAAcC,EAAA,GACd,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAE5D;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAwB,EAAE,YAAAjB,GAAY,GAEpC,EAAE,MAAMkB,EAAA,IAAqBC,EAA8C,EAAE,YAAAnB,GAAY,GAEzF,EAAE,aAAaoB,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEIC,IAAe,CAACP,GAAU,WAAWA,GAAU,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAEjFQ,IAAeN,EAAiB,gBAAgB,CAAA,GAChDO,IAAcD,EAAa,KAAK,CAAAE,MAAKA,EAAE,MAAM,KAAKF,EAAa,CAAC,GAEhEG,IAAgBF,GAAa,eAC7BG,IAAYH,GAAa,eAAe,IACxCI,IAAqBC,EAAgBH,CAAa,GAClDI,IAAgB,IAAI,0BAAS,KAAA,GAAO,cAAc,GAClDC,IACJ,CAAChB,GAAU,cAAca,IAAqBA,KAAsBE,IAAgB,IAEhFE,IAAyB/B,MAAkB,cAC3CgC,IACJ,CAACD,MACAR,GAAa,0BAA0B,MAAQvB,MAAkB,qBAI9DiC,IAAmBjC,MAAkB,QAErCkC,IAAoB,MAAM;AAC9B,IAAAtB,EAAsB,EAAI;AAAA,EAC5B,GAEMuB,IAAoB,MAAM;AAC9B,IAAAvB,EAAsB,EAAK;AAAA,EAC7B,GAEMwB,IAAsB,YAAY;AACtC,IAAKb,KAEL,MAAMd,EAAkB,EAAE,eAAec,EAAY,KAAA,GAAQ,YAAY;AACvE,YAAML,EAAkB;AAAA,QACtB,SAAS;AAAA,UACP,YAAApB;AAAA,QAAA;AAAA,MACF,CACD,GAED,MAAMuC,EAAgD/B,CAAW,GACjE,MAAMgC,EAA2BhC,CAAW,GAE5CM,EAAsB,EAAK,GAE3BJ,EAAQ+B,EAAgB,gCAAgC;AAAA,QACtD,YAAAzC;AAAA,QACA,aAAAyB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH,GAEMiB,IAAsB,MAAM;AAChC,IAAAhC,EAAQ+B,EAAgB,2BAA2B;AAAA,MACjD,YAAAzC;AAAA,MACA,aAAAyB;AAAA,IAAA,CACD;AAAA,EACH,GAEMkB,IAA4B,MAAM;AACtC,IAAAjC,EAAQ+B,EAAgB,kCAAkC;AAAA,MACxD,YAAAzC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAE;AAAA,MACA,aAAAsB;AAAA,IAAA,CACD;AAAA,EACH,GAEMmB,IAA2B,MAAM;AACrC,IAAAlC,EAAQ+B,EAAgB,4CAA4C;AAAA,MAClE,YAAAzC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAwB;AAAA,IAAA,CACD;AAAA,EACH;AAEA,SAAKA,IAKH,gBAAA5B;AAAA,IAACgD;AAAA,IAAA;AAAA,MACC,cAAAtB;AAAA,MACA,eAAAI;AAAA,MACA,WAAAC;AAAA,MACA,SAAAI;AAAA,MACA,gBAAAE;AAAA,MACA,wBAAAD;AAAA,MACA,kBAAAE;AAAA,MACA,eAAeC;AAAA,MACf,iBAAiBM;AAAA,MACjB,uBAAuBC;AAAA,MACvB,sBAAsBC;AAAA,MACtB,WAAWvB;AAAA,MACX,oBAAAR;AAAA,MACA,eAAewB;AAAA,MACf,iBAAiBC;AAAA,MACjB,cAAcjB;AAAA,MACd,WAAAhB;AAAA,IAAA;AAAA,EAAA,IArBK;AAwBX;"}