@gusto/embedded-react-sdk 0.45.0 → 0.46.0

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -1,38 +1,52 @@
-import { useState as M, useRef as y, useMemo as _, useCallback as f, useEffect as b } from "react";
+import { useState as M, useRef as m, useMemo as _, useCallback as y, useEffect as b } from "react";
 import { usePayrollsPrepareMutation as L } from "@gusto/embedded-api/react-query/payrollsPrepare";
 import { usePaySchedulesGet as D } from "@gusto/embedded-api/react-query/paySchedulesGet";
 import { UnprocessableEntityError as T } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
+import "react/jsx-runtime";
+import "react-error-boundary";
+import "react-i18next";
+import "@tanstack/react-query";
 import { useBase as w } from "../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../contexts/LocaleProvider/useLocale.js";
+import "../../shared/constants.js";
+import "classnames";
+import "../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { retryAsync as x } from "../../helpers/retryAsync.js";
-const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, G = ({
+const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, ee = ({
   companyId: e,
   payrollId: r,
-  employeeUuids: t,
-  sortBy: i,
+  employeeUuids: a,
+  sortBy: n,
   onDataReady: l
 }) => {
-  const { mutateAsync: c, isPending: u } = L(), [s, m] = M(), a = y(!1), d = y(!1), { baseSubmitHandler: p } = w(), h = _(() => t?.join(",") ?? "", [t]), { data: S, isLoading: E } = D(
+  const { mutateAsync: p, isPending: c } = L(), [o, f] = M(), t = m(!1), u = m(!1), { baseSubmitHandler: d } = w(), h = _(() => a?.join(",") ?? "", [a]), { data: S, isLoading: E } = D(
     {
       companyId: e,
-      payScheduleId: s?.payPeriod?.payScheduleUuid || ""
+      payScheduleId: o?.payPeriod?.payScheduleUuid || ""
     },
     {
-      enabled: !!s?.payPeriod?.payScheduleUuid
+      enabled: !!o?.payPeriod?.payScheduleUuid
     }
-  ), P = f(async () => {
-    const n = await c({
+  ), P = y(async () => {
+    const s = await p({
       request: {
         companyId: e,
         payrollId: r,
-        sortBy: i,
+        sortBy: n,
         requestBody: {
-          employeeUuids: t
+          employeeUuids: a
         }
       }
     });
-    m(n.payrollPrepared), n.payrollPrepared && (a.current = !0, l?.(n.payrollPrepared));
-  }, [e, r, c, h, i, l]), o = f(async () => {
-    await p(
+    f(s.payrollPrepared), s.payrollPrepared && (t.current = !0, l?.(s.payrollPrepared));
+  }, [e, r, p, h, n, l]), i = y(async () => {
+    await d(
       null,
       () => x(P, {
         maxAttempts: q,
@@ -40,21 +54,21 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
         shouldRetry: B
       })
     );
-  }, [p, P]);
+  }, [d, P]);
   b(() => {
-    d.current || (d.current = !0, o());
-  }, [o]);
-  const g = u && !a.current, R = u && a.current, A = g || E;
+    u.current || (u.current = !0, i());
+  }, [i]);
+  const g = c && !t.current, R = c && t.current, A = g || E;
   return {
-    handlePreparePayroll: o,
-    preparedPayroll: s,
+    handlePreparePayroll: i,
+    preparedPayroll: o,
     paySchedule: S?.payScheduleShow,
     isLoading: A,
     isPaginating: R,
-    hasInitialData: a.current
+    hasInitialData: t.current
   };
 };
 export {
-  G as usePreparedPayrollData
+  ee as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

package/dist/components/Payroll/usePreparedPayrollData.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport type { QueryParamSortBy } from '@gusto/embedded-api/models/operations/putv1companiescompanyidpayrollspayrollidprepare'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: QueryParamSortBy\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;AA2BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAI9CC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}
+{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport type { QueryParamSortBy } from '@gusto/embedded-api/models/operations/putv1companiescompanyidpayrollspayrollidprepare'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: QueryParamSortBy\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAI9CC,KAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}

package/dist/components/TimeOff/PolicySettings/PolicySettingsPresentation.js

@@ -1,43 +1,57 @@
-import { jsx as e, jsxs as l, Fragment as L } from "react/jsx-runtime";
-import { useId as n } from "react";
-import { useForm as k, useWatch as s, FormProvider as R } from "react-hook-form";
-import { useTranslation as U } from "react-i18next";
+import { jsx as e, jsxs as l, Fragment as O } from "react/jsx-runtime";
+import { useId as t } from "react";
+import { useForm as k, useWatch as s, FormProvider as U } from "react-hook-form";
+import { useTranslation as W } from "react-i18next";
+import { z as n } from "zod";
+import { zodResolver as _ } from "@hookform/resolvers/zod";
 import a from "./PolicySettings.module.scss.js";
-import { Flex as N } from "../../Common/Flex/Flex.js";
+import { Flex as L } from "../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../shared/constants.js";
-import { ActionsLayout as W } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as _ } from "../../Common/Form/Form.js";
-import { useComponentContext as j } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as A } from "../../../i18n/I18n.js";
+import { ActionsLayout as j } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as z } from "../../Common/Form/Form.js";
+import { useComponentContext as A } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as B } from "../../../i18n/I18n.js";
 import { NumberInputField as c } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { SwitchField as t } from "../../Common/Fields/SwitchField/SwitchField.js";
-function li({
+import { SwitchField as r } from "../../Common/Fields/SwitchField/SwitchField.js";
+const q = n.object({
+  accrualMaximumEnabled: n.boolean(),
+  accrualMaximum: n.number().optional(),
+  balanceMaximumEnabled: n.boolean(),
+  balanceMaximum: n.number().optional(),
+  carryOverLimitEnabled: n.boolean(),
+  carryOverLimit: n.number().optional(),
+  waitingPeriodEnabled: n.boolean(),
+  waitingPeriod: n.number().int().optional(),
+  paidOutOnTermination: n.boolean()
+});
+function si({
   accrualMethod: d,
-  onContinue: P,
+  onContinue: M,
   onBack: E,
-  defaultValues: M,
+  defaultValues: P,
   mode: w,
   editingPolicyName: u,
-  isPending: p = !1
+  isPending: b = !1
 }) {
-  A("Company.TimeOff.CreateTimeOffPolicy");
-  const { t: i } = U("Company.TimeOff.CreateTimeOffPolicy"), { Heading: H, Button: b } = j(), g = n(), y = n(), h = n(), f = n(), x = n(), m = k({
+  B("Company.TimeOff.CreateTimeOffPolicy");
+  const { t: i } = W("Company.TimeOff.CreateTimeOffPolicy"), { Heading: N, Button: p } = A(), g = t(), y = t(), h = t(), f = t(), x = t(), m = k({
+    resolver: _(q),
     defaultValues: {
       accrualMaximumEnabled: !1,
       balanceMaximumEnabled: !1,
       carryOverLimitEnabled: !1,
       waitingPeriodEnabled: !1,
       paidOutOnTermination: !1,
-      ...M
+      ...P
     }
-  }), { control: r } = m, C = s({ control: r, name: "accrualMaximumEnabled" }), F = s({ control: r, name: "balanceMaximumEnabled" }), I = s({ control: r, name: "carryOverLimitEnabled" }), S = s({ control: r, name: "waitingPeriodEnabled" }), v = d === "hours_worked", O = d === "fixed_per_pay_period", T = v || O, D = v || O, V = (o) => {
-    P(o);
+  }), { control: o } = m, H = s({ control: o, name: "accrualMaximumEnabled" }), C = s({ control: o, name: "balanceMaximumEnabled" }), F = s({ control: o, name: "carryOverLimitEnabled" }), I = s({ control: o, name: "waitingPeriodEnabled" }), S = d === "hours_worked", v = d === "fixed_per_pay_period", T = S || v, D = S || v, R = (V) => {
+    M(V);
   };
-  return /* @__PURE__ */ e(R, { ...m, children: /* @__PURE__ */ e(_, { "aria-labelledby": g, onSubmit: m.handleSubmit(V), children: /* @__PURE__ */ e("div", { className: a.policySettings, children: /* @__PURE__ */ l(N, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ e(H, { as: "h2", id: g, children: w === "edit" && u ? i("policySettings.editTitle", { name: u }) : i("policySettings.createTitle") }),
-    /* @__PURE__ */ l(N, { flexDirection: "column", gap: 20, children: [
-      T && /* @__PURE__ */ l(L, { children: [
+  return /* @__PURE__ */ e(U, { ...m, children: /* @__PURE__ */ e(z, { "aria-labelledby": g, onSubmit: m.handleSubmit(R), children: /* @__PURE__ */ e("div", { className: a.policySettings, children: /* @__PURE__ */ l(L, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(N, { as: "h2", id: g, children: w === "edit" && u ? i("policySettings.editTitle", { name: u }) : i("policySettings.createTitle") }),
+    /* @__PURE__ */ l(L, { flexDirection: "column", gap: 20, children: [
+      T && /* @__PURE__ */ l(O, { children: [
         /* @__PURE__ */ l("div", { className: a.settingRow, children: [
           /* @__PURE__ */ e(
             c,
@@ -49,13 +63,13 @@ function li({
               description: i("policySettings.accrualMaximumHint"),
               adornmentEnd: i("policySettings.hoursUnit"),
               placeholder: i("policySettings.numberOfHoursPlaceholder"),
-              isDisabled: !C,
+              isDisabled: !H,
               min: 0,
               max: 2e4
             }
           ),
           /* @__PURE__ */ e("div", { className: a.toggleCell, children: /* @__PURE__ */ e(
-            t,
+            r,
             {
               name: "accrualMaximumEnabled",
               label: i("policySettings.accrualMaximumLabel"),
@@ -77,13 +91,13 @@ function li({
             description: i("policySettings.balanceMaximumHint"),
             adornmentEnd: i("policySettings.hoursUnit"),
             placeholder: i("policySettings.numberOfHoursPlaceholder"),
-            isDisabled: !F,
+            isDisabled: !C,
             min: 0,
             max: 2e4
           }
         ),
         /* @__PURE__ */ e("div", { className: a.toggleCell, children: /* @__PURE__ */ e(
-          t,
+          r,
           {
             name: "balanceMaximumEnabled",
             label: i("policySettings.balanceMaximumLabel"),
@@ -104,13 +118,13 @@ function li({
             description: i("policySettings.carryOverLimitHint"),
             adornmentEnd: i("policySettings.hoursUnit"),
             placeholder: i("policySettings.numberOfHoursPlaceholder"),
-            isDisabled: !I,
+            isDisabled: !F,
             min: 0,
             max: 2e4
           }
         ),
         /* @__PURE__ */ e("div", { className: a.toggleCell, children: /* @__PURE__ */ e(
-          t,
+          r,
           {
             name: "carryOverLimitEnabled",
             label: i("policySettings.carryOverLimitLabel"),
@@ -120,7 +134,7 @@ function li({
         ) })
       ] }),
       /* @__PURE__ */ e("hr", { className: a.divider }),
-      D && /* @__PURE__ */ l(L, { children: [
+      D && /* @__PURE__ */ l(O, { children: [
         /* @__PURE__ */ l("div", { className: a.settingRow, children: [
           /* @__PURE__ */ e(
             c,
@@ -132,17 +146,15 @@ function li({
               description: i("policySettings.waitingPeriodHint"),
               adornmentEnd: i("policySettings.daysUnit"),
               placeholder: i("policySettings.numberOfDaysPlaceholder"),
-              isDisabled: !S,
+              isDisabled: !I,
               min: 0,
               max: 2e4,
               maximumFractionDigits: 0,
-              rules: {
-                validate: (o) => S && !isNaN(o) && !Number.isInteger(o) ? i("policySettings.errors.waitingPeriodMustBeWholeNumber") : !0
-              }
+              errorMessage: i("policySettings.errors.waitingPeriodMustBeWholeNumber")
             }
           ),
           /* @__PURE__ */ e("div", { className: a.toggleCell, children: /* @__PURE__ */ e(
-            t,
+            r,
             {
               name: "waitingPeriodEnabled",
               label: i("policySettings.waitingPeriodLabel"),
@@ -154,7 +166,7 @@ function li({
         /* @__PURE__ */ e("hr", { className: a.divider })
       ] }),
       /* @__PURE__ */ e(
-        t,
+        r,
         {
           name: "paidOutOnTermination",
           label: i("policySettings.paidOutOnTerminationLabel"),
@@ -162,14 +174,14 @@ function li({
         }
       ),
       /* @__PURE__ */ e("hr", { className: a.divider }),
-      /* @__PURE__ */ l(W, { children: [
-        /* @__PURE__ */ e(b, { variant: "secondary", onClick: E, isDisabled: p, children: i("backCta") }),
-        /* @__PURE__ */ e(b, { variant: "primary", type: "submit", isLoading: p, children: i("policySettings.continueCta") })
+      /* @__PURE__ */ l(j, { children: [
+        /* @__PURE__ */ e(p, { variant: "secondary", onClick: E, isDisabled: b, children: i("backCta") }),
+        /* @__PURE__ */ e(p, { variant: "primary", type: "submit", isLoading: b, children: i("policySettings.continueCta") })
       ] })
     ] })
   ] }) }) }) });
 }
 export {
-  li as PolicySettingsPresentation
+  si as PolicySettingsPresentation
 };
 //# sourceMappingURL=PolicySettingsPresentation.js.map

package/dist/components/TimeOff/PolicySettings/PolicySettingsPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicySettingsPresentation.js","sources":["../../../../src/components/TimeOff/PolicySettings/PolicySettingsPresentation.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicySettingsFormData, PolicySettingsPresentationProps } from './PolicySettingsTypes'\nimport styles from './PolicySettings.module.scss'\nimport { Flex, ActionsLayout, NumberInputField, SwitchField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function PolicySettingsPresentation({\n  accrualMethod,\n  onContinue,\n  onBack,\n  defaultValues,\n  mode,\n  editingPolicyName,\n  isPending = false,\n}: PolicySettingsPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Button } = useComponentContext()\n  const headingId = useId()\n\n  const accrualMaxInputId = useId()\n  const balanceMaxInputId = useId()\n  const carryOverInputId = useId()\n  const waitingPeriodInputId = useId()\n\n  const formMethods = useForm<PolicySettingsFormData>({\n    defaultValues: {\n      accrualMaximumEnabled: false,\n      balanceMaximumEnabled: false,\n      carryOverLimitEnabled: false,\n      waitingPeriodEnabled: false,\n      paidOutOnTermination: false,\n      ...defaultValues,\n    },\n  })\n\n  const { control } = formMethods\n  const accrualMaximumEnabled = useWatch({ control, name: 'accrualMaximumEnabled' })\n  const balanceMaximumEnabled = useWatch({ control, name: 'balanceMaximumEnabled' })\n  const carryOverLimitEnabled = useWatch({ control, name: 'carryOverLimitEnabled' })\n  const waitingPeriodEnabled = useWatch({ control, name: 'waitingPeriodEnabled' })\n\n  const isHoursWorked = accrualMethod === 'hours_worked'\n  const isFixedPerPayPeriod = accrualMethod === 'fixed_per_pay_period'\n  const showAccrualMaximum = isHoursWorked || isFixedPerPayPeriod\n  const showWaitingPeriod = isHoursWorked || isFixedPerPayPeriod\n\n  const handleSubmit = (data: PolicySettingsFormData) => {\n    onContinue(data)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <div className={styles.policySettings}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Heading as=\"h2\" id={headingId}>\n              {mode === 'edit' && editingPolicyName\n                ? t('policySettings.editTitle', { name: editingPolicyName })\n                : t('policySettings.createTitle')}\n            </Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              {showAccrualMaximum && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\n                      id={accrualMaxInputId}\n                      name=\"accrualMaximum\"\n                      label={t('policySettings.accrualMaximumLabel')}\n                      description={t('policySettings.accrualMaximumHint')}\n                      adornmentEnd={t('policySettings.hoursUnit')}\n                      placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                      isDisabled={!accrualMaximumEnabled}\n                      min={0}\n                      max={20000}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"accrualMaximumEnabled\"\n                        label={t('policySettings.accrualMaximumLabel')}\n                        shouldVisuallyHideLabel\n                        aria-controls={accrualMaxInputId}\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\n                  id={balanceMaxInputId}\n                  name=\"balanceMaximum\"\n                  label={t('policySettings.balanceMaximumLabel')}\n                  description={t('policySettings.balanceMaximumHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!balanceMaximumEnabled}\n                  min={0}\n                  max={20000}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"balanceMaximumEnabled\"\n                    label={t('policySettings.balanceMaximumLabel')}\n                    shouldVisuallyHideLabel\n                    aria-controls={balanceMaxInputId}\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\n                  id={carryOverInputId}\n                  name=\"carryOverLimit\"\n                  label={t('policySettings.carryOverLimitLabel')}\n                  description={t('policySettings.carryOverLimitHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!carryOverLimitEnabled}\n                  min={0}\n                  max={20000}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"carryOverLimitEnabled\"\n                    label={t('policySettings.carryOverLimitLabel')}\n                    shouldVisuallyHideLabel\n                    aria-controls={carryOverInputId}\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              {showWaitingPeriod && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\n                      id={waitingPeriodInputId}\n                      name=\"waitingPeriod\"\n                      label={t('policySettings.waitingPeriodLabel')}\n                      description={t('policySettings.waitingPeriodHint')}\n                      adornmentEnd={t('policySettings.daysUnit')}\n                      placeholder={t('policySettings.numberOfDaysPlaceholder')}\n                      isDisabled={!waitingPeriodEnabled}\n                      min={0}\n                      max={20000}\n                      maximumFractionDigits={0}\n                      rules={{\n                        validate: (value: number) => {\n                          if (waitingPeriodEnabled && !isNaN(value) && !Number.isInteger(value)) {\n                            return t('policySettings.errors.waitingPeriodMustBeWholeNumber')\n                          }\n                          return true\n                        },\n                      }}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"waitingPeriodEnabled\"\n                        label={t('policySettings.waitingPeriodLabel')}\n                        shouldVisuallyHideLabel\n                        aria-controls={waitingPeriodInputId}\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <SwitchField\n                name=\"paidOutOnTermination\"\n                label={t('policySettings.paidOutOnTerminationLabel')}\n                description={t('policySettings.paidOutOnTerminationHint')}\n              />\n\n              <hr className={styles.divider} />\n\n              <ActionsLayout>\n                <Button variant=\"secondary\" onClick={onBack} isDisabled={isPending}>\n                  {t('backCta')}\n                </Button>\n                <Button variant=\"primary\" type=\"submit\" isLoading={isPending}>\n                  {t('policySettings.continueCta')}\n                </Button>\n              </ActionsLayout>\n            </Flex>\n          </Flex>\n        </div>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicySettingsPresentation","accrualMethod","onContinue","onBack","defaultValues","mode","editingPolicyName","isPending","useI18n","t","useTranslation","Heading","Button","useComponentContext","headingId","useId","accrualMaxInputId","balanceMaxInputId","carryOverInputId","waitingPeriodInputId","formMethods","useForm","control","accrualMaximumEnabled","useWatch","balanceMaximumEnabled","carryOverLimitEnabled","waitingPeriodEnabled","isHoursWorked","isFixedPerPayPeriod","showAccrualMaximum","showWaitingPeriod","handleSubmit","data","jsx","FormProvider","HtmlForm","styles","Flex","jsxs","Fragment","NumberInputField","SwitchField","value","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PolicySettingsPresentation.js","sources":["../../../../src/components/TimeOff/PolicySettings/PolicySettingsPresentation.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { PolicySettingsFormData, PolicySettingsPresentationProps } from './PolicySettingsTypes'\nimport styles from './PolicySettings.module.scss'\nimport { Flex, ActionsLayout, NumberInputField, SwitchField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst PolicySettingsSchema = z.object({\n  accrualMaximumEnabled: z.boolean(),\n  accrualMaximum: z.number().optional(),\n  balanceMaximumEnabled: z.boolean(),\n  balanceMaximum: z.number().optional(),\n  carryOverLimitEnabled: z.boolean(),\n  carryOverLimit: z.number().optional(),\n  waitingPeriodEnabled: z.boolean(),\n  waitingPeriod: z.number().int().optional(),\n  paidOutOnTermination: z.boolean(),\n})\n\nexport function PolicySettingsPresentation({\n  accrualMethod,\n  onContinue,\n  onBack,\n  defaultValues,\n  mode,\n  editingPolicyName,\n  isPending = false,\n}: PolicySettingsPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Button } = useComponentContext()\n  const headingId = useId()\n\n  const accrualMaxInputId = useId()\n  const balanceMaxInputId = useId()\n  const carryOverInputId = useId()\n  const waitingPeriodInputId = useId()\n\n  const formMethods = useForm<PolicySettingsFormData>({\n    resolver: zodResolver(PolicySettingsSchema),\n    defaultValues: {\n      accrualMaximumEnabled: false,\n      balanceMaximumEnabled: false,\n      carryOverLimitEnabled: false,\n      waitingPeriodEnabled: false,\n      paidOutOnTermination: false,\n      ...defaultValues,\n    },\n  })\n\n  const { control } = formMethods\n  const accrualMaximumEnabled = useWatch({ control, name: 'accrualMaximumEnabled' })\n  const balanceMaximumEnabled = useWatch({ control, name: 'balanceMaximumEnabled' })\n  const carryOverLimitEnabled = useWatch({ control, name: 'carryOverLimitEnabled' })\n  const waitingPeriodEnabled = useWatch({ control, name: 'waitingPeriodEnabled' })\n\n  const isHoursWorked = accrualMethod === 'hours_worked'\n  const isFixedPerPayPeriod = accrualMethod === 'fixed_per_pay_period'\n  const showAccrualMaximum = isHoursWorked || isFixedPerPayPeriod\n  const showWaitingPeriod = isHoursWorked || isFixedPerPayPeriod\n\n  const handleSubmit = (data: PolicySettingsFormData) => {\n    onContinue(data)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <div className={styles.policySettings}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Heading as=\"h2\" id={headingId}>\n              {mode === 'edit' && editingPolicyName\n                ? t('policySettings.editTitle', { name: editingPolicyName })\n                : t('policySettings.createTitle')}\n            </Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              {showAccrualMaximum && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\n                      id={accrualMaxInputId}\n                      name=\"accrualMaximum\"\n                      label={t('policySettings.accrualMaximumLabel')}\n                      description={t('policySettings.accrualMaximumHint')}\n                      adornmentEnd={t('policySettings.hoursUnit')}\n                      placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                      isDisabled={!accrualMaximumEnabled}\n                      min={0}\n                      max={20000}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"accrualMaximumEnabled\"\n                        label={t('policySettings.accrualMaximumLabel')}\n                        shouldVisuallyHideLabel\n                        aria-controls={accrualMaxInputId}\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\n                  id={balanceMaxInputId}\n                  name=\"balanceMaximum\"\n                  label={t('policySettings.balanceMaximumLabel')}\n                  description={t('policySettings.balanceMaximumHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!balanceMaximumEnabled}\n                  min={0}\n                  max={20000}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"balanceMaximumEnabled\"\n                    label={t('policySettings.balanceMaximumLabel')}\n                    shouldVisuallyHideLabel\n                    aria-controls={balanceMaxInputId}\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\n                  id={carryOverInputId}\n                  name=\"carryOverLimit\"\n                  label={t('policySettings.carryOverLimitLabel')}\n                  description={t('policySettings.carryOverLimitHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!carryOverLimitEnabled}\n                  min={0}\n                  max={20000}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"carryOverLimitEnabled\"\n                    label={t('policySettings.carryOverLimitLabel')}\n                    shouldVisuallyHideLabel\n                    aria-controls={carryOverInputId}\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              {showWaitingPeriod && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\n                      id={waitingPeriodInputId}\n                      name=\"waitingPeriod\"\n                      label={t('policySettings.waitingPeriodLabel')}\n                      description={t('policySettings.waitingPeriodHint')}\n                      adornmentEnd={t('policySettings.daysUnit')}\n                      placeholder={t('policySettings.numberOfDaysPlaceholder')}\n                      isDisabled={!waitingPeriodEnabled}\n                      min={0}\n                      max={20000}\n                      maximumFractionDigits={0}\n                      errorMessage={t('policySettings.errors.waitingPeriodMustBeWholeNumber')}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"waitingPeriodEnabled\"\n                        label={t('policySettings.waitingPeriodLabel')}\n                        shouldVisuallyHideLabel\n                        aria-controls={waitingPeriodInputId}\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <SwitchField\n                name=\"paidOutOnTermination\"\n                label={t('policySettings.paidOutOnTerminationLabel')}\n                description={t('policySettings.paidOutOnTerminationHint')}\n              />\n\n              <hr className={styles.divider} />\n\n              <ActionsLayout>\n                <Button variant=\"secondary\" onClick={onBack} isDisabled={isPending}>\n                  {t('backCta')}\n                </Button>\n                <Button variant=\"primary\" type=\"submit\" isLoading={isPending}>\n                  {t('policySettings.continueCta')}\n                </Button>\n              </ActionsLayout>\n            </Flex>\n          </Flex>\n        </div>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicySettingsSchema","z","PolicySettingsPresentation","accrualMethod","onContinue","onBack","defaultValues","mode","editingPolicyName","isPending","useI18n","t","useTranslation","Heading","Button","useComponentContext","headingId","useId","accrualMaxInputId","balanceMaxInputId","carryOverInputId","waitingPeriodInputId","formMethods","useForm","zodResolver","control","accrualMaximumEnabled","useWatch","balanceMaximumEnabled","carryOverLimitEnabled","waitingPeriodEnabled","isHoursWorked","isFixedPerPayPeriod","showAccrualMaximum","showWaitingPeriod","handleSubmit","data","jsx","FormProvider","HtmlForm","styles","Flex","jsxs","Fragment","NumberInputField","SwitchField","ActionsLayout"],"mappings":"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"}

package/dist/i18n/en/Employee.Compensation.json.js

@@ -1,66 +1,70 @@
-const e = "+ Add another job", t = "Adjust for minimum wage", o = "Determines whether the compensation should be adjusted for minimum wage. Only applies to Nonexempt employees.", a = "Minimum wage", s = "What minimum wage requirement should compensation be adjusted to", i = { amountColumn: "Amount", deleteCta: "Delete", editCta: "Edit", jobColumn: "Job title", perColumn: "Per", tableLabel: "List of all jobs for the employee", typeColumn: "Pay type" }, n = "Compensation amount", m = "Back", l = "Cancel", r = "Cancel", c = '<ClassificationLink href="https://support.gusto.com/team-management/team-payments/pay-rates/1001671771/Employee-classification-options.htm" target="_blank">Learn more about employee classifications.</ClassificationLink>', p = "Employee type", d = { "Commission Only Exempt": "Commission Only/No Overtime", "Commission Only Nonexempt": "Commission Only/Eligible for overtime", Exempt: "Salary/No overtime", Nonexempt: "Paid by the hour", Owner: "Owner's draw", "Salaried Nonexempt": "Salary/Eligible for overtime" }, u = "Job actions", h = "Job Title", y = "The period over which the compensation amount is tracked (e.g., hourly, daily, weekly, monthly, annually).", C = "Per", b = { Hour: "Hour", Month: "Month", Paycheck: "Paycheck", Week: "Week", Year: "Year" }, f = "Save job", k = "Continue", g = "Compensation", w = "Edit job", W = "Add job", j = { classificationChangeNotification: "Changing this employee's classification will delete the employee's additional pay rates.", exemptThreshold: "Most employees who make under {{limit}}/year should be eligible for overtime.", paymentUnit: "Payment unit must be one of Hour, Week, Month, or Year", rate: "Amount is a required field", nonZeroRate: "Amount must be at least $1.00", rateExemptThreshold: "FLSA Exempt employees must meet salary threshold of {{limit}}/year", title: "Title is a required field", minimumWage: "Please select minimum wage for adjustment", stateWcClassCode: "Please select a risk class code" }, v = "Workers' compensation coverage", L = "Washington administers <wcLink>workers’ compensation insurance</wcLink> to protect workers and employers from the financial impact of a work-related injury. Indicate here if this employee is exempt from the workers’ comp tax.", x = { yes: "Yes, this employee is covered", no: "No, this employee is not covered" }, E = "Risk class code", N = "The risk class code associated with this employee’s job function. We need this to pay and file your taxes correctly.", O = "Select if employee is a 2% shareholder", P = {
+const e = "+ Add another job", t = "Adjust for minimum wage", o = "Determines whether the compensation should be adjusted for minimum wage. Only applies to Nonexempt employees.", a = "Minimum wage", i = "What minimum wage requirement should compensation be adjusted to", n = { amountColumn: "Amount", deleteCta: "Delete", editCta: "Edit", jobColumn: "Job title", perColumn: "Per", tableLabel: "List of all jobs for the employee", typeColumn: "Pay type" }, s = "Compensation amount", l = "Back", c = "Cancel", m = "Cancel", r = '<ClassificationLink href="https://support.gusto.com/team-management/team-payments/pay-rates/1001671771/Employee-classification-options.htm" target="_blank">Learn more about employee classifications.</ClassificationLink>', d = "Employee type", p = { "Commission Only Exempt": "Commission Only/No Overtime", "Commission Only Nonexempt": "Commission Only/Eligible for overtime", Exempt: "Salary/No overtime", Nonexempt: "Paid by the hour", Owner: "Owner's draw", "Salaried Nonexempt": "Salary/Eligible for overtime" }, h = "Job actions", u = "Job Title", y = "The period over which the compensation amount is tracked (e.g., hourly, daily, weekly, monthly, annually).", f = "Per", b = { Hour: "Hour", Month: "Month", Paycheck: "Paycheck", Week: "Week", Year: "Year" }, C = "Save job", g = "Continue", k = "Compensation", w = "Edit job", v = "Add job", W = "Effective date", L = { editCompensationTitle: "Edit compensation", jobTitleLabel: "Job title", wageLabel: "Wage", wageFrequencyLabel: "Wage frequency", wageFrequencyOptions: { Hour: "Hourly", Week: "Weekly", Month: "Monthly", Year: "Annually", Paycheck: "Per paycheck" }, twoPercentShareholderLabel: "This employee is a 2% shareholder", saveCta: "Save", scheduledClassificationChangeNotification: "Scheduling this classification change will delete the employee's additional jobs when it goes into effect." }, j = { classificationChangeNotification: "Changing this employee's classification will delete the employee's additional pay rates.", exemptThreshold: "Most employees who make under {{limit}}/year should be eligible for overtime.", paymentUnit: "Payment unit must be one of Hour, Week, Month, or Year", rate: "Amount is a required field", nonZeroRate: "Amount must be at least $1.00", rateExemptThreshold: "FLSA Exempt employees must meet salary threshold of {{limit}}/year", title: "Title is a required field", minimumWage: "Please select minimum wage for adjustment", stateWcClassCode: "Please select a risk class code", effectiveDate: "Effective date is a required field", effectiveDateBeforeHire: "Effective date cannot be before the employee's hire date.", jobTitleSentence: "Job title is a required field" }, E = "Workers' compensation coverage", T = "Washington administers <wcLink>workers’ compensation insurance</wcLink> to protect workers and employers from the financial impact of a work-related injury. Indicate here if this employee is exempt from the workers’ comp tax.", x = { yes: "Yes, this employee is covered", no: "No, this employee is not covered" }, P = "Risk class code", S = "The risk class code associated with this employee’s job function. We need this to pay and file your taxes correctly.", N = "Select if employee is a 2% shareholder", O = {
   addAnotherJobCta: e,
   adjustForMinimumWage: t,
   adjustForMinimumWageDescription: o,
   minimumWageLabel: a,
-  minimumWageDescription: s,
-  allCompensations: i,
-  amount: n,
-  backCta: m,
-  cancelCta: l,
-  cancelNewJobCta: r,
-  classificationLink: c,
-  employeeClassification: p,
-  flsaStatusLabels: d,
-  hamburgerTitle: u,
-  jobTitle: h,
+  minimumWageDescription: i,
+  allCompensations: n,
+  amount: s,
+  backCta: l,
+  cancelCta: c,
+  cancelNewJobCta: m,
+  classificationLink: r,
+  employeeClassification: d,
+  flsaStatusLabels: p,
+  hamburgerTitle: h,
+  jobTitle: u,
   paymentUnitDescription: y,
-  paymentUnitLabel: C,
+  paymentUnitLabel: f,
   paymentUnitOptions: b,
-  saveNewJobCta: f,
-  submitCta: k,
-  title: g,
+  saveNewJobCta: C,
+  submitCta: g,
+  title: k,
   editTitle: w,
-  addTitle: W,
+  addTitle: v,
+  effectiveDateLabel: W,
+  management: L,
   validations: j,
-  stateWcCoveredLabel: v,
-  stateWcCoveredDescription: L,
+  stateWcCoveredLabel: E,
+  stateWcCoveredDescription: T,
   stateWcCoveredOptions: x,
-  stateWcClassCodeLabel: E,
-  stateWcClassCodeDescription: N,
-  twoPercentStakeholderLabel: O
+  stateWcClassCodeLabel: P,
+  stateWcClassCodeDescription: S,
+  twoPercentStakeholderLabel: N
 };
 export {
   e as addAnotherJobCta,
-  W as addTitle,
+  v as addTitle,
   t as adjustForMinimumWage,
   o as adjustForMinimumWageDescription,
-  i as allCompensations,
-  n as amount,
-  m as backCta,
-  l as cancelCta,
-  r as cancelNewJobCta,
-  c as classificationLink,
-  P as default,
+  n as allCompensations,
+  s as amount,
+  l as backCta,
+  c as cancelCta,
+  m as cancelNewJobCta,
+  r as classificationLink,
+  O as default,
   w as editTitle,
-  p as employeeClassification,
-  d as flsaStatusLabels,
-  u as hamburgerTitle,
-  h as jobTitle,
-  s as minimumWageDescription,
+  W as effectiveDateLabel,
+  d as employeeClassification,
+  p as flsaStatusLabels,
+  h as hamburgerTitle,
+  u as jobTitle,
+  L as management,
+  i as minimumWageDescription,
   a as minimumWageLabel,
   y as paymentUnitDescription,
-  C as paymentUnitLabel,
+  f as paymentUnitLabel,
   b as paymentUnitOptions,
-  f as saveNewJobCta,
-  N as stateWcClassCodeDescription,
-  E as stateWcClassCodeLabel,
-  L as stateWcCoveredDescription,
-  v as stateWcCoveredLabel,
+  C as saveNewJobCta,
+  S as stateWcClassCodeDescription,
+  P as stateWcClassCodeLabel,
+  T as stateWcCoveredDescription,
+  E as stateWcCoveredLabel,
   x as stateWcCoveredOptions,
-  k as submitCta,
-  g as title,
-  O as twoPercentStakeholderLabel,
+  g as submitCta,
+  k as title,
+  N as twoPercentStakeholderLabel,
   j as validations
 };
 //# sourceMappingURL=Employee.Compensation.json.js.map

package/dist/i18n/en/Employee.Compensation.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"Employee.Compensation.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Employee.Compensation.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/i18n/en/Employee.Dashboard.json.js

@@ -1,4 +1,4 @@
-const e = "Employee Dashboard", t = "Employee dashboard tabs", a = { basicDetails: "Basic details", jobAndPay: "Job and pay", taxes: "Taxes", documents: "Documents" }, n = { title: "Basic details", editCta: "Edit", legalName: "Legal name", startDate: "Start date", socialSecurityNumber: "Social security number", dateOfBirth: "Date of birth", personalEmail: "Personal email" }, o = { title: "Home address", manageCta: "Manage", currentAddress: "Current address", noAddress: "No home address on file" }, i = { title: "Work address", manageCta: "Manage", currentAddress: "Current address", noAddress: "No work address on file" }, d = { compensation: { title: "Compensation", editCta: "Edit", jobTitle: "Job title", type: "Type", types: { hourly: "Hourly/Overtime eligible", salary: "Salary/No overtime" }, wage: "Wage", startDate: "Start date", addJobCta: "Add job", addAnotherJobCta: "Add another job", tableLabel: "List of jobs", hamburgerTitle: "Job actions", editJobCta: "Edit", deleteJobCta: "Delete", columns: { jobTitle: "Job title", payType: "Pay type", startDate: "Start date" }, deleteJobDialog: { title: "Delete job?", description: "{{jobTitle}} will be permanently removed.", confirmCta: "Delete", cancelCta: "Cancel" }, emptyState: { title: "No compensation", description: "Compensation will appear here once added" }, pendingChange: { alertLabel: "Compensation will change on {{date}}.", alertLabelWithJob: "Compensation for {{jobTitle}} will change on {{date}}.", summaryLabel: "There are multiple pending changes to {{name}}'s compensation.", reviewCta: "Review", cancelCta: "Cancel change", modal: { title: "Review pending changes", description: "These compensation changes are scheduled to take effect on the dates below. Cancel any change to remove it.", closeCta: "Close" }, details: { titleChange: "Job title will change to {{title}}", payChange: "Pay will change to {{formattedRate}}", flsaChange: "Employee type will change to {{flsaLabel}}", newJob: "{{name}} will start an additional job as {{title}} at {{formattedRate}}", newJobNoTitle: "{{name}} will start an additional job at {{formattedRate}}", newJobNoRate: "{{name}} will start an additional job as {{title}}", newJobMinimal: "{{name}} will start an additional job", minWageEnabled: "Minimum wage adjustment will be enabled at {{formattedWage}}", minWageEnabledNoRate: "Minimum wage adjustment will be enabled", minWageDisabled: "Minimum wage adjustment will be removed", minWageChanged: "Minimum wage adjustment rate will change to {{formattedWage}}", minWageChangedNoRate: "Minimum wage adjustment will change" } } }, payment: { title: "Payment", splitPaycheckCta: "Split paycheck", addBankAccountCta: "Add bank account", listLabel: "List of bank accounts", nickname: "Nickname", routingNumber: "Routing number", accountType: "Account type", emptyState: { title: "No bank accounts", description: "Bank accounts will appear here once added" } }, deductions: { title: "Deductions", addDeductionCta: "Add deduction", listLabel: "List of deductions", deduction: "Deduction", frequency: "Frequency", withhold: "Withheld", recurring: "Recurring", oneTime: "One-time", amountPerPaycheck: "{{value}} per paycheck", emptyState: { title: "No deductions", description: "Employee deductions will appear here" } }, paystubs: { title: "Paystubs", listLabel: "List of paystubs", payday: "Payday", checkAmount: "Check amount", grossPay: "Gross pay", paymentMethod: "Payment method", noPaymentMethod: "Not available", downloadCta: "Download paystub", downloadError: "Unable to download paystub", downloadLoadingMessage: "Generating paystub…", emptyState: { title: "No paystubs", description: "Paystubs will appear here after payroll is run" } } }, s = { federal: { title: "Federal taxes", editCta: "Edit", filingStatus: "Filing status", multipleJobs: "Multiple jobs", dependentsAndOtherCredits: "Dependents and other credits", otherIncome: "Other income", deductions: "Deductions", extraWithholding: "Extra withholding" }, state: { title: "State taxes", editCta: "Edit", noStateTaxes: "No state taxes on file" } }, l = { title: "Forms", listLabel: "List of employee forms", viewCta: "View", columns: { title: "Form", year: "Year", status: "Status", requiresSigning: "Signing status", actions: "Actions" }, signingStatus: { signed: "Signed", notSigned: "Not signed" }, status: { draft: "Draft", final: "Final" }, emptyState: { title: "No forms", description: "Employee forms will appear here once available" } }, c = { yes: "Yes", no: "No" }, r = { bankAccountAdded: "Bank account successfully added.", bankAccountDeleted: "Bank account successfully deleted.", splitUpdated: "Split payment successfully updated.", deductionAdded: "Deduction successfully added.", deductionUpdated: "Deduction successfully updated.", deductionDeleted: "Deduction successfully deleted." }, m = { addJobTitle: "Add a job", editTitle: "Edit compensation", addAnotherJobTitle: "Add another job" }, u = {
+const e = "Employee Dashboard", t = "Employee dashboard tabs", a = { basicDetails: "Basic details", jobAndPay: "Job and pay", taxes: "Taxes", documents: "Documents" }, n = { title: "Basic details", editCta: "Edit", legalName: "Legal name", startDate: "Start date", socialSecurityNumber: "Social security number", dateOfBirth: "Date of birth", personalEmail: "Personal email" }, o = { title: "Home address", manageCta: "Manage", currentAddress: "Current address", noAddress: "No home address on file" }, i = { title: "Work address", manageCta: "Manage", currentAddress: "Current address", noAddress: "No work address on file" }, d = { compensation: { title: "Compensation", editCta: "Edit", jobTitle: "Job title", type: "Type", types: { hourly: "Hourly/Overtime eligible", salary: "Salary/No overtime" }, wage: "Wage", effectiveDate: "Effective date", addJobCta: "Add job", addAnotherJobCta: "Add another job", tableLabel: "List of jobs", hamburgerTitle: "Job actions", editJobCta: "Edit", deleteJobCta: "Delete", columns: { jobTitle: "Job title", payType: "Pay type", effectiveDate: "Effective date" }, deleteJobDialog: { title: "Delete job?", description: "{{jobTitle}} will be permanently removed.", confirmCta: "Delete", cancelCta: "Cancel" }, emptyState: { title: "No compensation", description: "Compensation will appear here once added" }, pendingChange: { alertLabel: "Compensation will change on {{date}}.", alertLabelWithJob: "Compensation for {{jobTitle}} will change on {{date}}.", summaryLabel: "There are multiple pending changes to {{name}}'s compensation.", reviewCta: "Review", cancelCta: "Cancel change", modal: { title: "Review pending changes", description: "These compensation changes are scheduled to take effect on the dates below. Cancel any change to remove it.", closeCta: "Close" }, details: { titleChange: "Job title will change to {{title}}", payChange: "Pay will change to {{formattedRate}}", flsaChange: "Employee type will change to {{flsaLabel}}", newJob: "{{name}} will start an additional job as {{title}} at {{formattedRate}}", newJobNoTitle: "{{name}} will start an additional job at {{formattedRate}}", newJobNoRate: "{{name}} will start an additional job as {{title}}", newJobMinimal: "{{name}} will start an additional job", minWageEnabled: "Minimum wage adjustment will be enabled at {{formattedWage}}", minWageEnabledNoRate: "Minimum wage adjustment will be enabled", minWageDisabled: "Minimum wage adjustment will be removed", minWageChanged: "Minimum wage adjustment rate will change to {{formattedWage}}", minWageChangedNoRate: "Minimum wage adjustment will change" } } }, payment: { title: "Payment", splitPaycheckCta: "Split paycheck", addBankAccountCta: "Add bank account", listLabel: "List of bank accounts", nickname: "Nickname", routingNumber: "Routing number", accountType: "Account type", emptyState: { title: "No bank accounts", description: "Bank accounts will appear here once added" } }, deductions: { title: "Deductions", addDeductionCta: "Add deduction", listLabel: "List of deductions", deduction: "Deduction", frequency: "Frequency", withhold: "Withheld", recurring: "Recurring", oneTime: "One-time", amountPerPaycheck: "{{value}} per paycheck", emptyState: { title: "No deductions", description: "Employee deductions will appear here" } }, paystubs: { title: "Paystubs", listLabel: "List of paystubs", payday: "Payday", checkAmount: "Check amount", grossPay: "Gross pay", paymentMethod: "Payment method", noPaymentMethod: "Not available", downloadCta: "Download paystub", downloadError: "Unable to download paystub", downloadLoadingMessage: "Generating paystub…", emptyState: { title: "No paystubs", description: "Paystubs will appear here after payroll is run" } } }, s = { federal: { title: "Federal taxes", editCta: "Edit", filingStatus: "Filing status", multipleJobs: "Multiple jobs", dependentsAndOtherCredits: "Dependents and other credits", otherIncome: "Other income", deductions: "Deductions", extraWithholding: "Extra withholding" }, state: { title: "State taxes", editCta: "Edit", noStateTaxes: "No state taxes on file" } }, l = { title: "Forms", listLabel: "List of employee forms", viewCta: "View", columns: { title: "Form", year: "Year", status: "Status", requiresSigning: "Signing status", actions: "Actions" }, signingStatus: { signed: "Signed", notSigned: "Not signed" }, status: { draft: "Draft", final: "Final" }, emptyState: { title: "No forms", description: "Employee forms will appear here once available" } }, c = { yes: "Yes", no: "No" }, r = { bankAccountAdded: "Bank account successfully added.", bankAccountDeleted: "Bank account successfully deleted.", splitUpdated: "Split payment successfully updated.", deductionAdded: "Deduction successfully added.", deductionUpdated: "Deduction successfully updated.", deductionDeleted: "Deduction successfully deleted." }, m = { addJobTitle: "Add a job", editTitle: "Edit compensation", addAnotherJobTitle: "Add another job" }, u = {
   title: e,
   tabsLabel: t,
   tabs: a,

package/dist/i18n/en/Employee.DocumentManager.json.js

@@ -1,4 +1,4 @@
-const o = "View document", n = "You can also <downloadLink>download this document<downloadLink>.", a = "Back", t = {
+const o = "View document", n = "You can also <downloadLink>download this document</downloadLink>.", a = "Back", t = {
   viewDocumentCta: o,
   downloadDocumentCta: n,
   backCta: a

package/dist/i18n/en/common.json.d.ts

@@ -85,6 +85,13 @@ declare const _default: {
     "yearly": "{{amount}} per year",
     "paycheck": "{{amount}} per paycheck"
   },
+  "compensationRateFormats": {
+    "hourly": "{{amount}} per hour",
+    "weekly": "{{amount}} per week",
+    "monthly": "{{amount}} per month",
+    "yearly": "{{amount}} per year",
+    "paycheck": "{{amount}} per paycheck"
+  },
   "validations": {
     "accountName": "Account name is required",
     "routingNumber": "Routing number should be a number (9 digits)",

package/dist/shared/constants.d.ts

@@ -68,6 +68,7 @@ export declare const employeeEvents: {
     readonly EMPLOYEE_ONBOARDING_DOCUMENTS_CONFIG_UPDATED: "employee/onboardingDocumentsConfig/updated";
     readonly EMPLOYEE_DOCUMENTS_DONE: "employee/documents/done";
     readonly EMPLOYEE_REHIRE: "employee/rehire";
+    readonly EMPLOYEE_DASHBOARD_TAB_CHANGE: "employee/dashboard/tabChange";
 };
 export declare const companyEvents: {
     readonly COMPANY_INDUSTRY: "company/industry";
@@ -473,6 +474,7 @@ export declare const componentEvents: {
     readonly EMPLOYEE_ONBOARDING_DOCUMENTS_CONFIG_UPDATED: "employee/onboardingDocumentsConfig/updated";
     readonly EMPLOYEE_DOCUMENTS_DONE: "employee/documents/done";
     readonly EMPLOYEE_REHIRE: "employee/rehire";
+    readonly EMPLOYEE_DASHBOARD_TAB_CHANGE: "employee/dashboard/tabChange";
     readonly ROBOT_MACHINE_DONE: "done";
     readonly ERROR: "ERROR";
     readonly CANCEL: "CANCEL";