@gusto/embedded-react-sdk 0.8.0 → 0.8.2

package/dist/components/Company/PaySchedule/_parts/List.js

@@ -1,60 +1,57 @@
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import { useTranslation as h } from "react-i18next";
 import { usePaySchedule as y } from "../usePaySchedule.js";
-import { Flex as o } from "../../../Common/Flex/Flex.js";
+import o from "./List.module.scss.js";
+import { Flex as s } from "../../../Common/Flex/Flex.js";
 import f from "../../../../assets/icons/pencil.svg.js";
 import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { HamburgerMenu as L } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { VisuallyHidden as s } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
-import { useDataView as g } from "../../../Common/DataView/useDataView.js";
-import { DataView as v } from "../../../Common/DataView/DataView.js";
-const A = () => {
-  const { t: r } = h("Company.PaySchedule"), n = S(), { paySchedules: c, mode: m, handleEdit: l } = y(), { ...d } = g({
+import { HamburgerMenu as v } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { VisuallyHidden as g } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
+import { useDataView as L } from "../../../Common/DataView/useDataView.js";
+import { DataView as C } from "../../../Common/DataView/DataView.js";
+const H = () => {
+  const { t: n } = h("Company.PaySchedule"), r = S(), { paySchedules: c, mode: m, handleEdit: l } = y(), { ...d } = L({
     data: c || [],
     columns: [
       {
-        title: r("payScheduleList.name"),
+        title: n("payScheduleList.name"),
         key: "customName",
         render: (t) => {
           const a = !!t.name;
           let i = a ? t.name : t.customName;
           i && i.length > 1 ? i = i.charAt(0).toUpperCase() + i.slice(1) : i = t.customName;
           const u = t.customName;
-          return /* @__PURE__ */ p(o, { flexDirection: "column", gap: 0, children: [
+          return /* @__PURE__ */ e(s, { flexDirection: "column", gap: 0, children: /* @__PURE__ */ p("div", { className: o.content, children: [
             /* @__PURE__ */ e("div", { children: i }),
             a && /* @__PURE__ */ e("div", { children: u })
-          ] });
+          ] }) });
         }
       },
       {
-        title: /* @__PURE__ */ e(s, { children: r("payScheduleList.active") }),
+        title: /* @__PURE__ */ e(g, { children: n("payScheduleList.active") }),
         key: "active",
-        render: (t) => /* @__PURE__ */ e(o, { alignItems: "center", justifyContent: "center", children: t.active ? /* @__PURE__ */ e(n.Badge, { status: "success", children: r("payScheduleList.active") }) : /* @__PURE__ */ e(n.Badge, { status: "info", children: r("payScheduleList.inactive") }) })
-      },
+        render: (t) => /* @__PURE__ */ e(s, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ e("div", { className: o.content, children: t.active ? /* @__PURE__ */ e(r.Badge, { status: "success", children: n("payScheduleList.active") }) : /* @__PURE__ */ e(r.Badge, { status: "info", children: n("payScheduleList.inactive") }) }) })
+      }
+    ],
+    itemMenu: (t) => /* @__PURE__ */ e(
+      v,
       {
-        title: /* @__PURE__ */ e(s, { children: r("payScheduleList.actions") }),
-        key: "actions",
-        render: (t) => /* @__PURE__ */ e(
-          L,
+        triggerLabel: "Actions",
+        items: [
           {
-            triggerLabel: "Actions",
-            items: [
-              {
-                label: r("payScheduleList.edit"),
-                onClick: () => {
-                  l(t);
-                },
-                icon: /* @__PURE__ */ e(f, { "aria-hidden": !0 })
-              }
-            ]
+            label: n("payScheduleList.edit"),
+            onClick: () => {
+              l(t);
+            },
+            icon: /* @__PURE__ */ e(f, { "aria-hidden": !0 })
           }
-        )
+        ]
       }
-    ]
+    )
   });
-  return m !== "LIST_PAY_SCHEDULES" ? null : /* @__PURE__ */ e(v, { label: "test", ...d });
+  return m !== "LIST_PAY_SCHEDULES" ? null : /* @__PURE__ */ e(C, { label: "test", ...d });
 };
 export {
-  A as List
+  H as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Company/PaySchedule/_parts/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport { useDataView, DataView, Flex, VisuallyHidden } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const { paySchedules, mode, handleEdit } = usePaySchedule()\n\n  const { ...dataViewProps } = useDataView({\n    data: paySchedules || [],\n    columns: [\n      {\n        title: t('payScheduleList.name'),\n        key: 'customName',\n        render: schedule => {\n          const hasName = !!schedule.name\n          let displayName = hasName ? schedule.name : schedule.customName\n          if (displayName && displayName.length > 1) {\n            displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n          } else {\n            displayName = schedule.customName\n          }\n          const displayFrequency = schedule.customName\n          return (\n            <Flex flexDirection={'column'} gap={0}>\n              <div>{displayName}</div>\n              {hasName && <div>{displayFrequency}</div>}\n            </Flex>\n          )\n        },\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n        key: 'active',\n        render: schedule => (\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            {schedule.active ? (\n              <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n            ) : (\n              <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n            )}\n          </Flex>\n        ),\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.actions')}</VisuallyHidden>,\n        key: 'actions',\n        render: schedule => {\n          return (\n            <HamburgerMenu\n              triggerLabel=\"Actions\"\n              items={[\n                {\n                  label: t('payScheduleList.edit'),\n                  onClick: () => {\n                    handleEdit(schedule)\n                  },\n                  icon: <PencilSvg aria-hidden />,\n                },\n              ]}\n            />\n          )\n        },\n      },\n    ],\n  })\n\n  if (mode !== 'LIST_PAY_SCHEDULES') {\n    return null\n  }\n\n  return <DataView label=\"test\" {...dataViewProps} />\n}\n"],"names":["List","t","useTranslation","Components","useComponentContext","paySchedules","mode","handleEdit","usePaySchedule","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsxs","Flex","jsx","VisuallyHidden","HamburgerMenu","PencilSvg","DataView"],"mappings":";;;;;;;;;;AAOO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAoB,GACjC,EAAE,cAAAC,GAAc,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAe,GAEpD,EAAE,GAAGC,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAML,KAAgB,CAAC;AAAA,IACvB,SAAS;AAAA,MACP;AAAA,QACE,OAAOJ,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAYU,MAAA;AACZ,gBAAAC,IAAU,CAAC,CAACD,EAAS;AAC3B,cAAIE,IAAcD,IAAUD,EAAS,OAAOA,EAAS;AACjD,UAAAE,KAAeA,EAAY,SAAS,IACxBA,IAAAA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,IAEvEA,IAAcF,EAAS;AAEzB,gBAAMG,IAAmBH,EAAS;AAClC,iBACG,gBAAAI,EAAAC,GAAA,EAAK,eAAe,UAAU,KAAK,GAClC,UAAA;AAAA,YAAA,gBAAAC,EAAC,SAAK,UAAYJ,EAAA,CAAA;AAAA,YACjBD,KAAY,gBAAAK,EAAA,OAAA,EAAK,UAAiBH,EAAA,CAAA;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAGN;AAAA,MACA;AAAA,QACE,OAAO,gBAAAG,EAACC,GAAgB,EAAA,UAAAjB,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAU,MACL,gBAAAM,EAAAD,GAAA,EAAK,YAAY,UAAU,gBAAgB,UACzC,UAASL,EAAA,SACP,gBAAAM,EAAAd,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAEF,EAAA,wBAAwB,EAAE,CAAA,IAE/D,gBAAAgB,EAAAd,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAEF,EAAA,0BAA0B,GAAE,EAEnE,CAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,OAAO,gBAAAgB,EAACC,GAAgB,EAAA,UAAAjB,EAAE,yBAAyB,GAAE;AAAA,QACrD,KAAK;AAAA,QACL,QAAQ,CAAYU,MAEhB,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,cAAa;AAAA,YACb,OAAO;AAAA,cACL;AAAA,gBACE,OAAOlB,EAAE,sBAAsB;AAAA,gBAC/B,SAAS,MAAM;AACb,kBAAAM,EAAWI,CAAQ;AAAA,gBACrB;AAAA,gBACA,MAAM,gBAAAM,EAACG,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,cAAA;AAAA,YAC/B;AAAA,UACF;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF,CACD;AAED,SAAId,MAAS,uBACJ,OAGD,gBAAAW,EAAAI,GAAA,EAAS,OAAM,QAAQ,GAAGZ,GAAe;AACnD;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/PaySchedule/_parts/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaySchedule } from '../usePaySchedule'\nimport styles from './List.module.scss'\nimport { useDataView, DataView, Flex, VisuallyHidden } from '@/components/Common'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const List = () => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const Components = useComponentContext()\n  const { paySchedules, mode, handleEdit } = usePaySchedule()\n\n  const { ...dataViewProps } = useDataView({\n    data: paySchedules || [],\n    columns: [\n      {\n        title: t('payScheduleList.name'),\n        key: 'customName',\n        render: schedule => {\n          const hasName = !!schedule.name\n          let displayName = hasName ? schedule.name : schedule.customName\n          if (displayName && displayName.length > 1) {\n            displayName = displayName.charAt(0).toUpperCase() + displayName.slice(1)\n          } else {\n            displayName = schedule.customName\n          }\n          const displayFrequency = schedule.customName\n          return (\n            <Flex flexDirection={'column'} gap={0}>\n              <div className={styles.content}>\n                <div>{displayName}</div>\n                {hasName && <div>{displayFrequency}</div>}\n              </div>\n            </Flex>\n          )\n        },\n      },\n      {\n        title: <VisuallyHidden>{t('payScheduleList.active')}</VisuallyHidden>,\n        key: 'active',\n        render: schedule => (\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <div className={styles.content}>\n              {schedule.active ? (\n                <Components.Badge status=\"success\">{t('payScheduleList.active')}</Components.Badge>\n              ) : (\n                <Components.Badge status=\"info\">{t('payScheduleList.inactive')}</Components.Badge>\n              )}\n            </div>\n          </Flex>\n        ),\n      },\n    ],\n    itemMenu: schedule => {\n      return (\n        <HamburgerMenu\n          triggerLabel=\"Actions\"\n          items={[\n            {\n              label: t('payScheduleList.edit'),\n              onClick: () => {\n                handleEdit(schedule)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  if (mode !== 'LIST_PAY_SCHEDULES') {\n    return null\n  }\n\n  return <DataView label=\"test\" {...dataViewProps} />\n}\n"],"names":["List","t","useTranslation","Components","useComponentContext","paySchedules","mode","handleEdit","usePaySchedule","dataViewProps","useDataView","schedule","hasName","displayName","displayFrequency","jsx","Flex","jsxs","styles","VisuallyHidden","HamburgerMenu","PencilSvg","DataView"],"mappings":";;;;;;;;;;;AAQO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAoB,GACjC,EAAE,cAAAC,GAAc,MAAAC,GAAM,YAAAC,EAAA,IAAeC,EAAe,GAEpD,EAAE,GAAGC,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAML,KAAgB,CAAC;AAAA,IACvB,SAAS;AAAA,MACP;AAAA,QACE,OAAOJ,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAYU,MAAA;AACZ,gBAAAC,IAAU,CAAC,CAACD,EAAS;AAC3B,cAAIE,IAAcD,IAAUD,EAAS,OAAOA,EAAS;AACjD,UAAAE,KAAeA,EAAY,SAAS,IACxBA,IAAAA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,IAEvEA,IAAcF,EAAS;AAEzB,gBAAMG,IAAmBH,EAAS;AAEhC,iBAAA,gBAAAI,EAACC,GAAK,EAAA,eAAe,UAAU,KAAK,GAClC,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAAH,EAAC,SAAK,UAAYF,EAAA,CAAA;AAAA,YACjBD,KAAY,gBAAAG,EAAA,OAAA,EAAK,UAAiBD,EAAA,CAAA;AAAA,UAAA,EAAA,CACrC,EACF,CAAA;AAAA,QAAA;AAAA,MAGN;AAAA,MACA;AAAA,QACE,OAAO,gBAAAC,EAACI,GAAgB,EAAA,UAAAlB,EAAE,wBAAwB,GAAE;AAAA,QACpD,KAAK;AAAA,QACL,QAAQ,CAAAU,MACL,gBAAAI,EAAAC,GAAA,EAAK,YAAY,UAAU,gBAAgB,UAC1C,UAAA,gBAAAD,EAAC,SAAI,WAAWG,EAAO,SACpB,UAAAP,EAAS,SACP,gBAAAI,EAAAZ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAF,EAAE,wBAAwB,EAAE,CAAA,IAE/D,gBAAAc,EAAAZ,EAAW,OAAX,EAAiB,QAAO,QAAQ,UAAAF,EAAE,0BAA0B,GAAE,GAEnE,EACF,CAAA;AAAA,MAAA;AAAA,IAGN;AAAA,IACA,UAAU,CAAYU,MAElB,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,OAAO;AAAA,UACL;AAAA,YACE,OAAOnB,EAAE,sBAAsB;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAM,EAAWI,CAAQ;AAAA,YACrB;AAAA,YACA,MAAM,gBAAAI,EAACM,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,EAEJ,CACD;AAED,SAAIf,MAAS,uBACJ,OAGD,gBAAAS,EAAAO,GAAA,EAAS,OAAM,QAAQ,GAAGb,GAAe;AACnD;"}

package/dist/components/Company/PaySchedule/_parts/List.module.scss.js

@@ -0,0 +1,8 @@
+const t = "_content_laixm_1", n = {
+  content: t
+};
+export {
+  t as content,
+  n as default
+};
+//# sourceMappingURL=List.module.scss.js.map

package/dist/components/Company/PaySchedule/_parts/List.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Company/PaySchedule/_parts/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export * from './List';
 export * from './Edit';
 export * from './Head';

package/dist/components/Company/PaySchedule/index.d.ts

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

package/dist/components/Company/PaySchedule/usePaySchedule.d.ts

@@ -2,8 +2,8 @@ import { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/p
 import { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist';
 import { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject';
 import { PayPeriods } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayschedulespreview';
+import { z } from 'zod';
 import { RequireAtLeastOne } from '../../../types/Helpers';
-import * as v from 'valibot';
 export type MODE = 'LIST_PAY_SCHEDULES' | 'ADD_PAY_SCHEDULE' | 'EDIT_PAY_SCHEDULE' | 'PREVIEW_PAY_SCHEDULE';
 type PayScheduleContextType = {
     companyId: string;
@@ -17,18 +17,36 @@ type PayScheduleContextType = {
     payPeriodPreview?: PayPeriods[];
     payPreviewLoading?: boolean;
 };
-export declare const PayScheduleSchema: v.ObjectSchema<{
-    readonly frequency: v.UnionSchema<[v.LiteralSchema<"Every week", undefined>, v.LiteralSchema<"Every other week", undefined>, v.LiteralSchema<"Twice per month", undefined>, v.LiteralSchema<"Monthly", undefined>], undefined>;
-    readonly anchorPayDate: v.OptionalSchema<v.InstanceSchema<DateConstructor, undefined>, never>;
-    readonly anchorEndOfPayPeriod: v.OptionalSchema<v.InstanceSchema<DateConstructor, undefined>, never>;
-    readonly day1: v.OptionalSchema<v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>, v.MaxValueAction<number, 31, undefined>]>, never>;
-    readonly day2: v.OptionalSchema<v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 1, undefined>, v.MaxValueAction<number, 31, undefined>]>, never>;
-    readonly customName: v.OptionalSchema<v.StringSchema<undefined>, never>;
-    readonly customTwicePerMonth: v.OptionalSchema<v.StringSchema<undefined>, never>;
-    readonly payPeriodPreviewRange: v.OptionalSchema<v.NumberSchema<undefined>, never>;
-}, undefined>;
-export type PayScheduleInputs = v.InferInput<typeof PayScheduleSchema>;
-export type PayScheduleOutputs = v.InferOutput<typeof PayScheduleSchema>;
+export declare const PayScheduleSchema: z.ZodObject<{
+    frequency: z.ZodEnum<["Every week", "Every other week", "Twice per month", "Monthly"]>;
+    anchorPayDate: z.ZodOptional<z.ZodDate>;
+    anchorEndOfPayPeriod: z.ZodOptional<z.ZodDate>;
+    day1: z.ZodOptional<z.ZodNumber>;
+    day2: z.ZodOptional<z.ZodNumber>;
+    customName: z.ZodOptional<z.ZodString>;
+    customTwicePerMonth: z.ZodOptional<z.ZodString>;
+    payPeriodPreviewRange: z.ZodOptional<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    frequency: "Every week" | "Every other week" | "Twice per month" | "Monthly";
+    anchorPayDate?: Date | undefined;
+    anchorEndOfPayPeriod?: Date | undefined;
+    day1?: number | undefined;
+    day2?: number | undefined;
+    customName?: string | undefined;
+    customTwicePerMonth?: string | undefined;
+    payPeriodPreviewRange?: number | undefined;
+}, {
+    frequency: "Every week" | "Every other week" | "Twice per month" | "Monthly";
+    anchorPayDate?: Date | undefined;
+    anchorEndOfPayPeriod?: Date | undefined;
+    day1?: number | undefined;
+    day2?: number | undefined;
+    customName?: string | undefined;
+    customTwicePerMonth?: string | undefined;
+    payPeriodPreviewRange?: number | undefined;
+}>;
+export type PayScheduleInputs = z.input<typeof PayScheduleSchema>;
+export type PayScheduleOutputs = z.output<typeof PayScheduleSchema>;
 export type PayScheduleDefaultValues = RequireAtLeastOne<Partial<Pick<PayScheduleCreateUpdate, 'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'>>>;
 declare const usePaySchedule: () => PayScheduleContextType, PayScheduleProvider: import('react').Provider<PayScheduleContextType | null>;
 export { usePaySchedule, PayScheduleProvider };

package/dist/components/Company/PaySchedule/usePaySchedule.js

@@ -1,4 +1,4 @@
-import * as e from "valibot";
+import { z as o } from "zod";
 import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
@@ -8,26 +8,20 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../Base/useBase.js";
 import "dompurify";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const d = e.object({
-  frequency: e.union([
-    e.literal("Every week"),
-    e.literal("Every other week"),
-    e.literal("Twice per month"),
-    e.literal("Monthly")
-  ]),
-  anchorPayDate: e.optional(e.instance(Date)),
-  anchorEndOfPayPeriod: e.optional(e.instance(Date)),
-  day1: e.optional(e.pipe(e.number(), e.minValue(1), e.maxValue(31))),
-  day2: e.optional(e.pipe(e.number(), e.minValue(1), e.maxValue(31))),
-  customName: e.optional(e.string()),
-  customTwicePerMonth: e.optional(e.string()),
-  payPeriodPreviewRange: e.optional(e.number())
-}), [h, P] = o("PayScheduleContext");
+import { createCompoundContext as e } from "../../Base/createCompoundContext.js";
+const l = o.object({
+  frequency: o.enum(["Every week", "Every other week", "Twice per month", "Monthly"]),
+  anchorPayDate: o.date().optional(),
+  anchorEndOfPayPeriod: o.date().optional(),
+  day1: o.number().min(1).max(31).optional(),
+  day2: o.number().min(1).max(31).optional(),
+  customName: o.string().optional(),
+  customTwicePerMonth: o.string().optional(),
+  payPeriodPreviewRange: o.number().optional()
+}), [h, P] = e("PayScheduleContext");
 export {
   P as PayScheduleProvider,
-  d as PayScheduleSchema,
+  l as PayScheduleSchema,
   h as usePaySchedule
 };
 //# sourceMappingURL=usePaySchedule.js.map

package/dist/components/Company/PaySchedule/usePaySchedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/usePaySchedule.ts"],"sourcesContent":["import type { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport type { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayPeriods } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayschedulespreview'\nimport * as v from 'valibot'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE =\n  | 'LIST_PAY_SCHEDULES'\n  | 'ADD_PAY_SCHEDULE'\n  | 'EDIT_PAY_SCHEDULE'\n  | 'PREVIEW_PAY_SCHEDULE'\n\ntype PayScheduleContextType = {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: (schedule: PayScheduleType) => void\n  handleCancel: () => void\n  handleContinue: () => void\n  mode: MODE\n  paySchedules: PayScheduleList[] | undefined | null\n  currentPaySchedule: PayScheduleType | undefined | null\n  payPeriodPreview?: PayPeriods[]\n  payPreviewLoading?: boolean\n}\n\nexport const PayScheduleSchema = v.object({\n  frequency: v.union([\n    v.literal('Every week'),\n    v.literal('Every other week'),\n    v.literal('Twice per month'),\n    v.literal('Monthly'),\n  ]),\n  anchorPayDate: v.optional(v.instance(Date)),\n  anchorEndOfPayPeriod: v.optional(v.instance(Date)),\n  day1: v.optional(v.pipe(v.number(), v.minValue(1), v.maxValue(31))),\n  day2: v.optional(v.pipe(v.number(), v.minValue(1), v.maxValue(31))),\n  customName: v.optional(v.string()),\n  customTwicePerMonth: v.optional(v.string()),\n  payPeriodPreviewRange: v.optional(v.number()),\n})\n\nexport type PayScheduleInputs = v.InferInput<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = v.InferOutput<typeof PayScheduleSchema>\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<\n  Partial<\n    Pick<\n      PayScheduleCreateUpdate,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  >\n>\n\nconst [usePaySchedule, PayScheduleProvider] =\n  createCompoundContext<PayScheduleContextType>('PayScheduleContext')\nexport { usePaySchedule, PayScheduleProvider }\n"],"names":["PayScheduleSchema","v","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;AA2Ba,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,MAAM;AAAA,IACjBA,EAAE,QAAQ,YAAY;AAAA,IACtBA,EAAE,QAAQ,kBAAkB;AAAA,IAC5BA,EAAE,QAAQ,iBAAiB;AAAA,IAC3BA,EAAE,QAAQ,SAAS;AAAA,EAAA,CACpB;AAAA,EACD,eAAeA,EAAE,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1C,sBAAsBA,EAAE,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACjD,MAAMA,EAAE,SAASA,EAAE,KAAKA,EAAE,OAAO,GAAGA,EAAE,SAAS,CAAC,GAAGA,EAAE,SAAS,EAAE,CAAC,CAAC;AAAA,EAClE,MAAMA,EAAE,SAASA,EAAE,KAAKA,EAAE,OAAO,GAAGA,EAAE,SAAS,CAAC,GAAGA,EAAE,SAAS,EAAE,CAAC,CAAC;AAAA,EAClE,YAAYA,EAAE,SAASA,EAAE,QAAQ;AAAA,EACjC,qBAAqBA,EAAE,SAASA,EAAE,QAAQ;AAAA,EAC1C,uBAAuBA,EAAE,SAASA,EAAE,OAAQ,CAAA;AAC9C,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}
+{"version":3,"file":"usePaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/usePaySchedule.ts"],"sourcesContent":["import type { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport type { PayScheduleObject as PayScheduleType } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { PayPeriods } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayschedulespreview'\nimport { z } from 'zod'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE =\n  | 'LIST_PAY_SCHEDULES'\n  | 'ADD_PAY_SCHEDULE'\n  | 'EDIT_PAY_SCHEDULE'\n  | 'PREVIEW_PAY_SCHEDULE'\n\ntype PayScheduleContextType = {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: (schedule: PayScheduleType) => void\n  handleCancel: () => void\n  handleContinue: () => void\n  mode: MODE\n  paySchedules: PayScheduleList[] | undefined | null\n  currentPaySchedule: PayScheduleType | undefined | null\n  payPeriodPreview?: PayPeriods[]\n  payPreviewLoading?: boolean\n}\n\nexport const PayScheduleSchema = z.object({\n  frequency: z.enum(['Every week', 'Every other week', 'Twice per month', 'Monthly']),\n  anchorPayDate: z.date().optional(),\n  anchorEndOfPayPeriod: z.date().optional(),\n  day1: z.number().min(1).max(31).optional(),\n  day2: z.number().min(1).max(31).optional(),\n  customName: z.string().optional(),\n  customTwicePerMonth: z.string().optional(),\n  payPeriodPreviewRange: z.number().optional(),\n})\n\nexport type PayScheduleInputs = z.input<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = z.output<typeof PayScheduleSchema>\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<\n  Partial<\n    Pick<\n      PayScheduleCreateUpdate,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  >\n>\n\nconst [usePaySchedule, PayScheduleProvider] =\n  createCompoundContext<PayScheduleContextType>('PayScheduleContext')\nexport { usePaySchedule, PayScheduleProvider }\n"],"names":["PayScheduleSchema","z","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AA2Ba,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,KAAK,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,CAAC;AAAA,EAClF,eAAeA,EAAE,KAAK,EAAE,SAAS;AAAA,EACjC,sBAAsBA,EAAE,KAAK,EAAE,SAAS;AAAA,EACxC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACzC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS;AAAA,EACzC,YAAYA,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,qBAAqBA,EAAE,OAAO,EAAE,SAAS;AAAA,EACzC,uBAAuBA,EAAE,OAAO,EAAE,SAAS;AAC7C,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}

package/dist/components/Company/StateTaxes/StateTaxes.d.ts

@@ -0,0 +1,9 @@
+import { BaseComponentInterface } from '../../Base';
+export interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {
+    companyId: string;
+}
+export declare function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace StateTaxes {
+    var StateTaxesList: typeof import("./StateTaxesList/StateTaxesList").StateTaxesList;
+    var StateTaxesForm: typeof import("./StateTaxesForm/StateTaxesForm").StateTaxesForm;
+}

package/dist/components/Company/StateTaxes/StateTaxes.js

@@ -0,0 +1,27 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createMachine as s } from "robot3";
+import { stateTaxesStateMachine as n } from "./stateTaxesStateMachine.js";
+import { StateTaxesListContextual as x } from "./StateTaxesComponents.js";
+import { StateTaxesList as p } from "./StateTaxesList/StateTaxesList.js";
+import { StateTaxesForm as S } from "./StateTaxesForm/StateTaxesForm.js";
+import { Flow as T } from "../../Flow/Flow.js";
+import { useComponentDictionary as f } from "../../../i18n/I18n.js";
+function t({ companyId: e, onEvent: a, dictionary: o }) {
+  f("Company.StateTaxes", o);
+  const m = s(
+    "viewStateTaxes",
+    n,
+    (r) => ({
+      ...r,
+      component: x,
+      companyId: e
+    })
+  );
+  return /* @__PURE__ */ i(T, { machine: m, onEvent: a });
+}
+t.StateTaxesList = p;
+t.StateTaxesForm = S;
+export {
+  t as StateTaxes
+};
+//# sourceMappingURL=StateTaxes.js.map

package/dist/components/Company/StateTaxes/StateTaxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  companyId: string\n}\n\nexport function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = createMachine(\n    'viewStateTaxes',\n    stateTaxesStateMachine,\n    (initialContext: StateTaxesContextInterface) => ({\n      ...initialContext,\n      component: StateTaxesListContextual,\n      companyId,\n    }),\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n\nStateTaxes.StateTaxesList = StateTaxesList\nStateTaxes.StateTaxesForm = StateTaxesForm\n"],"names":["StateTaxes","companyId","onEvent","dictionary","useComponentDictionary","manageStateTaxes","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow","StateTaxesList","StateTaxesForm"],"mappings":";;;;;;;;AAcO,SAASA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA+B;AAC9E,EAAAC,EAAuB,sBAAsBD,CAAU;AACvD,QAAME,IAAmBC;AAAA,IACvB;AAAA,IACAC;AAAA,IACA,CAACC,OAAgD;AAAA,MAC/C,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAS,EAAAC,GAAA,EAAK,SAASN,GAAkB,SAAAH,EAAkB,CAAA;AAC5D;AAEAF,EAAW,iBAAiBY;AAC5BZ,EAAW,iBAAiBa;"}

package/dist/components/Company/StateTaxes/{StateTaxesFlowComponents.js → StateTaxesComponents.js}

@@ -22,4 +22,4 @@ export {
   d as StateTaxesFormContextual,
   f as StateTaxesListContextual
 };
-//# sourceMappingURL=StateTaxesFlowComponents.js.map
+//# sourceMappingURL=StateTaxesComponents.js.map

package/dist/components/Company/StateTaxes/StateTaxesComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxesComponents.tsx"],"sourcesContent":["import { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  companyId: string\n  state?: string\n  component: React.ComponentType | null\n}\n\nexport function StateTaxesListContextual() {\n  const { companyId, onEvent } = useFlow<StateTaxesContextInterface>()\n  return <StateTaxesList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function StateTaxesFormContextual() {\n  const { companyId, state, onEvent } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesForm\n      companyId={ensureRequired(companyId)}\n      state={ensureRequired(state)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["StateTaxesListContextual","companyId","onEvent","useFlow","StateTaxesList","ensureRequired","StateTaxesFormContextual","state","jsx","StateTaxesForm"],"mappings":";;;;;AAWO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAQ,IAAIC,EAAoC;AACnE,2BAAQC,GAAe,EAAA,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAA2B;AACzC,QAAM,EAAE,WAAAL,GAAW,OAAAM,GAAO,SAAAL,EAAA,IAAYC,EAAoC;AAExE,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAeJ,CAAS;AAAA,MACnC,OAAOI,EAAeE,CAAK;AAAA,MAC3B,SAAAL;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/Form.d.ts

@@ -1,4 +1,4 @@
-import * as v from 'valibot';
-export declare const StateFormSchema: v.RecordSchema<v.StringSchema<undefined>, v.RecordSchema<v.StringSchema<undefined>, v.UnknownSchema, undefined>, undefined>;
-export type StateFormInputs = v.InferInput<typeof StateFormSchema>;
+import { z } from 'zod';
+export declare const StateFormSchema: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+export type StateFormInputs = z.infer<typeof StateFormSchema>;
 export declare function Form(): import("react/jsx-runtime").JSX.Element[] | undefined;

package/dist/components/Company/StateTaxes/StateTaxesForm/Form.js

@@ -1,12 +1,12 @@
 import { jsxs as m, Fragment as f, jsx as o } from "react/jsx-runtime";
-import * as t from "valibot";
+import { z as t } from "zod";
 import { useTranslation as u } from "react-i18next";
 import { useStateTaxesForm as x } from "./context.js";
 import { QuestionInput as l } from "../../../Common/TaxInputs/TaxInputs.js";
 import { useLocaleDateFormatter as T } from "../../../../contexts/LocaleProvider/useLocale.js";
 import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 t.record(t.string(), t.record(t.string(), t.unknown()));
-function j() {
+function w() {
   const { t: s } = u("Company.StateTaxes", { keyPrefix: "form" }), i = T(), { stateTaxRequirements: p } = x(), r = h();
   return p.requirementSets?.map(
     ({ requirements: c, label: d, effectiveFrom: n, key: a }) => /* @__PURE__ */ m(f, { children: [
@@ -29,6 +29,6 @@ function j() {
   );
 }
 export {
-  j as Form
+  w as Form
 };
 //# sourceMappingURL=Form.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import * as v from 'valibot'\nimport { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { useStateTaxesForm } from './context'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\nimport { useLocaleDateFormatter } from '@/contexts/LocaleProvider/useLocale'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const StateFormSchema = v.record(v.string(), v.record(v.string(), v.unknown()))\n\nexport type StateFormInputs = v.InferInput<typeof StateFormSchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useLocaleDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return stateTaxRequirements.requirementSets?.map(\n    ({ requirements, label, effectiveFrom, key }) => (\n      <Fragment key={key}>\n        <div>\n          <Components.Heading as=\"h4\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text className=\"lightText\">\n              {t('effectiveFromLabel', { date: dateFormatter.format(new Date(effectiveFrom)) })}\n            </Components.Text>\n          )}\n        </div>\n        {requirements?.map(requirement => {\n          return (\n            <QuestionInput\n              requirement={{\n                ...requirement,\n                key: `${key}.${requirement.key as string}`,\n              }}\n              questionType={requirement.metadata?.type ?? 'Text'}\n              key={requirement.key}\n            />\n          )\n        })}\n      </Fragment>\n    ),\n  )\n}\n"],"names":["v","Form","t","useTranslation","dateFormatter","useLocaleDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","requirements","label","effectiveFrom","key","Fragment","jsxs","jsx","requirement","QuestionInput"],"mappings":";;;;;;;AAQ+BA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAOA,EAAE,OAAO,GAAGA,EAAE,QAAA,CAAS,CAAC;AAI9E,SAASC,IAAO;AACf,QAAA,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAuB,GACvC,EAAE,sBAAAC,EAAqB,IAAIC,EAAkB,GAC7CC,IAAaC,EAAoB;AAEvC,SAAOH,EAAqB,iBAAiB;AAAA,IAC3C,CAAC,EAAE,cAAAI,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,EAAI,wBACxCC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAAC,OACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAMG,GAAA;AAAA,QAClCC,KACE,gBAAAI,EAAAR,EAAW,MAAX,EAAgB,WAAU,aACxB,UAAEN,EAAA,sBAAsB,EAAE,MAAME,EAAc,OAAO,IAAI,KAAKQ,CAAa,CAAC,EAAA,CAAG,EAClF,CAAA;AAAA,MAAA,GAEJ;AAAA,MACCF,GAAc,IAAI,CAAeO,MAE9B,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,GAAGD;AAAA,YACH,KAAK,GAAGJ,CAAG,IAAII,EAAY,GAAa;AAAA,UAC1C;AAAA,UACA,cAAcA,EAAY,UAAU,QAAQ;AAAA,QAAA;AAAA,QACvCA,EAAY;AAAA,MACnB,CAEH;AAAA,IAAA,EAAA,GApBYJ,CAqBf;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { useStateTaxesForm } from './context'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\nimport { useLocaleDateFormatter } from '@/contexts/LocaleProvider/useLocale'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const StateFormSchema = z.record(z.string(), z.record(z.string(), z.unknown()))\n\nexport type StateFormInputs = z.infer<typeof StateFormSchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useLocaleDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return stateTaxRequirements.requirementSets?.map(\n    ({ requirements, label, effectiveFrom, key }) => (\n      <Fragment key={key}>\n        <div>\n          <Components.Heading as=\"h4\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text className=\"lightText\">\n              {t('effectiveFromLabel', { date: dateFormatter.format(new Date(effectiveFrom)) })}\n            </Components.Text>\n          )}\n        </div>\n        {requirements?.map(requirement => {\n          return (\n            <QuestionInput\n              requirement={{\n                ...requirement,\n                key: `${key}.${requirement.key as string}`,\n              }}\n              questionType={requirement.metadata?.type ?? 'Text'}\n              key={requirement.key}\n            />\n          )\n        })}\n      </Fragment>\n    ),\n  )\n}\n"],"names":["z","Form","t","useTranslation","dateFormatter","useLocaleDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","requirements","label","effectiveFrom","key","Fragment","jsxs","jsx","requirement","QuestionInput"],"mappings":";;;;;;;AAQ+BA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAOA,EAAE,OAAO,GAAGA,EAAE,QAAA,CAAS,CAAC;AAI9E,SAASC,IAAO;AACf,QAAA,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAuB,GACvC,EAAE,sBAAAC,EAAqB,IAAIC,EAAkB,GAC7CC,IAAaC,EAAoB;AAEvC,SAAOH,EAAqB,iBAAiB;AAAA,IAC3C,CAAC,EAAE,cAAAI,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,EAAI,wBACxCC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAAC,OACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAMG,GAAA;AAAA,QAClCC,KACE,gBAAAI,EAAAR,EAAW,MAAX,EAAgB,WAAU,aACxB,UAAEN,EAAA,sBAAsB,EAAE,MAAME,EAAc,OAAO,IAAI,KAAKQ,CAAa,CAAC,EAAA,CAAG,EAClF,CAAA;AAAA,MAAA,GAEJ;AAAA,MACCF,GAAc,IAAI,CAAeO,MAE9B,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,GAAGD;AAAA,YACH,KAAK,GAAGJ,CAAG,IAAII,EAAY,GAAa;AAAA,UAC1C;AAAA,UACA,cAAcA,EAAY,UAAU,QAAQ;AAAA,QAAA;AAAA,QACvCA,EAAY;AAAA,MACnB,CAEH;AAAA,IAAA,EAAA,GApBYJ,CAqBf;AAAA,EAEJ;AACF;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.js

@@ -1,111 +1,100 @@
-import { jsx as o, jsxs as B, Fragment as D } from "react/jsx-runtime";
-import { useForm as H, FormProvider as K } from "react-hook-form";
-import { valibotResolver as M } from "@hookform/resolvers/valibot";
-import { useTaxRequirementsUpdateStateMutation as G } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
-import { useTaxRequirementsGetSuspense as L } from "@gusto/embedded-api/react-query/taxRequirementsGet";
-import * as e from "valibot";
-import { useMemo as X } from "react";
-import { useTranslation as Y } from "react-i18next";
+import { jsx as t, jsxs as D, Fragment as H } from "react/jsx-runtime";
+import { useForm as K, FormProvider as M } from "react-hook-form";
+import { zodResolver as w } from "@hookform/resolvers/zod";
+import { useTaxRequirementsUpdateStateMutation as z } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
+import { useTaxRequirementsGetSuspense as G } from "@gusto/embedded-api/react-query/taxRequirementsGet";
+import { z as r } from "zod";
+import { useMemo as L } from "react";
+import { useTranslation as X } from "react-i18next";
 import { Head as q } from "./Head.js";
-import { StateTaxesFormProvider as $ } from "./context.js";
+import { StateTaxesFormProvider as Y } from "./context.js";
 import { Form as A } from "./Form.js";
-import { Actions as E } from "./Actions.js";
-import { BaseComponent as z } from "../../../Base/Base.js";
+import { Actions as P } from "./Actions.js";
+import { BaseComponent as $ } from "../../../Base/Base.js";
 import { useI18n as I } from "../../../../i18n/I18n.js";
 import { Flex as J } from "../../../Common/Flex/Flex.js";
 import { Form as Q } from "../../../Common/Form/Form.js";
-import { componentEvents as g } from "../../../../shared/constants.js";
+import { componentEvents as k } from "../../../../shared/constants.js";
 import { useBase as W } from "../../../Base/useBase.js";
-function v(r) {
-  return /* @__PURE__ */ o(z, { ...r, children: /* @__PURE__ */ o(Z, { ...r, children: r.children }) });
+function x(n) {
+  return /* @__PURE__ */ t($, { ...n, children: /* @__PURE__ */ t(Z, { ...n, children: n.children }) });
 }
-function Z({ companyId: r, state: y, className: P, children: x }) {
+function Z({ companyId: n, state: S, className: j, children: v }) {
   I("Company.StateTaxes");
-  const { onEvent: F, baseSubmitHandler: V } = W(), { t: f } = Y("Company.StateTaxes", { keyPrefix: "form" }), { data: j } = L({ companyUuid: r, state: y }), p = j.taxRequirementsState, { mutateAsync: C, isPending: N } = G(), { dynamicSchema: R, defaultValues: O } = X(() => {
+  const { onEvent: F, baseSubmitHandler: C } = W(), { t: l } = X("Company.StateTaxes", { keyPrefix: "form" }), { data: E } = G({ companyUuid: n, state: S }), f = E.taxRequirementsState, { mutateAsync: N, isPending: R } = z(), { dynamicSchema: V, defaultValues: O } = L(() => {
     const d = {}, i = {};
-    return p.requirementSets?.forEach((t) => {
-      if (!t.key) return;
-      const m = t.key, s = {}, S = {};
-      t.requirements?.forEach((a) => {
-        if (!a.key) return;
-        const b = a.key;
-        S[b] = String(a.value ?? "");
-        let c = e.pipe(
-          e.unknown(),
-          e.transform((n) => String(n)),
-          e.nonEmpty()
-        );
-        const u = a.metadata?.validation;
-        if (u && a.metadata?.type === "tax_rate")
-          if (u.type === "min_max") {
-            const n = parseFloat(u.min), l = parseFloat(u.max);
-            !isNaN(n) && !isNaN(l) && (c = e.pipe(
-              c,
-              e.transform((h) => Number(h)),
-              // Apply numeric validations after successful transform
-              e.minValue(n, f("validations.minValue", { min: n })),
-              e.maxValue(l, f("validations.maxValue", { max: l })),
-              e.transform((h) => String(h))
+    return f.requirementSets?.forEach((e) => {
+      if (!e.key) return;
+      const m = e.key, s = {}, p = {};
+      e.requirements?.forEach((o) => {
+        if (!o.key) return;
+        const b = o.key;
+        p[b] = String(o.value ?? "");
+        let y = r.string().min(1);
+        const c = o.metadata?.validation;
+        if (c && o.metadata?.type === "tax_rate")
+          if (c.type === "min_max") {
+            const a = parseFloat(c.min), u = parseFloat(c.max);
+            !isNaN(a) && !isNaN(u) && (y = r.preprocess(
+              (h) => Number(h),
+              r.number().min(a, l("validations.minValue", { min: a })).max(u, l("validations.maxValue", { max: u })).transform((h) => String(h))
             ));
           } else {
-            const n = u.rates;
-            c = e.pipe(
-              c,
-              e.transform((l) => String(l)),
-              e.picklist(n, f("validations.oneOf", { values: n.join(", ") }))
-            );
+            const a = c.rates;
+            y = r.string().min(1).refine((u) => a.includes(u), {
+              message: l("validations.oneOf", { values: a.join(", ") })
+            });
           }
-        s[b] = c;
-      }), Object.keys(s).length > 0 && (d[m] = e.object(s), i[m] = S);
+        s[b] = y;
+      }), Object.keys(s).length > 0 && (d[m] = r.object(s), i[m] = p);
     }), {
-      dynamicSchema: e.object(d, void 0),
-      // Cast defaultValues based on the final inferred schema type
+      dynamicSchema: r.object(d),
       defaultValues: i
     };
-  }, [p, f]), { control: U, ...T } = H({
-    resolver: M(R),
+  }, [f, l]), { control: U, ...T } = K({
+    resolver: w(V),
     defaultValues: O
   }), _ = async (d) => {
-    await V(d, async (i) => {
-      const k = p.requirementSets?.filter((t) => t.key && i[t.key]).map((t) => {
-        const m = t.key, s = i[m];
+    await C(d, async (i) => {
+      const g = f.requirementSets?.filter((e) => e.key && i[e.key]).map((e) => {
+        const m = e.key, s = i[m];
         return {
-          state: t.state,
+          state: e.state,
           key: m,
-          effectiveFrom: t.effectiveFrom,
-          requirements: Object.entries(s).map(([S, a]) => ({
-            key: S,
-            value: String(a)
+          effectiveFrom: e.effectiveFrom,
+          requirements: Object.entries(s).map(([p, o]) => ({
+            key: p,
+            value: String(o)
           }))
         };
       });
-      await C({
+      await N({
         request: {
-          companyUuid: r,
-          requestBody: { requirementSets: k },
-          state: y
+          companyUuid: n,
+          requestBody: { requirementSets: g },
+          state: S
         }
-      }), F(g.COMPANY_STATE_TAX_UPDATED);
+      }), F(k.COMPANY_STATE_TAX_UPDATED);
     });
-  }, w = () => {
-    F(g.CANCEL);
+  }, B = () => {
+    F(k.CANCEL);
   };
-  return /* @__PURE__ */ o("section", { className: P, children: /* @__PURE__ */ o(K, { ...T, control: U, children: /* @__PURE__ */ o(Q, { onSubmit: T.handleSubmit(_), children: /* @__PURE__ */ o(
-    $,
+  return /* @__PURE__ */ t("section", { className: j, children: /* @__PURE__ */ t(M, { ...T, control: U, children: /* @__PURE__ */ t(Q, { onSubmit: T.handleSubmit(_), children: /* @__PURE__ */ t(
+    Y,
     {
-      value: { stateTaxRequirements: p, isPending: N, state: y, handleCancel: w },
-      children: /* @__PURE__ */ o(J, { flexDirection: "column", gap: 32, children: x || /* @__PURE__ */ B(D, { children: [
-        /* @__PURE__ */ o(q, {}),
-        /* @__PURE__ */ o(A, {}),
-        /* @__PURE__ */ o(E, {})
+      value: { stateTaxRequirements: f, isPending: R, state: S, handleCancel: B },
+      children: /* @__PURE__ */ t(J, { flexDirection: "column", gap: 32, children: v || /* @__PURE__ */ D(H, { children: [
+        /* @__PURE__ */ t(q, {}),
+        /* @__PURE__ */ t(A, {}),
+        /* @__PURE__ */ t(P, {})
       ] }) })
     }
   ) }) }) });
 }
-v.Head = q;
-v.Form = A;
-v.Actions = E;
+x.Head = q;
+x.Form = A;
+x.Actions = P;
 export {
-  v as StateTaxesForm
+  x as StateTaxesForm
 };
 //# sourceMappingURL=StateTaxesForm.js.map