@gusto/embedded-react-sdk 0.43.0 → 0.44.1

package/dist/components/Employee/Compensation/shared/useJobForm/useJobForm.js

@@ -0,0 +1,180 @@
+import { useMemo as v } from "react";
+import { useForm as N, useWatch as Y } from "react-hook-form";
+import { zodResolver as X } from "@hookform/resolvers/zod";
+import { useJobsAndCompensationsGetJobs as Z } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { useJobsAndCompensationsCreateJobMutation as ee } from "@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob";
+import { useJobsAndCompensationsUpdateMutation as te } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdate";
+import { useEmployeeAddressesGetWorkAddresses as oe } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useEmployeesGet as re } from "@gusto/embedded-api/react-query/employeesGet";
+import { useFederalTaxDetailsGet as se } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
+import { createJobSchema as ae } from "./jobSchema.js";
+import { StateWcClassCodeField as ie, StateWcCoveredField as ne, TwoPercentShareholderField as de, HireDateField as ce, JobTitleField as le } from "./fields.js";
+import { useDeriveFieldsMetadata as ue } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as me } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as be } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { withOptions as T } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { composeErrorHandler as he } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as fe } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as l } from "../../../../../types/sdkError.js";
+import { WA_RISK_CLASS_CODES as q } from "../../../../../models/WA_RISK_CODES.js";
+function Ce(e, r) {
+  return !e || !r ? null : e.find((u) => u.uuid === r) ?? null;
+}
+function Ve({
+  employeeId: e,
+  jobId: r,
+  optionalFieldsToRequire: u,
+  defaultValues: s,
+  validationMode: x = "onSubmit",
+  shouldFocusError: H = !0
+}) {
+  const f = Z(
+    { employeeId: e ?? "" },
+    { enabled: !!e }
+  ), C = oe(
+    { employeeId: e ?? "" },
+    { enabled: !!e }
+  ), w = re({ employeeId: e ?? "" }, { enabled: !!e }), m = f.data?.jobs, D = C.data?.employeeWorkAddressesList?.find((a) => a.active) ?? null, S = w.data?.employee ?? null, J = S?.companyUuid, F = se(
+    { companyId: J ?? "" },
+    { enabled: !!J }
+  ), p = F.data?.federalTaxDetails?.taxableAsScorp === !0, i = D?.state === "WA", o = v(() => Ce(m, r), [m, r]), b = !r, P = b ? "create" : "update", [A, G] = v(
+    () => ae({ mode: P, optionalFieldsToRequire: u }),
+    [P, u]
+  ), g = v(
+    () => ({
+      title: o?.title ?? s?.title ?? "",
+      hireDate: o?.hireDate ?? s?.hireDate ?? null,
+      twoPercentShareholder: o?.twoPercentShareholder ?? s?.twoPercentShareholder ?? !1,
+      stateWcCovered: o?.stateWcCovered ?? s?.stateWcCovered ?? !1,
+      stateWcClassCode: o?.stateWcClassCode ?? s?.stateWcClassCode ?? ""
+    }),
+    [o, s]
+  ), n = N({
+    resolver: X(A),
+    mode: x,
+    shouldFocusError: H,
+    defaultValues: g,
+    values: g,
+    resetOptions: { keepDirtyValues: !0 }
+  }), V = Y({ control: n.control, name: "stateWcCovered" }), E = ee(), j = te(), O = E.isPending || j.isPending, {
+    baseSubmitHandler: Q,
+    error: R,
+    setError: U
+  } = fe("JobForm"), y = he(e ? [f, C, w, F] : [], { submitError: R, setSubmitError: U }), B = q.map(({ code: a, description: h }) => ({
+    value: a,
+    label: `${a}: ${h}`
+  })), d = ue(G, n.control), _ = {
+    title: d.title,
+    hireDate: d.hireDate,
+    twoPercentShareholder: {
+      ...d.twoPercentShareholder,
+      isDisabled: !p
+    },
+    stateWcCovered: T(
+      { ...d.stateWcCovered, isDisabled: !i },
+      [
+        { label: "Yes", value: "true" },
+        { label: "No", value: "false" }
+      ],
+      [!0, !1]
+    ),
+    stateWcClassCode: T(
+      { ...d.stateWcClassCode, isDisabled: !i },
+      B,
+      q
+    )
+  }, K = async (a) => {
+    let h;
+    return await new Promise((M) => {
+      n.handleSubmit(
+        async (I) => {
+          await Q(I, async (t) => {
+            const k = a?.employeeId ?? e;
+            if (!k)
+              throw new l("employeeId is required to submit a job");
+            const L = t.stateWcCovered ? t.stateWcClassCode : null;
+            let W;
+            if (b) {
+              if (!t.hireDate)
+                throw new l("hireDate is required to create a job");
+              const c = await E.mutateAsync({
+                request: {
+                  employeeId: k,
+                  jobsCreateRequestBody: {
+                    title: t.title,
+                    hireDate: t.hireDate,
+                    twoPercentShareholder: t.twoPercentShareholder,
+                    stateWcCovered: t.stateWcCovered,
+                    stateWcClassCode: L
+                  }
+                }
+              });
+              if (!c.job)
+                throw new l("Job creation failed");
+              W = c.job;
+            } else {
+              if (!o)
+                throw new l("Cannot update job: no matching job on file");
+              const c = await j.mutateAsync({
+                request: {
+                  jobId: o.uuid,
+                  jobsUpdateRequestBody: {
+                    version: o.version,
+                    title: t.title,
+                    hireDate: t.hireDate ?? void 0,
+                    twoPercentShareholder: t.twoPercentShareholder,
+                    stateWcCovered: t.stateWcCovered,
+                    stateWcClassCode: L
+                  }
+                }
+              });
+              if (!c.job)
+                throw new l("Job update failed");
+              W = c.job;
+            }
+            h = {
+              mode: b ? "create" : "update",
+              data: W
+            };
+          }), M();
+        },
+        () => {
+          M();
+        }
+      )();
+    }), h;
+  }, $ = e ? f.isLoading || C.isLoading || w.isLoading : !1, z = me(n);
+  return $ || e && (!m || !S) ? { isLoading: !0, errorHandling: y } : {
+    isLoading: !1,
+    data: {
+      currentJob: o,
+      jobs: m,
+      employee: S,
+      currentWorkAddress: D,
+      showTwoPercentShareholder: p,
+      showStateWc: i
+    },
+    status: {
+      isPending: O,
+      mode: b ? "create" : "update"
+    },
+    actions: { onSubmit: K },
+    errorHandling: y,
+    form: {
+      Fields: {
+        Title: le,
+        HireDate: ce,
+        TwoPercentShareholder: p ? de : void 0,
+        StateWcCovered: i ? ne : void 0,
+        StateWcClassCode: i && V ? ie : void 0
+      },
+      fieldsMetadata: _,
+      hookFormInternals: z,
+      getFormSubmissionValues: be(n, A)
+    }
+  };
+}
+export {
+  Ve as useJobForm
+};
+//# sourceMappingURL=useJobForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/shared/useJobForm/useJobForm.tsx"],"sourcesContent":["import { 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 { Job } from '@gusto/embedded-api/models/components/job'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\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 { 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  createJobSchema,\n  type JobOptionalFieldsToRequire,\n  type JobFormData,\n  type JobFormOutputs,\n} from './jobSchema'\nimport {\n  JobTitleField,\n  HireDateField,\n  TwoPercentShareholderField,\n  StateWcCoveredField,\n  StateWcClassCodeField,\n} from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\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 JobSubmitOptions {\n  /** Override the `employeeId` configured at hook construction. Useful when the employee is created in the same submit chain. */\n  employeeId?: string\n}\n\nexport interface UseJobFormProps {\n  employeeId?: string\n  /** Present → update mode (PUT /v1/jobs/:id with `version`). Omitted → create mode (POST /v1/employees/:id/jobs). */\n  jobId?: string\n  optionalFieldsToRequire?: JobOptionalFieldsToRequire\n  defaultValues?: Partial<JobFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nexport interface JobFormFields {\n  Title: typeof JobTitleField\n  HireDate: typeof HireDateField\n  TwoPercentShareholder: typeof TwoPercentShareholderField | undefined\n  StateWcCovered: typeof StateWcCoveredField | undefined\n  StateWcClassCode: typeof StateWcClassCodeField | undefined\n}\n\nexport interface UseJobFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  JobFormData,\n  JobFormFields\n> {\n  data: {\n    /** The job row loaded for update; `null` in create mode. */\n    currentJob: Job | null\n    /** All jobs for the employee, when employeeId is set. Useful for screen-level cross-checks across jobs. */\n    jobs: Job[] | undefined\n    employee: Employee | null\n    currentWorkAddress: EmployeeWorkAddress | null\n    /** True when the company is taxable as an S-Corp; partners use this to decide whether to render `TwoPercentShareholder`. */\n    showTwoPercentShareholder: boolean\n    /**\n     * True when the active work-address state is WA; partners use this to decide whether to render\n     * `StateWcCovered`. `Fields.StateWcClassCode` is additionally gated on `stateWcCovered === true`,\n     * so partners typically only need to check `Fields.StateWcCovered` / `Fields.StateWcClassCode`\n     * truthiness rather than this flag directly.\n     */\n    showStateWc: boolean\n  }\n  status: { isPending: boolean; mode: 'create' | 'update' }\n  actions: {\n    onSubmit: (options?: JobSubmitOptions) => Promise<HookSubmitResult<Job> | undefined>\n  }\n}\n\nfunction findJob(jobs: Job[] | undefined, jobId: string | undefined): Job | null {\n  if (!jobs || !jobId) return null\n  return jobs.find(j => j.uuid === jobId) ?? null\n}\n\nexport function useJobForm({\n  employeeId,\n  jobId,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseJobFormProps): HookLoadingResult | UseJobFormReady {\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) ?? null\n  const employee = employeeQuery.data?.employee ?? null\n  const companyUuid = employee?.companyUuid\n\n  const taxQuery = useFederalTaxDetailsGet(\n    { companyId: companyUuid ?? '' },\n    { enabled: !!companyUuid },\n  )\n  const federalTaxDetails = taxQuery.data?.federalTaxDetails\n  const showTwoPercentShareholder = federalTaxDetails?.taxableAsScorp === true\n  const showStateWc = currentWorkAddress?.state === 'WA'\n\n  const currentJob = useMemo(() => findJob(employeeJobs, jobId), [employeeJobs, jobId])\n  const isCreateMode = !jobId\n  const mode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () => createJobSchema({ mode, optionalFieldsToRequire }),\n    [mode, optionalFieldsToRequire],\n  )\n\n  const resolvedDefaults: JobFormData = useMemo(\n    () => ({\n      title: currentJob?.title ?? partnerDefaults?.title ?? '',\n      hireDate: currentJob?.hireDate ?? partnerDefaults?.hireDate ?? null,\n      twoPercentShareholder:\n        currentJob?.twoPercentShareholder ?? partnerDefaults?.twoPercentShareholder ?? false,\n      stateWcCovered: currentJob?.stateWcCovered ?? partnerDefaults?.stateWcCovered ?? false,\n      stateWcClassCode: currentJob?.stateWcClassCode ?? partnerDefaults?.stateWcClassCode ?? '',\n    }),\n    [currentJob, partnerDefaults],\n  )\n\n  const formMethods = useForm<JobFormData, unknown, JobFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedStateWcCovered = useWatch({ control: formMethods.control, name: 'stateWcCovered' })\n\n  const createJobMutation = useJobsAndCompensationsCreateJobMutation()\n  const updateJobMutation = useJobsAndCompensationsUpdateMutation()\n  const isPending = createJobMutation.isPending || updateJobMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('JobForm')\n\n  const queriesForErrors = employeeId ? [jobsQuery, addressesQuery, employeeQuery, taxQuery] : []\n  const errorHandling = composeErrorHandler(queriesForErrors, { submitError, setSubmitError })\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    title: baseMetadata.title,\n    hireDate: baseMetadata.hireDate,\n    twoPercentShareholder: {\n      ...baseMetadata.twoPercentShareholder,\n      isDisabled: !showTwoPercentShareholder,\n    },\n    stateWcCovered: withOptions<boolean>(\n      { ...baseMetadata.stateWcCovered, isDisabled: !showStateWc },\n      [\n        { label: 'Yes', value: 'true' },\n        { label: 'No', value: 'false' },\n      ],\n      [true, false],\n    ),\n    stateWcClassCode: withOptions<WARiskClassCode>(\n      { ...baseMetadata.stateWcClassCode, isDisabled: !showStateWc },\n      stateWcClassCodeOptions,\n      WA_RISK_CLASS_CODES,\n    ),\n  }\n\n  const onSubmit = async (\n    options?: JobSubmitOptions,\n  ): Promise<HookSubmitResult<Job> | undefined> => {\n    let submitResult: HookSubmitResult<Job> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: JobFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const resolvedEmployeeId = options?.employeeId ?? employeeId\n            if (!resolvedEmployeeId) {\n              throw new SDKInternalError('employeeId is required to submit a job')\n            }\n\n            const stateWcClassCode = payload.stateWcCovered ? payload.stateWcClassCode : null\n\n            let updatedJob: Job\n\n            if (isCreateMode) {\n              if (!payload.hireDate) {\n                throw new SDKInternalError('hireDate is required to create a job')\n              }\n              const result = await createJobMutation.mutateAsync({\n                request: {\n                  employeeId: resolvedEmployeeId,\n                  jobsCreateRequestBody: {\n                    title: payload.title,\n                    hireDate: payload.hireDate,\n                    twoPercentShareholder: payload.twoPercentShareholder,\n                    stateWcCovered: payload.stateWcCovered,\n                    stateWcClassCode,\n                  },\n                },\n              })\n              if (!result.job) {\n                throw new SDKInternalError('Job creation failed')\n              }\n              updatedJob = result.job\n            } else {\n              if (!currentJob) {\n                throw new SDKInternalError('Cannot update job: no matching job on file')\n              }\n              const result = await updateJobMutation.mutateAsync({\n                request: {\n                  jobId: currentJob.uuid,\n                  jobsUpdateRequestBody: {\n                    version: currentJob.version as string,\n                    title: payload.title,\n                    hireDate: payload.hireDate ?? undefined,\n                    twoPercentShareholder: payload.twoPercentShareholder,\n                    stateWcCovered: payload.stateWcCovered,\n                    stateWcClassCode,\n                  },\n                },\n              })\n              if (!result.job) {\n                throw new SDKInternalError('Job update failed')\n              }\n              updatedJob = result.job\n            }\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: updatedJob,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const isDataLoading = employeeId\n    ? jobsQuery.isLoading || addressesQuery.isLoading || employeeQuery.isLoading\n    : false\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (isDataLoading || (employeeId && (!employeeJobs || !employee))) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      currentJob,\n      jobs: employeeJobs,\n      employee,\n      currentWorkAddress,\n      showTwoPercentShareholder,\n      showStateWc,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? 'create' : 'update',\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        Title: JobTitleField,\n        HireDate: HireDateField,\n        TwoPercentShareholder: showTwoPercentShareholder ? TwoPercentShareholderField : undefined,\n        StateWcCovered: showStateWc ? StateWcCoveredField : undefined,\n        StateWcClassCode: showStateWc && watchedStateWcCovered ? StateWcClassCodeField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseJobFormResult = HookLoadingResult | UseJobFormReady\nexport type JobFieldsMetadata = UseJobFormReady['form']['fieldsMetadata']\n"],"names":["findJob","jobs","jobId","j","useJobForm","employeeId","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","jobsQuery","useJobsAndCompensationsGetJobs","addressesQuery","useEmployeeAddressesGetWorkAddresses","employeeQuery","useEmployeesGet","employeeJobs","currentWorkAddress","address","employee","companyUuid","taxQuery","useFederalTaxDetailsGet","showTwoPercentShareholder","showStateWc","currentJob","useMemo","isCreateMode","mode","schema","metadataConfig","createJobSchema","resolvedDefaults","formMethods","useForm","zodResolver","watchedStateWcCovered","useWatch","createJobMutation","useJobsAndCompensationsCreateJobMutation","updateJobMutation","useJobsAndCompensationsUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","stateWcClassCodeOptions","WA_RISK_CLASS_CODES","code","description","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","options","submitResult","resolve","data","payload","resolvedEmployeeId","SDKInternalError","stateWcClassCode","updatedJob","result","isDataLoading","hookFormInternals","useHookFormInternals","JobTitleField","HireDateField","TwoPercentShareholderField","StateWcCoveredField","StateWcClassCodeField","createGetFormSubmissionValues"],"mappings":"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"}

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

@@ -2,25 +2,27 @@ import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { useTranslation as D } from "react-i18next";
 import { Flex as n } from "../../Common/Flex/Flex.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatDateLongWithYear as x } from "../../../helpers/dateFormatting.js";
+import { formatDateLongWithYear as m } from "../../../helpers/dateFormatting.js";
 import { firstLastName as T, getStreet as B, getCityStateZip as v } from "../../../helpers/formattedStrings.js";
+import "classnames";
+import "../../../shared/constants.js";
 import { Loading as b } from "../../Common/Loading/Loading.js";
-function L({
+function k({
   employee: r,
-  currentHomeAddress: c,
+  currentHomeAddress: o,
   currentWorkAddress: l,
-  isLoading: m = !1,
+  isLoading: x = !1,
   onEditBasicDetails: p,
   onManageHomeAddress: f,
   onManageWorkAddress: g
 }) {
   const { t } = D("Employee.Dashboard"), i = u();
-  if (m || !r)
+  if (x || !r)
     return /* @__PURE__ */ e(b, {});
-  const o = T({
+  const c = T({
     first_name: r.firstName,
     last_name: r.lastName
-  }), s = x(r.jobs?.[0]?.hireDate), d = x(r.dateOfBirth), h = r.hasSsn ? "XXX-XX-XXXX" : void 0;
+  }), s = m(r.jobs?.[0]?.hireDate), d = m(r.dateOfBirth), h = r.hasSsn ? "XXX-XX-XXXX" : void 0;
   return /* @__PURE__ */ a(n, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ e(
       i.Box,
@@ -33,9 +35,9 @@ function L({
           }
         ),
         children: /* @__PURE__ */ e(n, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ a(n, { flexDirection: "column", gap: 12, children: [
-          o && /* @__PURE__ */ a(n, { flexDirection: "column", gap: 0, children: [
+          c && /* @__PURE__ */ a(n, { flexDirection: "column", gap: 0, children: [
             /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t("basicDetails.legalName") }),
-            /* @__PURE__ */ e(i.Text, { children: o })
+            /* @__PURE__ */ e(i.Text, { children: c })
           ] }),
           s && /* @__PURE__ */ a(n, { flexDirection: "column", gap: 0, children: [
             /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t("basicDetails.startDate") }),
@@ -66,10 +68,10 @@ function L({
             action: /* @__PURE__ */ e(i.Button, { variant: "secondary", onClick: f, children: t("homeAddress.manageCta") })
           }
         ),
-        children: /* @__PURE__ */ e(n, { flexDirection: "column", gap: 16, children: c ? /* @__PURE__ */ a(n, { flexDirection: "column", gap: 0, children: [
+        children: /* @__PURE__ */ e(n, { flexDirection: "column", gap: 16, children: o ? /* @__PURE__ */ a(n, { flexDirection: "column", gap: 0, children: [
           /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t("homeAddress.currentAddress") }),
-          /* @__PURE__ */ e(i.Text, { children: B(c).replace(",", "") }),
-          /* @__PURE__ */ e(i.Text, { children: v(c) })
+          /* @__PURE__ */ e(i.Text, { children: B(o).replace(",", "") }),
+          /* @__PURE__ */ e(i.Text, { children: v(o) })
         ] }) : /* @__PURE__ */ e(i.Text, { children: t("homeAddress.noAddress") }) })
       }
     ),
@@ -102,6 +104,6 @@ function L({
   ] });
 }
 export {
-  L as BasicDetailsView
+  k as BasicDetailsView
 };
 //# sourceMappingURL=BasicDetailsView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BasicDetailsView.js","sources":["../../../../src/components/Employee/Dashboard/BasicDetailsView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\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 { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName, getStreet, getCityStateZip } from '@/helpers/formattedStrings'\nimport { Loading } from '@/components/Common'\n\nexport interface BasicDetailsViewProps {\n  employee?: Employee\n  currentHomeAddress?: EmployeeAddress\n  currentWorkAddress?: EmployeeWorkAddress\n  isLoading?: boolean\n  onEditBasicDetails?: () => void\n  onManageHomeAddress?: () => void\n  onManageWorkAddress?: () => void\n}\n\nexport function BasicDetailsView({\n  employee,\n  currentHomeAddress,\n  currentWorkAddress,\n  isLoading = false,\n  onEditBasicDetails,\n  onManageHomeAddress,\n  onManageWorkAddress,\n}: BasicDetailsViewProps) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n\n  if (isLoading || !employee) {\n    return <Loading />\n  }\n\n  const legalName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n  const startDate = formatDateLongWithYear(employee.jobs?.[0]?.hireDate)\n  const dateOfBirth = formatDateLongWithYear(employee.dateOfBirth)\n  const maskedSsn = employee.hasSsn ? 'XXX-XX-XXXX' : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('basicDetails.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={onEditBasicDetails}>\n                {t('basicDetails.editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={12}>\n            {legalName && (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Components.Text variant=\"supporting\">\n                  {t('basicDetails.legalName')}\n                </Components.Text>\n                <Components.Text>{legalName}</Components.Text>\n              </Flex>\n            )}\n\n            {startDate && (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Components.Text variant=\"supporting\">\n                  {t('basicDetails.startDate')}\n                </Components.Text>\n                <Components.Text>{startDate}</Components.Text>\n              </Flex>\n            )}\n\n            {maskedSsn && (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Components.Text variant=\"supporting\">\n                  {t('basicDetails.socialSecurityNumber')}\n                </Components.Text>\n                <Components.Text>{maskedSsn}</Components.Text>\n              </Flex>\n            )}\n\n            {dateOfBirth && (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Components.Text variant=\"supporting\">\n                  {t('basicDetails.dateOfBirth')}\n                </Components.Text>\n                <Components.Text>{dateOfBirth}</Components.Text>\n              </Flex>\n            )}\n\n            {employee.email && (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Components.Text variant=\"supporting\">\n                  {t('basicDetails.personalEmail')}\n                </Components.Text>\n                <Components.Text>{employee.email}</Components.Text>\n              </Flex>\n            )}\n          </Flex>\n        </Flex>\n      </Components.Box>\n\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('homeAddress.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={onManageHomeAddress}>\n                {t('homeAddress.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {currentHomeAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text variant=\"supporting\">\n                {t('homeAddress.currentAddress')}\n              </Components.Text>\n              <Components.Text>{getStreet(currentHomeAddress).replace(',', '')}</Components.Text>\n              <Components.Text>{getCityStateZip(currentHomeAddress)}</Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('homeAddress.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('workAddress.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={onManageWorkAddress}>\n                {t('workAddress.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {currentWorkAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text variant=\"supporting\">\n                {t('workAddress.currentAddress')}\n              </Components.Text>\n              <Components.Text>\n                {currentWorkAddress.street1}\n                {currentWorkAddress.street2 ? `, ${currentWorkAddress.street2}` : ''}\n              </Components.Text>\n              <Components.Text>\n                {currentWorkAddress.city}, {currentWorkAddress.state} {currentWorkAddress.zip}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('workAddress.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </Flex>\n  )\n}\n"],"names":["BasicDetailsView","employee","currentHomeAddress","currentWorkAddress","isLoading","onEditBasicDetails","onManageHomeAddress","onManageWorkAddress","useTranslation","Components","useComponentContext","Loading","legalName","firstLastName","startDate","formatDateLongWithYear","dateOfBirth","maskedSsn","jsxs","Flex","jsx","getStreet","getCityStateZip"],"mappings":"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"}
+{"version":3,"file":"BasicDetailsView.js","sources":["../../../../src/components/Employee/Dashboard/BasicDetailsView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\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 { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName, getStreet, getCityStateZip } from '@/helpers/formattedStrings'\nimport { Loading } from '@/components/Common'\n\nexport interface BasicDetailsViewProps {\n  employee?: Employee\n  currentHomeAddress?: EmployeeAddress\n  currentWorkAddress?: EmployeeWorkAddress\n  isLoading?: boolean\n  onEditBasicDetails?: () => void\n  onManageHomeAddress?: () => void\n  onManageWorkAddress?: () => void\n}\n\nexport function BasicDetailsView({\n  employee,\n  currentHomeAddress,\n  currentWorkAddress,\n  isLoading = false,\n  onEditBasicDetails,\n  onManageHomeAddress,\n  onManageWorkAddress,\n}: BasicDetailsViewProps) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n\n  if (isLoading || !employee) {\n    return <Loading />\n  }\n\n  const legalName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n  const startDate = formatDateLongWithYear(employee.jobs?.[0]?.hireDate)\n  const dateOfBirth = formatDateLongWithYear(employee.dateOfBirth)\n  const maskedSsn = employee.hasSsn ? 'XXX-XX-XXXX' : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('basicDetails.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={onEditBasicDetails}>\n                {t('basicDetails.editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={12}>\n            {legalName && (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Components.Text variant=\"supporting\">\n                  {t('basicDetails.legalName')}\n                </Components.Text>\n                <Components.Text>{legalName}</Components.Text>\n              </Flex>\n            )}\n\n            {startDate && (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Components.Text variant=\"supporting\">\n                  {t('basicDetails.startDate')}\n                </Components.Text>\n                <Components.Text>{startDate}</Components.Text>\n              </Flex>\n            )}\n\n            {maskedSsn && (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Components.Text variant=\"supporting\">\n                  {t('basicDetails.socialSecurityNumber')}\n                </Components.Text>\n                <Components.Text>{maskedSsn}</Components.Text>\n              </Flex>\n            )}\n\n            {dateOfBirth && (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Components.Text variant=\"supporting\">\n                  {t('basicDetails.dateOfBirth')}\n                </Components.Text>\n                <Components.Text>{dateOfBirth}</Components.Text>\n              </Flex>\n            )}\n\n            {employee.email && (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Components.Text variant=\"supporting\">\n                  {t('basicDetails.personalEmail')}\n                </Components.Text>\n                <Components.Text>{employee.email}</Components.Text>\n              </Flex>\n            )}\n          </Flex>\n        </Flex>\n      </Components.Box>\n\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('homeAddress.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={onManageHomeAddress}>\n                {t('homeAddress.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {currentHomeAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text variant=\"supporting\">\n                {t('homeAddress.currentAddress')}\n              </Components.Text>\n              <Components.Text>{getStreet(currentHomeAddress).replace(',', '')}</Components.Text>\n              <Components.Text>{getCityStateZip(currentHomeAddress)}</Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('homeAddress.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('workAddress.title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={onManageWorkAddress}>\n                {t('workAddress.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {currentWorkAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text variant=\"supporting\">\n                {t('workAddress.currentAddress')}\n              </Components.Text>\n              <Components.Text>\n                {currentWorkAddress.street1}\n                {currentWorkAddress.street2 ? `, ${currentWorkAddress.street2}` : ''}\n              </Components.Text>\n              <Components.Text>\n                {currentWorkAddress.city}, {currentWorkAddress.state} {currentWorkAddress.zip}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('workAddress.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </Flex>\n  )\n}\n"],"names":["BasicDetailsView","employee","currentHomeAddress","currentWorkAddress","isLoading","onEditBasicDetails","onManageHomeAddress","onManageWorkAddress","useTranslation","Components","useComponentContext","Loading","legalName","firstLastName","startDate","formatDateLongWithYear","dateOfBirth","maskedSsn","jsxs","Flex","jsx","getStreet","getCityStateZip"],"mappings":"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"}

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

@@ -5,3 +5,6 @@ export interface DashboardContextInterface extends FlowContextInterface {
 export declare function DashboardViewContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function HomeAddressContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function WorkAddressContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function FederalTaxesContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function StateTaxesContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function ProfileContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,24 +1,42 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { Dashboard as m } from "./Dashboard.js";
 import { HomeAddress as d } from "../HomeAddress/management/HomeAddress.js";
-import { WorkAddress as s } from "../WorkAddress/management/WorkAddress.js";
-import { useFlow as t } from "../../Flow/useFlow.js";
+import { WorkAddress as l } from "../WorkAddress/management/WorkAddress.js";
+import { FederalTaxes as s } from "../FederalTaxes/management/FederalTaxes.js";
+import { StateTaxes as p } from "../StateTaxes/management/StateTaxes.js";
+import { Profile as u } from "../Profile/management/Profile.js";
+import { useFlow as r } from "../../Flow/useFlow.js";
 import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
-function c() {
-  const { employeeId: e, onEvent: o } = t();
-  return /* @__PURE__ */ r(m, { employeeId: n(e), onEvent: o });
+function E() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ t(m, { employeeId: n(e), onEvent: o });
 }
-function y() {
-  const { employeeId: e, onEvent: o } = t();
-  return /* @__PURE__ */ r(d, { employeeId: n(e), onEvent: o });
+function A() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ t(d, { employeeId: n(e), onEvent: o });
 }
-function I() {
-  const { employeeId: e, onEvent: o } = t();
-  return /* @__PURE__ */ r(s, { employeeId: n(e), onEvent: o });
+function T() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ t(l, { employeeId: n(e), onEvent: o });
+}
+function F() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ t(s, { employeeId: n(e), onEvent: o });
+}
+function b() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ t(p, { employeeId: n(e), onEvent: o });
+}
+function h() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ t(u, { employeeId: n(e), onEvent: o });
 }
 export {
-  c as DashboardViewContextual,
-  y as HomeAddressContextual,
-  I as WorkAddressContextual
+  E as DashboardViewContextual,
+  F as FederalTaxesContextual,
+  A as HomeAddressContextual,
+  h as ProfileContextual,
+  b as StateTaxesContextual,
+  T as WorkAddressContextual
 };
 //# sourceMappingURL=DashboardComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardComponents.js","sources":["../../../../src/components/Employee/Dashboard/DashboardComponents.tsx"],"sourcesContent":["import { Dashboard } from './Dashboard'\nimport { HomeAddress } from '@/components/Employee/HomeAddress/management/HomeAddress'\nimport { WorkAddress } from '@/components/Employee/WorkAddress/management/WorkAddress'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface DashboardContextInterface extends FlowContextInterface {\n  employeeId: string\n}\n\nexport function DashboardViewContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <Dashboard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function HomeAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <HomeAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function WorkAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <WorkAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["DashboardViewContextual","employeeId","onEvent","useFlow","Dashboard","ensureRequired","HomeAddressContextual","HomeAddress","WorkAddressContextual","WorkAddress"],"mappings":";;;;;;AAUO,SAASA,IAA0B;AACxC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAU,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC9E;AAEO,SAASI,IAAwB;AACtC,QAAM,EAAE,YAAAL,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQI,GAAA,EAAY,YAAYF,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAChF;AAEO,SAASM,IAAwB;AACtC,QAAM,EAAE,YAAAP,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQM,GAAA,EAAY,YAAYJ,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAChF;"}
+{"version":3,"file":"DashboardComponents.js","sources":["../../../../src/components/Employee/Dashboard/DashboardComponents.tsx"],"sourcesContent":["import { Dashboard } from './Dashboard'\nimport { HomeAddress } from '@/components/Employee/HomeAddress/management/HomeAddress'\nimport { WorkAddress } from '@/components/Employee/WorkAddress/management/WorkAddress'\nimport { FederalTaxes } from '@/components/Employee/FederalTaxes/management/FederalTaxes'\nimport { StateTaxes } from '@/components/Employee/StateTaxes/management/StateTaxes'\nimport { Profile } from '@/components/Employee/Profile/management/Profile'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface DashboardContextInterface extends FlowContextInterface {\n  employeeId: string\n}\n\nexport function DashboardViewContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <Dashboard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function HomeAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <HomeAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function WorkAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <WorkAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function FederalTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <FederalTaxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function StateTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <StateTaxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function ProfileContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <Profile employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["DashboardViewContextual","employeeId","onEvent","useFlow","Dashboard","ensureRequired","HomeAddressContextual","HomeAddress","WorkAddressContextual","WorkAddress","FederalTaxesContextual","FederalTaxes","StateTaxesContextual","StateTaxes","ProfileContextual","Profile"],"mappings":";;;;;;;;;AAaO,SAASA,IAA0B;AACxC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAU,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC9E;AAEO,SAASI,IAAwB;AACtC,QAAM,EAAE,YAAAL,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQI,GAAA,EAAY,YAAYF,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAChF;AAEO,SAASM,IAAwB;AACtC,QAAM,EAAE,YAAAP,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQM,GAAA,EAAY,YAAYJ,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAChF;AAEO,SAASQ,IAAyB;AACvC,QAAM,EAAE,YAAAT,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQQ,GAAA,EAAa,YAAYN,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AACjF;AAEO,SAASU,IAAuB;AACrC,QAAM,EAAE,YAAAX,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQU,GAAA,EAAW,YAAYR,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC/E;AAEO,SAASY,IAAoB;AAClC,QAAM,EAAE,YAAAb,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQY,GAAA,EAAQ,YAAYV,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC5E;"}

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

@@ -1,13 +1,15 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
 import { Flex as o } from "../../Common/Flex/Flex.js";
 import { useComponentContext as l } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "classnames";
+import "../../../shared/constants.js";
 import { Loading as d } from "../../Common/Loading/Loading.js";
-import { EmptyData as f } from "../../Common/EmptyData/EmptyData.js";
-import { useDataView as p } from "../../Common/DataView/useDataView.js";
+import { EmptyData as p } from "../../Common/EmptyData/EmptyData.js";
+import { useDataView as f } 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(), u = [
+function q({ forms: i = [], isLoading: m = !1, onViewForm: s }) {
+  const { t } = c("Employee.Dashboard"), n = l(), u = [
     {
       key: "title",
       title: t("documents.columns.title"),
@@ -28,21 +30,21 @@ function V({ forms: i = [], isLoading: m = !1, onViewForm: s }) {
       title: t("documents.columns.requiresSigning"),
       render: (e) => e.requiresSigning ? t("common.yes") : t("common.no")
     }
-  ], a = p({
+  ], a = f({
     data: i,
     columns: u,
-    itemMenu: (e) => /* @__PURE__ */ n(r.Button, { variant: "secondary", onClick: () => s?.(e.uuid), children: t("documents.viewCta") }),
-    emptyState: () => /* @__PURE__ */ n(
-      f,
+    itemMenu: (e) => /* @__PURE__ */ r(n.Button, { variant: "secondary", onClick: () => s?.(e.uuid), children: t("documents.viewCta") }),
+    emptyState: () => /* @__PURE__ */ r(
+      p,
       {
         title: t("documents.emptyState.title"),
         description: t("documents.emptyState.description")
       }
     )
   });
-  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 }) }) }) });
+  return m ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(o, { flexDirection: "column", gap: 24, children: /* @__PURE__ */ r(n.Box, { header: /* @__PURE__ */ r(n.BoxHeader, { title: t("documents.title") }), children: /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ r(y, { label: t("documents.listLabel"), ...a }) }) }) });
 }
 export {
-  V as DocumentsView
+  q as DocumentsView
 };
 //# sourceMappingURL=DocumentsView.js.map

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  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;"}
+{"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/JobAndPayView.js

@@ -2,16 +2,18 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useTranslation as N } from "react-i18next";
 import { Flex as i } from "../../Common/Flex/Flex.js";
 import { useComponentContext as U } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "classnames";
+import "../../../shared/constants.js";
 import { Loading as F } from "../../Common/Loading/Loading.js";
 import { EmptyData as y } from "../../Common/EmptyData/EmptyData.js";
-import { formatDateLongWithYear as m } from "../../../helpers/dateFormatting.js";
+import { formatDateLongWithYear as s } from "../../../helpers/dateFormatting.js";
 import { useFormatPayRate as V } from "../../../helpers/formattedStrings.js";
 import H from "../../../hooks/useNumberFormatter.js";
 import p from "../../../assets/icons/plus-circle.svg.js";
 import L from "../../../assets/icons/percent-circle.svg.js";
 import { useDataView as l } from "../../Common/DataView/useDataView.js";
-import { DataView as s } from "../../Common/DataView/DataView.js";
-function Q({
+import { DataView as m } from "../../Common/DataView/DataView.js";
+function Z({
   job: o,
   paymentMethod: u,
   bankAccounts: b = [],
@@ -60,7 +62,7 @@ function Q({
     {
       key: "payday",
       title: t("jobAndPay.paystubs.payday"),
-      render: (n) => m(n.checkDate) || "-"
+      render: (n) => s(n.checkDate) || "-"
     },
     {
       key: "checkAmount",
@@ -144,7 +146,7 @@ function Q({
           ] }),
           o?.hireDate && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 0, children: [
             /* @__PURE__ */ e(a.Text, { variant: "supporting", children: t("jobAndPay.compensation.startDate") }),
-            /* @__PURE__ */ e(a.Text, { children: m(o.hireDate) })
+            /* @__PURE__ */ e(a.Text, { children: s(o.hireDate) })
           ] })
         ] }) })
       }
@@ -178,7 +180,7 @@ function Q({
             ] })
           }
         ),
-        children: /* @__PURE__ */ e(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(s, { label: t("jobAndPay.payment.listLabel"), ...S }) })
+        children: /* @__PURE__ */ e(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(m, { label: t("jobAndPay.payment.listLabel"), ...S }) })
       }
     ),
     /* @__PURE__ */ e(
@@ -199,13 +201,13 @@ function Q({
             )
           }
         ),
-        children: /* @__PURE__ */ e(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(s, { label: t("jobAndPay.deductions.listLabel"), ...v }) })
+        children: /* @__PURE__ */ e(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(m, { label: t("jobAndPay.deductions.listLabel"), ...v }) })
       }
     ),
-    /* @__PURE__ */ e(a.Box, { header: /* @__PURE__ */ e(a.BoxHeader, { title: t("jobAndPay.paystubs.title") }), children: /* @__PURE__ */ e(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(s, { label: t("jobAndPay.paystubs.listLabel"), ...w }) }) })
+    /* @__PURE__ */ e(a.Box, { header: /* @__PURE__ */ e(a.BoxHeader, { title: t("jobAndPay.paystubs.title") }), children: /* @__PURE__ */ e(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(m, { label: t("jobAndPay.paystubs.listLabel"), ...w }) }) })
   ] });
 }
 export {
-  Q as JobAndPayView
+  Z as JobAndPayView
 };
 //# sourceMappingURL=JobAndPayView.js.map