@gusto/embedded-react-sdk 0.8.0 → 0.8.2

package/dist/components/Employee/Compensation/Edit.js

@@ -1,6 +1,6 @@
 import { jsxs as c, Fragment as u, jsx as t } from "react/jsx-runtime";
 import { useMemo as A, useEffect as D } from "react";
-import { useFormContext as g, useWatch as f } from "react-hook-form";
+import { useFormContext as g, useWatch as C } from "react-hook-form";
 import { useTranslation as F, Trans as I } from "react-i18next";
 import { useCompensation as U } from "./useCompensation.js";
 import { FlsaStatus as a, PAY_PERIODS as r, FLSA_OVERTIME_SALARY_LIMIT as k } from "../../../shared/constants.js";
@@ -13,19 +13,19 @@ import { NumberInputField as j } from "../../Common/Fields/NumberInputField/Numb
 import { SwitchField as x } from "../../Common/Fields/SwitchField/SwitchField.js";
 import { RadioGroupField as X } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { ComboBoxField as B } from "../../Common/Fields/ComboBoxField/ComboBoxField.js";
-const ne = () => {
-  const { t: e } = F("Employee.Compensation"), O = P("currency"), l = R(), E = A(
+const se = () => {
+  const { t: e } = F("Employee.Compensation"), O = P("currency"), l = R(), M = A(
     () => Y.map(({ code: i, description: v }) => ({ value: i, label: v })),
     []
   ), {
     control: b,
-    register: N,
-    setValue: n,
+    register: E,
+    setValue: s,
     formState: { defaultValues: m }
-  } = g(), o = f({ control: b, name: "flsaStatus" }), S = f({ control: b, name: "stateWcCovered" }), { currentJob: M, mode: s, minimumWages: C, handleFlsaChange: _, state: y, showTwoPercentStakeholder: W } = U();
+  } = g(), o = C({ control: b, name: "flsaStatus" }), N = C({ control: b, name: "stateWcCovered" }), { currentJob: S, mode: n, minimumWages: f, handleFlsaChange: _, state: y, showTwoPercentStakeholder: W } = U();
   if (D(() => {
-    o === a.OWNER ? n("paymentUnit", "Paycheck") : o === a.COMISSION_ONLY_NONEXEMPT || o === a.COMMISSION_ONLY_EXEMPT ? (n("paymentUnit", "Year"), n("rate", 0)) : m?.paymentUnit && n("paymentUnit", m.paymentUnit);
-  }, [o, n, m?.paymentUnit]), !(s === "ADD_INITIAL_JOB" || s === "ADD_ADDITIONAL_JOB" || s === "EDIT_INITIAL_JOB" || s === "EDIT_ADDITIONAL_JOB"))
+    o === a.OWNER ? s("paymentUnit", "Paycheck") : o === a.COMMISSION_ONLY_NONEXEMPT || o === a.COMMISSION_ONLY_EXEMPT ? (s("paymentUnit", "Year"), s("rate", 0)) : m?.paymentUnit && s("paymentUnit", m.paymentUnit);
+  }, [o, s, m?.paymentUnit]), !(n === "ADD_INITIAL_JOB" || n === "ADD_ADDITIONAL_JOB" || n === "EDIT_INITIAL_JOB" || n === "EDIT_ADDITIONAL_JOB"))
     return;
   const h = Object.keys(a).map(
     (i) => ({
@@ -38,7 +38,7 @@ const ne = () => {
     { value: r.MONTH, label: e("paymentUnitOptions.Month") },
     { value: r.YEAR, label: e("paymentUnitOptions.Year") },
     { value: r.PAYCHECK, label: e("paymentUnitOptions.Paycheck") }
-  ], p = o !== a.NONEXEMPT || M?.primary || s === "ADD_INITIAL_JOB", L = o === a.NONEXEMPT && C.length > 0;
+  ], p = o !== a.NONEXEMPT || S?.primary || n === "ADD_INITIAL_JOB", L = o === a.NONEXEMPT && f.length > 0;
   return /* @__PURE__ */ c(u, { children: [
     /* @__PURE__ */ t(
       w,
@@ -49,7 +49,7 @@ const ne = () => {
         errorMessage: e("validations.title")
       }
     ),
-    !p && /* @__PURE__ */ t("input", { type: "hidden", ...N("flsaStatus") }),
+    !p && /* @__PURE__ */ t("input", { type: "hidden", ...E("flsaStatus") }),
     p && /* @__PURE__ */ t(
       d,
       {
@@ -80,7 +80,8 @@ const ne = () => {
         format: "currency",
         min: 0,
         errorMessage: e("validations.rate"),
-        isDisabled: o === a.COMISSION_ONLY_NONEXEMPT || o === a.COMMISSION_ONLY_EXEMPT
+        isRequired: !1,
+        isDisabled: o === a.COMMISSION_ONLY_NONEXEMPT || o === a.COMMISSION_ONLY_EXEMPT
       }
     ),
     L && /* @__PURE__ */ c(u, { children: [
@@ -98,7 +99,7 @@ const ne = () => {
           name: "minimumWageId",
           label: e("minimumWageLabel"),
           description: e("minimumWageDescription"),
-          options: C.map((i) => ({
+          options: f.map((i) => ({
             value: i.uuid,
             label: `${O(Number(i.wage))} - ${i.authority}: ${i.notes ?? ""}`
           })),
@@ -114,7 +115,7 @@ const ne = () => {
         description: e("paymentUnitDescription"),
         options: T,
         errorMessage: e("validations.paymentUnit"),
-        isDisabled: o === a.OWNER || o === a.COMISSION_ONLY_NONEXEMPT || o === a.COMMISSION_ONLY_EXEMPT
+        isDisabled: o === a.OWNER || o === a.COMMISSION_ONLY_NONEXEMPT || o === a.COMMISSION_ONLY_EXEMPT
       }
     ),
     W && /* @__PURE__ */ t(l.Checkbox, { label: e("twoPercentStakeholderLabel"), name: "twoPercentShareholder" }),
@@ -147,12 +148,12 @@ const ne = () => {
           ]
         }
       ),
-      S && /* @__PURE__ */ t(
+      N && /* @__PURE__ */ t(
         B,
         {
           name: "stateWcClassCode",
           label: e("stateWcClassCodeLabel"),
-          options: E,
+          options: M,
           errorMessage: e("validations.stateWcClassCode"),
           placeholder: e("stateWcClassCodeLabel")
         }
@@ -161,6 +162,6 @@ const ne = () => {
   ] });
 };
 export {
-  ne as Edit
+  se as Edit
 };
 //# sourceMappingURL=Edit.js.map

package/dist/components/Employee/Compensation/Edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sources":["../../../../src/components/Employee/Compensation/Edit.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useFormContext, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type CompensationInputs, useCompensation } from './useCompensation'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus, PAY_PERIODS } from '@/shared/constants'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport {\n  NumberInputField,\n  SelectField,\n  TextInputField,\n  SwitchField,\n  RadioGroupField,\n  ComboBoxField,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { WA_RISK_CLASS_CODES } from '@/models/WA_RISK_CODES'\n\nexport interface SelectCategory {\n  id: string\n  name: string\n}\n\nexport const Edit = () => {\n  const { t } = useTranslation('Employee.Compensation')\n  const format = useNumberFormatter('currency')\n  const Components = useComponentContext()\n\n  const stateWcRiskOptions = useMemo(\n    () => WA_RISK_CLASS_CODES.map(({ code, description }) => ({ value: code, label: description })),\n    [],\n  )\n\n  const {\n    control,\n    register,\n    setValue,\n    formState: { defaultValues },\n  } = useFormContext<CompensationInputs>()\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const watchedStateWcCovered = useWatch({ control, name: 'stateWcCovered' })\n  const { currentJob, mode, minimumWages, handleFlsaChange, state, showTwoPercentStakeholder } =\n    useCompensation()\n\n  /**Correctly set payment unit selected option and rate based on flsa status, falling back to default */\n  useEffect(() => {\n    if (watchedFlsaStatus === FlsaStatus.OWNER) {\n      setValue('paymentUnit', 'Paycheck')\n    } else if (\n      watchedFlsaStatus === FlsaStatus.COMISSION_ONLY_NONEXEMPT ||\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n    ) {\n      setValue('paymentUnit', 'Year')\n      setValue('rate', 0)\n    } else if (defaultValues?.paymentUnit) {\n      setValue('paymentUnit', defaultValues.paymentUnit)\n    }\n  }, [watchedFlsaStatus, setValue, defaultValues?.paymentUnit])\n\n  if (\n    !(\n      mode === 'ADD_INITIAL_JOB' ||\n      mode === 'ADD_ADDITIONAL_JOB' ||\n      mode === 'EDIT_INITIAL_JOB' ||\n      mode === 'EDIT_ADDITIONAL_JOB'\n    )\n  )\n    return\n\n  const classificationOptions = (Object.keys(FlsaStatus) as Array<keyof typeof FlsaStatus>).map(\n    key => ({\n      value: FlsaStatus[key],\n      label: t(`flsaStatusLabels.${FlsaStatus[key]}`),\n    }),\n  )\n\n  const paymentUnitOptions = [\n    { value: PAY_PERIODS.HOUR, label: t('paymentUnitOptions.Hour') },\n    { value: PAY_PERIODS.WEEK, label: t('paymentUnitOptions.Week') },\n    { value: PAY_PERIODS.MONTH, label: t('paymentUnitOptions.Month') },\n    { value: PAY_PERIODS.YEAR, label: t('paymentUnitOptions.Year') },\n    { value: PAY_PERIODS.PAYCHECK, label: t('paymentUnitOptions.Paycheck') },\n  ]\n\n  const isFlsaSelectionEnabled =\n    watchedFlsaStatus !== FlsaStatus.NONEXEMPT || currentJob?.primary || mode === 'ADD_INITIAL_JOB'\n\n  const isAdjustMinimumWageEnabled =\n    watchedFlsaStatus === FlsaStatus.NONEXEMPT && minimumWages.length > 0\n\n  return (\n    <>\n      <TextInputField\n        name=\"jobTitle\"\n        label={t('jobTitle')}\n        isRequired\n        errorMessage={t('validations.title')}\n      />\n      {/* hiding flsa selection for secondary jobs */}\n      {!isFlsaSelectionEnabled && <input type=\"hidden\" {...register('flsaStatus')} />}\n      {isFlsaSelectionEnabled && (\n        <SelectField\n          name=\"flsaStatus\"\n          label={t('employeeClassification')}\n          description={\n            <Trans\n              t={t}\n              i18nKey=\"classificationCTA\"\n              components={{ classificationCta: <Components.Link /> }}\n            />\n          }\n          errorMessage={t('validations.exemptThreshold', {\n            limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n          })}\n          options={classificationOptions}\n          isRequired\n          isDisabled={!isFlsaSelectionEnabled}\n          onChange={handleFlsaChange}\n        />\n      )}\n      <NumberInputField\n        name=\"rate\"\n        label={t('amount')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('validations.rate')}\n        isDisabled={\n          watchedFlsaStatus === FlsaStatus.COMISSION_ONLY_NONEXEMPT ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n        }\n      />\n      {isAdjustMinimumWageEnabled && (\n        <>\n          <SwitchField\n            name=\"adjustForMinimumWage\"\n            label={t('adjustForMinimumWage')}\n            description={t('adjustForMinimumWageDescription')}\n          />\n          <SelectField\n            name=\"minimumWageId\"\n            label={t('minimumWageLabel')}\n            description={t('minimumWageDescription')}\n            options={minimumWages.map(wage => ({\n              value: wage.uuid,\n              label: `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`,\n            }))}\n            errorMessage={t('validations.minimumWage')}\n          />\n        </>\n      )}\n      <SelectField\n        name=\"paymentUnit\"\n        label={t('paymentUnitLabel')}\n        description={t('paymentUnitDescription')}\n        options={paymentUnitOptions}\n        errorMessage={t('validations.paymentUnit')}\n        isDisabled={\n          watchedFlsaStatus === FlsaStatus.OWNER ||\n          watchedFlsaStatus === FlsaStatus.COMISSION_ONLY_NONEXEMPT ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n        }\n      />\n      {showTwoPercentStakeholder && (\n        <Components.Checkbox label={t('twoPercentStakeholderLabel')} name=\"twoPercentShareholder\" />\n      )}\n      {state === 'WA' && (\n        <>\n          <RadioGroupField\n            name=\"stateWcCovered\"\n            label={t('stateWcCoveredLabel')}\n            description={\n              <Trans\n                t={t}\n                i18nKey=\"stateWcCoveredDescription\"\n                components={{\n                  wcLink: (\n                    <Components.Link\n                      href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    />\n                  ),\n                }}\n              />\n            }\n            options={[\n              { label: t('stateWcCoveredOptions.yes'), value: true },\n              { label: t('stateWcCoveredOptions.no'), value: false },\n            ]}\n          />\n          {watchedStateWcCovered && (\n            <ComboBoxField\n              name=\"stateWcClassCode\"\n              label={t('stateWcClassCodeLabel')}\n              options={stateWcRiskOptions}\n              errorMessage={t('validations.stateWcClassCode')}\n              placeholder={t('stateWcClassCodeLabel')}\n            />\n          )}\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["Edit","t","useTranslation","format","useNumberFormatter","Components","useComponentContext","stateWcRiskOptions","useMemo","WA_RISK_CLASS_CODES","code","description","control","register","setValue","defaultValues","useFormContext","watchedFlsaStatus","useWatch","watchedStateWcCovered","currentJob","mode","minimumWages","handleFlsaChange","state","showTwoPercentStakeholder","useCompensation","useEffect","FlsaStatus","classificationOptions","key","paymentUnitOptions","PAY_PERIODS","isFlsaSelectionEnabled","isAdjustMinimumWageEnabled","jsxs","Fragment","jsx","TextInputField","SelectField","Trans","FLSA_OVERTIME_SALARY_LIMIT","NumberInputField","SwitchField","wage","RadioGroupField","ComboBoxField"],"mappings":"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"}
+{"version":3,"file":"Edit.js","sources":["../../../../src/components/Employee/Compensation/Edit.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useFormContext, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type CompensationInputs, useCompensation } from './useCompensation'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus, PAY_PERIODS } from '@/shared/constants'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport {\n  NumberInputField,\n  SelectField,\n  TextInputField,\n  SwitchField,\n  RadioGroupField,\n  ComboBoxField,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { WA_RISK_CLASS_CODES } from '@/models/WA_RISK_CODES'\n\nexport interface SelectCategory {\n  id: string\n  name: string\n}\n\nexport const Edit = () => {\n  const { t } = useTranslation('Employee.Compensation')\n  const format = useNumberFormatter('currency')\n  const Components = useComponentContext()\n\n  const stateWcRiskOptions = useMemo(\n    () => WA_RISK_CLASS_CODES.map(({ code, description }) => ({ value: code, label: description })),\n    [],\n  )\n\n  const {\n    control,\n    register,\n    setValue,\n    formState: { defaultValues },\n  } = useFormContext<CompensationInputs>()\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const watchedStateWcCovered = useWatch({ control, name: 'stateWcCovered' })\n  const { currentJob, mode, minimumWages, handleFlsaChange, state, showTwoPercentStakeholder } =\n    useCompensation()\n\n  /**Correctly set payment unit selected option and rate based on flsa status, falling back to default */\n  useEffect(() => {\n    if (watchedFlsaStatus === FlsaStatus.OWNER) {\n      setValue('paymentUnit', 'Paycheck')\n    } else if (\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n    ) {\n      setValue('paymentUnit', 'Year')\n      setValue('rate', 0)\n    } else if (defaultValues?.paymentUnit) {\n      setValue('paymentUnit', defaultValues.paymentUnit)\n    }\n  }, [watchedFlsaStatus, setValue, defaultValues?.paymentUnit])\n\n  if (\n    !(\n      mode === 'ADD_INITIAL_JOB' ||\n      mode === 'ADD_ADDITIONAL_JOB' ||\n      mode === 'EDIT_INITIAL_JOB' ||\n      mode === 'EDIT_ADDITIONAL_JOB'\n    )\n  )\n    return\n\n  const classificationOptions = (Object.keys(FlsaStatus) as Array<keyof typeof FlsaStatus>).map(\n    key => ({\n      value: FlsaStatus[key],\n      label: t(`flsaStatusLabels.${FlsaStatus[key]}`),\n    }),\n  )\n\n  const paymentUnitOptions = [\n    { value: PAY_PERIODS.HOUR, label: t('paymentUnitOptions.Hour') },\n    { value: PAY_PERIODS.WEEK, label: t('paymentUnitOptions.Week') },\n    { value: PAY_PERIODS.MONTH, label: t('paymentUnitOptions.Month') },\n    { value: PAY_PERIODS.YEAR, label: t('paymentUnitOptions.Year') },\n    { value: PAY_PERIODS.PAYCHECK, label: t('paymentUnitOptions.Paycheck') },\n  ]\n\n  const isFlsaSelectionEnabled =\n    watchedFlsaStatus !== FlsaStatus.NONEXEMPT || currentJob?.primary || mode === 'ADD_INITIAL_JOB'\n\n  const isAdjustMinimumWageEnabled =\n    watchedFlsaStatus === FlsaStatus.NONEXEMPT && minimumWages.length > 0\n\n  return (\n    <>\n      <TextInputField\n        name=\"jobTitle\"\n        label={t('jobTitle')}\n        isRequired\n        errorMessage={t('validations.title')}\n      />\n      {/* hiding flsa selection for secondary jobs */}\n      {!isFlsaSelectionEnabled && <input type=\"hidden\" {...register('flsaStatus')} />}\n      {isFlsaSelectionEnabled && (\n        <SelectField\n          name=\"flsaStatus\"\n          label={t('employeeClassification')}\n          description={\n            <Trans\n              t={t}\n              i18nKey=\"classificationCTA\"\n              components={{ classificationCta: <Components.Link /> }}\n            />\n          }\n          errorMessage={t('validations.exemptThreshold', {\n            limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n          })}\n          options={classificationOptions}\n          isRequired\n          isDisabled={!isFlsaSelectionEnabled}\n          onChange={handleFlsaChange}\n        />\n      )}\n      <NumberInputField\n        name=\"rate\"\n        label={t('amount')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('validations.rate')}\n        isRequired={false}\n        isDisabled={\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n        }\n      />\n      {isAdjustMinimumWageEnabled && (\n        <>\n          <SwitchField\n            name=\"adjustForMinimumWage\"\n            label={t('adjustForMinimumWage')}\n            description={t('adjustForMinimumWageDescription')}\n          />\n          <SelectField\n            name=\"minimumWageId\"\n            label={t('minimumWageLabel')}\n            description={t('minimumWageDescription')}\n            options={minimumWages.map(wage => ({\n              value: wage.uuid,\n              label: `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`,\n            }))}\n            errorMessage={t('validations.minimumWage')}\n          />\n        </>\n      )}\n      <SelectField\n        name=\"paymentUnit\"\n        label={t('paymentUnitLabel')}\n        description={t('paymentUnitDescription')}\n        options={paymentUnitOptions}\n        errorMessage={t('validations.paymentUnit')}\n        isDisabled={\n          watchedFlsaStatus === FlsaStatus.OWNER ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n          watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n        }\n      />\n      {showTwoPercentStakeholder && (\n        <Components.Checkbox label={t('twoPercentStakeholderLabel')} name=\"twoPercentShareholder\" />\n      )}\n      {state === 'WA' && (\n        <>\n          <RadioGroupField\n            name=\"stateWcCovered\"\n            label={t('stateWcCoveredLabel')}\n            description={\n              <Trans\n                t={t}\n                i18nKey=\"stateWcCoveredDescription\"\n                components={{\n                  wcLink: (\n                    <Components.Link\n                      href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    />\n                  ),\n                }}\n              />\n            }\n            options={[\n              { label: t('stateWcCoveredOptions.yes'), value: true },\n              { label: t('stateWcCoveredOptions.no'), value: false },\n            ]}\n          />\n          {watchedStateWcCovered && (\n            <ComboBoxField\n              name=\"stateWcClassCode\"\n              label={t('stateWcClassCodeLabel')}\n              options={stateWcRiskOptions}\n              errorMessage={t('validations.stateWcClassCode')}\n              placeholder={t('stateWcClassCodeLabel')}\n            />\n          )}\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["Edit","t","useTranslation","format","useNumberFormatter","Components","useComponentContext","stateWcRiskOptions","useMemo","WA_RISK_CLASS_CODES","code","description","control","register","setValue","defaultValues","useFormContext","watchedFlsaStatus","useWatch","watchedStateWcCovered","currentJob","mode","minimumWages","handleFlsaChange","state","showTwoPercentStakeholder","useCompensation","useEffect","FlsaStatus","classificationOptions","key","paymentUnitOptions","PAY_PERIODS","isFlsaSelectionEnabled","isAdjustMinimumWageEnabled","jsxs","Fragment","jsx","TextInputField","SelectField","Trans","FLSA_OVERTIME_SALARY_LIMIT","NumberInputField","SwitchField","wage","RadioGroupField","ComboBoxField"],"mappings":"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"}

package/dist/components/Employee/Compensation/List.js

@@ -1,4 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { useTranslation as p } from "react-i18next";
 import { useCompensation as d } from "./useCompensation.js";
 import C from "../../../assets/icons/pencil.svg.js";
@@ -7,8 +7,8 @@ import { HamburgerMenu as f } from "../../Common/HamburgerMenu/HamburgerMenu.js"
 import { useDataView as y } from "../../Common/DataView/useDataView.js";
 import { DataView as g } from "../../Common/DataView/DataView.js";
 const D = () => {
-  const { employeeJobs: o, mode: i, isPending: l, handleEdit: r, handleDelete: s } = d(), { t } = p("Employee.Compensation"), { ...m } = y({
-    data: o,
+  const { employeeJobs: i, mode: o, isPending: l, handleEdit: r, handleDelete: s } = d(), { t } = p("Employee.Compensation"), { ...m } = y({
+    data: i,
     columns: [
       {
         key: "title",
@@ -19,10 +19,10 @@ const D = () => {
         key: "flsaStatus",
         title: t("allCompensations.typeColumn"),
         render: (e) => {
-          const a = e.compensations?.find(
+          const n = e.compensations?.find(
             (u) => u.uuid === e.currentCompensationUuid
           )?.flsaStatus;
-          return a !== void 0 ? t(`flsaStatusLabels.${a}`) : null;
+          return n !== void 0 ? t(`flsaStatusLabels.${n}`) : null;
         }
       },
       {
@@ -36,14 +36,14 @@ const D = () => {
         render: (e) => e.paymentUnit || ""
       }
     ],
-    itemMenu: (e) => /* @__PURE__ */ n(
+    itemMenu: (e) => /* @__PURE__ */ a(
       f,
       {
         triggerLabel: t("hamburgerTitle"),
         items: [
           {
             label: t("allCompensations.editCta"),
-            icon: /* @__PURE__ */ n(C, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ a(C, { "aria-hidden": !0 }),
             onClick: () => {
               r(e.uuid);
             }
@@ -51,7 +51,7 @@ const D = () => {
           ...e.primary ? [] : [
             {
               label: t("allCompensations.deleteCta"),
-              icon: /* @__PURE__ */ n(c, { "aria-hidden": !0 }),
+              icon: /* @__PURE__ */ a(c, { "aria-hidden": !0 }),
               onClick: () => {
                 s(e.uuid);
               }
@@ -62,8 +62,8 @@ const D = () => {
       }
     )
   });
-  if (i === "LIST")
-    return /* @__PURE__ */ n(g, { label: t("allCompensations.tableLabel"), ...m });
+  if (o === "LIST")
+    return /* @__PURE__ */ a(g, { "data-testid": "data-view", label: t("allCompensations.tableLabel"), ...m });
 };
 export {
   D as List

package/dist/components/Employee/Compensation/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n\n  const { ...dataViewProps } = useDataView({\n    data: employeeJobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    handleDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  if (mode !== 'LIST') {\n    return\n  }\n\n  return <DataView label={t('allCompensations.tableLabel')} {...dataViewProps} />\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,MAAiBC,EAAgB,GAC9E,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACS,MAAaA,EAAI,SAAS;AAAA,MACrC;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACA,MAAa;AACd,gBAAAC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,QAAA;AAAA,MAE5E;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACD,MAAaA,EAAI,MAAM,cAAc;AAAA,MAChD;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACA,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAE7C;AAAA,IACA,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAD,EAACE,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAX,EAAWM,EAAI,IAAI;AAAA,YAAA;AAAA,UAEvB;AAAA,UACA,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAO,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAG,EAACG,GAAY,EAAA,eAAW,GAAC,CAAA;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAX,EAAaK,EAAI,IAAI;AAAA,cAAA;AAAA,YACvB;AAAA,UACF;AAAA,QAGR;AAAA,QACA,WAAWP;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAIb,6BAAQe,GAAS,EAAA,OAAO,EAAE,6BAA6B,GAAI,GAAGT,GAAe;AAC/E;"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/Employee/Compensation/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport { useCompensation } from './useCompensation'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { employeeJobs, mode, isPending, handleEdit, handleDelete } = useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n\n  const { ...dataViewProps } = useDataView({\n    data: employeeJobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    handleDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  if (mode !== 'LIST') {\n    return\n  }\n\n  return (\n    <DataView data-testid=\"data-view\" label={t('allCompensations.tableLabel')} {...dataViewProps} />\n  )\n}\n"],"names":["List","employeeJobs","mode","isPending","handleEdit","handleDelete","useCompensation","useTranslation","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,cAAAC,GAAc,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,cAAAC,MAAiBC,EAAgB,GAC9E,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAE9C,EAAE,GAAGC,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMR;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACS,MAAaA,EAAI,SAAS;AAAA,MACrC;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACA,MAAa;AACd,gBAAAC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,QAAA;AAAA,MAE5E;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACD,MAAaA,EAAI,MAAM,cAAc;AAAA,MAChD;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACA,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAE7C;AAAA,IACA,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAD,EAACE,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAX,EAAWM,EAAI,IAAI;AAAA,YAAA;AAAA,UAEvB;AAAA,UACA,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAO,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAG,EAACG,GAAY,EAAA,eAAW,GAAC,CAAA;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAX,EAAaK,EAAI,IAAI;AAAA,cAAA;AAAA,YACvB;AAAA,UACF;AAAA,QAGR;AAAA,QACA,WAAWP;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,MAAID,MAAS;AAKX,WAAA,gBAAAW,EAACI,KAAS,eAAY,aAAY,OAAO,EAAE,6BAA6B,GAAI,GAAGT,GAAe;AAElG;"}

package/dist/components/Employee/Compensation/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './Compensation';

package/dist/components/Employee/Compensation/useCompensation.d.ts

@@ -1,51 +1,59 @@
 import { Job } from '@gusto/embedded-api/models/components/job';
 import { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage';
-import * as v from 'valibot';
-export declare const CompensationSchema: v.IntersectSchema<[v.ObjectSchema<{
-    readonly jobTitle: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
-}, undefined>, v.VariantSchema<"adjustForMinimumWage", [v.ObjectSchema<{
-    readonly adjustForMinimumWage: v.LiteralSchema<true, undefined>;
-    readonly minimumWageId: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
-}, undefined>, v.ObjectSchema<{
-    readonly adjustForMinimumWage: v.LiteralSchema<false, undefined>;
-}, undefined>], undefined>, v.VariantSchema<"stateWcCovered", [v.ObjectSchema<{
-    readonly stateWcCovered: v.LiteralSchema<true, undefined>;
-    readonly stateWcClassCode: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
-}, undefined>, v.ObjectSchema<{
-    readonly stateWcCovered: v.LiteralSchema<false, undefined>;
-}, undefined>, v.ObjectSchema<{
-    readonly stateWcCovered: v.UndefinedSchema<undefined>;
-}, undefined>], undefined>, v.VariantSchema<"twoPercentShareholder", [v.ObjectSchema<{
-    readonly twoPercentShareholder: v.BooleanSchema<undefined>;
-}, undefined>, v.ObjectSchema<{
-    readonly twoPercentShareholder: v.UndefinedSchema<undefined>;
-}, undefined>], undefined>, v.VariantSchema<"flsaStatus", [v.SchemaWithPipe<[v.ObjectSchema<{
-    readonly flsaStatus: v.UnionSchema<[v.LiteralSchema<"Exempt", undefined>, v.LiteralSchema<"Salaried Nonexempt", undefined>, v.LiteralSchema<"Nonexempt", undefined>], undefined>;
-    readonly paymentUnit: v.UnionSchema<[v.LiteralSchema<"Hour", undefined>, v.LiteralSchema<"Week", undefined>, v.LiteralSchema<"Month", undefined>, v.LiteralSchema<"Year", undefined>], undefined>;
-    readonly rate: v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>, v.TransformAction<any, string>]>;
-}, undefined>, v.BaseValidation<{
-    paymentUnit: "Hour" | "Week" | "Month" | "Year";
-    rate: string;
-    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt";
+import { z } from 'zod';
+export declare const CompensationSchema: z.ZodEffects<z.ZodObject<{
+    jobTitle: z.ZodString;
+    adjustForMinimumWage: z.ZodBoolean;
+    minimumWageId: z.ZodOptional<z.ZodString>;
+    stateWcCovered: z.ZodOptional<z.ZodBoolean>;
+    stateWcClassCode: z.ZodOptional<z.ZodString>;
+    twoPercentShareholder: z.ZodOptional<z.ZodBoolean>;
+    flsaStatus: z.ZodEnum<["Exempt", "Salaried Nonexempt", "Nonexempt", "Owner", "Commission Only Exempt", "Commission Only Nonexempt"]>;
+    paymentUnit: z.ZodEnum<["Hour", "Week", "Month", "Year", "Paycheck"]>;
+    rate: z.ZodOptional<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    rate?: number | undefined;
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
 }, {
-    paymentUnit: "Hour" | "Week" | "Month" | "Year";
-    rate: string;
-    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt";
-}, v.CheckIssue<{
-    paymentUnit: "Hour" | "Week" | "Month" | "Year";
-    rate: string;
-    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt";
-}>>]>, v.ObjectSchema<{
-    readonly flsaStatus: v.LiteralSchema<"Owner", undefined>;
-    readonly paymentUnit: v.LiteralSchema<"Paycheck", undefined>;
-    readonly rate: v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>, v.TransformAction<any, string>]>;
-}, undefined>, v.ObjectSchema<{
-    readonly flsaStatus: v.UnionSchema<[v.LiteralSchema<"Commission Only Exempt", undefined>, v.LiteralSchema<"Commission Only Nonexempt", undefined>], undefined>;
-    readonly paymentUnit: v.LiteralSchema<"Year", undefined>;
-    readonly rate: v.SchemaWithPipe<[v.LiteralSchema<0, undefined>, v.TransformAction<any, string>]>;
-}, undefined>], undefined>], undefined>;
-export type CompensationInputs = v.InferInput<typeof CompensationSchema>;
-export type CompensationOutputs = v.InferOutput<typeof CompensationSchema>;
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    rate?: number | undefined;
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
+}>, {
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    rate?: number | undefined;
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
+}, {
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    rate?: number | undefined;
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
+}>;
+export type CompensationInputs = z.input<typeof CompensationSchema>;
+export type CompensationOutputs = z.output<typeof CompensationSchema>;
 export type MODE = 'LIST' | 'ADD_ADDITIONAL_JOB' | 'ADD_INITIAL_JOB' | 'EDIT_ADDITIONAL_JOB' | 'EDIT_INITIAL_JOB' | 'PROCEED';
 type CompensationContextType = {
     employeeJobs: Job[];

package/dist/components/Employee/Compensation/useCompensation.js

@@ -1,73 +1,64 @@
-import * as e from "valibot";
-import { createCompoundContext as r } from "../../Base/createCompoundContext.js";
-import { FlsaStatus as t, FLSA_OVERTIME_SALARY_LIMIT as o } from "../../../shared/constants.js";
+import { z as e } from "zod";
+import { createCompoundContext as u } from "../../Base/createCompoundContext.js";
+import { FlsaStatus as s, FLSA_OVERTIME_SALARY_LIMIT as d } from "../../../shared/constants.js";
 import { yearlyRate as n } from "../../../helpers/payRateCalculator.js";
-const m = e.intersect([
-  e.object({
-    jobTitle: e.pipe(e.string(), e.nonEmpty())
-  }),
-  e.variant("adjustForMinimumWage", [
-    e.object({
-      adjustForMinimumWage: e.literal(!0),
-      minimumWageId: e.pipe(e.string(), e.nonEmpty())
-    }),
-    e.object({ adjustForMinimumWage: e.literal(!1) })
+const C = e.object({
+  jobTitle: e.string().min(1),
+  adjustForMinimumWage: e.boolean(),
+  minimumWageId: e.string().optional(),
+  stateWcCovered: e.boolean().optional(),
+  stateWcClassCode: e.string().optional(),
+  twoPercentShareholder: e.boolean().optional(),
+  flsaStatus: e.enum([
+    s.EXEMPT,
+    s.SALARIED_NONEXEMPT,
+    s.NONEXEMPT,
+    s.OWNER,
+    s.COMMISSION_ONLY_EXEMPT,
+    s.COMMISSION_ONLY_NONEXEMPT
   ]),
-  e.variant("stateWcCovered", [
-    e.object({
-      stateWcCovered: e.literal(!0),
-      stateWcClassCode: e.pipe(e.string(), e.nonEmpty())
-    }),
-    e.object({ stateWcCovered: e.literal(!1) }),
-    e.object({ stateWcCovered: e.undefined() })
-  ]),
-  e.variant("twoPercentShareholder", [
-    e.object({ twoPercentShareholder: e.boolean() }),
-    e.object({ twoPercentShareholder: e.undefined() })
-  ]),
-  e.variant("flsaStatus", [
-    e.pipe(
-      e.object({
-        flsaStatus: e.union([
-          e.literal(t.EXEMPT),
-          e.literal(t.SALARIED_NONEXEMPT),
-          e.literal(t.NONEXEMPT)
-        ]),
-        paymentUnit: e.union([
-          e.literal("Hour"),
-          e.literal("Week"),
-          e.literal("Month"),
-          e.literal("Year")
-        ]),
-        rate: e.pipe(e.number(), e.minValue(1), e.transform(String))
-      }),
-      //Exempt salary threshold validation:
-      e.forward(
-        e.check((a) => (
-          //TODO: this should not be validated for non-primary jobs for NONEXEMPT
-          a.flsaStatus !== t.EXEMPT || n(Number(a.rate), a.paymentUnit) >= o
-        )),
-        ["flsaStatus"]
-      )
-    ),
-    e.object({
-      flsaStatus: e.literal(t.OWNER),
-      paymentUnit: e.literal("Paycheck"),
-      rate: e.pipe(e.number(), e.minValue(1), e.transform(String))
-    }),
-    e.object({
-      flsaStatus: e.union([
-        e.literal(t.COMMISSION_ONLY_EXEMPT),
-        e.literal(t.COMISSION_ONLY_NONEXEMPT)
-      ]),
-      paymentUnit: e.literal("Year"),
-      rate: e.pipe(e.literal(0), e.transform(String))
-    })
-  ])
-]), [p, c] = r("CompensationContext");
+  paymentUnit: e.enum(["Hour", "Week", "Month", "Year", "Paycheck"]),
+  rate: e.number().optional()
+}).superRefine((t, o) => {
+  t.adjustForMinimumWage && (!t.minimumWageId || t.minimumWageId.trim() === "") && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["minimumWageId"],
+    message: "minimumWageId is required when adjustForMinimumWage is true"
+  }), t.stateWcCovered === !0 && (!t.stateWcClassCode || t.stateWcClassCode.trim() === "") && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["stateWcClassCode"],
+    message: "stateWcClassCode is required when stateWcCovered is true"
+  });
+  const { flsaStatus: m, paymentUnit: i, rate: a } = t;
+  m === s.EXEMPT || m === s.SALARIED_NONEXEMPT || m === s.NONEXEMPT ? ((a === void 0 || a < 1) && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["rate"],
+    message: "rate must be at least 1 for this FLSA status"
+  }), m === s.EXEMPT && a !== void 0 && n(Number(a), i) < d && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["rate"],
+    message: "FLSA Exempt employees must meet salary threshold"
+  })) : m === s.OWNER ? (i !== "Paycheck" && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["paymentUnit"],
+    message: "paymentUnit must be Paycheck for OWNER"
+  }), (a === void 0 || a < 1) && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["rate"],
+    message: "rate must be at least 1 for OWNER"
+  })) : [s.COMMISSION_ONLY_EXEMPT, s.COMMISSION_ONLY_NONEXEMPT].includes(m) && (i !== "Year" && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["paymentUnit"],
+    message: "paymentUnit must be Year for commission-only FLSA statuses"
+  }), a !== 0 && o.addIssue({
+    code: e.ZodIssueCode.custom,
+    path: ["rate"],
+    message: "rate must be exactly 0 for commission-only FLSA statuses"
+  }));
+}), [E, l] = u("CompensationContext");
 export {
-  c as CompensationProvider,
-  m as CompensationSchema,
-  p as useCompensation
+  l as CompensationProvider,
+  C as CompensationSchema,
+  E as useCompensation
 };
 //# sourceMappingURL=useCompensation.js.map

package/dist/components/Employee/Compensation/useCompensation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCompensation.js","sources":["../../../../src/components/Employee/Compensation/useCompensation.ts"],"sourcesContent":["import type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport * as v from 'valibot'\nimport { createCompoundContext } from '@/components/Base/createCompoundContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus } from '@/shared/constants'\nimport { yearlyRate } from '@/helpers/payRateCalculator'\n\nexport const CompensationSchema = v.intersect([\n  v.object({\n    jobTitle: v.pipe(v.string(), v.nonEmpty()),\n  }),\n  v.variant('adjustForMinimumWage', [\n    v.object({\n      adjustForMinimumWage: v.literal(true),\n      minimumWageId: v.pipe(v.string(), v.nonEmpty()),\n    }),\n    v.object({ adjustForMinimumWage: v.literal(false) }),\n  ]),\n  v.variant('stateWcCovered', [\n    v.object({\n      stateWcCovered: v.literal(true),\n      stateWcClassCode: v.pipe(v.string(), v.nonEmpty()),\n    }),\n    v.object({ stateWcCovered: v.literal(false) }),\n    v.object({ stateWcCovered: v.undefined() }),\n  ]),\n  v.variant('twoPercentShareholder', [\n    v.object({ twoPercentShareholder: v.boolean() }),\n    v.object({ twoPercentShareholder: v.undefined() }),\n  ]),\n  v.variant('flsaStatus', [\n    v.pipe(\n      v.object({\n        flsaStatus: v.union([\n          v.literal(FlsaStatus.EXEMPT),\n          v.literal(FlsaStatus.SALARIED_NONEXEMPT),\n          v.literal(FlsaStatus.NONEXEMPT),\n        ]),\n        paymentUnit: v.union([\n          v.literal('Hour'),\n          v.literal('Week'),\n          v.literal('Month'),\n          v.literal('Year'),\n        ]),\n        rate: v.pipe(v.number(), v.minValue(1), v.transform(String)),\n      }),\n      //Exempt salary threshold validation:\n      v.forward(\n        v.check(input => {\n          return (\n            //TODO: this should not be validated for non-primary jobs for NONEXEMPT\n            input.flsaStatus !== FlsaStatus.EXEMPT ||\n            yearlyRate(Number(input.rate), input.paymentUnit) >= FLSA_OVERTIME_SALARY_LIMIT\n          )\n        }),\n        ['flsaStatus'],\n      ),\n    ),\n    v.object({\n      flsaStatus: v.literal(FlsaStatus.OWNER),\n      paymentUnit: v.literal('Paycheck'),\n      rate: v.pipe(v.number(), v.minValue(1), v.transform(String)),\n    }),\n    v.object({\n      flsaStatus: v.union([\n        v.literal(FlsaStatus.COMMISSION_ONLY_EXEMPT),\n        v.literal(FlsaStatus.COMISSION_ONLY_NONEXEMPT),\n      ]),\n      paymentUnit: v.literal('Year'),\n      rate: v.pipe(v.literal(0), v.transform(String)),\n    }),\n  ]),\n])\nexport type CompensationInputs = v.InferInput<typeof CompensationSchema>\nexport type CompensationOutputs = v.InferOutput<typeof CompensationSchema>\n\nexport type MODE =\n  | 'LIST'\n  | 'ADD_ADDITIONAL_JOB'\n  | 'ADD_INITIAL_JOB'\n  | 'EDIT_ADDITIONAL_JOB'\n  | 'EDIT_INITIAL_JOB'\n  | 'PROCEED'\n\ntype CompensationContextType = {\n  employeeJobs: Job[]\n  currentJob?: Job | null\n  primaryFlsaStatus?: string\n  isPending: boolean\n  mode: MODE\n  showFlsaChangeWarning: boolean\n  minimumWages: MinimumWage[]\n  state?: string\n  showTwoPercentStakeholder?: boolean\n  submitWithEffect: (newMode: MODE) => void\n  handleAdd: () => void\n  handleEdit: (uuid: string) => void\n  handleDelete: (uuid: string) => void\n  handleFlsaChange: (status: string | number) => void\n  handleCancelAddJob: () => void\n}\nconst [useCompensation, CompensationProvider] =\n  createCompoundContext<CompensationContextType>('CompensationContext')\nexport { useCompensation, CompensationProvider }\n"],"names":["CompensationSchema","v","FlsaStatus","input","yearlyRate","FLSA_OVERTIME_SALARY_LIMIT","useCompensation","CompensationProvider","createCompoundContext"],"mappings":";;;;AAOa,MAAAA,IAAqBC,EAAE,UAAU;AAAA,EAC5CA,EAAE,OAAO;AAAA,IACP,UAAUA,EAAE,KAAKA,EAAE,OAAU,GAAAA,EAAE,SAAU,CAAA;AAAA,EAAA,CAC1C;AAAA,EACDA,EAAE,QAAQ,wBAAwB;AAAA,IAChCA,EAAE,OAAO;AAAA,MACP,sBAAsBA,EAAE,QAAQ,EAAI;AAAA,MACpC,eAAeA,EAAE,KAAKA,EAAE,OAAU,GAAAA,EAAE,SAAU,CAAA;AAAA,IAAA,CAC/C;AAAA,IACDA,EAAE,OAAO,EAAE,sBAAsBA,EAAE,QAAQ,EAAK,EAAG,CAAA;AAAA,EAAA,CACpD;AAAA,EACDA,EAAE,QAAQ,kBAAkB;AAAA,IAC1BA,EAAE,OAAO;AAAA,MACP,gBAAgBA,EAAE,QAAQ,EAAI;AAAA,MAC9B,kBAAkBA,EAAE,KAAKA,EAAE,OAAU,GAAAA,EAAE,SAAU,CAAA;AAAA,IAAA,CAClD;AAAA,IACDA,EAAE,OAAO,EAAE,gBAAgBA,EAAE,QAAQ,EAAK,GAAG;AAAA,IAC7CA,EAAE,OAAO,EAAE,gBAAgBA,EAAE,UAAA,EAAa,CAAA;AAAA,EAAA,CAC3C;AAAA,EACDA,EAAE,QAAQ,yBAAyB;AAAA,IACjCA,EAAE,OAAO,EAAE,uBAAuBA,EAAE,WAAW;AAAA,IAC/CA,EAAE,OAAO,EAAE,uBAAuBA,EAAE,UAAA,EAAa,CAAA;AAAA,EAAA,CAClD;AAAA,EACDA,EAAE,QAAQ,cAAc;AAAA,IACtBA,EAAE;AAAA,MACAA,EAAE,OAAO;AAAA,QACP,YAAYA,EAAE,MAAM;AAAA,UAClBA,EAAE,QAAQC,EAAW,MAAM;AAAA,UAC3BD,EAAE,QAAQC,EAAW,kBAAkB;AAAA,UACvCD,EAAE,QAAQC,EAAW,SAAS;AAAA,QAAA,CAC/B;AAAA,QACD,aAAaD,EAAE,MAAM;AAAA,UACnBA,EAAE,QAAQ,MAAM;AAAA,UAChBA,EAAE,QAAQ,MAAM;AAAA,UAChBA,EAAE,QAAQ,OAAO;AAAA,UACjBA,EAAE,QAAQ,MAAM;AAAA,QAAA,CACjB;AAAA,QACD,MAAMA,EAAE,KAAKA,EAAE,OAAO,GAAGA,EAAE,SAAS,CAAC,GAAGA,EAAE,UAAU,MAAM,CAAC;AAAA,MAAA,CAC5D;AAAA;AAAA,MAEDA,EAAE;AAAA,QACAA,EAAE,MAAM,CAASE;AAAA;AAAA,UAGbA,EAAM,eAAeD,EAAW,UAChCE,EAAW,OAAOD,EAAM,IAAI,GAAGA,EAAM,WAAW,KAAKE;AAAA,SAExD;AAAA,QACD,CAAC,YAAY;AAAA,MAAA;AAAA,IAEjB;AAAA,IACAJ,EAAE,OAAO;AAAA,MACP,YAAYA,EAAE,QAAQC,EAAW,KAAK;AAAA,MACtC,aAAaD,EAAE,QAAQ,UAAU;AAAA,MACjC,MAAMA,EAAE,KAAKA,EAAE,OAAO,GAAGA,EAAE,SAAS,CAAC,GAAGA,EAAE,UAAU,MAAM,CAAC;AAAA,IAAA,CAC5D;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,YAAYA,EAAE,MAAM;AAAA,QAClBA,EAAE,QAAQC,EAAW,sBAAsB;AAAA,QAC3CD,EAAE,QAAQC,EAAW,wBAAwB;AAAA,MAAA,CAC9C;AAAA,MACD,aAAaD,EAAE,QAAQ,MAAM;AAAA,MAC7B,MAAMA,EAAE,KAAKA,EAAE,QAAQ,CAAC,GAAGA,EAAE,UAAU,MAAM,CAAC;AAAA,IAC/C,CAAA;AAAA,EACF,CAAA;AACH,CAAC,GA6BK,CAACK,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useCompensation.js","sources":["../../../../src/components/Employee/Compensation/useCompensation.ts"],"sourcesContent":["import type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base/createCompoundContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus } from '@/shared/constants'\nimport { yearlyRate } from '@/helpers/payRateCalculator'\n\nexport const CompensationSchema = z\n  .object({\n    jobTitle: z.string().min(1),\n    adjustForMinimumWage: z.boolean(),\n    minimumWageId: z.string().optional(),\n    stateWcCovered: z.boolean().optional(),\n    stateWcClassCode: z.string().optional(),\n    twoPercentShareholder: z.boolean().optional(),\n    flsaStatus: z.enum([\n      FlsaStatus.EXEMPT,\n      FlsaStatus.SALARIED_NONEXEMPT,\n      FlsaStatus.NONEXEMPT,\n      FlsaStatus.OWNER,\n      FlsaStatus.COMMISSION_ONLY_EXEMPT,\n      FlsaStatus.COMMISSION_ONLY_NONEXEMPT,\n    ]),\n    paymentUnit: z.enum(['Hour', 'Week', 'Month', 'Year', 'Paycheck']),\n    rate: z.number().optional(),\n  })\n  .superRefine((data, ctx) => {\n    // adjustForMinimumWage\n    if (data.adjustForMinimumWage && (!data.minimumWageId || data.minimumWageId.trim() === '')) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['minimumWageId'],\n        message: 'minimumWageId is required when adjustForMinimumWage is true',\n      })\n    }\n\n    // stateWcCovered\n    if (\n      data.stateWcCovered === true &&\n      (!data.stateWcClassCode || data.stateWcClassCode.trim() === '')\n    ) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        path: ['stateWcClassCode'],\n        message: 'stateWcClassCode is required when stateWcCovered is true',\n      })\n    }\n\n    // FLSA logic\n    const { flsaStatus, paymentUnit, rate } = data\n    if (\n      flsaStatus === FlsaStatus.EXEMPT ||\n      flsaStatus === FlsaStatus.SALARIED_NONEXEMPT ||\n      flsaStatus === FlsaStatus.NONEXEMPT\n    ) {\n      if (rate === undefined || rate < 1) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: 'rate must be at least 1 for this FLSA status',\n        })\n      }\n      // For EXEMPT, check salary threshold\n      if (\n        flsaStatus === FlsaStatus.EXEMPT &&\n        rate !== undefined &&\n        yearlyRate(Number(rate), paymentUnit) < FLSA_OVERTIME_SALARY_LIMIT\n      ) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: 'FLSA Exempt employees must meet salary threshold',\n        })\n      }\n    } else if (flsaStatus === FlsaStatus.OWNER) {\n      if (paymentUnit !== 'Paycheck') {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['paymentUnit'],\n          message: 'paymentUnit must be Paycheck for OWNER',\n        })\n      }\n      if (rate === undefined || rate < 1) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: 'rate must be at least 1 for OWNER',\n        })\n      }\n    } else if (\n      [FlsaStatus.COMMISSION_ONLY_EXEMPT, FlsaStatus.COMMISSION_ONLY_NONEXEMPT].includes(flsaStatus)\n    ) {\n      if (paymentUnit !== 'Year') {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['paymentUnit'],\n          message: 'paymentUnit must be Year for commission-only FLSA statuses',\n        })\n      }\n      if (rate !== 0) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['rate'],\n          message: 'rate must be exactly 0 for commission-only FLSA statuses',\n        })\n      }\n    }\n  })\n\nexport type CompensationInputs = z.input<typeof CompensationSchema>\nexport type CompensationOutputs = z.output<typeof CompensationSchema>\n\nexport type MODE =\n  | 'LIST'\n  | 'ADD_ADDITIONAL_JOB'\n  | 'ADD_INITIAL_JOB'\n  | 'EDIT_ADDITIONAL_JOB'\n  | 'EDIT_INITIAL_JOB'\n  | 'PROCEED'\n\ntype CompensationContextType = {\n  employeeJobs: Job[]\n  currentJob?: Job | null\n  primaryFlsaStatus?: string\n  isPending: boolean\n  mode: MODE\n  showFlsaChangeWarning: boolean\n  minimumWages: MinimumWage[]\n  state?: string\n  showTwoPercentStakeholder?: boolean\n  submitWithEffect: (newMode: MODE) => void\n  handleAdd: () => void\n  handleEdit: (uuid: string) => void\n  handleDelete: (uuid: string) => void\n  handleFlsaChange: (status: string | number) => void\n  handleCancelAddJob: () => void\n}\nconst [useCompensation, CompensationProvider] =\n  createCompoundContext<CompensationContextType>('CompensationContext')\nexport { useCompensation, CompensationProvider }\n"],"names":["CompensationSchema","z","FlsaStatus","data","ctx","flsaStatus","paymentUnit","rate","yearlyRate","FLSA_OVERTIME_SALARY_LIMIT","useCompensation","CompensationProvider","createCompoundContext"],"mappings":";;;;AAOa,MAAAA,IAAqBC,EAC/B,OAAO;AAAA,EACN,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,sBAAsBA,EAAE,QAAQ;AAAA,EAChC,eAAeA,EAAE,OAAO,EAAE,SAAS;AAAA,EACnC,gBAAgBA,EAAE,QAAQ,EAAE,SAAS;AAAA,EACrC,kBAAkBA,EAAE,OAAO,EAAE,SAAS;AAAA,EACtC,uBAAuBA,EAAE,QAAQ,EAAE,SAAS;AAAA,EAC5C,YAAYA,EAAE,KAAK;AAAA,IACjBC,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,EAAA,CACZ;AAAA,EACD,aAAaD,EAAE,KAAK,CAAC,QAAQ,QAAQ,SAAS,QAAQ,UAAU,CAAC;AAAA,EACjE,MAAMA,EAAE,OAAO,EAAE,SAAS;AAC5B,CAAC,EACA,YAAY,CAACE,GAAMC,MAAQ;AAEtB,EAAAD,EAAK,yBAAyB,CAACA,EAAK,iBAAiBA,EAAK,cAAc,WAAW,OACrFC,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,eAAe;AAAA,IACtB,SAAS;AAAA,EAAA,CACV,GAKDE,EAAK,mBAAmB,OACvB,CAACA,EAAK,oBAAoBA,EAAK,iBAAiB,KAAK,MAAM,OAE5DC,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,kBAAkB;AAAA,IACzB,SAAS;AAAA,EAAA,CACV;AAIH,QAAM,EAAE,YAAAI,GAAY,aAAAC,GAAa,MAAAC,EAAS,IAAAJ;AAExC,EAAAE,MAAeH,EAAW,UAC1BG,MAAeH,EAAW,sBAC1BG,MAAeH,EAAW,cAEtBK,MAAS,UAAaA,IAAO,MAC/BH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAAS;AAAA,EAAA,CACV,GAIDI,MAAeH,EAAW,UAC1BK,MAAS,UACTC,EAAW,OAAOD,CAAI,GAAGD,CAAW,IAAIG,KAExCL,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAAS;AAAA,EAAA,CACV,KAEMI,MAAeH,EAAW,SAC/BI,MAAgB,cAClBF,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,aAAa;AAAA,IACpB,SAAS;AAAA,EAAA,CACV,IAECM,MAAS,UAAaA,IAAO,MAC/BH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAAS;AAAA,EAAA,CACV,KAGH,CAACC,EAAW,wBAAwBA,EAAW,yBAAyB,EAAE,SAASG,CAAU,MAEzFC,MAAgB,UAClBF,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,aAAa;AAAA,IACpB,SAAS;AAAA,EAAA,CACV,GAECM,MAAS,KACXH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAAS;AAAA,EAAA,CACV;AAGP,CAAC,GA8BG,CAACS,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

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

@@ -1,13 +1,17 @@
+import { z } from 'zod';
 import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-import * as v from 'valibot';
-interface DeductionsProps extends CommonComponentInterface {
+interface DeductionsProps extends CommonComponentInterface<'Employee.Deductions'> {
     employeeId: string;
 }
-declare const IncludeDeductionsSchema: v.ObjectSchema<{
-    readonly includeDeductions: v.PicklistSchema<["Yes", "No"], undefined>;
-}, undefined>;
-export type IncludeDeductionsPayload = v.InferOutput<typeof IncludeDeductionsSchema>;
+declare const IncludeDeductionsSchema: z.ZodObject<{
+    includeDeductions: z.ZodEnum<["Yes", "No"]>;
+}, "strip", z.ZodTypeAny, {
+    includeDeductions: "Yes" | "No";
+}, {
+    includeDeductions: "Yes" | "No";
+}>;
+export type IncludeDeductionsPayload = z.output<typeof IncludeDeductionsSchema>;
 export declare function Deductions(props: DeductionsProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ employeeId, className }: DeductionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ employeeId, className, dictionary }: DeductionsProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DeductionsContextual: () => import("react/jsx-runtime").JSX.Element;
 export {};