@gusto/embedded-react-sdk 0.55.6 → 0.55.8

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleReasonSelection.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelection.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { OffCycleReasonSelectionPresentation } from './OffCycleReasonSelectionPresentation'\nimport {\n  OFF_CYCLE_REASON_DEFAULTS,\n  type OffCycleReason,\n  type OffCycleReasonSelectionProps,\n} from './types'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Presents the reason selection UI for choosing between a bonus and correction off-cycle payment.\n *\n * @remarks\n * Selecting a reason emits the recommended deduction and withholding defaults alongside the chosen value\n * so a surrounding form can update its state to match.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `offCycle/selectReason` | Fired when the user selects a reason | {@link SelectReasonPayload} |\n *\n * @param props - Component props including `companyId` and standard `onEvent`/`dictionary` handlers.\n * @returns The rendered reason selection UI.\n * @public\n */\nexport function OffCycleReasonSelection(props: OffCycleReasonSelectionProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary }: OffCycleReasonSelectionProps) {\n  useComponentDictionary('Payroll.OffCycleReasonSelection', dictionary)\n  useI18n('Payroll.OffCycleReasonSelection')\n\n  const { onEvent } = useBase()\n  const methods = useForm<{ reason: OffCycleReason | '' }>({\n    defaultValues: { reason: '' },\n  })\n\n  const handleReasonChange = useCallback(\n    (reason: OffCycleReason) => {\n      const defaults = OFF_CYCLE_REASON_DEFAULTS[reason]\n      onEvent(componentEvents.OFF_CYCLE_SELECT_REASON, {\n        reason,\n        defaults,\n      })\n    },\n    [onEvent],\n  )\n\n  return (\n    <FormProvider {...methods}>\n      <OffCycleReasonSelectionPresentation name=\"reason\" onChange={handleReasonChange} />\n    </FormProvider>\n  )\n}\n"],"names":["OffCycleReasonSelection","props","jsx","BaseComponent","Root","dictionary","useComponentDictionary","useI18n","onEvent","useBase","methods","useForm","handleReasonChange","useCallback","reason","defaults","OFF_CYCLE_REASON_DEFAULTS","componentEvents","FormProvider","OffCycleReasonSelectionPresentation"],"mappings":";;;;;;;;;AA6BO,SAASA,EAAwBC,GAAqC;AAC3E,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,KAA4C;AAC1D,EAAAC,EAAuB,mCAAmCD,CAAU,GACpEE,EAAQ,iCAAiC;AAEzC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAUC,EAAyC;AAAA,IACvD,eAAe,EAAE,QAAQ,GAAA;AAAA,EAAG,CAC7B,GAEKC,IAAqBC;AAAA,IACzB,CAACC,MAA2B;AAC1B,YAAMC,IAAWC,EAA0BF,CAAM;AACjD,MAAAN,EAAQS,EAAgB,yBAAyB;AAAA,QAC/C,QAAAH;AAAA,QACA,UAAAC;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACP,CAAO;AAAA,EAAA;AAGV,SACE,gBAAAN,EAACgB,GAAA,EAAc,GAAGR,GAChB,UAAA,gBAAAR,EAACiB,KAAoC,MAAK,UAAS,UAAUP,EAAA,CAAoB,EAAA,CACnF;AAEJ;"}
+{"version":3,"file":"OffCycleReasonSelection.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelection.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { OffCycleReasonSelectionPresentation } from './OffCycleReasonSelectionPresentation'\nimport {\n  OFF_CYCLE_REASON_DEFAULTS,\n  type OffCycleReason,\n  type OffCycleReasonSelectionProps,\n} from './types'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Presents the reason selection UI for choosing between a bonus and correction off-cycle payment.\n *\n * @remarks\n * Selecting a reason emits the recommended deduction and withholding defaults alongside the chosen value\n * so a surrounding form can update its state to match.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `offCycle/selectReason` | Fired when the user selects a reason | {@link SelectReasonPayload} |\n *\n * @param props - Component props including `companyId` and standard `onEvent`/`dictionary` handlers.\n * @returns The rendered reason selection UI.\n * @public\n */\nexport function OffCycleReasonSelection(props: OffCycleReasonSelectionProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, className }: OffCycleReasonSelectionProps) {\n  useComponentDictionary('Payroll.OffCycleReasonSelection', dictionary)\n  useI18n('Payroll.OffCycleReasonSelection')\n\n  const { onEvent } = useBase()\n  const methods = useForm<{ reason: OffCycleReason | '' }>({\n    defaultValues: { reason: '' },\n  })\n\n  const handleReasonChange = useCallback(\n    (reason: OffCycleReason) => {\n      const defaults = OFF_CYCLE_REASON_DEFAULTS[reason]\n      onEvent(componentEvents.OFF_CYCLE_SELECT_REASON, {\n        reason,\n        defaults,\n      })\n    },\n    [onEvent],\n  )\n\n  return (\n    <FormProvider {...methods}>\n      <OffCycleReasonSelectionPresentation\n        name=\"reason\"\n        onChange={handleReasonChange}\n        className={className}\n      />\n    </FormProvider>\n  )\n}\n"],"names":["OffCycleReasonSelection","props","jsx","BaseComponent","Root","dictionary","className","useComponentDictionary","useI18n","onEvent","useBase","methods","useForm","handleReasonChange","useCallback","reason","defaults","OFF_CYCLE_REASON_DEFAULTS","componentEvents","FormProvider","OffCycleReasonSelectionPresentation"],"mappings":";;;;;;;;;AA6BO,SAASA,EAAwBC,GAAqC;AAC3E,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,KAA2C;AACrE,EAAAC,EAAuB,mCAAmCF,CAAU,GACpEG,EAAQ,iCAAiC;AAEzC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAUC,EAAyC;AAAA,IACvD,eAAe,EAAE,QAAQ,GAAA;AAAA,EAAG,CAC7B,GAEKC,IAAqBC;AAAA,IACzB,CAACC,MAA2B;AAC1B,YAAMC,IAAWC,EAA0BF,CAAM;AACjD,MAAAN,EAAQS,EAAgB,yBAAyB;AAAA,QAC/C,QAAAH;AAAA,QACA,UAAAC;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACP,CAAO;AAAA,EAAA;AAGV,SACE,gBAAAP,EAACiB,GAAA,EAAc,GAAGR,GAChB,UAAA,gBAAAT;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAUP;AAAA,MACV,WAAAP;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,12 +1,13 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useMemo as r } from "react";
-import { useTranslation as s } from "react-i18next";
-import { RadioGroupField as l } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-function f({
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as s } from "react";
+import { useTranslation as l } from "react-i18next";
+import { RadioGroupField as c } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+function m({
   name: e,
-  onChange: i
+  onChange: i,
+  className: t
 }) {
-  const { t: o } = s("Payroll.OffCycleReasonSelection"), t = r(
+  const { t: o } = l("Payroll.OffCycleReasonSelection"), n = s(
     () => [
       {
         value: "correction",
@@ -21,18 +22,19 @@ function f({
     ],
     [o]
   );
-  return /* @__PURE__ */ n(
-    l,
+  return /* @__PURE__ */ r(
+    c,
     {
       name: e,
       label: o("title"),
-      options: t,
+      options: n,
       isRequired: !0,
-      onChange: i
+      onChange: i,
+      className: t
     }
   );
 }
 export {
-  f as OffCycleReasonSelectionPresentation
+  m as OffCycleReasonSelectionPresentation
 };
 //# sourceMappingURL=OffCycleReasonSelectionPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleReasonSelectionPresentation.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCycleReason } from './types'\nimport { RadioGroupField } from '@/components/Common'\n\ninterface OffCycleReasonSelectionPresentationProps {\n  name: string\n  onChange?: (value: OffCycleReason) => void\n}\n\n/** @internal */\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":";;;;AAWO,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  /** CSS class name applied to the root element. */\n  className?: string\n}\n\n/** @internal */\nexport function OffCycleReasonSelectionPresentation({\n  name,\n  onChange,\n  className,\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      className={className}\n    />\n  )\n}\n"],"names":["OffCycleReasonSelectionPresentation","name","onChange","className","t","useTranslation","options","useMemo","jsx","RadioGroupField"],"mappings":";;;;AAaO,SAASA,EAAoC;AAAA,EAClD,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;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,MAAAR;AAAA,MACA,OAAOG,EAAE,OAAO;AAAA,MAChB,SAAAE;AAAA,MACA,YAAU;AAAA,MACV,UAAAJ;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,56 +1,57 @@
-import { jsx as d, jsxs as Pe, Fragment as Ue } from "react/jsx-runtime";
-import { useState as P, useRef as B, useMemo as _, useEffect as j } from "react";
-import { usePayrollsGetSuspense as he } from "@gusto/embedded-api/react-query/payrollsGet";
-import { payrollsCalculate as ge } from "@gusto/embedded-api/funcs/payrollsCalculate";
-import { useGustoEmbeddedContext as Le } from "@gusto/embedded-api/react-query/_context";
-import { useTranslation as Se } from "react-i18next";
-import { usePayrollsUpdateMutation as we } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { usePayrollsCalculateGrossUpMutation as Ae } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
-import { usePayrollsGetBlockersSuspense as Re } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { payrollSubmitHandler as _e } from "../PayrollBlocker/payrollHelpers.js";
-import { PayrollOverview as De } from "../PayrollOverview/PayrollOverview.js";
-import { PayrollConfigurationPresentation as Ee } from "./PayrollConfigurationPresentation.js";
-import { usePayrollConfigurationData as Oe } from "./usePayrollConfigurationData.js";
-import { isGrossUpEligible as be, getGrossUpTargetCompensationName as xe } from "./grossUpHelpers.js";
-import { isCalculatingStatus as v, useCalculationPoll as ke } from "./useCalculationPoll.js";
-import { BaseComponent as Te } from "../../Base/Base.js";
+import { jsx as d, jsxs as Ue, Fragment as he } from "react/jsx-runtime";
+import { useState as P, useRef as j, useMemo as _, useEffect as v } from "react";
+import { usePayrollsGetSuspense as ge } from "@gusto/embedded-api/react-query/payrollsGet";
+import { payrollsCalculate as Le } from "@gusto/embedded-api/funcs/payrollsCalculate";
+import { useGustoEmbeddedContext as Se } from "@gusto/embedded-api/react-query/_context";
+import { useTranslation as we } from "react-i18next";
+import { usePayrollsUpdateMutation as Ae } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePayrollsCalculateGrossUpMutation as Re } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
+import { usePayrollsGetBlockersSuspense as _e } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { payrollSubmitHandler as De } from "../PayrollBlocker/payrollHelpers.js";
+import { PayrollOverview as Ee } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollConfigurationPresentation as Oe } from "./PayrollConfigurationPresentation.js";
+import { usePayrollConfigurationData as be } from "./usePayrollConfigurationData.js";
+import { isGrossUpEligible as xe, getGrossUpTargetCompensationName as ke } from "./grossUpHelpers.js";
+import { isCalculatingStatus as F, useCalculationPoll as Te } from "./useCalculationPoll.js";
+import { BaseComponent as Ge } from "../../Base/Base.js";
 import { componentEvents as i } from "../../../shared/constants.js";
-import { useComponentDictionary as Ge, useI18n as Ne } from "../../../i18n/I18n.js";
-import { useBase as Ye } from "../../Base/useBase.js";
-import { useDateFormatter as Me } from "../../../hooks/useDateFormatter.js";
-import { SDKInternalError as F } from "../../../types/sdkError.js";
-import { GrossUpModal as Be } from "../GrossUpModal/GrossUpModal.js";
-function co(t) {
-  return /* @__PURE__ */ d(Te, { ...t, children: /* @__PURE__ */ d(je, { ...t, children: t.children }) });
+import { useComponentDictionary as Ne, useI18n as Ye } from "../../../i18n/I18n.js";
+import { useBase as Me } from "../../Base/useBase.js";
+import { useDateFormatter as Be } from "../../../hooks/useDateFormatter.js";
+import { SDKInternalError as W } from "../../../types/sdkError.js";
+import { GrossUpModal as je } from "../GrossUpModal/GrossUpModal.js";
+function uo(t) {
+  return /* @__PURE__ */ d(Ge, { ...t, children: /* @__PURE__ */ d(ve, { ...t, children: t.children }) });
 }
-const je = ({
+const ve = ({
   onEvent: t,
   companyId: n,
   payrollId: l,
-  dictionary: W,
-  alerts: q,
-  withReimbursements: D = !0
+  dictionary: q,
+  alerts: K,
+  withReimbursements: D = !0,
+  className: E
 }) => {
-  Ge("Payroll.PayrollConfiguration", W), Ne("Payroll.PayrollConfiguration");
-  const { t: c } = Se("Payroll.PayrollConfiguration"), { baseSubmitHandler: y } = Ye(), p = Me(), [E, O] = P(!1), u = B(!1), K = Le(), H = _(
+  Ne("Payroll.PayrollConfiguration", q), Ye("Payroll.PayrollConfiguration");
+  const { t: c } = we("Payroll.PayrollConfiguration"), { baseSubmitHandler: y } = Me(), p = Be(), [O, b] = P(!1), u = j(!1), H = Se(), V = _(
     () => ({
       companyId: n,
       payrollId: l,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     }),
     [n, l]
-  ), { data: s, refetch: V } = he(H), J = _(
+  ), { data: s, refetch: J } = ge(V), z = _(
     () => s.payrollShow?.employeeCompensations?.filter((e) => e.excluded).map((e) => e.employeeUuid).filter(Boolean) ?? [],
     [s.payrollShow?.employeeCompensations]
   );
-  v(s.payrollShow?.processingRequest) && (u.current = !0);
-  const { data: z } = Re({
+  F(s.payrollShow?.processingRequest) && (u.current = !0);
+  const { data: Q } = _e({
     companyUuid: n
-  }), b = (z.payrollBlockers ?? []).map((e) => ({
+  }), x = (Q.payrollBlockers ?? []).map((e) => ({
     key: e.key,
     message: e.message
-  })), [Q, U] = P(b), { start: h, isPolling: f } = ke({
-    refetch: V,
+  })), [X, U] = P(x), { start: h, isPolling: f } = Te({
+    refetch: J,
     onCalculated: (e) => {
       t(i.RUN_PAYROLL_CALCULATED, {
         payrollId: l,
@@ -65,23 +66,23 @@ const je = ({
     onProcessingFailed: (e) => {
       t(i.RUN_PAYROLL_PROCESSING_FAILED), e?.calculatedAt == null && (u.current = !1);
     }
-  }), x = E || f || u.current, {
-    employeeDetails: X,
-    employeeCompensations: k,
-    paySchedule: Z,
-    payPeriod: $,
+  }), k = O || f || u.current, {
+    employeeDetails: Z,
+    employeeCompensations: T,
+    paySchedule: $,
+    payPeriod: I,
     payrollCategory: g,
-    pagination: I,
-    isLoading: ee,
+    pagination: ee,
+    isLoading: oe,
     isAlreadyProcessed: L,
     refetch: S
-  } = Oe({
+  } = be({
     companyId: n,
     payrollId: l,
     // Don't prepare while calculating, or once we've seen it calculate. If the payroll was already
     // calculated when we opened (e.g. clicking Edit), we do prepare so it can be edited.
-    disablePrepare: f || E || u.current,
-    excludedEmployeeUuids: J
+    disablePrepare: f || O || u.current,
+    excludedEmployeeUuids: z
   }), w = _(
     () => ({
       type: "error",
@@ -89,8 +90,8 @@ const je = ({
       alertKey: "alreadyProcessed"
     }),
     [c]
-  ), A = B(!1);
-  j(() => {
+  ), A = j(!1);
+  v(() => {
     if (!L) {
       A.current = !1;
       return;
@@ -107,13 +108,13 @@ const je = ({
     w,
     s.payrollShow?.payPeriod
   ]);
-  const { mutateAsync: T, isPending: oe } = we(), { mutateAsync: te } = Ae(), [m, G] = P(null), [ae, R] = P(!1), N = be(g), C = xe(g), re = (e) => {
-    G(e), R(!0), t(i.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
-  }, se = async (e) => {
+  const { mutateAsync: G, isPending: te } = Ae(), { mutateAsync: ae } = Re(), [m, N] = P(null), [re, R] = P(!1), Y = xe(g), C = ke(g), se = (e) => {
+    N(e), R(!0), t(i.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
+  }, le = async (e) => {
     if (!m) return null;
     let o = null;
     return await y(null, async () => {
-      o = (await te({
+      o = (await ae({
         request: {
           payrollUuid: l,
           payrollGrossUpRequest: {
@@ -127,67 +128,67 @@ const je = ({
         employeeUuid: m
       });
     }), o;
-  }, le = async (e) => {
+  }, ie = async (e) => {
     if (!m || !C)
-      throw new F(
+      throw new W(
         "Unable to apply gross-up: missing employee or target compensation."
       );
-    const o = k.find((a) => a.employeeUuid === m);
+    const o = T.find((a) => a.employeeUuid === m);
     if (!o)
-      throw new F("Unable to apply gross-up: employee compensation not found.");
-    const r = o.fixedCompensations ?? [], de = r.some(
+      throw new W("Unable to apply gross-up: employee compensation not found.");
+    const r = o.fixedCompensations ?? [], ye = r.some(
       (a) => a.name?.toLowerCase() === C.toLowerCase()
-    ), M = r.map((a) => ({
+    ), B = r.map((a) => ({
       name: a.name,
       jobUuid: a.jobUuid,
       amount: a.name?.toLowerCase() === C.toLowerCase() ? e : "0"
     }));
-    if (!de) {
+    if (!ye) {
       const a = o.hourlyCompensations?.[0]?.jobUuid ?? r[0]?.jobUuid ?? "";
-      M.push({
+      B.push({
         name: C,
         jobUuid: a,
         amount: e
       });
     }
-    const ye = (o.hourlyCompensations ?? []).map((a) => ({
+    const fe = (o.hourlyCompensations ?? []).map((a) => ({
       name: a.name,
       jobUuid: a.jobUuid,
       hours: "0"
-    })), fe = (o.paidTimeOff ?? []).map((a) => ({
+    })), Ce = (o.paidTimeOff ?? []).map((a) => ({
       name: a.name,
       hours: "0"
-    })), Ce = Y({
+    })), Pe = M({
       ...o,
-      fixedCompensations: M,
-      hourlyCompensations: ye,
-      paidTimeOff: fe
+      fixedCompensations: B,
+      hourlyCompensations: fe,
+      paidTimeOff: Ce
     });
     await y({}, async () => {
-      const a = await T({
+      const a = await G({
         request: {
           companyId: n,
           payrollId: l,
           payrollUpdate: {
-            employeeCompensations: [{ ...Ce, excluded: !1 }]
+            employeeCompensations: [{ ...Pe, excluded: !1 }]
           }
         }
       });
       t(i.RUN_PAYROLL_EMPLOYEE_SAVED, {
         payrollPrepared: a.payrollPrepared
       }), await S();
-    }), G(null), R(!1);
-  }, ie = async (e) => {
+    }), N(null), R(!1);
+  }, ne = async (e) => {
     try {
-      await le(e);
+      await ie(e);
     } catch {
     }
-  }, ne = async () => {
+  }, ce = async () => {
     U([]), u.current = !0, await y({}, async () => {
-      const e = await _e(async () => {
-        O(!0);
+      const e = await De(async () => {
+        b(!0);
         try {
-          const o = await ge(K, {
+          const o = await Le(H, {
             companyId: n,
             payrollId: l
           });
@@ -201,18 +202,18 @@ const je = ({
         } catch (o) {
           throw u.current = !1, o;
         } finally {
-          O(!1);
+          b(!1);
         }
       });
       !e.success && e.blockers.length > 0 && U(e.blockers);
     });
-  }, ce = (e) => {
+  }, ue = (e) => {
     t(i.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, Y = (e) => {
+  }, M = (e) => {
     const { paymentMethod: o } = e;
     return {
       employeeUuid: e.employeeUuid,
@@ -225,11 +226,11 @@ const je = ({
       ...o && o !== "Historical" ? { paymentMethod: o } : {},
       memo: e.memo || void 0
     };
-  }, ue = async (e) => {
+  }, pe = async (e) => {
     t(i.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
     }), await y({}, async () => {
-      const o = Y(e), r = await T({
+      const o = M(e), r = await G({
         request: {
           companyId: n,
           payrollId: l,
@@ -244,11 +245,11 @@ const je = ({
         payrollPrepared: r.payrollPrepared
       }), await S();
     });
-  }, pe = () => {
+  }, me = () => {
     t(i.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
-  j(() => {
-    f || v(s.payrollShow?.processingRequest) && h({
+  v(() => {
+    f || F(s.payrollShow?.processingRequest) && h({
       baselineCalculatedAt: s.payrollShow?.calculatedAt?.getTime() ?? null,
       // We have seen the calculating status, which is why we're starting to poll now until it completes or fails.
       sawCalculatingThisPoll: !0
@@ -259,7 +260,7 @@ const je = ({
     f,
     h
   ]);
-  const me = (() => {
+  const de = (() => {
     const e = s.payrollShow?.payrollStatusMeta;
     if (e?.payrollLate && e.initialCheckDate && e.expectedDebitTime && e.expectedCheckDate)
       return {
@@ -284,8 +285,9 @@ const je = ({
       };
   })();
   return L ? /* @__PURE__ */ d(
-    De,
+    Ee,
     {
+      className: E,
       companyId: n,
       payrollId: l,
       onEvent: (o, r) => {
@@ -294,37 +296,38 @@ const je = ({
       withReimbursements: D,
       alerts: [w]
     }
-  ) : /* @__PURE__ */ Pe(Ue, { children: [
+  ) : /* @__PURE__ */ Ue(he, { children: [
     /* @__PURE__ */ d(
-      Ee,
+      Oe,
       {
-        onCalculatePayroll: ne,
-        isCalculateDisabled: b.length > 0,
-        onEdit: ce,
-        onToggleExclude: ue,
-        onViewBlockers: pe,
-        employeeCompensations: k,
-        employeeDetails: X,
-        payPeriod: $,
-        paySchedule: Z,
+        className: E,
+        onCalculatePayroll: ce,
+        isCalculateDisabled: x.length > 0,
+        onEdit: ue,
+        onToggleExclude: pe,
+        onViewBlockers: me,
+        employeeCompensations: T,
+        employeeDetails: Z,
+        payPeriod: I,
+        paySchedule: $,
         payrollCategory: g,
-        alerts: q,
-        payrollAlert: me,
-        isPending: x || ee || oe,
-        isCalculating: x,
-        payrollBlockers: Q,
-        pagination: I,
+        alerts: K,
+        payrollAlert: de,
+        isPending: k || oe || te,
+        isCalculating: k,
+        payrollBlockers: X,
+        pagination: ee,
         withReimbursements: D,
-        grossUpEnabled: N,
-        onGrossUpSelect: re
+        grossUpEnabled: Y,
+        onGrossUpSelect: se
       }
     ),
-    N && /* @__PURE__ */ d(
-      Be,
+    Y && /* @__PURE__ */ d(
+      je,
       {
-        isOpen: ae,
-        onCalculateGrossUp: se,
-        onApply: ie,
+        isOpen: re,
+        onCalculateGrossUp: le,
+        onApply: ne,
         onCancel: () => {
           R(!1);
         }
@@ -333,6 +336,6 @@ const je = ({
   ] });
 };
 export {
-  co as PayrollConfiguration
+  uo as PayrollConfiguration
 };
 //# sourceMappingURL=PayrollConfiguration.js.map