@gusto/embedded-react-sdk 0.31.1 → 0.33.0

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 "../../../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 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;"}

package/dist/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.d.ts

@@ -1,7 +1,7 @@
 import { OffCycleReason } from './types';
 interface OffCycleReasonSelectionPresentationProps {
-    selectedReason: OffCycleReason | null;
-    onReasonChange: (reason: OffCycleReason) => void;
+    name: string;
+    onChange?: (value: OffCycleReason) => void;
 }
-export declare function OffCycleReasonSelectionPresentation({ selectedReason, onReasonChange, }: OffCycleReasonSelectionPresentationProps): import("react/jsx-runtime").JSX.Element;
+export declare function OffCycleReasonSelectionPresentation({ name, onChange, }: OffCycleReasonSelectionPresentationProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,12 +1,15 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { useTranslation as a } from "react-i18next";
-import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+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 "classnames";
+import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { RadioGroupField as l } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 function d({
-  selectedReason: e,
-  onReasonChange: n
+  name: e,
+  onChange: i
 }) {
-  const { t: o } = a("Payroll.OffCycleReasonSelection"), { RadioGroup: t } = p(), i = c(
+  const { t: o } = s("Payroll.OffCycleReasonSelection"), t = n(
     () => [
       {
         value: "correction",
@@ -20,17 +23,15 @@ function d({
       }
     ],
     [o]
-  ), r = (s) => {
-    n(s);
-  };
-  return /* @__PURE__ */ l(
-    t,
+  );
+  return /* @__PURE__ */ r(
+    l,
     {
+      name: e,
       label: o("title"),
-      options: i,
-      value: e ?? void 0,
-      onChange: r,
-      isRequired: !0
+      options: t,
+      isRequired: !0,
+      onChange: i
     }
   );
 }

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 { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface OffCycleReasonSelectionPresentationProps {\n  selectedReason: OffCycleReason | null\n  onReasonChange: (reason: OffCycleReason) => void\n}\n\nexport function OffCycleReasonSelectionPresentation({\n  selectedReason,\n  onReasonChange,\n}: OffCycleReasonSelectionPresentationProps) {\n  const { t } = useTranslation('Payroll.OffCycleReasonSelection')\n  const { RadioGroup } = useComponentContext()\n\n  const options = useMemo(\n    () => [\n      {\n        value: 'correction' as const,\n        label: t('options.correction.label'),\n        description: t('options.correction.description'),\n      },\n      {\n        value: 'bonus' as const,\n        label: t('options.bonus.label'),\n        description: t('options.bonus.description'),\n      },\n    ],\n    [t],\n  )\n\n  const handleChange = (value: string) => {\n    onReasonChange(value as OffCycleReason)\n  }\n\n  return (\n    <RadioGroup\n      label={t('title')}\n      options={options}\n      value={selectedReason ?? undefined}\n      onChange={handleChange}\n      isRequired\n    />\n  )\n}\n"],"names":["OffCycleReasonSelectionPresentation","selectedReason","onReasonChange","t","useTranslation","RadioGroup","useComponentContext","options","useMemo","handleChange","value","jsx"],"mappings":";;;;AAUO,SAASA,EAAoC;AAAA,EAClD,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GACxD,EAAE,YAAAC,EAAA,IAAeC,EAAA,GAEjBC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOL,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,GAGEM,IAAe,CAACC,MAAkB;AACtC,IAAAR,EAAeQ,CAAuB;AAAA,EACxC;AAEA,SACE,gBAAAC;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,OAAOF,EAAE,OAAO;AAAA,MAChB,SAAAI;AAAA,MACA,OAAON,KAAkB;AAAA,MACzB,UAAUQ;AAAA,MACV,YAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"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/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.d.ts

@@ -0,0 +1,2 @@
+import { OffCycleTaxWithholdingModalProps } from './OffCycleTaxWithholdingModalTypes';
+export declare function OffCycleTaxWithholdingModal({ isOpen, defaultConfig, onDone, onCancel, }: OffCycleTaxWithholdingModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModalTypes.d.ts

@@ -0,0 +1,8 @@
+import { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes';
+export type { OffCycleTaxWithholdingConfig };
+export interface OffCycleTaxWithholdingModalProps {
+    isOpen: boolean;
+    defaultConfig: OffCycleTaxWithholdingConfig;
+    onDone: (config: OffCycleTaxWithholdingConfig) => void;
+    onCancel: () => void;
+}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { OffCycleTaxWithholdingModal } from './OffCycleTaxWithholdingModal';
+export type { OffCycleTaxWithholdingModalProps } from './OffCycleTaxWithholdingModalTypes';

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

@@ -0,0 +1,2 @@
+import { OffCycleTaxWithholdingTableProps } from './OffCycleTaxWithholdingTableTypes';
+export declare function OffCycleTaxWithholdingTable({ wageTypeGroups, config, onEditClick, }: OffCycleTaxWithholdingTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.d.ts

@@ -0,0 +1,17 @@
+import { WithholdingPayPeriod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls';
+import { WithholdingType } from '../OffCycleReasonSelection';
+export interface WageTypeGroup {
+    id: string;
+    label: string;
+    description?: string;
+    category: 'regular' | 'supplemental' | 'reimbursement';
+}
+export interface OffCycleTaxWithholdingConfig {
+    withholdingPayPeriod: WithholdingPayPeriod;
+    withholdingRate: WithholdingType;
+}
+export interface OffCycleTaxWithholdingTableProps {
+    wageTypeGroups: WageTypeGroup[];
+    config: OffCycleTaxWithholdingConfig;
+    onEditClick: () => void;
+}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { OffCycleTaxWithholdingTable } from './OffCycleTaxWithholdingTable';
+export type { OffCycleTaxWithholdingConfig, OffCycleTaxWithholdingTableProps, WageTypeGroup, } from './OffCycleTaxWithholdingTableTypes';

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.d.ts

@@ -2,13 +2,8 @@ import { ApiPayrollBlocker } from '../payrollHelpers';
 interface PayrollBlockerAlertsProps {
     blockers: ApiPayrollBlocker[];
     className?: string;
-    onMultipleViewClick?: () => void;
-    multipleViewLabel?: string;
+    onViewBlockersClick?: () => void;
+    viewBlockersLabel?: string;
 }
-/**
- * PayrollBlockerAlerts - Alert-style component for inline blocker display
- * Shows single blocker as alert, or multiple blockers as summary with "Review" button
- * Returns null for empty blocker arrays
- */
-export declare function PayrollBlockerAlerts({ blockers, onMultipleViewClick, multipleViewLabel, className, }: PayrollBlockerAlertsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PayrollBlockerAlerts({ blockers, onViewBlockersClick, viewBlockersLabel, className, }: PayrollBlockerAlertsProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,53 +1,55 @@
-import { jsx as l, jsxs as d } from "react/jsx-runtime";
-import { useTranslation as K } from "react-i18next";
-import { getBlockerTranslationKeys as P } from "../payrollHelpers.js";
-import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Flex as m } from "../../../Common/Flex/Flex.js";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+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 "react";
-import { useI18n as D } from "../../../../i18n/I18n.js";
-function F({
+import { useI18n as I } from "../../../../i18n/I18n.js";
+function U({
   blockers: o,
-  onMultipleViewClick: i,
-  multipleViewLabel: f,
-  className: s
+  onViewBlockersClick: n,
+  viewBlockersLabel: y,
+  className: a
 }) {
-  D("Payroll.PayrollBlocker");
-  const { t: e } = K("Payroll.PayrollBlocker"), { Alert: c, Button: h, Text: a, UnorderedList: x } = v();
+  I("Payroll.PayrollBlocker");
+  const { t } = A("Payroll.PayrollBlocker"), { Alert: p, Button: d, Text: u, UnorderedList: x } = C();
   if (o.length === 0)
     return null;
-  const y = o.length > 1, p = o.map((r) => {
-    const n = P(r.key), g = e(n.titleKey, {
-      defaultValue: e("defaultBlockerDescription")
-    }), T = e(n.descriptionKey, {
-      defaultValue: r.message || e("defaultBlockerDescription")
-    }), k = e(n.helpTextKey, { defaultValue: e("defaultBlockerHelp") });
+  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: r.message || t("defaultBlockerDescription")
+    }), v = D(r.key) ? void 0 : t(c.helpTextKey, { defaultValue: t("defaultBlockerHelp") });
     return {
       ...r,
-      title: g,
-      description: T,
-      helpText: k
+      title: T,
+      description: k,
+      helpText: v
     };
-  }), t = p[0];
-  if (!y && t)
-    return /* @__PURE__ */ l(c, { status: "error", label: t.title, className: s, children: /* @__PURE__ */ d(m, { flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ l(a, { children: t.description }),
-      t.helpText && t.helpText !== t.description && /* @__PURE__ */ l(a, { variant: "supporting", size: "sm", children: t.helpText })
+  }), 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(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 B = p.map((r) => r.title), u = f || e("viewAllBlockers");
-  return /* @__PURE__ */ l(
-    c,
+  const g = h.map((r) => r.title);
+  return /* @__PURE__ */ e(
+    p,
     {
       status: "error",
-      label: e("multipleIssuesTitle", { count: o.length }),
-      className: s,
-      children: /* @__PURE__ */ d(m, { flexDirection: "column", gap: 16, children: [
-        /* @__PURE__ */ l(x, { items: B }),
-        i && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(h, { variant: "secondary", onClick: i, title: u, children: u }) })
+      label: t("multipleIssuesTitle", { count: o.length }),
+      className: a,
+      children: /* @__PURE__ */ f(B, { flexDirection: "column", gap: 16, children: [
+        /* @__PURE__ */ e(x, { items: g }),
+        m && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { variant: "secondary", onClick: n, title: i, children: i }) })
       ] })
     }
   );
 }
 export {
-  F as PayrollBlockerAlerts
+  U 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 { type ApiPayrollBlocker, getBlockerTranslationKeys } 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  onMultipleViewClick?: () => void\n  multipleViewLabel?: string\n}\n\n/**\n * PayrollBlockerAlerts - Alert-style component for inline blocker display\n * Shows single blocker as alert, or multiple blockers as summary with \"Review\" button\n * Returns null for empty blocker arrays\n */\nexport function PayrollBlockerAlerts({\n  blockers,\n  onMultipleViewClick,\n  multipleViewLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  // Return null for empty blockers array\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\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 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        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n  const defaultMultipleLabel = multipleViewLabel || t('viewAllBlockers')\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        {onMultipleViewClick && (\n          <div>\n            <Button variant=\"secondary\" onClick={onMultipleViewClick} title={defaultMultipleLabel}>\n              {defaultMultipleLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onMultipleViewClick","multipleViewLabel","className","useI18n","t","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","description","helpText","singleBlocker","jsx","jsxs","Flex","listItems","defaultMultipleLabel"],"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,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAG/C,MAAIX,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMY,IAAsBZ,EAAS,SAAS,GAExCa,IAAmBb,EAAS,IAAI,CAAAc,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQZ,EAAEU,EAAgB,UAAU;AAAA,MACxC,cAAcV,EAAE,2BAA2B;AAAA,IAAA,CAC5C,GACKa,IAAcb,EAAEU,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAWT,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKc,IAAWd,EAAEU,EAAgB,aAAa,EAAE,cAAcV,EAAE,oBAAoB,GAAG;AAEzF,WAAO;AAAA,MACL,GAAGS;AAAA,MACH,OAAAG;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKC,IAAgBP,EAAiB,CAAC;AAExC,MAAI,CAACD,KAAuBQ;AAC1B,WACE,gBAAAC,EAACd,GAAA,EAAM,QAAO,SAAQ,OAAOa,EAAc,OAAO,WAAAjB,GAChD,UAAA,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAACZ,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCW,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAACZ,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,SAAA,CACjB;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMe,IAAYX,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK,GACzDW,IAAuBvB,KAAqBG,EAAE,iBAAiB;AAErE,SACE,gBAAAgB;AAAA,IAACd;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,uBAAuB,EAAE,OAAOL,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACX,GAAA,EAAc,OAAOc,EAAA,CAAW;AAAA,QAChCvB,KACC,gBAAAoB,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACb,GAAA,EAAO,SAAQ,aAAY,SAASP,GAAqB,OAAOwB,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;"}