@gusto/embedded-react-sdk 0.26.0 → 0.28.0

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

@@ -0,0 +1,39 @@
+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";
+function d({
+  selectedReason: e,
+  onReasonChange: n
+}) {
+  const { t: o } = a("Payroll.OffCycleReasonSelection"), { RadioGroup: t } = p(), i = c(
+    () => [
+      {
+        value: "correction",
+        label: o("options.correction.label"),
+        description: o("options.correction.description")
+      },
+      {
+        value: "bonus",
+        label: o("options.bonus.label"),
+        description: o("options.bonus.description")
+      }
+    ],
+    [o]
+  ), r = (s) => {
+    n(s);
+  };
+  return /* @__PURE__ */ l(
+    t,
+    {
+      label: o("title"),
+      options: i,
+      value: e ?? void 0,
+      onChange: r
+    }
+  );
+}
+export {
+  d as OffCycleReasonSelectionPresentation
+};
+//# sourceMappingURL=OffCycleReasonSelectionPresentation.js.map

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

@@ -0,0 +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    />\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,IAAA;AAAA,EAAA;AAGhB;"}

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

@@ -0,0 +1,5 @@
+import "./types/i18next.d.ts"
+export { OffCycleReasonSelection } from './OffCycleReasonSelection';
+export { OffCycleReasonSelectionPresentation } from './OffCycleReasonSelectionPresentation';
+export type { OffCycleReason, OffCycleReasonDefaults, OffCycleReasonSelectionProps, SelectReasonPayload, WithholdingType, } from './types';
+export { OFF_CYCLE_REASON_DEFAULTS } from './types';

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

@@ -0,0 +1,15 @@
+import { BaseComponentInterface } from '../../Base/Base';
+export type OffCycleReason = 'bonus' | 'correction';
+export type WithholdingType = 'supplemental' | 'regular';
+export interface OffCycleReasonDefaults {
+    skipDeductions: boolean;
+    withholdingType: WithholdingType;
+}
+export declare const OFF_CYCLE_REASON_DEFAULTS: Record<OffCycleReason, OffCycleReasonDefaults>;
+export interface SelectReasonPayload {
+    reason: OffCycleReason;
+    defaults: OffCycleReasonDefaults;
+}
+export interface OffCycleReasonSelectionProps extends BaseComponentInterface<'Payroll.OffCycleReasonSelection'> {
+    companyId: string;
+}

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

@@ -0,0 +1,14 @@
+const e = {
+  bonus: {
+    skipDeductions: !0,
+    withholdingType: "supplemental"
+  },
+  correction: {
+    skipDeductions: !1,
+    withholdingType: "regular"
+  }
+};
+export {
+  e as OFF_CYCLE_REASON_DEFAULTS
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/types.ts"],"sourcesContent":["import type { BaseComponentInterface } from '@/components/Base/Base'\n\nexport type OffCycleReason = 'bonus' | 'correction'\n\nexport type WithholdingType = 'supplemental' | 'regular'\n\nexport interface OffCycleReasonDefaults {\n  skipDeductions: boolean\n  withholdingType: WithholdingType\n}\n\nexport const OFF_CYCLE_REASON_DEFAULTS: Record<OffCycleReason, OffCycleReasonDefaults> = {\n  bonus: {\n    skipDeductions: true,\n    withholdingType: 'supplemental',\n  },\n  correction: {\n    skipDeductions: false,\n    withholdingType: 'regular',\n  },\n}\n\nexport interface SelectReasonPayload {\n  reason: OffCycleReason\n  defaults: OffCycleReasonDefaults\n}\n\nexport interface OffCycleReasonSelectionProps extends BaseComponentInterface<'Payroll.OffCycleReasonSelection'> {\n  companyId: string\n}\n"],"names":["OFF_CYCLE_REASON_DEFAULTS"],"mappings":"AAWO,MAAMA,IAA4E;AAAA,EACvF,OAAO;AAAA,IACL,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EAAA;AAAA,EAEnB,YAAY;AAAA,IACV,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EAAA;AAErB;"}

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

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

package/dist/components/Payroll/PayPeriodDateForm/PayPeriodDateForm.js

@@ -0,0 +1,35 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { useFormContext as y } from "react-hook-form";
+import { PayPeriodDateFormPresentation as u } from "./PayPeriodDateFormPresentation.js";
+import { BaseComponent as C } from "../../Base/Base.js";
+import { useBase as D } from "../../Base/useBase.js";
+import { useComponentDictionary as P, useI18n as f } from "../../../i18n/I18n.js";
+import { componentEvents as O } from "../../../shared/constants.js";
+function T(t) {
+  return /* @__PURE__ */ o(C, { ...t, children: /* @__PURE__ */ o(S, { ...t, children: t.children }) });
+}
+function S({ onEvent: t, dictionary: n, initialValues: r }) {
+  P("Payroll.PayPeriodDateForm", n), f("Payroll.PayPeriodDateForm");
+  const { baseSubmitHandler: i } = D(), { handleSubmit: m } = y(), [s, a] = h(r?.isCheckOnly ?? !1), c = async (e) => {
+    await i(e, () => (t(O.RUN_PAYROLL_DATES_CONFIGURED, {
+      isCheckOnly: e.isCheckOnly,
+      startDate: e.startDate?.toISOString().split("T")[0],
+      endDate: e.endDate?.toISOString().split("T")[0],
+      checkDate: e.checkDate?.toISOString().split("T")[0]
+    }), Promise.resolve()));
+  }, l = (e) => {
+    a(e);
+  };
+  return /* @__PURE__ */ o("form", { onSubmit: m(c), children: /* @__PURE__ */ o(
+    u,
+    {
+      isCheckOnly: s,
+      onCheckOnlyChange: l
+    }
+  ) });
+}
+export {
+  T as PayPeriodDateForm
+};
+//# sourceMappingURL=PayPeriodDateForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayPeriodDateForm.js","sources":["../../../../src/components/Payroll/PayPeriodDateForm/PayPeriodDateForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { PayPeriodDateFormPresentation } from './PayPeriodDateFormPresentation'\nimport { type PayPeriodDateFormData, type PayPeriodDateFormProps } from './PayPeriodDateFormTypes'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport function PayPeriodDateForm(props: PayPeriodDateFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ onEvent, dictionary, initialValues }: PayPeriodDateFormProps) {\n  useComponentDictionary('Payroll.PayPeriodDateForm', dictionary)\n  useI18n('Payroll.PayPeriodDateForm')\n  const { baseSubmitHandler } = useBase()\n\n  const { handleSubmit } = useFormContext<PayPeriodDateFormData>()\n\n  const [isCheckOnly, setIsCheckOnly] = useState(initialValues?.isCheckOnly ?? false)\n\n  const onSubmit = async (data: PayPeriodDateFormData) => {\n    await baseSubmitHandler(data, () => {\n      onEvent(componentEvents.RUN_PAYROLL_DATES_CONFIGURED, {\n        isCheckOnly: data.isCheckOnly,\n        startDate: data.startDate?.toISOString().split('T')[0],\n        endDate: data.endDate?.toISOString().split('T')[0],\n        checkDate: data.checkDate?.toISOString().split('T')[0],\n      })\n      return Promise.resolve()\n    })\n  }\n\n  const handleCheckOnlyChange = (checked: boolean) => {\n    setIsCheckOnly(checked)\n  }\n\n  return (\n    <form onSubmit={handleSubmit(onSubmit)}>\n      <PayPeriodDateFormPresentation\n        isCheckOnly={isCheckOnly}\n        onCheckOnlyChange={handleCheckOnlyChange}\n      />\n    </form>\n  )\n}\n"],"names":["PayPeriodDateForm","props","jsx","BaseComponent","Root","onEvent","dictionary","initialValues","useComponentDictionary","useI18n","baseSubmitHandler","useBase","handleSubmit","useFormContext","isCheckOnly","setIsCheckOnly","useState","onSubmit","data","componentEvents","handleCheckOnlyChange","checked","PayPeriodDateFormPresentation"],"mappings":";;;;;;;;AAQO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,SAAAC,GAAS,YAAAC,GAAY,eAAAC,KAAyC;AAC5E,EAAAC,EAAuB,6BAA6BF,CAAU,GAC9DG,EAAQ,2BAA2B;AACnC,QAAM,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GAExB,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GAEnB,CAACC,GAAaC,CAAc,IAAIC,EAAST,GAAe,eAAe,EAAK,GAE5EU,IAAW,OAAOC,MAAgC;AACtD,UAAMR,EAAkBQ,GAAM,OAC5Bb,EAAQc,EAAgB,8BAA8B;AAAA,MACpD,aAAaD,EAAK;AAAA,MAClB,WAAWA,EAAK,WAAW,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC;AAAA,MACrD,SAASA,EAAK,SAAS,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC;AAAA,MACjD,WAAWA,EAAK,WAAW,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC;AAAA,IAAA,CACtD,GACM,QAAQ,QAAA,EAChB;AAAA,EACH,GAEME,IAAwB,CAACC,MAAqB;AAClD,IAAAN,EAAeM,CAAO;AAAA,EACxB;AAEA,SACE,gBAAAnB,EAAC,QAAA,EAAK,UAAUU,EAAaK,CAAQ,GACnC,UAAA,gBAAAf;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,aAAAR;AAAA,MACA,mBAAmBM;AAAA,IAAA;AAAA,EAAA,GAEvB;AAEJ;"}

package/dist/components/Payroll/PayPeriodDateForm/PayPeriodDateFormPresentation.d.ts

@@ -0,0 +1,2 @@
+import { PayPeriodDateFormPresentationProps } from './PayPeriodDateFormTypes';
+export declare function PayPeriodDateFormPresentation({ isCheckOnly, onCheckOnlyChange, isPending, }: Omit<PayPeriodDateFormPresentationProps, 'payrollType' | 'minCheckDate'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/PayPeriodDateForm/PayPeriodDateFormPresentation.js

@@ -0,0 +1,65 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useFormContext as D, useWatch as b } from "react-hook-form";
+import { useTranslation as f } from "react-i18next";
+import a from "./PayPeriodDateFormPresentation.module.scss.js";
+import { useI18n as y } from "../../../i18n/I18n.js";
+import { useComponentContext as P } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../shared/constants.js";
+import "classnames";
+import { DatePickerField as r } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+import "react";
+import { CheckboxField as k } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+function j({
+  isCheckOnly: o,
+  onCheckOnlyChange: l,
+  isPending: c
+}) {
+  const { Heading: d, Text: m, Button: p } = P();
+  y("Payroll.PayPeriodDateForm");
+  const { t: e } = f("Payroll.PayPeriodDateForm"), { setValue: n } = D(), h = b({ name: "startDate" }), u = (s) => {
+    l(s), s && (n("startDate", null), n("endDate", null));
+  };
+  return /* @__PURE__ */ i("div", { className: a.root, children: [
+    /* @__PURE__ */ i("div", { className: a.sectionHeader, children: [
+      /* @__PURE__ */ t(d, { as: "h2", children: e("pageTitle") }),
+      /* @__PURE__ */ t(m, { variant: "supporting", children: e("description") })
+    ] }),
+    /* @__PURE__ */ i("div", { className: a.formSection, children: [
+      !o && /* @__PURE__ */ i("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,
+            isDisabled: !h
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: a.checkDateField, children: /* @__PURE__ */ t(
+        r,
+        {
+          name: "checkDate",
+          label: e("checkDateLabel"),
+          description: o ? void 0 : e("checkDateDescription"),
+          isRequired: !0
+        }
+      ) }),
+      /* @__PURE__ */ t(
+        k,
+        {
+          name: "isCheckOnly",
+          label: e("checkOnlyLabel"),
+          description: e("checkOnlyDescription"),
+          onChange: u
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: a.actions, children: /* @__PURE__ */ t(p, { type: "submit", isDisabled: c, children: e("continueButton") }) })
+  ] });
+}
+export {
+  j as PayPeriodDateFormPresentation
+};
+//# sourceMappingURL=PayPeriodDateFormPresentation.js.map

package/dist/components/Payroll/PayPeriodDateForm/PayPeriodDateFormPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayPeriodDateFormPresentation.js","sources":["../../../../src/components/Payroll/PayPeriodDateForm/PayPeriodDateFormPresentation.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport styles from './PayPeriodDateFormPresentation.module.scss'\nimport type {\n  PayPeriodDateFormData,\n  PayPeriodDateFormPresentationProps,\n} from './PayPeriodDateFormTypes'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { CheckboxField, DatePickerField } from '@/components/Common'\n\nexport function PayPeriodDateFormPresentation({\n  isCheckOnly,\n  onCheckOnlyChange,\n  isPending,\n}: Omit<PayPeriodDateFormPresentationProps, 'payrollType' | 'minCheckDate'>) {\n  const { Heading, Text, Button } = useComponentContext()\n  useI18n('Payroll.PayPeriodDateForm')\n  const { t } = useTranslation('Payroll.PayPeriodDateForm')\n  const { setValue } = useFormContext<PayPeriodDateFormData>()\n\n  const startDate = useWatch<PayPeriodDateFormData, 'startDate'>({ name: 'startDate' })\n\n  const handleCheckOnlyChange = (checked: boolean) => {\n    onCheckOnlyChange(checked)\n    if (checked) {\n      setValue('startDate', null)\n      setValue('endDate', null)\n    }\n  }\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.sectionHeader}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('description')}</Text>\n      </div>\n\n      <div className={styles.formSection}>\n        {!isCheckOnly && (\n          <div className={styles.dateFields}>\n            <DatePickerField name=\"startDate\" label={t('startDateLabel')} isRequired />\n            <DatePickerField\n              name=\"endDate\"\n              label={t('endDateLabel')}\n              isRequired\n              isDisabled={!startDate}\n            />\n          </div>\n        )}\n\n        <div className={styles.checkDateField}>\n          <DatePickerField\n            name=\"checkDate\"\n            label={t('checkDateLabel')}\n            description={isCheckOnly ? undefined : t('checkDateDescription')}\n            isRequired\n          />\n        </div>\n\n        <CheckboxField\n          name=\"isCheckOnly\"\n          label={t('checkOnlyLabel')}\n          description={t('checkOnlyDescription')}\n          onChange={handleCheckOnlyChange}\n        />\n      </div>\n\n      <div className={styles.actions}>\n        <Button type=\"submit\" isDisabled={isPending}>\n          {t('continueButton')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["PayPeriodDateFormPresentation","isCheckOnly","onCheckOnlyChange","isPending","Heading","Text","Button","useComponentContext","useI18n","t","useTranslation","setValue","useFormContext","startDate","useWatch","handleCheckOnlyChange","checked","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;;;;;;AAWO,SAASA,EAA8B;AAAA,EAC5C,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA6E;AAC3E,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA;AAClC,EAAAC,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B,GAClD,EAAE,UAAAC,EAAA,IAAaC,EAAA,GAEfC,IAAYC,EAA6C,EAAE,MAAM,aAAa,GAE9EC,IAAwB,CAACC,MAAqB;AAClD,IAAAd,EAAkBc,CAAO,GACrBA,MACFL,EAAS,aAAa,IAAI,GAC1BA,EAAS,WAAW,IAAI;AAAA,EAE5B;AAEA,SACE,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,eACrB,UAAA;AAAA,MAAA,gBAAAC,EAACf,GAAA,EAAQ,IAAG,MAAM,UAAAK,EAAE,WAAW,GAAE;AAAA,wBAChCJ,GAAA,EAAK,SAAQ,cAAc,UAAAI,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC/C;AAAA,IAEA,gBAAAQ,EAAC,OAAA,EAAI,WAAWC,EAAO,aACpB,UAAA;AAAA,MAAA,CAACjB,KACA,gBAAAgB,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOX,EAAE,gBAAgB,GAAG,YAAU,IAAC;AAAA,QACzE,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,cAAc;AAAA,YACvB,YAAU;AAAA,YACV,YAAY,CAACI;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,GACF;AAAA,MAGF,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOX,EAAE,gBAAgB;AAAA,UACzB,aAAaR,IAAc,SAAYQ,EAAE,sBAAsB;AAAA,UAC/D,YAAU;AAAA,QAAA;AAAA,MAAA,GAEd;AAAA,MAEA,gBAAAU;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOZ,EAAE,gBAAgB;AAAA,UACzB,aAAaA,EAAE,sBAAsB;AAAA,UACrC,UAAUM;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IAEA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,SACrB,UAAA,gBAAAC,EAACb,GAAA,EAAO,MAAK,UAAS,YAAYH,GAC/B,UAAAM,EAAE,gBAAgB,GACrB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Payroll/PayPeriodDateForm/PayPeriodDateFormPresentation.module.scss.js

@@ -0,0 +1,18 @@
+const t = "_root_h0at5_1", e = "_sectionHeader_h0at5_7", o = "_formSection_h0at5_13", c = "_dateFields_h0at5_19", a = "_checkDateField_h0at5_28", s = "_actions_h0at5_32", _ = {
+  root: t,
+  sectionHeader: e,
+  formSection: o,
+  dateFields: c,
+  checkDateField: a,
+  actions: s
+};
+export {
+  s as actions,
+  a as checkDateField,
+  c as dateFields,
+  _ as default,
+  o as formSection,
+  t as root,
+  e as sectionHeader
+};
+//# sourceMappingURL=PayPeriodDateFormPresentation.module.scss.js.map

package/dist/components/Payroll/PayPeriodDateForm/PayPeriodDateFormPresentation.module.scss.js.map

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

package/dist/components/Payroll/PayPeriodDateForm/PayPeriodDateFormTypes.d.ts

@@ -0,0 +1,53 @@
+import { z } from 'zod';
+import { BaseComponentInterface } from '../../Base/Base';
+export type PayrollDateType = 'bonus' | 'correction';
+export interface PayPeriodDateFormProps extends BaseComponentInterface<'Payroll.PayPeriodDateForm'> {
+    companyId: string;
+    payrollType?: PayrollDateType;
+    initialValues?: {
+        isCheckOnly?: boolean;
+        startDate?: Date;
+        endDate?: Date;
+        checkDate?: Date;
+    };
+}
+export interface PayPeriodDateFormPresentationProps {
+    isCheckOnly: boolean;
+    onCheckOnlyChange: (value: boolean) => void;
+    isPending?: boolean;
+    payrollType: PayrollDateType;
+    minCheckDate: Date;
+}
+export interface PayPeriodDateFormData {
+    isCheckOnly: boolean;
+    startDate: Date | null;
+    endDate: Date | null;
+    checkDate: Date | null;
+}
+export declare const createPayPeriodDateFormSchema: (t: (key: string) => string, payrollType: PayrollDateType, minCheckDate: Date) => z.ZodEffects<z.ZodObject<{
+    isCheckOnly: z.ZodBoolean;
+    startDate: z.ZodNullable<z.ZodDate>;
+    endDate: z.ZodNullable<z.ZodDate>;
+    checkDate: z.ZodNullable<z.ZodDate>;
+}, "strip", z.ZodTypeAny, {
+    startDate: Date | null;
+    endDate: Date | null;
+    checkDate: Date | null;
+    isCheckOnly: boolean;
+}, {
+    startDate: Date | null;
+    endDate: Date | null;
+    checkDate: Date | null;
+    isCheckOnly: boolean;
+}>, {
+    startDate: Date | null;
+    endDate: Date | null;
+    checkDate: Date | null;
+    isCheckOnly: boolean;
+}, {
+    startDate: Date | null;
+    endDate: Date | null;
+    checkDate: Date | null;
+    isCheckOnly: boolean;
+}>;
+export type PayPeriodDateFormSchema = ReturnType<typeof createPayPeriodDateFormSchema>;

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { PayPeriodDateForm } from './PayPeriodDateForm';
+export type { PayPeriodDateFormProps, PayPeriodDateFormData, PayrollDateType, } from './PayPeriodDateFormTypes';

package/dist/components/Payroll/PayPeriodDateForm/usePayPeriodDateValidation.d.ts

@@ -0,0 +1,5 @@
+export declare function usePayPeriodDateValidation(): {
+    today: Date;
+    minCheckDate: Date;
+    achLeadTimeBusinessDays: number;
+};

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

@@ -3,9 +3,11 @@ 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 "classnames";
+import "../../../../shared/constants.js";
 import "react";
 import { useI18n as D } from "../../../../i18n/I18n.js";
-function F({
+function M({
   blockers: o,
   onMultipleViewClick: i,
   multipleViewLabel: f,
@@ -48,6 +50,6 @@ function F({
   );
 }
 export {
-  F as PayrollBlockerAlerts
+  M 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 { 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;"}

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

@@ -10,19 +10,19 @@ import { getBlockerTranslationKeys as G } from "../payrollHelpers.js";
 import B from "./PayrollBlockerList.module.scss.js";
 import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { FlexItem as j, Flex as a } from "../../../Common/Flex/Flex.js";
-import { DataView as $ } from "../../../Common/DataView/DataView.js";
-import { useDataView as H } from "../../../Common/DataView/useDataView.js";
-import { useComponentDictionary as Q, useI18n as Y } from "../../../../i18n/I18n.js";
-import { RecoveryCases as z } from "../../RecoveryCases/RecoveryCases.js";
-import { BaseComponent as J } from "../../../Base/Base.js";
+import { recoveryCasesEvents as $, informationRequestEvents as H } from "../../../../shared/constants.js";
+import { DataView as Q } from "../../../Common/DataView/DataView.js";
+import { useDataView as Y } from "../../../Common/DataView/useDataView.js";
+import { useComponentDictionary as z, useI18n as J } from "../../../../i18n/I18n.js";
+import { RecoveryCases as W } from "../../RecoveryCases/RecoveryCases.js";
+import { BaseComponent as X } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { recoveryCasesEvents as W, informationRequestEvents as X } from "../../../../shared/constants.js";
 import { InformationRequestsFlow as Z } from "../../../InformationRequests/InformationRequests.js";
 function be(s) {
-  return /* @__PURE__ */ o(J, { ...s, children: /* @__PURE__ */ o(ee, { ...s, children: s.children }) });
+  return /* @__PURE__ */ o(X, { ...s, children: /* @__PURE__ */ o(ee, { ...s, children: s.children }) });
 }
 function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
-  Q("Payroll.PayrollBlocker", g), Y("Payroll.PayrollBlocker");
+  z("Payroll.PayrollBlocker", g), J("Payroll.PayrollBlocker");
   const { t: r } = N("Payroll.PayrollBlocker"), { Button: v, Text: i, Heading: b, Alert: D } = M(), [x, f] = _({
     id: 0,
     alerts: []
@@ -38,16 +38,16 @@ function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
     }));
   }, []), p = d(
     (e, t) => {
-      e === W.RECOVERY_CASE_RESUBMIT_DONE && c("recoveryCaseResubmitted"), e === X.INFORMATION_REQUEST_FORM_DONE && c("informationRequestResponded"), u(e, t);
+      e === $.RECOVERY_CASE_RESUBMIT_DONE && c("recoveryCaseResubmitted"), e === H.INFORMATION_REQUEST_FORM_DONE && c("informationRequestResponded"), u(e, t);
     },
     [u, c]
-  ), { data: P } = O({
+  ), { data: A } = O({
     companyUuid: n
-  }), { data: S } = V({
+  }), { data: P } = V({
     companyUuid: n
-  }), { data: A } = F({
+  }), { data: S } = F({
     companyUuid: n
-  }), y = (P.payrollBlockerList ?? []).map((e) => {
+  }), y = (A.payrollBlockerList ?? []).map((e) => {
     const t = e.key ?? "unknown", l = G(t), T = r(l.titleKey, {
       defaultValue: t.replace(/_/g, " ").replace(/\b\w/g, (U) => U.toUpperCase())
     }), I = r(l.descriptionKey, {
@@ -58,11 +58,11 @@ function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
       title: T,
       description: I
     };
-  }), q = S.recoveryCaseList ?? [], L = A.informationRequestList ?? [], h = q.some(
+  }), q = P.recoveryCaseList ?? [], w = S.informationRequestList ?? [], h = q.some(
     (e) => e.status !== "recovered"
-  ), k = L.some(
+  ), k = w.some(
     (e) => e.blockingPayroll && e.status !== K.Approved
-  ), w = H({
+  ), L = Y({
     data: y,
     columns: [
       {
@@ -96,14 +96,15 @@ function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
     )),
     C && /* @__PURE__ */ m(a, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ o(b, { as: "h2", styledAs: "h4", children: r("blockersListTitle") }),
-      /* @__PURE__ */ o($, { ...w, label: r("blockersListTitle") })
+      /* @__PURE__ */ o(Q, { ...L, label: r("blockersListTitle") })
     ] }),
-    h && /* @__PURE__ */ o(z, { companyId: n, onEvent: p }),
+    h && /* @__PURE__ */ o(W, { companyId: n, onEvent: p }),
     k && /* @__PURE__ */ o(
       Z,
       {
         companyId: n,
         filterByPayrollBlocking: !0,
+        withAlert: !1,
         onEvent: p
       }
     )

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollBlockerList.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport { getBlockerTranslationKeys } from '../payrollHelpers'\nimport styles from './PayrollBlockerList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { RecoveryCases } from '@/components/Payroll/RecoveryCases'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { informationRequestEvents, recoveryCasesEvents, type EventType } from '@/shared/constants'\n\ntype ResponseAlertType = 'recoveryCaseResubmitted' | 'informationRequestResponded'\n\ninterface ResponseAlert {\n  id: number\n  type: ResponseAlertType\n}\n\ninterface ResponseAlertState {\n  id: number\n  alerts: ResponseAlert[]\n}\n\ninterface PayrollBlocker {\n  id: string\n  title: string\n  description: string\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\ninterface PayrollBlockerListProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n  companyId: string\n}\n\n/**\n * PayrollBlockerList - DataView-based component displaying payroll blockers\n * Shows each blocker with individual resolution buttons\n * Also displays recovery cases and information requests sections when applicable\n */\nexport function PayrollBlockerList(props: PayrollBlockerListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, companyId, dictionary, onEvent }: PayrollBlockerListProps) {\n  useComponentDictionary('Payroll.PayrollBlocker', dictionary)\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Button, Text, Heading, Alert } = useComponentContext()\n\n  const [alertState, setAlertState] = useState<ResponseAlertState>({\n    id: 0,\n    alerts: [],\n  })\n\n  const handleDismissAlert = useCallback((alertId: number) => {\n    setAlertState(prev => ({\n      ...prev,\n      alerts: prev.alerts.filter(alert => alert.id !== alertId),\n    }))\n  }, [])\n\n  const addAlert = useCallback((alertType: ResponseAlertType) => {\n    setAlertState(prev => ({\n      id: prev.id + 1,\n      alerts: [{ id: prev.id, type: alertType }, ...prev.alerts],\n    }))\n  }, [])\n\n  const handleEvent = useCallback(\n    (type: EventType, data?: unknown) => {\n      if (type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE) {\n        addAlert('recoveryCaseResubmitted')\n      }\n\n      if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE) {\n        addAlert('informationRequestResponded')\n      }\n\n      onEvent(type, data)\n    },\n    [onEvent, addAlert],\n  )\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: recoveryCasesData } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockerList ?? []\n  const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n    const blockerKey = blocker.key ?? 'unknown'\n    const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blockerKey.replace(/_/g, ' ').replace(/\\b\\w/g, letter => letter.toUpperCase()),\n    })\n\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n\n    return {\n      id: blockerKey,\n      title,\n      description,\n    }\n  })\n\n  const recoveryCases = recoveryCasesData.recoveryCaseList ?? []\n  const informationRequests = informationRequestsData.informationRequestList ?? []\n\n  const hasUnrecoveredCases = recoveryCases.some(\n    recoveryCase => recoveryCase.status !== 'recovered',\n  )\n\n  const hasBlockingInformationRequests = informationRequests.some(\n    request => request.blockingPayroll && request.status !== InformationRequestStatus.Approved,\n  )\n\n  const dataViewProps = useDataView({\n    data: blockers,\n    columns: [\n      {\n        title: t('blockerSectionLabel'),\n        render: blocker => (\n          <FlexItem flexGrow={1}>\n            <Flex flexDirection=\"column\" gap={8}>\n              <Text weight=\"semibold\">{blocker.title}</Text>\n              <Text variant=\"supporting\">{blocker.description}</Text>\n            </Flex>\n          </FlexItem>\n        ),\n      },\n      {\n        title: '',\n        render: blocker => {\n          const action = blocker.action\n\n          if (!action) {\n            return null\n          }\n\n          return (\n            <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n              <Button variant=\"secondary\" onClick={action.onClick} title={action.label}>\n                {action.label}\n              </Button>\n            </Flex>\n          )\n        },\n      },\n    ],\n  })\n\n  const hasBlockers = blockers.length > 0\n  const hasAnyContent = hasBlockers || hasUnrecoveredCases || hasBlockingInformationRequests\n\n  if (!hasAnyContent) {\n    return (\n      <div className={classNames(styles.root, className)}>\n        <Text>{t('noBlockersMessage')}</Text>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <Flex flexDirection=\"column\" gap={32}>\n        {alertState.alerts.map(alert => (\n          <Alert\n            key={alert.id}\n            status=\"success\"\n            label={t(`alerts.${alert.type}.title`)}\n            onDismiss={() => {\n              handleDismissAlert(alert.id)\n            }}\n          >\n            <Text>{t(`alerts.${alert.type}.description`)}</Text>\n          </Alert>\n        ))}\n\n        {hasBlockers && (\n          <Flex flexDirection=\"column\" gap={20}>\n            <Heading as=\"h2\" styledAs=\"h4\">\n              {t('blockersListTitle')}\n            </Heading>\n            <DataView {...dataViewProps} label={t('blockersListTitle')} />\n          </Flex>\n        )}\n\n        {hasUnrecoveredCases && <RecoveryCases companyId={companyId} onEvent={handleEvent} />}\n\n        {hasBlockingInformationRequests && (\n          <InformationRequestsFlow\n            companyId={companyId}\n            filterByPayrollBlocking\n            onEvent={handleEvent}\n          />\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollBlockerList","props","jsx","BaseComponent","Root","className","companyId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","Button","Text","Heading","Alert","useComponentContext","alertState","setAlertState","useState","handleDismissAlert","useCallback","alertId","prev","alert","addAlert","alertType","handleEvent","type","data","recoveryCasesEvents","informationRequestEvents","blockersData","usePayrollsGetBlockersSuspense","recoveryCasesData","useRecoveryCasesGetSuspense","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","letter","description","recoveryCases","informationRequests","hasUnrecoveredCases","recoveryCase","hasBlockingInformationRequests","request","InformationRequestStatus","dataViewProps","useDataView","FlexItem","jsxs","Flex","action","hasBlockers","classNames","styles","DataView","RecoveryCases","InformationRequestsFlow"],"mappings":"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"}
+{"version":3,"file":"PayrollBlockerList.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport { getBlockerTranslationKeys } from '../payrollHelpers'\nimport styles from './PayrollBlockerList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { RecoveryCases } from '@/components/Payroll/RecoveryCases'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { informationRequestEvents, recoveryCasesEvents, type EventType } from '@/shared/constants'\n\ntype ResponseAlertType = 'recoveryCaseResubmitted' | 'informationRequestResponded'\n\ninterface ResponseAlert {\n  id: number\n  type: ResponseAlertType\n}\n\ninterface ResponseAlertState {\n  id: number\n  alerts: ResponseAlert[]\n}\n\ninterface PayrollBlocker {\n  id: string\n  title: string\n  description: string\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\ninterface PayrollBlockerListProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n  companyId: string\n}\n\n/**\n * PayrollBlockerList - DataView-based component displaying payroll blockers\n * Shows each blocker with individual resolution buttons\n * Also displays recovery cases and information requests sections when applicable\n */\nexport function PayrollBlockerList(props: PayrollBlockerListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, companyId, dictionary, onEvent }: PayrollBlockerListProps) {\n  useComponentDictionary('Payroll.PayrollBlocker', dictionary)\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Button, Text, Heading, Alert } = useComponentContext()\n\n  const [alertState, setAlertState] = useState<ResponseAlertState>({\n    id: 0,\n    alerts: [],\n  })\n\n  const handleDismissAlert = useCallback((alertId: number) => {\n    setAlertState(prev => ({\n      ...prev,\n      alerts: prev.alerts.filter(alert => alert.id !== alertId),\n    }))\n  }, [])\n\n  const addAlert = useCallback((alertType: ResponseAlertType) => {\n    setAlertState(prev => ({\n      id: prev.id + 1,\n      alerts: [{ id: prev.id, type: alertType }, ...prev.alerts],\n    }))\n  }, [])\n\n  const handleEvent = useCallback(\n    (type: EventType, data?: unknown) => {\n      if (type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE) {\n        addAlert('recoveryCaseResubmitted')\n      }\n\n      if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE) {\n        addAlert('informationRequestResponded')\n      }\n\n      onEvent(type, data)\n    },\n    [onEvent, addAlert],\n  )\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: recoveryCasesData } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockerList ?? []\n  const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n    const blockerKey = blocker.key ?? 'unknown'\n    const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blockerKey.replace(/_/g, ' ').replace(/\\b\\w/g, letter => letter.toUpperCase()),\n    })\n\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n\n    return {\n      id: blockerKey,\n      title,\n      description,\n    }\n  })\n\n  const recoveryCases = recoveryCasesData.recoveryCaseList ?? []\n  const informationRequests = informationRequestsData.informationRequestList ?? []\n\n  const hasUnrecoveredCases = recoveryCases.some(\n    recoveryCase => recoveryCase.status !== 'recovered',\n  )\n\n  const hasBlockingInformationRequests = informationRequests.some(\n    request => request.blockingPayroll && request.status !== InformationRequestStatus.Approved,\n  )\n\n  const dataViewProps = useDataView({\n    data: blockers,\n    columns: [\n      {\n        title: t('blockerSectionLabel'),\n        render: blocker => (\n          <FlexItem flexGrow={1}>\n            <Flex flexDirection=\"column\" gap={8}>\n              <Text weight=\"semibold\">{blocker.title}</Text>\n              <Text variant=\"supporting\">{blocker.description}</Text>\n            </Flex>\n          </FlexItem>\n        ),\n      },\n      {\n        title: '',\n        render: blocker => {\n          const action = blocker.action\n\n          if (!action) {\n            return null\n          }\n\n          return (\n            <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n              <Button variant=\"secondary\" onClick={action.onClick} title={action.label}>\n                {action.label}\n              </Button>\n            </Flex>\n          )\n        },\n      },\n    ],\n  })\n\n  const hasBlockers = blockers.length > 0\n  const hasAnyContent = hasBlockers || hasUnrecoveredCases || hasBlockingInformationRequests\n\n  if (!hasAnyContent) {\n    return (\n      <div className={classNames(styles.root, className)}>\n        <Text>{t('noBlockersMessage')}</Text>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <Flex flexDirection=\"column\" gap={32}>\n        {alertState.alerts.map(alert => (\n          <Alert\n            key={alert.id}\n            status=\"success\"\n            label={t(`alerts.${alert.type}.title`)}\n            onDismiss={() => {\n              handleDismissAlert(alert.id)\n            }}\n          >\n            <Text>{t(`alerts.${alert.type}.description`)}</Text>\n          </Alert>\n        ))}\n\n        {hasBlockers && (\n          <Flex flexDirection=\"column\" gap={20}>\n            <Heading as=\"h2\" styledAs=\"h4\">\n              {t('blockersListTitle')}\n            </Heading>\n            <DataView {...dataViewProps} label={t('blockersListTitle')} />\n          </Flex>\n        )}\n\n        {hasUnrecoveredCases && <RecoveryCases companyId={companyId} onEvent={handleEvent} />}\n\n        {hasBlockingInformationRequests && (\n          <InformationRequestsFlow\n            companyId={companyId}\n            filterByPayrollBlocking\n            withAlert={false}\n            onEvent={handleEvent}\n          />\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollBlockerList","props","jsx","BaseComponent","Root","className","companyId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","Button","Text","Heading","Alert","useComponentContext","alertState","setAlertState","useState","handleDismissAlert","useCallback","alertId","prev","alert","addAlert","alertType","handleEvent","type","data","recoveryCasesEvents","informationRequestEvents","blockersData","usePayrollsGetBlockersSuspense","recoveryCasesData","useRecoveryCasesGetSuspense","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","letter","description","recoveryCases","informationRequests","hasUnrecoveredCases","recoveryCase","hasBlockingInformationRequests","request","InformationRequestStatus","dataViewProps","useDataView","FlexItem","jsxs","Flex","action","hasBlockers","classNames","styles","DataView","RecoveryCases","InformationRequestsFlow"],"mappings":"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"}