@gusto/embedded-react-sdk 0.8.0 → 0.8.1

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/useCompensation.d.ts

@@ -1,51 +1,99 @@
 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";
+import { z } from 'zod';
+export declare const CompensationSchema: z.ZodEffects<z.ZodEffects<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.ZodEffects<z.ZodNumber, string, number>;
+}, "strip", z.ZodTypeAny, {
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
     rate: string;
-    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt";
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
 }, {
-    paymentUnit: "Hour" | "Week" | "Month" | "Year";
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
+    rate: number;
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
+}>, {
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
     rate: string;
-    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt";
-}, v.CheckIssue<{
-    paymentUnit: "Hour" | "Week" | "Month" | "Year";
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
+}, {
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
+    rate: number;
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
+}>, {
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
+    rate: string;
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
+}, {
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
+    rate: number;
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
+}>, {
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
     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>;
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    stateWcClassCode?: string | undefined;
+    minimumWageId?: string | undefined;
+    stateWcCovered?: boolean | undefined;
+    twoPercentShareholder?: boolean | undefined;
+}, {
+    adjustForMinimumWage: boolean;
+    jobTitle: string;
+    paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
+    rate: number;
+    flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt";
+    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,49 @@
-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 { 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) })
+import { z as t } from "zod";
+import { createCompoundContext as n } from "../../Base/createCompoundContext.js";
+import { FlsaStatus as r, FLSA_OVERTIME_SALARY_LIMIT as o } from "../../../shared/constants.js";
+import { yearlyRate as i } from "../../../helpers/payRateCalculator.js";
+const l = t.object({
+  jobTitle: t.string().min(1),
+  // adjustForMinimumWage can be true or false
+  adjustForMinimumWage: t.boolean(),
+  // If adjustForMinimumWage is true, minimumWageId is required
+  minimumWageId: t.string().optional(),
+  // stateWcCovered can be true, false, or undefined
+  stateWcCovered: t.boolean().optional(),
+  // If stateWcCovered is true, stateWcClassCode is required
+  stateWcClassCode: t.string().optional(),
+  // twoPercentShareholder can be true, false, or undefined
+  twoPercentShareholder: t.boolean().optional(),
+  // FLSA status with different payment options
+  flsaStatus: t.enum([
+    r.EXEMPT,
+    r.SALARIED_NONEXEMPT,
+    r.NONEXEMPT,
+    r.OWNER,
+    r.COMMISSION_ONLY_EXEMPT,
+    r.COMISSION_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: t.enum(["Hour", "Week", "Month", "Year", "Paycheck"]),
+  rate: t.number().min(1).transform(String)
+}).refine(
+  (e) => !(e.flsaStatus === r.OWNER && e.paymentUnit !== "Paycheck" || (e.flsaStatus === r.COMMISSION_ONLY_EXEMPT || e.flsaStatus === r.COMISSION_ONLY_NONEXEMPT) && (e.paymentUnit !== "Year" || Number(e.rate) !== 0) || e.flsaStatus === r.EXEMPT && i(Number(e.rate), e.paymentUnit) < o),
+  {
+    path: ["flsaStatus"]
+  }
+).refine(
+  (e) => e.adjustForMinimumWage ? e.minimumWageId !== void 0 && e.minimumWageId !== "" : !0,
+  {
+    path: ["minimumWageId"]
+  }
+).refine(
+  (e) => e.stateWcCovered === !0 ? e.stateWcClassCode !== void 0 && e.stateWcClassCode !== "" : !0,
+  {
+    path: ["stateWcClassCode"]
+  }
+), [f, p] = n("CompensationContext");
 export {
-  c as CompensationProvider,
-  m as CompensationSchema,
-  p as useCompensation
+  p as CompensationProvider,
+  l as CompensationSchema,
+  f 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 can be true or false\n    adjustForMinimumWage: z.boolean(),\n    // If adjustForMinimumWage is true, minimumWageId is required\n    minimumWageId: z.string().optional(),\n    // stateWcCovered can be true, false, or undefined\n    stateWcCovered: z.boolean().optional(),\n    // If stateWcCovered is true, stateWcClassCode is required\n    stateWcClassCode: z.string().optional(),\n    // twoPercentShareholder can be true, false, or undefined\n    twoPercentShareholder: z.boolean().optional(),\n    // FLSA status with different payment options\n    flsaStatus: z.enum([\n      FlsaStatus.EXEMPT,\n      FlsaStatus.SALARIED_NONEXEMPT,\n      FlsaStatus.NONEXEMPT,\n      FlsaStatus.OWNER,\n      FlsaStatus.COMMISSION_ONLY_EXEMPT,\n      FlsaStatus.COMISSION_ONLY_NONEXEMPT,\n    ]),\n    paymentUnit: z.enum(['Hour', 'Week', 'Month', 'Year', 'Paycheck']),\n    rate: z.number().min(1).transform(String),\n  })\n  .refine(\n    data => {\n      // For Owner, paymentUnit must be Paycheck\n      if (data.flsaStatus === FlsaStatus.OWNER && data.paymentUnit !== 'Paycheck') {\n        return false\n      }\n      // For Commission only, paymentUnit must be Year and rate must be 0\n      if (\n        (data.flsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT ||\n          data.flsaStatus === FlsaStatus.COMISSION_ONLY_NONEXEMPT) &&\n        (data.paymentUnit !== 'Year' || Number(data.rate) !== 0)\n      ) {\n        return false\n      }\n      // For Exempt status, validate salary threshold\n      if (\n        data.flsaStatus === FlsaStatus.EXEMPT &&\n        yearlyRate(Number(data.rate), data.paymentUnit) < FLSA_OVERTIME_SALARY_LIMIT\n      ) {\n        return false\n      }\n\n      return true\n    },\n    {\n      path: ['flsaStatus'],\n    },\n  )\n  .refine(\n    data => {\n      if (data.adjustForMinimumWage) {\n        return data.minimumWageId !== undefined && data.minimumWageId !== ''\n      }\n      return true\n    },\n    {\n      path: ['minimumWageId'],\n    },\n  )\n  .refine(\n    data => {\n      if (data.stateWcCovered === true) {\n        return data.stateWcClassCode !== undefined && data.stateWcClassCode !== ''\n      }\n      return true\n    },\n    {\n      path: ['stateWcClassCode'],\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","yearlyRate","FLSA_OVERTIME_SALARY_LIMIT","useCompensation","CompensationProvider","createCompoundContext"],"mappings":";;;;AAOa,MAAAA,IAAqBC,EAC/B,OAAO;AAAA,EACN,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA;AAAA,EAE1B,sBAAsBA,EAAE,QAAQ;AAAA;AAAA,EAEhC,eAAeA,EAAE,OAAO,EAAE,SAAS;AAAA;AAAA,EAEnC,gBAAgBA,EAAE,QAAQ,EAAE,SAAS;AAAA;AAAA,EAErC,kBAAkBA,EAAE,OAAO,EAAE,SAAS;AAAA;AAAA,EAEtC,uBAAuBA,EAAE,QAAQ,EAAE,SAAS;AAAA;AAAA,EAE5C,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,IAAI,CAAC,EAAE,UAAU,MAAM;AAC1C,CAAC,EACA;AAAA,EACC,CAAQE,MAEF,EAAAA,EAAK,eAAeD,EAAW,SAASC,EAAK,gBAAgB,eAK9DA,EAAK,eAAeD,EAAW,0BAC9BC,EAAK,eAAeD,EAAW,8BAChCC,EAAK,gBAAgB,UAAU,OAAOA,EAAK,IAAI,MAAM,MAMtDA,EAAK,eAAeD,EAAW,UAC/BE,EAAW,OAAOD,EAAK,IAAI,GAAGA,EAAK,WAAW,IAAIE;AAAA,EAOtD;AAAA,IACE,MAAM,CAAC,YAAY;AAAA,EAAA;AAEvB,EACC;AAAA,EACC,CAAQF,MACFA,EAAK,uBACAA,EAAK,kBAAkB,UAAaA,EAAK,kBAAkB,KAE7D;AAAA,EAET;AAAA,IACE,MAAM,CAAC,eAAe;AAAA,EAAA;AAE1B,EACC;AAAA,EACC,CAAQA,MACFA,EAAK,mBAAmB,KACnBA,EAAK,qBAAqB,UAAaA,EAAK,qBAAqB,KAEnE;AAAA,EAET;AAAA,IACE,MAAM,CAAC,kBAAkB;AAAA,EAAA;AAE7B,GA8BI,CAACG,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

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

@@ -1,12 +1,16 @@
+import { z } from 'zod';
 import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-import * as v from 'valibot';
 interface DeductionsProps extends CommonComponentInterface {
     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 DeductionsContextual: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,16 @@
 import { jsx as t, jsxs as I } from "react/jsx-runtime";
 import { useTranslation as Y } from "react-i18next";
 import { useState as M, useMemo as q, useEffect as B } from "react";
-import * as A from "valibot";
+import { z as A } from "zod";
 import { useForm as C, FormProvider as O } from "react-hook-form";
-import { valibotResolver as R } from "@hookform/resolvers/valibot";
+import { zodResolver as R } from "@hookform/resolvers/zod";
 import { useGarnishmentsListSuspense as y, invalidateGarnishmentsList as T } from "@gusto/embedded-api/react-query/garnishmentsList";
 import { useGarnishmentsCreateMutation as G } from "@gusto/embedded-api/react-query/garnishmentsCreate";
 import { useGarnishmentsUpdateMutation as j } from "@gusto/embedded-api/react-query/garnishmentsUpdate";
-import { useQueryClient as H } from "@gusto/embedded-api/ReactSDKProvider";
-import { DeductionSchema as V, DeductionsProvider as k } from "./useDeductions.js";
+import { useQueryClient as z } from "@tanstack/react-query";
+import { DeductionSchema as H, DeductionsProvider as V } from "./useDeductions.js";
 import { BaseComponent as Q } from "../../Base/Base.js";
-import { useBase as z } from "../../Base/useBase.js";
+import { useBase as k } from "../../Base/useBase.js";
 import { Form as L } from "../../Common/Form/Form.js";
 import { useI18n as J } from "../../../i18n/I18n.js";
 import { componentEvents as s } from "../../../shared/constants.js";
@@ -20,12 +20,12 @@ import { Head as N } from "./Head.js";
 import { DeductionForm as W } from "./DeductionForm.js";
 import { DeductionsList as X } from "./DeductionsList.js";
 import { useFlow as Z } from "../../Flow/useFlow.js";
-A.object({ includeDeductions: A.picklist(["Yes", "No"]) });
+A.object({ includeDeductions: A.enum(["Yes", "No"]) });
 function $(n) {
   return /* @__PURE__ */ t(Q, { ...n, children: /* @__PURE__ */ t(ee, { ...n, children: n.children }) });
 }
 const ee = ({ employeeId: n, className: d }) => {
-  const { onEvent: r, baseSubmitHandler: E } = z(), h = H(), { data: b } = y({ employeeId: n }), f = b.garnishmentList, { mutateAsync: p, isPending: _ } = j({
+  const { onEvent: r, baseSubmitHandler: E } = k(), h = z(), { data: _ } = y({ employeeId: n }), f = _.garnishmentList, { mutateAsync: p, isPending: b } = j({
     onSettled: () => T(h, [n])
   }), { mutateAsync: x, isPending: w } = G({
     onSettled: () => T(h, [n])
@@ -42,10 +42,10 @@ const ee = ({ employeeId: n, className: d }) => {
     active: !0,
     courtOrdered: e?.courtOrdered ?? !1
   }), [e]), g = C({
-    // resolver: valibotResolver(IncludeDeductionsSchema),
+    // resolver: zodResolver(IncludeDeductionsSchema),
     defaultValues: { includeDeductions: "No" }
   }), D = C({
-    resolver: R(V),
+    resolver: R(H),
     defaultValues: l
   }), { reset: P } = D;
   B(() => {
@@ -102,10 +102,10 @@ const ee = ({ employeeId: n, className: d }) => {
     });
   };
   return /* @__PURE__ */ t("section", { className: d, children: /* @__PURE__ */ t(
-    k,
+    V,
     {
       value: {
-        isPending: w || _,
+        isPending: w || b,
         employeeId: n,
         mode: u,
         deductions: f,
@@ -135,7 +135,7 @@ const ee = ({ employeeId: n, className: d }) => {
       ] }) })
     }
   ) });
-}, Te = () => {
+}, Le = () => {
   const { employeeId: n, onEvent: d } = Z(), { t: r } = Y("common");
   if (!n)
     throw new Error(
@@ -149,7 +149,7 @@ const ee = ({ employeeId: n, className: d }) => {
 };
 export {
   $ as Deductions,
-  Te as DeductionsContextual,
+  Le as DeductionsContextual,
   ee as Root
 };
 //# sourceMappingURL=Deductions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Deductions.js","sources":["../../../../src/components/Employee/Deductions/Deductions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEffect, useMemo, useState } from 'react'\nimport * as v from 'valibot'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { valibotResolver } from '@hookform/resolvers/valibot'\nimport {\n  useGarnishmentsListSuspense,\n  invalidateGarnishmentsList,\n} from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { useQueryClient } from '@gusto/embedded-api/ReactSDKProvider'\nimport {\n  type DeductionInputs,\n  type DeductionPayload,\n  DeductionSchema,\n  DeductionsProvider,\n  type MODE,\n} from './useDeductions'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Actions } from '@/components/Employee/Deductions/Actions'\nimport { IncludeDeductionsForm } from '@/components/Employee/Deductions/IncludeDeductionsForm'\nimport { Head } from '@/components/Employee/Deductions/Head'\nimport { DeductionForm } from '@/components/Employee/Deductions/DeductionForm'\nimport { DeductionsList } from '@/components/Employee/Deductions/DeductionsList'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ninterface DeductionsProps extends CommonComponentInterface {\n  employeeId: string\n}\n\nconst IncludeDeductionsSchema = v.object({ includeDeductions: v.picklist(['Yes', 'No']) })\nexport type IncludeDeductionsPayload = v.InferOutput<typeof IncludeDeductionsSchema>\n\nexport function Deductions(props: DeductionsProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nexport const Root = ({ employeeId, className }: DeductionsProps) => {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishmentList!\n\n  // Used for deletion or edit of deduction\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n  const [mode, setMode] = useState<MODE>(activeDeductions.length < 1 ? 'INITIAL' : 'LIST')\n  const [currentDeduction, setCurrentDeduction] = useState<Garnishment | null>(null)\n  useI18n('Employee.Deductions')\n\n  const defaultValues: DeductionInputs = useMemo(() => {\n    return {\n      amount: currentDeduction?.amount ? Number(currentDeduction.amount) : 0,\n      description: currentDeduction?.description ?? '',\n      times: currentDeduction?.times ?? null,\n      recurring: currentDeduction?.recurring?.toString() ?? 'true',\n      annualMaximum: currentDeduction?.annualMaximum\n        ? Number(currentDeduction.annualMaximum)\n        : null,\n      payPeriodMaximum: currentDeduction?.payPeriodMaximum\n        ? Number(currentDeduction.payPeriodMaximum)\n        : null,\n      deductAsPercentage: currentDeduction?.deductAsPercentage?.toString() ?? 'true',\n      active: true,\n      courtOrdered: currentDeduction?.courtOrdered ?? false,\n    } as DeductionInputs\n  }, [currentDeduction])\n\n  const includeDeductionsFormMethods = useForm<IncludeDeductionsPayload>({\n    // resolver: valibotResolver(IncludeDeductionsSchema),\n    defaultValues: { includeDeductions: 'No' },\n  })\n\n  const formMethods = useForm<DeductionInputs, unknown, DeductionPayload>({\n    resolver: valibotResolver(DeductionSchema),\n    defaultValues,\n  })\n\n  const { reset: resetForm } = formMethods\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [currentDeduction, defaultValues, resetForm, mode])\n\n  const handleDelete = async (deduction: Garnishment) => {\n    await baseSubmitHandler(deduction, async payload => {\n      //Deletion of deduction is simply updating it with active: false\n      const { garnishment } = await updateDeduction({\n        request: {\n          garnishmentId: payload.uuid,\n          requestBody: {\n            ...payload,\n            totalAmount: payload.totalAmount ?? undefined,\n            active: false,\n            version: payload.version as string,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, garnishment)\n    })\n  }\n  const onSubmit: SubmitHandler<DeductionPayload | IncludeDeductionsPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      if ('includeDeductions' in payload) {\n        if (payload.includeDeductions === 'Yes') {\n          setMode('ADD')\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n        } else {\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n          return\n        }\n      }\n      if (!('includeDeductions' in payload)) {\n        if (mode === 'ADD') {\n          const { garnishment: createDeductionResponse } = await createDeduction({\n            request: {\n              employeeId: employeeId,\n              requestBody: { ...payload, times: payload.recurring ? null : 1 },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n        } else if (mode === 'EDIT') {\n          const { garnishment: updateDeductionResponse } = await updateDeduction({\n            request: {\n              garnishmentId: currentDeduction?.uuid ?? '',\n              requestBody: {\n                ...payload,\n                version: currentDeduction?.version as string,\n                times: payload.recurring ? null : 1,\n              },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n          setCurrentDeduction(null)\n        }\n        setMode('LIST')\n      }\n    })\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    setCurrentDeduction(null)\n  }\n  const handleEdit = (deduction: Garnishment) => {\n    setMode('EDIT')\n    setCurrentDeduction(deduction)\n  }\n  const handlePassthrough = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  return (\n    <section className={className}>\n      <DeductionsProvider\n        value={{\n          isPending: isPendingCreate || isPendingUpdate,\n          employeeId,\n          mode,\n          deductions,\n          handleAdd,\n          handleCancel,\n          handleDelete,\n          handleEdit,\n          handlePassthrough,\n        }}\n      >\n        {mode === 'INITIAL' ? (\n          <FormProvider {...includeDeductionsFormMethods}>\n            <Form onSubmit={includeDeductionsFormMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <IncludeDeductionsForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        ) : (\n          <FormProvider {...formMethods}>\n            <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <DeductionsList />\n              <DeductionForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        )}\n      </DeductionsProvider>\n    </section>\n  )\n}\n\nexport const DeductionsContextual = () => {\n  const { employeeId, onEvent } = useFlow<EmployeeOnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Deductions',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Deductions employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["v","Deductions","props","jsx","BaseComponent","Root","employeeId","className","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","data","useGarnishmentsListSuspense","deductions","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","invalidateGarnishmentsList","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","activeDeductions","deduction","mode","setMode","useState","currentDeduction","setCurrentDeduction","useI18n","defaultValues","useMemo","includeDeductionsFormMethods","useForm","formMethods","valibotResolver","DeductionSchema","resetForm","useEffect","handleDelete","payload","garnishment","componentEvents","onSubmit","createDeductionResponse","updateDeductionResponse","DeductionsProvider","FormProvider","jsxs","Form","Head","IncludeDeductionsForm","Actions","DeductionsList","DeductionForm","DeductionsContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"version":3,"file":"Deductions.js","sources":["../../../../src/components/Employee/Deductions/Deductions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEffect, useMemo, useState } from 'react'\nimport { z } from 'zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  useGarnishmentsListSuspense,\n  invalidateGarnishmentsList,\n} from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  type DeductionInputs,\n  type DeductionPayload,\n  DeductionSchema,\n  DeductionsProvider,\n  type MODE,\n} from './useDeductions'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Actions } from '@/components/Employee/Deductions/Actions'\nimport { IncludeDeductionsForm } from '@/components/Employee/Deductions/IncludeDeductionsForm'\nimport { Head } from '@/components/Employee/Deductions/Head'\nimport { DeductionForm } from '@/components/Employee/Deductions/DeductionForm'\nimport { DeductionsList } from '@/components/Employee/Deductions/DeductionsList'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ninterface DeductionsProps extends CommonComponentInterface {\n  employeeId: string\n}\n\nconst IncludeDeductionsSchema = z.object({ includeDeductions: z.enum(['Yes', 'No']) })\nexport type IncludeDeductionsPayload = z.output<typeof IncludeDeductionsSchema>\n\nexport function Deductions(props: DeductionsProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nexport const Root = ({ employeeId, className }: DeductionsProps) => {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishmentList!\n\n  // Used for deletion or edit of deduction\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n  const [mode, setMode] = useState<MODE>(activeDeductions.length < 1 ? 'INITIAL' : 'LIST')\n  const [currentDeduction, setCurrentDeduction] = useState<Garnishment | null>(null)\n  useI18n('Employee.Deductions')\n\n  const defaultValues: DeductionInputs = useMemo(() => {\n    return {\n      amount: currentDeduction?.amount ? Number(currentDeduction.amount) : 0,\n      description: currentDeduction?.description ?? '',\n      times: currentDeduction?.times ?? null,\n      recurring: currentDeduction?.recurring?.toString() ?? 'true',\n      annualMaximum: currentDeduction?.annualMaximum\n        ? Number(currentDeduction.annualMaximum)\n        : null,\n      payPeriodMaximum: currentDeduction?.payPeriodMaximum\n        ? Number(currentDeduction.payPeriodMaximum)\n        : null,\n      deductAsPercentage: currentDeduction?.deductAsPercentage?.toString() ?? 'true',\n      active: true,\n      courtOrdered: currentDeduction?.courtOrdered ?? false,\n    } as DeductionInputs\n  }, [currentDeduction])\n\n  const includeDeductionsFormMethods = useForm<IncludeDeductionsPayload>({\n    // resolver: zodResolver(IncludeDeductionsSchema),\n    defaultValues: { includeDeductions: 'No' },\n  })\n\n  const formMethods = useForm<DeductionInputs, unknown, DeductionPayload>({\n    resolver: zodResolver(DeductionSchema),\n    defaultValues,\n  })\n\n  const { reset: resetForm } = formMethods\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [currentDeduction, defaultValues, resetForm, mode])\n\n  const handleDelete = async (deduction: Garnishment) => {\n    await baseSubmitHandler(deduction, async payload => {\n      //Deletion of deduction is simply updating it with active: false\n      const { garnishment } = await updateDeduction({\n        request: {\n          garnishmentId: payload.uuid,\n          requestBody: {\n            ...payload,\n            totalAmount: payload.totalAmount ?? undefined,\n            active: false,\n            version: payload.version as string,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, garnishment)\n    })\n  }\n  const onSubmit: SubmitHandler<DeductionPayload | IncludeDeductionsPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      if ('includeDeductions' in payload) {\n        if (payload.includeDeductions === 'Yes') {\n          setMode('ADD')\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n        } else {\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n          return\n        }\n      }\n      if (!('includeDeductions' in payload)) {\n        if (mode === 'ADD') {\n          const { garnishment: createDeductionResponse } = await createDeduction({\n            request: {\n              employeeId: employeeId,\n              requestBody: { ...payload, times: payload.recurring ? null : 1 },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n        } else if (mode === 'EDIT') {\n          const { garnishment: updateDeductionResponse } = await updateDeduction({\n            request: {\n              garnishmentId: currentDeduction?.uuid ?? '',\n              requestBody: {\n                ...payload,\n                version: currentDeduction?.version as string,\n                times: payload.recurring ? null : 1,\n              },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n          setCurrentDeduction(null)\n        }\n        setMode('LIST')\n      }\n    })\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    setCurrentDeduction(null)\n  }\n  const handleEdit = (deduction: Garnishment) => {\n    setMode('EDIT')\n    setCurrentDeduction(deduction)\n  }\n  const handlePassthrough = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  return (\n    <section className={className}>\n      <DeductionsProvider\n        value={{\n          isPending: isPendingCreate || isPendingUpdate,\n          employeeId,\n          mode,\n          deductions,\n          handleAdd,\n          handleCancel,\n          handleDelete,\n          handleEdit,\n          handlePassthrough,\n        }}\n      >\n        {mode === 'INITIAL' ? (\n          <FormProvider {...includeDeductionsFormMethods}>\n            <Form onSubmit={includeDeductionsFormMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <IncludeDeductionsForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        ) : (\n          <FormProvider {...formMethods}>\n            <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <DeductionsList />\n              <DeductionForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        )}\n      </DeductionsProvider>\n    </section>\n  )\n}\n\nexport const DeductionsContextual = () => {\n  const { employeeId, onEvent } = useFlow<EmployeeOnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Deductions',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Deductions employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["z","Deductions","props","jsx","BaseComponent","Root","employeeId","className","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","data","useGarnishmentsListSuspense","deductions","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","invalidateGarnishmentsList","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","activeDeductions","deduction","mode","setMode","useState","currentDeduction","setCurrentDeduction","useI18n","defaultValues","useMemo","includeDeductionsFormMethods","useForm","formMethods","zodResolver","DeductionSchema","resetForm","useEffect","handleDelete","payload","garnishment","componentEvents","onSubmit","createDeductionResponse","updateDeductionResponse","DeductionsProvider","FormProvider","jsxs","Form","Head","IncludeDeductionsForm","Actions","DeductionsList","DeductionForm","DeductionsContextual","useFlow","t","useTranslation"],"mappings":"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"}