@gusto/embedded-react-sdk 0.39.0 → 0.40.0

package/dist/components/Employee/Compensation/shared/useCompensationForm/useCompensationForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCompensationForm.js","sources":["../../../../../../src/components/Employee/Compensation/shared/useCompensationForm/useCompensationForm.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useForm, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Compensation, PaymentUnit } from '@gusto/embedded-api/models/components/compensation'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsCreateJobMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob'\nimport { useJobsAndCompensationsUpdateMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdate'\nimport { useJobsAndCompensationsUpdateCompensationMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation'\nimport { useLocationsGetMinimumWages } from '@gusto/embedded-api/react-query/locationsGetMinimumWages'\nimport { useEmployeeAddressesGetWorkAddresses } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useFederalTaxDetailsGet } from '@gusto/embedded-api/react-query/federalTaxDetailsGet'\nimport {\n  createCompensationSchema,\n  type CompensationOptionalFieldsToRequire,\n  type CompensationFormData,\n  type CompensationFormOutputs,\n} from './compensationSchema'\nimport {\n  JobTitleField,\n  FlsaStatusField,\n  RateField,\n  PaymentUnitField,\n  AdjustForMinimumWageField,\n  MinimumWageIdField,\n  TwoPercentShareholderField,\n  StateWcCoveredField,\n  StateWcClassCodeField,\n  StartDateField,\n} from './fields'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { FlsaStatus, PAY_PERIODS, TIP_CREDITS_UNSUPPORTED_STATES } from '@/shared/constants'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { WA_RISK_CLASS_CODES, type WARiskClassCode } from '@/models/WA_RISK_CODES'\n\nexport interface CompensationSubmitCallbacks {\n  onJobCreated?: (job: Job) => void\n  onJobUpdated?: (job: Job) => void\n  onCompensationUpdated?: (compensation: Compensation | undefined) => void\n}\n\nexport interface CompensationSubmitOptions {\n  employeeId?: string\n  startDate?: string\n}\n\nexport interface UseCompensationFormProps {\n  employeeId?: string\n  withStartDateField?: boolean\n  jobId?: string\n  optionalFieldsToRequire?: CompensationOptionalFieldsToRequire\n  defaultValues?: Partial<CompensationFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface UseCompensationFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  CompensationFormData\n> {\n  data: {\n    compensation: Compensation | null\n    jobs: Job[] | undefined\n    currentJob: Job | null\n    minimumWages: MinimumWage[]\n  }\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  actions: {\n    onSubmit: (\n      callbacks?: CompensationSubmitCallbacks,\n      options?: CompensationSubmitOptions,\n    ) => Promise<HookSubmitResult<Compensation | undefined> | undefined>\n  }\n}\n\nfunction findCurrentCompensation(job?: Job | null): Compensation | undefined {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\ntype FlsaStatusValue = CompensationFormData['flsaStatus']\n\nfunction derivePrimaryFlsaStatus(jobs: Job[]): FlsaStatusValue | undefined {\n  return jobs.reduce<FlsaStatusValue | undefined>((prev, curr) => {\n    const compensation = curr.compensations?.find(\n      comp => comp.uuid === curr.currentCompensationUuid,\n    )\n    if (!curr.primary || !compensation) return prev\n    return compensation.flsaStatus ?? prev\n  }, undefined)\n}\n\nconst flsaStatusEntries: FlsaStatusType[] = (\n  Object.keys(FlsaStatus) as Array<keyof typeof FlsaStatus>\n).map(key => FlsaStatus[key])\n\nconst flsaOptions = flsaStatusEntries.map(status => ({\n  value: status,\n  label: status,\n}))\n\nconst paymentUnitEntries: PaymentUnit[] = [\n  PAY_PERIODS.HOUR,\n  PAY_PERIODS.WEEK,\n  PAY_PERIODS.MONTH,\n  PAY_PERIODS.YEAR,\n  PAY_PERIODS.PAYCHECK,\n]\n\nconst paymentUnitOptions = paymentUnitEntries.map(unit => ({\n  value: unit,\n  label: unit,\n}))\n\nexport function useCompensationForm({\n  employeeId,\n  withStartDateField = true,\n  jobId,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseCompensationFormProps): HookLoadingResult | UseCompensationFormReady {\n  const jobsQuery = useJobsAndCompensationsGetJobs(\n    { employeeId: employeeId ?? '' },\n    { enabled: !!employeeId },\n  )\n  const addressesQuery = useEmployeeAddressesGetWorkAddresses(\n    { employeeId: employeeId ?? '' },\n    { enabled: !!employeeId },\n  )\n  const employeeQuery = useEmployeesGet({ employeeId: employeeId ?? '' }, { enabled: !!employeeId })\n\n  const employeeJobs = jobsQuery.data?.jobs\n  const workAddresses = addressesQuery.data?.employeeWorkAddressesList\n  const currentWorkAddress = workAddresses?.find(address => address.active)\n  const locationUuid = currentWorkAddress?.locationUuid\n  const employee = employeeQuery.data?.employee\n  const companyUuid = employee?.companyUuid\n\n  const minWagesQuery = useLocationsGetMinimumWages(\n    { locationUuid: locationUuid ?? '' },\n    { enabled: !!locationUuid },\n  )\n\n  const taxQuery = useFederalTaxDetailsGet(\n    { companyId: companyUuid ?? '' },\n    { enabled: !!companyUuid },\n  )\n\n  const minimumWages = minWagesQuery.data?.minimumWageList ?? []\n  const federalTaxDetails = taxQuery.data?.federalTaxDetails\n  const showTwoPercentStakeholder = federalTaxDetails?.taxableAsScorp === true\n\n  const currentJob = useMemo<Job | null>(() => {\n    if (!employeeJobs) return null\n    if (jobId) {\n      return employeeJobs.find(j => j.uuid === jobId) ?? null\n    }\n    return employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  }, [employeeJobs, jobId])\n\n  const currentCompensation = useMemo(() => findCurrentCompensation(currentJob), [currentJob])\n\n  const primaryFlsaStatus = useMemo(() => {\n    if (!employeeJobs) return undefined\n    return derivePrimaryFlsaStatus(employeeJobs)\n  }, [employeeJobs])\n\n  const isCreateMode = !currentJob\n  const mode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () => createCompensationSchema({ mode, optionalFieldsToRequire, withStartDateField }),\n    [mode, optionalFieldsToRequire, withStartDateField],\n  )\n\n  const state = currentWorkAddress?.state\n\n  const hireDate = currentJob?.hireDate\n  const resolvedDefaults: CompensationFormData = {\n    jobTitle: currentJob?.title || partnerDefaults?.jobTitle || '',\n    flsaStatus:\n      currentCompensation?.flsaStatus ??\n      primaryFlsaStatus ??\n      partnerDefaults?.flsaStatus ??\n      FlsaStatus.NONEXEMPT,\n    rate: Number(currentCompensation?.rate ?? partnerDefaults?.rate ?? 0),\n    adjustForMinimumWage: currentCompensation?.adjustForMinimumWage ?? false,\n    minimumWageId: currentCompensation?.minimumWages?.[0]?.uuid ?? '',\n    paymentUnit:\n      currentCompensation?.paymentUnit ?? partnerDefaults?.paymentUnit ?? PAY_PERIODS.HOUR,\n    stateWcCovered: currentJob?.stateWcCovered ?? false,\n    stateWcClassCode: currentJob?.stateWcClassCode ?? '',\n    twoPercentShareholder: currentJob?.twoPercentShareholder ?? false,\n    startDate: hireDate ?? partnerDefaults?.startDate ?? null,\n  }\n\n  const formMethods = useForm<CompensationFormData, unknown, CompensationFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedFlsaStatus = useWatch({\n    control: formMethods.control,\n    name: 'flsaStatus',\n  })\n  const watchedAdjustForMinimumWage = useWatch({\n    control: formMethods.control,\n    name: 'adjustForMinimumWage',\n  })\n  const rawStateWcCovered = useWatch({\n    control: formMethods.control,\n    name: 'stateWcCovered',\n  })\n  const watchedStateWcCovered = String(rawStateWcCovered) === 'true'\n\n  useEffect(() => {\n    if (watchedFlsaStatus === FlsaStatus.OWNER) {\n      formMethods.setValue('paymentUnit', PAY_PERIODS.PAYCHECK)\n    } else if (\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n    ) {\n      formMethods.setValue('paymentUnit', PAY_PERIODS.YEAR)\n      formMethods.setValue('rate', 0)\n    } else {\n      formMethods.setValue('paymentUnit', resolvedDefaults.paymentUnit)\n    }\n  }, [watchedFlsaStatus, formMethods.setValue, resolvedDefaults.paymentUnit])\n\n  const updateCompensationMutation = useJobsAndCompensationsUpdateCompensationMutation()\n  const createJobMutation = useJobsAndCompensationsCreateJobMutation()\n  const updateJobMutation = useJobsAndCompensationsUpdateMutation()\n\n  const isPending =\n    updateCompensationMutation.isPending ||\n    createJobMutation.isPending ||\n    updateJobMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('CompensationForm')\n\n  const queries = employeeId\n    ? [jobsQuery, addressesQuery, employeeQuery, minWagesQuery, taxQuery]\n    : []\n  const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n  const isCommissionOnly =\n    watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n    watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n\n  const isOwner = watchedFlsaStatus === FlsaStatus.OWNER\n\n  const isFlsaSelectionEnabled =\n    watchedFlsaStatus !== FlsaStatus.NONEXEMPT || currentJob?.primary === true || isCreateMode\n\n  const isAdjustMinimumWageEnabled =\n    watchedFlsaStatus === FlsaStatus.NONEXEMPT &&\n    minimumWages.length > 0 &&\n    state !== undefined &&\n    !TIP_CREDITS_UNSUPPORTED_STATES.includes(state)\n\n  const isWaState = state === 'WA'\n\n  const minimumWageOptions = minimumWages.map(wage => ({\n    value: wage.uuid,\n    label: `${wage.wage} - ${wage.authority}: ${wage.notes ?? ''}`,\n  }))\n\n  const stateWcClassCodeOptions = WA_RISK_CLASS_CODES.map(({ code, description }) => ({\n    value: code,\n    label: `${code}: ${description}`,\n  }))\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = {\n    startDate: baseMetadata.startDate,\n    jobTitle: baseMetadata.jobTitle,\n    flsaStatus: withOptions<FlsaStatusType>(\n      baseMetadata.flsaStatus,\n      flsaOptions,\n      flsaStatusEntries,\n    ),\n    rate: { ...baseMetadata.rate, isDisabled: isCommissionOnly },\n    paymentUnit: withOptions<PaymentUnit>(\n      { ...baseMetadata.paymentUnit, isDisabled: isOwner || isCommissionOnly },\n      paymentUnitOptions,\n      paymentUnitEntries,\n    ),\n    adjustForMinimumWage: {\n      ...baseMetadata.adjustForMinimumWage,\n      isDisabled: !isAdjustMinimumWageEnabled,\n    },\n    minimumWageId: withOptions<MinimumWage>(\n      baseMetadata.minimumWageId,\n      minimumWageOptions,\n      minimumWages,\n    ),\n    twoPercentShareholder: {\n      ...baseMetadata.twoPercentShareholder,\n      isDisabled: !showTwoPercentStakeholder,\n    },\n    stateWcCovered: withOptions<boolean>(\n      { ...baseMetadata.stateWcCovered, isDisabled: !isWaState },\n      [\n        { label: 'Yes', value: 'true' },\n        { label: 'No', value: 'false' },\n      ],\n      [true, false],\n    ),\n    stateWcClassCode: withOptions<WARiskClassCode>(\n      { ...baseMetadata.stateWcClassCode, isDisabled: !isWaState },\n      stateWcClassCodeOptions,\n      WA_RISK_CLASS_CODES,\n    ),\n  }\n\n  const onSubmit = async (\n    callbacks?: CompensationSubmitCallbacks,\n    options?: CompensationSubmitOptions,\n  ): Promise<HookSubmitResult<Compensation | undefined> | undefined> => {\n    let submitResult: HookSubmitResult<Compensation | undefined> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: CompensationFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const resolvedEmployeeId = options?.employeeId ?? employeeId\n\n            if (!resolvedEmployeeId) {\n              throw new SDKInternalError('employeeId is required to submit compensation')\n            }\n\n            const {\n              jobTitle,\n              twoPercentShareholder,\n              startDate: formStartDate,\n              ...compensationData\n            } = payload\n\n            const resolvedHireDate =\n              withStartDateField && formStartDate ? formStartDate : options?.startDate\n\n            let updatedJobData: Job\n\n            if (!currentJob) {\n              if (!resolvedHireDate) {\n                throw new SDKInternalError('Start date is required')\n              }\n\n              const result = await createJobMutation.mutateAsync({\n                request: {\n                  employeeId: resolvedEmployeeId,\n                  jobsCreateRequestBody: {\n                    title: jobTitle,\n                    hireDate: resolvedHireDate,\n                    stateWcCovered: compensationData.stateWcCovered,\n                    stateWcClassCode: compensationData.stateWcCovered\n                      ? compensationData.stateWcClassCode\n                      : null,\n                    twoPercentShareholder,\n                  },\n                },\n              })\n              updatedJobData = result.job!\n              callbacks?.onJobCreated?.(updatedJobData)\n            } else {\n              const result = await updateJobMutation.mutateAsync({\n                request: {\n                  jobId: currentJob.uuid,\n                  jobsUpdateRequestBody: {\n                    title: jobTitle,\n                    version: currentJob.version as string,\n                    hireDate: resolvedHireDate,\n                    stateWcClassCode: compensationData.stateWcCovered\n                      ? compensationData.stateWcClassCode\n                      : null,\n                    stateWcCovered: compensationData.stateWcCovered,\n                    twoPercentShareholder,\n                  },\n                },\n              })\n              updatedJobData = result.job!\n              callbacks?.onJobUpdated?.(updatedJobData)\n            }\n\n            const { compensation } = await updateCompensationMutation.mutateAsync({\n              request: {\n                compensationId: updatedJobData.currentCompensationUuid!,\n                compensationsUpdateRequestBody: {\n                  // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n                  version: updatedJobData.compensations?.find(\n                    comp => comp.uuid === updatedJobData.currentCompensationUuid,\n                  )?.version!,\n                  ...compensationData,\n                  rate: String(compensationData.rate),\n                  minimumWages: compensationData.adjustForMinimumWage\n                    ? [{ uuid: compensationData.minimumWageId }]\n                    : [],\n                },\n              },\n            })\n\n            callbacks?.onCompensationUpdated?.(compensation)\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: compensation,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const isDataLoading = employeeId\n    ? jobsQuery.isLoading ||\n      addressesQuery.isLoading ||\n      employeeQuery.isLoading ||\n      minWagesQuery.isLoading ||\n      taxQuery.isLoading\n    : false\n\n  if (\n    isDataLoading ||\n    (employeeId && (!employeeJobs || !employee || !companyUuid || !federalTaxDetails))\n  ) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      compensation: currentCompensation ?? null,\n      jobs: employeeJobs,\n      currentJob,\n      minimumWages,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? 'create' : 'update',\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        StartDate: withStartDateField ? StartDateField : undefined,\n        JobTitle: JobTitleField,\n        FlsaStatus: isFlsaSelectionEnabled ? FlsaStatusField : undefined,\n        Rate: RateField,\n        PaymentUnit: PaymentUnitField,\n        AdjustForMinimumWage: isAdjustMinimumWageEnabled ? AdjustForMinimumWageField : undefined,\n        MinimumWageId:\n          isAdjustMinimumWageEnabled && watchedAdjustForMinimumWage\n            ? MinimumWageIdField\n            : undefined,\n        TwoPercentShareholder: showTwoPercentStakeholder ? TwoPercentShareholderField : undefined,\n        StateWcCovered: isWaState ? StateWcCoveredField : undefined,\n        StateWcClassCode: isWaState && watchedStateWcCovered ? StateWcClassCodeField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals: { formMethods },\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseCompensationFormResult = HookLoadingResult | UseCompensationFormReady\nexport type CompensationFieldsMetadata = UseCompensationFormReady['form']['fieldsMetadata']\nexport type CompensationFormFields = UseCompensationFormReady['form']['Fields']\n"],"names":["findCurrentCompensation","job","comp","derivePrimaryFlsaStatus","jobs","prev","curr","compensation","flsaStatusEntries","FlsaStatus","key","flsaOptions","status","paymentUnitEntries","PAY_PERIODS","paymentUnitOptions","unit","useCompensationForm","employeeId","withStartDateField","jobId","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","jobsQuery","useJobsAndCompensationsGetJobs","addressesQuery","useEmployeeAddressesGetWorkAddresses","employeeQuery","useEmployeesGet","employeeJobs","currentWorkAddress","address","locationUuid","employee","companyUuid","minWagesQuery","useLocationsGetMinimumWages","taxQuery","useFederalTaxDetailsGet","minimumWages","federalTaxDetails","showTwoPercentStakeholder","currentJob","useMemo","j","currentCompensation","primaryFlsaStatus","isCreateMode","mode","schema","metadataConfig","createCompensationSchema","state","hireDate","resolvedDefaults","formMethods","useForm","zodResolver","watchedFlsaStatus","useWatch","watchedAdjustForMinimumWage","rawStateWcCovered","watchedStateWcCovered","useEffect","updateCompensationMutation","useJobsAndCompensationsUpdateCompensationMutation","createJobMutation","useJobsAndCompensationsCreateJobMutation","updateJobMutation","useJobsAndCompensationsUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isCommissionOnly","isOwner","isFlsaSelectionEnabled","isAdjustMinimumWageEnabled","TIP_CREDITS_UNSUPPORTED_STATES","isWaState","minimumWageOptions","wage","stateWcClassCodeOptions","WA_RISK_CLASS_CODES","code","description","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","callbacks","options","submitResult","resolve","data","payload","resolvedEmployeeId","SDKInternalError","jobTitle","twoPercentShareholder","formStartDate","compensationData","resolvedHireDate","updatedJobData","StartDateField","JobTitleField","FlsaStatusField","RateField","PaymentUnitField","AdjustForMinimumWageField","MinimumWageIdField","TwoPercentShareholderField","StateWcCoveredField","StateWcClassCodeField","createGetFormSubmissionValues"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as g } from "react/jsx-runtime";
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
 import { useState as G, useCallback as o } from "react";
 import { useTranslation as q } from "react-i18next";
 import { BasicDetailsView as z } from "./BasicDetailsView.js";
@@ -8,139 +8,139 @@ import { DocumentsView as $ } from "./DocumentsView.js";
 import { Flex as A } from "../../Common/Flex/Flex.js";
 import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { BaseBoundaries as v, BaseLayout as L } from "../../Base/Base.js";
-import { useI18n as ss, useComponentDictionary as as } from "../../../i18n/I18n.js";
+import { useI18n as aa, useComponentDictionary as sa } from "../../../i18n/I18n.js";
 import { componentEvents as t } from "../../../shared/constants.js";
-import { useEmployeeBasicDetails as os } from "./hooks/useEmployeeBasicDetails.js";
-import { useEmployeeCompensation as ts } from "./hooks/useEmployeeCompensation.js";
-import { useEmployeeTaxes as ns } from "./hooks/useEmployeeTaxes.js";
-import { useEmployeeForms as is } from "./hooks/useEmployeeForms.js";
-function rs({ employeeId: s, dictionary: m, onEvent: a }) {
-  ss("Employee.Dashboard"), as("Employee.Dashboard", m);
-  const { t: i } = q("Employee.Dashboard"), T = I(), [r, P] = G("basicDetails"), c = os({ employeeId: s }), e = ts({ employeeId: s }), d = ns({ employeeId: s }), l = is({ employeeId: s }), D = [
-    ...c.errorHandling.errors,
-    ...e.errorHandling.errors,
-    ...d.errorHandling.errors,
-    ...l.errorHandling.errors
-  ];
-  if (c.isLoading || e.isLoading || d.isLoading || l.isLoading)
-    return /* @__PURE__ */ n(L, { isLoading: !0, error: D });
-  const { employee: h, currentHomeAddress: f, currentWorkAddress: p } = c.data, { primaryJob: E, employeePaymentMethod: _, bankAccounts: x, garnishmentList: S, payStubs: M } = e.data, { employeeFederalTax: u, employeeStateTaxesList: O } = d.data, { formList: C } = l.data, B = e.pagination.payStubs, Y = c.status.isPending, k = e.status.isPending, F = d.status.isPending, H = l.status.isPending, j = o(() => {
-    a(t.EMPLOYEE_UPDATE, { employeeId: s });
-  }, [a, s]), N = o(() => {
-    a(t.EMPLOYEE_HOME_ADDRESS, { employeeId: s });
-  }, [a, s]), R = o(() => {
-    a(t.EMPLOYEE_WORK_ADDRESS, { employeeId: s });
-  }, [a, s]), V = o(() => {
-    a(t.EMPLOYEE_COMPENSATION_UPDATE, { employeeId: s, job: E });
-  }, [a, s, E]), w = o(() => {
-    a(t.EMPLOYEE_SPLIT_PAYCHECK, { employeeId: s });
-  }, [a, s]), W = o(() => {
-    a(t.EMPLOYEE_BANK_ACCOUNT_CREATE, { employeeId: s });
-  }, [a, s]), y = o(() => {
-    a(t.EMPLOYEE_DEDUCTION_ADD, { employeeId: s });
-  }, [a, s]), U = o(() => {
-    a(t.EMPLOYEE_FEDERAL_TAXES_EDIT, {
-      employeeId: s,
+import { useEmployeeBasicDetails as oa } from "./hooks/useEmployeeBasicDetails.js";
+import { useEmployeeCompensation as ta } from "./hooks/useEmployeeCompensation.js";
+import { useEmployeeTaxes as ia } from "./hooks/useEmployeeTaxes.js";
+import { useEmployeeForms as na } from "./hooks/useEmployeeForms.js";
+function ra({ employeeId: a, dictionary: m, onEvent: s }) {
+  aa("Employee.Dashboard"), sa("Employee.Dashboard", m);
+  const { t: e } = q("Employee.Dashboard"), T = I(), [d, P] = G("basicDetails"), c = oa({ employeeId: a }), n = ta({ employeeId: a }), r = ia({ employeeId: a }), l = na({ employeeId: a }), E = n.isLoading ? void 0 : n.data.primaryJob, u = r.isLoading ? void 0 : r.data.employeeFederalTax, h = o(() => {
+    s(t.EMPLOYEE_UPDATE, { employeeId: a });
+  }, [s, a]), p = o(() => {
+    s(t.EMPLOYEE_HOME_ADDRESS, { employeeId: a });
+  }, [s, a]), f = o(() => {
+    s(t.EMPLOYEE_WORK_ADDRESS, { employeeId: a });
+  }, [s, a]), x = o(() => {
+    s(t.EMPLOYEE_COMPENSATION_UPDATE, { employeeId: a, job: E });
+  }, [s, a, E]), _ = o(() => {
+    s(t.EMPLOYEE_SPLIT_PAYCHECK, { employeeId: a });
+  }, [s, a]), S = o(() => {
+    s(t.EMPLOYEE_BANK_ACCOUNT_CREATE, { employeeId: a });
+  }, [s, a]), M = o(() => {
+    s(t.EMPLOYEE_DEDUCTION_ADD, { employeeId: a });
+  }, [s, a]), O = o(() => {
+    s(t.EMPLOYEE_FEDERAL_TAXES_EDIT, {
+      employeeId: a,
       federalTaxes: u
     });
-  }, [a, s, u]), J = o(() => {
-    a(t.EMPLOYEE_STATE_TAXES_EDIT, { employeeId: s });
-  }, [a, s]), K = o(
+  }, [s, a, u]), C = o(() => {
+    s(t.EMPLOYEE_STATE_TAXES_EDIT, { employeeId: a });
+  }, [s, a]), B = o(
     (b) => {
-      a(t.EMPLOYEE_VIEW_FORM_TO_SIGN, { employeeId: s, formUuid: b });
+      s(t.EMPLOYEE_VIEW_FORM_TO_SIGN, { employeeId: a, formUuid: b });
     },
-    [a, s]
-  ), X = [
+    [s, a]
+  ), D = [
+    ...c.errorHandling.errors,
+    ...n.errorHandling.errors,
+    ...r.errorHandling.errors,
+    ...l.errorHandling.errors
+  ];
+  if (c.isLoading || n.isLoading || r.isLoading || l.isLoading)
+    return /* @__PURE__ */ i(L, { isLoading: !0, error: D });
+  const { employee: Y, currentHomeAddress: F, currentWorkAddress: k } = c.data, { employeePaymentMethod: H, bankAccounts: j, garnishmentList: N, payStubs: R } = n.data, { employeeStateTaxesList: V } = r.data, { formList: w } = l.data, y = n.pagination.payStubs, W = c.status.isPending, J = n.status.isPending, U = r.status.isPending, K = l.status.isPending, X = [
     {
       id: "basicDetails",
-      label: i("tabs.basicDetails"),
+      label: e("tabs.basicDetails"),
       content: null
     },
     {
       id: "jobAndPay",
-      label: i("tabs.jobAndPay"),
+      label: e("tabs.jobAndPay"),
       content: null
     },
     {
       id: "taxes",
-      label: i("tabs.taxes"),
+      label: e("tabs.taxes"),
       content: null
     },
     {
       id: "documents",
-      label: i("tabs.documents"),
+      label: e("tabs.documents"),
       content: null
     }
   ];
-  return /* @__PURE__ */ n(L, { error: D, children: /* @__PURE__ */ g(A, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ i(L, { error: D, children: /* @__PURE__ */ g(A, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ i(
       T.Tabs,
       {
         tabs: X,
-        selectedId: r,
+        selectedId: d,
         onSelectionChange: (b) => {
           P(b);
         },
-        "aria-label": i("tabsLabel")
+        "aria-label": e("tabsLabel")
       }
     ),
     /* @__PURE__ */ g(A, { flexDirection: "column", gap: 24, children: [
-      r === "basicDetails" && /* @__PURE__ */ n(
+      d === "basicDetails" && /* @__PURE__ */ i(
         z,
         {
-          employee: h,
-          currentHomeAddress: f,
-          currentWorkAddress: p,
-          isLoading: Y,
-          onEditBasicDetails: j,
-          onManageHomeAddress: N,
-          onManageWorkAddress: R
+          employee: Y,
+          currentHomeAddress: F,
+          currentWorkAddress: k,
+          isLoading: W,
+          onEditBasicDetails: h,
+          onManageHomeAddress: p,
+          onManageWorkAddress: f
         }
       ),
-      r === "jobAndPay" && /* @__PURE__ */ n(
+      d === "jobAndPay" && /* @__PURE__ */ i(
         Q,
         {
           job: E,
-          paymentMethod: _,
-          bankAccounts: x,
-          garnishments: S,
-          payStubs: M,
-          payStubsPagination: B,
-          isLoading: k,
-          onEditCompensation: V,
-          onSplitPaycheck: w,
-          onAddBankAccount: W,
-          onAddDeduction: y
+          paymentMethod: H,
+          bankAccounts: j,
+          garnishments: N,
+          payStubs: R,
+          payStubsPagination: y,
+          isLoading: J,
+          onEditCompensation: x,
+          onSplitPaycheck: _,
+          onAddBankAccount: S,
+          onAddDeduction: M
         }
       ),
-      r === "taxes" && /* @__PURE__ */ n(
+      d === "taxes" && /* @__PURE__ */ i(
         Z,
         {
           federalTaxes: u,
-          stateTaxes: O,
-          isLoading: F,
-          onEditFederalTaxes: U,
-          onEditStateTaxes: J
+          stateTaxes: V,
+          isLoading: U,
+          onEditFederalTaxes: O,
+          onEditStateTaxes: C
         }
       ),
-      r === "documents" && /* @__PURE__ */ n(
+      d === "documents" && /* @__PURE__ */ i(
         $,
         {
-          forms: C,
-          isLoading: H,
-          onViewForm: K
+          forms: w,
+          isLoading: K,
+          onViewForm: B
         }
       )
     ] })
   ] }) });
 }
-function ps({
-  FallbackComponent: s,
+function fa({
+  FallbackComponent: a,
   ...m
 }) {
-  return /* @__PURE__ */ n(v, { componentName: "Employee.Dashboard", FallbackComponent: s, children: /* @__PURE__ */ n(rs, { ...m }) });
+  return /* @__PURE__ */ i(v, { componentName: "Employee.Dashboard", FallbackComponent: a, children: /* @__PURE__ */ i(ra, { ...m }) });
 }
 export {
-  ps as Dashboard
+  fa as Dashboard
 };
 //# sourceMappingURL=Dashboard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Employee/Dashboard/Dashboard.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport {\n  useEmployeeBasicDetails,\n  useEmployeeCompensation,\n  useEmployeeTaxes,\n  useEmployeeForms,\n} from './hooks'\nimport { BasicDetailsView } from './BasicDetailsView'\nimport { JobAndPayView } from './JobAndPayView'\nimport { TaxesView } from './TaxesView'\nimport { DocumentsView } from './DocumentsView'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ntype DashboardTab = 'basicDetails' | 'jobAndPay' | 'taxes' | 'documents'\n\nexport interface DashboardProps extends BaseComponentInterface<'Employee.Dashboard'> {\n  employeeId: string\n}\n\nfunction DashboardRoot({ employeeId, dictionary, onEvent }: DashboardProps) {\n  useI18n('Employee.Dashboard')\n  useComponentDictionary('Employee.Dashboard', dictionary)\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  const [selectedTab, setSelectedTab] = useState<DashboardTab>('basicDetails')\n\n  const basicDetails = useEmployeeBasicDetails({ employeeId })\n  const compensation = useEmployeeCompensation({ employeeId })\n  const taxes = useEmployeeTaxes({ employeeId })\n  const forms = useEmployeeForms({ employeeId })\n\n  // Collect all errors from hooks\n  const allErrors = [\n    ...basicDetails.errorHandling.errors,\n    ...compensation.errorHandling.errors,\n    ...taxes.errorHandling.errors,\n    ...forms.errorHandling.errors,\n  ]\n\n  // Show loading for initial data fetch\n  if (basicDetails.isLoading || compensation.isLoading || taxes.isLoading || forms.isLoading) {\n    return <BaseLayout isLoading error={allErrors} />\n  }\n\n  const { employee, currentHomeAddress, currentWorkAddress } = basicDetails.data\n  const { primaryJob, employeePaymentMethod, bankAccounts, garnishmentList, payStubs } =\n    compensation.data\n  const { employeeFederalTax, employeeStateTaxesList } = taxes.data\n  const { formList } = forms.data\n\n  // Pagination props\n  const payStubsPagination = compensation.pagination.payStubs\n\n  // Tab-specific loading states based on isPending\n  const isLoadingBasicDetails = basicDetails.status.isPending\n  const isLoadingJobAndPay = compensation.status.isPending\n  const isLoadingTaxes = taxes.status.isPending\n  const isLoadingDocuments = forms.status.isPending\n\n  const handleEditBasicDetails = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleManageHomeAddress = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleManageWorkAddress = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleEditCompensation = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATE, { employeeId, job: primaryJob })\n  }, [onEvent, employeeId, primaryJob])\n\n  const handleSplitPaycheck = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_SPLIT_PAYCHECK, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleAddBankAccount = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleAddDeduction = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleEditFederalTaxes = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_EDIT, {\n      employeeId,\n      federalTaxes: employeeFederalTax,\n    })\n  }, [onEvent, employeeId, employeeFederalTax])\n\n  const handleEditStateTaxes = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_EDIT, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleViewForm = useCallback(\n    (formUuid: string) => {\n      onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { employeeId, formUuid })\n    },\n    [onEvent, employeeId],\n  )\n\n  const tabs = [\n    {\n      id: 'basicDetails' as const,\n      label: t('tabs.basicDetails'),\n      content: null,\n    },\n    {\n      id: 'jobAndPay' as const,\n      label: t('tabs.jobAndPay'),\n      content: null,\n    },\n    {\n      id: 'taxes' as const,\n      label: t('tabs.taxes'),\n      content: null,\n    },\n    {\n      id: 'documents' as const,\n      label: t('tabs.documents'),\n      content: null,\n    },\n  ]\n\n  return (\n    <BaseLayout error={allErrors}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            setSelectedTab(id as DashboardTab)\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'basicDetails' && (\n            <BasicDetailsView\n              employee={employee}\n              currentHomeAddress={currentHomeAddress}\n              currentWorkAddress={currentWorkAddress}\n              isLoading={isLoadingBasicDetails}\n              onEditBasicDetails={handleEditBasicDetails}\n              onManageHomeAddress={handleManageHomeAddress}\n              onManageWorkAddress={handleManageWorkAddress}\n            />\n          )}\n\n          {selectedTab === 'jobAndPay' && (\n            <JobAndPayView\n              job={primaryJob}\n              paymentMethod={employeePaymentMethod}\n              bankAccounts={bankAccounts}\n              garnishments={garnishmentList}\n              payStubs={payStubs}\n              payStubsPagination={payStubsPagination}\n              isLoading={isLoadingJobAndPay}\n              onEditCompensation={handleEditCompensation}\n              onSplitPaycheck={handleSplitPaycheck}\n              onAddBankAccount={handleAddBankAccount}\n              onAddDeduction={handleAddDeduction}\n            />\n          )}\n\n          {selectedTab === 'taxes' && (\n            <TaxesView\n              federalTaxes={employeeFederalTax}\n              stateTaxes={employeeStateTaxesList}\n              isLoading={isLoadingTaxes}\n              onEditFederalTaxes={handleEditFederalTaxes}\n              onEditStateTaxes={handleEditStateTaxes}\n            />\n          )}\n\n          {selectedTab === 'documents' && (\n            <DocumentsView\n              forms={formList}\n              isLoading={isLoadingDocuments}\n              onViewForm={handleViewForm}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </BaseLayout>\n  )\n}\n\nexport function Dashboard({\n  FallbackComponent,\n  ...props\n}: DashboardProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Dashboard\" FallbackComponent={FallbackComponent}>\n      <DashboardRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","employeeId","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","selectedTab","setSelectedTab","useState","basicDetails","useEmployeeBasicDetails","compensation","useEmployeeCompensation","taxes","useEmployeeTaxes","forms","useEmployeeForms","allErrors","jsx","BaseLayout","employee","currentHomeAddress","currentWorkAddress","primaryJob","employeePaymentMethod","bankAccounts","garnishmentList","payStubs","employeeFederalTax","employeeStateTaxesList","formList","payStubsPagination","isLoadingBasicDetails","isLoadingJobAndPay","isLoadingTaxes","isLoadingDocuments","handleEditBasicDetails","useCallback","componentEvents","handleManageHomeAddress","handleManageWorkAddress","handleEditCompensation","handleSplitPaycheck","handleAddBankAccount","handleAddDeduction","handleEditFederalTaxes","handleEditStateTaxes","handleViewForm","formUuid","tabs","Flex","id","jsxs","BasicDetailsView","JobAndPayView","TaxesView","DocumentsView","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Employee/Dashboard/Dashboard.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport {\n  useEmployeeBasicDetails,\n  useEmployeeCompensation,\n  useEmployeeTaxes,\n  useEmployeeForms,\n} from './hooks'\nimport { BasicDetailsView } from './BasicDetailsView'\nimport { JobAndPayView } from './JobAndPayView'\nimport { TaxesView } from './TaxesView'\nimport { DocumentsView } from './DocumentsView'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ntype DashboardTab = 'basicDetails' | 'jobAndPay' | 'taxes' | 'documents'\n\nexport interface DashboardProps extends BaseComponentInterface<'Employee.Dashboard'> {\n  employeeId: string\n}\n\nfunction DashboardRoot({ employeeId, dictionary, onEvent }: DashboardProps) {\n  useI18n('Employee.Dashboard')\n  useComponentDictionary('Employee.Dashboard', dictionary)\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  const [selectedTab, setSelectedTab] = useState<DashboardTab>('basicDetails')\n\n  const basicDetails = useEmployeeBasicDetails({ employeeId })\n  const compensation = useEmployeeCompensation({ employeeId })\n  const taxes = useEmployeeTaxes({ employeeId })\n  const forms = useEmployeeForms({ employeeId })\n\n  // Derive the inputs these callbacks depend on up here so all hooks are\n  // declared before the early-return below (rules-of-hooks). The data fields\n  // are only present on the non-loading variants of each hook result.\n  const primaryJob = !compensation.isLoading ? compensation.data.primaryJob : undefined\n  const employeeFederalTax = !taxes.isLoading ? taxes.data.employeeFederalTax : undefined\n\n  const handleEditBasicDetails = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleManageHomeAddress = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleManageWorkAddress = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleEditCompensation = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATE, { employeeId, job: primaryJob })\n  }, [onEvent, employeeId, primaryJob])\n\n  const handleSplitPaycheck = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_SPLIT_PAYCHECK, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleAddBankAccount = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleAddDeduction = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleEditFederalTaxes = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_EDIT, {\n      employeeId,\n      federalTaxes: employeeFederalTax,\n    })\n  }, [onEvent, employeeId, employeeFederalTax])\n\n  const handleEditStateTaxes = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_EDIT, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleViewForm = useCallback(\n    (formUuid: string) => {\n      onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { employeeId, formUuid })\n    },\n    [onEvent, employeeId],\n  )\n\n  // Collect all errors from hooks\n  const allErrors = [\n    ...basicDetails.errorHandling.errors,\n    ...compensation.errorHandling.errors,\n    ...taxes.errorHandling.errors,\n    ...forms.errorHandling.errors,\n  ]\n\n  // Show loading for initial data fetch\n  if (basicDetails.isLoading || compensation.isLoading || taxes.isLoading || forms.isLoading) {\n    return <BaseLayout isLoading error={allErrors} />\n  }\n\n  const { employee, currentHomeAddress, currentWorkAddress } = basicDetails.data\n  const { employeePaymentMethod, bankAccounts, garnishmentList, payStubs } = compensation.data\n  const { employeeStateTaxesList } = taxes.data\n  const { formList } = forms.data\n\n  // Pagination props\n  const payStubsPagination = compensation.pagination.payStubs\n\n  // Tab-specific loading states based on isPending\n  const isLoadingBasicDetails = basicDetails.status.isPending\n  const isLoadingJobAndPay = compensation.status.isPending\n  const isLoadingTaxes = taxes.status.isPending\n  const isLoadingDocuments = forms.status.isPending\n\n  const tabs = [\n    {\n      id: 'basicDetails' as const,\n      label: t('tabs.basicDetails'),\n      content: null,\n    },\n    {\n      id: 'jobAndPay' as const,\n      label: t('tabs.jobAndPay'),\n      content: null,\n    },\n    {\n      id: 'taxes' as const,\n      label: t('tabs.taxes'),\n      content: null,\n    },\n    {\n      id: 'documents' as const,\n      label: t('tabs.documents'),\n      content: null,\n    },\n  ]\n\n  return (\n    <BaseLayout error={allErrors}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            setSelectedTab(id as DashboardTab)\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'basicDetails' && (\n            <BasicDetailsView\n              employee={employee}\n              currentHomeAddress={currentHomeAddress}\n              currentWorkAddress={currentWorkAddress}\n              isLoading={isLoadingBasicDetails}\n              onEditBasicDetails={handleEditBasicDetails}\n              onManageHomeAddress={handleManageHomeAddress}\n              onManageWorkAddress={handleManageWorkAddress}\n            />\n          )}\n\n          {selectedTab === 'jobAndPay' && (\n            <JobAndPayView\n              job={primaryJob}\n              paymentMethod={employeePaymentMethod}\n              bankAccounts={bankAccounts}\n              garnishments={garnishmentList}\n              payStubs={payStubs}\n              payStubsPagination={payStubsPagination}\n              isLoading={isLoadingJobAndPay}\n              onEditCompensation={handleEditCompensation}\n              onSplitPaycheck={handleSplitPaycheck}\n              onAddBankAccount={handleAddBankAccount}\n              onAddDeduction={handleAddDeduction}\n            />\n          )}\n\n          {selectedTab === 'taxes' && (\n            <TaxesView\n              federalTaxes={employeeFederalTax}\n              stateTaxes={employeeStateTaxesList}\n              isLoading={isLoadingTaxes}\n              onEditFederalTaxes={handleEditFederalTaxes}\n              onEditStateTaxes={handleEditStateTaxes}\n            />\n          )}\n\n          {selectedTab === 'documents' && (\n            <DocumentsView\n              forms={formList}\n              isLoading={isLoadingDocuments}\n              onViewForm={handleViewForm}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </BaseLayout>\n  )\n}\n\nexport function Dashboard({\n  FallbackComponent,\n  ...props\n}: DashboardProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Dashboard\" FallbackComponent={FallbackComponent}>\n      <DashboardRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","employeeId","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","selectedTab","setSelectedTab","useState","basicDetails","useEmployeeBasicDetails","compensation","useEmployeeCompensation","taxes","useEmployeeTaxes","forms","useEmployeeForms","primaryJob","employeeFederalTax","handleEditBasicDetails","useCallback","componentEvents","handleManageHomeAddress","handleManageWorkAddress","handleEditCompensation","handleSplitPaycheck","handleAddBankAccount","handleAddDeduction","handleEditFederalTaxes","handleEditStateTaxes","handleViewForm","formUuid","allErrors","jsx","BaseLayout","employee","currentHomeAddress","currentWorkAddress","employeePaymentMethod","bankAccounts","garnishmentList","payStubs","employeeStateTaxesList","formList","payStubsPagination","isLoadingBasicDetails","isLoadingJobAndPay","isLoadingTaxes","isLoadingDocuments","tabs","Flex","id","jsxs","BasicDetailsView","JobAndPayView","TaxesView","DocumentsView","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

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

@@ -7,10 +7,7 @@ import { EmptyData as f } from "../../Common/EmptyData/EmptyData.js";
 import { useDataView as p } from "../../Common/DataView/useDataView.js";
 import { DataView as y } from "../../Common/DataView/DataView.js";
 function V({ forms: i = [], isLoading: m = !1, onViewForm: s }) {
-  const { t } = c("Employee.Dashboard"), r = l();
-  if (m)
-    return /* @__PURE__ */ n(d, {});
-  const u = [
+  const { t } = c("Employee.Dashboard"), r = l(), u = [
     {
       key: "title",
       title: t("documents.columns.title"),
@@ -43,7 +40,7 @@ function V({ forms: i = [], isLoading: m = !1, onViewForm: s }) {
       }
     )
   });
-  return /* @__PURE__ */ n(o, { flexDirection: "column", gap: 24, children: /* @__PURE__ */ n(r.Box, { header: /* @__PURE__ */ n(r.BoxHeader, { title: t("documents.title") }), children: /* @__PURE__ */ n(o, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(y, { label: t("documents.listLabel"), ...a }) }) }) });
+  return m ? /* @__PURE__ */ n(d, {}) : /* @__PURE__ */ n(o, { flexDirection: "column", gap: 24, children: /* @__PURE__ */ n(r.Box, { header: /* @__PURE__ */ n(r.BoxHeader, { title: t("documents.title") }), children: /* @__PURE__ */ n(o, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(y, { label: t("documents.listLabel"), ...a }) }) }) });
 }
 export {
   V as DocumentsView

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentsView.js","sources":["../../../../src/components/Employee/Dashboard/DocumentsView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\n\nexport interface DocumentsViewProps {\n  forms?: Form[]\n  isLoading?: boolean\n  onViewForm?: (formUuid: string) => void\n}\n\nexport function DocumentsView({ forms = [], isLoading = false, onViewForm }: DocumentsViewProps) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n\n  if (isLoading) {\n    return <Loading />\n  }\n\n  const formsColumns = [\n    {\n      key: 'title',\n      title: t('documents.columns.title'),\n      render: (form: Form) => form.title || '-',\n    },\n    {\n      key: 'year',\n      title: t('documents.columns.year'),\n      render: (form: Form) => {\n        if (form.year) return String(form.year)\n        return '-'\n      },\n    },\n    {\n      key: 'status',\n      title: t('documents.columns.status'),\n      render: (form: Form) => {\n        if (form.draft) return t('documents.status.draft')\n        return t('documents.status.final')\n      },\n    },\n    {\n      key: 'requiresSigning',\n      title: t('documents.columns.requiresSigning'),\n      render: (form: Form) => {\n        if (form.requiresSigning) return t('common.yes')\n        return t('common.no')\n      },\n    },\n  ]\n\n  const formsDataView = useDataView({\n    data: forms,\n    columns: formsColumns,\n    itemMenu: (form: Form) => (\n      <Components.Button variant=\"secondary\" onClick={() => onViewForm?.(form.uuid)}>\n        {t('documents.viewCta')}\n      </Components.Button>\n    ),\n    emptyState: () => (\n      <EmptyData\n        title={t('documents.emptyState.title')}\n        description={t('documents.emptyState.description')}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Components.Box header={<Components.BoxHeader title={t('documents.title')} />}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <DataView label={t('documents.listLabel')} {...formsDataView} />\n        </Flex>\n      </Components.Box>\n    </Flex>\n  )\n}\n"],"names":["DocumentsView","forms","isLoading","onViewForm","useTranslation","Components","useComponentContext","Loading","formsColumns","form","formsDataView","useDataView","jsx","EmptyData","Flex","DataView"],"mappings":";;;;;;;;AAYO,SAASA,EAAc,EAAE,OAAAC,IAAQ,CAAA,GAAI,WAAAC,IAAY,IAAO,YAAAC,KAAkC;AAC/F,QAAM,EAAE,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA;AAEnB,MAAIJ;AACF,6BAAQK,GAAA,EAAQ;AAGlB,QAAMC,IAAe;AAAA,IACnB;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,yBAAyB;AAAA,MAClC,QAAQ,CAACC,MAAeA,EAAK,SAAS;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,wBAAwB;AAAA,MACjC,QAAQ,CAACA,MACHA,EAAK,OAAa,OAAOA,EAAK,IAAI,IAC/B;AAAA,IACT;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,0BAA0B;AAAA,MACnC,QAAQ,CAACA,MACHA,EAAK,QAAc,EAAE,wBAAwB,IAC1C,EAAE,wBAAwB;AAAA,IACnC;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,mCAAmC;AAAA,MAC5C,QAAQ,CAACA,MACHA,EAAK,kBAAwB,EAAE,YAAY,IACxC,EAAE,WAAW;AAAA,IACtB;AAAA,EACF,GAGIC,IAAgBC,EAAY;AAAA,IAChC,MAAMV;AAAA,IACN,SAASO;AAAA,IACT,UAAU,CAACC,MACT,gBAAAG,EAACP,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMF,IAAaM,EAAK,IAAI,GACzE,UAAA,EAAE,mBAAmB,GACxB;AAAA,IAEF,YAAY,MACV,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,4BAA4B;AAAA,QACrC,aAAa,EAAE,kCAAkC;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,CAEH;AAED,2BACGC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAF,EAACP,EAAW,KAAX,EAAe,QAAQ,gBAAAO,EAACP,EAAW,WAAX,EAAqB,OAAO,EAAE,iBAAiB,EAAA,CAAG,GACzE,4BAACS,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAF,EAACG,GAAA,EAAS,OAAO,EAAE,qBAAqB,GAAI,GAAGL,GAAe,EAAA,CAChE,GACF,GACF;AAEJ;"}
+{"version":3,"file":"DocumentsView.js","sources":["../../../../src/components/Employee/Dashboard/DocumentsView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\n\nexport interface DocumentsViewProps {\n  forms?: Form[]\n  isLoading?: boolean\n  onViewForm?: (formUuid: string) => void\n}\n\nexport function DocumentsView({ forms = [], isLoading = false, onViewForm }: DocumentsViewProps) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n\n  const formsColumns = [\n    {\n      key: 'title',\n      title: t('documents.columns.title'),\n      render: (form: Form) => form.title || '-',\n    },\n    {\n      key: 'year',\n      title: t('documents.columns.year'),\n      render: (form: Form) => {\n        if (form.year) return String(form.year)\n        return '-'\n      },\n    },\n    {\n      key: 'status',\n      title: t('documents.columns.status'),\n      render: (form: Form) => {\n        if (form.draft) return t('documents.status.draft')\n        return t('documents.status.final')\n      },\n    },\n    {\n      key: 'requiresSigning',\n      title: t('documents.columns.requiresSigning'),\n      render: (form: Form) => {\n        if (form.requiresSigning) return t('common.yes')\n        return t('common.no')\n      },\n    },\n  ]\n\n  const formsDataView = useDataView({\n    data: forms,\n    columns: formsColumns,\n    itemMenu: (form: Form) => (\n      <Components.Button variant=\"secondary\" onClick={() => onViewForm?.(form.uuid)}>\n        {t('documents.viewCta')}\n      </Components.Button>\n    ),\n    emptyState: () => (\n      <EmptyData\n        title={t('documents.emptyState.title')}\n        description={t('documents.emptyState.description')}\n      />\n    ),\n  })\n\n  if (isLoading) {\n    return <Loading />\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Components.Box header={<Components.BoxHeader title={t('documents.title')} />}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <DataView label={t('documents.listLabel')} {...formsDataView} />\n        </Flex>\n      </Components.Box>\n    </Flex>\n  )\n}\n"],"names":["DocumentsView","forms","isLoading","onViewForm","useTranslation","Components","useComponentContext","formsColumns","form","formsDataView","useDataView","jsx","EmptyData","Loading","Flex","DataView"],"mappings":";;;;;;;;AAYO,SAASA,EAAc,EAAE,OAAAC,IAAQ,CAAA,GAAI,WAAAC,IAAY,IAAO,YAAAC,KAAkC;AAC/F,QAAM,EAAE,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GAEbC,IAAe;AAAA,IACnB;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,yBAAyB;AAAA,MAClC,QAAQ,CAACC,MAAeA,EAAK,SAAS;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,wBAAwB;AAAA,MACjC,QAAQ,CAACA,MACHA,EAAK,OAAa,OAAOA,EAAK,IAAI,IAC/B;AAAA,IACT;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,0BAA0B;AAAA,MACnC,QAAQ,CAACA,MACHA,EAAK,QAAc,EAAE,wBAAwB,IAC1C,EAAE,wBAAwB;AAAA,IACnC;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,mCAAmC;AAAA,MAC5C,QAAQ,CAACA,MACHA,EAAK,kBAAwB,EAAE,YAAY,IACxC,EAAE,WAAW;AAAA,IACtB;AAAA,EACF,GAGIC,IAAgBC,EAAY;AAAA,IAChC,MAAMT;AAAA,IACN,SAASM;AAAA,IACT,UAAU,CAACC,MACT,gBAAAG,EAACN,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMF,IAAaK,EAAK,IAAI,GACzE,UAAA,EAAE,mBAAmB,GACxB;AAAA,IAEF,YAAY,MACV,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,4BAA4B;AAAA,QACrC,aAAa,EAAE,kCAAkC;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,CAEH;AAED,SAAIV,sBACMW,GAAA,EAAQ,sBAIfC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAH,EAACN,EAAW,KAAX,EAAe,QAAQ,gBAAAM,EAACN,EAAW,WAAX,EAAqB,OAAO,EAAE,iBAAiB,EAAA,CAAG,GACzE,4BAACS,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAH,EAACI,GAAA,EAAS,OAAO,EAAE,qBAAqB,GAAI,GAAGN,GAAe,EAAA,CAChE,GACF,GACF;AAEJ;"}

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

@@ -1,20 +1,17 @@
 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 '../../../../types/sdkHooks';
+import { HookLoadingResult, BaseHookReady } from '../../../../partner-hook-utils/types';
 export interface UseEmployeeBasicDetailsProps {
     employeeId: string;
 }
-interface UseEmployeeBasicDetailsReady extends Omit<BaseHookReady, 'data' | 'status'> {
-    data: {
-        employee: Employee;
-        currentHomeAddress?: EmployeeAddress;
-        currentWorkAddress?: EmployeeWorkAddress;
-    };
-    status: {
-        isPending: boolean;
-    };
-}
+type UseEmployeeBasicDetailsReady = BaseHookReady<{
+    employee: Employee;
+    currentHomeAddress?: EmployeeAddress;
+    currentWorkAddress?: EmployeeWorkAddress;
+}, {
+    isPending: boolean;
+}>;
 export type UseEmployeeBasicDetailsResult = HookLoadingResult | UseEmployeeBasicDetailsReady;
 export declare function useEmployeeBasicDetails({ employeeId, }: UseEmployeeBasicDetailsProps): UseEmployeeBasicDetailsResult;
 export {};

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

@@ -2,28 +2,28 @@ 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 { buildQueryErrorHandling as g } from "../../../../helpers/buildQueryErrorHandling.js";
-function h({
+import { composeErrorHandler as g } from "../../../../partner-hook-utils/composeErrorHandler.js";
+function F({
   employeeId: e
 }) {
-  const s = y({ employeeId: e }), r = f({ employeeId: e }), o = A({ employeeId: e }), n = s.data.employee, i = r.data.employeeAddressList, d = o.data.employeeWorkAddressesList, c = a(() => i?.find((t) => t.active), [i]), p = a(() => d?.find((t) => t.active), [d]), u = s.isFetching || r.isFetching || o.isFetching, l = !n && u, m = g([s, r, o]);
+  const s = y({ employeeId: e }), r = f({ employeeId: e }), o = A({ employeeId: e }), n = s.data.employee, d = r.data.employeeAddressList, i = o.data.employeeWorkAddressesList, u = a(() => d?.find((t) => t.active), [d]), p = a(() => i?.find((t) => t.active), [i]), m = s.isFetching || r.isFetching || o.isFetching, l = !n && m, c = g([s, r, o]);
   return l ? {
     isLoading: !0,
-    errorHandling: m
+    errorHandling: c
   } : {
     isLoading: !1,
     data: {
       employee: n,
-      currentHomeAddress: c,
+      currentHomeAddress: u,
       currentWorkAddress: p
     },
     status: {
-      isPending: u
+      isPending: m
     },
-    errorHandling: m
+    errorHandling: c
   };
 }
 export {
-  h as useEmployeeBasicDetails
+  F as useEmployeeBasicDetails
 };
 //# sourceMappingURL=useEmployeeBasicDetails.js.map

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

@@ -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 { buildQueryErrorHandling } from '@/helpers/buildQueryErrorHandling'\nimport type { HookLoadingResult, BaseHookReady } from '@/types/sdkHooks'\n\nexport interface UseEmployeeBasicDetailsProps {\n  employeeId: string\n}\n\ninterface UseEmployeeBasicDetailsReady extends Omit<BaseHookReady, 'data' | 'status'> {\n  data: {\n    employee: Employee\n    currentHomeAddress?: EmployeeAddress\n    currentWorkAddress?: EmployeeWorkAddress\n  }\n  status: {\n    isPending: boolean\n  }\n}\n\nexport type UseEmployeeBasicDetailsResult = HookLoadingResult | UseEmployeeBasicDetailsReady\n\nexport function useEmployeeBasicDetails({\n  employeeId,\n}: UseEmployeeBasicDetailsProps): UseEmployeeBasicDetailsResult {\n  const employeeQuery = useEmployeesGetSuspense({ employeeId })\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 = buildQueryErrorHandling([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","buildQueryErrorHandling"],"mappings":";;;;;AA2BO,SAASA,EAAwB;AAAA,EACtC,YAAAC;AACF,GAAgE;AAC9D,QAAMC,IAAgBC,EAAwB,EAAE,YAAAF,GAAY,GACtDG,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,EAAwB,CAAChB,GAAeE,GAAgBE,CAAkB,CAAC;AAEjG,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;"}
+{"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({ employeeId })\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,EAAE,YAAAF,GAAY,GACtDG,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;"}

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

@@ -3,24 +3,22 @@ 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 '../../../../types/sdkHooks';
+import { HookLoadingResult, BaseHookReady } from '../../../../partner-hook-utils/types';
 import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
 type EmployeeBankAccount = NonNullable<GetV1EmployeesEmployeeIdBankAccountsResponse['employeeBankAccountList']>[number];
 type EmployeePayStub = NonNullable<GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']>[number];
 export interface UseEmployeeCompensationProps {
     employeeId: string;
 }
-interface UseEmployeeCompensationReady extends Omit<BaseHookReady, 'data' | 'status'> {
-    data: {
-        primaryJob?: Job;
-        employeePaymentMethod?: NonNullable<GetV1EmployeesEmployeeIdPaymentMethodResponse['employeePaymentMethod']>;
-        bankAccounts: EmployeeBankAccount[];
-        garnishmentList: Garnishment[];
-        payStubs: EmployeePayStub[];
-    };
-    status: {
-        isPending: boolean;
-    };
+interface UseEmployeeCompensationReady extends BaseHookReady<{
+    primaryJob?: Job;
+    employeePaymentMethod?: NonNullable<GetV1EmployeesEmployeeIdPaymentMethodResponse['employeePaymentMethod']>;
+    bankAccounts: EmployeeBankAccount[];
+    garnishmentList: Garnishment[];
+    payStubs: EmployeePayStub[];
+}, {
+    isPending: boolean;
+}> {
     pagination: {
         payStubs?: PaginationControlProps;
     };

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

@@ -1,24 +1,24 @@
-import { useMemo as m } from "react";
+import { useMemo as u } from "react";
 import { useEmployeesGetSuspense as F } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeePaymentMethodGetSuspense as Q } from "@gusto/embedded-api/react-query/employeePaymentMethodGet";
-import { useEmployeePaymentMethodsGetBankAccountsSuspense as k } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
-import { useGarnishmentsListSuspense as A } from "@gusto/embedded-api/react-query/garnishmentsList";
-import { usePayrollsGetPayStubsSuspense as E } from "@gusto/embedded-api/react-query/payrollsGetPayStubs";
-import { buildQueryErrorHandling as G } from "../../../../helpers/buildQueryErrorHandling.js";
+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
 }) {
   const { currentPage: h, itemsPerPage: d, getPaginationProps: p } = j({
     defaultItemsPerPage: 10
-  }), s = F({ employeeId: e }), n = Q({ employeeId: e }), o = k({ employeeId: e }), a = A({ employeeId: e }), t = E({
+  }), s = F({ 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.garnishmentList, i = t.data, b = m(() => r?.jobs?.find((u) => u.primary === !0), [r?.jobs]), f = m(() => c.employeeBankAccountList || [], [c]), S = i.employeePayStubsList || [], L = m(() => {
-    const u = i.httpMeta.response.headers;
-    return p(u, t.isFetching);
-  }, [i.httpMeta.response.headers, t.isFetching, p]), y = s.isFetching || n.isFetching || o.isFetching || a.isFetching || t.isFetching, M = !r && y, g = G([
+  }), r = s.data.employee, P = n.data.employeePaymentMethod, c = o.data, l = a.data.garnishmentList, i = t.data, b = u(() => r?.jobs?.find((m) => m.primary === !0), [r?.jobs]), f = u(() => c.employeeBankAccountList || [], [c]), S = i.employeePayStubsList || [], L = 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, M = !r && y, g = Q([
     s,
     n,
     o,