@gusto/embedded-react-sdk 0.52.2 → 0.53.0

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

@@ -1,29 +1,30 @@
-import { jsx as y } from "react/jsx-runtime";
+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 I } from "@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations";
-import { useEmployeeEmploymentsCreateTerminationMutation as b } from "@gusto/embedded-api/react-query/employeeEmploymentsCreateTermination";
+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 { RFCDate as p } from "@gusto/embedded-api/types/rfcdate";
+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 { 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__ */ y(j, { ...e, children: /* @__PURE__ */ y(K, { ...e, children: e.children }) });
+import { formatDateToStringDate as K } from "../../../../helpers/dateFormatting.js";
+function De(e) {
+  return /* @__PURE__ */ p(j, { ...e, children: /* @__PURE__ */ p(X, { ...e, children: e.children }) });
 }
-const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
+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(), {
     data: { employee: u }
-  } = Y({ employeeId: e }), { data: r } = q({ employeeId: e }), { mutateAsync: O, isPending: A } = b(), { mutateAsync: h, isPending: N } = B(), { mutateAsync: M, isPending: _ } = G(), { refetch: R } = k(
-    { companyId: f },
+  } = 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(
+    { companyId: y },
     { enabled: !1 }
   );
   if (u?.terminated && r.terminations?.[0])
@@ -36,13 +37,13 @@ const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
     first_name: u?.firstName,
     last_name: u?.lastName
   }), s = r.terminations?.[0];
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     H,
     {
       employeeName: L,
       existingTermination: s,
       onSubmit: async (g) => {
-        const { lastDayOfWork: U, payrollOption: o } = g, m = U.toISOString().split("T")[0];
+        const { lastDayOfWork: U, payrollOption: o } = g, m = K(U);
         await C({ effectiveDate: m, payrollOption: o }, async () => {
           const l = o === "dismissalPayroll", d = s ? await h({
             request: {
@@ -53,7 +54,7 @@ const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
                 runTerminationPayroll: l
               }
             }
-          }) : await O({
+          }) : await A({
             request: {
               employeeId: e,
               requestBody: {
@@ -62,25 +63,25 @@ const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
               }
             }
           });
-          await I(c);
+          await b(c);
           let T;
           if (l)
             try {
-              const { data: E } = await R(), w = E?.unprocessedTerminationPayPeriods?.filter(
+              const { data: f } = await R(), w = f?.unprocessedTerminationPayPeriods?.filter(
                 (t) => t.employeeUuid === e
               ) ?? [], a = [];
               for (const t of w)
                 if (t.startDate && t.endDate) {
                   const P = await M({
                     request: {
-                      companyId: f,
+                      companyId: y,
                       requestBody: {
                         offCycle: !0,
                         offCycleReason: F.DismissedEmployee,
-                        startDate: new p(t.startDate),
-                        endDate: new p(t.endDate),
+                        startDate: new E(t.startDate),
+                        endDate: new E(t.endDate),
                         employeeUuids: [e],
-                        checkDate: t.checkDate ? new p(t.checkDate) : void 0
+                        checkDate: t.checkDate ? new E(t.checkDate) : void 0
                       }
                     }
                   });
@@ -89,9 +90,9 @@ const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
               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 (E) {
+            } catch (f) {
               i(n.EMPLOYEE_TERMINATION_PAYROLL_FAILED, {
-                error: E,
+                error: f,
                 employeeId: e
               });
             }
@@ -113,11 +114,11 @@ const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
       onCancel: () => {
         i(n.CANCEL);
       },
-      isLoading: A || N || _
+      isLoading: O || N || _
     }
   );
 };
 export {
-  Te as TerminateEmployee
+  De 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'\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 = 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?.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","runTerminationPayroll","result","invalidateAllEmployeeEmploymentsGetTerminations","firstPayrollUuid","terminationPeriodsData","employeePeriods","period","createdPayrolls","terminationPeriod","payrollResult","OffCycleReason","RFCDate","invalidateAllPayrollsList","invalidateAllPaySchedulesGetUnprocessedTerminationPeriods","payrollError","eventType"],"mappings":";;;;;;;;;;;;;;;;;AAyFO,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,QAAyC;AAC9E,EAAAC,EAAuB,2CAA2CD,CAAU,GAC5EE,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,YAAAX,GAAY,GAEpC,EAAE,MAAMY,EAAA,IAAqBC,EAA8C,EAAE,YAAAb,GAAY,GAEzF,EAAE,aAAac,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,WAAAvB,EAAA;AAAA,IACF,EAAE,SAAS,GAAA;AAAA,EAAM;AAKnB,MAAIS,GAAU,cAAcE,EAAiB,eAAe,CAAC;AAC3D,WAAAL,EAAQkB,EAAgB,mCAAmC;AAAA,MACzD,YAAAzB;AAAA,MACA,eAAeY,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,gBAAAf;AAAA,IAACgC;AAAA,IAAA;AAAA,MACC,cAAAH;AAAA,MACA,qBAAAE;AAAA,MACA,UApHiB,OAAOE,MAAwC;AAClE,cAAM,EAAE,eAAAC,GAAe,eAAAC,EAAA,IAAkBF,GACnCG,IAAgBF,EAAc,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC;AAE9D,cAAMvB,EAAkB,EAAE,eAAAyB,GAAe,eAAAD,EAAA,GAAiB,YAAY;AACpE,gBAAME,IAAwBF,MAAkB,oBAE1CG,IAASP,IACX,MAAMX,EAAkB;AAAA,YACtB,SAAS;AAAA,cACP,YAAAjB;AAAA,cACA,aAAa;AAAA,gBACX,SAAS4B,EAAoB;AAAA,gBAC7B,eAAAK;AAAA,gBACA,uBAAAC;AAAA,cAAA;AAAA,YACF;AAAA,UACF,CACD,IACD,MAAMpB,EAAkB;AAAA,YACtB,SAAS;AAAA,cACP,YAAAd;AAAA,cACA,aAAa;AAAA,gBACX,eAAAiC;AAAA,gBACA,uBAAAC;AAAA,cAAA;AAAA,YACF;AAAA,UACF,CACD;AAEL,gBAAME,EAAgD/B,CAAW;AAEjE,cAAIgC;AAEJ,cAAIH;AACF,gBAAI;AACF,oBAAM,EAAE,MAAMI,EAAA,IAA2B,MAAMf,EAAA,GAEzCgB,IACJD,GAAwB,kCAAkC;AAAA,gBACxD,CAAAE,MAAUA,EAAO,iBAAiBxC;AAAA,cAAA,KAC/B,CAAA,GAEDyC,IAAkB,CAAA;AAExB,yBAAWC,KAAqBH;AAC9B,oBAAIG,EAAkB,aAAaA,EAAkB,SAAS;AAC5D,wBAAMC,IAAgB,MAAMvB,EAAsB;AAAA,oBAChD,SAAS;AAAA,sBACP,WAAAnB;AAAA,sBACA,aAAa;AAAA,wBACX,UAAU;AAAA,wBACV,gBAAgB2C,EAAe;AAAA,wBAC/B,WAAW,IAAIC,EAAQH,EAAkB,SAAS;AAAA,wBAClD,SAAS,IAAIG,EAAQH,EAAkB,OAAO;AAAA,wBAC9C,eAAe,CAAC1C,CAAU;AAAA,wBAC1B,WAAW0C,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,EAA0BzC,CAAW,GAC3C,MAAM0C,EAA0D1C,CAAW,GAE3EE,EAAQkB,EAAgB,sCAAsC;AAAA,gBAC5D,UAAUgB;AAAA,cAAA,CACX;AAAA,YAEL,SAASO,GAAc;AACrB,cAAAzC,EAAQkB,EAAgB,qCAAqC;AAAA,gBAC3D,OAAOuB;AAAA,gBACP,YAAAhD;AAAA,cAAA,CACD;AAAA,YACH;AAGF,gBAAMiD,IAAYrB,IACdH,EAAgB,+BAChBA,EAAgB;AAEpB,UAAAlB,EAAQ0C,GAAW;AAAA,YACjB,aAAad,EAAO;AAAA,YACpB,eAAAH;AAAA,YACA,uBAAAE;AAAA,UAAA,CACD,GAED3B,EAAQkB,EAAgB,2BAA2B;AAAA,YACjD,YAAAzB;AAAA,YACA,eAAAiC;AAAA,YACA,eAAAD;AAAA,YACA,aAAaK;AAAA,YACb,aAAaF,EAAO;AAAA,YACpB,GAAIH,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,IAQrD;AAAA,EAAA;AAGjB;"}
+{"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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"}

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

@@ -1,38 +1,38 @@
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { useTranslation as v } from "react-i18next";
 import t from "zod";
 import { useForm as D, FormProvider as g } from "react-hook-form";
-import { zodResolver as E } from "@hookform/resolvers/zod";
+import { zodResolver as x } from "@hookform/resolvers/zod";
 import { Flex as a } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as R } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { Form as F } from "../../../Common/Form/Form.js";
-import { useI18n as W } from "../../../../i18n/I18n.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 T } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-const k = t.object({
+import { DatePickerField as k } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+const j = t.object({
   lastDayOfWork: t.date({ error: "validation.lastDayRequired" }),
   payrollOption: t.enum(["dismissalPayroll", "regularPayroll", "anotherWay"], {
     error: "validation.payrollOptionRequired"
   })
 });
-function J({
+function K({
   employeeName: n,
-  existingTermination: l,
-  onSubmit: d,
-  onCancel: y,
+  existingTermination: e,
+  onSubmit: y,
+  onCancel: c,
   isLoading: s
 }) {
-  const { Alert: u, Heading: f, Text: p, Button: m } = x();
-  W("Employee.Terminations.TerminateEmployee");
+  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: l?.effectiveDate ? new Date(l.effectiveDate) : void 0,
-    payrollOption: l ? O(l) : "dismissalPayroll"
+    lastDayOfWork: W(e?.effectiveDate) ?? void 0,
+    payrollOption: e ? O(e) : "dismissalPayroll"
   }, i = D({
-    resolver: E(k),
+    resolver: x(j),
     defaultValues: h
-  }), c = i.watch("payrollOption"), b = [
+  }), d = i.watch("payrollOption"), b = [
     {
       value: "dismissalPayroll",
       label: o("form.payrollOption.options.dismissalPayroll.label"),
@@ -49,14 +49,14 @@ function J({
       description: o("form.payrollOption.options.anotherWay.description")
     }
   ];
-  return /* @__PURE__ */ r(g, { ...i, children: /* @__PURE__ */ r(F, { onSubmit: i.handleSubmit(d), children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ e(a, { flexDirection: "column", gap: 4, children: [
+  return /* @__PURE__ */ r(g, { ...i, children: /* @__PURE__ */ r(R, { onSubmit: i.handleSubmit(y), children: /* @__PURE__ */ l(a, { 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(p, { variant: "supporting", children: o("subtitle") })
     ] }),
-    /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ l(a, { flexDirection: "column", gap: 24, children: [
       /* @__PURE__ */ r(
-        T,
+        k,
         {
           name: "lastDayOfWork",
           label: o("form.lastDayOfEmployment.label"),
@@ -76,15 +76,15 @@ function J({
           errorMessage: o("validation.payrollOptionRequired")
         }
       ),
-      /* @__PURE__ */ r(u, { status: "warning", label: o(`alert.${c}.label`), children: /* @__PURE__ */ r(p, { children: o(`alert.${c}.text`, { employeeName: n }) }) })
+      /* @__PURE__ */ r(u, { status: "warning", label: o(`alert.${d}.label`), children: /* @__PURE__ */ r(p, { children: o(`alert.${d}.text`, { employeeName: n }) }) })
     ] }),
-    /* @__PURE__ */ e(R, { children: [
-      /* @__PURE__ */ r(m, { variant: "secondary", onClick: y, isDisabled: s, children: o("actions.cancel") }),
+    /* @__PURE__ */ l(E, { 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 {
-  J as TerminateEmployeePresentation
+  K 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'\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: existingTermination?.effectiveDate\n      ? new Date(existingTermination.effectiveDate)\n      : undefined,\n    payrollOption: existingTermination\n      ? getPayrollOptionFromTermination(existingTermination)\n      : 'dismissalPayroll',\n  }\n  const formMethods = useForm<TerminateEmployeeFormData>({\n    resolver: zodResolver(terminateEmployeeSchema),\n    defaultValues: initialValues,\n  })\n\n  const selectedPayrollOption = formMethods.watch('payrollOption')\n\n  const payrollOptions = [\n    {\n      value: 'dismissalPayroll' as const,\n      label: t('form.payrollOption.options.dismissalPayroll.label'),\n      description: t('form.payrollOption.options.dismissalPayroll.description'),\n    },\n    {\n      value: 'regularPayroll' as const,\n      label: t('form.payrollOption.options.regularPayroll.label'),\n      description: t('form.payrollOption.options.regularPayroll.description'),\n    },\n    {\n      value: 'anotherWay' as const,\n      label: t('form.payrollOption.options.anotherWay.label'),\n      description: t('form.payrollOption.options.anotherWay.description'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={24}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('title', { employeeName })}</Heading>\n            <Text variant=\"supporting\">{t('subtitle')}</Text>\n          </Flex>\n\n          <Flex flexDirection=\"column\" gap={24}>\n            <DatePickerField\n              name=\"lastDayOfWork\"\n              label={t('form.lastDayOfEmployment.label')}\n              description={t('form.lastDayOfEmployment.description')}\n              isRequired\n              errorMessage={t('validation.lastDayRequired')}\n            />\n\n            <RadioGroupField<PayrollOption>\n              name=\"payrollOption\"\n              label={t('form.payrollOption.label')}\n              description={t('form.payrollOption.description')}\n              options={payrollOptions}\n              isRequired\n              errorMessage={t('validation.payrollOptionRequired')}\n            />\n            <Alert status=\"warning\" label={t(`alert.${selectedPayrollOption}.label`)}>\n              <Text>{t(`alert.${selectedPayrollOption}.text`, { employeeName })}</Text>\n            </Alert>\n          </Flex>\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel} isDisabled={isLoading}>\n              {t('actions.cancel')}\n            </Button>\n            <Button type=\"submit\" variant=\"primary\" isLoading={isLoading}>\n              {t('actions.submit')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["terminateEmployeeSchema","z","TerminateEmployeePresentation","employeeName","existingTermination","onSubmit","onCancel","isLoading","Alert","Heading","Text","Button","useComponentContext","useI18n","t","useTranslation","getPayrollOptionFromTermination","termination","initialValues","formMethods","useForm","zodResolver","selectedPayrollOption","payrollOptions","FormProvider","jsx","HtmlForm","jsxs","Flex","DatePickerField","RadioGroupField","ActionsLayout"],"mappings":"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"}
+{"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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"}

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

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

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

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

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

@@ -3,10 +3,9 @@ import { useTranslation as I, Trans as O } from "react-i18next";
 import { Flex as t } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as W } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as q } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { useDateFormatter as B } from "../../../../hooks/useDateFormatter.js";
 import { useI18n as E } from "../../../../i18n/I18n.js";
-function Q({
+function N({
   employeeName: l,
   effectiveDate: u,
   canCancel: s,
@@ -96,6 +95,6 @@ function Q({
   ] });
 }
 export {
-  Q as TerminationSummaryPresentation
+  N as TerminationSummaryPresentation
 };
 //# sourceMappingURL=TerminationSummaryPresentation.js.map

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

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

package/dist/components/Employee/WorkAddress/management/WorkAddressCard/WorkAddressCard.js

@@ -1,48 +1,47 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as l } from "react-i18next";
 import { Flex as a } from "../../../../Common/Flex/Flex.js";
 import { Loading as p } from "../../../../Common/Loading/Loading.js";
-import { useComponentContext as u } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { BaseBoundaries as E, BaseLayout as f } from "../../../../Base/Base.js";
+import { BaseBoundaries as u, BaseLayout as E } from "../../../../Base/Base.js";
+import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as g } from "../../../../../i18n/I18n.js";
 import { componentEvents as h } from "../../../../../shared/constants.js";
 import { useEmployeeWorkAddressSummary as x } from "../../shared/useEmployeeWorkAddressSummary/useEmployeeWorkAddressSummary.js";
-function v(t) {
-  return /* @__PURE__ */ r(E, { componentName: "Employee.Management.WorkAddress", children: /* @__PURE__ */ r(A, { ...t }) });
+function _(n) {
+  return /* @__PURE__ */ r(u, { componentName: "Employee.Management.WorkAddress", children: /* @__PURE__ */ r(A, { ...n }) });
 }
-function A({ employeeId: t, onEvent: m }) {
+function A({ employeeId: n, onEvent: m }) {
   g("Employee.Management.WorkAddress");
-  const { t: i } = l("Employee.Management.WorkAddress"), o = u(), n = x({ employeeId: t }), d = n.isLoading, e = n.isLoading ? void 0 : n.data.currentWorkAddress, c = () => {
-    m(h.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED, { employeeId: t });
+  const { t: s } = l("Employee.Management.WorkAddress"), o = f(), t = x({ employeeId: n }), d = t.isLoading, e = t.isLoading ? void 0 : t.data.currentWorkAddress, c = () => {
+    m(h.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED, { employeeId: n });
   };
-  return /* @__PURE__ */ r(f, { error: n.errorHandling.errors, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(E, { error: t.errorHandling.errors, children: /* @__PURE__ */ r(
     o.Box,
     {
       header: /* @__PURE__ */ r(
         o.BoxHeader,
         {
-          title: i("cardTitle"),
-          action: /* @__PURE__ */ r(o.Button, { variant: "secondary", onClick: c, isDisabled: d, children: i("cardManageCta") })
+          title: s("cardTitle"),
+          action: /* @__PURE__ */ r(o.Button, { variant: "secondary", onClick: c, isDisabled: d, children: s("cardManageCta") })
         }
       ),
-      children: /* @__PURE__ */ r(a, { flexDirection: "column", gap: 16, children: d ? /* @__PURE__ */ r(p, {}) : e ? /* @__PURE__ */ s(a, { flexDirection: "column", gap: 0, children: [
-        /* @__PURE__ */ s(o.Text, { weight: "medium", children: [
+      children: /* @__PURE__ */ r(a, { flexDirection: "column", gap: 16, children: d ? /* @__PURE__ */ r(p, {}) : e ? /* @__PURE__ */ i(a, { flexDirection: "column", gap: 0, children: [
+        /* @__PURE__ */ i(o.Text, { weight: "medium", children: [
           e.street1,
           e.street2 ? `, ${e.street2}` : ""
         ] }),
-        /* @__PURE__ */ s(o.Text, { variant: "supporting", children: [
+        /* @__PURE__ */ i(o.Text, { variant: "supporting", children: [
           e.city,
           ", ",
           e.state,
           " ",
           e.zip
         ] })
-      ] }) : /* @__PURE__ */ r(o.Text, { children: i("cardNoAddress") }) })
+      ] }) : /* @__PURE__ */ r(o.Text, { children: s("cardNoAddress") }) })
     }
   ) });
 }
 export {
-  v as WorkAddressCard
+  _ as WorkAddressCard
 };
 //# sourceMappingURL=WorkAddressCard.js.map

package/dist/components/Employee/WorkAddress/management/WorkAddressCard/WorkAddressCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkAddressCard.js","sources":["../../../../../../src/components/Employee/WorkAddress/management/WorkAddressCard/WorkAddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeWorkAddressSummary } from '../../shared/useEmployeeWorkAddressSummary'\nimport { Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link WorkAddressCard}.\n *\n * @public\n */\nexport interface WorkAddressCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the card's Manage button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone employee work address summary card.\n *\n * @remarks\n * Fetches the employee's active work address and renders it alongside a Manage button.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/editRequested` | Manage button clicked | `{ employeeId: string }` |\n *\n * @public\n */\nexport function WorkAddressCard(props: WorkAddressCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.WorkAddress\">\n      <WorkAddressCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction WorkAddressCardContent({ employeeId, onEvent }: WorkAddressCardProps) {\n  useI18n('Employee.Management.WorkAddress')\n  const { t } = useTranslation('Employee.Management.WorkAddress')\n  const Components = useComponentContext()\n\n  const summary = useEmployeeWorkAddressSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const currentWorkAddress = summary.isLoading ? undefined : summary.data.currentWorkAddress\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('cardTitle')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('cardManageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : currentWorkAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {currentWorkAddress.street1}\n                {currentWorkAddress.street2 ? `, ${currentWorkAddress.street2}` : ''}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {currentWorkAddress.city}, {currentWorkAddress.state} {currentWorkAddress.zip}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('cardNoAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["WorkAddressCard","props","jsx","BaseBoundaries","WorkAddressCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","summary","useEmployeeWorkAddressSummary","isLoading","currentWorkAddress","handleEdit","componentEvents","BaseLayout","Flex","Loading","jsxs"],"mappings":";;;;;;;;;;AAmCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,KAAe,eAAc,mCAC5B,4BAACC,GAAA,EAAwB,GAAGH,GAAO,EAAA,CACrC;AAEJ;AAEA,SAASG,EAAuB,EAAE,YAAAC,GAAY,SAAAC,KAAiC;AAC7E,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GAEbC,IAAUC,EAA8B,EAAE,YAAAR,GAAY,GAEtDS,IAAYF,EAAQ,WACpBG,IAAqBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAElEI,IAAa,MAAM;AACvB,IAAAV,EAAQW,EAAgB,iDAAiD,EAAE,YAAAZ,EAAA,CAAY;AAAA,EACzF;AAEA,SACE,gBAAAH,EAACgB,GAAA,EAAW,OAAON,EAAQ,cAAc,QACvC,UAAA,gBAAAV;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,WAAW;AAAA,UACpB,QACE,gBAAAN,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAY,YAAYF,GACrE,UAAAN,EAAE,eAAe,EAAA,CACpB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACW,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAL,IACC,gBAAAZ,EAACkB,GAAA,EAAQ,IACPL,IACF,gBAAAM,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAE,EAACX,EAAW,MAAX,EAAgB,QAAO,UACrB,UAAA;AAAA,UAAAK,EAAmB;AAAA,UACnBA,EAAmB,UAAU,KAAKA,EAAmB,OAAO,KAAK;AAAA,QAAA,GACpE;AAAA,QACA,gBAAAM,EAACX,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA;AAAA,UAAAK,EAAmB;AAAA,UAAK;AAAA,UAAGA,EAAmB;AAAA,UAAM;AAAA,UAAEA,EAAmB;AAAA,QAAA,EAAA,CAC5E;AAAA,MAAA,GACF,sBAECL,EAAW,MAAX,EAAiB,UAAAF,EAAE,eAAe,GAAE,EAAA,CAEzC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"WorkAddressCard.js","sources":["../../../../../../src/components/Employee/WorkAddress/management/WorkAddressCard/WorkAddressCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeWorkAddressSummary } from '../../shared/useEmployeeWorkAddressSummary'\nimport { Loading } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link WorkAddressCard}.\n *\n * @public\n */\nexport interface WorkAddressCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the card's Manage button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone employee work address summary card.\n *\n * @remarks\n * Fetches the employee's active work address and renders it alongside a Manage button.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/editRequested` | Manage button clicked | `{ employeeId: string }` |\n *\n * @public\n */\nexport function WorkAddressCard(props: WorkAddressCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.WorkAddress\">\n      <WorkAddressCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction WorkAddressCardContent({ employeeId, onEvent }: WorkAddressCardProps) {\n  useI18n('Employee.Management.WorkAddress')\n  const { t } = useTranslation('Employee.Management.WorkAddress')\n  const Components = useComponentContext()\n\n  const summary = useEmployeeWorkAddressSummary({ employeeId })\n\n  const isLoading = summary.isLoading\n  const currentWorkAddress = summary.isLoading ? undefined : summary.data.currentWorkAddress\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('cardTitle')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                {t('cardManageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : currentWorkAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {currentWorkAddress.street1}\n                {currentWorkAddress.street2 ? `, ${currentWorkAddress.street2}` : ''}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {currentWorkAddress.city}, {currentWorkAddress.state} {currentWorkAddress.zip}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('cardNoAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["WorkAddressCard","props","jsx","BaseBoundaries","WorkAddressCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","summary","useEmployeeWorkAddressSummary","isLoading","currentWorkAddress","handleEdit","componentEvents","BaseLayout","Flex","Loading","jsxs"],"mappings":";;;;;;;;;AAmCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,KAAe,eAAc,mCAC5B,4BAACC,GAAA,EAAwB,GAAGH,GAAO,EAAA,CACrC;AAEJ;AAEA,SAASG,EAAuB,EAAE,YAAAC,GAAY,SAAAC,KAAiC;AAC7E,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GAEbC,IAAUC,EAA8B,EAAE,YAAAR,GAAY,GAEtDS,IAAYF,EAAQ,WACpBG,IAAqBH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,oBAElEI,IAAa,MAAM;AACvB,IAAAV,EAAQW,EAAgB,iDAAiD,EAAE,YAAAZ,EAAA,CAAY;AAAA,EACzF;AAEA,SACE,gBAAAH,EAACgB,GAAA,EAAW,OAAON,EAAQ,cAAc,QACvC,UAAA,gBAAAV;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,WAAW;AAAA,UACpB,QACE,gBAAAN,EAACQ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAAY,YAAYF,GACrE,UAAAN,EAAE,eAAe,EAAA,CACpB;AAAA,QAAA;AAAA,MAAA;AAAA,MAKN,4BAACW,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAL,IACC,gBAAAZ,EAACkB,GAAA,EAAQ,IACPL,IACF,gBAAAM,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAE,EAACX,EAAW,MAAX,EAAgB,QAAO,UACrB,UAAA;AAAA,UAAAK,EAAmB;AAAA,UACnBA,EAAmB,UAAU,KAAKA,EAAmB,OAAO,KAAK;AAAA,QAAA,GACpE;AAAA,QACA,gBAAAM,EAACX,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA;AAAA,UAAAK,EAAmB;AAAA,UAAK;AAAA,UAAGA,EAAmB;AAAA,UAAM;AAAA,UAAEA,EAAmB;AAAA,QAAA,EAAA,CAC5E;AAAA,MAAA,GACF,sBAECL,EAAW,MAAX,EAAiB,UAAAF,EAAE,eAAe,GAAE,EAAA,CAEzC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Flow/Flow.js

@@ -1,8 +1,8 @@
 import { jsx as n, jsxs as x } from "react/jsx-runtime";
 import { useMachine as h } from "react-robot";
+import { Flex as l } from "../Common/Flex/Flex.js";
 import { FlowContext as u } from "./useFlow.js";
 import { FlowHeader as v } from "./FlowHeader.js";
-import { Flex as l } from "../Common/Flex/Flex.js";
 const E = ({
   onEvent: m,
   machine: s