@gusto/embedded-react-sdk 0.55.8 → 0.56.1

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollBlockerList.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport { getBlockerTranslationKeys } from '../payrollHelpers'\nimport styles from './PayrollBlockerList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { RecoveryCases } from '@/components/Payroll/RecoveryCases'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { informationRequestEvents, recoveryCasesEvents, type EventType } from '@/shared/constants'\n\ntype ResponseAlertType = 'recoveryCaseResubmitted' | 'informationRequestResponded'\n\ninterface ResponseAlert {\n  id: number\n  type: ResponseAlertType\n}\n\ninterface ResponseAlertState {\n  id: number\n  alerts: ResponseAlert[]\n}\n\ninterface PayrollBlocker {\n  id: string\n  title: string\n  description: string\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\n/**\n * Props for {@link PayrollBlockerList}.\n *\n * @public\n */\nexport interface PayrollBlockerListProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of blockers preventing payroll from being processed for a company.\n *\n * @remarks\n * Blockers indicate issues that must be resolved before a payroll can be calculated or\n * submitted, such as missing employee information, invalid tax setups, or incomplete\n * company configuration. The component also renders open recovery cases and outstanding\n * information requests for the company when present, and re-emits any events those\n * embedded surfaces fire through `onEvent`.\n *\n * @param props - {@link PayrollBlockerListProps}\n * @returns The rendered blocker list.\n * @public\n */\nexport function PayrollBlockerList(props: PayrollBlockerListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, companyId, dictionary, onEvent }: PayrollBlockerListProps) {\n  useComponentDictionary('Payroll.PayrollBlocker', dictionary)\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Button, Text, Heading, Alert } = useComponentContext()\n\n  const [alertState, setAlertState] = useState<ResponseAlertState>({\n    id: 0,\n    alerts: [],\n  })\n\n  const handleDismissAlert = useCallback((alertId: number) => {\n    setAlertState(prev => ({\n      ...prev,\n      alerts: prev.alerts.filter(alert => alert.id !== alertId),\n    }))\n  }, [])\n\n  const addAlert = useCallback((alertType: ResponseAlertType) => {\n    setAlertState(prev => ({\n      id: prev.id + 1,\n      alerts: [{ id: prev.id, type: alertType }, ...prev.alerts],\n    }))\n  }, [])\n\n  const handleEvent = useCallback(\n    (type: EventType, data?: unknown) => {\n      if (type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE) {\n        addAlert('recoveryCaseResubmitted')\n      }\n\n      if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE) {\n        addAlert('informationRequestResponded')\n      }\n\n      onEvent(type, data)\n    },\n    [onEvent, addAlert],\n  )\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: recoveryCasesData } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n  const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n    const blockerKey = blocker.key\n    const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blockerKey\n        .replace(/_/g, ' ')\n        .replace(/\\b\\w/g, (letter: string) => letter.toUpperCase()),\n    })\n\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n\n    return {\n      id: blockerKey,\n      title,\n      description,\n    }\n  })\n\n  const recoveryCases = recoveryCasesData.recoveryCases ?? []\n  const informationRequests = informationRequestsData.informationRequests ?? []\n\n  const hasUnrecoveredCases = recoveryCases.some(\n    recoveryCase => recoveryCase.status !== 'recovered',\n  )\n\n  const hasInformationRequests = informationRequests.some(\n    request => request.status !== InformationRequestStatus.Approved,\n  )\n\n  const dataViewProps = useDataView({\n    data: blockers,\n    columns: [\n      {\n        title: t('blockerSectionLabel'),\n        render: blocker => (\n          <FlexItem flexGrow={1}>\n            <Flex flexDirection=\"column\" gap={8}>\n              <Text weight=\"semibold\">{blocker.title}</Text>\n              <Text variant=\"supporting\">{blocker.description}</Text>\n            </Flex>\n          </FlexItem>\n        ),\n      },\n      {\n        title: '',\n        render: blocker => {\n          const action = blocker.action\n\n          if (!action) {\n            return null\n          }\n\n          return (\n            <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n              <Button variant=\"secondary\" onClick={action.onClick} title={action.label}>\n                {action.label}\n              </Button>\n            </Flex>\n          )\n        },\n      },\n    ],\n  })\n\n  const hasBlockers = blockers.length > 0\n  const hasAnyContent = hasBlockers || hasUnrecoveredCases || hasInformationRequests\n\n  if (!hasAnyContent) {\n    return (\n      <div className={classNames(styles.root, className)}>\n        <Text>{t('noBlockersMessage')}</Text>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <Flex flexDirection=\"column\" gap={32}>\n        {alertState.alerts.map(alert => (\n          <Alert\n            key={alert.id}\n            status=\"success\"\n            label={t(`alerts.${alert.type}.title`)}\n            onDismiss={() => {\n              handleDismissAlert(alert.id)\n            }}\n          >\n            <Text>{t(`alerts.${alert.type}.description`)}</Text>\n          </Alert>\n        ))}\n\n        {hasBlockers && (\n          <Flex flexDirection=\"column\" gap={20}>\n            <Heading as=\"h2\" styledAs=\"h4\">\n              {t('blockersListTitle')}\n            </Heading>\n            <DataView {...dataViewProps} label={t('blockersListTitle')} />\n          </Flex>\n        )}\n\n        {hasUnrecoveredCases && <RecoveryCases companyId={companyId} onEvent={handleEvent} />}\n\n        {hasInformationRequests && (\n          <InformationRequestsFlow companyId={companyId} withAlert={false} onEvent={handleEvent} />\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollBlockerList","props","jsx","BaseComponent","Root","className","companyId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","Button","Text","Heading","Alert","useComponentContext","alertState","setAlertState","useState","handleDismissAlert","useCallback","alertId","prev","alert","addAlert","alertType","handleEvent","type","data","recoveryCasesEvents","informationRequestEvents","blockersData","usePayrollsGetBlockersSuspense","recoveryCasesData","useRecoveryCasesGetSuspense","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","letter","description","recoveryCases","informationRequests","hasUnrecoveredCases","recoveryCase","hasInformationRequests","request","InformationRequestStatus","dataViewProps","useDataView","FlexItem","jsxs","Flex","action","hasBlockers","classNames","styles","DataView","RecoveryCases","InformationRequestsFlow"],"mappings":"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"}
+{"version":3,"file":"PayrollBlockerList.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport { getBlockerTranslationKeys } from '../payrollHelpers'\nimport styles from './PayrollBlockerList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { RecoveryCases } from '@/components/Payroll/RecoveryCases'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { informationRequestEvents, recoveryCasesEvents, type EventType } from '@/shared/constants'\n\ntype ResponseAlertType = 'recoveryCaseResubmitted' | 'informationRequestResponded'\n\ninterface ResponseAlert {\n  id: number\n  type: ResponseAlertType\n}\n\ninterface ResponseAlertState {\n  id: number\n  alerts: ResponseAlert[]\n}\n\ninterface PayrollBlocker {\n  id: string\n  title: string\n  description: string\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\n/**\n * Props for {@link PayrollBlockerList}.\n *\n * @public\n */\nexport interface PayrollBlockerListProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of blockers preventing payroll from being processed for a company.\n *\n * @remarks\n * Blockers indicate issues that must be resolved before a payroll can be calculated or\n * submitted, such as missing employee information, invalid tax setups, or incomplete\n * company configuration. The component also renders open recovery cases and outstanding\n * information requests for the company when present, and re-emits any events those\n * embedded surfaces fire through `onEvent`.\n *\n * @param props - {@link PayrollBlockerListProps}\n * @returns The rendered blocker list.\n * @public\n */\nexport function PayrollBlockerList(props: PayrollBlockerListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, companyId, dictionary, onEvent }: PayrollBlockerListProps) {\n  useComponentDictionary('Payroll.PayrollBlocker', dictionary)\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Button, Text, Heading, Alert } = useComponentContext()\n\n  const [alertState, setAlertState] = useState<ResponseAlertState>({\n    id: 0,\n    alerts: [],\n  })\n\n  const handleDismissAlert = useCallback((alertId: number) => {\n    setAlertState(prev => ({\n      ...prev,\n      alerts: prev.alerts.filter(alert => alert.id !== alertId),\n    }))\n  }, [])\n\n  const addAlert = useCallback((alertType: ResponseAlertType) => {\n    setAlertState(prev => ({\n      id: prev.id + 1,\n      alerts: [{ id: prev.id, type: alertType }, ...prev.alerts],\n    }))\n  }, [])\n\n  const handleEvent = useCallback(\n    (type: EventType, data?: unknown) => {\n      if (type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE) {\n        addAlert('recoveryCaseResubmitted')\n      }\n\n      if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE) {\n        addAlert('informationRequestResponded')\n      }\n\n      onEvent(type, data)\n    },\n    [onEvent, addAlert],\n  )\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: recoveryCasesData } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n  const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n    const blockerKey = blocker.key\n    const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('genericBlockerTitle'),\n    })\n\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n\n    return {\n      id: blockerKey,\n      title,\n      description,\n    }\n  })\n\n  const recoveryCases = recoveryCasesData.recoveryCases ?? []\n  const informationRequests = informationRequestsData.informationRequests ?? []\n\n  const hasUnrecoveredCases = recoveryCases.some(\n    recoveryCase => recoveryCase.status !== 'recovered',\n  )\n\n  const hasInformationRequests = informationRequests.some(\n    request => request.status !== InformationRequestStatus.Approved,\n  )\n\n  const dataViewProps = useDataView({\n    data: blockers,\n    columns: [\n      {\n        title: t('blockerSectionLabel'),\n        render: blocker => (\n          <FlexItem flexGrow={1}>\n            <Flex flexDirection=\"column\" gap={8}>\n              <Text weight=\"semibold\">{blocker.title}</Text>\n              <Text variant=\"supporting\">{blocker.description}</Text>\n            </Flex>\n          </FlexItem>\n        ),\n      },\n      {\n        title: '',\n        render: blocker => {\n          const action = blocker.action\n\n          if (!action) {\n            return null\n          }\n\n          return (\n            <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n              <Button variant=\"secondary\" onClick={action.onClick} title={action.label}>\n                {action.label}\n              </Button>\n            </Flex>\n          )\n        },\n      },\n    ],\n  })\n\n  const hasBlockers = blockers.length > 0\n  const hasAnyContent = hasBlockers || hasUnrecoveredCases || hasInformationRequests\n\n  if (!hasAnyContent) {\n    return (\n      <div className={classNames(styles.root, className)}>\n        <Text>{t('noBlockersMessage')}</Text>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <Flex flexDirection=\"column\" gap={32}>\n        {alertState.alerts.map(alert => (\n          <Alert\n            key={alert.id}\n            status=\"success\"\n            label={t(`alerts.${alert.type}.title`)}\n            onDismiss={() => {\n              handleDismissAlert(alert.id)\n            }}\n          >\n            <Text>{t(`alerts.${alert.type}.description`)}</Text>\n          </Alert>\n        ))}\n\n        {hasBlockers && (\n          <Flex flexDirection=\"column\" gap={20}>\n            <Heading as=\"h2\" styledAs=\"h4\">\n              {t('blockersListTitle')}\n            </Heading>\n            <DataView {...dataViewProps} label={t('blockersListTitle')} />\n          </Flex>\n        )}\n\n        {hasUnrecoveredCases && <RecoveryCases companyId={companyId} onEvent={handleEvent} />}\n\n        {hasInformationRequests && (\n          <InformationRequestsFlow companyId={companyId} withAlert={false} onEvent={handleEvent} />\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollBlockerList","props","jsx","BaseComponent","Root","className","companyId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","Button","Text","Heading","Alert","useComponentContext","alertState","setAlertState","useState","handleDismissAlert","useCallback","alertId","prev","alert","addAlert","alertType","handleEvent","type","data","recoveryCasesEvents","informationRequestEvents","blockersData","usePayrollsGetBlockersSuspense","recoveryCasesData","useRecoveryCasesGetSuspense","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","description","recoveryCases","informationRequests","hasUnrecoveredCases","recoveryCase","hasInformationRequests","request","InformationRequestStatus","dataViewProps","useDataView","FlexItem","jsxs","Flex","action","hasBlockers","classNames","styles","DataView","RecoveryCases","InformationRequestsFlow"],"mappings":"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"}

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

@@ -1,122 +1,134 @@
-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,
-  payrollId: l,
-  dictionary: q,
-  alerts: K,
-  withReimbursements: D = !0,
-  className: E
+  companyId: c,
+  payrollId: s,
+  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,
-      payrollId: l,
+      companyId: c,
+      payrollId: s,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     }),
-    [n, l]
-  ), { data: s, refetch: J } = ge(V), z = _(
-    () => s.payrollShow?.employeeCompensations?.filter((e) => e.excluded).map((e) => e.employeeUuid).filter(Boolean) ?? [],
-    [s.payrollShow?.employeeCompensations]
+    [c, s]
+  ), { data: l, refetch: X } = Ee(Q), Z = b(
+    () => l.payrollShow?.employeeCompensations?.filter((e) => e.excluded).map((e) => e.employeeUuid).filter(Boolean) ?? [],
+    [l.payrollShow?.employeeCompensations]
   );
-  F(s.payrollShow?.processingRequest) && (u.current = !0);
-  const { data: Q } = _e({
-    companyUuid: n
-  }), x = (Q.payrollBlockers ?? []).map((e) => ({
+  K(l.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,
+        payrollId: s,
         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,
-    payrollId: l,
+  }), 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: s,
     // 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, {
-      payrollId: l,
-      alert: w,
-      payPeriod: s.payrollShow?.payPeriod
+    _.current || (_.current = !0, t(i.RUN_PAYROLL_ALREADY_PROCESSED, {
+      payrollId: s,
+      alert: E,
+      payPeriod: l.payrollShow?.payPeriod
     }));
   }, [
-    L,
-    t,
-    l,
     w,
-    s.payrollShow?.payPeriod
+    t,
+    s,
+    E,
+    l.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,
+          payrollUuid: s,
           payrollGrossUpRequest: {
             employeeUuid: m,
             netPay: e.toString()
@@ -128,92 +140,93 @@ 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,
-          payrollId: l,
+          companyId: c,
+          payrollId: s,
           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,
-            payrollId: l
+          const o = await _e(z, {
+            companyId: c,
+            payrollId: s
           });
           if (!o.ok)
             throw o.error;
-          h({
-            baselineCalculatedAt: s.payrollShow?.calculatedAt?.getTime() ?? null,
+          A({
+            baselineCalculatedAt: l.payrollShow?.calculatedAt?.getTime() ?? null,
             // We just submitted the payroll, so we haven't yet seen it return with the calculating status
             sawCalculatingThisPoll: !1
           });
         } 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, {
+      payrollId: s,
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, M = (e) => {
+  }, W = (e) => {
     const { paymentMethod: o } = e;
     return {
       employeeUuid: e.employeeUuid,
@@ -226,14 +239,14 @@ 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,
-          payrollId: l,
+          companyId: c,
+          payrollId: s,
           payrollUpdate: {
             employeeCompensations: [
               { ...o, excluded: !o.excluded }
@@ -243,99 +256,106 @@ 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(l.payrollShow?.processingRequest)) {
+        h.current = !1;
+        return;
+      }
+      h.current || (L(!1), P(null), A({
+        baselineCalculatedAt: l.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
+    l.payrollShow?.processingRequest,
+    l.payrollShow?.calculatedAt,
+    C,
+    A,
+    P
   ]);
-  const de = (() => {
-    const e = s.payrollShow?.payrollStatusMeta;
+  const he = (() => {
+    const e = l.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)
         }),
         variant: "warning"
       };
-    const { payrollShow: r } = s;
+    const { payrollShow: r } = l;
     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,
-      payrollId: l,
+      className: T,
+      companyId: c,
+      payrollId: s,
       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