@gusto/embedded-react-sdk 0.31.1 → 0.32.0

package/dist/components/Payroll/OffCycle/OffCycleFlowComponents.js

@@ -1,45 +1,47 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useMemo as f, Suspense as s } from "react";
-import { usePayrollsGetSuspense as d } from "@gusto/embedded-api/react-query/payrollsGet";
-import { PayrollExecutionFlow as m } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
-import { useFlow as p } from "../../Flow/useFlow.js";
-import { ensureRequired as c } from "../../../helpers/ensureRequired.js";
-function b() {
-  return /* @__PURE__ */ t("div", { children: "Off-Cycle Creation placeholder" });
+import { useMemo as m, Suspense as s } from "react";
+import { usePayrollsGetSuspense as p } from "@gusto/embedded-api/react-query/payrollsGet";
+import { PayrollExecutionFlow as y } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
+import { useFlow as l } from "../../Flow/useFlow.js";
+import { ensureRequired as i } from "../../../helpers/ensureRequired.js";
+import { OffCycleCreation as d } from "../OffCycleCreation/OffCycleCreation.js";
+function h() {
+  const { companyId: o, onEvent: e } = l();
+  return /* @__PURE__ */ t(d, { companyId: i(o), onEvent: e });
 }
-function E() {
-  const { companyId: o, payrollUuid: e, onEvent: n, breadcrumbs: r } = p(), l = f(() => {
-    const i = r?.createOffCyclePayroll?.[0];
-    return i ? [i] : void 0;
-  }, [r]), a = c(o), u = c(e);
+function w() {
+  const { companyId: o, payrollUuid: e, onEvent: n, breadcrumbs: r } = l(), c = m(() => {
+    const a = r?.createOffCyclePayroll?.[0];
+    return a ? [a] : void 0;
+  }, [r]), f = i(o), u = i(e);
   return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
-    y,
+    C,
     {
-      companyId: a,
+      companyId: f,
       payrollId: u,
       onEvent: n,
-      prefixBreadcrumbs: l
+      prefixBreadcrumbs: c
     }
   ) });
 }
-function y({
+function C({
   companyId: o,
   payrollId: e,
   ...n
 }) {
-  const { data: r } = d({ companyId: o, payrollId: e }), l = r.payrollShow?.payPeriod;
+  const { data: r } = p({ companyId: o, payrollId: e }), c = r.payrollShow?.payPeriod;
   return /* @__PURE__ */ t(
-    m,
+    y,
     {
       companyId: o,
       payrollId: e,
-      initialPayPeriod: l,
+      initialPayPeriod: c,
       ...n
     }
   );
 }
 export {
-  b as OffCycleCreationContextual,
-  E as OffCycleExecutionContextual
+  h as OffCycleCreationContextual,
+  w as OffCycleExecutionContextual
 };
 //# sourceMappingURL=OffCycleFlowComponents.js.map

package/dist/components/Payroll/OffCycle/OffCycleFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleFlowComponents.js","sources":["../../../../src/components/Payroll/OffCycle/OffCycleFlowComponents.tsx"],"sourcesContent":["import { Suspense, useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface OffCycleFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n}\n\nexport interface OffCycleFlowProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n// TODO: Wire to OffCycleCreation component in follow-up PR\nexport function OffCycleCreationContextual() {\n  return <div>Off-Cycle Creation placeholder</div>\n}\n\nexport function OffCycleExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, breadcrumbs } = useFlow<OffCycleFlowContextInterface>()\n\n  const prefixBreadcrumbs = useMemo(() => {\n    const offCycleCreationBreadcrumb = breadcrumbs?.['createOffCyclePayroll']?.[0]\n    return offCycleCreationBreadcrumb ? [offCycleCreationBreadcrumb] : undefined\n  }, [breadcrumbs])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <Suspense>\n      <OffCycleExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </Suspense>\n  )\n}\n\ntype OffCycleExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction OffCycleExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: OffCycleExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["OffCycleCreationContextual","jsx","OffCycleExecutionContextual","companyId","payrollUuid","onEvent","breadcrumbs","useFlow","prefixBreadcrumbs","useMemo","offCycleCreationBreadcrumb","resolvedCompanyId","ensureRequired","resolvedPayrollId","Suspense","OffCycleExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;AAsBO,SAASA,IAA6B;AAC3C,SAAO,gBAAAC,EAAC,SAAI,UAAA,iCAAA,CAA8B;AAC5C;AAEO,SAASC,IAA8B;AAC5C,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAA,GAEnDC,IAAoBC,EAAQ,MAAM;AACtC,UAAMC,IAA6BJ,GAAc,wBAA2B,CAAC;AAC7E,WAAOI,IAA6B,CAACA,CAA0B,IAAI;AAAA,EACrE,GAAG,CAACJ,CAAW,CAAC,GAEVK,IAAoBC,EAAeT,CAAS,GAC5CU,IAAoBD,EAAeR,CAAW;AAEpD,2BACGU,GAAA,EACC,UAAA,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,WAAWJ;AAAA,MACX,WAAWE;AAAA,MACX,SAAAR;AAAA,MACA,mBAAAG;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASO,EAA0B;AAAA,EACjC,WAAAZ;AAAA,EACA,WAAAa;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAhB,GAAW,WAAAa,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAjB;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,WAAAlB;AAAA,MACA,WAAAa;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"OffCycleFlowComponents.js","sources":["../../../../src/components/Payroll/OffCycle/OffCycleFlowComponents.tsx"],"sourcesContent":["import { Suspense, useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { OffCycleCreation } from '../OffCycleCreation'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface OffCycleFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n}\n\nexport interface OffCycleFlowProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function OffCycleCreationContextual() {\n  const { companyId, onEvent } = useFlow<OffCycleFlowContextInterface>()\n  return <OffCycleCreation companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\nexport function OffCycleExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, breadcrumbs } = useFlow<OffCycleFlowContextInterface>()\n\n  const prefixBreadcrumbs = useMemo(() => {\n    const offCycleCreationBreadcrumb = breadcrumbs?.['createOffCyclePayroll']?.[0]\n    return offCycleCreationBreadcrumb ? [offCycleCreationBreadcrumb] : undefined\n  }, [breadcrumbs])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <Suspense>\n      <OffCycleExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </Suspense>\n  )\n}\n\ntype OffCycleExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction OffCycleExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: OffCycleExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["OffCycleCreationContextual","companyId","onEvent","useFlow","OffCycleCreation","ensureRequired","OffCycleExecutionContextual","payrollUuid","breadcrumbs","prefixBreadcrumbs","useMemo","offCycleCreationBreadcrumb","resolvedCompanyId","resolvedPayrollId","Suspense","jsx","OffCycleExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;AAsBO,SAASA,IAA6B;AAC3C,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAiB,WAAWC,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AACnF;AAEO,SAASI,IAA8B;AAC5C,QAAM,EAAE,WAAAL,GAAW,aAAAM,GAAa,SAAAL,GAAS,aAAAM,EAAA,IAAgBL,EAAA,GAEnDM,IAAoBC,EAAQ,MAAM;AACtC,UAAMC,IAA6BH,GAAc,wBAA2B,CAAC;AAC7E,WAAOG,IAA6B,CAACA,CAA0B,IAAI;AAAA,EACrE,GAAG,CAACH,CAAW,CAAC,GAEVI,IAAoBP,EAAeJ,CAAS,GAC5CY,IAAoBR,EAAeE,CAAW;AAEpD,2BACGO,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWJ;AAAA,MACX,WAAWC;AAAA,MACX,SAAAX;AAAA,MACA,mBAAAO;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASO,EAA0B;AAAA,EACjC,WAAAf;AAAA,EACA,WAAAgB;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAnB,GAAW,WAAAgB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAJ;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAArB;AAAA,MACA,WAAAgB;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/Payroll/OffCycleCreation/OffCycleCreation.d.ts

@@ -0,0 +1,2 @@
+import { OffCycleCreationProps } from './OffCycleCreationTypes';
+export declare function OffCycleCreation(props: OffCycleCreationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/OffCycleCreation/OffCycleCreation.js

@@ -0,0 +1,79 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useEffect as v } from "react";
+import { useForm as A, FormProvider as L } from "react-hook-form";
+import { zodResolver as B } from "@hookform/resolvers/zod";
+import { z as y } from "zod";
+import { useTranslation as d } from "react-i18next";
+import { usePayrollsCreateOffCycleMutation as T } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
+import { OffCycleReason as p } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
+import { RFCDate as u } from "@gusto/embedded-api/types/rfcdate";
+import { createOffCyclePayPeriodDateFormSchema as V } from "../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.js";
+import { useOffCyclePayPeriodDateValidation as I } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
+import { OffCycleCreationPresentation as U } from "./OffCycleCreationPresentation.js";
+import { BaseComponent as j } from "../../Base/Base.js";
+import { useBase as q } from "../../Base/useBase.js";
+import { useComponentDictionary as x, useI18n as c } from "../../../i18n/I18n.js";
+import { componentEvents as z } from "../../../shared/constants.js";
+import { Form as N } from "../../Common/Form/Form.js";
+import { OFF_CYCLE_REASON_DEFAULTS as D } from "../OffCycleReasonSelection/types.js";
+const Y = {
+  bonus: p.Bonus,
+  correction: p.Correction
+};
+function me(n) {
+  return /* @__PURE__ */ t(j, { ...n, children: /* @__PURE__ */ t(H, { ...n }) });
+}
+function H({ dictionary: n, companyId: O, payrollType: i = "bonus" }) {
+  x("Payroll.OffCycleCreation", n), c("Payroll.OffCycleCreation"), c("Payroll.OffCycleReasonSelection"), c("Payroll.OffCyclePayPeriodDateForm"), c("Payroll.OffCycleDeductionsSetting");
+  const { t: P } = d("Payroll.OffCyclePayPeriodDateForm"), { t: h } = d("Payroll.OffCycleCreation"), { onEvent: k, baseSubmitHandler: R } = q(), { minCheckDate: F, today: E } = I(), { mutateAsync: S, isPending: b } = T(), w = (e) => P(e), o = A({
+    resolver: (e, a, r) => {
+      const l = e.reason, m = e.isCheckOnly, s = V(
+        w,
+        l === "correction" ? "correction" : i,
+        m ? E : F
+      ), _ = y.object({ reason: y.enum(["bonus", "correction"]), skipRegularDeductions: y.boolean() }).and(s);
+      return B(_)(e, a, r);
+    },
+    defaultValues: {
+      reason: i,
+      isCheckOnly: !1,
+      startDate: null,
+      endDate: null,
+      checkDate: null,
+      skipRegularDeductions: D[i].skipDeductions
+    }
+  }), C = o.watch("reason");
+  v(() => {
+    o.setValue(
+      "skipRegularDeductions",
+      D[C].skipDeductions
+    );
+  }, [C, o]);
+  const g = async (e) => {
+    const a = e.reason, r = e.checkDate, l = e.isCheckOnly ? r : e.startDate, m = e.isCheckOnly ? r : e.endDate;
+    await R(e, async () => {
+      const f = await S({
+        request: {
+          companyId: O,
+          requestBody: {
+            offCycle: !0,
+            offCycleReason: Y[a],
+            startDate: new u(l),
+            endDate: new u(m),
+            checkDate: new u(r),
+            skipRegularDeductions: e.skipRegularDeductions,
+            isCheckOnlyPayroll: e.isCheckOnly
+          }
+        }
+      }), s = f.payrollPrepared?.payrollUuid ?? f.payrollPrepared?.uuid;
+      if (!s)
+        throw new Error(h("errors.missingPayrollId"));
+      k(z.OFF_CYCLE_CREATED, { payrollUuid: s });
+    });
+  };
+  return /* @__PURE__ */ t(L, { ...o, children: /* @__PURE__ */ t(N, { onSubmit: o.handleSubmit(g), children: /* @__PURE__ */ t(U, { isPending: b }) }) });
+}
+export {
+  me as OffCycleCreation
+};
+//# sourceMappingURL=OffCycleCreation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OffCycleCreation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreation.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { FormProvider, useForm, type Resolver } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport { OffCycleReason as ApiOffCycleReason } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { OFF_CYCLE_REASON_DEFAULTS, type OffCycleReason } from '../OffCycleReasonSelection'\nimport {\n  createOffCyclePayPeriodDateFormSchema,\n  type OffCyclePayrollDateType,\n} from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleCreationFormData, OffCycleCreationProps } from './OffCycleCreationTypes'\nimport { OffCycleCreationPresentation } from './OffCycleCreationPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\n\nconst LOCAL_TO_API_REASON: Record<OffCycleReason, ApiOffCycleReason> = {\n  bonus: ApiOffCycleReason.Bonus,\n  correction: ApiOffCycleReason.Correction,\n}\n\nexport function OffCycleCreation(props: OffCycleCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, companyId, payrollType = 'bonus' }: OffCycleCreationProps) {\n  useComponentDictionary('Payroll.OffCycleCreation', dictionary)\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleReasonSelection')\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n  const { t: tCreation } = useTranslation('Payroll.OffCycleCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { minCheckDate, today } = useOffCyclePayPeriodDateValidation()\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const translateValidation = (key: string): string => t(key as any) as string\n\n  const dynamicResolver: Resolver<OffCycleCreationFormData> = (values, context, options) => {\n    const reason = values.reason\n    const isCheckOnly = values.isCheckOnly\n    const resolvedPayrollType: OffCyclePayrollDateType =\n      reason === 'correction' ? 'correction' : payrollType\n\n    const dateSchema = createOffCyclePayPeriodDateFormSchema(\n      translateValidation,\n      resolvedPayrollType,\n      isCheckOnly ? today : minCheckDate,\n    )\n    const schema = z\n      .object({ reason: z.enum(['bonus', 'correction']), skipRegularDeductions: z.boolean() })\n      .and(dateSchema)\n\n    return zodResolver(schema)(values, context, options)\n  }\n\n  const methods = useForm<OffCycleCreationFormData>({\n    resolver: dynamicResolver,\n    defaultValues: {\n      reason: payrollType,\n      isCheckOnly: false,\n      startDate: null,\n      endDate: null,\n      checkDate: null,\n      skipRegularDeductions: OFF_CYCLE_REASON_DEFAULTS[payrollType].skipDeductions,\n    },\n  })\n\n  const watchedReason = methods.watch('reason')\n\n  useEffect(() => {\n    methods.setValue(\n      'skipRegularDeductions',\n      OFF_CYCLE_REASON_DEFAULTS[watchedReason].skipDeductions,\n    )\n  }, [watchedReason, methods])\n\n  const onSubmit = async (data: OffCycleCreationFormData) => {\n    const reason = data.reason\n    const checkDate = data.checkDate!\n    const startDate = data.isCheckOnly ? checkDate : data.startDate!\n    const endDate = data.isCheckOnly ? checkDate : data.endDate!\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: LOCAL_TO_API_REASON[reason],\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: new RFCDate(checkDate),\n            skipRegularDeductions: data.skipRegularDeductions,\n            isCheckOnlyPayroll: data.isCheckOnly,\n          },\n        },\n      })\n\n      const payrollUuid = response.payrollPrepared?.payrollUuid ?? response.payrollPrepared?.uuid\n\n      if (!payrollUuid) {\n        throw new Error(tCreation('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.OFF_CYCLE_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <OffCycleCreationPresentation isPending={isPending} />\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["LOCAL_TO_API_REASON","ApiOffCycleReason","OffCycleCreation","props","jsx","BaseComponent","Root","dictionary","companyId","payrollType","useComponentDictionary","useI18n","t","useTranslation","tCreation","onEvent","baseSubmitHandler","useBase","minCheckDate","today","useOffCyclePayPeriodDateValidation","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","translateValidation","key","methods","useForm","values","context","options","reason","isCheckOnly","dateSchema","createOffCyclePayPeriodDateFormSchema","schema","z","zodResolver","OFF_CYCLE_REASON_DEFAULTS","watchedReason","useEffect","onSubmit","data","checkDate","startDate","endDate","response","RFCDate","payrollUuid","componentEvents","FormProvider","Form","OffCycleCreationPresentation"],"mappings":";;;;;;;;;;;;;;;;;;AAsBA,MAAMA,IAAiE;AAAA,EACrE,OAAOC,EAAkB;AAAA,EACzB,YAAYA,EAAkB;AAChC;AAEO,SAASC,GAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,aAAAC,IAAc,WAAkC;AACrF,EAAAC,EAAuB,4BAA4BH,CAAU,GAC7DI,EAAQ,0BAA0B,GAClCA,EAAQ,iCAAiC,GACzCA,EAAQ,mCAAmC,GAC3CA,EAAQ,mCAAmC;AAE3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,GAAGC,MAAcD,EAAe,0BAA0B,GAC5D,EAAE,SAAAE,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,cAAAC,GAAc,OAAAC,EAAA,IAAUC,EAAA,GAC1B,EAAE,aAAaC,GAAuB,WAAAC,EAAA,IAAcC,EAAA,GAGpDC,IAAsB,CAACC,MAAwBb,EAAEa,CAAU,GAoB3DC,IAAUC,EAAkC;AAAA,IAChD,UAnB0D,CAACC,GAAQC,GAASC,MAAY;AACxF,YAAMC,IAASH,EAAO,QAChBI,IAAcJ,EAAO,aAIrBK,IAAaC;AAAA,QACjBV;AAAA,QAHAO,MAAW,eAAe,eAAetB;AAAA,QAKzCuB,IAAcb,IAAQD;AAAA,MAAA,GAElBiB,IAASC,EACZ,OAAO,EAAE,QAAQA,EAAE,KAAK,CAAC,SAAS,YAAY,CAAC,GAAG,uBAAuBA,EAAE,QAAA,GAAW,EACtF,IAAIH,CAAU;AAEjB,aAAOI,EAAYF,CAAM,EAAEP,GAAQC,GAASC,CAAO;AAAA,IACrD;AAAA,IAIE,eAAe;AAAA,MACb,QAAQrB;AAAA,MACR,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,uBAAuB6B,EAA0B7B,CAAW,EAAE;AAAA,IAAA;AAAA,EAChE,CACD,GAEK8B,IAAgBb,EAAQ,MAAM,QAAQ;AAE5C,EAAAc,EAAU,MAAM;AACd,IAAAd,EAAQ;AAAA,MACN;AAAA,MACAY,EAA0BC,CAAa,EAAE;AAAA,IAAA;AAAA,EAE7C,GAAG,CAACA,GAAeb,CAAO,CAAC;AAE3B,QAAMe,IAAW,OAAOC,MAAmC;AACzD,UAAMX,IAASW,EAAK,QACdC,IAAYD,EAAK,WACjBE,IAAYF,EAAK,cAAcC,IAAYD,EAAK,WAChDG,IAAUH,EAAK,cAAcC,IAAYD,EAAK;AAEpD,UAAM1B,EAAkB0B,GAAM,YAAY;AACxC,YAAMI,IAAW,MAAMzB,EAAsB;AAAA,QAC3C,SAAS;AAAA,UACP,WAAAb;AAAA,UACA,aAAa;AAAA,YACX,UAAU;AAAA,YACV,gBAAgBR,EAAoB+B,CAAM;AAAA,YAC1C,WAAW,IAAIgB,EAAQH,CAAS;AAAA,YAChC,SAAS,IAAIG,EAAQF,CAAO;AAAA,YAC5B,WAAW,IAAIE,EAAQJ,CAAS;AAAA,YAChC,uBAAuBD,EAAK;AAAA,YAC5B,oBAAoBA,EAAK;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD,GAEKM,IAAcF,EAAS,iBAAiB,eAAeA,EAAS,iBAAiB;AAEvF,UAAI,CAACE;AACH,cAAM,IAAI,MAAMlC,EAAU,yBAAyB,CAAC;AAGtD,MAAAC,EAAQkC,EAAgB,mBAAmB,EAAE,aAAAD,EAAA,CAAa;AAAA,IAC5D,CAAC;AAAA,EACH;AAEA,SACE,gBAAA5C,EAAC8C,GAAA,EAAc,GAAGxB,GAChB,4BAACyB,GAAA,EAAK,UAAUzB,EAAQ,aAAae,CAAQ,GAC3C,UAAA,gBAAArC,EAACgD,GAAA,EAA6B,WAAA9B,EAAA,CAAsB,GACtD,GACF;AAEJ;"}

package/dist/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.d.ts

@@ -0,0 +1,2 @@
+import { OffCycleCreationPresentationProps } from './OffCycleCreationTypes';
+export declare function OffCycleCreationPresentation({ isPending }: OffCycleCreationPresentationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.js

@@ -0,0 +1,47 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { OffCyclePayPeriodDateFormPresentation as u } from "../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js";
+import { useI18n as a } from "../../../i18n/I18n.js";
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as o } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { RadioGroupField as g } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import "react";
+import { OffCycleReasonSelectionPresentation as y } from "../OffCycleReasonSelection/OffCycleReasonSelectionPresentation.js";
+function F({ isPending: n }) {
+  a("Payroll.OffCycleCreation"), a("Payroll.OffCycleDeductionsSetting");
+  const { t: i } = l("Payroll.OffCycleCreation"), { t } = l("Payroll.OffCycleDeductionsSetting"), { Heading: c, Text: s, Button: p } = d(), f = [
+    {
+      value: !1,
+      label: t("options.include.label")
+    },
+    {
+      value: !0,
+      label: t("options.skip.label")
+    }
+  ];
+  return /* @__PURE__ */ r(o, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ r(o, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ e(c, { as: "h2", children: i("pageTitle") }),
+      /* @__PURE__ */ e(s, { variant: "supporting", children: i("pageDescription") })
+    ] }),
+    /* @__PURE__ */ e(o, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(u, {}) }),
+    /* @__PURE__ */ e(o, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(y, { name: "reason" }) }),
+    /* @__PURE__ */ e(o, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(
+      g,
+      {
+        name: "skipRegularDeductions",
+        label: t("title"),
+        description: t("description"),
+        options: f,
+        convertValueToString: (m) => String(m)
+      }
+    ) }),
+    /* @__PURE__ */ e(o, { justifyContent: "flex-end", gap: 12, children: /* @__PURE__ */ e(p, { type: "submit", isLoading: n, isDisabled: n, children: i("continueCta") }) })
+  ] });
+}
+export {
+  F as OffCycleCreationPresentation
+};
+//# sourceMappingURL=OffCycleCreationPresentation.js.map

package/dist/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OffCycleCreationPresentation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { OffCycleReasonSelectionPresentation } from '../OffCycleReasonSelection'\nimport { OffCyclePayPeriodDateFormPresentation } from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation'\nimport type { OffCycleCreationPresentationProps } from './OffCycleCreationTypes'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, RadioGroupField } from '@/components/Common'\n\nexport function OffCycleCreationPresentation({ isPending }: OffCycleCreationPresentationProps) {\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  const { t } = useTranslation('Payroll.OffCycleCreation')\n  const { t: tDeductions } = useTranslation('Payroll.OffCycleDeductionsSetting')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const deductionsOptions = [\n    {\n      value: false,\n      label: tDeductions('options.include.label'),\n    },\n    {\n      value: true,\n      label: tDeductions('options.skip.label'),\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('pageDescription')}</Text>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <OffCyclePayPeriodDateFormPresentation />\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <OffCycleReasonSelectionPresentation name=\"reason\" />\n      </Flex>\n\n      {/* TODO: EmployeeSelection section — will compose EmployeeSelectionPresentation */}\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <RadioGroupField<boolean>\n          name=\"skipRegularDeductions\"\n          label={tDeductions('title')}\n          description={tDeductions('description')}\n          options={deductionsOptions}\n          convertValueToString={value => String(value)}\n        />\n      </Flex>\n\n      {/* TODO: TaxWithholdingRates section — will compose TaxWithholdingRatesPresentation */}\n\n      <Flex justifyContent=\"flex-end\" gap={12}>\n        <Button type=\"submit\" isLoading={isPending} isDisabled={isPending}>\n          {t('continueCta')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["OffCycleCreationPresentation","isPending","useI18n","t","useTranslation","tDeductions","Heading","Text","Button","useComponentContext","deductionsOptions","jsxs","Flex","jsx","OffCyclePayPeriodDateFormPresentation","OffCycleReasonSelectionPresentation","RadioGroupField","value"],"mappings":";;;;;;;;;;;AAQO,SAASA,EAA6B,EAAE,WAAAC,KAAgD;AAC7F,EAAAC,EAAQ,0BAA0B,GAClCA,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B,GACjD,EAAEC,MAAmBD,EAAe,mCAAmC,GACvE,EAAE,SAAAE,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IAAoB;AAAA,IACxB;AAAA,MACE,OAAO;AAAA,MACP,OAAOL,EAAY,uBAAuB;AAAA,IAAA;AAAA,IAE5C;AAAA,MACE,OAAO;AAAA,MACP,OAAOA,EAAY,oBAAoB;AAAA,IAAA;AAAA,EACzC;AAGF,SACE,gBAAAM,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACP,GAAA,EAAQ,IAAG,MAAM,UAAAH,EAAE,WAAW,GAAE;AAAA,wBAChCI,GAAA,EAAK,SAAQ,cAAc,UAAAJ,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAAA,GACnD;AAAA,IAEA,gBAAAU,EAACD,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAC,EAACC,KAAsC,EAAA,CACzC;AAAA,IAEA,gBAAAD,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAC,EAACE,GAAA,EAAoC,MAAK,SAAA,CAAS,EAAA,CACrD;AAAA,IAIA,gBAAAF,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAC;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOX,EAAY,OAAO;AAAA,QAC1B,aAAaA,EAAY,aAAa;AAAA,QACtC,SAASK;AAAA,QACT,sBAAsB,CAAAO,MAAS,OAAOA,CAAK;AAAA,MAAA;AAAA,IAAA,GAE/C;AAAA,sBAICL,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA,gBAAAC,EAACL,GAAA,EAAO,MAAK,UAAS,WAAWP,GAAW,YAAYA,GACrD,UAAAE,EAAE,aAAa,GAClB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Payroll/OffCycleCreation/OffCycleCreationTypes.d.ts

@@ -0,0 +1,14 @@
+import { OffCycleReason } from '../OffCycleReasonSelection';
+import { OffCyclePayPeriodDateFormData, OffCyclePayrollDateType } from '../OffCyclePayPeriodDateForm';
+import { BaseComponentInterface } from '../../Base/Base';
+export interface OffCycleCreationProps extends BaseComponentInterface<'Payroll.OffCycleCreation'> {
+    companyId: string;
+    payrollType?: OffCyclePayrollDateType;
+}
+export interface OffCycleCreationFormData extends OffCyclePayPeriodDateFormData {
+    reason: OffCycleReason;
+    skipRegularDeductions: boolean;
+}
+export interface OffCycleCreationPresentationProps {
+    isPending?: boolean;
+}

package/dist/components/Payroll/OffCycleCreation/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { OffCycleCreation } from './OffCycleCreation';
+export type { OffCycleCreationProps, OffCycleCreationFormData, OffCycleCreationPresentationProps, } from './OffCycleCreationTypes';

package/dist/components/Payroll/OffCycleDeductionsSetting/OffCycleDeductionsSetting.d.ts

@@ -0,0 +1,2 @@
+import { OffCycleDeductionsSettingProps } from './types';
+export declare function OffCycleDeductionsSetting({ dictionary, skipRegularDeductions, onEvent, }: OffCycleDeductionsSettingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/OffCycleDeductionsSetting/OffCycleDeductionsSetting.js

@@ -0,0 +1,44 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { useTranslation as a } from "react-i18next";
+import { useComponentDictionary as m, useI18n as f } from "../../../i18n/I18n.js";
+import { componentEvents as d } from "../../../shared/constants.js";
+import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function S({
+  dictionary: o,
+  skipRegularDeductions: t,
+  onEvent: n
+}) {
+  m("Payroll.OffCycleDeductionsSetting", o), f("Payroll.OffCycleDeductionsSetting");
+  const { t: e } = a("Payroll.OffCycleDeductionsSetting"), { RadioGroup: i } = C(), l = u(
+    () => [
+      {
+        value: "include",
+        label: e("options.include.label")
+      },
+      {
+        value: "skip",
+        label: e("options.skip.label")
+      }
+    ],
+    [e]
+  ), s = (c) => {
+    n(d.OFF_CYCLE_DEDUCTIONS_CHANGE, {
+      skipRegularDeductions: c === "skip"
+    });
+  }, r = t ? "skip" : "include";
+  return /* @__PURE__ */ p(
+    i,
+    {
+      label: e("title"),
+      description: e("description"),
+      options: l,
+      value: r,
+      onChange: s
+    }
+  );
+}
+export {
+  S as OffCycleDeductionsSetting
+};
+//# sourceMappingURL=OffCycleDeductionsSetting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OffCycleDeductionsSetting.js","sources":["../../../../src/components/Payroll/OffCycleDeductionsSetting/OffCycleDeductionsSetting.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCycleDeductionsSettingProps } from './types'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype DeductionsValue = 'include' | 'skip'\n\nexport function OffCycleDeductionsSetting({\n  dictionary,\n  skipRegularDeductions,\n  onEvent,\n}: OffCycleDeductionsSettingProps) {\n  useComponentDictionary('Payroll.OffCycleDeductionsSetting', dictionary)\n  useI18n('Payroll.OffCycleDeductionsSetting')\n\n  const { t } = useTranslation('Payroll.OffCycleDeductionsSetting')\n  const { RadioGroup } = useComponentContext()\n\n  const options = useMemo(\n    () => [\n      {\n        value: 'include' as const,\n        label: t('options.include.label'),\n      },\n      {\n        value: 'skip' as const,\n        label: t('options.skip.label'),\n      },\n    ],\n    [t],\n  )\n\n  const handleChange = (value: string) => {\n    onEvent(componentEvents.OFF_CYCLE_DEDUCTIONS_CHANGE, {\n      skipRegularDeductions: value === 'skip',\n    })\n  }\n\n  const selectedValue: DeductionsValue = skipRegularDeductions ? 'skip' : 'include'\n\n  return (\n    <RadioGroup\n      label={t('title')}\n      description={t('description')}\n      options={options}\n      value={selectedValue}\n      onChange={handleChange}\n    />\n  )\n}\n"],"names":["OffCycleDeductionsSetting","dictionary","skipRegularDeductions","onEvent","useComponentDictionary","useI18n","t","useTranslation","RadioGroup","useComponentContext","options","useMemo","handleChange","value","componentEvents","selectedValue","jsx"],"mappings":";;;;;;AASO,SAASA,EAA0B;AAAA,EACxC,YAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,SAAAC;AACF,GAAmC;AACjC,EAAAC,EAAuB,qCAAqCH,CAAU,GACtEI,EAAQ,mCAAmC;AAE3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOL,EAAE,uBAAuB;AAAA,MAAA;AAAA,MAElC;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAC/B;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEM,IAAe,CAACC,MAAkB;AACtC,IAAAV,EAAQW,EAAgB,6BAA6B;AAAA,MACnD,uBAAuBD,MAAU;AAAA,IAAA,CAClC;AAAA,EACH,GAEME,IAAiCb,IAAwB,SAAS;AAExE,SACE,gBAAAc;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,OAAOF,EAAE,OAAO;AAAA,MAChB,aAAaA,EAAE,aAAa;AAAA,MAC5B,SAAAI;AAAA,MACA,OAAOK;AAAA,MACP,UAAUH;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/components/Payroll/OffCycleDeductionsSetting/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { OffCycleDeductionsSetting } from './OffCycleDeductionsSetting';
+export type { OffCycleDeductionsSettingProps, OffCycleDeductionsSettingChangePayload, } from './types';

package/dist/components/Payroll/OffCycleDeductionsSetting/types.d.ts

@@ -0,0 +1,10 @@
+import { CommonComponentInterface } from '../../Base/Base';
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../shared/constants';
+export interface OffCycleDeductionsSettingProps extends CommonComponentInterface<'Payroll.OffCycleDeductionsSetting'> {
+    skipRegularDeductions: boolean;
+    onEvent: OnEventType<EventType, unknown>;
+}
+export interface OffCycleDeductionsSettingChangePayload {
+    skipRegularDeductions: boolean;
+}

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.d.ts

@@ -1,2 +1 @@
-import { OffCyclePayPeriodDateFormPresentationProps } from './OffCyclePayPeriodDateFormTypes';
-export declare function OffCyclePayPeriodDateFormPresentation({ isCheckOnly, onCheckOnlyChange, }: OffCyclePayPeriodDateFormPresentationProps): import("react/jsx-runtime").JSX.Element;
+export declare function OffCyclePayPeriodDateFormPresentation(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js

@@ -0,0 +1,37 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useFormContext as m, useWatch as d } from "react-hook-form";
+import { useTranslation as h } from "react-i18next";
+import a from "./OffCyclePayPeriodDateFormPresentation.module.scss.js";
+import { useI18n as f } from "../../../i18n/I18n.js";
+import "../../../shared/constants.js";
+import "classnames";
+import { DatePickerField as r } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { CheckboxField as u } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+function q() {
+  f("Payroll.OffCyclePayPeriodDateForm");
+  const { t: e } = h("Payroll.OffCyclePayPeriodDateForm"), { control: i, setValue: l } = m(), n = d({ control: i, name: "isCheckOnly" }), c = (s) => {
+    s && (l("startDate", null), l("endDate", null));
+  };
+  return /* @__PURE__ */ o("div", { className: a.root, children: [
+    !n && /* @__PURE__ */ o("div", { className: a.dateFields, children: [
+      /* @__PURE__ */ t(r, { name: "startDate", label: e("startDateLabel"), isRequired: !0 }),
+      /* @__PURE__ */ t(r, { name: "endDate", label: e("endDateLabel"), isRequired: !0 })
+    ] }),
+    /* @__PURE__ */ t("div", { className: a.checkDateField, children: /* @__PURE__ */ t(r, { name: "checkDate", label: e("checkDateLabel"), isRequired: !0 }) }),
+    /* @__PURE__ */ t(
+      u,
+      {
+        name: "isCheckOnly",
+        label: e("checkOnlyLabel"),
+        description: e("checkOnlyDescription"),
+        onChange: c
+      }
+    )
+  ] });
+}
+export {
+  q as OffCyclePayPeriodDateFormPresentation
+};
+//# sourceMappingURL=OffCyclePayPeriodDateFormPresentation.js.map

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OffCyclePayPeriodDateFormPresentation.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\nimport type { OffCyclePayPeriodDateFormData } from './OffCyclePayPeriodDateFormTypes'\nimport { useI18n } from '@/i18n'\nimport { CheckboxField, DatePickerField } from '@/components/Common'\n\nexport function OffCyclePayPeriodDateFormPresentation() {\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n  const { control, setValue } = useFormContext<OffCyclePayPeriodDateFormData>()\n  const isCheckOnly = useWatch({ control, name: 'isCheckOnly' })\n\n  const handleCheckOnlyChange = (checked: boolean) => {\n    if (checked) {\n      setValue('startDate', null)\n      setValue('endDate', null)\n    }\n  }\n\n  return (\n    <div className={styles.root}>\n      {!isCheckOnly && (\n        <div className={styles.dateFields}>\n          <DatePickerField name=\"startDate\" label={t('startDateLabel')} isRequired />\n          <DatePickerField name=\"endDate\" label={t('endDateLabel')} isRequired />\n        </div>\n      )}\n\n      <div className={styles.checkDateField}>\n        <DatePickerField name=\"checkDate\" label={t('checkDateLabel')} isRequired />\n      </div>\n\n      <CheckboxField\n        name=\"isCheckOnly\"\n        label={t('checkOnlyLabel')}\n        description={t('checkOnlyDescription')}\n        onChange={handleCheckOnlyChange}\n      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","useI18n","t","useTranslation","control","setValue","useFormContext","isCheckOnly","useWatch","handleCheckOnlyChange","checked","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;;;;;;AAOO,SAASA,IAAwC;AACtD,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,SAAAC,GAAS,UAAAC,EAAA,IAAaC,EAAA,GACxBC,IAAcC,EAAS,EAAE,SAAAJ,GAAS,MAAM,eAAe,GAEvDK,IAAwB,CAACC,MAAqB;AAClD,IAAIA,MACFL,EAAS,aAAa,IAAI,GAC1BA,EAAS,WAAW,IAAI;AAAA,EAE5B;AAEA,SACE,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAO,MACpB,UAAA;AAAA,IAAA,CAACL,KACA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOZ,EAAE,gBAAgB,GAAG,YAAU,IAAC;AAAA,MACzE,gBAAAW,EAACC,KAAgB,MAAK,WAAU,OAAOZ,EAAE,cAAc,GAAG,YAAU,GAAA,CAAC;AAAA,IAAA,GACvE;AAAA,IAGF,gBAAAW,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOZ,EAAE,gBAAgB,GAAG,YAAU,IAAC,GAC3E;AAAA,IAEA,gBAAAW;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOb,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,QACrC,UAAUO;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.module.scss.js

@@ -0,0 +1,12 @@
+const e = "_root_erc2u_1", t = "_dateFields_erc2u_7", c = "_checkDateField_erc2u_16", o = {
+  root: e,
+  dateFields: t,
+  checkDateField: c
+};
+export {
+  c as checkDateField,
+  t as dateFields,
+  o as default,
+  e as root
+};
+//# sourceMappingURL=OffCyclePayPeriodDateFormPresentation.module.scss.js.map

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.module.scss.js.map

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

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.d.ts

@@ -1,9 +1,5 @@
 import { z } from 'zod';
 export type OffCyclePayrollDateType = 'bonus' | 'correction';
-export interface OffCyclePayPeriodDateFormPresentationProps {
-    isCheckOnly: boolean;
-    onCheckOnlyChange: (value: boolean) => void;
-}
 export interface OffCyclePayPeriodDateFormData {
     isCheckOnly: boolean;
     startDate: Date | null;

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.js

@@ -0,0 +1,48 @@
+import { z as s } from "zod";
+const r = (t, c, i) => s.object({
+  isCheckOnly: s.boolean(),
+  startDate: s.date().nullable(),
+  endDate: s.date().nullable(),
+  checkDate: s.date().nullable()
+}).superRefine((e, a) => {
+  if (!e.isCheckOnly && (e.startDate || a.addIssue({
+    code: s.ZodIssueCode.custom,
+    path: ["startDate"],
+    message: t("validations.startDateRequired")
+  }), e.endDate || a.addIssue({
+    code: s.ZodIssueCode.custom,
+    path: ["endDate"],
+    message: t("validations.endDateRequired")
+  }), e.startDate && e.endDate && e.endDate < e.startDate && a.addIssue({
+    code: s.ZodIssueCode.custom,
+    path: ["endDate"],
+    message: t("validations.endDateAfterStart")
+  }), c === "correction" && e.startDate)) {
+    const o = /* @__PURE__ */ new Date();
+    o.setHours(0, 0, 0, 0), e.startDate > o && a.addIssue({
+      code: s.ZodIssueCode.custom,
+      path: ["startDate"],
+      message: t("validations.startDateNotFuture")
+    });
+  }
+  if (!e.checkDate)
+    a.addIssue({
+      code: s.ZodIssueCode.custom,
+      path: ["checkDate"],
+      message: t("validations.checkDateRequired")
+    });
+  else if (!e.isCheckOnly) {
+    const o = new Date(e.checkDate);
+    o.setHours(0, 0, 0, 0);
+    const d = new Date(i);
+    d.setHours(0, 0, 0, 0), o < d && a.addIssue({
+      code: s.ZodIssueCode.custom,
+      path: ["checkDate"],
+      message: t("validations.checkDateAchLeadTime")
+    });
+  }
+});
+export {
+  r as createOffCyclePayPeriodDateFormSchema
+};
+//# sourceMappingURL=OffCyclePayPeriodDateFormTypes.js.map

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OffCyclePayPeriodDateFormTypes.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.ts"],"sourcesContent":["import { z } from 'zod'\n\nexport type OffCyclePayrollDateType = 'bonus' | 'correction'\n\nexport interface OffCyclePayPeriodDateFormData {\n  isCheckOnly: boolean\n  startDate: Date | null\n  endDate: Date | null\n  checkDate: Date | null\n}\n\nexport const createOffCyclePayPeriodDateFormSchema = (\n  t: (key: string) => string,\n  payrollType: OffCyclePayrollDateType,\n  minCheckDate: Date,\n) => {\n  return z\n    .object({\n      isCheckOnly: z.boolean(),\n      startDate: z.date().nullable(),\n      endDate: z.date().nullable(),\n      checkDate: z.date().nullable(),\n    })\n    .superRefine((data, ctx) => {\n      if (!data.isCheckOnly) {\n        if (!data.startDate) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['startDate'],\n            message: t('validations.startDateRequired'),\n          })\n        }\n\n        if (!data.endDate) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['endDate'],\n            message: t('validations.endDateRequired'),\n          })\n        }\n\n        if (data.startDate && data.endDate && data.endDate < data.startDate) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['endDate'],\n            message: t('validations.endDateAfterStart'),\n          })\n        }\n\n        if (payrollType === 'correction' && data.startDate) {\n          const today = new Date()\n          today.setHours(0, 0, 0, 0)\n          if (data.startDate > today) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['startDate'],\n              message: t('validations.startDateNotFuture'),\n            })\n          }\n        }\n      }\n\n      if (!data.checkDate) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['checkDate'],\n          message: t('validations.checkDateRequired'),\n        })\n      } else if (!data.isCheckOnly) {\n        const checkDateNormalized = new Date(data.checkDate)\n        checkDateNormalized.setHours(0, 0, 0, 0)\n        const minCheckDateNormalized = new Date(minCheckDate)\n        minCheckDateNormalized.setHours(0, 0, 0, 0)\n\n        if (checkDateNormalized < minCheckDateNormalized) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['checkDate'],\n            message: t('validations.checkDateAchLeadTime'),\n          })\n        }\n      }\n    })\n}\n\nexport type OffCyclePayPeriodDateFormSchema = ReturnType<\n  typeof createOffCyclePayPeriodDateFormSchema\n>\n"],"names":["createOffCyclePayPeriodDateFormSchema","payrollType","minCheckDate","z","data","ctx","today","checkDateNormalized","minCheckDateNormalized"],"mappings":";AAWO,MAAMA,IAAwC,CACnD,GACAC,GACAC,MAEOC,EACJ,OAAO;AAAA,EACN,aAAaA,EAAE,QAAA;AAAA,EACf,WAAWA,EAAE,KAAA,EAAO,SAAA;AAAA,EACpB,SAASA,EAAE,KAAA,EAAO,SAAA;AAAA,EAClB,WAAWA,EAAE,KAAA,EAAO,SAAA;AAAS,CAC9B,EACA,YAAY,CAACC,GAAMC,MAAQ;AAC1B,MAAI,CAACD,EAAK,gBACHA,EAAK,aACRC,EAAI,SAAS;AAAA,IACX,MAAMF,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,WAAW;AAAA,IAClB,SAAS,EAAE,+BAA+B;AAAA,EAAA,CAC3C,GAGEC,EAAK,WACRC,EAAI,SAAS;AAAA,IACX,MAAMF,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,SAAS;AAAA,IAChB,SAAS,EAAE,6BAA6B;AAAA,EAAA,CACzC,GAGCC,EAAK,aAAaA,EAAK,WAAWA,EAAK,UAAUA,EAAK,aACxDC,EAAI,SAAS;AAAA,IACX,MAAMF,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,SAAS;AAAA,IAChB,SAAS,EAAE,+BAA+B;AAAA,EAAA,CAC3C,GAGCF,MAAgB,gBAAgBG,EAAK,YAAW;AAClD,UAAME,wBAAY,KAAA;AAClB,IAAAA,EAAM,SAAS,GAAG,GAAG,GAAG,CAAC,GACrBF,EAAK,YAAYE,KACnBD,EAAI,SAAS;AAAA,MACX,MAAMF,EAAE,aAAa;AAAA,MACrB,MAAM,CAAC,WAAW;AAAA,MAClB,SAAS,EAAE,gCAAgC;AAAA,IAAA,CAC5C;AAAA,EAEL;AAGF,MAAI,CAACC,EAAK;AACR,IAAAC,EAAI,SAAS;AAAA,MACX,MAAMF,EAAE,aAAa;AAAA,MACrB,MAAM,CAAC,WAAW;AAAA,MAClB,SAAS,EAAE,+BAA+B;AAAA,IAAA,CAC3C;AAAA,WACQ,CAACC,EAAK,aAAa;AAC5B,UAAMG,IAAsB,IAAI,KAAKH,EAAK,SAAS;AACnD,IAAAG,EAAoB,SAAS,GAAG,GAAG,GAAG,CAAC;AACvC,UAAMC,IAAyB,IAAI,KAAKN,CAAY;AACpD,IAAAM,EAAuB,SAAS,GAAG,GAAG,GAAG,CAAC,GAEtCD,IAAsBC,KACxBH,EAAI,SAAS;AAAA,MACX,MAAMF,EAAE,aAAa;AAAA,MACrB,MAAM,CAAC,WAAW;AAAA,MAClB,SAAS,EAAE,kCAAkC;AAAA,IAAA,CAC9C;AAAA,EAEL;AACF,CAAC;"}

package/dist/components/Payroll/OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js

@@ -0,0 +1,18 @@
+import { useMemo as o } from "react";
+import { addBusinessDays as r } from "../../../helpers/dateFormatting.js";
+const s = 2;
+function u() {
+  const e = o(() => {
+    const t = /* @__PURE__ */ new Date();
+    return t.setHours(0, 0, 0, 0), t;
+  }, []), n = o(() => r(e, s), [e]);
+  return {
+    today: e,
+    minCheckDate: n,
+    achLeadTimeBusinessDays: s
+  };
+}
+export {
+  u as useOffCyclePayPeriodDateValidation
+};
+//# sourceMappingURL=useOffCyclePayPeriodDateValidation.js.map

package/dist/components/Payroll/OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOffCyclePayPeriodDateValidation.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { addBusinessDays } from '@/helpers/dateFormatting'\n\nconst ACH_LEAD_TIME_BUSINESS_DAYS = 2\n\nexport function useOffCyclePayPeriodDateValidation() {\n  const today = useMemo(() => {\n    const now = new Date()\n    now.setHours(0, 0, 0, 0)\n    return now\n  }, [])\n\n  const minCheckDate = useMemo(() => {\n    return addBusinessDays(today, ACH_LEAD_TIME_BUSINESS_DAYS)\n  }, [today])\n\n  return {\n    today,\n    minCheckDate,\n    achLeadTimeBusinessDays: ACH_LEAD_TIME_BUSINESS_DAYS,\n  }\n}\n"],"names":["ACH_LEAD_TIME_BUSINESS_DAYS","useOffCyclePayPeriodDateValidation","today","useMemo","now","minCheckDate","addBusinessDays"],"mappings":";;AAGA,MAAMA,IAA8B;AAE7B,SAASC,IAAqC;AACnD,QAAMC,IAAQC,EAAQ,MAAM;AAC1B,UAAMC,wBAAU,KAAA;AAChB,WAAAA,EAAI,SAAS,GAAG,GAAG,GAAG,CAAC,GAChBA;AAAA,EACT,GAAG,CAAA,CAAE,GAECC,IAAeF,EAAQ,MACpBG,EAAgBJ,GAAOF,CAA2B,GACxD,CAACE,CAAK,CAAC;AAEV,SAAO;AAAA,IACL,OAAAA;AAAA,IACA,cAAAG;AAAA,IACA,yBAAyBL;AAAA,EAAA;AAE7B;"}

package/dist/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelection.js

@@ -1,33 +1,32 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useState as l } from "react";
-import { OffCycleReasonSelectionPresentation as c } from "./OffCycleReasonSelectionPresentation.js";
-import { OFF_CYCLE_REASON_DEFAULTS as f } from "./types.js";
-import { BaseComponent as m } from "../../Base/Base.js";
-import { useBase as i } from "../../Base/useBase.js";
-import { useComponentDictionary as C, useI18n as R } from "../../../i18n/I18n.js";
-import { componentEvents as p } from "../../../shared/constants.js";
-function g(e) {
-  return /* @__PURE__ */ n(m, { ...e, children: /* @__PURE__ */ n(u, { ...e }) });
+import { jsx as e } from "react/jsx-runtime";
+import { useCallback as a } from "react";
+import { useForm as f, FormProvider as i } from "react-hook-form";
+import { OffCycleReasonSelectionPresentation as l } from "./OffCycleReasonSelectionPresentation.js";
+import { OFF_CYCLE_REASON_DEFAULTS as c } from "./types.js";
+import { BaseComponent as C } from "../../Base/Base.js";
+import { useBase as u } from "../../Base/useBase.js";
+import { useComponentDictionary as p, useI18n as E } from "../../../i18n/I18n.js";
+import { componentEvents as O } from "../../../shared/constants.js";
+function A(o) {
+  return /* @__PURE__ */ e(C, { ...o, children: /* @__PURE__ */ e(R, { ...o }) });
 }
-function u({ dictionary: e }) {
-  C("Payroll.OffCycleReasonSelection", e), R("Payroll.OffCycleReasonSelection");
-  const { onEvent: t } = i(), [r, s] = l(null);
-  return /* @__PURE__ */ n(
-    c,
-    {
-      selectedReason: r,
-      onReasonChange: (o) => {
-        s(o);
-        const a = f[o];
-        t(p.OFF_CYCLE_SELECT_REASON, {
-          reason: o,
-          defaults: a
-        });
-      }
-    }
+function R({ dictionary: o }) {
+  p("Payroll.OffCycleReasonSelection", o), E("Payroll.OffCycleReasonSelection");
+  const { onEvent: n } = u(), r = f({
+    defaultValues: { reason: "" }
+  }), m = a(
+    (t) => {
+      const s = c[t];
+      n(O.OFF_CYCLE_SELECT_REASON, {
+        reason: t,
+        defaults: s
+      });
+    },
+    [n]
   );
+  return /* @__PURE__ */ e(i, { ...r, children: /* @__PURE__ */ e(l, { name: "reason", onChange: m }) });
 }
 export {
-  g as OffCycleReasonSelection
+  A as OffCycleReasonSelection
 };
 //# sourceMappingURL=OffCycleReasonSelection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleReasonSelection.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelection.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { OffCycleReasonSelectionPresentation } from './OffCycleReasonSelectionPresentation'\nimport {\n  OFF_CYCLE_REASON_DEFAULTS,\n  type OffCycleReason,\n  type OffCycleReasonSelectionProps,\n} from './types'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport function OffCycleReasonSelection(props: OffCycleReasonSelectionProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary }: OffCycleReasonSelectionProps) {\n  useComponentDictionary('Payroll.OffCycleReasonSelection', dictionary)\n  useI18n('Payroll.OffCycleReasonSelection')\n\n  const { onEvent } = useBase()\n  const [selectedReason, setSelectedReason] = useState<OffCycleReason | null>(null)\n\n  const handleReasonChange = (reason: OffCycleReason) => {\n    setSelectedReason(reason)\n    const defaults = OFF_CYCLE_REASON_DEFAULTS[reason]\n    onEvent(componentEvents.OFF_CYCLE_SELECT_REASON, {\n      reason,\n      defaults,\n    })\n  }\n\n  return (\n    <OffCycleReasonSelectionPresentation\n      selectedReason={selectedReason}\n      onReasonChange={handleReasonChange}\n    />\n  )\n}\n"],"names":["OffCycleReasonSelection","props","jsx","BaseComponent","Root","dictionary","useComponentDictionary","useI18n","onEvent","useBase","selectedReason","setSelectedReason","useState","OffCycleReasonSelectionPresentation","reason","defaults","OFF_CYCLE_REASON_DEFAULTS","componentEvents"],"mappings":";;;;;;;;AAYO,SAASA,EAAwBC,GAAqC;AAC3E,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,KAA4C;AAC1D,EAAAC,EAAuB,mCAAmCD,CAAU,GACpEE,EAAQ,iCAAiC;AAEzC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,CAACC,GAAgBC,CAAiB,IAAIC,EAAgC,IAAI;AAWhF,SACE,gBAAAV;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,gBAAAH;AAAA,MACA,gBAZuB,CAACI,MAA2B;AACrD,QAAAH,EAAkBG,CAAM;AACxB,cAAMC,IAAWC,EAA0BF,CAAM;AACjD,QAAAN,EAAQS,EAAgB,yBAAyB;AAAA,UAC/C,QAAAH;AAAA,UACA,UAAAC;AAAA,QAAA,CACD;AAAA,MACH;AAAA,IAKoB;AAAA,EAAA;AAGtB;"}
+{"version":3,"file":"OffCycleReasonSelection.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelection.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { OffCycleReasonSelectionPresentation } from './OffCycleReasonSelectionPresentation'\nimport {\n  OFF_CYCLE_REASON_DEFAULTS,\n  type OffCycleReason,\n  type OffCycleReasonSelectionProps,\n} from './types'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport function OffCycleReasonSelection(props: OffCycleReasonSelectionProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary }: OffCycleReasonSelectionProps) {\n  useComponentDictionary('Payroll.OffCycleReasonSelection', dictionary)\n  useI18n('Payroll.OffCycleReasonSelection')\n\n  const { onEvent } = useBase()\n  const methods = useForm<{ reason: OffCycleReason | '' }>({\n    defaultValues: { reason: '' },\n  })\n\n  const handleReasonChange = useCallback(\n    (reason: OffCycleReason) => {\n      const defaults = OFF_CYCLE_REASON_DEFAULTS[reason]\n      onEvent(componentEvents.OFF_CYCLE_SELECT_REASON, {\n        reason,\n        defaults,\n      })\n    },\n    [onEvent],\n  )\n\n  return (\n    <FormProvider {...methods}>\n      <OffCycleReasonSelectionPresentation name=\"reason\" onChange={handleReasonChange} />\n    </FormProvider>\n  )\n}\n"],"names":["OffCycleReasonSelection","props","jsx","BaseComponent","Root","dictionary","useComponentDictionary","useI18n","onEvent","useBase","methods","useForm","handleReasonChange","useCallback","reason","defaults","OFF_CYCLE_REASON_DEFAULTS","componentEvents","FormProvider","OffCycleReasonSelectionPresentation"],"mappings":";;;;;;;;;AAaO,SAASA,EAAwBC,GAAqC;AAC3E,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,KAA4C;AAC1D,EAAAC,EAAuB,mCAAmCD,CAAU,GACpEE,EAAQ,iCAAiC;AAEzC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAUC,EAAyC;AAAA,IACvD,eAAe,EAAE,QAAQ,GAAA;AAAA,EAAG,CAC7B,GAEKC,IAAqBC;AAAA,IACzB,CAACC,MAA2B;AAC1B,YAAMC,IAAWC,EAA0BF,CAAM;AACjD,MAAAN,EAAQS,EAAgB,yBAAyB;AAAA,QAC/C,QAAAH;AAAA,QACA,UAAAC;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACP,CAAO;AAAA,EAAA;AAGV,SACE,gBAAAN,EAACgB,GAAA,EAAc,GAAGR,GAChB,UAAA,gBAAAR,EAACiB,KAAoC,MAAK,UAAS,UAAUP,EAAA,CAAoB,EAAA,CACnF;AAEJ;"}