@gusto/embedded-react-sdk 0.55.8 → 0.56.0

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleCreationPresentation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { OffCycleReasonSelectionPresentation } from '../OffCycleReasonSelection'\nimport { OffCyclePayPeriodDateFormPresentation } from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation'\nimport { OffCycleTaxWithholdingTable } from '../OffCycleTaxWithholdingTable'\nimport { OffCycleTaxWithholdingModal } from '../OffCycleTaxWithholdingModal'\nimport {\n  WAGE_TYPE_CATEGORIES,\n  type WageTypeGroup,\n} from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type {\n  OffCycleCreationFormData,\n  OffCycleCreationPresentationProps,\n} from './OffCycleCreationTypes'\nimport styles from './OffCycleCreationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, RadioGroupField, SwitchField, MultiSelectComboBoxField } from '@/components/Common'\n\n/** @internal */\nexport function OffCycleCreationPresentation({\n  employees,\n  isPending,\n  minCheckDate,\n  minCheckOnlyDate,\n  maxDate,\n  minPayPeriodDate,\n  taxWithholdingConfig,\n  isTaxWithholdingModalOpen,\n  onTaxWithholdingEditClick,\n  onTaxWithholdingModalDone,\n  onTaxWithholdingModalCancel,\n  className,\n}: OffCycleCreationPresentationProps) {\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.EmployeeSelection')\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleCreation')\n  const { t: tDeductions } = useTranslation('Payroll.OffCycleDeductionsSetting')\n  const { t: tEmployees } = useTranslation('Payroll.EmployeeSelection')\n  const { t: tWithholding } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const wageTypeGroups: WageTypeGroup[] = useMemo(\n    () =>\n      WAGE_TYPE_CATEGORIES.map(category => {\n        const group: WageTypeGroup = {\n          category,\n          label: tWithholding(`wageTypeGroups.${category}.label`),\n          taxedAsDescription: tWithholding(`wageTypeGroups.${category}.taxedAsDescription`),\n        }\n        if (category === 'regular' || category === 'supplemental') {\n          group.description = tWithholding(`wageTypeGroups.${category}.description`)\n        }\n        return group\n      }),\n    [tWithholding],\n  )\n\n  const { setValue, watch } = useFormContext<OffCycleCreationFormData>()\n  const includeAllEmployees = watch('includeAllEmployees')\n\n  const handleToggleIncludeAll = useCallback(\n    (checked: boolean) => {\n      if (checked) {\n        setValue('selectedEmployeeUuids', [])\n      }\n    },\n    [setValue],\n  )\n\n  const deductionsOptions = [\n    {\n      value: false,\n      label: tDeductions('options.include.label'),\n    },\n    {\n      value: true,\n      label: tDeductions('options.skip.label'),\n    },\n  ]\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('pageDescription')}</Text>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h3\">{t('payPeriodSectionTitle')}</Heading>\n          <Text variant=\"supporting\">{t('payPeriodSectionDescription')}</Text>\n        </Flex>\n        <OffCyclePayPeriodDateFormPresentation\n          minCheckDate={minCheckDate}\n          minCheckOnlyDate={minCheckOnlyDate}\n          maxDate={maxDate}\n          minPayPeriodDate={minPayPeriodDate}\n        />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <OffCycleReasonSelectionPresentation name=\"reason\" />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Heading as=\"h3\">{tEmployees('sectionTitle')}</Heading>\n        <SwitchField\n          name=\"includeAllEmployees\"\n          label={t('includeAllEmployeesLabel')}\n          onChange={handleToggleIncludeAll}\n        />\n        {!includeAllEmployees && (\n          <MultiSelectComboBoxField\n            name=\"selectedEmployeeUuids\"\n            label={tEmployees('sectionTitle')}\n            shouldVisuallyHideLabel\n            placeholder={tEmployees('searchPlaceholder')}\n            options={employees}\n          />\n        )}\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <RadioGroupField<boolean>\n          name=\"skipRegularDeductions\"\n          label={tDeductions('title')}\n          description={tDeductions('description')}\n          options={deductionsOptions}\n          convertValueToString={value => String(value)}\n        />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Text variant=\"supporting\">\n          <Trans\n            t={t}\n            i18nKey=\"taxWithholdingDisclaimer\"\n            components={{ bold: <Text as=\"span\" weight=\"bold\" /> }}\n          />\n        </Text>\n        <OffCycleTaxWithholdingTable\n          wageTypeGroups={wageTypeGroups}\n          config={taxWithholdingConfig}\n          onEditClick={onTaxWithholdingEditClick}\n        />\n        {isTaxWithholdingModalOpen && (\n          <OffCycleTaxWithholdingModal\n            isOpen\n            defaultConfig={taxWithholdingConfig}\n            onDone={onTaxWithholdingModalDone}\n            onCancel={onTaxWithholdingModalCancel}\n          />\n        )}\n      </Flex>\n\n      <Flex justifyContent=\"flex-end\" gap={12}>\n        <Button type=\"submit\" isLoading={isPending} isDisabled={isPending}>\n          {t('continueCta')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["OffCycleCreationPresentation","employees","isPending","minCheckDate","minCheckOnlyDate","maxDate","minPayPeriodDate","taxWithholdingConfig","isTaxWithholdingModalOpen","onTaxWithholdingEditClick","onTaxWithholdingModalDone","onTaxWithholdingModalCancel","className","useI18n","t","useTranslation","tDeductions","tEmployees","tWithholding","Heading","Text","Button","useComponentContext","wageTypeGroups","useMemo","WAGE_TYPE_CATEGORIES","category","group","setValue","watch","useFormContext","includeAllEmployees","handleToggleIncludeAll","useCallback","checked","deductionsOptions","Flex","jsxs","jsx","OffCyclePayPeriodDateFormPresentation","styles","OffCycleReasonSelectionPresentation","SwitchField","MultiSelectComboBoxField","RadioGroupField","value","Trans","OffCycleTaxWithholdingTable","OffCycleTaxWithholdingModal"],"mappings":"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"}
+{"version":3,"file":"OffCycleCreationPresentation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { OffCycleReasonSelectionPresentation } from '../OffCycleReasonSelection'\nimport { OffCyclePayPeriodDateFormPresentation } from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation'\nimport { OffCycleTaxWithholdingTable } from '../OffCycleTaxWithholdingTable'\nimport { OffCycleTaxWithholdingModal } from '../OffCycleTaxWithholdingModal'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport {\n  WAGE_TYPE_CATEGORIES,\n  type WageTypeGroup,\n} from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type {\n  OffCycleCreationFormData,\n  OffCycleCreationPresentationProps,\n} from './OffCycleCreationTypes'\nimport styles from './OffCycleCreationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, RadioGroupField, SwitchField, MultiSelectComboBoxField } from '@/components/Common'\n\n/** @internal */\nexport function OffCycleCreationPresentation({\n  employees,\n  blockers,\n  isPending,\n  minCheckDate,\n  minCheckOnlyDate,\n  maxDate,\n  minPayPeriodDate,\n  taxWithholdingConfig,\n  isTaxWithholdingModalOpen,\n  onTaxWithholdingEditClick,\n  onTaxWithholdingModalDone,\n  onTaxWithholdingModalCancel,\n  className,\n}: OffCycleCreationPresentationProps) {\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.EmployeeSelection')\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleCreation')\n  const { t: tDeductions } = useTranslation('Payroll.OffCycleDeductionsSetting')\n  const { t: tEmployees } = useTranslation('Payroll.EmployeeSelection')\n  const { t: tWithholding } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const wageTypeGroups: WageTypeGroup[] = useMemo(\n    () =>\n      WAGE_TYPE_CATEGORIES.map(category => {\n        const group: WageTypeGroup = {\n          category,\n          label: tWithholding(`wageTypeGroups.${category}.label`),\n          taxedAsDescription: tWithholding(`wageTypeGroups.${category}.taxedAsDescription`),\n        }\n        if (category === 'regular' || category === 'supplemental') {\n          group.description = tWithholding(`wageTypeGroups.${category}.description`)\n        }\n        return group\n      }),\n    [tWithholding],\n  )\n\n  const { setValue, watch } = useFormContext<OffCycleCreationFormData>()\n  const includeAllEmployees = watch('includeAllEmployees')\n\n  const handleToggleIncludeAll = useCallback(\n    (checked: boolean) => {\n      if (checked) {\n        setValue('selectedEmployeeUuids', [])\n      }\n    },\n    [setValue],\n  )\n\n  const deductionsOptions = [\n    {\n      value: false,\n      label: tDeductions('options.include.label'),\n    },\n    {\n      value: true,\n      label: tDeductions('options.skip.label'),\n    },\n  ]\n\n  const hasBlockers = blockers.length > 0\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      {hasBlockers && <PayrollBlockerAlerts blockers={blockers} />}\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('pageDescription')}</Text>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h3\">{t('payPeriodSectionTitle')}</Heading>\n          <Text variant=\"supporting\">{t('payPeriodSectionDescription')}</Text>\n        </Flex>\n        <OffCyclePayPeriodDateFormPresentation\n          minCheckDate={minCheckDate}\n          minCheckOnlyDate={minCheckOnlyDate}\n          maxDate={maxDate}\n          minPayPeriodDate={minPayPeriodDate}\n        />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <OffCycleReasonSelectionPresentation name=\"reason\" />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Heading as=\"h3\">{tEmployees('sectionTitle')}</Heading>\n        <SwitchField\n          name=\"includeAllEmployees\"\n          label={t('includeAllEmployeesLabel')}\n          onChange={handleToggleIncludeAll}\n        />\n        {!includeAllEmployees && (\n          <MultiSelectComboBoxField\n            name=\"selectedEmployeeUuids\"\n            label={tEmployees('sectionTitle')}\n            shouldVisuallyHideLabel\n            placeholder={tEmployees('searchPlaceholder')}\n            options={employees}\n          />\n        )}\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={20}>\n        <RadioGroupField<boolean>\n          name=\"skipRegularDeductions\"\n          label={tDeductions('title')}\n          description={tDeductions('description')}\n          options={deductionsOptions}\n          convertValueToString={value => String(value)}\n        />\n      </Flex>\n\n      <hr className={styles.divider} />\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Text variant=\"supporting\">\n          <Trans\n            t={t}\n            i18nKey=\"taxWithholdingDisclaimer\"\n            components={{ bold: <Text as=\"span\" weight=\"bold\" /> }}\n          />\n        </Text>\n        <OffCycleTaxWithholdingTable\n          wageTypeGroups={wageTypeGroups}\n          config={taxWithholdingConfig}\n          onEditClick={onTaxWithholdingEditClick}\n        />\n        {isTaxWithholdingModalOpen && (\n          <OffCycleTaxWithholdingModal\n            isOpen\n            defaultConfig={taxWithholdingConfig}\n            onDone={onTaxWithholdingModalDone}\n            onCancel={onTaxWithholdingModalCancel}\n          />\n        )}\n      </Flex>\n\n      <Flex justifyContent=\"flex-end\" gap={12}>\n        <Button type=\"submit\" isLoading={isPending} isDisabled={isPending || hasBlockers}>\n          {t('continueCta')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["OffCycleCreationPresentation","employees","blockers","isPending","minCheckDate","minCheckOnlyDate","maxDate","minPayPeriodDate","taxWithholdingConfig","isTaxWithholdingModalOpen","onTaxWithholdingEditClick","onTaxWithholdingModalDone","onTaxWithholdingModalCancel","className","useI18n","t","useTranslation","tDeductions","tEmployees","tWithholding","Heading","Text","Button","useComponentContext","wageTypeGroups","useMemo","WAGE_TYPE_CATEGORIES","category","group","setValue","watch","useFormContext","includeAllEmployees","handleToggleIncludeAll","useCallback","checked","deductionsOptions","hasBlockers","Flex","jsx","PayrollBlockerAlerts","jsxs","OffCyclePayPeriodDateFormPresentation","styles","OffCycleReasonSelectionPresentation","SwitchField","MultiSelectComboBoxField","RadioGroupField","value","Trans","OffCycleTaxWithholdingTable","OffCycleTaxWithholdingModal"],"mappings":"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"}

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

@@ -1,120 +1,132 @@
-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 { jsx as y, jsxs as we, Fragment as Re } from "react/jsx-runtime";
+import { useState as d, useRef as O, useMemo as b, useEffect as H } from "react";
+import { usePayrollsGetSuspense as Ee } from "@gusto/embedded-api/react-query/payrollsGet";
+import { payrollsCalculate as _e } from "@gusto/embedded-api/funcs/payrollsCalculate";
+import { useGustoEmbeddedContext as De } from "@gusto/embedded-api/react-query/_context";
+import { useTranslation as Oe } from "react-i18next";
+import { usePayrollsUpdateMutation as be } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePayrollsCalculateGrossUpMutation as xe } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
+import { usePayrollsGetBlockersSuspense as Te } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { payrollSubmitHandler as ke } from "../PayrollBlocker/payrollHelpers.js";
+import { PayrollOverview as Ge } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollConfigurationPresentation as Ne } from "./PayrollConfigurationPresentation.js";
+import { usePayrollConfigurationData as Ye } from "./usePayrollConfigurationData.js";
+import { isGrossUpEligible as Fe, getGrossUpTargetCompensationName as Me } from "./grossUpHelpers.js";
+import { isCalculatingStatus as K, useCalculationPoll as Be } from "./useCalculationPoll.js";
+import { BaseComponent as je } from "../../Base/Base.js";
 import { componentEvents as i } from "../../../shared/constants.js";
-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 }) });
+import { useComponentDictionary as ve, useI18n as We } from "../../../i18n/I18n.js";
+import { useBase as qe } from "../../Base/useBase.js";
+import { useDateFormatter as He } from "../../../hooks/useDateFormatter.js";
+import { SDKInternalError as V } from "../../../types/sdkError.js";
+import { GrossUpModal as Ke } from "../GrossUpModal/GrossUpModal.js";
+function Co(t) {
+  return /* @__PURE__ */ y(je, { ...t, children: /* @__PURE__ */ y(Ve, { ...t, children: t.children }) });
 }
-const ve = ({
+const Ve = ({
   onEvent: t,
-  companyId: n,
+  companyId: c,
   payrollId: l,
-  dictionary: q,
-  alerts: K,
-  withReimbursements: D = !0,
-  className: E
+  dictionary: $,
+  alerts: J,
+  withReimbursements: x = !0,
+  className: T
 }) => {
-  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 = _(
+  ve("Payroll.PayrollConfiguration", $), We("Payroll.PayrollConfiguration");
+  const { t: n } = Oe("Payroll.PayrollConfiguration"), { baseSubmitHandler: f, setError: P } = qe(), p = He(), [k, G] = d(!1), u = O(!1), h = O(!1), z = De(), Q = b(
     () => ({
-      companyId: n,
+      companyId: c,
       payrollId: l,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     }),
-    [n, l]
-  ), { data: s, refetch: J } = ge(V), z = _(
+    [c, l]
+  ), { data: s, refetch: X } = Ee(Q), Z = b(
     () => s.payrollShow?.employeeCompensations?.filter((e) => e.excluded).map((e) => e.employeeUuid).filter(Boolean) ?? [],
     [s.payrollShow?.employeeCompensations]
   );
-  F(s.payrollShow?.processingRequest) && (u.current = !0);
-  const { data: Q } = _e({
-    companyUuid: n
-  }), x = (Q.payrollBlockers ?? []).map((e) => ({
+  K(s.payrollShow?.processingRequest) && (u.current = !0);
+  const { data: I } = Te({
+    companyUuid: c
+  }), N = (I.payrollBlockers ?? []).map((e) => ({
     key: e.key,
     message: e.message
-  })), [X, U] = P(x), { start: h, isPolling: f } = Te({
-    refetch: J,
+  })), [ee, U] = d(N), [oe, L] = d(!1), Y = () => {
+    t(i.RUN_PAYROLL_PROCESSING_FAILED), L(!0), P({
+      category: "internal_error",
+      message: `${n("alerts.processingFailed.label")}. ${n("alerts.processingFailed.message")}`,
+      fieldErrors: []
+    });
+  }, te = (e) => {
+    Y(), e?.calculatedAt == null && (u.current = !1);
+  }, { start: A, isPolling: C } = Be({
+    refetch: X,
     onCalculated: (e) => {
       t(i.RUN_PAYROLL_CALCULATED, {
         payrollId: l,
         alert: {
           type: "success",
-          title: c("alerts.progressSaved"),
+          title: n("alerts.progressSaved"),
           alertKey: "progressSaved"
         },
         payPeriod: e?.payPeriod
       }), U([]);
     },
-    onProcessingFailed: (e) => {
-      t(i.RUN_PAYROLL_PROCESSING_FAILED), e?.calculatedAt == null && (u.current = !1);
+    onProcessingFailed: te,
+    // Unlike a real processing failure, we never confirmed whether the calculation actually
+    // succeeded server-side, so this must not reset hasSeenCalculatingRef — doing so would
+    // re-arm prepare and risk wiping a calculation that may have genuinely completed.
+    onError: () => {
+      h.current = !0, Y();
     }
-  }), k = O || f || u.current, {
-    employeeDetails: Z,
-    employeeCompensations: T,
-    paySchedule: $,
-    payPeriod: I,
-    payrollCategory: g,
-    pagination: ee,
-    isLoading: oe,
-    isAlreadyProcessed: L,
-    refetch: S
-  } = be({
-    companyId: n,
+  }), F = !oe && (k || C || u.current), {
+    employeeDetails: ae,
+    employeeCompensations: M,
+    paySchedule: re,
+    payPeriod: se,
+    payrollCategory: S,
+    pagination: le,
+    isLoading: ie,
+    isAlreadyProcessed: w,
+    refetch: R
+  } = Ye({
+    companyId: c,
     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 || O || u.current,
-    excludedEmployeeUuids: z
-  }), w = _(
+    disablePrepare: C || k || u.current,
+    excludedEmployeeUuids: Z
+  }), E = b(
     () => ({
       type: "error",
-      title: c("alerts.alreadyProcessed"),
+      title: n("alerts.alreadyProcessed"),
       alertKey: "alreadyProcessed"
     }),
-    [c]
-  ), A = j(!1);
-  v(() => {
-    if (!L) {
-      A.current = !1;
+    [n]
+  ), _ = O(!1);
+  H(() => {
+    if (!w) {
+      _.current = !1;
       return;
     }
-    A.current || (A.current = !0, t(i.RUN_PAYROLL_ALREADY_PROCESSED, {
+    _.current || (_.current = !0, t(i.RUN_PAYROLL_ALREADY_PROCESSED, {
       payrollId: l,
-      alert: w,
+      alert: E,
       payPeriod: s.payrollShow?.payPeriod
     }));
   }, [
-    L,
+    w,
     t,
     l,
-    w,
+    E,
     s.payrollShow?.payPeriod
   ]);
-  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) => {
+  const { mutateAsync: B, isPending: ne } = be(), { mutateAsync: ce } = xe(), [m, j] = d(null), [ue, D] = d(!1), v = Fe(S), g = Me(S), pe = (e) => {
+    j(e), D(!0), t(i.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
+  }, me = async (e) => {
     if (!m) return null;
     let o = null;
-    return await y(null, async () => {
-      o = (await ae({
+    return await f(null, async () => {
+      o = (await ce({
         request: {
           payrollUuid: l,
           payrollGrossUpRequest: {
@@ -128,73 +140,73 @@ const ve = ({
         employeeUuid: m
       });
     }), o;
-  }, ie = async (e) => {
-    if (!m || !C)
-      throw new W(
+  }, de = async (e) => {
+    if (!m || !g)
+      throw new V(
         "Unable to apply gross-up: missing employee or target compensation."
       );
-    const o = T.find((a) => a.employeeUuid === m);
+    const o = M.find((a) => a.employeeUuid === m);
     if (!o)
-      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()
-    ), B = r.map((a) => ({
+      throw new V("Unable to apply gross-up: employee compensation not found.");
+    const r = o.fixedCompensations ?? [], Ue = r.some(
+      (a) => a.name?.toLowerCase() === g.toLowerCase()
+    ), q = r.map((a) => ({
       name: a.name,
       jobUuid: a.jobUuid,
-      amount: a.name?.toLowerCase() === C.toLowerCase() ? e : "0"
+      amount: a.name?.toLowerCase() === g.toLowerCase() ? e : "0"
     }));
-    if (!ye) {
+    if (!Ue) {
       const a = o.hourlyCompensations?.[0]?.jobUuid ?? r[0]?.jobUuid ?? "";
-      B.push({
-        name: C,
+      q.push({
+        name: g,
         jobUuid: a,
         amount: e
       });
     }
-    const fe = (o.hourlyCompensations ?? []).map((a) => ({
+    const Le = (o.hourlyCompensations ?? []).map((a) => ({
       name: a.name,
       jobUuid: a.jobUuid,
       hours: "0"
-    })), Ce = (o.paidTimeOff ?? []).map((a) => ({
+    })), Ae = (o.paidTimeOff ?? []).map((a) => ({
       name: a.name,
       hours: "0"
-    })), Pe = M({
+    })), Se = W({
       ...o,
-      fixedCompensations: B,
-      hourlyCompensations: fe,
-      paidTimeOff: Ce
+      fixedCompensations: q,
+      hourlyCompensations: Le,
+      paidTimeOff: Ae
     });
-    await y({}, async () => {
-      const a = await G({
+    await f({}, async () => {
+      const a = await B({
         request: {
-          companyId: n,
+          companyId: c,
           payrollId: l,
           payrollUpdate: {
-            employeeCompensations: [{ ...Pe, excluded: !1 }]
+            employeeCompensations: [{ ...Se, excluded: !1 }]
           }
         }
       });
       t(i.RUN_PAYROLL_EMPLOYEE_SAVED, {
         payrollPrepared: a.payrollPrepared
-      }), await S();
-    }), N(null), R(!1);
-  }, ne = async (e) => {
+      }), await R();
+    }), j(null), D(!1);
+  }, ye = async (e) => {
     try {
-      await ie(e);
+      await de(e);
     } catch {
     }
-  }, ce = async () => {
-    U([]), u.current = !0, await y({}, async () => {
-      const e = await De(async () => {
-        b(!0);
+  }, fe = async () => {
+    U([]), L(!1), P(null), u.current = !0, await f({}, async () => {
+      const e = await ke(async () => {
+        G(!0);
         try {
-          const o = await Le(H, {
-            companyId: n,
+          const o = await _e(z, {
+            companyId: c,
             payrollId: l
           });
           if (!o.ok)
             throw o.error;
-          h({
+          A({
             baselineCalculatedAt: s.payrollShow?.calculatedAt?.getTime() ?? null,
             // We just submitted the payroll, so we haven't yet seen it return with the calculating status
             sawCalculatingThisPoll: !1
@@ -202,18 +214,18 @@ const ve = ({
         } catch (o) {
           throw u.current = !1, o;
         } finally {
-          b(!1);
+          G(!1);
         }
       });
       !e.success && e.blockers.length > 0 && U(e.blockers);
     });
-  }, ue = (e) => {
+  }, Pe = (e) => {
     t(i.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, M = (e) => {
+  }, W = (e) => {
     const { paymentMethod: o } = e;
     return {
       employeeUuid: e.employeeUuid,
@@ -226,13 +238,13 @@ const ve = ({
       ...o && o !== "Historical" ? { paymentMethod: o } : {},
       memo: e.memo || void 0
     };
-  }, pe = async (e) => {
+  }, Ce = async (e) => {
     t(i.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
-    }), await y({}, async () => {
-      const o = M(e), r = await G({
+    }), await f({}, async () => {
+      const o = W(e), r = await B({
         request: {
-          companyId: n,
+          companyId: c,
           payrollId: l,
           payrollUpdate: {
             employeeCompensations: [
@@ -243,31 +255,38 @@ const ve = ({
       });
       t(i.RUN_PAYROLL_EMPLOYEE_SAVED, {
         payrollPrepared: r.payrollPrepared
-      }), await S();
+      }), await R();
     });
-  }, me = () => {
+  }, ge = () => {
     t(i.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
-  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
-    });
+  H(() => {
+    if (!C) {
+      if (!K(s.payrollShow?.processingRequest)) {
+        h.current = !1;
+        return;
+      }
+      h.current || (L(!1), P(null), A({
+        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
+      }));
+    }
   }, [
     s.payrollShow?.processingRequest,
     s.payrollShow?.calculatedAt,
-    f,
-    h
+    C,
+    A,
+    P
   ]);
-  const de = (() => {
+  const he = (() => {
     const e = s.payrollShow?.payrollStatusMeta;
     if (e?.payrollLate && e.initialCheckDate && e.expectedDebitTime && e.expectedCheckDate)
       return {
-        label: c("alerts.payrollLate", {
+        label: n("alerts.payrollLate", {
           initialCheckDate: p.formatShortWithWeekday(e.initialCheckDate)
         }),
-        content: c("alerts.payrollLateText", {
+        content: n("alerts.payrollLateText", {
           ...p.formatWithTime(e.expectedDebitTime),
           newCheckDate: p.formatShortWithWeekday(e.expectedCheckDate)
         }),
@@ -276,66 +295,66 @@ const ve = ({
     const { payrollShow: r } = s;
     if (r?.checkDate && r.payrollDeadline)
       return {
-        label: c("alerts.directDepositDeadline", {
+        label: n("alerts.directDepositDeadline", {
           payDate: p.formatShortWithWeekday(r.checkDate),
           ...p.formatWithTime(r.payrollDeadline)
         }),
-        content: c("alerts.directDepositDeadlineText"),
+        content: n("alerts.directDepositDeadlineText"),
         variant: "info"
       };
   })();
-  return L ? /* @__PURE__ */ d(
-    Ee,
+  return w ? /* @__PURE__ */ y(
+    Ge,
     {
-      className: E,
-      companyId: n,
+      className: T,
+      companyId: c,
       payrollId: l,
       onEvent: (o, r) => {
-        o === i.RUN_PAYROLL_CANCELLED && S(), t(o, r);
+        o === i.RUN_PAYROLL_CANCELLED && R(), t(o, r);
       },
-      withReimbursements: D,
-      alerts: [w]
+      withReimbursements: x,
+      alerts: [E]
     }
-  ) : /* @__PURE__ */ Ue(he, { children: [
-    /* @__PURE__ */ d(
-      Oe,
+  ) : /* @__PURE__ */ we(Re, { children: [
+    /* @__PURE__ */ y(
+      Ne,
       {
-        className: E,
-        onCalculatePayroll: ce,
-        isCalculateDisabled: x.length > 0,
-        onEdit: ue,
-        onToggleExclude: pe,
-        onViewBlockers: me,
-        employeeCompensations: T,
-        employeeDetails: Z,
-        payPeriod: I,
-        paySchedule: $,
-        payrollCategory: g,
-        alerts: K,
-        payrollAlert: de,
-        isPending: k || oe || te,
-        isCalculating: k,
-        payrollBlockers: X,
-        pagination: ee,
-        withReimbursements: D,
-        grossUpEnabled: Y,
-        onGrossUpSelect: se
+        className: T,
+        onCalculatePayroll: fe,
+        isCalculateDisabled: N.length > 0,
+        onEdit: Pe,
+        onToggleExclude: Ce,
+        onViewBlockers: ge,
+        employeeCompensations: M,
+        employeeDetails: ae,
+        payPeriod: se,
+        paySchedule: re,
+        payrollCategory: S,
+        alerts: J,
+        payrollAlert: he,
+        isPending: F || ie || ne,
+        isCalculating: F,
+        payrollBlockers: ee,
+        pagination: le,
+        withReimbursements: x,
+        grossUpEnabled: v,
+        onGrossUpSelect: pe
       }
     ),
-    Y && /* @__PURE__ */ d(
-      je,
+    v && /* @__PURE__ */ y(
+      Ke,
       {
-        isOpen: re,
-        onCalculateGrossUp: le,
-        onApply: ne,
+        isOpen: ue,
+        onCalculateGrossUp: me,
+        onApply: ye,
         onCancel: () => {
-          R(!1);
+          D(!1);
         }
       }
     )
   ] });
 };
 export {
-  uo as PayrollConfiguration
+  Co as PayrollConfiguration
 };
 //# sourceMappingURL=PayrollConfiguration.js.map