npm - @gusto/embedded-react-sdk - Versions diffs - 0.45.0 → 0.46.0 - Mend

@gusto/embedded-react-sdk 0.45.0 → 0.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/dist/components/Employee/Dashboard/dashboardStateMachine.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { state as d, transition as n, reduce as E } from "robot3";
-import { ProfileContextual as s, HomeAddressContextual as c, WorkAddressContextual as u, FederalTaxesContextual as A, StateTaxesContextual as m, PaymentBankFormContextual as C, PaymentSplitViewContextual as _, DocumentManagerContextual as p, AddJobPlaceholderContextual as D, EditCompensationPlaceholderContextual as x, AddAnotherJobPlaceholderContextual as O, DeductionFormContextual as r, DashboardViewContextual as i } from "./DashboardComponents.js";
+import { ProfileContextual as s, HomeAddressContextual as c, WorkAddressContextual as A, FederalTaxesContextual as u, StateTaxesContextual as m, PaymentBankFormContextual as C, PaymentSplitViewContextual as _, DocumentManagerContextual as p, AddJobPlaceholderContextual as D, EditCompensationContextual as O, AddAnotherJobPlaceholderContextual as x, DeductionFormContextual as r, DashboardViewContextual as i } from "./DashboardComponents.js";
 import { componentEvents as t } from "../../../shared/constants.js";
 const o = E(
   (e) => ({
@@ -49,7 +49,7 @@ const o = E(
       E(
         (e) => ({
           ...e,
-          component: u,
+          component: A,
           header: { type: "minimal" },
           successAlert: null
         })
@@ -61,7 +61,7 @@ const o = E(
       E(
         (e) => ({
           ...e,
-          component: A,
+          component: u,
           header: { type: "minimal" },
           successAlert: null
         })
@@ -135,7 +135,7 @@ const o = E(
       E(
         (e, l) => ({
           ...e,
-          component: x,
+          component: O,
           header: { type: "minimal" },
           currentJob: l.payload.job,
           successAlert: null
@@ -148,7 +148,7 @@ const o = E(
       E(
         (e) => ({
           ...e,
-          component: O,
+          component: x,
           header: { type: "minimal" },
           currentJob: null,
           successAlert: null
@@ -210,6 +210,16 @@ const o = E(
           successAlert: null
         })
       )
+    ),
+    n(
+      t.EMPLOYEE_DASHBOARD_TAB_CHANGE,
+      "index",
+      E(
+        (e, l) => ({
+          ...e,
+          selectedTab: l.payload.tab
+        })
+      )
     )
   ),
   homeAddress: d(n(t.CANCEL, "index", o)),
@@ -255,6 +265,7 @@ const o = E(
   ),
   addJob: d(n(t.CANCEL, "index", o)),
   editCompensation: d(
+    n(t.EMPLOYEE_COMPENSATION_DONE, "index", o),
     n(t.CANCEL, "index", o)
   ),
   addAnotherJob: d(

package/dist/components/Employee/Dashboard/dashboardStateMachine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dashboardStateMachine.js","sources":["../../../../src/components/Employee/Dashboard/dashboardStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport {\n DashboardViewContextual,\n HomeAddressContextual,\n WorkAddressContextual,\n FederalTaxesContextual,\n StateTaxesContextual,\n ProfileContextual,\n PaymentBankFormContextual,\n PaymentSplitViewContextual,\n DocumentManagerContextual,\n DeductionFormContextual,\n AddJobPlaceholderContextual,\n EditCompensationPlaceholderContextual,\n AddAnotherJobPlaceholderContextual,\n type DashboardContextInterface,\n} from './DashboardComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n [componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN]: { employeeId: string; formId: string }\n [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment\n [componentEvents.EMPLOYEE_COMPENSATION_CREATE]: { employeeId: string; job: Job }\n}\n\nconst returnToIndex = reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: DashboardViewContextual,\n header: null,\n currentJob: null,\n successAlert: null,\n }),\n)\n\nconst returnToIndexWithAlert = (alert: DashboardContextInterface['successAlert']) =>\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: DashboardViewContextual,\n header: null,\n currentJob: null,\n successAlert: alert,\n }),\n )\n\nexport const dashboardStateMachine = {\n index: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_UPDATE,\n 'profile',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: ProfileContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_HOME_ADDRESS,\n 'homeAddress',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: HomeAddressContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_WORK_ADDRESS,\n 'workAddress',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: WorkAddressContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_FEDERAL_TAXES_EDIT,\n 'federalTaxes',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: FederalTaxesContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_STATE_TAXES_EDIT,\n 'stateTaxes',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: StateTaxesContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE,\n 'paymentBankForm',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: PaymentBankFormContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_SPLIT_PAYCHECK,\n 'paymentSplitView',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: PaymentSplitViewContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN,\n 'documentManager',\n reduce(\n (\n ctx: DashboardContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN>,\n ): DashboardContextInterface => ({\n ...ctx,\n component: DocumentManagerContextual,\n header: { type: 'minimal' },\n formId: ev.payload.formId,\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_JOB_ADD,\n 'addJob',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: AddJobPlaceholderContextual,\n header: { type: 'minimal' },\n currentJob: null,\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_COMPENSATION_CREATE,\n 'editCompensation',\n reduce(\n (\n ctx: DashboardContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_COMPENSATION_CREATE>,\n ): DashboardContextInterface => ({\n ...ctx,\n component: EditCompensationPlaceholderContextual,\n header: { type: 'minimal' },\n currentJob: ev.payload.job,\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_JOB_ADD_ANOTHER,\n 'addAnotherJob',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: AddAnotherJobPlaceholderContextual,\n header: { type: 'minimal' },\n currentJob: null,\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED,\n 'index',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n successAlert: 'bankAccountDeleted',\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_ADD,\n 'deductionForm',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: DeductionFormContextual,\n header: { type: 'minimal' },\n successAlert: null,\n editingDeductionId: undefined,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_EDIT,\n 'deductionForm',\n reduce(\n (\n ctx: DashboardContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DEDUCTION_EDIT>,\n ): DashboardContextInterface => ({\n ...ctx,\n component: DeductionFormContextual,\n header: { type: 'minimal' },\n successAlert: null,\n editingDeductionId: ev.payload.uuid,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_DELETED,\n 'index',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n successAlert: 'deductionDeleted',\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_DISMISS,\n 'index',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n successAlert: null,\n }),\n ),\n ),\n ),\n homeAddress: state<MachineTransition>(transition(componentEvents.CANCEL, 'index', returnToIndex)),\n workAddress: state<MachineTransition>(transition(componentEvents.CANCEL, 'index', returnToIndex)),\n federalTaxes: state<MachineTransition>(\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n transition(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE, 'index', returnToIndex),\n ),\n stateTaxes: state<MachineTransition>(transition(componentEvents.CANCEL, 'index', returnToIndex)),\n profile: state<MachineTransition>(transition(componentEvents.CANCEL, 'index', returnToIndex)),\n paymentBankForm: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED,\n 'index',\n returnToIndexWithAlert('bankAccountAdded'),\n ),\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n paymentSplitView: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED,\n 'index',\n returnToIndexWithAlert('splitUpdated'),\n ),\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n documentManager: state<MachineTransition>(\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n deductionForm: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_CREATED,\n 'index',\n returnToIndexWithAlert('deductionAdded'),\n ),\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n 'index',\n returnToIndexWithAlert('deductionUpdated'),\n ),\n transition(componentEvents.EMPLOYEE_DEDUCTION_CANCEL, 'index', returnToIndex),\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n addJob: state<MachineTransition>(transition(componentEvents.CANCEL, 'index', returnToIndex)),\n editCompensation: state<MachineTransition>(\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n addAnotherJob: state<MachineTransition>(\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n}\n"],"names":["returnToIndex","reduce","ctx","DashboardViewContextual","returnToIndexWithAlert","alert","dashboardStateMachine","state","transition","componentEvents","ProfileContextual","HomeAddressContextual","WorkAddressContextual","FederalTaxesContextual","StateTaxesContextual","PaymentBankFormContextual","PaymentSplitViewContextual","ev","DocumentManagerContextual","AddJobPlaceholderContextual","EditCompensationPlaceholderContextual","AddAnotherJobPlaceholderContextual","DeductionFormContextual"],"mappings":"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"}
1	+ {"version":3,"file":"dashboardStateMachine.js","sources":["../../../../src/components/Employee/Dashboard/dashboardStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { DashboardTab } from './Dashboard'\nimport {\n DashboardViewContextual,\n HomeAddressContextual,\n WorkAddressContextual,\n FederalTaxesContextual,\n StateTaxesContextual,\n ProfileContextual,\n PaymentBankFormContextual,\n PaymentSplitViewContextual,\n DocumentManagerContextual,\n DeductionFormContextual,\n AddJobPlaceholderContextual,\n EditCompensationContextual,\n AddAnotherJobPlaceholderContextual,\n type DashboardContextInterface,\n} from './DashboardComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n [componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN]: { employeeId: string; formId: string }\n [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment\n [componentEvents.EMPLOYEE_COMPENSATION_CREATE]: { employeeId: string; job: Job }\n [componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE]: { tab: DashboardTab }\n}\n\nconst returnToIndex = reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: DashboardViewContextual,\n header: null,\n currentJob: null,\n successAlert: null,\n }),\n)\n\nconst returnToIndexWithAlert = (alert: DashboardContextInterface['successAlert']) =>\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: DashboardViewContextual,\n header: null,\n currentJob: null,\n successAlert: alert,\n }),\n )\n\nexport const dashboardStateMachine = {\n index: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_UPDATE,\n 'profile',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: ProfileContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_HOME_ADDRESS,\n 'homeAddress',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: HomeAddressContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_WORK_ADDRESS,\n 'workAddress',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: WorkAddressContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_FEDERAL_TAXES_EDIT,\n 'federalTaxes',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: FederalTaxesContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_STATE_TAXES_EDIT,\n 'stateTaxes',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: StateTaxesContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE,\n 'paymentBankForm',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: PaymentBankFormContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_SPLIT_PAYCHECK,\n 'paymentSplitView',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: PaymentSplitViewContextual,\n header: { type: 'minimal' },\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN,\n 'documentManager',\n reduce(\n (\n ctx: DashboardContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN>,\n ): DashboardContextInterface => ({\n ...ctx,\n component: DocumentManagerContextual,\n header: { type: 'minimal' },\n formId: ev.payload.formId,\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_JOB_ADD,\n 'addJob',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: AddJobPlaceholderContextual,\n header: { type: 'minimal' },\n currentJob: null,\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_COMPENSATION_CREATE,\n 'editCompensation',\n reduce(\n (\n ctx: DashboardContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_COMPENSATION_CREATE>,\n ): DashboardContextInterface => ({\n ...ctx,\n component: EditCompensationContextual,\n header: { type: 'minimal' },\n currentJob: ev.payload.job,\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_JOB_ADD_ANOTHER,\n 'addAnotherJob',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: AddAnotherJobPlaceholderContextual,\n header: { type: 'minimal' },\n currentJob: null,\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED,\n 'index',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n successAlert: 'bankAccountDeleted',\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_ADD,\n 'deductionForm',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n component: DeductionFormContextual,\n header: { type: 'minimal' },\n successAlert: null,\n editingDeductionId: undefined,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_EDIT,\n 'deductionForm',\n reduce(\n (\n ctx: DashboardContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DEDUCTION_EDIT>,\n ): DashboardContextInterface => ({\n ...ctx,\n component: DeductionFormContextual,\n header: { type: 'minimal' },\n successAlert: null,\n editingDeductionId: ev.payload.uuid,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_DELETED,\n 'index',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n successAlert: 'deductionDeleted',\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_DISMISS,\n 'index',\n reduce(\n (ctx: DashboardContextInterface): DashboardContextInterface => ({\n ...ctx,\n successAlert: null,\n }),\n ),\n ),\n transition(\n componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE,\n 'index',\n reduce(\n (\n ctx: DashboardContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE>,\n ): DashboardContextInterface => ({\n ...ctx,\n selectedTab: ev.payload.tab,\n }),\n ),\n ),\n ),\n homeAddress: state<MachineTransition>(transition(componentEvents.CANCEL, 'index', returnToIndex)),\n workAddress: state<MachineTransition>(transition(componentEvents.CANCEL, 'index', returnToIndex)),\n federalTaxes: state<MachineTransition>(\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n transition(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE, 'index', returnToIndex),\n ),\n stateTaxes: state<MachineTransition>(transition(componentEvents.CANCEL, 'index', returnToIndex)),\n profile: state<MachineTransition>(transition(componentEvents.CANCEL, 'index', returnToIndex)),\n paymentBankForm: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED,\n 'index',\n returnToIndexWithAlert('bankAccountAdded'),\n ),\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n paymentSplitView: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED,\n 'index',\n returnToIndexWithAlert('splitUpdated'),\n ),\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n documentManager: state<MachineTransition>(\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n deductionForm: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_CREATED,\n 'index',\n returnToIndexWithAlert('deductionAdded'),\n ),\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n 'index',\n returnToIndexWithAlert('deductionUpdated'),\n ),\n transition(componentEvents.EMPLOYEE_DEDUCTION_CANCEL, 'index', returnToIndex),\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n addJob: state<MachineTransition>(transition(componentEvents.CANCEL, 'index', returnToIndex)),\n editCompensation: state<MachineTransition>(\n transition(componentEvents.EMPLOYEE_COMPENSATION_DONE, 'index', returnToIndex),\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n addAnotherJob: state<MachineTransition>(\n transition(componentEvents.CANCEL, 'index', returnToIndex),\n ),\n}\n"],"names":["returnToIndex","reduce","ctx","DashboardViewContextual","returnToIndexWithAlert","alert","dashboardStateMachine","state","transition","componentEvents","ProfileContextual","HomeAddressContextual","WorkAddressContextual","FederalTaxesContextual","StateTaxesContextual","PaymentBankFormContextual","PaymentSplitViewContextual","ev","DocumentManagerContextual","AddJobPlaceholderContextual","EditCompensationContextual","AddAnotherJobPlaceholderContextual","DeductionFormContextual"],"mappings":"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"}

package/dist/components/Employee/Dashboard/hooks/useEmployeeBasicDetails.d.ts CHANGED Viewed

@@ -1,17 +1,24 @@
 import { Employee } from '@gusto/embedded-api/models/components/employee';
 import { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress';
 import { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress';
-import { HookLoadingResult, BaseHookReady } from '../../../../partner-hook-utils/types';
+import { BaseHookReady } from '../../../../partner-hook-utils/types';
 export interface UseEmployeeBasicDetailsProps {
     employeeId: string;
 }
-type UseEmployeeBasicDetailsReady = BaseHookReady<{
-    employee: Employee;
+export type UseEmployeeBasicDetailsResult = BaseHookReady<{
+    employee?: Employee;
     currentHomeAddress?: EmployeeAddress;
     currentWorkAddress?: EmployeeWorkAddress;
 }, {
     isPending: boolean;
+    isEmployeeLoading: boolean;
+    isHomeAddressLoading: boolean;
+    isWorkAddressLoading: boolean;
 }>;
-export type UseEmployeeBasicDetailsResult = HookLoadingResult | UseEmployeeBasicDetailsReady;
+/**
+ * Phase B: each query runs non-Suspense so the three cards (employee
+ * info, home address, work address) can paint independently. The
+ * consuming view branches on the per-query loading flags to render
+ * skeletons inside the box bodies.
+ */
 export declare function useEmployeeBasicDetails({ employeeId, }: UseEmployeeBasicDetailsProps): UseEmployeeBasicDetailsResult;
-export {};

package/dist/components/Employee/Dashboard/hooks/useEmployeeBasicDetails.js CHANGED Viewed

@@ -1,32 +1,32 @@
-import { useMemo as a } from "react";
-import { useEmployeesGetSuspense as y } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeeAddressesGetSuspense as f } from "@gusto/embedded-api/react-query/employeeAddressesGet";
-import { useEmployeeAddressesGetWorkAddressesSuspense as A } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
-import { composeErrorHandler as g } from "../../../../partner-hook-utils/composeErrorHandler.js";
-function F({
-  employeeId: e
+import { useMemo as n } from "react";
+import { useEmployeesGet as l } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeeAddressesGet as p } from "@gusto/embedded-api/react-query/employeeAddressesGet";
+import { useEmployeeAddressesGetWorkAddresses as y } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { composeErrorHandler as u } from "../../../../partner-hook-utils/composeErrorHandler.js";
+function E({
+  employeeId: r
 }) {
-  const s = y({
-    employeeId: e,
-    include: ["all_compensations"]
-  }), r = f({ employeeId: e }), o = A({ employeeId: e }), n = s.data.employee, i = r.data.employeeAddressList, d = o.data.employeeWorkAddressesList, u = a(() => i?.find((t) => t.active), [i]), p = a(() => d?.find((t) => t.active), [d]), c = s.isFetching || r.isFetching || o.isFetching, l = !n && c, m = g([s, r, o]);
-  return l ? {
-    isLoading: !0,
-    errorHandling: m
-  } : {
+  const e = l({ employeeId: r }, { staleTime: 1 / 0 }), s = p({ employeeId: r }, { staleTime: 1 / 0 }), o = y(
+    { employeeId: r },
+    { staleTime: 1 / 0 }
+  ), a = e.data?.employee, t = s.data?.employeeAddressList, d = o.data?.employeeWorkAddressesList, m = n(() => t?.find((i) => i.active), [t]), c = n(() => d?.find((i) => i.active), [d]);
+  return {
     isLoading: !1,
     data: {
-      employee: n,
-      currentHomeAddress: u,
-      currentWorkAddress: p
+      employee: a,
+      currentHomeAddress: m,
+      currentWorkAddress: c
     },
     status: {
-      isPending: c
+      isPending: e.isFetching || s.isFetching || o.isFetching,
+      isEmployeeLoading: e.isLoading,
+      isHomeAddressLoading: s.isLoading,
+      isWorkAddressLoading: o.isLoading
     },
-    errorHandling: m
+    errorHandling: u([e, s, o])
   };
 }
 export {
-  F as useEmployeeBasicDetails
+  E as useEmployeeBasicDetails
 };
 //# sourceMappingURL=useEmployeeBasicDetails.js.map

package/dist/components/Employee/Dashboard/hooks/useEmployeeBasicDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEmployeeBasicDetails.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeBasicDetails.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { ~~useEmployeesGetSuspense~~ } from '@gusto/embedded-api/react-query/employeesGet'\nimport { ~~useEmployeeAddressesGetSuspense~~ } from '@gusto/embedded-api/react-query/employeeAddressesGet'\nimport { ~~useEmployeeAddressesGetWorkAddressesSuspense~~ } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { ~~HookLoadingResult,~~ BaseHookReady } from '@/partner-hook-utils/types'\n\nexport interface UseEmployeeBasicDetailsProps {\n employeeId: string\n}\n\~~ntype~~ ~~UseEmployeeBasicDetailsReady~~ = BaseHookReady<\n {\n employee: Employee\n currentHomeAddress?: EmployeeAddress\n currentWorkAddress?: EmployeeWorkAddress\n },\n { isPending: boolean }\n>\n\~~nexport~~ ~~type~~ ~~UseEmployeeBasicDetailsResult~~ = ~~HookLoadingResult~~ \| ~~UseEmployeeBasicDetailsReady~~\n\nexport function useEmployeeBasicDetails({\n employeeId,\n}: UseEmployeeBasicDetailsProps): UseEmployeeBasicDetailsResult {\n ~~const~~ ~~employeeQuery~~ = ~~useEmployeesGetSuspense~~({\n ~~employeeId,\~~n include: ['all_compensations'],\n })\n const addressesQuery = ~~useEmployeeAddressesGetSuspense~~({ employeeId })\n const workAddressesQuery = ~~useEmployeeAddressesGetWorkAddressesSuspense~~({ employeeId })\n\n const employee = employeeQuery.data.employee\n const employeeAddressList = addressesQuery.data.employeeAddressList\n const employeeWorkAddressesList = workAddressesQuery.data.employeeWorkAddressesList\n\n ~~// Derive current addresses\n~~ const currentHomeAddress = useMemo(() => {\n return employeeAddressList?.find(address => address.active)\n }, [employeeAddressList])\n\n const currentWorkAddress = useMemo(() => {\n return employeeWorkAddressesList?.find(address => address.active)\n }, [employeeWorkAddressesList])\n\n const isPending =\n employeeQuery.isFetching \|\| addressesQuery.isFetching \|\| workAddressesQuery.isFetching\n const isLoading = !employee && isPending\n\n const errorHandling = composeErrorHandler([employeeQuery, addressesQuery, workAddressesQuery])\n\n if (isLoading) {\n return {\n ~~isLoading: true,\n errorHandling,\n~~ ~~}\n }\n\n return {\n~~ isLoading: false,\n data: {\n employee~~: employee!,\~~n currentHomeAddress,\n currentWorkAddress,\n },\n status: {\n isPending,\n },\n errorHandling,\n }\n}\n"],"names":["useEmployeeBasicDetails","employeeId","employeeQuery","~~useEmployeesGetSuspense~~","addressesQuery","~~useEmployeeAddressesGetSuspense~~","workAddressesQuery","~~useEmployeeAddressesGetWorkAddressesSuspense~~","employee","employeeAddressList","employeeWorkAddressesList","currentHomeAddress","useMemo","address","currentWorkAddress","~~isPending","isLoading","errorHandling","~~composeErrorHandler"],"mappings":";;;;;~~AAyBO~~,SAASA,EAAwB;AAAA,EACtC,YAAAC;AACF,GAAgE;~~AAC9D~~,QAAMC,IAAgBC,~~EAAwB;AAAA~~,~~IAC5C~~,YAAAF~~;AAAA~~,~~IACA~~,~~SAAS~~,~~CAAC~~,~~mBAAmB;AAAA~~,~~EAAA~~,~~CAC9B~~,~~GACKG,~~IAAiBC,~~EAAgC~~,EAAE,YAAAJ,~~GAAY~~,~~GAC/DK~~,IAAqBC,~~EAA6C~~,EAAE,YAAAN,~~GAAY~~,~~GAEhFO~~,IAAWN,EAAc,~~KAAK~~,~~UAC9BO~~,IAAsBL,EAAe,~~KAAK~~,~~qBAC1CM~~,IAA4BJ,EAAmB,~~KAAK~~,~~2BAGpDK~~,IAAqBC,EAAQ,MAC1BH,GAAqB,KAAK,CAAAI,MAAWA,EAAQ,MAAM,GACzD,CAACJ,CAAmB,CAAC,GAElBK,IAAqBF,EAAQ,MAC1BF,GAA2B,KAAK,CAAAG,MAAWA,EAAQ,MAAM,GAC/D,CAACH,CAAyB,CAAC~~,GAExBK,IACJb,EAAc,cAAcE,EAAe,cAAcE,EAAmB,YACxEU,IAAY,CAACR,KAAYO,GAEzBE,IAAgBC,EAAoB,CAAChB,GAAeE,GAAgBE,CAAkB,CAAC~~;~~AAE7F~~,~~SAAIU,IACK~~;AAAA,IACL,WAAW;AAAA,IACX,~~eAAAC~~;AAAA,~~EAAA~~,~~IAIG~~;AAAA,~~IACL~~,~~WAAW~~;AAAA,~~IACX~~,~~MAAM~~;AAAA,~~MACJ,UAAAT~~;AAAA,~~MACA~~,~~oBAAAG~~;AAAA,~~MACA~~,~~oBAAAG~~;AAAA,~~IAAA~~;AAAA,~~IAEF~~,~~QAAQ~~;AAAA,~~MACN~~,~~WAAAC~~;AAAA,IAAA;AAAA,~~IAEF~~,~~eAAAE~~;AAAA,EAAA;~~AAEJ~~;"}
1	+ {"version":3,"file":"useEmployeeBasicDetails.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeBasicDetails.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeeAddressesGet } from '@gusto/embedded-api/react-query/employeeAddressesGet'\nimport { useEmployeeAddressesGetWorkAddresses } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady } from '@/partner-hook-utils/types'\n\nexport interface UseEmployeeBasicDetailsProps {\n employeeId: string\n}\n\nexport type UseEmployeeBasicDetailsResult = BaseHookReady<\n {\n employee?: Employee\n currentHomeAddress?: EmployeeAddress\n currentWorkAddress?: EmployeeWorkAddress\n },\n {\n isPending: boolean\n isEmployeeLoading: boolean\n isHomeAddressLoading: boolean\n isWorkAddressLoading: boolean\n }\n>\n\n/*\n Phase B: each query runs non-Suspense so the three cards (employee\n * info, home address, work address) can paint independently. The\n * consuming view branches on the per-query loading flags to render\n * skeletons inside the box bodies.\n */\nexport function useEmployeeBasicDetails({\n employeeId,\n}: UseEmployeeBasicDetailsProps): UseEmployeeBasicDetailsResult {\n // staleTime: Infinity — see useEmployeeCompensation for rationale (SDK\n // QueryClient invalidates on any mutation success).\n //\n // No `include: ['all_compensations']` here: BasicDetails only reads\n // `firstName/lastName/dateOfBirth/email/hasSsn` and the first job's\n // `hireDate` — the historical compensations are dead weight in this\n // payload. `useEmployeeCompensation` keeps the include since the\n // JobAndPay tab actually consumes it. The two hooks intentionally use\n // different query keys; mount-time payload shrinks on the active tab.\n const employeeQuery = useEmployeesGet({ employeeId }, { staleTime: Infinity })\n const addressesQuery = useEmployeeAddressesGet({ employeeId }, { staleTime: Infinity })\n const workAddressesQuery = useEmployeeAddressesGetWorkAddresses(\n { employeeId },\n { staleTime: Infinity },\n )\n\n const employee = employeeQuery.data?.employee\n const employeeAddressList = addressesQuery.data?.employeeAddressList\n const employeeWorkAddressesList = workAddressesQuery.data?.employeeWorkAddressesList\n\n const currentHomeAddress = useMemo(() => {\n return employeeAddressList?.find(address => address.active)\n }, [employeeAddressList])\n\n const currentWorkAddress = useMemo(() => {\n return employeeWorkAddressesList?.find(address => address.active)\n }, [employeeWorkAddressesList])\n\n return {\n isLoading: false,\n data: {\n employee,\n currentHomeAddress,\n currentWorkAddress,\n },\n status: {\n isPending:\n employeeQuery.isFetching \|\| addressesQuery.isFetching \|\| workAddressesQuery.isFetching,\n isEmployeeLoading: employeeQuery.isLoading,\n isHomeAddressLoading: addressesQuery.isLoading,\n isWorkAddressLoading: workAddressesQuery.isLoading,\n },\n errorHandling: composeErrorHandler([employeeQuery, addressesQuery, workAddressesQuery]),\n }\n}\n"],"names":["useEmployeeBasicDetails","employeeId","employeeQuery","useEmployeesGet","addressesQuery","useEmployeeAddressesGet","workAddressesQuery","useEmployeeAddressesGetWorkAddresses","employee","employeeAddressList","employeeWorkAddressesList","currentHomeAddress","useMemo","address","currentWorkAddress","composeErrorHandler"],"mappings":";;;;;AAkCO,SAASA,EAAwB;AAAA,EACtC,YAAAC;AACF,GAAgE;AAU9D,QAAMC,IAAgBC,EAAgB,EAAE,YAAAF,EAAA,GAAc,EAAE,WAAW,OAAU,GACvEG,IAAiBC,EAAwB,EAAE,YAAAJ,EAAA,GAAc,EAAE,WAAW,OAAU,GAChFK,IAAqBC;AAAA,IACzB,EAAE,YAAAN,EAAA;AAAA,IACF,EAAE,WAAW,MAAA;AAAA,EAAS,GAGlBO,IAAWN,EAAc,MAAM,UAC/BO,IAAsBL,EAAe,MAAM,qBAC3CM,IAA4BJ,EAAmB,MAAM,2BAErDK,IAAqBC,EAAQ,MAC1BH,GAAqB,KAAK,CAAAI,MAAWA,EAAQ,MAAM,GACzD,CAACJ,CAAmB,CAAC,GAElBK,IAAqBF,EAAQ,MAC1BF,GAA2B,KAAK,CAAAG,MAAWA,EAAQ,MAAM,GAC/D,CAACH,CAAyB,CAAC;AAE9B,SAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,UAAAF;AAAA,MACA,oBAAAG;AAAA,MACA,oBAAAG;AAAA,IAAA;AAAA,IAEF,QAAQ;AAAA,MACN,WACEZ,EAAc,cAAcE,EAAe,cAAcE,EAAmB;AAAA,MAC9E,mBAAmBJ,EAAc;AAAA,MACjC,sBAAsBE,EAAe;AAAA,MACrC,sBAAsBE,EAAmB;AAAA,IAAA;AAAA,IAE3C,eAAeS,EAAoB,CAACb,GAAeE,GAAgBE,CAAkB,CAAC;AAAA,EAAA;AAE1F;"}

package/dist/components/Employee/Dashboard/hooks/useEmployeeCompensation.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
 import { Job } from '@gusto/embedded-api/models/components/job';
 import { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeuuidpaystubs';
 import { PendingCompensationChange } from '../getPendingCompensationChanges';
-import { BaseHookReady, HookLoadingResult, HookSubmitResult } from '../../../../partner-hook-utils/types';
+import { BaseHookReady, HookSubmitResult } from '../../../../partner-hook-utils/types';
 import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
 type EmployeePayStub = NonNullable<GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']>[number];
 export interface UseEmployeeCompensationProps {
     employeeId: string;
 }
-interface UseEmployeeCompensationReady extends BaseHookReady<{
+export interface UseEmployeeCompensationResult extends BaseHookReady<{
     jobs: Job[];
     primaryJob?: Job;
     primaryFlsaStatus?: string;
@@ -21,6 +21,11 @@ interface UseEmployeeCompensationReady extends BaseHookReady<{
 }, {
     isPending: boolean;
     cancellingCompensationUuid: string | null;
+    /** Compensation card depends on the employee fetch (jobs, pending
+     *  changes, FLSA status). */
+    isEmployeeLoading: boolean;
+    /** Paystubs card depends on a separate paginated endpoint. */
+    isPayStubsLoading: boolean;
 }> {
     pagination: {
         payStubs?: PaginationControlProps;
@@ -29,6 +34,11 @@ interface UseEmployeeCompensationReady extends BaseHookReady<{
         cancelPendingChange: (pendingChange: PendingCompensationChange) => Promise<HookSubmitResult<unknown> | undefined>;
     };
 }
-export type UseEmployeeCompensationResult = HookLoadingResult | UseEmployeeCompensationReady;
+/**
+ * Phase B: non-Suspense queries so the Compensation and Paystubs cards
+ * can paint independently within the Job and pay tab. JobAndPayView
+ * already gets the Payment and Deductions cards as separate non-Suspense
+ * hooks, so this completes the four-section incremental render.
+ */
 export declare function useEmployeeCompensation({ employeeId, }: UseEmployeeCompensationProps): UseEmployeeCompensationResult;
 export {};

package/dist/components/Employee/Dashboard/hooks/useEmployeeCompensation.js CHANGED Viewed

@@ -1,76 +1,75 @@
-import { useMemo as a, useCallback as v } from "react";
-import { useEmployeesGetSuspense as A } from "@gusto/embedded-api/react-query/employeesGet";
-import { useJobsAndCompensationsDeleteCompensationMutation as D } from "@gusto/embedded-api/react-query/jobsAndCompensationsDeleteCompensation";
-import { usePayrollsGetPayStubsSuspense as H } from "@gusto/embedded-api/react-query/payrollsGetPayStubs";
-import { getPendingCompensationChanges as q } from "../getPendingCompensationChanges.js";
-import { derivePrimaryFlsaStatus as w } from "../../Compensation/shared/derivePrimaryFlsaStatus.js";
-import { useBaseSubmit as G } from "../../../Base/useBaseSubmit.js";
-import { composeErrorHandler as I } from "../../../../partner-hook-utils/composeErrorHandler.js";
-import { usePagination as N } from "../../../../hooks/usePagination/usePagination.js";
-function T({
-  employeeId: m
+import { useMemo as a, useCallback as j } from "react";
+import { useEmployeesGet as v } from "@gusto/embedded-api/react-query/employeesGet";
+import { useJobsAndCompensationsDeleteCompensationMutation as I } from "@gusto/embedded-api/react-query/jobsAndCompensationsDeleteCompensation";
+import { usePayrollsGetPayStubs as J } from "@gusto/embedded-api/react-query/payrollsGetPayStubs";
+import { getPendingCompensationChanges as A } from "../getPendingCompensationChanges.js";
+import { derivePrimaryFlsaStatus as H } from "../../Compensation/shared/derivePrimaryFlsaStatus.js";
+import { useBaseSubmit as q } from "../../../Base/useBaseSubmit.js";
+import { composeErrorHandler as w } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { usePagination as D } from "../../../../hooks/usePagination/usePagination.js";
+function z({
+  employeeId: r
 }) {
-  const { currentPage: g, itemsPerPage: b, getPaginationProps: p } = N({
+  const { currentPage: c, itemsPerPage: d, getPaginationProps: m } = D({
     defaultItemsPerPage: 10
-  }), i = A({
-    employeeId: m,
-    include: ["all_compensations"]
-  }), s = H({
-    employeeId: m,
-    page: g,
-    per: b
-  }), o = D(), {
-    baseSubmitHandler: u,
-    error: y,
-    setError: P
-  } = G("Employee.Dashboard.JobAndPay.Compensation"), e = i.data.employee, r = s.data, t = a(() => e?.jobs ?? [], [e?.jobs]), f = a(() => t.find((n) => n.primary === !0), [t]), h = a(() => w(t), [t]), S = t.length > 1, C = a(
-    () => q(e?.jobs),
-    [e?.jobs]
-  ), E = r.employeePayStubsList || [], F = a(() => {
-    const n = r.httpMeta.response.headers;
-    return p(n, s.isFetching);
-  }, [r.httpMeta.response.headers, s.isFetching, p]), M = o.isPending ? o.variables.request.compensationId : null, j = v(
-    async (n) => {
-      let d;
-      return await u(n, async ({ compensationUuid: L }) => {
-        d = { mode: "update", data: await o.mutateAsync({
-          request: { compensationId: L }
+  }), i = v(
+    { employeeId: r, include: ["all_compensations"] },
+    { staleTime: 1 / 0 }
+  ), e = J(
+    { employeeId: r, page: c, per: d },
+    { staleTime: 1 / 0 }
+  ), o = I(), {
+    baseSubmitHandler: p,
+    error: l,
+    setError: g
+  } = q("Employee.Dashboard.JobAndPay.Compensation"), n = i.data?.employee, t = a(() => n?.jobs ?? [], [n?.jobs]), y = a(() => t.find((s) => s.primary === !0), [t]), b = a(() => H(t), [t]), P = t.length > 1, f = a(
+    () => A(n?.jobs),
+    [n?.jobs]
+  ), h = e.data?.employeePayStubsList ?? [], S = a(() => {
+    const s = e.data?.httpMeta.response.headers;
+    if (s)
+      return m(s, e.isFetching);
+  }, [e.data?.httpMeta.response.headers, e.isFetching, m]), C = o.isPending ? o.variables.request.compensationId : null, E = j(
+    async (s) => {
+      let u;
+      return await p(s, async ({ compensationUuid: M }) => {
+        u = { mode: "update", data: await o.mutateAsync({
+          request: { compensationId: M }
         }) };
-      }), d;
+      }), u;
     },
-    [u, o]
-  ), c = i.isFetching || s.isFetching || o.isPending, J = !e && c, l = I([i, s], {
-    submitError: y,
-    setSubmitError: P
+    [p, o]
+  ), F = i.isFetching || e.isFetching || o.isPending, L = w([i, e], {
+    submitError: l,
+    setSubmitError: g
   });
-  return J ? {
-    isLoading: !0,
-    errorHandling: l
-  } : {
+  return {
     isLoading: !1,
     data: {
       jobs: t,
-      primaryJob: f,
-      primaryFlsaStatus: h,
-      hasMultipleJobs: S,
-      pendingChanges: C,
-      payStubs: E,
-      employeeFirstName: e?.firstName ?? void 0
+      primaryJob: y,
+      primaryFlsaStatus: b,
+      hasMultipleJobs: P,
+      pendingChanges: f,
+      payStubs: h,
+      employeeFirstName: n?.firstName ?? void 0
     },
     status: {
-      isPending: c,
-      cancellingCompensationUuid: M
+      isPending: F,
+      cancellingCompensationUuid: C,
+      isEmployeeLoading: i.isLoading,
+      isPayStubsLoading: e.isLoading
     },
     pagination: {
-      payStubs: F
+      payStubs: S
     },
     actions: {
-      cancelPendingChange: j
+      cancelPendingChange: E
     },
-    errorHandling: l
+    errorHandling: L
   };
 }
 export {
-  T as useEmployeeCompensation
+  z as useEmployeeCompensation
 };
 //# sourceMappingURL=useEmployeeCompensation.js.map

package/dist/components/Employee/Dashboard/hooks/useEmployeeCompensation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEmployeeCompensation.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeCompensation.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { ~~useEmployeesGetSuspense~~ } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useJobsAndCompensationsDeleteCompensationMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsDeleteCompensation'\nimport { ~~usePayrollsGetPayStubsSuspense~~ } from '@gusto/embedded-api/react-query/payrollsGetPayStubs'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeuuidpaystubs'\nimport {\n getPendingCompensationChanges,\n type PendingCompensationChange,\n} from '../getPendingCompensationChanges'\nimport { derivePrimaryFlsaStatus } from '@/components/Employee/Compensation/shared/derivePrimaryFlsaStatus'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { BaseHookReady, ~~HookLoadingResult,~~ HookSubmitResult } from '@/partner-hook-utils/types'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype EmployeePayStub = NonNullable<\n GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']\n>[number]\n\nexport interface UseEmployeeCompensationProps {\n employeeId: string\n}\n\~~ninterface~~ ~~UseEmployeeCompensationReady~~ extends BaseHookReady<\n {\n jobs: Job[]\n primaryJob?: Job\n primaryFlsaStatus?: string\n hasMultipleJobs: boolean\n pendingChanges: PendingCompensationChange[]\n payStubs: EmployeePayStub[]\n /** First name from the shared employee fetch; useful for cosmetic copy\n * in alerts (e.g. \"Heads up, Jane has pending changes\"). Optional\n * because the employee record can omit it. */\n employeeFirstName?: string\n },\n { isPending: boolean; cancellingCompensationUuid: string \| null }\n> {\n pagination: {\n payStubs?: PaginationControlProps\n }\n actions: {\n cancelPendingChange: (\n pendingChange: PendingCompensationChange,\n ) => Promise<HookSubmitResult<unknown> \| undefined>\n }\n}\n\~~nexport~~ ~~type~~ ~~UseEmployeeCompensationResult~~ = ~~HookLoadingResult~~ \| ~~UseEmployeeCompensationReady~~\n\nexport function useEmployeeCompensation({\n employeeId,\n}: UseEmployeeCompensationProps): UseEmployeeCompensationResult {\n const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n defaultItemsPerPage: 10,\n })\n\n const employeeQuery = ~~useEmployeesGetSuspense~~({\n employeeId~~,\n~~ include: ['all_compensations'],\n })\n const payStubsQuery = ~~usePayrollsGetPayStubsSuspense~~({\n employeeId~~,\n~~ page: currentPage,\n ~~per~~: ~~itemsPerPage~~,\n })\n const cancelCompensationMutation = useJobsAndCompensationsDeleteCompensationMutation()\n const {\n baseSubmitHandler,\n error: submitError,\n setError: setSubmitError,\n } = useBaseSubmit('Employee.Dashboard.JobAndPay.Compensation')\n\n const employee = employeeQuery.data.employee\n ~~const payStubsData = payStubsQuery.data~~\n\n const jobs = useMemo(() => employee?.jobs ?? [], [employee?.jobs])\n const primaryJob = useMemo(() => jobs.find(job => job.primary === true), [jobs])\n const primaryFlsaStatus = useMemo(() => derivePrimaryFlsaStatus(jobs), [jobs])\n const hasMultipleJobs = jobs.length > 1\n\n const pendingChanges = useMemo(\n () => getPendingCompensationChanges(employee?.jobs),\n [employee?.jobs],\n )\n\n const payStubs = ~~payStubsData~~.employeePayStubsList \|\| []\n\n const payStubsPagination = useMemo(() => {\n const headers = ~~payStubsData~~.httpMeta.response.headers\n return getPaginationProps(headers, payStubsQuery.isFetching)\n }, [~~payStubsData~~.httpMeta.response.headers, payStubsQuery.isFetching, getPaginationProps])\n\n const cancellingCompensationUuid = cancelCompensationMutation.isPending\n ? cancelCompensationMutation.variables.request.compensationId\n : null\n\n const cancelPendingChange = useCallback(\n async (\n pendingChange: PendingCompensationChange,\n ): Promise<HookSubmitResult<unknown> \| undefined> => {\n let submitResult: HookSubmitResult<unknown> \| undefined\n await baseSubmitHandler(pendingChange, async ({ compensationUuid }) => {\n const data = await cancelCompensationMutation.mutateAsync({\n request: { compensationId: compensationUuid },\n })\n submitResult = { mode: 'update', data }\n })\n return submitResult\n },\n [baseSubmitHandler, cancelCompensationMutation],\n )\n\n const isPending =\n employeeQuery.isFetching \|\| payStubsQuery.isFetching \|\| cancelCompensationMutation.isPending\n\n const ~~isLoading = !employee && isPending\n\n const~~ errorHandling = composeErrorHandler([employeeQuery, payStubsQuery], {\n submitError,\n setSubmitError,\n })\n\n ~~if (isLoading) {\n~~ return {\n ~~isLoading: true,\n errorHandling,\n~~ ~~}\n }\n\n return {\n~~ isLoading: false,\n data: {\n jobs,\n primaryJob,\n primaryFlsaStatus,\n hasMultipleJobs,\n pendingChanges,\n payStubs,\n employeeFirstName: employee?.firstName ?? undefined,\n },\n status: {\n isPending,\n cancellingCompensationUuid,\n },\n pagination: {\n payStubs: payStubsPagination,\n },\n actions: {\n cancelPendingChange,\n },\n errorHandling,\n }\n}\n"],"names":["useEmployeeCompensation","employeeId","currentPage","itemsPerPage","getPaginationProps","usePagination","employeeQuery","~~useEmployeesGetSuspense~~","payStubsQuery","~~usePayrollsGetPayStubsSuspense~~","cancelCompensationMutation","useJobsAndCompensationsDeleteCompensationMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","employee","~~payStubsData","~~jobs","useMemo","primaryJob","job","primaryFlsaStatus","derivePrimaryFlsaStatus","hasMultipleJobs","pendingChanges","getPendingCompensationChanges","payStubs","payStubsPagination","headers","cancellingCompensationUuid","cancelPendingChange","useCallback","pendingChange","submitResult","compensationUuid","isPending","~~isLoading","~~errorHandling","composeErrorHandler"],"mappings":";;;;;;;;;~~AAoDO~~,SAASA,EAAwB;AAAA,EACtC,YAAAC;AACF,GAAgE;AAC9D,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAc;AAAA,IACtE,qBAAqB;AAAA,EAAA,CACtB,~~GAEKC~~,IAAgBC~~,EAAwB~~;AAAA,~~IAC5C~~,YAAAN~~;AAAA~~,~~IACA~~,SAAS,CAAC,mBAAmB;AAAA,~~EAAA~~,~~CAC9B~~,~~GACKO~~,~~IAAgBC,EAA+B~~;AAAA,~~IACnD~~,~~YAAAR~~;AAAA,~~IACA~~,MAAMC;AAAA,~~IACN~~,~~KAAKC~~;AAAA,~~EAAA~~,~~CACN~~,~~GACKO,~~IAA6BC,EAAA,GAC7B;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,2CAA2C,GAEvDC,IAAWV,EAAc,~~KAAK~~,~~UAC9BW~~,~~IAAeT,EAAc,MAE7BU,~~IAAOC,EAAQ,~~MAAMH~~,GAAU,QAAQ,IAAI,CAACA,GAAU,IAAI,CAAC,~~GAC3DI~~,IAAaD,EAAQ,MAAMD,EAAK,KAAK,CAAAG,MAAOA,EAAI,YAAY,EAAI,GAAG,CAACH,CAAI,CAAC,GACzEI,IAAoBH,EAAQ,MAAMI,EAAwBL,CAAI,GAAG,CAACA,CAAI,CAAC,GACvEM,IAAkBN,EAAK,SAAS,GAEhCO,IAAiBN;AAAA,IACrB,MAAMO,~~EAA8BV~~,GAAU,IAAI;AAAA,IAClD,CAACA,GAAU,IAAI;AAAA,EAAA,~~GAGXW~~,~~IAAWV~~,~~EAAa~~,wBAAwB,CAAA,~~GAEhDW~~,IAAqBT,EAAQ,MAAM;AACvC,UAAMU,~~IAAUZ~~,~~EAAa~~,SAAS,SAAS;~~AAC/C~~,~~WAAOb~~,~~EAAmByB~~,~~GAASrB~~,EAAc,UAAU;AAAA,EAC7D,GAAG,~~CAACS~~,~~EAAa~~,SAAS,SAAS,~~SAAST~~,EAAc,YAAYJ,CAAkB,CAAC,~~GAEnF0B~~,~~IAA6BpB~~,EAA2B,YAC1DA,EAA2B,UAAU,QAAQ,iBAC7C,~~MAEEqB~~,IAAsBC;AAAA,IAC1B,OACEC,MACmD;AACnD,UAAIC;AACJ,~~mBAAMtB~~,~~EAAkBqB~~,GAAe,OAAO,EAAE,kBAAAE,QAAuB;AAIrE,QAAAD,IAAe,EAAE,MAAM,UAAU,MAHpB,~~MAAMxB~~,EAA2B,YAAY;AAAA,UACxD,SAAS,EAAE,~~gBAAgByB~~,EAAA;AAAA,QAAiB,CAC7C,EACgC;AAAA,MACnC,CAAC,GACMD;AAAA,IACT;AAAA,IACA,~~CAACtB~~,GAAmBF,CAA0B;AAAA,EAAA,~~GAG1C0B~~,~~IACJ9B~~,EAAc,cAAcE,EAAc,cAAcE,EAA2B,WAE/~~E2B~~,~~IAAY,CAACrB,KAAYoB,GAEzBE,~~IAAgBC,EAAoB,~~CAACjC~~,GAAeE,CAAa,GAAG;AAAA,IACxE,aAAAK;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,~~SAAIuB,IACK~~;AAAA,IACL,WAAW;AAAA,IACX,~~eAAAC;AAAA,EAAA,IAIG;AAAA,IACL,WAAW;AAAA,IACX,~~MAAM;AAAA,MACJ,~~MAAApB~~;AAAA,MACA,YAAAE;AAAA,MACA,mBAAAE;AAAA,MACA,iBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAE;AAAA,MACA,~~mBAAmBX~~,GAAU,aAAa;AAAA,IAAA;AAAA,IAE5C,QAAQ;AAAA,MACN,~~WAAAoB~~;AAAA,MACA,4BAAAN;AAAA,IAAA;AAAA,~~IAEF~~,YAAY;AAAA,MACV,~~UAAUF~~;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACP,qBAAAG;AAAA,IAAA;AAAA,IAEF,~~eAAAO~~;AAAA,EAAA;AAEJ;"}
1	+ {"version":3,"file":"useEmployeeCompensation.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeCompensation.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useJobsAndCompensationsDeleteCompensationMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsDeleteCompensation'\nimport { usePayrollsGetPayStubs } from '@gusto/embedded-api/react-query/payrollsGetPayStubs'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeuuidpaystubs'\nimport {\n getPendingCompensationChanges,\n type PendingCompensationChange,\n} from '../getPendingCompensationChanges'\nimport { derivePrimaryFlsaStatus } from '@/components/Employee/Compensation/shared/derivePrimaryFlsaStatus'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { BaseHookReady, HookSubmitResult } from '@/partner-hook-utils/types'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype EmployeePayStub = NonNullable<\n GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']\n>[number]\n\nexport interface UseEmployeeCompensationProps {\n employeeId: string\n}\n\nexport interface UseEmployeeCompensationResult extends BaseHookReady<\n {\n jobs: Job[]\n primaryJob?: Job\n primaryFlsaStatus?: string\n hasMultipleJobs: boolean\n pendingChanges: PendingCompensationChange[]\n payStubs: EmployeePayStub[]\n /** First name from the shared employee fetch; useful for cosmetic copy\n * in alerts (e.g. \"Heads up, Jane has pending changes\"). Optional\n * because the employee record can omit it. /\n employeeFirstName?: string\n },\n {\n isPending: boolean\n cancellingCompensationUuid: string \| null\n /* Compensation card depends on the employee fetch (jobs, pending\n * changes, FLSA status). /\n isEmployeeLoading: boolean\n /* Paystubs card depends on a separate paginated endpoint. /\n isPayStubsLoading: boolean\n }\n> {\n pagination: {\n payStubs?: PaginationControlProps\n }\n actions: {\n cancelPendingChange: (\n pendingChange: PendingCompensationChange,\n ) => Promise<HookSubmitResult<unknown> \| undefined>\n }\n}\n\n/\n Phase B: non-Suspense queries so the Compensation and Paystubs cards\n * can paint independently within the Job and pay tab. JobAndPayView\n * already gets the Payment and Deductions cards as separate non-Suspense\n * hooks, so this completes the four-section incremental render.\n */\nexport function useEmployeeCompensation({\n employeeId,\n}: UseEmployeeCompensationProps): UseEmployeeCompensationResult {\n const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n defaultItemsPerPage: 10,\n })\n\n // staleTime: Infinity on dashboard reads — the SDK QueryClient already\n // invalidates all queries on any mutation success, so post-write\n // freshness is preserved. Without this, every subscriber re-mount\n // (e.g. tab navigation) would fire a redundant background refetch.\n const employeeQuery = useEmployeesGet(\n { employeeId, include: ['all_compensations'] },\n { staleTime: Infinity },\n )\n const payStubsQuery = usePayrollsGetPayStubs(\n { employeeId, page: currentPage, per: itemsPerPage },\n { staleTime: Infinity },\n )\n const cancelCompensationMutation = useJobsAndCompensationsDeleteCompensationMutation()\n const {\n baseSubmitHandler,\n error: submitError,\n setError: setSubmitError,\n } = useBaseSubmit('Employee.Dashboard.JobAndPay.Compensation')\n\n const employee = employeeQuery.data?.employee\n\n const jobs = useMemo(() => employee?.jobs ?? [], [employee?.jobs])\n const primaryJob = useMemo(() => jobs.find(job => job.primary === true), [jobs])\n const primaryFlsaStatus = useMemo(() => derivePrimaryFlsaStatus(jobs), [jobs])\n const hasMultipleJobs = jobs.length > 1\n\n const pendingChanges = useMemo(\n () => getPendingCompensationChanges(employee?.jobs),\n [employee?.jobs],\n )\n\n const payStubs = payStubsQuery.data?.employeePayStubsList ?? []\n\n const payStubsPagination = useMemo(() => {\n const headers = payStubsQuery.data?.httpMeta.response.headers\n if (!headers) return undefined\n return getPaginationProps(headers, payStubsQuery.isFetching)\n }, [payStubsQuery.data?.httpMeta.response.headers, payStubsQuery.isFetching, getPaginationProps])\n\n const cancellingCompensationUuid = cancelCompensationMutation.isPending\n ? cancelCompensationMutation.variables.request.compensationId\n : null\n\n const cancelPendingChange = useCallback(\n async (\n pendingChange: PendingCompensationChange,\n ): Promise<HookSubmitResult<unknown> \| undefined> => {\n let submitResult: HookSubmitResult<unknown> \| undefined\n await baseSubmitHandler(pendingChange, async ({ compensationUuid }) => {\n const data = await cancelCompensationMutation.mutateAsync({\n request: { compensationId: compensationUuid },\n })\n submitResult = { mode: 'update', data }\n })\n return submitResult\n },\n [baseSubmitHandler, cancelCompensationMutation],\n )\n\n const isPending =\n employeeQuery.isFetching \|\| payStubsQuery.isFetching \|\| cancelCompensationMutation.isPending\n\n const errorHandling = composeErrorHandler([employeeQuery, payStubsQuery], {\n submitError,\n setSubmitError,\n })\n\n return {\n isLoading: false,\n data: {\n jobs,\n primaryJob,\n primaryFlsaStatus,\n hasMultipleJobs,\n pendingChanges,\n payStubs,\n employeeFirstName: employee?.firstName ?? undefined,\n },\n status: {\n isPending,\n cancellingCompensationUuid,\n isEmployeeLoading: employeeQuery.isLoading,\n isPayStubsLoading: payStubsQuery.isLoading,\n },\n pagination: {\n payStubs: payStubsPagination,\n },\n actions: {\n cancelPendingChange,\n },\n errorHandling,\n }\n}\n"],"names":["useEmployeeCompensation","employeeId","currentPage","itemsPerPage","getPaginationProps","usePagination","employeeQuery","useEmployeesGet","payStubsQuery","usePayrollsGetPayStubs","cancelCompensationMutation","useJobsAndCompensationsDeleteCompensationMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","employee","jobs","useMemo","primaryJob","job","primaryFlsaStatus","derivePrimaryFlsaStatus","hasMultipleJobs","pendingChanges","getPendingCompensationChanges","payStubs","payStubsPagination","headers","cancellingCompensationUuid","cancelPendingChange","useCallback","pendingChange","submitResult","compensationUuid","isPending","errorHandling","composeErrorHandler"],"mappings":";;;;;;;;;AAgEO,SAASA,EAAwB;AAAA,EACtC,YAAAC;AACF,GAAgE;AAC9D,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAc;AAAA,IACtE,qBAAqB;AAAA,EAAA,CACtB,GAMKC,IAAgBC;AAAA,IACpB,EAAE,YAAAN,GAAY,SAAS,CAAC,mBAAmB,EAAA;AAAA,IAC3C,EAAE,WAAW,MAAA;AAAA,EAAS,GAElBO,IAAgBC;AAAA,IACpB,EAAE,YAAAR,GAAY,MAAMC,GAAa,KAAKC,EAAA;AAAA,IACtC,EAAE,WAAW,MAAA;AAAA,EAAS,GAElBO,IAA6BC,EAAA,GAC7B;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,2CAA2C,GAEvDC,IAAWV,EAAc,MAAM,UAE/BW,IAAOC,EAAQ,MAAMF,GAAU,QAAQ,IAAI,CAACA,GAAU,IAAI,CAAC,GAC3DG,IAAaD,EAAQ,MAAMD,EAAK,KAAK,CAAAG,MAAOA,EAAI,YAAY,EAAI,GAAG,CAACH,CAAI,CAAC,GACzEI,IAAoBH,EAAQ,MAAMI,EAAwBL,CAAI,GAAG,CAACA,CAAI,CAAC,GACvEM,IAAkBN,EAAK,SAAS,GAEhCO,IAAiBN;AAAA,IACrB,MAAMO,EAA8BT,GAAU,IAAI;AAAA,IAClD,CAACA,GAAU,IAAI;AAAA,EAAA,GAGXU,IAAWlB,EAAc,MAAM,wBAAwB,CAAA,GAEvDmB,IAAqBT,EAAQ,MAAM;AACvC,UAAMU,IAAUpB,EAAc,MAAM,SAAS,SAAS;AACtD,QAAKoB;AACL,aAAOxB,EAAmBwB,GAASpB,EAAc,UAAU;AAAA,EAC7D,GAAG,CAACA,EAAc,MAAM,SAAS,SAAS,SAASA,EAAc,YAAYJ,CAAkB,CAAC,GAE1FyB,IAA6BnB,EAA2B,YAC1DA,EAA2B,UAAU,QAAQ,iBAC7C,MAEEoB,IAAsBC;AAAA,IAC1B,OACEC,MACmD;AACnD,UAAIC;AACJ,mBAAMrB,EAAkBoB,GAAe,OAAO,EAAE,kBAAAE,QAAuB;AAIrE,QAAAD,IAAe,EAAE,MAAM,UAAU,MAHpB,MAAMvB,EAA2B,YAAY;AAAA,UACxD,SAAS,EAAE,gBAAgBwB,EAAA;AAAA,QAAiB,CAC7C,EACgC;AAAA,MACnC,CAAC,GACMD;AAAA,IACT;AAAA,IACA,CAACrB,GAAmBF,CAA0B;AAAA,EAAA,GAG1CyB,IACJ7B,EAAc,cAAcE,EAAc,cAAcE,EAA2B,WAE/E0B,IAAgBC,EAAoB,CAAC/B,GAAeE,CAAa,GAAG;AAAA,IACxE,aAAAK;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,MAAAG;AAAA,MACA,YAAAE;AAAA,MACA,mBAAAE;AAAA,MACA,iBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAE;AAAA,MACA,mBAAmBV,GAAU,aAAa;AAAA,IAAA;AAAA,IAE5C,QAAQ;AAAA,MACN,WAAAmB;AAAA,MACA,4BAAAN;AAAA,MACA,mBAAmBvB,EAAc;AAAA,MACjC,mBAAmBE,EAAc;AAAA,IAAA;AAAA,IAEnC,YAAY;AAAA,MACV,UAAUmB;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACP,qBAAAG;AAAA,IAAA;AAAA,IAEF,eAAAM;AAAA,EAAA;AAEJ;"}

package/dist/components/Employee/Dashboard/hooks/useEmployeeForms.d.ts CHANGED Viewed

@@ -1,13 +1,19 @@
 import { Form } from '@gusto/embedded-api/models/components/form';
-import { HookLoadingResult, BaseHookReady } from '../../../../partner-hook-utils/types';
+import { BaseHookReady } from '../../../../partner-hook-utils/types';
 export interface UseEmployeeFormsProps {
     employeeId: string;
 }
-type UseEmployeeFormsReady = BaseHookReady<{
+export type UseEmployeeFormsResult = BaseHookReady<{
     formList: Form[];
 }, {
     isPending: boolean;
+    isFormsLoading: boolean;
 }>;
-export type UseEmployeeFormsResult = HookLoadingResult | UseEmployeeFormsReady;
+/**
+ * Phase B: non-Suspense query so the consuming view can paint its frame
+ * (box header, tab structure) before the data arrives. The `formList`
+ * defaults to `[]` while the query is loading — consumers branch on
+ * `status.isFormsLoading` to distinguish "still loading" from "loaded
+ * empty" and render a skeleton accordingly.
+ */
 export declare function useEmployeeForms({ employeeId }: UseEmployeeFormsProps): UseEmployeeFormsResult;
-export {};

package/dist/components/Employee/Dashboard/hooks/useEmployeeForms.js CHANGED Viewed

@@ -1,22 +1,20 @@
-import { useEmployeeFormsListSuspense as i } from "@gusto/embedded-api/react-query/employeeFormsList";
-import { composeErrorHandler as m } from "../../../../partner-hook-utils/composeErrorHandler.js";
-function u({ employeeId: e }) {
-  const o = i({ employeeId: e }), s = o.data.forms, r = o.isFetching, n = !s && r, t = m([o]);
-  return n ? {
-    isLoading: !0,
-    errorHandling: t
-  } : {
+import { useEmployeeFormsList as s } from "@gusto/embedded-api/react-query/employeeFormsList";
+import { composeErrorHandler as i } from "../../../../partner-hook-utils/composeErrorHandler.js";
+function t({ employeeId: r }) {
+  const o = s({ employeeId: r }, { staleTime: 1 / 0 });
+  return {
     isLoading: !1,
     data: {
-      formList: s || []
+      formList: o.data?.forms ?? []
     },
     status: {
-      isPending: r
+      isPending: o.isFetching,
+      isFormsLoading: o.isLoading
     },
-    errorHandling: t
+    errorHandling: i([o])
   };
 }
 export {
-  u as useEmployeeForms
+  t as useEmployeeForms
 };
 //# sourceMappingURL=useEmployeeForms.js.map

package/dist/components/Employee/Dashboard/hooks/useEmployeeForms.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEmployeeForms.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeForms.tsx"],"sourcesContent":["import { ~~useEmployeeFormsListSuspense~~ } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { ~~HookLoadingResult,~~ BaseHookReady } from '@/partner-hook-utils/types'\n\nexport interface UseEmployeeFormsProps {\n employeeId: string\n}\n\~~ntype~~ ~~UseEmployeeFormsReady~~ = BaseHookReady<{ formList: Form[] }, { isPending: boolean }>\n\~~nexport~~ ~~type~~ ~~UseEmployeeFormsResult~~ = ~~HookLoadingResult~~ \| ~~UseEmployeeFormsReady~~\n\nexport function useEmployeeForms({ employeeId }: UseEmployeeFormsProps): UseEmployeeFormsResult {\n ~~const~~ ~~formsQuery~~ = ~~useEmployeeFormsListSuspense({~~ ~~employeeId~~ ~~})\n\n const~~ ~~formList~~ = ~~formsQuery.data.forms~~\n\n ~~const~~ ~~isPending~~ = ~~formsQuery.isFetching\n const~~ ~~isLoading~~ = ~~!formList && isPending\~~n\n const ~~errorHandling~~ = ~~composeErrorHandler~~(~~[formsQuery])\n\n if~~ ~~(isLoading)~~ {~~\n return~~ ~~{\n isLoading~~: ~~true,\n errorHandling,\n~~ }\n }\n\n return {\n isLoading: false,\n data: {\n formList: ~~formList~~ \|\| [],\n },\n status: {\n isPending,\n },\n errorHandling,\n }\n}\n"],"names":["useEmployeeForms","employeeId","formsQuery","~~useEmployeeFormsListSuspense~~","~~formList","isPending","isLoading","errorHandling","~~composeErrorHandler"],"mappings":";;~~AAaO~~,SAASA,EAAiB,EAAE,YAAAC,KAA6D;~~AAC9F~~,QAAMC,IAAaC,~~EAA6B~~,EAAE,YAAAF,~~GAAY~~,~~GAExDG~~,~~IAAWF~~,~~EAAW~~,~~KAAK,OAE3BG,IAAYH,EAAW,YACvBI,IAAY,CAACF,KAAYC,GAEzBE,IAAgBC,EAAoB,CAACN,CAAU,CAAC~~;~~AAEtD~~,~~SAAII,IACK~~;AAAA,IACL,WAAW;AAAA,IACX,~~eAAAC~~;AAAA,~~EAAA~~,~~IAIG;AAAA~~,~~IACL~~,~~WAAW;AAAA,IACX,~~MAAM~~;AAAA~~,~~MACJ~~,~~UAAUH,KAAY,~~CAAA;AAAA,IAAC;AAAA,~~IAEzB~~,QAAQ;AAAA,MACN,~~WAAAC~~;AAAA,IAAA;AAAA,~~IAEF~~,~~eAAAE~~;AAAA,EAAA;~~AAEJ~~;"}
1	+ {"version":3,"file":"useEmployeeForms.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeForms.tsx"],"sourcesContent":["import { useEmployeeFormsList } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady } from '@/partner-hook-utils/types'\n\nexport interface UseEmployeeFormsProps {\n employeeId: string\n}\n\nexport type UseEmployeeFormsResult = BaseHookReady<\n { formList: Form[] },\n { isPending: boolean; isFormsLoading: boolean }\n>\n\n/*\n Phase B: non-Suspense query so the consuming view can paint its frame\n * (box header, tab structure) before the data arrives. The `formList`\n * defaults to `[]` while the query is loading — consumers branch on\n * `status.isFormsLoading` to distinguish \"still loading\" from \"loaded\n * empty\" and render a skeleton accordingly.\n */\nexport function useEmployeeForms({ employeeId }: UseEmployeeFormsProps): UseEmployeeFormsResult {\n // staleTime: Infinity — see useEmployeeCompensation for rationale (SDK\n // QueryClient invalidates on any mutation success).\n const formsQuery = useEmployeeFormsList({ employeeId }, { staleTime: Infinity })\n\n return {\n isLoading: false,\n data: {\n formList: formsQuery.data?.forms ?? [],\n },\n status: {\n isPending: formsQuery.isFetching,\n isFormsLoading: formsQuery.isLoading,\n },\n errorHandling: composeErrorHandler([formsQuery]),\n }\n}\n"],"names":["useEmployeeForms","employeeId","formsQuery","useEmployeeFormsList","composeErrorHandler"],"mappings":";;AAqBO,SAASA,EAAiB,EAAE,YAAAC,KAA6D;AAG9F,QAAMC,IAAaC,EAAqB,EAAE,YAAAF,EAAA,GAAc,EAAE,WAAW,OAAU;AAE/E,SAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,UAAUC,EAAW,MAAM,SAAS,CAAA;AAAA,IAAC;AAAA,IAEvC,QAAQ;AAAA,MACN,WAAWA,EAAW;AAAA,MACtB,gBAAgBA,EAAW;AAAA,IAAA;AAAA,IAE7B,eAAeE,EAAoB,CAACF,CAAU,CAAC;AAAA,EAAA;AAEnD;"}

package/dist/components/Employee/Dashboard/hooks/useEmployeeTaxes.d.ts CHANGED Viewed

@@ -1,17 +1,24 @@
 import { GetV1EmployeesEmployeeIdFederalTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidfederaltaxes';
 import { GetV1EmployeesEmployeeIdStateTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidstatetaxes';
-import { HookLoadingResult, BaseHookReady } from '../../../../partner-hook-utils/types';
+import { BaseHookReady } from '../../../../partner-hook-utils/types';
 type EmployeeFederalTax = NonNullable<GetV1EmployeesEmployeeIdFederalTaxesResponse['employeeFederalTax']>;
 type EmployeeStateTax = NonNullable<GetV1EmployeesEmployeeIdStateTaxesResponse['employeeStateTaxesList']>[number];
 export interface UseEmployeeTaxesProps {
     employeeId: string;
 }
-type UseEmployeeTaxesReady = BaseHookReady<{
+export type UseEmployeeTaxesResult = BaseHookReady<{
     employeeFederalTax?: EmployeeFederalTax;
     employeeStateTaxesList: EmployeeStateTax[];
 }, {
     isPending: boolean;
+    isFederalTaxesLoading: boolean;
+    isStateTaxesLoading: boolean;
 }>;
-export type UseEmployeeTaxesResult = HookLoadingResult | UseEmployeeTaxesReady;
+/**
+ * Phase B: non-Suspense queries so the federal and state tax cards
+ * paint independently. `isFederalTaxesLoading` and `isStateTaxesLoading`
+ * let TaxesView render a per-card skeleton while the box header stays
+ * visible.
+ */
 export declare function useEmployeeTaxes({ employeeId }: UseEmployeeTaxesProps): UseEmployeeTaxesResult;
 export {};