@gusto/embedded-react-sdk 0.44.2 → 0.46.0

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

@@ -1,28 +1,44 @@
 import { Job } from '@gusto/embedded-api/models/components/job';
-import { Garnishment } from '@gusto/embedded-api/models/components/garnishment';
-import { GetV1EmployeesEmployeeIdPaymentMethodResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidpaymentmethod';
-import { GetV1EmployeesEmployeeIdBankAccountsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidbankaccounts';
 import { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeuuidpaystubs';
-import { HookLoadingResult, BaseHookReady } from '../../../../partner-hook-utils/types';
+import { PendingCompensationChange } from '../getPendingCompensationChanges';
+import { BaseHookReady, HookSubmitResult } from '../../../../partner-hook-utils/types';
 import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
-type EmployeeBankAccount = NonNullable<GetV1EmployeesEmployeeIdBankAccountsResponse['employeeBankAccounts']>[number];
 type EmployeePayStub = NonNullable<GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']>[number];
 export interface UseEmployeeCompensationProps {
     employeeId: string;
 }
-interface UseEmployeeCompensationReady extends BaseHookReady<{
+export interface UseEmployeeCompensationResult extends BaseHookReady<{
+    jobs: Job[];
     primaryJob?: Job;
-    employeePaymentMethod?: NonNullable<GetV1EmployeesEmployeeIdPaymentMethodResponse['employeePaymentMethod']>;
-    bankAccounts: EmployeeBankAccount[];
-    garnishmentList: Garnishment[];
+    primaryFlsaStatus?: string;
+    hasMultipleJobs: boolean;
+    pendingChanges: PendingCompensationChange[];
     payStubs: EmployeePayStub[];
+    /** First name from the shared employee fetch; useful for cosmetic copy
+     *  in alerts (e.g. "Heads up, Jane has pending changes"). Optional
+     *  because the employee record can omit it. */
+    employeeFirstName?: string;
 }, {
     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;
     };
+    actions: {
+        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

@@ -1,52 +1,75 @@
-import { useMemo as u } from "react";
-import { useEmployeesGetSuspense as L } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeePaymentMethodGetSuspense as k } from "@gusto/embedded-api/react-query/employeePaymentMethodGet";
-import { useEmployeePaymentMethodsGetBankAccountsSuspense as A } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
-import { useGarnishmentsListSuspense as E } from "@gusto/embedded-api/react-query/garnishmentsList";
-import { usePayrollsGetPayStubsSuspense as G } from "@gusto/embedded-api/react-query/payrollsGetPayStubs";
-import { composeErrorHandler as Q } from "../../../../partner-hook-utils/composeErrorHandler.js";
-import { usePagination as j } from "../../../../hooks/usePagination/usePagination.js";
-function w({
-  employeeId: e
+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: h, itemsPerPage: d, getPaginationProps: p } = j({
+  const { currentPage: c, itemsPerPage: d, getPaginationProps: m } = D({
     defaultItemsPerPage: 10
-  }), s = L({ employeeId: e }), n = k({ employeeId: e }), o = A({ employeeId: e }), a = E({ employeeId: e }), t = G({
-    employeeId: e,
-    page: h,
-    per: d
-  }), r = s.data.employee, P = n.data.employeePaymentMethod, c = o.data, l = a.data.garnishments, i = t.data, b = u(() => r?.jobs?.find((m) => m.primary === !0), [r?.jobs]), f = u(() => c.employeeBankAccounts || [], [c]), S = i.employeePayStubsList || [], M = u(() => {
-    const m = i.httpMeta.response.headers;
-    return p(m, t.isFetching);
-  }, [i.httpMeta.response.headers, t.isFetching, p]), y = s.isFetching || n.isFetching || o.isFetching || a.isFetching || t.isFetching, F = !r && y, g = Q([
-    s,
-    n,
-    o,
-    a,
-    t
-  ]);
-  return F ? {
-    isLoading: !0,
-    errorHandling: g
-  } : {
+  }), 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 }
+        }) };
+      }), u;
+    },
+    [p, o]
+  ), F = i.isFetching || e.isFetching || o.isPending, L = w([i, e], {
+    submitError: l,
+    setSubmitError: g
+  });
+  return {
     isLoading: !1,
     data: {
-      primaryJob: b,
-      employeePaymentMethod: P || void 0,
-      bankAccounts: f,
-      garnishmentList: l || [],
-      payStubs: S
+      jobs: t,
+      primaryJob: y,
+      primaryFlsaStatus: b,
+      hasMultipleJobs: P,
+      pendingChanges: f,
+      payStubs: h,
+      employeeFirstName: n?.firstName ?? void 0
     },
     status: {
-      isPending: y
+      isPending: F,
+      cancellingCompensationUuid: C,
+      isEmployeeLoading: i.isLoading,
+      isPayStubsLoading: e.isLoading
     },
     pagination: {
-      payStubs: M
+      payStubs: S
+    },
+    actions: {
+      cancelPendingChange: E
     },
-    errorHandling: g
+    errorHandling: L
   };
 }
 export {
-  w as useEmployeeCompensation
+  z as useEmployeeCompensation
 };
 //# sourceMappingURL=useEmployeeCompensation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeCompensation.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeCompensation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeePaymentMethodGetSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodGet'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { useGarnishmentsListSuspense } from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { usePayrollsGetPayStubsSuspense } from '@gusto/embedded-api/react-query/payrollsGetPayStubs'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { GetV1EmployeesEmployeeIdPaymentMethodResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidpaymentmethod'\nimport type { GetV1EmployeesEmployeeIdBankAccountsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidbankaccounts'\nimport type { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeuuidpaystubs'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\n// Derive types from operations responses\ntype EmployeeBankAccount = NonNullable<\n  GetV1EmployeesEmployeeIdBankAccountsResponse['employeeBankAccounts']\n>[number]\ntype EmployeePayStub = NonNullable<\n  GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']\n>[number]\n\nexport interface UseEmployeeCompensationProps {\n  employeeId: string\n}\n\ninterface UseEmployeeCompensationReady extends BaseHookReady<\n  {\n    primaryJob?: Job\n    employeePaymentMethod?: NonNullable<\n      GetV1EmployeesEmployeeIdPaymentMethodResponse['employeePaymentMethod']\n    >\n    bankAccounts: EmployeeBankAccount[]\n    garnishmentList: Garnishment[]\n    payStubs: EmployeePayStub[]\n  },\n  { isPending: boolean }\n> {\n  pagination: {\n    payStubs?: PaginationControlProps\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({ employeeId })\n  const paymentMethodQuery = useEmployeePaymentMethodGetSuspense({ employeeId })\n  const bankAccountsQuery = useEmployeePaymentMethodsGetBankAccountsSuspense({ employeeId })\n  const garnishmentsQuery = useGarnishmentsListSuspense({ employeeId })\n  const payStubsQuery = usePayrollsGetPayStubsSuspense({\n    employeeId,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n\n  const employee = employeeQuery.data.employee\n  const employeePaymentMethod = paymentMethodQuery.data.employeePaymentMethod\n  const bankAccountsData = bankAccountsQuery.data\n  const garnishmentList = garnishmentsQuery.data.garnishments\n  const payStubsData = payStubsQuery.data\n\n  // Derive primary job\n  const primaryJob = useMemo(() => {\n    return employee?.jobs?.find(job => job.primary === true)\n  }, [employee?.jobs])\n\n  // Derive bank accounts\n  const bankAccounts = useMemo(() => {\n    return bankAccountsData.employeeBankAccounts || []\n  }, [bankAccountsData])\n\n  // Extract paystubs from response\n  const payStubs = payStubsData.employeePayStubsList || []\n\n  // Extract pagination from API response headers\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 isPending =\n    employeeQuery.isFetching ||\n    paymentMethodQuery.isFetching ||\n    bankAccountsQuery.isFetching ||\n    garnishmentsQuery.isFetching ||\n    payStubsQuery.isFetching\n\n  const isLoading = !employee && isPending\n\n  const errorHandling = composeErrorHandler([\n    employeeQuery,\n    paymentMethodQuery,\n    bankAccountsQuery,\n    garnishmentsQuery,\n    payStubsQuery,\n  ])\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: {\n      primaryJob,\n      employeePaymentMethod: employeePaymentMethod || undefined,\n      bankAccounts,\n      garnishmentList: garnishmentList || [],\n      payStubs,\n    },\n    status: {\n      isPending,\n    },\n    pagination: {\n      payStubs: payStubsPagination,\n    },\n    errorHandling,\n  }\n}\n"],"names":["useEmployeeCompensation","employeeId","currentPage","itemsPerPage","getPaginationProps","usePagination","employeeQuery","useEmployeesGetSuspense","paymentMethodQuery","useEmployeePaymentMethodGetSuspense","bankAccountsQuery","useEmployeePaymentMethodsGetBankAccountsSuspense","garnishmentsQuery","useGarnishmentsListSuspense","payStubsQuery","usePayrollsGetPayStubsSuspense","employee","employeePaymentMethod","bankAccountsData","garnishmentList","payStubsData","primaryJob","useMemo","job","bankAccounts","payStubs","payStubsPagination","headers","isPending","isLoading","errorHandling","composeErrorHandler"],"mappings":";;;;;;;;AA+CO,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,EAAE,YAAAN,GAAY,GACtDO,IAAqBC,EAAoC,EAAE,YAAAR,GAAY,GACvES,IAAoBC,EAAiD,EAAE,YAAAV,GAAY,GACnFW,IAAoBC,EAA4B,EAAE,YAAAZ,GAAY,GAC9Da,IAAgBC,EAA+B;AAAA,IACnD,YAAAd;AAAA,IACA,MAAMC;AAAA,IACN,KAAKC;AAAA,EAAA,CACN,GAEKa,IAAWV,EAAc,KAAK,UAC9BW,IAAwBT,EAAmB,KAAK,uBAChDU,IAAmBR,EAAkB,MACrCS,IAAkBP,EAAkB,KAAK,cACzCQ,IAAeN,EAAc,MAG7BO,IAAaC,EAAQ,MAClBN,GAAU,MAAM,KAAK,CAAAO,MAAOA,EAAI,YAAY,EAAI,GACtD,CAACP,GAAU,IAAI,CAAC,GAGbQ,IAAeF,EAAQ,MACpBJ,EAAiB,wBAAwB,CAAA,GAC/C,CAACA,CAAgB,CAAC,GAGfO,IAAWL,EAAa,wBAAwB,CAAA,GAGhDM,IAAqBJ,EAAQ,MAAM;AACvC,UAAMK,IAAUP,EAAa,SAAS,SAAS;AAC/C,WAAOhB,EAAmBuB,GAASb,EAAc,UAAU;AAAA,EAC7D,GAAG,CAACM,EAAa,SAAS,SAAS,SAASN,EAAc,YAAYV,CAAkB,CAAC,GAEnFwB,IACJtB,EAAc,cACdE,EAAmB,cACnBE,EAAkB,cAClBE,EAAkB,cAClBE,EAAc,YAEVe,IAAY,CAACb,KAAYY,GAEzBE,IAAgBC,EAAoB;AAAA,IACxCzB;AAAA,IACAE;AAAA,IACAE;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,CACD;AAED,SAAIe,IACK;AAAA,IACL,WAAW;AAAA,IACX,eAAAC;AAAA,EAAA,IAIG;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,YAAAT;AAAA,MACA,uBAAuBJ,KAAyB;AAAA,MAChD,cAAAO;AAAA,MACA,iBAAiBL,KAAmB,CAAA;AAAA,MACpC,UAAAM;AAAA,IAAA;AAAA,IAEF,QAAQ;AAAA,MACN,WAAAG;AAAA,IAAA;AAAA,IAEF,YAAY;AAAA,MACV,UAAUF;AAAA,IAAA;AAAA,IAEZ,eAAAI;AAAA,EAAA;AAEJ;"}
+{"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

@@ -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

@@ -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

@@ -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;"}
+{"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

@@ -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 {};

package/dist/components/Employee/Dashboard/hooks/useEmployeeTaxes.js

@@ -1,24 +1,29 @@
-import { useEmployeeTaxSetupGetFederalTaxesSuspense as p } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
-import { useEmployeeTaxSetupGetStateTaxesSuspense as l } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
-import { composeErrorHandler as m } from "../../../../partner-hook-utils/composeErrorHandler.js";
-function T({ employeeId: s }) {
-  const e = p({ employeeUuid: s }), t = l({ employeeUuid: s }), a = e.data.employeeFederalTax, i = t.data.employeeStateTaxesList, o = e.isFetching || t.isFetching, n = !a && o, r = m([e, t]);
-  return n ? {
-    isLoading: !0,
-    errorHandling: r
-  } : {
+import { useEmployeeTaxSetupGetFederalTaxes as i } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
+import { useEmployeeTaxSetupGetStateTaxes as s } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
+import { composeErrorHandler as o } from "../../../../partner-hook-utils/composeErrorHandler.js";
+function d({ employeeId: t }) {
+  const e = i(
+    { employeeUuid: t },
+    { staleTime: 1 / 0 }
+  ), a = s(
+    { employeeUuid: t },
+    { staleTime: 1 / 0 }
+  );
+  return {
     isLoading: !1,
     data: {
-      employeeFederalTax: a,
-      employeeStateTaxesList: i || []
+      employeeFederalTax: e.data?.employeeFederalTax,
+      employeeStateTaxesList: a.data?.employeeStateTaxesList ?? []
     },
     status: {
-      isPending: o
+      isPending: e.isFetching || a.isFetching,
+      isFederalTaxesLoading: e.isLoading,
+      isStateTaxesLoading: a.isLoading
     },
-    errorHandling: r
+    errorHandling: o([e, a])
   };
 }
 export {
-  T as useEmployeeTaxes
+  d as useEmployeeTaxes
 };
 //# sourceMappingURL=useEmployeeTaxes.js.map

package/dist/components/Employee/Dashboard/hooks/useEmployeeTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeTaxes.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeTaxes.tsx"],"sourcesContent":["import { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport type { GetV1EmployeesEmployeeIdFederalTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidfederaltaxes'\nimport type { GetV1EmployeesEmployeeIdStateTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidstatetaxes'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\n\n// Derive types from operations responses\ntype EmployeeFederalTax = NonNullable<\n  GetV1EmployeesEmployeeIdFederalTaxesResponse['employeeFederalTax']\n>\ntype EmployeeStateTax = NonNullable<\n  GetV1EmployeesEmployeeIdStateTaxesResponse['employeeStateTaxesList']\n>[number]\n\nexport interface UseEmployeeTaxesProps {\n  employeeId: string\n}\n\ntype UseEmployeeTaxesReady = BaseHookReady<\n  {\n    employeeFederalTax?: EmployeeFederalTax\n    employeeStateTaxesList: EmployeeStateTax[]\n  },\n  { isPending: boolean }\n>\n\nexport type UseEmployeeTaxesResult = HookLoadingResult | UseEmployeeTaxesReady\n\nexport function useEmployeeTaxes({ employeeId }: UseEmployeeTaxesProps): UseEmployeeTaxesResult {\n  const federalTaxesQuery = useEmployeeTaxSetupGetFederalTaxesSuspense({ employeeUuid: employeeId })\n  const stateTaxesQuery = useEmployeeTaxSetupGetStateTaxesSuspense({ employeeUuid: employeeId })\n\n  const employeeFederalTax = federalTaxesQuery.data.employeeFederalTax\n  const employeeStateTaxesList = stateTaxesQuery.data.employeeStateTaxesList\n\n  const isPending = federalTaxesQuery.isFetching || stateTaxesQuery.isFetching\n  const isLoading = !employeeFederalTax && isPending\n\n  const errorHandling = composeErrorHandler([federalTaxesQuery, stateTaxesQuery])\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: {\n      employeeFederalTax,\n      employeeStateTaxesList: employeeStateTaxesList || [],\n    },\n    status: {\n      isPending,\n    },\n    errorHandling,\n  }\n}\n"],"names":["useEmployeeTaxes","employeeId","federalTaxesQuery","useEmployeeTaxSetupGetFederalTaxesSuspense","stateTaxesQuery","useEmployeeTaxSetupGetStateTaxesSuspense","employeeFederalTax","employeeStateTaxesList","isPending","isLoading","errorHandling","composeErrorHandler"],"mappings":";;;AA6BO,SAASA,EAAiB,EAAE,YAAAC,KAA6D;AAC9F,QAAMC,IAAoBC,EAA2C,EAAE,cAAcF,GAAY,GAC3FG,IAAkBC,EAAyC,EAAE,cAAcJ,GAAY,GAEvFK,IAAqBJ,EAAkB,KAAK,oBAC5CK,IAAyBH,EAAgB,KAAK,wBAE9CI,IAAYN,EAAkB,cAAcE,EAAgB,YAC5DK,IAAY,CAACH,KAAsBE,GAEnCE,IAAgBC,EAAoB,CAACT,GAAmBE,CAAe,CAAC;AAE9E,SAAIK,IACK;AAAA,IACL,WAAW;AAAA,IACX,eAAAC;AAAA,EAAA,IAIG;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,oBAAAJ;AAAA,MACA,wBAAwBC,KAA0B,CAAA;AAAA,IAAC;AAAA,IAErD,QAAQ;AAAA,MACN,WAAAC;AAAA,IAAA;AAAA,IAEF,eAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useEmployeeTaxes.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeTaxes.tsx"],"sourcesContent":["import { useEmployeeTaxSetupGetFederalTaxes } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxes } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport type { GetV1EmployeesEmployeeIdFederalTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidfederaltaxes'\nimport type { GetV1EmployeesEmployeeIdStateTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidstatetaxes'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady } from '@/partner-hook-utils/types'\n\ntype EmployeeFederalTax = NonNullable<\n  GetV1EmployeesEmployeeIdFederalTaxesResponse['employeeFederalTax']\n>\ntype EmployeeStateTax = NonNullable<\n  GetV1EmployeesEmployeeIdStateTaxesResponse['employeeStateTaxesList']\n>[number]\n\nexport interface UseEmployeeTaxesProps {\n  employeeId: string\n}\n\nexport type UseEmployeeTaxesResult = BaseHookReady<\n  {\n    employeeFederalTax?: EmployeeFederalTax\n    employeeStateTaxesList: EmployeeStateTax[]\n  },\n  {\n    isPending: boolean\n    isFederalTaxesLoading: boolean\n    isStateTaxesLoading: boolean\n  }\n>\n\n/**\n * Phase B: non-Suspense queries so the federal and state tax cards\n * paint independently. `isFederalTaxesLoading` and `isStateTaxesLoading`\n * let TaxesView render a per-card skeleton while the box header stays\n * visible.\n */\nexport function useEmployeeTaxes({ employeeId }: UseEmployeeTaxesProps): UseEmployeeTaxesResult {\n  // staleTime: Infinity — see useEmployeeCompensation for rationale (SDK\n  // QueryClient invalidates on any mutation success).\n  const federalTaxesQuery = useEmployeeTaxSetupGetFederalTaxes(\n    { employeeUuid: employeeId },\n    { staleTime: Infinity },\n  )\n  const stateTaxesQuery = useEmployeeTaxSetupGetStateTaxes(\n    { employeeUuid: employeeId },\n    { staleTime: Infinity },\n  )\n\n  return {\n    isLoading: false,\n    data: {\n      employeeFederalTax: federalTaxesQuery.data?.employeeFederalTax,\n      employeeStateTaxesList: stateTaxesQuery.data?.employeeStateTaxesList ?? [],\n    },\n    status: {\n      isPending: federalTaxesQuery.isFetching || stateTaxesQuery.isFetching,\n      isFederalTaxesLoading: federalTaxesQuery.isLoading,\n      isStateTaxesLoading: stateTaxesQuery.isLoading,\n    },\n    errorHandling: composeErrorHandler([federalTaxesQuery, stateTaxesQuery]),\n  }\n}\n"],"names":["useEmployeeTaxes","employeeId","federalTaxesQuery","useEmployeeTaxSetupGetFederalTaxes","stateTaxesQuery","useEmployeeTaxSetupGetStateTaxes","composeErrorHandler"],"mappings":";;;AAoCO,SAASA,EAAiB,EAAE,YAAAC,KAA6D;AAG9F,QAAMC,IAAoBC;AAAA,IACxB,EAAE,cAAcF,EAAA;AAAA,IAChB,EAAE,WAAW,MAAA;AAAA,EAAS,GAElBG,IAAkBC;AAAA,IACtB,EAAE,cAAcJ,EAAA;AAAA,IAChB,EAAE,WAAW,MAAA;AAAA,EAAS;AAGxB,SAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,oBAAoBC,EAAkB,MAAM;AAAA,MAC5C,wBAAwBE,EAAgB,MAAM,0BAA0B,CAAA;AAAA,IAAC;AAAA,IAE3E,QAAQ;AAAA,MACN,WAAWF,EAAkB,cAAcE,EAAgB;AAAA,MAC3D,uBAAuBF,EAAkB;AAAA,MACzC,qBAAqBE,EAAgB;AAAA,IAAA;AAAA,IAEvC,eAAeE,EAAoB,CAACJ,GAAmBE,CAAe,CAAC;AAAA,EAAA;AAE3E;"}

package/dist/components/Employee/Dashboard/usePendingChangeDetailRenderer.d.ts

@@ -0,0 +1,8 @@
+import { PendingChangeDetail } from './getPendingCompensationChanges';
+/**
+ * Renders a single `PendingChangeDetail` produced by `getPendingCompensationChanges`
+ * into the user-facing bullet string. Resolves FLSA enum values to their human
+ * labels via the Compensation namespace and formats pay/min-wage rates with the
+ * shared `useFormatPayRate` helper so the copy matches the form.
+ */
+export declare function usePendingChangeDetailRenderer(employeeFirstName: string | null | undefined): (detail: PendingChangeDetail) => string;

package/dist/components/Employee/Dashboard/usePendingChangeDetailRenderer.js

@@ -0,0 +1,61 @@
+import { useTranslation as g } from "react-i18next";
+import { useFormatCompensationRate as p } from "../../../helpers/formattedStrings.js";
+function c(r) {
+  const { t: e } = g("Employee.Dashboard"), { t: m } = g("Employee.Compensation"), t = p(), o = r ?? "";
+  return (n) => {
+    const a = { interpolation: { escapeValue: !1 } };
+    switch (n.kind) {
+      case "titleChange":
+        return e("jobAndPay.compensation.pendingChange.details.titleChange", {
+          title: n.title,
+          ...a
+        });
+      case "payChange":
+        return e("jobAndPay.compensation.pendingChange.details.payChange", {
+          formattedRate: t(n.rate, n.paymentUnit),
+          ...a
+        });
+      case "flsaChange":
+        return e("jobAndPay.compensation.pendingChange.details.flsaChange", {
+          flsaLabel: m(`flsaStatusLabels.${n.flsaStatus}`),
+          ...a
+        });
+      case "newJob": {
+        const i = n.rate !== null && n.paymentUnit !== null, s = i ? t(n.rate, n.paymentUnit) : null;
+        return n.title && i ? e("jobAndPay.compensation.pendingChange.details.newJob", {
+          name: o,
+          title: n.title,
+          formattedRate: s,
+          ...a
+        }) : i ? e("jobAndPay.compensation.pendingChange.details.newJobNoTitle", {
+          name: o,
+          formattedRate: s,
+          ...a
+        }) : n.title ? e("jobAndPay.compensation.pendingChange.details.newJobNoRate", {
+          name: o,
+          title: n.title,
+          ...a
+        }) : e("jobAndPay.compensation.pendingChange.details.newJobMinimal", {
+          name: o,
+          ...a
+        });
+      }
+      case "minWageEnabled":
+        return n.wage ? e("jobAndPay.compensation.pendingChange.details.minWageEnabled", {
+          formattedWage: t(Number(n.wage), "Hour"),
+          ...a
+        }) : e("jobAndPay.compensation.pendingChange.details.minWageEnabledNoRate");
+      case "minWageDisabled":
+        return e("jobAndPay.compensation.pendingChange.details.minWageDisabled");
+      case "minWageChanged":
+        return n.wage ? e("jobAndPay.compensation.pendingChange.details.minWageChanged", {
+          formattedWage: t(Number(n.wage), "Hour"),
+          ...a
+        }) : e("jobAndPay.compensation.pendingChange.details.minWageChangedNoRate");
+    }
+  };
+}
+export {
+  c as usePendingChangeDetailRenderer
+};
+//# sourceMappingURL=usePendingChangeDetailRenderer.js.map

package/dist/components/Employee/Dashboard/usePendingChangeDetailRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePendingChangeDetailRenderer.js","sources":["../../../../src/components/Employee/Dashboard/usePendingChangeDetailRenderer.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PendingChangeDetail } from './getPendingCompensationChanges'\nimport { useFormatCompensationRate } from '@/helpers/formattedStrings'\n\n/**\n * Renders a single `PendingChangeDetail` produced by `getPendingCompensationChanges`\n * into the user-facing bullet string. Resolves FLSA enum values to their human\n * labels via the Compensation namespace and formats pay/min-wage rates with the\n * shared `useFormatPayRate` helper so the copy matches the form.\n */\nexport function usePendingChangeDetailRenderer(employeeFirstName: string | null | undefined) {\n  const { t: tDashboard } = useTranslation('Employee.Dashboard')\n  const { t: tCompensation } = useTranslation('Employee.Compensation')\n  const formatCompensationRate = useFormatCompensationRate()\n  const name = employeeFirstName ?? ''\n\n  return (detail: PendingChangeDetail): string => {\n    const interpolation = { interpolation: { escapeValue: false } }\n    switch (detail.kind) {\n      case 'titleChange':\n        return tDashboard('jobAndPay.compensation.pendingChange.details.titleChange', {\n          title: detail.title,\n          ...interpolation,\n        })\n      case 'payChange':\n        return tDashboard('jobAndPay.compensation.pendingChange.details.payChange', {\n          formattedRate: formatCompensationRate(detail.rate, detail.paymentUnit),\n          ...interpolation,\n        })\n      case 'flsaChange':\n        return tDashboard('jobAndPay.compensation.pendingChange.details.flsaChange', {\n          flsaLabel: tCompensation(`flsaStatusLabels.${detail.flsaStatus}`),\n          ...interpolation,\n        })\n      case 'newJob': {\n        const hasRate = detail.rate !== null && detail.paymentUnit !== null\n        const formattedRate = hasRate\n          ? formatCompensationRate(detail.rate!, detail.paymentUnit!)\n          : null\n        if (detail.title && hasRate) {\n          return tDashboard('jobAndPay.compensation.pendingChange.details.newJob', {\n            name,\n            title: detail.title,\n            formattedRate,\n            ...interpolation,\n          })\n        }\n        if (hasRate) {\n          return tDashboard('jobAndPay.compensation.pendingChange.details.newJobNoTitle', {\n            name,\n            formattedRate,\n            ...interpolation,\n          })\n        }\n        if (detail.title) {\n          return tDashboard('jobAndPay.compensation.pendingChange.details.newJobNoRate', {\n            name,\n            title: detail.title,\n            ...interpolation,\n          })\n        }\n        return tDashboard('jobAndPay.compensation.pendingChange.details.newJobMinimal', {\n          name,\n          ...interpolation,\n        })\n      }\n      case 'minWageEnabled':\n        return detail.wage\n          ? tDashboard('jobAndPay.compensation.pendingChange.details.minWageEnabled', {\n              formattedWage: formatCompensationRate(Number(detail.wage), 'Hour'),\n              ...interpolation,\n            })\n          : tDashboard('jobAndPay.compensation.pendingChange.details.minWageEnabledNoRate')\n      case 'minWageDisabled':\n        return tDashboard('jobAndPay.compensation.pendingChange.details.minWageDisabled')\n      case 'minWageChanged':\n        return detail.wage\n          ? tDashboard('jobAndPay.compensation.pendingChange.details.minWageChanged', {\n              formattedWage: formatCompensationRate(Number(detail.wage), 'Hour'),\n              ...interpolation,\n            })\n          : tDashboard('jobAndPay.compensation.pendingChange.details.minWageChangedNoRate')\n    }\n  }\n}\n"],"names":["usePendingChangeDetailRenderer","employeeFirstName","tDashboard","useTranslation","tCompensation","formatCompensationRate","useFormatCompensationRate","name","detail","interpolation","hasRate","formattedRate"],"mappings":";;AAUO,SAASA,EAA+BC,GAA8C;AAC3F,QAAM,EAAE,GAAGC,MAAeC,EAAe,oBAAoB,GACvD,EAAE,GAAGC,MAAkBD,EAAe,uBAAuB,GAC7DE,IAAyBC,EAAA,GACzBC,IAAON,KAAqB;AAElC,SAAO,CAACO,MAAwC;AAC9C,UAAMC,IAAgB,EAAE,eAAe,EAAE,aAAa,KAAM;AAC5D,YAAQD,EAAO,MAAA;AAAA,MACb,KAAK;AACH,eAAON,EAAW,4DAA4D;AAAA,UAC5E,OAAOM,EAAO;AAAA,UACd,GAAGC;AAAA,QAAA,CACJ;AAAA,MACH,KAAK;AACH,eAAOP,EAAW,0DAA0D;AAAA,UAC1E,eAAeG,EAAuBG,EAAO,MAAMA,EAAO,WAAW;AAAA,UACrE,GAAGC;AAAA,QAAA,CACJ;AAAA,MACH,KAAK;AACH,eAAOP,EAAW,2DAA2D;AAAA,UAC3E,WAAWE,EAAc,oBAAoBI,EAAO,UAAU,EAAE;AAAA,UAChE,GAAGC;AAAA,QAAA,CACJ;AAAA,MACH,KAAK,UAAU;AACb,cAAMC,IAAUF,EAAO,SAAS,QAAQA,EAAO,gBAAgB,MACzDG,IAAgBD,IAClBL,EAAuBG,EAAO,MAAOA,EAAO,WAAY,IACxD;AACJ,eAAIA,EAAO,SAASE,IACXR,EAAW,uDAAuD;AAAA,UACvE,MAAAK;AAAA,UACA,OAAOC,EAAO;AAAA,UACd,eAAAG;AAAA,UACA,GAAGF;AAAA,QAAA,CACJ,IAECC,IACKR,EAAW,8DAA8D;AAAA,UAC9E,MAAAK;AAAA,UACA,eAAAI;AAAA,UACA,GAAGF;AAAA,QAAA,CACJ,IAECD,EAAO,QACFN,EAAW,6DAA6D;AAAA,UAC7E,MAAAK;AAAA,UACA,OAAOC,EAAO;AAAA,UACd,GAAGC;AAAA,QAAA,CACJ,IAEIP,EAAW,8DAA8D;AAAA,UAC9E,MAAAK;AAAA,UACA,GAAGE;AAAA,QAAA,CACJ;AAAA,MACH;AAAA,MACA,KAAK;AACH,eAAOD,EAAO,OACVN,EAAW,+DAA+D;AAAA,UACxE,eAAeG,EAAuB,OAAOG,EAAO,IAAI,GAAG,MAAM;AAAA,UACjE,GAAGC;AAAA,QAAA,CACJ,IACDP,EAAW,mEAAmE;AAAA,MACpF,KAAK;AACH,eAAOA,EAAW,8DAA8D;AAAA,MAClF,KAAK;AACH,eAAOM,EAAO,OACVN,EAAW,+DAA+D;AAAA,UACxE,eAAeG,EAAuB,OAAOG,EAAO,IAAI,GAAG,MAAM;AAAA,UACjE,GAAGC;AAAA,QAAA,CACJ,IACDP,EAAW,mEAAmE;AAAA,IAAA;AAAA,EAExF;AACF;"}

package/dist/components/Employee/Deductions/Deductions.d.ts

@@ -1,11 +1,5 @@
-import { BaseComponentInterface } from '../../Base';
+import { BaseComponentInterface } from '../../Base/Base';
 export interface DeductionsProps extends BaseComponentInterface<'Employee.Deductions'> {
     employeeId: string;
 }
-export declare function Deductions(props: DeductionsProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Deductions {
-    var IncludeDeductions: typeof import("./IncludeDeductions/IncludeDeductions").IncludeDeductions;
-    var DeductionsForm: typeof import("./DeductionsForm/DeductionsForm").DeductionsForm;
-    var DeductionsList: typeof import("./DeductionsList/DeductionsList").DeductionsList;
-}
-export declare const DeductionsContextual: () => import("react/jsx-runtime").JSX.Element;
+export declare function Deductions({ employeeId, dictionary, onEvent }: DeductionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Deductions/Deductions.js

@@ -1,59 +1,32 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import { createMachine as D } from "robot3";
-import { useGarnishmentsListSuspense as f } from "@gusto/embedded-api/react-query/garnishmentsList";
-import { useMemo as d } from "react";
-import { DeductionsListContextual as h, IncludeDeductionsFormContextual as w } from "./DeductionsComponents.js";
-import { deductionsStateMachine as x } from "./stateMachine.js";
-import { DeductionsForm as C } from "./DeductionsForm/DeductionsForm.js";
-import { DeductionsList as F } from "./DeductionsList/DeductionsList.js";
-import { IncludeDeductions as g } from "./IncludeDeductions/IncludeDeductions.js";
-import { Flow as v } from "../../Flow/Flow.js";
-import { BaseComponent as E } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { useComponentDictionary as I } from "../../../i18n/I18n.js";
-import { useFlow as L } from "../../Flow/useFlow.js";
-function M({ employeeId: o, onEvent: i, dictionary: r }) {
-  I("Employee.Deductions", r);
-  const { data: a } = f({ employeeId: o }), c = a.garnishments.filter((s) => s.active), t = d(
-    () => c.length > 0,
-    [c.length]
-  ), m = t ? "viewDeductions" : "includeDeductions", u = t ? h : w, p = d(
-    () => D(
-      m,
-      x,
-      (s) => ({
-        ...s,
-        component: u,
-        employeeId: o,
-        currentDeductionId: null,
-        hasExistingDeductions: t
+import { jsx as s } from "react/jsx-runtime";
+import { createMachine as c } from "robot3";
+import { useMemo as u } from "react";
+import { useGarnishmentsListSuspense as a } from "@gusto/embedded-api/react-query/garnishmentsList";
+import { DeductionsListContextual as p, IncludeDeductionsContextual as d } from "./deductionsContextualComponents.js";
+import { deductionsMachine as f } from "./stateMachine.js";
+import { Flow as D } from "../../Flow/Flow.js";
+import { BaseBoundaries as l } from "../../Base/Base.js";
+import { useComponentDictionary as h, useI18n as x } from "../../../i18n/I18n.js";
+function A({ employeeId: o, dictionary: t, onEvent: e }) {
+  return /* @__PURE__ */ s(l, { componentName: "Employee.Deductions", children: /* @__PURE__ */ s(C, { employeeId: o, dictionary: t, onEvent: e }) });
+}
+function C({ employeeId: o, dictionary: t, onEvent: e }) {
+  h("Employee.Deductions", t), x("Employee.Deductions");
+  const { data: r } = a({ employeeId: o }), n = (r.garnishments ?? []).some((i) => i.active), m = u(
+    () => c(
+      n ? "list" : "include",
+      f,
+      (i) => ({
+        ...i,
+        component: n ? p : d,
+        employeeId: o
       })
     ),
-    [m, u, o, t]
+    [o, n]
   );
-  return /* @__PURE__ */ n(v, { machine: p, onEvent: i });
-}
-function e(o) {
-  return /* @__PURE__ */ n(E, { ...o, children: /* @__PURE__ */ n(M, { ...o }) });
+  return /* @__PURE__ */ s(D, { machine: m, onEvent: e });
 }
-const N = () => {
-  const { employeeId: o, onEvent: i } = L(), { t: r } = l("common");
-  if (!o)
-    throw new Error(
-      r("errors.missingParamsOrContext", {
-        component: "Deductions",
-        param: "employeeId",
-        provider: "FlowProvider"
-      })
-    );
-  return /* @__PURE__ */ n(e, { employeeId: o, onEvent: i });
-};
-e.IncludeDeductions = g;
-e.DeductionsForm = C;
-e.DeductionsList = F;
 export {
-  e as Deductions,
-  N as DeductionsContextual
+  A as Deductions
 };
 //# sourceMappingURL=Deductions.js.map