@gusto/embedded-react-sdk 0.31.1-rc.1 → 0.32.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleCreation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreation.tsx"],"sourcesContent":["import { 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\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.object({ reason: z.enum(['bonus', 'correction']) }).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    },\n  })\n\n  const onSubmit = async (data: OffCycleCreationFormData) => {\n    const reason = data.reason\n    const defaults = OFF_CYCLE_REASON_DEFAULTS[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: defaults.skipDeductions,\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","onSubmit","data","defaults","OFF_CYCLE_REASON_DEFAULTS","checkDate","startDate","endDate","response","RFCDate","payrollUuid","componentEvents","FormProvider","Form","OffCycleCreationPresentation"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,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;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,GAkB3DC,IAAUC,EAAkC;AAAA,IAChD,UAjB0D,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,EAAE,OAAO,EAAE,QAAQA,EAAE,KAAK,CAAC,SAAS,YAAY,CAAC,EAAA,CAAG,EAAE,IAAIH,CAAU;AAEnF,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,IAAA;AAAA,EACb,CACD,GAEK6B,IAAW,OAAOC,MAAmC;AACzD,UAAMR,IAASQ,EAAK,QACdC,IAAWC,EAA0BV,CAAM,GAC3CW,IAAYH,EAAK,WACjBI,IAAYJ,EAAK,cAAcG,IAAYH,EAAK,WAChDK,IAAUL,EAAK,cAAcG,IAAYH,EAAK;AAEpD,UAAMvB,EAAkBuB,GAAM,YAAY;AACxC,YAAMM,IAAW,MAAMxB,EAAsB;AAAA,QAC3C,SAAS;AAAA,UACP,WAAAb;AAAA,UACA,aAAa;AAAA,YACX,UAAU;AAAA,YACV,gBAAgBR,EAAoB+B,CAAM;AAAA,YAC1C,WAAW,IAAIe,EAAQH,CAAS;AAAA,YAChC,SAAS,IAAIG,EAAQF,CAAO;AAAA,YAC5B,WAAW,IAAIE,EAAQJ,CAAS;AAAA,YAChC,uBAAuBF,EAAS;AAAA,YAChC,oBAAoBD,EAAK;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD,GAEKQ,IAAcF,EAAS,iBAAiB,eAAeA,EAAS,iBAAiB;AAEvF,UAAI,CAACE;AACH,cAAM,IAAI,MAAMjC,EAAU,yBAAyB,CAAC;AAGtD,MAAAC,EAAQiC,EAAgB,mBAAmB,EAAE,aAAAD,EAAA,CAAa;AAAA,IAC5D,CAAC;AAAA,EACH;AAEA,SACE,gBAAA3C,EAAC6C,GAAA,EAAc,GAAGvB,GAChB,4BAACwB,GAAA,EAAK,UAAUxB,EAAQ,aAAaY,CAAQ,GAC3C,UAAA,gBAAAlC,EAAC+C,GAAA,EAA6B,WAAA7B,EAAA,CAAsB,GACtD,GACF;AAEJ;"}
+{"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.js

@@ -1,25 +1,47 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import { OffCyclePayPeriodDateFormPresentation as f } from "../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js";
-import { useI18n as m } from "../../../i18n/I18n.js";
-import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+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 s } from "../OffCycleReasonSelection/OffCycleReasonSelectionPresentation.js";
-function P({ isPending: t }) {
-  m("Payroll.OffCycleCreation");
-  const { t: n } = c("Payroll.OffCycleCreation"), { Heading: r, Text: l, Button: a } = p();
-  return /* @__PURE__ */ i(o, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ i(o, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ e(r, { as: "h2", children: n("pageTitle") }),
-      /* @__PURE__ */ e(l, { variant: "supporting", children: n("pageDescription") })
+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(f, {}) }),
-    /* @__PURE__ */ e(o, { flexDirection: "column", gap: 20, children: /* @__PURE__ */ e(s, { name: "reason" }) }),
-    /* @__PURE__ */ e(o, { justifyContent: "flex-end", gap: 12, children: /* @__PURE__ */ e(a, { type: "submit", isLoading: t, isDisabled: t, children: n("continueCta") }) })
+    /* @__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 {
-  P as OffCycleCreationPresentation
+  F as OffCycleCreationPresentation
 };
 //# sourceMappingURL=OffCycleCreationPresentation.js.map

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

@@ -1 +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 } from '@/components/Common'\n\nexport function OffCycleCreationPresentation({ isPending }: OffCycleCreationPresentationProps) {\n  useI18n('Payroll.OffCycleCreation')\n  const { t } = useTranslation('Payroll.OffCycleCreation')\n  const { Heading, Text, Button } = useComponentContext()\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      {/* TODO: Deductions section — will compose DeductionsPresentation */}\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","Heading","Text","Button","useComponentContext","jsxs","Flex","jsx","OffCyclePayPeriodDateFormPresentation","OffCycleReasonSelectionPresentation"],"mappings":";;;;;;;;AAQO,SAASA,EAA6B,EAAE,WAAAC,KAAgD;AAC7F,EAAAC,EAAQ,0BAA0B;AAClC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B,GACjD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA;AAElC,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACN,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,wBAChCG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAAA,GACnD;AAAA,IAEA,gBAAAQ,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,sBAQCH,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA,gBAAAC,EAACJ,GAAA,EAAO,MAAK,UAAS,WAAWN,GAAW,YAAYA,GACrD,UAAAE,EAAE,aAAa,GAClB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"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

@@ -7,6 +7,7 @@ export interface OffCycleCreationProps extends BaseComponentInterface<'Payroll.O
 }
 export interface OffCycleCreationFormData extends OffCyclePayPeriodDateFormData {
     reason: OffCycleReason;
+    skipRegularDeductions: boolean;
 }
 export interface OffCycleCreationPresentationProps {
     isPending?: boolean;

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

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

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

@@ -1,50 +1,44 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as C, useEffect as D, useMemo as k } from "react";
-import { useTranslation as S } from "react-i18next";
-import { useComponentDictionary as g, useI18n as E } from "../../../i18n/I18n.js";
-import { componentEvents as O } from "../../../shared/constants.js";
-import { useComponentContext as y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { OFF_CYCLE_REASON_DEFAULTS as n } from "../OffCycleReasonSelection/types.js";
-function L({
-  dictionary: s,
-  offCycleReason: e,
-  onEvent: l
+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
 }) {
-  g("Payroll.OffCycleDeductionsSetting", s), E("Payroll.OffCycleDeductionsSetting");
-  const { t } = S("Payroll.OffCycleDeductionsSetting"), { RadioGroup: u } = y(), c = n[e].skipDeductions, [p, o] = C(c);
-  D(() => {
-    o(n[e].skipDeductions);
-  }, [e]);
-  const r = k(
+  m("Payroll.OffCycleDeductionsSetting", o), f("Payroll.OffCycleDeductionsSetting");
+  const { t: e } = a("Payroll.OffCycleDeductionsSetting"), { RadioGroup: i } = C(), l = u(
     () => [
       {
         value: "include",
-        label: t("options.include.label")
+        label: e("options.include.label")
       },
       {
         value: "skip",
-        label: t("options.skip.label")
+        label: e("options.skip.label")
       }
     ],
-    [t]
-  ), a = (m) => {
-    const i = m === "skip";
-    o(i), l(O.OFF_CYCLE_DEDUCTIONS_CHANGE, {
-      skipRegularDeductions: i
+    [e]
+  ), s = (c) => {
+    n(d.OFF_CYCLE_DEDUCTIONS_CHANGE, {
+      skipRegularDeductions: c === "skip"
     });
-  }, d = p ? "skip" : "include";
-  return /* @__PURE__ */ f(
-    u,
+  }, r = t ? "skip" : "include";
+  return /* @__PURE__ */ p(
+    i,
     {
-      label: t("title"),
-      description: t("description"),
-      options: r,
-      value: d,
-      onChange: a
+      label: e("title"),
+      description: e("description"),
+      options: l,
+      value: r,
+      onChange: s
     }
   );
 }
 export {
-  L as OffCycleDeductionsSetting
+  S as OffCycleDeductionsSetting
 };
 //# sourceMappingURL=OffCycleDeductionsSetting.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleDeductionsSetting.js","sources":["../../../../src/components/Payroll/OffCycleDeductionsSetting/OffCycleDeductionsSetting.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { OFF_CYCLE_REASON_DEFAULTS } from '../OffCycleReasonSelection'\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  offCycleReason,\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 defaultSkip = OFF_CYCLE_REASON_DEFAULTS[offCycleReason].skipDeductions\n  const [skipRegularDeductions, setSkipRegularDeductions] = useState(defaultSkip)\n\n  useEffect(() => {\n    setSkipRegularDeductions(OFF_CYCLE_REASON_DEFAULTS[offCycleReason].skipDeductions)\n  }, [offCycleReason])\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    const shouldSkip = value === 'skip'\n    setSkipRegularDeductions(shouldSkip)\n    onEvent(componentEvents.OFF_CYCLE_DEDUCTIONS_CHANGE, {\n      skipRegularDeductions: shouldSkip,\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","offCycleReason","onEvent","useComponentDictionary","useI18n","useTranslation","RadioGroup","useComponentContext","defaultSkip","OFF_CYCLE_REASON_DEFAULTS","skipRegularDeductions","setSkipRegularDeductions","useState","useEffect","options","useMemo","handleChange","value","shouldSkip","componentEvents","selectedValue","jsx"],"mappings":";;;;;;;AAUO,SAASA,EAA0B;AAAA,EACxC,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC;AACF,GAAmC;AACjC,EAAAC,EAAuB,qCAAqCH,CAAU,GACtEI,EAAQ,mCAAmC;AAE3C,QAAM,EAAE,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAcC,EAA0BR,CAAc,EAAE,gBACxD,CAACS,GAAuBC,CAAwB,IAAIC,EAASJ,CAAW;AAE9E,EAAAK,EAAU,MAAM;AACd,IAAAF,EAAyBF,EAA0BR,CAAc,EAAE,cAAc;AAAA,EACnF,GAAG,CAACA,CAAc,CAAC;AAEnB,QAAMa,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAO,EAAE,uBAAuB;AAAA,MAAA;AAAA,MAElC;AAAA,QACE,OAAO;AAAA,QACP,OAAO,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAC/B;AAAA,IAEF,CAAC,CAAC;AAAA,EAAA,GAGEC,IAAe,CAACC,MAAkB;AACtC,UAAMC,IAAaD,MAAU;AAC7B,IAAAN,EAAyBO,CAAU,GACnChB,EAAQiB,EAAgB,6BAA6B;AAAA,MACnD,uBAAuBD;AAAA,IAAA,CACxB;AAAA,EACH,GAEME,IAAiCV,IAAwB,SAAS;AAExE,SACE,gBAAAW;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,OAAO;AAAA,MAChB,aAAa,EAAE,aAAa;AAAA,MAC5B,SAAAQ;AAAA,MACA,OAAOM;AAAA,MACP,UAAUJ;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"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/types.d.ts

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

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

@@ -4,11 +4,12 @@ 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";
-import { DatePickerField as r } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-function L() {
+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));
@@ -31,6 +32,6 @@ function L() {
   ] });
 }
 export {
-  L as OffCyclePayPeriodDateFormPresentation
+  q as OffCyclePayPeriodDateFormPresentation
 };
 //# sourceMappingURL=OffCyclePayPeriodDateFormPresentation.js.map

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

@@ -1 +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;"}
+{"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/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.js

@@ -2,9 +2,10 @@ import { jsx as r } from "react/jsx-runtime";
 import { useMemo as n } from "react";
 import { useTranslation as s } from "react-i18next";
 import "../../../shared/constants.js";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "classnames";
 import { RadioGroupField as l } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-function b({
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+function d({
   name: e,
   onChange: i
 }) {
@@ -35,6 +36,6 @@ function b({
   );
 }
 export {
-  b as OffCycleReasonSelectionPresentation
+  d as OffCycleReasonSelectionPresentation
 };
 //# sourceMappingURL=OffCycleReasonSelectionPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleReasonSelectionPresentation.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCycleReason } from './types'\nimport { RadioGroupField } from '@/components/Common'\n\ninterface OffCycleReasonSelectionPresentationProps {\n  name: string\n  onChange?: (value: OffCycleReason) => void\n}\n\nexport function OffCycleReasonSelectionPresentation({\n  name,\n  onChange,\n}: OffCycleReasonSelectionPresentationProps) {\n  const { t } = useTranslation('Payroll.OffCycleReasonSelection')\n\n  const options = useMemo(\n    () => [\n      {\n        value: 'correction' as OffCycleReason,\n        label: t('options.correction.label'),\n        description: t('options.correction.description'),\n      },\n      {\n        value: 'bonus' as OffCycleReason,\n        label: t('options.bonus.label'),\n        description: t('options.bonus.description'),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <RadioGroupField<OffCycleReason>\n      name={name}\n      label={t('title')}\n      options={options}\n      isRequired\n      onChange={onChange}\n    />\n  )\n}\n"],"names":["OffCycleReasonSelectionPresentation","name","onChange","t","useTranslation","options","useMemo","jsx","RadioGroupField"],"mappings":";;;;;;AAUO,SAASA,EAAoC;AAAA,EAClD,MAAAC;AAAA,EACA,UAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GAExDC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOH,EAAE,0BAA0B;AAAA,QACnC,aAAaA,EAAE,gCAAgC;AAAA,MAAA;AAAA,MAEjD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,qBAAqB;AAAA,QAC9B,aAAaA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAC5C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAGJ,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAP;AAAA,MACA,OAAOE,EAAE,OAAO;AAAA,MAChB,SAAAE;AAAA,MACA,YAAU;AAAA,MACV,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"OffCycleReasonSelectionPresentation.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCycleReason } from './types'\nimport { RadioGroupField } from '@/components/Common'\n\ninterface OffCycleReasonSelectionPresentationProps {\n  name: string\n  onChange?: (value: OffCycleReason) => void\n}\n\nexport function OffCycleReasonSelectionPresentation({\n  name,\n  onChange,\n}: OffCycleReasonSelectionPresentationProps) {\n  const { t } = useTranslation('Payroll.OffCycleReasonSelection')\n\n  const options = useMemo(\n    () => [\n      {\n        value: 'correction' as OffCycleReason,\n        label: t('options.correction.label'),\n        description: t('options.correction.description'),\n      },\n      {\n        value: 'bonus' as OffCycleReason,\n        label: t('options.bonus.label'),\n        description: t('options.bonus.description'),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <RadioGroupField<OffCycleReason>\n      name={name}\n      label={t('title')}\n      options={options}\n      isRequired\n      onChange={onChange}\n    />\n  )\n}\n"],"names":["OffCycleReasonSelectionPresentation","name","onChange","t","useTranslation","options","useMemo","jsx","RadioGroupField"],"mappings":";;;;;;;AAUO,SAASA,EAAoC;AAAA,EAClD,MAAAC;AAAA,EACA,UAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GAExDC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOH,EAAE,0BAA0B;AAAA,QACnC,aAAaA,EAAE,gCAAgC;AAAA,MAAA;AAAA,MAEjD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,qBAAqB;AAAA,QAC9B,aAAaA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAC5C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAGJ,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAP;AAAA,MACA,OAAOE,EAAE,OAAO;AAAA,MAChB,SAAAE;AAAA,MACA,YAAU;AAAA,MACV,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js

@@ -1,54 +1,56 @@
 import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { useTranslation as K } from "react-i18next";
-import { hasActionableBlockers as P, getBlockerTranslationKeys as A } from "../payrollHelpers.js";
-import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useTranslation as A } from "react-i18next";
+import { hasActionableBlockers as K, getBlockerTranslationKeys as P, isActionableBlocker as D } from "../payrollHelpers.js";
+import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Flex as B } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
 import "react";
-import { useI18n as C } from "../../../../i18n/I18n.js";
-function H({
-  blockers: r,
-  onViewBlockersClick: i,
-  viewBlockersLabel: x,
+import { useI18n as I } from "../../../../i18n/I18n.js";
+function q({
+  blockers: o,
+  onViewBlockersClick: n,
+  viewBlockersLabel: y,
   className: a
 }) {
-  C("Payroll.PayrollBlocker");
-  const { t } = K("Payroll.PayrollBlocker"), { Alert: p, Button: u, Text: d, UnorderedList: y } = D();
-  if (r.length === 0)
+  I("Payroll.PayrollBlocker");
+  const { t } = A("Payroll.PayrollBlocker"), { Alert: p, Button: d, Text: u, UnorderedList: x } = C();
+  if (o.length === 0)
     return null;
-  const s = r.length > 1, h = !!i && (s || P(r)), m = r.map((o) => {
-    const c = A(o.key), T = t(c.titleKey, {
+  const s = o.length > 1, m = !!n && (s || K(o)), h = o.map((r) => {
+    const c = P(r.key), T = t(c.titleKey, {
       defaultValue: t("defaultBlockerDescription")
     }), k = t(c.descriptionKey, {
-      defaultValue: o.message || t("defaultBlockerDescription")
-    }), v = t(c.helpTextKey, { defaultValue: t("defaultBlockerHelp") });
+      defaultValue: r.message || t("defaultBlockerDescription")
+    }), v = D(r.key) ? void 0 : t(c.helpTextKey, { defaultValue: t("defaultBlockerHelp") });
     return {
-      ...o,
+      ...r,
       title: T,
       description: k,
       helpText: v
     };
-  }), n = x || t(s ? "viewAllBlockers" : "viewBlocker"), l = m[0];
+  }), i = y || t(s ? "viewAllBlockers" : "viewBlocker"), l = h[0];
   if (!s && l)
     return /* @__PURE__ */ e(p, { status: "error", label: l.title, className: a, children: /* @__PURE__ */ f(B, { flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ e(d, { children: l.description }),
-      l.helpText && l.helpText !== l.description && /* @__PURE__ */ e(d, { variant: "supporting", size: "sm", children: l.helpText }),
-      h && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(u, { variant: "secondary", onClick: i, title: n, children: n }) })
+      /* @__PURE__ */ e(u, { children: l.description }),
+      l.helpText && l.helpText !== l.description && /* @__PURE__ */ e(u, { variant: "supporting", size: "sm", children: l.helpText }),
+      m && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { variant: "secondary", onClick: n, title: i, children: i }) })
     ] }) });
-  const g = m.map((o) => o.title);
+  const g = h.map((r) => r.title);
   return /* @__PURE__ */ e(
     p,
     {
       status: "error",
-      label: t("multipleIssuesTitle", { count: r.length }),
+      label: t("multipleIssuesTitle", { count: o.length }),
       className: a,
       children: /* @__PURE__ */ f(B, { flexDirection: "column", gap: 16, children: [
-        /* @__PURE__ */ e(y, { items: g }),
-        h && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(u, { variant: "secondary", onClick: i, title: n, children: n }) })
+        /* @__PURE__ */ e(x, { items: g }),
+        m && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { variant: "secondary", onClick: n, title: i, children: i }) })
       ] })
     }
   );
 }
 export {
-  H as PayrollBlockerAlerts
+  q as PayrollBlockerAlerts
 };
 //# sourceMappingURL=PayrollBlockerAlerts.js.map

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  type ApiPayrollBlocker,\n  getBlockerTranslationKeys,\n  hasActionableBlockers,\n} from '../payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onViewBlockersClick?: () => void\n  viewBlockersLabel?: string\n}\n\nexport function PayrollBlockerAlerts({\n  blockers,\n  onViewBlockersClick,\n  viewBlockersLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n  const showViewBlockersCta =\n    Boolean(onViewBlockersClick) && (hasMultipleBlockers || hasActionableBlockers(blockers))\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('defaultBlockerDescription'),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelp') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const ctaLabel = viewBlockersLabel || t(hasMultipleBlockers ? 'viewAllBlockers' : 'viewBlocker')\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n          {showViewBlockersCta && (\n            <div>\n              <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n                {ctaLabel}\n              </Button>\n            </div>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {showViewBlockersCta && (\n          <div>\n            <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n              {ctaLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onViewBlockersClick","viewBlockersLabel","className","useI18n","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","showViewBlockersCta","hasActionableBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","description","helpText","ctaLabel","singleBlocker","jsx","jsxs","Flex","listItems"],"mappings":";;;;;;;AAiBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAE/C,MAAIV,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMW,IAAsBX,EAAS,SAAS,GACxCY,IACJ,EAAQX,MAAyBU,KAAuBE,EAAsBb,CAAQ,IAElFc,IAAmBd,EAAS,IAAI,CAAAe,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQ,EAAEF,EAAgB,UAAU;AAAA,MACxC,cAAc,EAAE,2BAA2B;AAAA,IAAA,CAC5C,GACKG,IAAc,EAAEH,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAW,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKK,IAAW,EAAEJ,EAAgB,aAAa,EAAE,cAAc,EAAE,oBAAoB,GAAG;AAEzF,WAAO;AAAA,MACL,GAAGD;AAAA,MACH,OAAAG;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKC,IAAWnB,KAAqB,EAAES,IAAsB,oBAAoB,aAAa,GAEzFW,IAAgBR,EAAiB,CAAC;AAExC,MAAI,CAACH,KAAuBW;AAC1B,WACE,gBAAAC,EAACjB,GAAA,EAAM,QAAO,SAAQ,OAAOgB,EAAc,OAAO,WAAAnB,GAChD,UAAA,gBAAAqB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAACf,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCc,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAACf,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,UACjB;AAAA,MAEDI,KACC,gBAAAW,EAAC,OAAA,EACC,UAAA,gBAAAA,EAAChB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOoB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMK,IAAYZ,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK;AAE/D,SACE,gBAAAQ;AAAA,IAACjB;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAO,EAAE,uBAAuB,EAAE,OAAON,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAqB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACd,GAAA,EAAc,OAAOiB,EAAA,CAAW;AAAA,QAChCd,KACC,gBAAAW,EAAC,OAAA,EACC,UAAA,gBAAAA,EAAChB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOoB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  type ApiPayrollBlocker,\n  getBlockerTranslationKeys,\n  hasActionableBlockers,\n  isActionableBlocker,\n} from '../payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onViewBlockersClick?: () => void\n  viewBlockersLabel?: string\n}\n\nexport function PayrollBlockerAlerts({\n  blockers,\n  onViewBlockersClick,\n  viewBlockersLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n  const showViewBlockersCta =\n    Boolean(onViewBlockersClick) && (hasMultipleBlockers || hasActionableBlockers(blockers))\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('defaultBlockerDescription'),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = isActionableBlocker(blocker.key)\n      ? undefined\n      : t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelp') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const ctaLabel = viewBlockersLabel || t(hasMultipleBlockers ? 'viewAllBlockers' : 'viewBlocker')\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n          {showViewBlockersCta && (\n            <div>\n              <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n                {ctaLabel}\n              </Button>\n            </div>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {showViewBlockersCta && (\n          <div>\n            <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n              {ctaLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onViewBlockersClick","viewBlockersLabel","className","useI18n","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","showViewBlockersCta","hasActionableBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","description","helpText","isActionableBlocker","ctaLabel","singleBlocker","jsx","jsxs","Flex","listItems"],"mappings":";;;;;;;;;AAkBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAE/C,MAAIV,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMW,IAAsBX,EAAS,SAAS,GACxCY,IACJ,EAAQX,MAAyBU,KAAuBE,EAAsBb,CAAQ,IAElFc,IAAmBd,EAAS,IAAI,CAAAe,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQ,EAAEF,EAAgB,UAAU;AAAA,MACxC,cAAc,EAAE,2BAA2B;AAAA,IAAA,CAC5C,GACKG,IAAc,EAAEH,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAW,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKK,IAAWC,EAAoBN,EAAQ,GAAG,IAC5C,SACA,EAAEC,EAAgB,aAAa,EAAE,cAAc,EAAE,oBAAoB,GAAG;AAE5E,WAAO;AAAA,MACL,GAAGD;AAAA,MACH,OAAAG;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKE,IAAWpB,KAAqB,EAAES,IAAsB,oBAAoB,aAAa,GAEzFY,IAAgBT,EAAiB,CAAC;AAExC,MAAI,CAACH,KAAuBY;AAC1B,WACE,gBAAAC,EAAClB,GAAA,EAAM,QAAO,SAAQ,OAAOiB,EAAc,OAAO,WAAApB,GAChD,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAAChB,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCe,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAAChB,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,UACjB;AAAA,MAEDI,KACC,gBAAAY,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACjB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOqB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMK,IAAYb,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK;AAE/D,SACE,gBAAAS;AAAA,IAAClB;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAO,EAAE,uBAAuB,EAAE,OAAON,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACf,GAAA,EAAc,OAAOkB,EAAA,CAAW;AAAA,QAChCf,KACC,gBAAAY,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACjB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOqB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}