@gusto/embedded-react-sdk 0.37.0-rc.2 → 0.37.0-rc.4

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

@@ -1,51 +1,53 @@
 import { jsx as n } from "react/jsx-runtime";
-import { usePayrollsGetSuspense as c } from "@gusto/embedded-api/react-query/payrollsGet";
-import { PayrollExecutionFlow as p } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
+import { usePayrollsGetSuspense as m } from "@gusto/embedded-api/react-query/payrollsGet";
+import { PayrollExecutionFlow as c } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
+import { isDismissalPayroll as f } from "../helpers.js";
 import { useFlow as a } from "../../Flow/useFlow.js";
 import { ensureRequired as l } from "../../../helpers/ensureRequired.js";
-import { BaseComponent as f } from "../../Base/Base.js";
-import { OffCycleCreation as s } from "../OffCycleCreation/OffCycleCreation.js";
-function h() {
-  const { companyId: o, payrollType: e, onEvent: t } = a();
+import { BaseComponent as p } from "../../Base/Base.js";
+import { OffCycleCreation as y } from "../OffCycleCreation/OffCycleCreation.js";
+function v() {
+  const { companyId: o, payrollType: r, onEvent: e } = a();
   return /* @__PURE__ */ n(
-    s,
+    y,
     {
       companyId: l(o),
-      payrollType: e,
-      onEvent: t
+      payrollType: r,
+      onEvent: e
     }
   );
 }
-function v() {
-  const { companyId: o, payrollUuid: e, onEvent: t, withReimbursements: r } = a(), i = l(o), m = l(e);
-  return /* @__PURE__ */ n(f, { onEvent: t, children: /* @__PURE__ */ n(
+function O() {
+  const { companyId: o, payrollUuid: r, onEvent: e, withReimbursements: t } = a(), i = l(o), s = l(r);
+  return /* @__PURE__ */ n(p, { onEvent: e, children: /* @__PURE__ */ n(
     u,
     {
       companyId: i,
-      payrollId: m,
-      onEvent: t,
-      withReimbursements: r
+      payrollId: s,
+      onEvent: e,
+      withReimbursements: t
     }
   ) });
 }
 function u({
   companyId: o,
-  payrollId: e,
-  ...t
+  payrollId: r,
+  ...e
 }) {
-  const { data: r } = c({ companyId: o, payrollId: e }), i = r.payrollShow?.payPeriod;
+  const { data: t } = m({ companyId: o, payrollId: r }), i = t.payrollShow?.payPeriod;
   return /* @__PURE__ */ n(
-    p,
+    c,
     {
       companyId: o,
-      payrollId: e,
+      payrollId: r,
       initialPayPeriod: i,
-      ...t
+      isDismissalPayroll: f(t.payrollShow?.offCycleReason),
+      ...e
     }
   );
 }
 export {
-  h as OffCycleCreationContextual,
-  v as OffCycleExecutionContextual
+  v as OffCycleCreationContextual,
+  O as OffCycleExecutionContextual
 };
 //# sourceMappingURL=OffCycleFlowComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleFlowComponents.js","sources":["../../../../src/components/Payroll/OffCycle/OffCycleFlowComponents.tsx"],"sourcesContent":["import { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { OffCycleCreation } from '../OffCycleCreation'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport type { OffCycleReason } from '../OffCycleReasonSelection'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\nexport interface OffCycleFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n  payrollType?: OffCycleReason\n  withReimbursements?: boolean\n}\n\nexport interface OffCycleFlowProps {\n  companyId: string\n  payrollType?: OffCycleReason\n  onEvent: OnEventType<EventType, unknown>\n  withReimbursements?: boolean\n}\n\nexport function OffCycleCreationContextual() {\n  const { companyId, payrollType, onEvent } = useFlow<OffCycleFlowContextInterface>()\n  return (\n    <OffCycleCreation\n      companyId={ensureRequired(companyId)}\n      payrollType={payrollType}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function OffCycleExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements } =\n    useFlow<OffCycleFlowContextInterface>()\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <OffCycleExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        withReimbursements={withReimbursements}\n      />\n    </BaseComponent>\n  )\n}\n\ntype OffCycleExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs' | 'withReimbursements'\n>\n\nfunction OffCycleExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: OffCycleExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["OffCycleCreationContextual","companyId","payrollType","onEvent","useFlow","jsx","OffCycleCreation","ensureRequired","OffCycleExecutionContextual","payrollUuid","withReimbursements","resolvedCompanyId","resolvedPayrollId","BaseComponent","OffCycleExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;AA2BO,SAASA,IAA6B;AAC3C,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAA;AAC5C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,aAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAA8B;AAC5C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,oBAAAO,EAAA,IACvCN,EAAA,GAEIO,IAAoBJ,EAAeN,CAAS,GAC5CW,IAAoBL,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACQ,KAAc,SAAAV,GACb,UAAA,gBAAAE;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAT;AAAA,MACA,oBAAAO;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASI,EAA0B;AAAA,EACjC,WAAAb;AAAA,EACA,WAAAc;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAjB,GAAW,WAAAc,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAZ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,WAAAnB;AAAA,MACA,WAAAc;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"OffCycleFlowComponents.js","sources":["../../../../src/components/Payroll/OffCycle/OffCycleFlowComponents.tsx"],"sourcesContent":["import { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { OffCycleCreation } from '../OffCycleCreation'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport type { OffCycleReason } from '../OffCycleReasonSelection'\nimport { isDismissalPayroll } from '../helpers'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\nexport interface OffCycleFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n  payrollType?: OffCycleReason\n  withReimbursements?: boolean\n}\n\nexport interface OffCycleFlowProps {\n  companyId: string\n  payrollType?: OffCycleReason\n  onEvent: OnEventType<EventType, unknown>\n  withReimbursements?: boolean\n}\n\nexport function OffCycleCreationContextual() {\n  const { companyId, payrollType, onEvent } = useFlow<OffCycleFlowContextInterface>()\n  return (\n    <OffCycleCreation\n      companyId={ensureRequired(companyId)}\n      payrollType={payrollType}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function OffCycleExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements } =\n    useFlow<OffCycleFlowContextInterface>()\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <OffCycleExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        withReimbursements={withReimbursements}\n      />\n    </BaseComponent>\n  )\n}\n\ntype OffCycleExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs' | 'withReimbursements'\n>\n\nfunction OffCycleExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: OffCycleExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll={isDismissalPayroll(data.payrollShow?.offCycleReason)}\n      {...rest}\n    />\n  )\n}\n"],"names":["OffCycleCreationContextual","companyId","payrollType","onEvent","useFlow","jsx","OffCycleCreation","ensureRequired","OffCycleExecutionContextual","payrollUuid","withReimbursements","resolvedCompanyId","resolvedPayrollId","BaseComponent","OffCycleExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow","isDismissalPayroll"],"mappings":";;;;;;;;AA4BO,SAASA,IAA6B;AAC3C,QAAM,EAAE,WAAAC,GAAW,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAA;AAC5C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,aAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAA8B;AAC5C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,oBAAAO,EAAA,IACvCN,EAAA,GAEIO,IAAoBJ,EAAeN,CAAS,GAC5CW,IAAoBL,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACQ,KAAc,SAAAV,GACb,UAAA,gBAAAE;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAT;AAAA,MACA,oBAAAO;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASI,EAA0B;AAAA,EACjC,WAAAb;AAAA,EACA,WAAAc;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAjB,GAAW,WAAAc,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAZ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,WAAAnB;AAAA,MACA,WAAAc;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAoBE,EAAmBJ,EAAK,aAAa,cAAc;AAAA,MACtE,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,19 +1,20 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { useTranslation as l } from "react-i18next";
-import r from "./OffCyclePayPeriodDateFormPresentation.module.scss.js";
+import a from "./OffCyclePayPeriodDateFormPresentation.module.scss.js";
 import { useI18n as o } from "../../../i18n/I18n.js";
+import "../../../shared/constants.js";
 import { CheckboxField as c } from "../../Common/Fields/CheckboxField/CheckboxField.js";
 import { DatePickerField as t } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-function D() {
+function h() {
   o("Payroll.OffCyclePayPeriodDateForm");
   const { t: e } = l("Payroll.OffCyclePayPeriodDateForm");
-  return /* @__PURE__ */ i("div", { className: r.root, children: [
-    /* @__PURE__ */ i("div", { className: r.dateFields, children: [
-      /* @__PURE__ */ a(t, { name: "startDate", label: e("startDateLabel"), isRequired: !0 }),
-      /* @__PURE__ */ a(t, { name: "endDate", label: e("endDateLabel"), isRequired: !0 })
+  return /* @__PURE__ */ i("div", { className: a.root, children: [
+    /* @__PURE__ */ i("div", { className: a.dateFields, children: [
+      /* @__PURE__ */ r(t, { name: "startDate", label: e("startDateLabel"), isRequired: !0 }),
+      /* @__PURE__ */ r(t, { name: "endDate", label: e("endDateLabel"), isRequired: !0 })
     ] }),
-    /* @__PURE__ */ a("div", { className: r.checkDateField, children: /* @__PURE__ */ a(t, { name: "checkDate", label: e("checkDateLabel"), isRequired: !0 }) }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ r("div", { className: a.checkDateField, children: /* @__PURE__ */ r(t, { name: "checkDate", label: e("checkDateLabel"), isRequired: !0 }) }),
+    /* @__PURE__ */ r(
       c,
       {
         name: "isCheckOnly",
@@ -24,6 +25,6 @@ function D() {
   ] });
 }
 export {
-  D as OffCyclePayPeriodDateFormPresentation
+  h as OffCyclePayPeriodDateFormPresentation
 };
 //# sourceMappingURL=OffCyclePayPeriodDateFormPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OffCyclePayPeriodDateFormPresentation.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\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\n  return (\n    <div className={styles.root}>\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      <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      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","useI18n","t","useTranslation","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;AAKO,SAASA,IAAwC;AACtD,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC;AAEhE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOL,EAAE,gBAAgB,GAAG,YAAU,IAAC;AAAA,MACzE,gBAAAI,EAACC,KAAgB,MAAK,WAAU,OAAOL,EAAE,cAAc,GAAG,YAAU,GAAA,CAAC;AAAA,IAAA,GACvE;AAAA,IAEA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOL,EAAE,gBAAgB,GAAG,YAAU,IAAC,GAC3E;AAAA,IAEA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAON,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;"}
+{"version":3,"file":"OffCyclePayPeriodDateFormPresentation.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\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\n  return (\n    <div className={styles.root}>\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      <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      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","useI18n","t","useTranslation","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;;AAKO,SAASA,IAAwC;AACtD,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC;AAEhE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOL,EAAE,gBAAgB,GAAG,YAAU,IAAC;AAAA,MACzE,gBAAAI,EAACC,KAAgB,MAAK,WAAU,OAAOL,EAAE,cAAc,GAAG,YAAU,GAAA,CAAC;AAAA,IAAA,GACvE;AAAA,IAEA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOL,EAAE,gBAAgB,GAAG,YAAU,IAAC,GAC3E;AAAA,IAEA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAON,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;"}

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

@@ -1,6 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useMemo as r } from "react";
 import { useTranslation as s } from "react-i18next";
+import "../../../shared/constants.js";
 import { RadioGroupField as l } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 function f({
   name: e,

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

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

package/dist/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js

@@ -5,12 +5,13 @@ import { useTranslation as L } from "react-i18next";
 import { WithholdingPayPeriod as N } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
 import { WITHHOLDING_PAY_PERIOD_I18N_KEY as p } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.js";
 import l from "./OffCycleTaxWithholdingModal.module.scss.js";
+import "../../../shared/constants.js";
 import { ActionsLayout as T } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as W } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as w } from "../../../i18n/I18n.js";
 import { SelectField as D } from "../../Common/Fields/SelectField/SelectField.js";
 import { RadioGroupField as H } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-function Y({
+function K({
   isOpen: h,
   defaultConfig: f,
   onDone: g,
@@ -95,6 +96,6 @@ function Y({
   );
 }
 export {
-  Y as OffCycleTaxWithholdingModal
+  K as OffCycleTaxWithholdingModal
 };
 //# sourceMappingURL=OffCycleTaxWithholdingModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleTaxWithholdingModal.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { WithholdingPayPeriod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { WITHHOLDING_PAY_PERIOD_I18N_KEY } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport styles from './OffCycleTaxWithholdingModal.module.scss'\nimport type { OffCycleTaxWithholdingModalProps } from './OffCycleTaxWithholdingModalTypes'\nimport { ActionsLayout, SelectField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function OffCycleTaxWithholdingModal({\n  isOpen,\n  defaultConfig,\n  onDone,\n  onCancel,\n}: OffCycleTaxWithholdingModalProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Modal, Heading, Text, Button } = useComponentContext()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const formHandlers = useForm<OffCycleTaxWithholdingConfig>({\n    defaultValues: defaultConfig,\n  })\n\n  const currentWithholdingPayPeriod = useWatch({\n    control: formHandlers.control,\n    name: 'withholdingPayPeriod',\n  })\n\n  const frequencyOptions = useMemo(\n    () =>\n      Object.values(WithholdingPayPeriod).map(value => ({\n        value,\n        label: t(WITHHOLDING_PAY_PERIOD_I18N_KEY[value]),\n      })),\n    [t],\n  )\n\n  const frequencyDisplayText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[currentWithholdingPayPeriod],\n  ).toLowerCase()\n\n  const withholdingRateOptions = useMemo(\n    () => [\n      {\n        value: 'supplemental' as const,\n        label: t('modal.supplementalSection.useSupplementalRate'),\n        description: t('modal.supplementalSection.useSupplementalRateDescription'),\n      },\n      {\n        value: 'regular' as const,\n        label: t('modal.supplementalSection.useRegularRate', {\n          frequency: frequencyDisplayText,\n        }),\n        description: t('modal.supplementalSection.useRegularRateDescription'),\n      },\n    ],\n    [t, frequencyDisplayText],\n  )\n\n  const handleSubmit = formHandlers.handleSubmit(onDone)\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('modal.cancelButton')}\n          </Button>\n          <Button variant=\"primary\" onClick={handleSubmit}>\n            {t('modal.doneButton')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <Heading as=\"h2\">{t('modal.title')}</Heading>\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.regularSection.title')}</Heading>\n            <Text variant=\"supporting\">{t('modal.regularSection.subtitle')}</Text>\n\n            <div className={styles.rateInfo}>\n              <Text weight=\"semibold\">{t('modal.regularSection.rateLabel')}</Text>\n              <Text variant=\"supporting\">{t('modal.regularSection.rateDescription')}</Text>\n            </div>\n\n            <SelectField\n              name=\"withholdingPayPeriod\"\n              label={t('modal.regularSection.rateLabel')}\n              options={frequencyOptions}\n              shouldVisuallyHideLabel\n              portalContainer={modalContainerRef.current ?? undefined}\n            />\n          </div>\n\n          <hr className={styles.divider} />\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.supplementalSection.title')}</Heading>\n            <RadioGroupField\n              name=\"withholdingRate\"\n              label={t('modal.supplementalSection.title')}\n              options={withholdingRateOptions}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["OffCycleTaxWithholdingModal","isOpen","defaultConfig","onDone","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","useComponentContext","modalContainerRef","useRef","formHandlers","useForm","currentWithholdingPayPeriod","useWatch","frequencyOptions","useMemo","WithholdingPayPeriod","value","WITHHOLDING_PAY_PERIOD_I18N_KEY","frequencyDisplayText","withholdingRateOptions","handleSubmit","jsx","ActionsLayout","FormProvider","styles","jsxs","SelectField","RadioGroupField"],"mappings":"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"}
+{"version":3,"file":"OffCycleTaxWithholdingModal.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { WithholdingPayPeriod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { WITHHOLDING_PAY_PERIOD_I18N_KEY } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport styles from './OffCycleTaxWithholdingModal.module.scss'\nimport type { OffCycleTaxWithholdingModalProps } from './OffCycleTaxWithholdingModalTypes'\nimport { ActionsLayout, SelectField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function OffCycleTaxWithholdingModal({\n  isOpen,\n  defaultConfig,\n  onDone,\n  onCancel,\n}: OffCycleTaxWithholdingModalProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Modal, Heading, Text, Button } = useComponentContext()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const formHandlers = useForm<OffCycleTaxWithholdingConfig>({\n    defaultValues: defaultConfig,\n  })\n\n  const currentWithholdingPayPeriod = useWatch({\n    control: formHandlers.control,\n    name: 'withholdingPayPeriod',\n  })\n\n  const frequencyOptions = useMemo(\n    () =>\n      Object.values(WithholdingPayPeriod).map(value => ({\n        value,\n        label: t(WITHHOLDING_PAY_PERIOD_I18N_KEY[value]),\n      })),\n    [t],\n  )\n\n  const frequencyDisplayText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[currentWithholdingPayPeriod],\n  ).toLowerCase()\n\n  const withholdingRateOptions = useMemo(\n    () => [\n      {\n        value: 'supplemental' as const,\n        label: t('modal.supplementalSection.useSupplementalRate'),\n        description: t('modal.supplementalSection.useSupplementalRateDescription'),\n      },\n      {\n        value: 'regular' as const,\n        label: t('modal.supplementalSection.useRegularRate', {\n          frequency: frequencyDisplayText,\n        }),\n        description: t('modal.supplementalSection.useRegularRateDescription'),\n      },\n    ],\n    [t, frequencyDisplayText],\n  )\n\n  const handleSubmit = formHandlers.handleSubmit(onDone)\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('modal.cancelButton')}\n          </Button>\n          <Button variant=\"primary\" onClick={handleSubmit}>\n            {t('modal.doneButton')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <Heading as=\"h2\">{t('modal.title')}</Heading>\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.regularSection.title')}</Heading>\n            <Text variant=\"supporting\">{t('modal.regularSection.subtitle')}</Text>\n\n            <div className={styles.rateInfo}>\n              <Text weight=\"semibold\">{t('modal.regularSection.rateLabel')}</Text>\n              <Text variant=\"supporting\">{t('modal.regularSection.rateDescription')}</Text>\n            </div>\n\n            <SelectField\n              name=\"withholdingPayPeriod\"\n              label={t('modal.regularSection.rateLabel')}\n              options={frequencyOptions}\n              shouldVisuallyHideLabel\n              portalContainer={modalContainerRef.current ?? undefined}\n            />\n          </div>\n\n          <hr className={styles.divider} />\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.supplementalSection.title')}</Heading>\n            <RadioGroupField\n              name=\"withholdingRate\"\n              label={t('modal.supplementalSection.title')}\n              options={withholdingRateOptions}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["OffCycleTaxWithholdingModal","isOpen","defaultConfig","onDone","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","useComponentContext","modalContainerRef","useRef","formHandlers","useForm","currentWithholdingPayPeriod","useWatch","frequencyOptions","useMemo","WithholdingPayPeriod","value","WITHHOLDING_PAY_PERIOD_I18N_KEY","frequencyDisplayText","withholdingRateOptions","handleSubmit","jsx","ActionsLayout","FormProvider","styles","jsxs","SelectField","RadioGroupField"],"mappings":"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"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.js

@@ -1,64 +1,64 @@
-import { jsx as S, jsxs as ie, Fragment as ne } from "react/jsx-runtime";
-import { useState as d, useEffect as G } from "react";
-import { usePayrollsGetSuspense as pe } from "@gusto/embedded-api/react-query/payrollsGet";
-import { payrollsCalculate as ue } from "@gusto/embedded-api/funcs/payrollsCalculate";
-import { useGustoEmbeddedContext as ce } from "@gusto/embedded-api/react-query/_context";
-import { PayrollProcessingRequestStatus as L } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
-import { useTranslation as me } from "react-i18next";
-import { usePayrollsUpdateMutation as ye } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { usePayrollsCalculateGrossUpMutation as de } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
-import { usePayrollsGetBlockersSuspense as fe } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { payrollSubmitHandler as Ce } from "../PayrollBlocker/payrollHelpers.js";
-import { PayrollConfigurationPresentation as Se } from "./PayrollConfigurationPresentation.js";
-import { usePayrollConfigurationData as Pe } from "./usePayrollConfigurationData.js";
-import { isGrossUpEligible as Ue, getGrossUpTargetCompensationName as ge } from "./grossUpHelpers.js";
-import { BaseComponent as he } from "../../Base/Base.js";
+import { jsx as S, jsxs as ne, Fragment as pe } from "react/jsx-runtime";
+import { useState as d, useRef as ue, useEffect as G } from "react";
+import { usePayrollsGetSuspense as ce } from "@gusto/embedded-api/react-query/payrollsGet";
+import { payrollsCalculate as me } from "@gusto/embedded-api/funcs/payrollsCalculate";
+import { useGustoEmbeddedContext as ye } from "@gusto/embedded-api/react-query/_context";
+import { PayrollProcessingRequestStatus as w } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
+import { useTranslation as de } from "react-i18next";
+import { usePayrollsUpdateMutation as fe } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePayrollsCalculateGrossUpMutation as Ce } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
+import { usePayrollsGetBlockersSuspense as Se } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { payrollSubmitHandler as Pe } from "../PayrollBlocker/payrollHelpers.js";
+import { PayrollConfigurationPresentation as Ue } from "./PayrollConfigurationPresentation.js";
+import { usePayrollConfigurationData as ge } from "./usePayrollConfigurationData.js";
+import { isGrossUpEligible as he, getGrossUpTargetCompensationName as Le } from "./grossUpHelpers.js";
+import { BaseComponent as we } from "../../Base/Base.js";
 import { componentEvents as r } from "../../../shared/constants.js";
-import { useComponentDictionary as Le, useI18n as we } from "../../../i18n/I18n.js";
-import { useBase as _e } from "../../Base/useBase.js";
-import { useDateFormatter as Re } from "../../../hooks/useDateFormatter.js";
-import { SDKInternalError as T } from "../../../types/sdkError.js";
-import { GrossUpModal as De } from "../GrossUpModal/GrossUpModal.js";
-const Ae = (o) => o?.status === L.Calculating, Ee = (o, n) => n != null && (o?.status === L.CalculateSuccess || o == null);
-function $e(o) {
-  return /* @__PURE__ */ S(he, { ...o, children: /* @__PURE__ */ S(Oe, { ...o, children: o.children }) });
+import { useComponentDictionary as _e, useI18n as Re } from "../../../i18n/I18n.js";
+import { useBase as Ae } from "../../Base/useBase.js";
+import { useDateFormatter as De } from "../../../hooks/useDateFormatter.js";
+import { SDKInternalError as x } from "../../../types/sdkError.js";
+import { GrossUpModal as Ee } from "../GrossUpModal/GrossUpModal.js";
+const Oe = (o) => o?.status === w.Calculating, be = (o, n) => n != null && (o?.status === w.CalculateSuccess || o == null);
+function et(o) {
+  return /* @__PURE__ */ S(we, { ...o, children: /* @__PURE__ */ S(Te, { ...o, children: o.children }) });
 }
-const Oe = ({
+const Te = ({
   onEvent: o,
   companyId: n,
   payrollId: p,
-  dictionary: x,
-  alerts: N,
-  withReimbursements: M = !0
+  dictionary: N,
+  alerts: M,
+  withReimbursements: Y = !0
 }) => {
-  Le("Payroll.PayrollConfiguration", x), we("Payroll.PayrollConfiguration");
-  const { t: u } = me("Payroll.PayrollConfiguration"), { baseSubmitHandler: f } = _e(), c = Re(), [l, m] = d(!1), [P, w] = d(!1), Y = ce(), {
-    employeeDetails: B,
-    employeeCompensations: _,
-    paySchedule: j,
-    payPeriod: F,
-    payrollCategory: U,
-    pagination: W,
-    isLoading: q,
-    refetch: R
-  } = Pe({
+  _e("Payroll.PayrollConfiguration", N), Re("Payroll.PayrollConfiguration");
+  const { t: u } = de("Payroll.PayrollConfiguration"), { baseSubmitHandler: f } = Ae(), c = De(), [l, m] = d(!1), [P, _] = d(!1), U = ue(null), B = ye(), {
+    employeeDetails: j,
+    employeeCompensations: R,
+    paySchedule: F,
+    payPeriod: W,
+    payrollCategory: g,
+    pagination: q,
+    isLoading: I,
+    refetch: A
+  } = ge({
     companyId: n,
     payrollId: p,
     isCalculating: l || P
-  }), { data: a } = pe(
+  }), { data: a } = ce(
     {
       companyId: n,
       payrollId: p,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     },
     { refetchInterval: l ? 5e3 : !1 }
-  ), { mutateAsync: D, isPending: I } = ye(), { mutateAsync: H } = de(), [y, A] = d(null), [K, g] = d(!1), E = Ue(U), C = ge(U), V = (e) => {
-    A(e), g(!0), o(r.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
-  }, J = async (e) => {
+  ), { mutateAsync: D, isPending: H } = fe(), { mutateAsync: K } = Ce(), [y, E] = d(null), [V, h] = d(!1), O = he(g), C = Le(g), J = (e) => {
+    E(e), h(!0), o(r.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
+  }, z = async (e) => {
     if (!y) return null;
     let t = null;
     return await f(null, async () => {
-      t = (await H({
+      t = (await K({
         request: {
           payrollUuid: p,
           payrollGrossUpRequest: {
@@ -72,22 +72,22 @@ const Oe = ({
         employeeUuid: y
       });
     }), t;
-  }, z = async (e) => {
+  }, Q = async (e) => {
     if (!y || !C)
-      throw new T(
+      throw new x(
         "Unable to apply gross-up: missing employee or target compensation."
       );
-    const t = _.find((s) => s.employeeUuid === y);
+    const t = R.find((s) => s.employeeUuid === y);
     if (!t)
-      throw new T("Unable to apply gross-up: employee compensation not found.");
-    const i = t.fixedCompensations ?? [], ae = i.some(
+      throw new x("Unable to apply gross-up: employee compensation not found.");
+    const i = t.fixedCompensations ?? [], se = i.some(
       (s) => s.name?.toLowerCase() === C.toLowerCase()
     ), k = i.map((s) => ({
       name: s.name,
       jobUuid: s.jobUuid,
       amount: s.name?.toLowerCase() === C.toLowerCase() ? e : "0"
     }));
-    if (!ae) {
+    if (!se) {
       const s = t.hourlyCompensations?.[0]?.jobUuid ?? i[0]?.jobUuid ?? "";
       k.push({
         name: C,
@@ -95,18 +95,18 @@ const Oe = ({
         amount: e
       });
     }
-    const se = (t.hourlyCompensations ?? []).map((s) => ({
+    const le = (t.hourlyCompensations ?? []).map((s) => ({
       name: s.name,
       jobUuid: s.jobUuid,
       hours: "0"
-    })), le = (t.paidTimeOff ?? []).map((s) => ({
+    })), re = (t.paidTimeOff ?? []).map((s) => ({
       name: s.name,
       hours: "0"
-    })), re = b({
+    })), ie = T({
       ...t,
       fixedCompensations: k,
-      hourlyCompensations: se,
-      paidTimeOff: le
+      hourlyCompensations: le,
+      paidTimeOff: re
     });
     await f({}, async () => {
       const s = await D({
@@ -114,30 +114,30 @@ const Oe = ({
           companyId: n,
           payrollId: p,
           payrollUpdate: {
-            employeeCompensations: [{ ...re, excluded: !1 }]
+            employeeCompensations: [{ ...ie, excluded: !1 }]
           }
         }
       });
       o(r.RUN_PAYROLL_EMPLOYEE_SAVED, {
         payrollPrepared: s.payrollPrepared
-      }), await R();
-    }), A(null), g(!1);
-  }, Q = async (e) => {
+      }), await A();
+    }), E(null), h(!1);
+  }, X = async (e) => {
     try {
-      await z(e);
+      await Q(e);
     } catch {
     }
-  }, { data: X } = fe({
+  }, { data: Z } = Se({
     companyUuid: n
-  }), O = (X.payrollBlockers ?? []).map((e) => ({
+  }), b = (Z.payrollBlockers ?? []).map((e) => ({
     key: e.key,
     message: e.message
-  })), [Z, h] = d(O), $ = async () => {
-    h([]), await f({}, async () => {
-      const e = await Ce(async () => {
-        w(!0);
+  })), [$, L] = d(b), v = async () => {
+    L([]), U.current = a.payrollShow?.calculatedAt?.getTime() ?? null, await f({}, async () => {
+      const e = await Pe(async () => {
+        _(!0);
         try {
-          const t = await ue(Y, {
+          const t = await me(B, {
             companyId: n,
             payrollId: p
           });
@@ -145,18 +145,18 @@ const Oe = ({
             throw t.error;
           m(!0);
         } finally {
-          w(!1);
+          _(!1);
         }
       });
-      !e.success && e.blockers.length > 0 && h(e.blockers);
+      !e.success && e.blockers.length > 0 && L(e.blockers);
     });
-  }, v = (e) => {
+  }, ee = (e) => {
     o(r.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, b = ({
+  }, T = ({
     paymentMethod: e,
     reimbursements: t,
     ...i
@@ -164,11 +164,11 @@ const Oe = ({
     ...i,
     ...e && e !== "Historical" ? { paymentMethod: e } : {},
     memo: i.memo || void 0
-  }), ee = async (e) => {
+  }), te = async (e) => {
     o(r.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
     }), await f({}, async () => {
-      const t = b(e), i = await D({
+      const t = T(e), i = await D({
         request: {
           companyId: n,
           payrollId: p,
@@ -181,16 +181,15 @@ const Oe = ({
       });
       o(r.RUN_PAYROLL_EMPLOYEE_SAVED, {
         payrollPrepared: i.payrollPrepared
-      }), await R();
+      }), await A();
     });
   }, oe = () => {
     o(r.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
   G(() => {
-    Ae(a.payrollShow?.processingRequest) && !l && m(!0), l && Ee(
-      a.payrollShow?.processingRequest,
-      a.payrollShow?.calculatedAt
-    ) && (o(r.RUN_PAYROLL_CALCULATED, {
+    Oe(a.payrollShow?.processingRequest) && !l && (U.current = a.payrollShow?.calculatedAt?.getTime() ?? null, m(!0));
+    const e = a.payrollShow?.calculatedAt, t = e?.getTime() !== U.current;
+    l && t && be(a.payrollShow?.processingRequest, e) && (o(r.RUN_PAYROLL_CALCULATED, {
       payrollId: p,
       alert: {
         type: "success",
@@ -198,7 +197,7 @@ const Oe = ({
         alertKey: "progressSaved"
       },
       payPeriod: a.payrollShow?.payPeriod
-    }), h([]), m(!1)), l && a.payrollShow?.processingRequest?.status === L.ProcessingFailed && (o(r.RUN_PAYROLL_PROCESSING_FAILED), m(!1));
+    }), L([]), m(!1)), l && a.payrollShow?.processingRequest?.status === w.ProcessingFailed && (o(r.RUN_PAYROLL_PROCESSING_FAILED), m(!1));
   }, [
     a.payrollShow?.processingRequest?.status,
     a.payrollShow?.calculatedAt,
@@ -215,7 +214,7 @@ const Oe = ({
       clearTimeout(t);
     };
   }, [l, o]);
-  const te = a.payrollShow?.payrollStatusMeta?.payrollLate && a.payrollShow.payrollStatusMeta.initialCheckDate && a.payrollShow.payrollStatusMeta.expectedDebitTime && a.payrollShow.payrollStatusMeta.expectedCheckDate ? {
+  const ae = a.payrollShow?.payrollStatusMeta?.payrollLate && a.payrollShow.payrollStatusMeta.initialCheckDate && a.payrollShow.payrollStatusMeta.expectedDebitTime && a.payrollShow.payrollStatusMeta.expectedCheckDate ? {
     label: u("alerts.payrollLate", {
       initialCheckDate: c.formatShortWithWeekday(
         a.payrollShow.payrollStatusMeta.initialCheckDate
@@ -238,46 +237,46 @@ const Oe = ({
     content: u("alerts.directDepositDeadlineText"),
     variant: "info"
   } : void 0;
-  return /* @__PURE__ */ ie(ne, { children: [
+  return /* @__PURE__ */ ne(pe, { children: [
     /* @__PURE__ */ S(
-      Se,
+      Ue,
       {
-        onCalculatePayroll: $,
-        isCalculateDisabled: O.length > 0,
-        onEdit: v,
-        onToggleExclude: ee,
+        onCalculatePayroll: v,
+        isCalculateDisabled: b.length > 0,
+        onEdit: ee,
+        onToggleExclude: te,
         onViewBlockers: oe,
-        employeeCompensations: _,
-        employeeDetails: B,
-        payPeriod: F,
-        paySchedule: j,
-        payrollCategory: U,
-        alerts: N,
-        payrollAlert: te,
-        isPending: l || q || I || P,
+        employeeCompensations: R,
+        employeeDetails: j,
+        payPeriod: W,
+        paySchedule: F,
+        payrollCategory: g,
+        alerts: M,
+        payrollAlert: ae,
+        isPending: l || I || H || P,
         isCalculating: P || l,
-        payrollBlockers: Z,
-        pagination: W,
-        withReimbursements: M,
-        grossUpEnabled: E,
-        onGrossUpSelect: V
+        payrollBlockers: $,
+        pagination: q,
+        withReimbursements: Y,
+        grossUpEnabled: O,
+        onGrossUpSelect: J
       }
     ),
-    E && /* @__PURE__ */ S(
-      De,
+    O && /* @__PURE__ */ S(
+      Ee,
       {
-        isOpen: K,
-        onCalculateGrossUp: J,
-        onApply: Q,
+        isOpen: V,
+        onCalculateGrossUp: z,
+        onApply: X,
         onCancel: () => {
-          g(!1);
+          h(!1);
         }
       }
     )
   ] });
 };
 export {
-  $e as PayrollConfiguration,
-  Oe as Root
+  et as PayrollConfiguration,
+  Te as Root
 };
 //# sourceMappingURL=PayrollConfiguration.js.map