@gusto/embedded-react-sdk 0.56.0 → 0.56.2

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

@@ -26,7 +26,7 @@ function Co(t) {
 const Ve = ({
   onEvent: t,
   companyId: c,
-  payrollId: l,
+  payrollId: s,
   dictionary: $,
   alerts: J,
   withReimbursements: x = !0,
@@ -36,15 +36,15 @@ const Ve = ({
   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: c,
-      payrollId: l,
+      payrollId: s,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     }),
-    [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]
+    [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]
   );
-  K(s.payrollShow?.processingRequest) && (u.current = !0);
+  K(l.payrollShow?.processingRequest) && (u.current = !0);
   const { data: I } = Te({
     companyUuid: c
   }), N = (I.payrollBlockers ?? []).map((e) => ({
@@ -62,7 +62,7 @@ const Ve = ({
     refetch: X,
     onCalculated: (e) => {
       t(i.RUN_PAYROLL_CALCULATED, {
-        payrollId: l,
+        payrollId: s,
         alert: {
           type: "success",
           title: n("alerts.progressSaved"),
@@ -90,7 +90,7 @@ const Ve = ({
     refetch: R
   } = Ye({
     companyId: c,
-    payrollId: l,
+    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: C || k || u.current,
@@ -109,16 +109,16 @@ const Ve = ({
       return;
     }
     _.current || (_.current = !0, t(i.RUN_PAYROLL_ALREADY_PROCESSED, {
-      payrollId: l,
+      payrollId: s,
       alert: E,
-      payPeriod: s.payrollShow?.payPeriod
+      payPeriod: l.payrollShow?.payPeriod
     }));
   }, [
     w,
     t,
-    l,
+    s,
     E,
-    s.payrollShow?.payPeriod
+    l.payrollShow?.payPeriod
   ]);
   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 });
@@ -128,7 +128,7 @@ const Ve = ({
     return await f(null, async () => {
       o = (await ce({
         request: {
-          payrollUuid: l,
+          payrollUuid: s,
           payrollGrossUpRequest: {
             employeeUuid: m,
             netPay: e.toString()
@@ -180,7 +180,7 @@ const Ve = ({
       const a = await B({
         request: {
           companyId: c,
-          payrollId: l,
+          payrollId: s,
           payrollUpdate: {
             employeeCompensations: [{ ...Se, excluded: !1 }]
           }
@@ -202,12 +202,12 @@ const Ve = ({
         try {
           const o = await _e(z, {
             companyId: c,
-            payrollId: l
+            payrollId: s
           });
           if (!o.ok)
             throw o.error;
           A({
-            baselineCalculatedAt: s.payrollShow?.calculatedAt?.getTime() ?? null,
+            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
           });
@@ -221,6 +221,7 @@ const Ve = ({
     });
   }, Pe = (e) => {
     t(i.RUN_PAYROLL_EMPLOYEE_EDIT, {
+      payrollId: s,
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
@@ -245,7 +246,7 @@ const Ve = ({
       const o = W(e), r = await B({
         request: {
           companyId: c,
-          payrollId: l,
+          payrollId: s,
           payrollUpdate: {
             employeeCompensations: [
               { ...o, excluded: !o.excluded }
@@ -262,25 +263,25 @@ const Ve = ({
   };
   H(() => {
     if (!C) {
-      if (!K(s.payrollShow?.processingRequest)) {
+      if (!K(l.payrollShow?.processingRequest)) {
         h.current = !1;
         return;
       }
       h.current || (L(!1), P(null), A({
-        baselineCalculatedAt: s.payrollShow?.calculatedAt?.getTime() ?? null,
+        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,
+    l.payrollShow?.processingRequest,
+    l.payrollShow?.calculatedAt,
     C,
     A,
     P
   ]);
   const he = (() => {
-    const e = s.payrollShow?.payrollStatusMeta;
+    const e = l.payrollShow?.payrollStatusMeta;
     if (e?.payrollLate && e.initialCheckDate && e.expectedDebitTime && e.expectedCheckDate)
       return {
         label: n("alerts.payrollLate", {
@@ -292,7 +293,7 @@ const Ve = ({
         }),
         variant: "warning"
       };
-    const { payrollShow: r } = s;
+    const { payrollShow: r } = l;
     if (r?.checkDate && r.payrollDeadline)
       return {
         label: n("alerts.directDepositDeadline", {
@@ -308,7 +309,7 @@ const Ve = ({
     {
       className: T,
       companyId: c,
-      payrollId: l,
+      payrollId: s,
       onEvent: (o, r) => {
         o === i.RUN_PAYROLL_CANCELLED && R(), t(o, r);
       },

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { payrollsCalculate } from '@gusto/embedded-api/funcs/payrollsCalculate'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport type { GetV1CompaniesCompanyIdPayrollsPayrollIdRequest } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrollspayrollid'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport { usePayrollsCalculateGrossUpMutation } from '@gusto/embedded-api/react-query/payrollsCalculateGrossUp'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { GrossUpModal } from '../GrossUpModal'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport { getGrossUpTargetCompensationName, isGrossUpEligible } from './grossUpHelpers'\nimport { useCalculationPoll, isCalculatingStatus, type PayrollShow } from './useCalculationPoll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { SDKInternalError } from '@/types/sdkError'\n\n/**\n * Props for {@link PayrollConfiguration}.\n *\n * @public\n */\nexport interface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The associated payroll identifier. */\n  payrollId: string\n  /** Optional alert components to render above the configuration content. */\n  alerts?: ReactNode\n  /** Whether to show the reimbursements column in the compensation table. Defaults to `true`. */\n  withReimbursements?: boolean\n}\n\n/**\n * Handles the configuration phase of payroll processing, allowing users to review and modify employee compensation before calculating the payroll.\n *\n * @remarks\n * If the payroll turns out to already be processed (e.g. another actor submitted it while this\n * screen was open), this component emits `runPayroll/alreadyProcessed` and then renders\n * {@link PayrollOverview} in its place — the read-only breakdown with the gated \"Cancel payroll\"\n * action — instead of the configuration table. Events from that delegated view (e.g.\n * `runPayroll/cancelled`) are emitted through this component's own `onEvent`.\n *\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/employee/edit` | An employee row is selected for editing | `{ employeeId, firstName, lastName }` |\n * | `runPayroll/employee/skip` | An employee is skipped or unskipped for this payroll | `{ employeeId }` |\n * | `runPayroll/employee/saved` | Employee compensation changes are persisted | `{ payrollPrepared }` |\n * | `runPayroll/calculated` | Payroll calculation completes successfully | `{ payrollId, alert, payPeriod }` |\n * | `runPayroll/alreadyProcessed` | The payroll turns out to already be processed while configuring it | `{ payrollId, alert, payPeriod }` |\n * | `runPayroll/processingFailed` | Payroll calculation fails or times out | — |\n * | `runPayroll/blockers/viewAll` | The \"view all blockers\" affordance is selected | — |\n * | `runPayroll/grossUp/selected` | The set-net-earnings menu item is selected for an employee | `{ employeeUuid }` |\n * | `runPayroll/grossUp/calculated` | A gross-up amount is calculated from a target net pay | `{ grossUp, netPay, employeeUuid }` |\n *\n * @param props - See {@link PayrollConfigurationProps}.\n * @returns The payroll configuration screen.\n * @public\n */\nexport function PayrollConfiguration(props: PayrollConfigurationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  onEvent,\n  companyId,\n  payrollId,\n  dictionary,\n  alerts,\n  withReimbursements = true,\n  className,\n}: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const { baseSubmitHandler, setError } = useBase()\n  const dateFormatter = useDateFormatter()\n\n  const [isCalculatingPayroll, setIsCalculatingPayroll] = useState(false)\n  // True once this screen has read a \"calculating\" status for the payroll, whether we started that\n  // calc or someone else did. Calling prepare after that would wipe the result, so we use this to\n  // keep prepare off.\n  const hasSeenCalculatingRef = useRef(false)\n  // Set when a poll ends in a non-retryable read error without confirming a calculated/failed\n  // outcome. Guards the auto-pickup effect below from re-arming a poll against the same stale\n  // \"Calculating\" read over and over -- it only clears once the status genuinely leaves Calculating.\n  const hasTerminalPollErrorRef = useRef(false)\n  const gustoClient = useGustoEmbeddedContext()\n\n  const payrollRequest = useMemo<GetV1CompaniesCompanyIdPayrollsPayrollIdRequest>(\n    () => ({\n      companyId,\n      payrollId,\n      include: ['taxes', 'benefits', 'deductions', 'payroll_status_meta'],\n    }),\n    [companyId, payrollId],\n  )\n\n  const { data: payrollData, refetch: refetchPayroll } = usePayrollsGetSuspense(payrollRequest)\n\n  const excludedEmployeeUuids = useMemo(\n    () =>\n      payrollData.payrollShow?.employeeCompensations\n        ?.filter(comp => comp.excluded)\n        .map(comp => comp.employeeUuid!)\n        .filter(Boolean) ?? [],\n    [payrollData.payrollShow?.employeeCompensations],\n  )\n\n  // Remember once we've seen it calculating.\n  if (isCalculatingStatus(payrollData.payrollShow?.processingRequest)) {\n    hasSeenCalculatingRef.current = true\n  }\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n\n  const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key,\n    message: blocker.message,\n  }))\n\n  const [payrollBlockers, setPayrollBlockers] = useState(blockersFromApi)\n  // Drives the loader gate below. Deliberately separate from `error` -- `baseSubmitHandler`\n  // clears `error` at the start of *any* submit (e.g. skipping an employee, applying a gross-up),\n  // which would otherwise reopen this gate and get the loader stuck on with no poll running to\n  // ever clear it (SDK-1276). Only the same sites that used to own the old boolean flag touch it.\n  const [hasProcessingFailedAlert, setHasProcessingFailedAlert] = useState(false)\n\n  const emitProcessingFailed = () => {\n    onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n    setHasProcessingFailedAlert(true)\n    setError({\n      category: 'internal_error',\n      message: `${t('alerts.processingFailed.label')}. ${t('alerts.processingFailed.message')}`,\n      fieldErrors: [],\n    })\n  }\n\n  const onProcessingFailed = (payroll: PayrollShow | undefined) => {\n    emitProcessingFailed()\n    // Let prepare run again on retry — but only when there is no calculation for it to wipe.\n    if (payroll?.calculatedAt == null) {\n      hasSeenCalculatingRef.current = false\n    }\n  }\n\n  const { start: startCalculationPoll, isPolling } = useCalculationPoll({\n    refetch: refetchPayroll,\n    onCalculated: (payroll: PayrollShow | undefined) => {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: {\n          type: 'success',\n          title: t('alerts.progressSaved'),\n          alertKey: 'progressSaved',\n        },\n        payPeriod: payroll?.payPeriod,\n      })\n      setPayrollBlockers([])\n    },\n    onProcessingFailed,\n    // Unlike a real processing failure, we never confirmed whether the calculation actually\n    // succeeded server-side, so this must not reset hasSeenCalculatingRef — doing so would\n    // re-arm prepare and risk wiping a calculation that may have genuinely completed.\n    onError: () => {\n      hasTerminalPollErrorRef.current = true\n      emitProcessingFailed()\n    },\n  })\n\n  // Show the loading state the whole time we're calculating, so a second tab shows the loader\n  // instead of a blank table until it moves to the overview. Once the failed/error alert is\n  // showing, the poll has already reached a terminal state, so the loading UI must clear even\n  // though hasSeenCalculatingRef stays true (it still guards prepare separately, below).\n  const isCalculatingActive =\n    !hasProcessingFailedAlert &&\n    (isCalculatingPayroll || isPolling || hasSeenCalculatingRef.current)\n\n  const {\n    employeeDetails,\n    employeeCompensations,\n    paySchedule,\n    payPeriod,\n    payrollCategory,\n    pagination,\n    isLoading,\n    isAlreadyProcessed,\n    refetch,\n  } = usePayrollConfigurationData({\n    companyId,\n    payrollId,\n    // Don't prepare while calculating, or once we've seen it calculate. If the payroll was already\n    // calculated when we opened (e.g. clicking Edit), we do prepare so it can be edited.\n    disablePrepare: isPolling || isCalculatingPayroll || hasSeenCalculatingRef.current,\n    excludedEmployeeUuids,\n  })\n\n  const alreadyProcessedAlert: PayrollFlowAlert = useMemo(\n    () => ({\n      type: 'error',\n      title: t('alerts.alreadyProcessed'),\n      alertKey: 'alreadyProcessed',\n    }),\n    [t],\n  )\n\n  const hasFiredAlreadyProcessedRef = useRef(false)\n\n  useEffect(() => {\n    if (!isAlreadyProcessed) {\n      hasFiredAlreadyProcessedRef.current = false\n      return\n    }\n    if (hasFiredAlreadyProcessedRef.current) return\n    hasFiredAlreadyProcessedRef.current = true\n    onEvent(componentEvents.RUN_PAYROLL_ALREADY_PROCESSED, {\n      payrollId,\n      alert: alreadyProcessedAlert,\n      payPeriod: payrollData.payrollShow?.payPeriod,\n    })\n  }, [\n    isAlreadyProcessed,\n    onEvent,\n    payrollId,\n    alreadyProcessedAlert,\n    payrollData.payrollShow?.payPeriod,\n  ])\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const { mutateAsync: calculateGrossUpMutation } = usePayrollsCalculateGrossUpMutation()\n\n  const [grossUpEmployeeUuid, setGrossUpEmployeeUuid] = useState<string | null>(null)\n  const [isGrossUpModalOpen, setIsGrossUpModalOpen] = useState(false)\n\n  const grossUpEnabled = isGrossUpEligible(payrollCategory)\n  const grossUpTargetCompensation = getGrossUpTargetCompensationName(payrollCategory)\n\n  const onGrossUpSelect = (employeeUuid: string) => {\n    setGrossUpEmployeeUuid(employeeUuid)\n    setIsGrossUpModalOpen(true)\n    onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid })\n  }\n\n  const onCalculateGrossUp = async (netPay: number): Promise<string | null> => {\n    if (!grossUpEmployeeUuid) return null\n    let grossUp: string | null = null\n\n    await baseSubmitHandler(null, async () => {\n      const result = await calculateGrossUpMutation({\n        request: {\n          payrollUuid: payrollId,\n          payrollGrossUpRequest: {\n            employeeUuid: grossUpEmployeeUuid,\n            netPay: netPay.toString(),\n          },\n        },\n      })\n\n      grossUp = result.payrollGrossUpResponse?.grossUp ?? null\n\n      if (grossUp) {\n        onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_CALCULATED, {\n          grossUp,\n          netPay,\n          employeeUuid: grossUpEmployeeUuid,\n        })\n      }\n    })\n\n    return grossUp\n  }\n\n  const onGrossUpApply = async (grossAmount: string) => {\n    if (!grossUpEmployeeUuid || !grossUpTargetCompensation) {\n      throw new SDKInternalError(\n        'Unable to apply gross-up: missing employee or target compensation.',\n      )\n    }\n\n    const employeeComp = employeeCompensations.find(ec => ec.employeeUuid === grossUpEmployeeUuid)\n    if (!employeeComp) {\n      throw new SDKInternalError('Unable to apply gross-up: employee compensation not found.')\n    }\n\n    const existingFixed = employeeComp.fixedCompensations ?? []\n    const hasTargetCompensation = existingFixed.some(\n      fc => fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase(),\n    )\n\n    const updatedFixedCompensations = existingFixed.map(fc => ({\n      name: fc.name,\n      jobUuid: fc.jobUuid,\n      amount:\n        fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase() ? grossAmount : '0',\n    }))\n\n    if (!hasTargetCompensation) {\n      const primaryJobUuid =\n        employeeComp.hourlyCompensations?.[0]?.jobUuid ?? existingFixed[0]?.jobUuid ?? ''\n      updatedFixedCompensations.push({\n        name: grossUpTargetCompensation,\n        jobUuid: primaryJobUuid,\n        amount: grossAmount,\n      })\n    }\n\n    const updatedHourlyCompensations = (employeeComp.hourlyCompensations ?? []).map(hc => ({\n      name: hc.name,\n      jobUuid: hc.jobUuid,\n      hours: '0',\n    }))\n\n    const updatedPaidTimeOff = (employeeComp.paidTimeOff ?? []).map(pto => ({\n      name: pto.name,\n      hours: '0',\n    }))\n\n    const transformedCompensation = transformEmployeeCompensation({\n      ...employeeComp,\n      fixedCompensations: updatedFixedCompensations,\n      hourlyCompensations: updatedHourlyCompensations,\n      paidTimeOff: updatedPaidTimeOff,\n    })\n\n    await baseSubmitHandler({}, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [{ ...transformedCompensation, excluded: false }],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n\n    setGrossUpEmployeeUuid(null)\n    setIsGrossUpModalOpen(false)\n  }\n\n  const handleGrossUpApply = async (grossAmount: string) => {\n    try {\n      await onGrossUpApply(grossAmount)\n    } catch {\n      // Modal stays open; error is surfaced by baseSubmitHandler\n    }\n  }\n\n  const onCalculatePayroll = async () => {\n    setPayrollBlockers([])\n    setHasProcessingFailedAlert(false)\n    setError(null)\n    // Mark it right away so prepare can't run and cancel the calculation we just started.\n    hasSeenCalculatingRef.current = true\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        setIsCalculatingPayroll(true)\n        try {\n          const calcResult = await payrollsCalculate(gustoClient, {\n            companyId,\n            payrollId,\n          })\n          if (!calcResult.ok) {\n            throw calcResult.error\n          }\n          startCalculationPoll({\n            baselineCalculatedAt: payrollData.payrollShow?.calculatedAt?.getTime() ?? null,\n            // We just submitted the payroll, so we haven't yet seen it return with the calculating status\n            sawCalculatingThisPoll: false,\n          })\n        } catch (error) {\n          // Calculate itself failed before polling ever started (e.g. a 409 conflict), so let\n          // prepare run again on retry -- otherwise hasSeenCalculatingRef stays stuck true forever\n          // with no RUN_PAYROLL_CALCULATED/RUN_PAYROLL_PROCESSING_FAILED event ever firing.\n          hasSeenCalculatingRef.current = false\n          throw error\n        } finally {\n          setIsCalculatingPayroll(false)\n        }\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n      employeeId: employee.uuid,\n      firstName: employee.firstName,\n      lastName: employee.lastName,\n    })\n  }\n\n  const transformEmployeeCompensation = (\n    compensation: PayrollEmployeeCompensationsType,\n  ): PayrollUpdateEmployeeCompensations => {\n    const { paymentMethod } = compensation\n    return {\n      employeeUuid: compensation.employeeUuid,\n      version: compensation.version,\n      excluded: compensation.excluded,\n      fixedCompensations: compensation.fixedCompensations,\n      hourlyCompensations: compensation.hourlyCompensations,\n      paidTimeOff: compensation.paidTimeOff,\n      deductions: compensation.deductions,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n\n  const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n      employeeId: employeeCompensation.employeeUuid,\n    })\n    await baseSubmitHandler({}, async () => {\n      const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [\n              { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n            ],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n  }\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  // Pick up a calculation this screen didn't start (another tab, another admin). Starting a poll\n  // from rendered data is fine — only the decision to *finish* one must not depend on a render,\n  // and that lives in the poll loop.\n  useEffect(() => {\n    if (isPolling) return\n    if (!isCalculatingStatus(payrollData.payrollShow?.processingRequest)) {\n      // The status only leaves Calculating on a genuinely fresh read, so this is where a prior\n      // terminal failure stops blocking future pickups.\n      hasTerminalPollErrorRef.current = false\n      return\n    }\n    // A read error we already reported for this same stale \"Calculating\" snapshot -- retrying it\n    // immediately would just spin (fail, isPolling flips false, this effect fires again, repeat)\n    // instead of waiting for a genuinely new read.\n    if (hasTerminalPollErrorRef.current) return\n\n    // A fresh calculating status means a real calculation is in flight again -- even right after\n    // this screen's own deadline reported one as failed -- so any stale failure alert must not\n    // linger over it and block the loading UI.\n    setHasProcessingFailedAlert(false)\n    setError(null)\n    startCalculationPoll({\n      baselineCalculatedAt: payrollData.payrollShow?.calculatedAt?.getTime() ?? null,\n      // We have seen the calculating status, which is why we're starting to poll now until it completes or fails.\n      sawCalculatingThisPoll: true,\n    })\n  }, [\n    payrollData.payrollShow?.processingRequest,\n    payrollData.payrollShow?.calculatedAt,\n    isPolling,\n    startCalculationPoll,\n    setError,\n  ])\n\n  const payrollAlert = (() => {\n    const statusMeta = payrollData.payrollShow?.payrollStatusMeta\n\n    const isLatePayroll =\n      statusMeta?.payrollLate &&\n      statusMeta.initialCheckDate &&\n      statusMeta.expectedDebitTime &&\n      statusMeta.expectedCheckDate\n\n    if (isLatePayroll) {\n      return {\n        label: t('alerts.payrollLate', {\n          initialCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.initialCheckDate),\n        }),\n        content: t('alerts.payrollLateText', {\n          ...dateFormatter.formatWithTime(statusMeta.expectedDebitTime),\n          newCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.expectedCheckDate),\n        }),\n        variant: 'warning' as const,\n      }\n    }\n\n    const { payrollShow } = payrollData\n\n    if (payrollShow?.checkDate && payrollShow.payrollDeadline) {\n      return {\n        label: t('alerts.directDepositDeadline', {\n          payDate: dateFormatter.formatShortWithWeekday(payrollShow.checkDate),\n          ...dateFormatter.formatWithTime(payrollShow.payrollDeadline),\n        }),\n        content: t('alerts.directDepositDeadlineText'),\n        variant: 'info' as const,\n      }\n    }\n\n    return undefined\n  })()\n\n  if (isAlreadyProcessed) {\n    const onAlreadyProcessedOverviewEvent = (type: EventType, data?: unknown) => {\n      if (type === componentEvents.RUN_PAYROLL_CANCELLED) {\n        // Cancelling un-processes the payroll, making it editable again — re-run prepare so\n        // this component drops back into the configuration table for the same payrollId.\n        void refetch()\n      }\n      onEvent(type, data)\n    }\n\n    return (\n      <PayrollOverview\n        className={className}\n        companyId={companyId}\n        payrollId={payrollId}\n        onEvent={onAlreadyProcessedOverviewEvent}\n        withReimbursements={withReimbursements}\n        alerts={[alreadyProcessedAlert]}\n      />\n    )\n  }\n\n  return (\n    <>\n      <PayrollConfigurationPresentation\n        className={className}\n        onCalculatePayroll={onCalculatePayroll}\n        isCalculateDisabled={blockersFromApi.length > 0}\n        onEdit={onEdit}\n        onToggleExclude={onToggleExclude}\n        onViewBlockers={onViewBlockers}\n        employeeCompensations={employeeCompensations}\n        employeeDetails={employeeDetails}\n        payPeriod={payPeriod}\n        paySchedule={paySchedule}\n        payrollCategory={payrollCategory}\n        alerts={alerts}\n        payrollAlert={payrollAlert}\n        isPending={isCalculatingActive || isLoading || isUpdatingPayroll}\n        isCalculating={isCalculatingActive}\n        payrollBlockers={payrollBlockers}\n        pagination={pagination}\n        withReimbursements={withReimbursements}\n        grossUpEnabled={grossUpEnabled}\n        onGrossUpSelect={onGrossUpSelect}\n      />\n      {grossUpEnabled && (\n        <GrossUpModal\n          isOpen={isGrossUpModalOpen}\n          onCalculateGrossUp={onCalculateGrossUp}\n          onApply={handleGrossUpApply}\n          onCancel={() => {\n            setIsGrossUpModalOpen(false)\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","className","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","setError","useBase","dateFormatter","useDateFormatter","isCalculatingPayroll","setIsCalculatingPayroll","useState","hasSeenCalculatingRef","useRef","hasTerminalPollErrorRef","gustoClient","useGustoEmbeddedContext","payrollRequest","useMemo","payrollData","refetchPayroll","usePayrollsGetSuspense","excludedEmployeeUuids","comp","isCalculatingStatus","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","hasProcessingFailedAlert","setHasProcessingFailedAlert","emitProcessingFailed","componentEvents","onProcessingFailed","payroll","startCalculationPoll","isPolling","useCalculationPoll","isCalculatingActive","employeeDetails","employeeCompensations","paySchedule","payPeriod","payrollCategory","pagination","isLoading","isAlreadyProcessed","refetch","usePayrollConfigurationData","alreadyProcessedAlert","hasFiredAlreadyProcessedRef","useEffect","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","calculateGrossUpMutation","usePayrollsCalculateGrossUpMutation","grossUpEmployeeUuid","setGrossUpEmployeeUuid","isGrossUpModalOpen","setIsGrossUpModalOpen","grossUpEnabled","isGrossUpEligible","grossUpTargetCompensation","getGrossUpTargetCompensationName","onGrossUpSelect","employeeUuid","onCalculateGrossUp","netPay","grossUp","onGrossUpApply","grossAmount","SDKInternalError","employeeComp","ec","existingFixed","hasTargetCompensation","fc","updatedFixedCompensations","primaryJobUuid","updatedHourlyCompensations","hc","updatedPaidTimeOff","pto","transformedCompensation","transformEmployeeCompensation","result","handleGrossUpApply","onCalculatePayroll","payrollSubmitHandler","calcResult","payrollsCalculate","error","onEdit","employee","compensation","paymentMethod","onToggleExclude","employeeCompensation","onViewBlockers","payrollAlert","statusMeta","payrollShow","PayrollOverview","type","data","jsxs","Fragment","PayrollConfigurationPresentation","GrossUpModal"],"mappings":"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"}
+{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { payrollsCalculate } from '@gusto/embedded-api/funcs/payrollsCalculate'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport type { GetV1CompaniesCompanyIdPayrollsPayrollIdRequest } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrollspayrollid'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport { usePayrollsCalculateGrossUpMutation } from '@gusto/embedded-api/react-query/payrollsCalculateGrossUp'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { GrossUpModal } from '../GrossUpModal'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport { getGrossUpTargetCompensationName, isGrossUpEligible } from './grossUpHelpers'\nimport { useCalculationPoll, isCalculatingStatus, type PayrollShow } from './useCalculationPoll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { SDKInternalError } from '@/types/sdkError'\n\n/**\n * Props for {@link PayrollConfiguration}.\n *\n * @public\n */\nexport interface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The associated payroll identifier. */\n  payrollId: string\n  /** Optional alert components to render above the configuration content. */\n  alerts?: ReactNode\n  /** Whether to show the reimbursements column in the compensation table. Defaults to `true`. */\n  withReimbursements?: boolean\n}\n\n/**\n * Handles the configuration phase of payroll processing, allowing users to review and modify employee compensation before calculating the payroll.\n *\n * @remarks\n * If the payroll turns out to already be processed (e.g. another actor submitted it while this\n * screen was open), this component emits `runPayroll/alreadyProcessed` and then renders\n * {@link PayrollOverview} in its place — the read-only breakdown with the gated \"Cancel payroll\"\n * action — instead of the configuration table. Events from that delegated view (e.g.\n * `runPayroll/cancelled`) are emitted through this component's own `onEvent`.\n *\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/employee/edit` | An employee row is selected for editing | `{ payrollId, employeeId, firstName, lastName }` |\n * | `runPayroll/employee/skip` | An employee is skipped or unskipped for this payroll | `{ employeeId }` |\n * | `runPayroll/employee/saved` | Employee compensation changes are persisted | `{ payrollPrepared }` |\n * | `runPayroll/calculated` | Payroll calculation completes successfully | `{ payrollId, alert, payPeriod }` |\n * | `runPayroll/alreadyProcessed` | The payroll turns out to already be processed while configuring it | `{ payrollId, alert, payPeriod }` |\n * | `runPayroll/processingFailed` | Payroll calculation fails or times out | — |\n * | `runPayroll/blockers/viewAll` | The \"view all blockers\" affordance is selected | — |\n * | `runPayroll/grossUp/selected` | The set-net-earnings menu item is selected for an employee | `{ employeeUuid }` |\n * | `runPayroll/grossUp/calculated` | A gross-up amount is calculated from a target net pay | `{ grossUp, netPay, employeeUuid }` |\n *\n * @param props - See {@link PayrollConfigurationProps}.\n * @returns The payroll configuration screen.\n * @public\n */\nexport function PayrollConfiguration(props: PayrollConfigurationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  onEvent,\n  companyId,\n  payrollId,\n  dictionary,\n  alerts,\n  withReimbursements = true,\n  className,\n}: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const { baseSubmitHandler, setError } = useBase()\n  const dateFormatter = useDateFormatter()\n\n  const [isCalculatingPayroll, setIsCalculatingPayroll] = useState(false)\n  // True once this screen has read a \"calculating\" status for the payroll, whether we started that\n  // calc or someone else did. Calling prepare after that would wipe the result, so we use this to\n  // keep prepare off.\n  const hasSeenCalculatingRef = useRef(false)\n  // Set when a poll ends in a non-retryable read error without confirming a calculated/failed\n  // outcome. Guards the auto-pickup effect below from re-arming a poll against the same stale\n  // \"Calculating\" read over and over -- it only clears once the status genuinely leaves Calculating.\n  const hasTerminalPollErrorRef = useRef(false)\n  const gustoClient = useGustoEmbeddedContext()\n\n  const payrollRequest = useMemo<GetV1CompaniesCompanyIdPayrollsPayrollIdRequest>(\n    () => ({\n      companyId,\n      payrollId,\n      include: ['taxes', 'benefits', 'deductions', 'payroll_status_meta'],\n    }),\n    [companyId, payrollId],\n  )\n\n  const { data: payrollData, refetch: refetchPayroll } = usePayrollsGetSuspense(payrollRequest)\n\n  const excludedEmployeeUuids = useMemo(\n    () =>\n      payrollData.payrollShow?.employeeCompensations\n        ?.filter(comp => comp.excluded)\n        .map(comp => comp.employeeUuid!)\n        .filter(Boolean) ?? [],\n    [payrollData.payrollShow?.employeeCompensations],\n  )\n\n  // Remember once we've seen it calculating.\n  if (isCalculatingStatus(payrollData.payrollShow?.processingRequest)) {\n    hasSeenCalculatingRef.current = true\n  }\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n\n  const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key,\n    message: blocker.message,\n  }))\n\n  const [payrollBlockers, setPayrollBlockers] = useState(blockersFromApi)\n  // Drives the loader gate below. Deliberately separate from `error` -- `baseSubmitHandler`\n  // clears `error` at the start of *any* submit (e.g. skipping an employee, applying a gross-up),\n  // which would otherwise reopen this gate and get the loader stuck on with no poll running to\n  // ever clear it (SDK-1276). Only the same sites that used to own the old boolean flag touch it.\n  const [hasProcessingFailedAlert, setHasProcessingFailedAlert] = useState(false)\n\n  const emitProcessingFailed = () => {\n    onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n    setHasProcessingFailedAlert(true)\n    setError({\n      category: 'internal_error',\n      message: `${t('alerts.processingFailed.label')}. ${t('alerts.processingFailed.message')}`,\n      fieldErrors: [],\n    })\n  }\n\n  const onProcessingFailed = (payroll: PayrollShow | undefined) => {\n    emitProcessingFailed()\n    // Let prepare run again on retry — but only when there is no calculation for it to wipe.\n    if (payroll?.calculatedAt == null) {\n      hasSeenCalculatingRef.current = false\n    }\n  }\n\n  const { start: startCalculationPoll, isPolling } = useCalculationPoll({\n    refetch: refetchPayroll,\n    onCalculated: (payroll: PayrollShow | undefined) => {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: {\n          type: 'success',\n          title: t('alerts.progressSaved'),\n          alertKey: 'progressSaved',\n        },\n        payPeriod: payroll?.payPeriod,\n      })\n      setPayrollBlockers([])\n    },\n    onProcessingFailed,\n    // Unlike a real processing failure, we never confirmed whether the calculation actually\n    // succeeded server-side, so this must not reset hasSeenCalculatingRef — doing so would\n    // re-arm prepare and risk wiping a calculation that may have genuinely completed.\n    onError: () => {\n      hasTerminalPollErrorRef.current = true\n      emitProcessingFailed()\n    },\n  })\n\n  // Show the loading state the whole time we're calculating, so a second tab shows the loader\n  // instead of a blank table until it moves to the overview. Once the failed/error alert is\n  // showing, the poll has already reached a terminal state, so the loading UI must clear even\n  // though hasSeenCalculatingRef stays true (it still guards prepare separately, below).\n  const isCalculatingActive =\n    !hasProcessingFailedAlert &&\n    (isCalculatingPayroll || isPolling || hasSeenCalculatingRef.current)\n\n  const {\n    employeeDetails,\n    employeeCompensations,\n    paySchedule,\n    payPeriod,\n    payrollCategory,\n    pagination,\n    isLoading,\n    isAlreadyProcessed,\n    refetch,\n  } = usePayrollConfigurationData({\n    companyId,\n    payrollId,\n    // Don't prepare while calculating, or once we've seen it calculate. If the payroll was already\n    // calculated when we opened (e.g. clicking Edit), we do prepare so it can be edited.\n    disablePrepare: isPolling || isCalculatingPayroll || hasSeenCalculatingRef.current,\n    excludedEmployeeUuids,\n  })\n\n  const alreadyProcessedAlert: PayrollFlowAlert = useMemo(\n    () => ({\n      type: 'error',\n      title: t('alerts.alreadyProcessed'),\n      alertKey: 'alreadyProcessed',\n    }),\n    [t],\n  )\n\n  const hasFiredAlreadyProcessedRef = useRef(false)\n\n  useEffect(() => {\n    if (!isAlreadyProcessed) {\n      hasFiredAlreadyProcessedRef.current = false\n      return\n    }\n    if (hasFiredAlreadyProcessedRef.current) return\n    hasFiredAlreadyProcessedRef.current = true\n    onEvent(componentEvents.RUN_PAYROLL_ALREADY_PROCESSED, {\n      payrollId,\n      alert: alreadyProcessedAlert,\n      payPeriod: payrollData.payrollShow?.payPeriod,\n    })\n  }, [\n    isAlreadyProcessed,\n    onEvent,\n    payrollId,\n    alreadyProcessedAlert,\n    payrollData.payrollShow?.payPeriod,\n  ])\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const { mutateAsync: calculateGrossUpMutation } = usePayrollsCalculateGrossUpMutation()\n\n  const [grossUpEmployeeUuid, setGrossUpEmployeeUuid] = useState<string | null>(null)\n  const [isGrossUpModalOpen, setIsGrossUpModalOpen] = useState(false)\n\n  const grossUpEnabled = isGrossUpEligible(payrollCategory)\n  const grossUpTargetCompensation = getGrossUpTargetCompensationName(payrollCategory)\n\n  const onGrossUpSelect = (employeeUuid: string) => {\n    setGrossUpEmployeeUuid(employeeUuid)\n    setIsGrossUpModalOpen(true)\n    onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid })\n  }\n\n  const onCalculateGrossUp = async (netPay: number): Promise<string | null> => {\n    if (!grossUpEmployeeUuid) return null\n    let grossUp: string | null = null\n\n    await baseSubmitHandler(null, async () => {\n      const result = await calculateGrossUpMutation({\n        request: {\n          payrollUuid: payrollId,\n          payrollGrossUpRequest: {\n            employeeUuid: grossUpEmployeeUuid,\n            netPay: netPay.toString(),\n          },\n        },\n      })\n\n      grossUp = result.payrollGrossUpResponse?.grossUp ?? null\n\n      if (grossUp) {\n        onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_CALCULATED, {\n          grossUp,\n          netPay,\n          employeeUuid: grossUpEmployeeUuid,\n        })\n      }\n    })\n\n    return grossUp\n  }\n\n  const onGrossUpApply = async (grossAmount: string) => {\n    if (!grossUpEmployeeUuid || !grossUpTargetCompensation) {\n      throw new SDKInternalError(\n        'Unable to apply gross-up: missing employee or target compensation.',\n      )\n    }\n\n    const employeeComp = employeeCompensations.find(ec => ec.employeeUuid === grossUpEmployeeUuid)\n    if (!employeeComp) {\n      throw new SDKInternalError('Unable to apply gross-up: employee compensation not found.')\n    }\n\n    const existingFixed = employeeComp.fixedCompensations ?? []\n    const hasTargetCompensation = existingFixed.some(\n      fc => fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase(),\n    )\n\n    const updatedFixedCompensations = existingFixed.map(fc => ({\n      name: fc.name,\n      jobUuid: fc.jobUuid,\n      amount:\n        fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase() ? grossAmount : '0',\n    }))\n\n    if (!hasTargetCompensation) {\n      const primaryJobUuid =\n        employeeComp.hourlyCompensations?.[0]?.jobUuid ?? existingFixed[0]?.jobUuid ?? ''\n      updatedFixedCompensations.push({\n        name: grossUpTargetCompensation,\n        jobUuid: primaryJobUuid,\n        amount: grossAmount,\n      })\n    }\n\n    const updatedHourlyCompensations = (employeeComp.hourlyCompensations ?? []).map(hc => ({\n      name: hc.name,\n      jobUuid: hc.jobUuid,\n      hours: '0',\n    }))\n\n    const updatedPaidTimeOff = (employeeComp.paidTimeOff ?? []).map(pto => ({\n      name: pto.name,\n      hours: '0',\n    }))\n\n    const transformedCompensation = transformEmployeeCompensation({\n      ...employeeComp,\n      fixedCompensations: updatedFixedCompensations,\n      hourlyCompensations: updatedHourlyCompensations,\n      paidTimeOff: updatedPaidTimeOff,\n    })\n\n    await baseSubmitHandler({}, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [{ ...transformedCompensation, excluded: false }],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n\n    setGrossUpEmployeeUuid(null)\n    setIsGrossUpModalOpen(false)\n  }\n\n  const handleGrossUpApply = async (grossAmount: string) => {\n    try {\n      await onGrossUpApply(grossAmount)\n    } catch {\n      // Modal stays open; error is surfaced by baseSubmitHandler\n    }\n  }\n\n  const onCalculatePayroll = async () => {\n    setPayrollBlockers([])\n    setHasProcessingFailedAlert(false)\n    setError(null)\n    // Mark it right away so prepare can't run and cancel the calculation we just started.\n    hasSeenCalculatingRef.current = true\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        setIsCalculatingPayroll(true)\n        try {\n          const calcResult = await payrollsCalculate(gustoClient, {\n            companyId,\n            payrollId,\n          })\n          if (!calcResult.ok) {\n            throw calcResult.error\n          }\n          startCalculationPoll({\n            baselineCalculatedAt: payrollData.payrollShow?.calculatedAt?.getTime() ?? null,\n            // We just submitted the payroll, so we haven't yet seen it return with the calculating status\n            sawCalculatingThisPoll: false,\n          })\n        } catch (error) {\n          // Calculate itself failed before polling ever started (e.g. a 409 conflict), so let\n          // prepare run again on retry -- otherwise hasSeenCalculatingRef stays stuck true forever\n          // with no RUN_PAYROLL_CALCULATED/RUN_PAYROLL_PROCESSING_FAILED event ever firing.\n          hasSeenCalculatingRef.current = false\n          throw error\n        } finally {\n          setIsCalculatingPayroll(false)\n        }\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n      payrollId,\n      employeeId: employee.uuid,\n      firstName: employee.firstName,\n      lastName: employee.lastName,\n    })\n  }\n\n  const transformEmployeeCompensation = (\n    compensation: PayrollEmployeeCompensationsType,\n  ): PayrollUpdateEmployeeCompensations => {\n    const { paymentMethod } = compensation\n    return {\n      employeeUuid: compensation.employeeUuid,\n      version: compensation.version,\n      excluded: compensation.excluded,\n      fixedCompensations: compensation.fixedCompensations,\n      hourlyCompensations: compensation.hourlyCompensations,\n      paidTimeOff: compensation.paidTimeOff,\n      deductions: compensation.deductions,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n\n  const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n      employeeId: employeeCompensation.employeeUuid,\n    })\n    await baseSubmitHandler({}, async () => {\n      const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [\n              { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n            ],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n  }\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  // Pick up a calculation this screen didn't start (another tab, another admin). Starting a poll\n  // from rendered data is fine — only the decision to *finish* one must not depend on a render,\n  // and that lives in the poll loop.\n  useEffect(() => {\n    if (isPolling) return\n    if (!isCalculatingStatus(payrollData.payrollShow?.processingRequest)) {\n      // The status only leaves Calculating on a genuinely fresh read, so this is where a prior\n      // terminal failure stops blocking future pickups.\n      hasTerminalPollErrorRef.current = false\n      return\n    }\n    // A read error we already reported for this same stale \"Calculating\" snapshot -- retrying it\n    // immediately would just spin (fail, isPolling flips false, this effect fires again, repeat)\n    // instead of waiting for a genuinely new read.\n    if (hasTerminalPollErrorRef.current) return\n\n    // A fresh calculating status means a real calculation is in flight again -- even right after\n    // this screen's own deadline reported one as failed -- so any stale failure alert must not\n    // linger over it and block the loading UI.\n    setHasProcessingFailedAlert(false)\n    setError(null)\n    startCalculationPoll({\n      baselineCalculatedAt: payrollData.payrollShow?.calculatedAt?.getTime() ?? null,\n      // We have seen the calculating status, which is why we're starting to poll now until it completes or fails.\n      sawCalculatingThisPoll: true,\n    })\n  }, [\n    payrollData.payrollShow?.processingRequest,\n    payrollData.payrollShow?.calculatedAt,\n    isPolling,\n    startCalculationPoll,\n    setError,\n  ])\n\n  const payrollAlert = (() => {\n    const statusMeta = payrollData.payrollShow?.payrollStatusMeta\n\n    const isLatePayroll =\n      statusMeta?.payrollLate &&\n      statusMeta.initialCheckDate &&\n      statusMeta.expectedDebitTime &&\n      statusMeta.expectedCheckDate\n\n    if (isLatePayroll) {\n      return {\n        label: t('alerts.payrollLate', {\n          initialCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.initialCheckDate),\n        }),\n        content: t('alerts.payrollLateText', {\n          ...dateFormatter.formatWithTime(statusMeta.expectedDebitTime),\n          newCheckDate: dateFormatter.formatShortWithWeekday(statusMeta.expectedCheckDate),\n        }),\n        variant: 'warning' as const,\n      }\n    }\n\n    const { payrollShow } = payrollData\n\n    if (payrollShow?.checkDate && payrollShow.payrollDeadline) {\n      return {\n        label: t('alerts.directDepositDeadline', {\n          payDate: dateFormatter.formatShortWithWeekday(payrollShow.checkDate),\n          ...dateFormatter.formatWithTime(payrollShow.payrollDeadline),\n        }),\n        content: t('alerts.directDepositDeadlineText'),\n        variant: 'info' as const,\n      }\n    }\n\n    return undefined\n  })()\n\n  if (isAlreadyProcessed) {\n    const onAlreadyProcessedOverviewEvent = (type: EventType, data?: unknown) => {\n      if (type === componentEvents.RUN_PAYROLL_CANCELLED) {\n        // Cancelling un-processes the payroll, making it editable again — re-run prepare so\n        // this component drops back into the configuration table for the same payrollId.\n        void refetch()\n      }\n      onEvent(type, data)\n    }\n\n    return (\n      <PayrollOverview\n        className={className}\n        companyId={companyId}\n        payrollId={payrollId}\n        onEvent={onAlreadyProcessedOverviewEvent}\n        withReimbursements={withReimbursements}\n        alerts={[alreadyProcessedAlert]}\n      />\n    )\n  }\n\n  return (\n    <>\n      <PayrollConfigurationPresentation\n        className={className}\n        onCalculatePayroll={onCalculatePayroll}\n        isCalculateDisabled={blockersFromApi.length > 0}\n        onEdit={onEdit}\n        onToggleExclude={onToggleExclude}\n        onViewBlockers={onViewBlockers}\n        employeeCompensations={employeeCompensations}\n        employeeDetails={employeeDetails}\n        payPeriod={payPeriod}\n        paySchedule={paySchedule}\n        payrollCategory={payrollCategory}\n        alerts={alerts}\n        payrollAlert={payrollAlert}\n        isPending={isCalculatingActive || isLoading || isUpdatingPayroll}\n        isCalculating={isCalculatingActive}\n        payrollBlockers={payrollBlockers}\n        pagination={pagination}\n        withReimbursements={withReimbursements}\n        grossUpEnabled={grossUpEnabled}\n        onGrossUpSelect={onGrossUpSelect}\n      />\n      {grossUpEnabled && (\n        <GrossUpModal\n          isOpen={isGrossUpModalOpen}\n          onCalculateGrossUp={onCalculateGrossUp}\n          onApply={handleGrossUpApply}\n          onCancel={() => {\n            setIsGrossUpModalOpen(false)\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","className","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","setError","useBase","dateFormatter","useDateFormatter","isCalculatingPayroll","setIsCalculatingPayroll","useState","hasSeenCalculatingRef","useRef","hasTerminalPollErrorRef","gustoClient","useGustoEmbeddedContext","payrollRequest","useMemo","payrollData","refetchPayroll","usePayrollsGetSuspense","excludedEmployeeUuids","comp","isCalculatingStatus","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","hasProcessingFailedAlert","setHasProcessingFailedAlert","emitProcessingFailed","componentEvents","onProcessingFailed","payroll","startCalculationPoll","isPolling","useCalculationPoll","isCalculatingActive","employeeDetails","employeeCompensations","paySchedule","payPeriod","payrollCategory","pagination","isLoading","isAlreadyProcessed","refetch","usePayrollConfigurationData","alreadyProcessedAlert","hasFiredAlreadyProcessedRef","useEffect","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","calculateGrossUpMutation","usePayrollsCalculateGrossUpMutation","grossUpEmployeeUuid","setGrossUpEmployeeUuid","isGrossUpModalOpen","setIsGrossUpModalOpen","grossUpEnabled","isGrossUpEligible","grossUpTargetCompensation","getGrossUpTargetCompensationName","onGrossUpSelect","employeeUuid","onCalculateGrossUp","netPay","grossUp","onGrossUpApply","grossAmount","SDKInternalError","employeeComp","ec","existingFixed","hasTargetCompensation","fc","updatedFixedCompensations","primaryJobUuid","updatedHourlyCompensations","hc","updatedPaidTimeOff","pto","transformedCompensation","transformEmployeeCompensation","result","handleGrossUpApply","onCalculatePayroll","payrollSubmitHandler","calcResult","payrollsCalculate","error","onEdit","employee","compensation","paymentMethod","onToggleExclude","employeeCompensation","onViewBlockers","payrollAlert","statusMeta","payrollShow","PayrollOverview","type","data","jsxs","Fragment","PayrollConfigurationPresentation","GrossUpModal"],"mappings":"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"}

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.js

@@ -1,94 +1,104 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useEmployeesGetSuspense as B } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeePaymentMethodsGetBankAccountsSuspense as v } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
-import { usePayrollsUpdateMutation as x } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { useMemo as N } from "react";
-import { useQueryClient as q } from "@tanstack/react-query";
-import { usePreparedPayrollData as w } from "../usePreparedPayrollData.js";
-import { PREPARE_QUERY_KEY as M } from "../PayrollConfiguration/usePayrollConfigurationData.js";
-import { derivePayrollCategory as Q, isOffCyclePayroll as T } from "../payrollTypes.js";
-import { cleanupReimbursements as z } from "../helpers.js";
-import { UNSTABLE_PayrollEditEmployee as G } from "../UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.js";
-import { PayrollEditEmployeePresentation as H } from "./PayrollEditEmployeePresentation.js";
-import { useUnstableFeature as K } from "../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
-import { componentEvents as c } from "../../../shared/constants.js";
-import { BaseComponent as j } from "../../Base/Base.js";
-import { useComponentDictionary as F } from "../../../i18n/I18n.js";
-import { useBase as V } from "../../Base/useBase.js";
-function ye(e) {
-  return K("payrollRegularRateOfPay") ? /* @__PURE__ */ t(G, { ...e }) : /* @__PURE__ */ t(j, { ...e, children: /* @__PURE__ */ t(W, { ...e, children: e.children }) });
+import { useEmployeesGetSuspense as v } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeePaymentMethodsGetBankAccountsSuspense as N } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
+import { usePayrollsUpdateMutation as q } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { useMemo as M } from "react";
+import { useQueryClient as Q } from "@tanstack/react-query";
+import { usePreparedPayrollData as T } from "../usePreparedPayrollData.js";
+import { PREPARE_QUERY_KEY as W } from "../PayrollConfiguration/usePayrollConfigurationData.js";
+import { derivePayrollCategory as z, isOffCyclePayroll as G } from "../payrollTypes.js";
+import { cleanupReimbursements as H } from "../helpers.js";
+import { UNSTABLE_PayrollEditEmployee as K } from "../UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.js";
+import { PayrollEditEmployeePresentation as j } from "./PayrollEditEmployeePresentation.js";
+import { useUnstableFeature as F } from "../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
+import { componentEvents as d } from "../../../shared/constants.js";
+import { BaseComponent as V } from "../../Base/Base.js";
+import { useComponentDictionary as J } from "../../../i18n/I18n.js";
+import { useBase as X } from "../../Base/useBase.js";
+function Ee(e) {
+  return F("payrollRegularRateOfPay") ? /* @__PURE__ */ t(K, { ...e }) : /* @__PURE__ */ t(V, { ...e, children: /* @__PURE__ */ t(Z, { ...e, children: e.children }) });
 }
-const W = ({
+const Z = ({
   employeeId: e,
-  companyId: n,
-  payrollId: s,
-  onEvent: i,
-  dictionary: y,
-  withReimbursements: d = !0,
-  className: f
+  companyId: s,
+  payrollId: i,
+  onEvent: p,
+  dictionary: f,
+  withReimbursements: E = !0,
+  className: P
 }) => {
-  F("Payroll.PayrollEditEmployee", y);
-  const E = q(), { LoadingIndicator: P, baseSubmitHandler: C } = V(), { data: R } = B({ employeeId: e }), { data: A } = v({
+  J("Payroll.PayrollEditEmployee", f);
+  const C = Q(), { LoadingIndicator: R, baseSubmitHandler: b } = X(), { data: h } = v({ employeeId: e }), { data: A } = N({
     employeeId: e
-  }), L = N(() => [e], [e]), { preparedPayroll: r, paySchedule: b, isLoading: g } = w({
-    companyId: n,
-    payrollId: s,
+  }), L = M(() => [e], [e]), { preparedPayroll: r, paySchedule: g, isLoading: k } = T({
+    companyId: s,
+    payrollId: i,
     employeeUuids: L
-  }), { mutateAsync: D, isPending: S } = x(), m = R.employee, _ = r?.employeeCompensations?.at(0), O = (A.employeeBankAccounts || []).length > 0, l = Q(r ?? {}), U = !T(l), h = ({
+  }), { mutateAsync: D, isPending: S } = q(), u = h.employee, _ = r?.employeeCompensations?.at(0), O = (A.employeeBankAccounts || []).length > 0, y = z(r ?? {}), U = !G(y), w = ({
     paymentMethod: o,
-    reimbursements: a,
-    customWithholdings: p,
-    ...u
+    reimbursements: n,
+    customWithholdings: c,
+    ...a
   }) => ({
-    ...u,
+    ...a,
+    // The legacy editor edits hours, not per-workweek breakdowns, so omit
+    // breakdowns and let the API use the hours we send.
+    hourlyCompensations: a.hourlyCompensations?.map((m) => {
+      const { breakdowns: Y, ...l } = m;
+      return l;
+    }),
+    fixedCompensations: a.fixedCompensations?.map((m) => {
+      const { breakdowns: Y, ...l } = m;
+      return l;
+    }),
     ...o && o !== "Historical" ? { paymentMethod: o } : {},
-    memo: u.memo || void 0,
+    memo: a.memo || void 0,
     // Off-cycle payrolls write reimbursements via the legacy fixed_compensations field; the
     // itemized array gets rejected by the `emb_off_cycle_disable_named_reimbursements` backend
     // flag (default-on globally, expected removal 2026-09-01).
     // TODO(post-2026-09-01): drop the branch once the flag is gone.
-    ...U && a ? { reimbursements: z(a) } : {}
-  }), Y = async (o) => {
-    const a = h(o);
-    await C(null, async () => {
-      const p = await D({
+    ...U && n ? { reimbursements: H(n) } : {}
+  }), x = async (o) => {
+    const n = w(o);
+    await b(null, async () => {
+      const c = await D({
         request: {
-          companyId: n,
-          payrollId: s,
+          companyId: s,
+          payrollId: i,
           payrollUpdate: {
-            employeeCompensations: [a]
+            employeeCompensations: [n]
           }
         }
       });
-      await E.invalidateQueries({
-        queryKey: [M, s]
-      }), i(c.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: p.payrollPrepared,
-        employee: m
+      await C.invalidateQueries({
+        queryKey: [W, i]
+      }), p(d.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: c.payrollPrepared,
+        employee: u
       });
     });
-  }, k = () => {
-    i(c.RUN_PAYROLL_EMPLOYEE_CANCELLED);
+  }, B = () => {
+    p(d.RUN_PAYROLL_EMPLOYEE_CANCELLED);
   };
-  return g ? /* @__PURE__ */ t(P, {}) : /* @__PURE__ */ t(
-    H,
+  return k ? /* @__PURE__ */ t(R, {}) : /* @__PURE__ */ t(
+    j,
     {
-      className: f,
-      onSave: Y,
-      onCancel: k,
-      employee: m,
+      className: P,
+      onSave: x,
+      onCancel: B,
+      employee: u,
       isPending: S,
       employeeCompensation: _,
       fixedCompensationTypes: r?.fixedCompensationTypes || [],
       payPeriodStartDate: r?.payPeriod?.startDate,
-      paySchedule: b,
-      payrollCategory: l,
-      withReimbursements: d,
+      paySchedule: g,
+      payrollCategory: y,
+      withReimbursements: E,
       hasDirectDepositSetup: O
     }
   );
 };
 export {
-  ye as PayrollEditEmployee
+  Ee as PayrollEditEmployee
 };
 //# sourceMappingURL=PayrollEditEmployee.js.map