@gusto/embedded-react-sdk 0.56.1 → 0.56.3

package/dist/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.js

@@ -1,80 +1,83 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as P } from "react";
-import { useTranslation as T } from "react-i18next";
-import { useComponentContext as v } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Flex as o } from "../../Common/Flex/Flex.js";
-import { useI18n as R } from "../../../i18n/I18n.js";
-import { useDateFormatter as F } from "../../../hooks/useDateFormatter.js";
-function B({
-  groupedPayPeriods: a,
+import { useState as T } from "react";
+import { useTranslation as v } from "react-i18next";
+import { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as a } from "../../Common/Flex/Flex.js";
+import { useI18n as F } from "../../../i18n/I18n.js";
+import { useDateFormatter as L } from "../../../hooks/useDateFormatter.js";
+function N({
+  groupedPayPeriods: o,
   onRunPayroll: h,
-  onSkipPayroll: d,
-  showSkipSuccessAlert: g,
-  onDismissSkipSuccessAlert: f,
-  skippingPayPeriod: D
+  onSkipPayroll: D,
+  showSkipSuccessAlert: f,
+  onDismissSkipSuccessAlert: g,
+  skippingPayPeriod: k,
+  hasBlockers: c = !1
 }) {
-  R("Payroll.TransitionPayrollAlert");
-  const { t } = T("Payroll.TransitionPayrollAlert"), { Alert: c, Button: m, Text: u, Dialog: k } = v(), y = F(), [l, s] = P(null);
-  if (a.length === 0)
+  F("Payroll.TransitionPayrollAlert");
+  const { t } = v("Payroll.TransitionPayrollAlert"), { Alert: m, Button: u, Text: p, Dialog: y } = R(), x = L(), [n, s] = T(null);
+  if (o.length === 0)
     return null;
-  const p = (i) => y.formatPayPeriodRange(i.startDate, i.endDate, {
+  const d = (i) => x.formatPayPeriodRange(i.startDate, i.endDate, {
     useShortMonth: !0
-  }), x = () => {
-    l && (d(l), s(null));
-  }, C = a.length > 1;
-  return /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
-    g && /* @__PURE__ */ e(c, { status: "info", label: t("skipSuccessAlert"), onDismiss: f }),
-    a.map((i, S) => /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
-      C && /* @__PURE__ */ e(u, { weight: "semibold", children: i.payScheduleName }),
-      i.payPeriods.map((n) => {
-        const A = p(n), b = D === n;
+  }), C = () => {
+    n && (D(n), s(null));
+  }, S = o.length > 1;
+  return /* @__PURE__ */ r(a, { flexDirection: "column", gap: 16, children: [
+    f && /* @__PURE__ */ e(m, { status: "info", label: t("skipSuccessAlert"), onDismiss: g }),
+    o.map((i, b) => /* @__PURE__ */ r(a, { flexDirection: "column", gap: 16, children: [
+      S && /* @__PURE__ */ e(p, { weight: "semibold", children: i.payScheduleName }),
+      i.payPeriods.map((l) => {
+        const A = d(l), P = k === l;
         return /* @__PURE__ */ e(
-          c,
+          m,
           {
             status: "warning",
             label: t("alertTitle", { dateRange: A }),
-            children: /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
-              /* @__PURE__ */ e(u, { children: t("alertDescription") }),
-              /* @__PURE__ */ r(o, { gap: 12, alignItems: "center", children: [
+            children: /* @__PURE__ */ r(a, { flexDirection: "column", gap: 16, children: [
+              /* @__PURE__ */ e(p, { children: t("alertDescription") }),
+              /* @__PURE__ */ r(a, { gap: 12, alignItems: "center", children: [
                 /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-                  m,
+                  u,
                   {
                     variant: "secondary",
                     onClick: () => {
-                      h(n);
+                      h(l);
                     },
+                    isDisabled: c,
                     children: t("runPayroll")
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  m,
+                  u,
                   {
                     variant: "tertiary",
                     onClick: () => {
-                      s(n);
+                      s(l);
                     },
-                    isLoading: b,
+                    isLoading: P,
+                    isDisabled: c,
                     children: t("skipPayroll")
                   }
                 )
               ] })
             ] })
           },
-          `${n.payScheduleUuid}-${n.startDate}`
+          `${l.payScheduleUuid}-${l.startDate}`
         );
       })
-    ] }, i.payScheduleUuid || `group-${S}`)),
+    ] }, i.payScheduleUuid || `group-${b}`)),
     /* @__PURE__ */ e(
-      k,
+      y,
       {
-        isOpen: l !== null,
+        isOpen: n !== null,
         onClose: () => {
           s(null);
         },
-        onPrimaryActionClick: x,
+        onPrimaryActionClick: C,
         isDestructive: !0,
         title: t("skipDialog.title", {
-          dateRange: l ? p(l) : ""
+          dateRange: n ? d(n) : ""
         }),
         primaryActionLabel: t("skipDialog.confirmCta"),
         closeActionLabel: t("skipDialog.cancelCta"),
@@ -84,6 +87,6 @@ function B({
   ] });
 }
 export {
-  B as TransitionPayrollAlertPresentation
+  N as TransitionPayrollAlertPresentation
 };
 //# sourceMappingURL=TransitionPayrollAlertPresentation.js.map

package/dist/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionPayrollAlertPresentation.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\n/** @internal */\nexport interface TransitionPayPeriodGroup {\n  /** UUID of the pay schedule these transition pay periods belong to. */\n  payScheduleUuid: string\n  /** Display name of the pay schedule, shown when multiple groups are rendered. */\n  payScheduleName: string\n  /** Unprocessed transition pay periods for this pay schedule. */\n  payPeriods: PayPeriod[]\n}\n\ninterface TransitionPayrollAlertPresentationProps {\n  groupedPayPeriods: TransitionPayPeriodGroup[]\n  onRunPayroll: (payPeriod: PayPeriod) => void\n  onSkipPayroll: (payPeriod: PayPeriod) => void\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayPeriod: PayPeriod | null\n}\n\n/** @internal */\nexport function TransitionPayrollAlertPresentation({\n  groupedPayPeriods,\n  onRunPayroll,\n  onSkipPayroll,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayPeriod,\n}: TransitionPayrollAlertPresentationProps) {\n  useI18n('Payroll.TransitionPayrollAlert')\n  const { t } = useTranslation('Payroll.TransitionPayrollAlert')\n  const { Alert, Button, Text, Dialog } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const [skipDialogPayPeriod, setSkipDialogPayPeriod] = useState<PayPeriod | null>(null)\n\n  if (groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  const formatDateRange = (payPeriod: PayPeriod) =>\n    dateFormatter.formatPayPeriodRange(payPeriod.startDate, payPeriod.endDate, {\n      useShortMonth: true,\n    })\n\n  const handleConfirmSkip = () => {\n    if (skipDialogPayPeriod) {\n      onSkipPayroll(skipDialogPayPeriod)\n      setSkipDialogPayPeriod(null)\n    }\n  }\n\n  const hasMultipleGroups = groupedPayPeriods.length > 1\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <Alert status=\"info\" label={t('skipSuccessAlert')} onDismiss={onDismissSkipSuccessAlert} />\n      )}\n      {groupedPayPeriods.map((group, groupIndex) => (\n        <Flex key={group.payScheduleUuid || `group-${groupIndex}`} flexDirection=\"column\" gap={16}>\n          {hasMultipleGroups && <Text weight=\"semibold\">{group.payScheduleName}</Text>}\n          {group.payPeriods.map(payPeriod => {\n            const dateRange = formatDateRange(payPeriod)\n            const isSkipping = skippingPayPeriod === payPeriod\n\n            return (\n              <Alert\n                key={`${payPeriod.payScheduleUuid}-${payPeriod.startDate}`}\n                status=\"warning\"\n                label={t('alertTitle', { dateRange })}\n              >\n                <Flex flexDirection=\"column\" gap={16}>\n                  <Text>{t('alertDescription')}</Text>\n                  <Flex gap={12} alignItems=\"center\">\n                    <div>\n                      <Button\n                        variant=\"secondary\"\n                        onClick={() => {\n                          onRunPayroll(payPeriod)\n                        }}\n                      >\n                        {t('runPayroll')}\n                      </Button>\n                    </div>\n                    <Button\n                      variant=\"tertiary\"\n                      onClick={() => {\n                        setSkipDialogPayPeriod(payPeriod)\n                      }}\n                      isLoading={isSkipping}\n                    >\n                      {t('skipPayroll')}\n                    </Button>\n                  </Flex>\n                </Flex>\n              </Alert>\n            )\n          })}\n        </Flex>\n      ))}\n      <Dialog\n        isOpen={skipDialogPayPeriod !== null}\n        onClose={() => {\n          setSkipDialogPayPeriod(null)\n        }}\n        onPrimaryActionClick={handleConfirmSkip}\n        isDestructive\n        title={t('skipDialog.title', {\n          dateRange: skipDialogPayPeriod ? formatDateRange(skipDialogPayPeriod) : '',\n        })}\n        primaryActionLabel={t('skipDialog.confirmCta')}\n        closeActionLabel={t('skipDialog.cancelCta')}\n      >\n        {t('skipDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["TransitionPayrollAlertPresentation","groupedPayPeriods","onRunPayroll","onSkipPayroll","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayPeriod","useI18n","useTranslation","Alert","Button","Text","Dialog","useComponentContext","dateFormatter","useDateFormatter","skipDialogPayPeriod","setSkipDialogPayPeriod","useState","formatDateRange","payPeriod","handleConfirmSkip","hasMultipleGroups","jsxs","Flex","jsx","group","groupIndex","dateRange","isSkipping"],"mappings":"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"}
+{"version":3,"file":"TransitionPayrollAlertPresentation.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\n/** @internal */\nexport interface TransitionPayPeriodGroup {\n  /** UUID of the pay schedule these transition pay periods belong to. */\n  payScheduleUuid: string\n  /** Display name of the pay schedule, shown when multiple groups are rendered. */\n  payScheduleName: string\n  /** Unprocessed transition pay periods for this pay schedule. */\n  payPeriods: PayPeriod[]\n}\n\ninterface TransitionPayrollAlertPresentationProps {\n  groupedPayPeriods: TransitionPayPeriodGroup[]\n  onRunPayroll: (payPeriod: PayPeriod) => void\n  onSkipPayroll: (payPeriod: PayPeriod) => void\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayPeriod: PayPeriod | null\n  /**\n   * When true, a payroll blocker is present. Running or skipping the\n   * transition payroll would dead-end, so both actions are disabled. The\n   * blocker itself is surfaced separately by `PayrollBlockerAlerts`.\n   */\n  hasBlockers?: boolean\n}\n\n/** @internal */\nexport function TransitionPayrollAlertPresentation({\n  groupedPayPeriods,\n  onRunPayroll,\n  onSkipPayroll,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayPeriod,\n  hasBlockers = false,\n}: TransitionPayrollAlertPresentationProps) {\n  useI18n('Payroll.TransitionPayrollAlert')\n  const { t } = useTranslation('Payroll.TransitionPayrollAlert')\n  const { Alert, Button, Text, Dialog } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const [skipDialogPayPeriod, setSkipDialogPayPeriod] = useState<PayPeriod | null>(null)\n\n  if (groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  const formatDateRange = (payPeriod: PayPeriod) =>\n    dateFormatter.formatPayPeriodRange(payPeriod.startDate, payPeriod.endDate, {\n      useShortMonth: true,\n    })\n\n  const handleConfirmSkip = () => {\n    if (skipDialogPayPeriod) {\n      onSkipPayroll(skipDialogPayPeriod)\n      setSkipDialogPayPeriod(null)\n    }\n  }\n\n  const hasMultipleGroups = groupedPayPeriods.length > 1\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <Alert status=\"info\" label={t('skipSuccessAlert')} onDismiss={onDismissSkipSuccessAlert} />\n      )}\n      {groupedPayPeriods.map((group, groupIndex) => (\n        <Flex key={group.payScheduleUuid || `group-${groupIndex}`} flexDirection=\"column\" gap={16}>\n          {hasMultipleGroups && <Text weight=\"semibold\">{group.payScheduleName}</Text>}\n          {group.payPeriods.map(payPeriod => {\n            const dateRange = formatDateRange(payPeriod)\n            const isSkipping = skippingPayPeriod === payPeriod\n\n            return (\n              <Alert\n                key={`${payPeriod.payScheduleUuid}-${payPeriod.startDate}`}\n                status=\"warning\"\n                label={t('alertTitle', { dateRange })}\n              >\n                <Flex flexDirection=\"column\" gap={16}>\n                  <Text>{t('alertDescription')}</Text>\n                  <Flex gap={12} alignItems=\"center\">\n                    <div>\n                      <Button\n                        variant=\"secondary\"\n                        onClick={() => {\n                          onRunPayroll(payPeriod)\n                        }}\n                        isDisabled={hasBlockers}\n                      >\n                        {t('runPayroll')}\n                      </Button>\n                    </div>\n                    <Button\n                      variant=\"tertiary\"\n                      onClick={() => {\n                        setSkipDialogPayPeriod(payPeriod)\n                      }}\n                      isLoading={isSkipping}\n                      isDisabled={hasBlockers}\n                    >\n                      {t('skipPayroll')}\n                    </Button>\n                  </Flex>\n                </Flex>\n              </Alert>\n            )\n          })}\n        </Flex>\n      ))}\n      <Dialog\n        isOpen={skipDialogPayPeriod !== null}\n        onClose={() => {\n          setSkipDialogPayPeriod(null)\n        }}\n        onPrimaryActionClick={handleConfirmSkip}\n        isDestructive\n        title={t('skipDialog.title', {\n          dateRange: skipDialogPayPeriod ? formatDateRange(skipDialogPayPeriod) : '',\n        })}\n        primaryActionLabel={t('skipDialog.confirmCta')}\n        closeActionLabel={t('skipDialog.cancelCta')}\n      >\n        {t('skipDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["TransitionPayrollAlertPresentation","groupedPayPeriods","onRunPayroll","onSkipPayroll","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayPeriod","hasBlockers","useI18n","useTranslation","Alert","Button","Text","Dialog","useComponentContext","dateFormatter","useDateFormatter","skipDialogPayPeriod","setSkipDialogPayPeriod","useState","formatDateRange","payPeriod","handleConfirmSkip","hasMultipleGroups","jsxs","Flex","jsx","group","groupIndex","dateRange","isSkipping"],"mappings":"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"}

package/dist/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.js

@@ -2,10 +2,10 @@ import { jsx as t, jsxs as m, Fragment as J } from "react/jsx-runtime";
 import { useRef as fe, useMemo as Ee, Fragment as ge } from "react";
 import { useTranslation as ee } from "react-i18next";
 import { PayrollUpdatePaymentMethod as ye } from "@gusto/embedded-api/models/components/payrollupdate";
-import { isSplitByWorkweek as B } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields.js";
-import { PayrollEditEmployeeErrorCodes as F } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeSchema.js";
+import { isSplitByWorkweek as I } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields.js";
+import { PayrollEditEmployeeErrorCodes as B } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeSchema.js";
 import E from "./UNSTABLE_PayrollEditEmployee.module.scss.js";
-import { componentEvents as Q, COMPENSATION_NAME_REIMBURSEMENT as Ce, COMPENSATION_NAME_PAYCHECK_TIPS as Ne, COMPENSATION_NAME_CASH_TIPS as ve, COMPENSATION_NAME_CORRECTION_PAYMENT as Oe, COMPENSATION_NAME_COMMISSION as Te, COMPENSATION_NAME_BONUS as Ae, COMPENSATION_NAME_DOUBLE_OVERTIME as Pe, COMPENSATION_NAME_OVERTIME as Se, COMPENSATION_NAME_REGULAR_HOURS as Me } from "../../../shared/constants.js";
+import { componentEvents as Q, COMPENSATION_NAME_REIMBURSEMENT as Ce, COMPENSATION_NAME_PAYCHECK_TIPS as Ne, COMPENSATION_NAME_CASH_TIPS as ve, COMPENSATION_NAME_CORRECTION_PAYMENT as Oe, COMPENSATION_NAME_COMMISSION as Ae, COMPENSATION_NAME_BONUS as Te, COMPENSATION_NAME_DOUBLE_OVERTIME as Pe, COMPENSATION_NAME_OVERTIME as Me, COMPENSATION_NAME_REGULAR_HOURS as Se } from "../../../shared/constants.js";
 import { BaseBoundaries as Re, BaseLayout as X } from "../../Base/Base.js";
 import "../../Base/useBase.js";
 import { useComponentDictionary as Le, useI18n as _e } from "../../../i18n/I18n.js";
@@ -41,12 +41,12 @@ const je = ({
   rows: h,
   isAdding: b,
   draftFields: N,
-  onBeginAdd: A,
+  onBeginAdd: T,
   onSave: P,
   onCancel: L,
-  onRemove: S
+  onRemove: M
 }) => {
-  const { t: e } = ee("Payroll.UNSTABLE_PayrollEditEmployee"), { Button: g, ButtonIcon: M, Heading: y } = te(), { Description: C, Amount: v } = N, O = Ve({
+  const { t: e } = ee("Payroll.UNSTABLE_PayrollEditEmployee"), { Button: g, ButtonIcon: S, Heading: y } = te(), { Description: C, Amount: v } = N, O = Ve({
     data: h,
     columns: [
       {
@@ -68,20 +68,20 @@ const je = ({
     ],
     itemMenu: (d) => {
       if (d.recurring) return null;
-      const T = d.description.trim() || e("reimbursementUnnamedFallback");
+      const A = d.description.trim() || e("reimbursementUnnamedFallback");
       return /* @__PURE__ */ t(
-        M,
+        S,
         {
           variant: "tertiary",
           onClick: () => {
-            S(d.index);
+            M(d.index);
           },
-          "aria-label": e("removeReimbursementLabel", { description: T }),
+          "aria-label": e("removeReimbursementLabel", { description: A }),
           children: /* @__PURE__ */ t(Ue, { "aria-hidden": !0 })
         }
       );
     },
-    emptyState: () => /* @__PURE__ */ t(we, { title: e("reimbursementEmptyTitle"), children: /* @__PURE__ */ t(g, { variant: "secondary", onClick: A, icon: /* @__PURE__ */ t(Z, { "aria-hidden": !0 }), children: e("addReimbursementCta") }) })
+    emptyState: () => /* @__PURE__ */ t(we, { title: e("reimbursementEmptyTitle"), children: /* @__PURE__ */ t(g, { variant: "secondary", onClick: T, icon: /* @__PURE__ */ t(Z, { "aria-hidden": !0 }), children: e("addReimbursementCta") }) })
   });
   return /* @__PURE__ */ m(u, { flexDirection: "column", gap: 12, children: [
     /* @__PURE__ */ t(y, { as: "h3", styledAs: "h4", children: e("reimbursementTitle") }),
@@ -105,7 +105,7 @@ const je = ({
       g,
       {
         variant: "secondary",
-        onClick: A,
+        onClick: T,
         title: e("addReimbursementLink"),
         icon: /* @__PURE__ */ t(Z, { "aria-hidden": !0 }),
         children: e("addReimbursementLink")
@@ -116,47 +116,47 @@ const je = ({
   employeeId: h,
   companyId: b,
   payrollId: N,
-  withReimbursements: A = !0,
+  withReimbursements: T = !0,
   onEvent: P,
   dictionary: L,
-  LoaderComponent: S
+  LoaderComponent: M
 }) => {
   Le("Payroll.UNSTABLE_PayrollEditEmployee", L), _e("Payroll.UNSTABLE_PayrollEditEmployee");
-  const { t: e } = ee("Payroll.UNSTABLE_PayrollEditEmployee"), g = Be(), { Alert: M, Box: y, BoxHeader: C, Button: v, Heading: O, Text: d } = te(), T = fe(null), f = Fe({ ref: T }).includes("small"), ne = Ee(
+  const { t: e } = ee("Payroll.UNSTABLE_PayrollEditEmployee"), g = Be(), { Alert: S, Box: y, BoxHeader: C, Button: v, Heading: O, Text: d } = te(), A = fe(null), f = Fe({ ref: A }).includes("small"), ne = Ee(
     () => ({
-      [F.NEGATIVE_AMOUNT]: e("validations.negativeAmount"),
-      [F.REQUIRED_WORKWEEK]: e("validations.requiredWorkweek"),
-      [F.REIMBURSEMENT_AMOUNT]: e("validations.reimbursementAmount")
+      [B.NEGATIVE_AMOUNT]: e("validations.negativeAmount"),
+      [B.REQUIRED_WORKWEEK]: e("validations.requiredWorkweek"),
+      [B.REIMBURSEMENT_AMOUNT]: e("validations.reimbursementAmount")
     }),
     [e]
   ), r = He({
     employeeId: h,
     companyId: b,
     payrollId: N,
-    withReimbursements: A,
+    withReimbursements: T,
     errorMessages: ne
   });
   if (r.isLoading)
-    return /* @__PURE__ */ t("div", { ref: T, className: E.container, children: /* @__PURE__ */ t(X, { isLoading: !0, error: r.errorHandling.errors, LoaderComponent: S }) });
-  const { employee: _ } = r.data, c = r.form.Fields, k = De({
+    return /* @__PURE__ */ t("div", { ref: A, className: E.container, children: /* @__PURE__ */ t(X, { isLoading: !0, error: r.errorHandling.errors, LoaderComponent: M }) });
+  const { employee: _ } = r.data, c = r.form.Fields, F = De({
     first_name: _.firstName,
     last_name: _.lastName
   }), re = (n) => {
     switch (n) {
-      case Me:
-        return e("compensationNames.regularHours");
       case Se:
+        return e("compensationNames.regularHours");
+      case Me:
         return e("compensationNames.overtime");
       case Pe:
         return e("compensationNames.doubleOvertime");
       default:
         return n;
     }
-  }, w = (n) => {
+  }, k = (n) => {
     switch (n) {
-      case Ae:
-        return e("fixedCompensationNames.bonus");
       case Te:
+        return e("fixedCompensationNames.bonus");
+      case Ae:
         return e("fixedCompensationNames.commission");
       case Oe:
         return e("fixedCompensationNames.correctionPayment");
@@ -169,11 +169,11 @@ const je = ({
       default:
         return n;
     }
-  }, x = (n) => B(n) ? n[r.data.workweeks[0]?.startDate ?? ""] ?? [] : n, U = (n, i) => {
-    const { label: o, rowHeader: a, valueColumnLabel: l, labelFor: s, adornmentStart: me, adornmentEnd: de } = i, ce = B(n), ue = x(n), $ = (p, D) => /* @__PURE__ */ t("div", { className: E.inputContainer, children: /* @__PURE__ */ t(
+  }, w = (n) => I(n) ? n[r.data.workweeks[0]?.startDate ?? ""] ?? [] : n, U = (n, i) => {
+    const { label: o, rowHeader: a, valueColumnLabel: l, labelFor: s, adornmentStart: me, adornmentEnd: de } = i, ce = I(n), ue = w(n), $ = (p, x) => /* @__PURE__ */ t("div", { className: E.inputContainer, children: /* @__PURE__ */ t(
       p.Field,
       {
-        label: D,
+        label: x,
         shouldVisuallyHideLabel: !0,
         adornmentStart: me,
         adornmentEnd: de
@@ -183,18 +183,18 @@ const je = ({
       justify: "end",
       render: (p) => $(p, s(p.name))
     }, he = r.data.workweeks.map(
-      ({ startDate: p, endDate: D }) => {
-        const K = g.formatPayPeriodRange(p, D, {
+      ({ startDate: p, endDate: x }) => {
+        const K = g.formatPayPeriodRange(p, x, {
           useShortMonth: !0
         });
         return {
           title: K,
           justify: "end",
-          render: (I) => {
+          render: (D) => {
             const q = n[p]?.find(
-              (z) => z.jobUuid === I.jobUuid && z.name === I.name
+              (z) => z.jobUuid === D.jobUuid && z.name === D.name
             );
-            return q ? $(q, `${s(I.name)} ${K}`) : null;
+            return q ? $(q, `${s(D.name)} ${K}`) : null;
           }
         };
       }
@@ -205,7 +205,7 @@ const je = ({
     return /* @__PURE__ */ t(R, { label: o, isWithinBox: !0, columns: be, data: ue });
   }, ie = (n, i) => {
     const { title: o, footer: a, ...l } = i;
-    return x(n).length === 0 && !a ? null : /* @__PURE__ */ t(y, { header: /* @__PURE__ */ t(C, { title: o }), withPadding: !1, footer: a, children: U(n, l) });
+    return w(n).length === 0 && !a ? null : /* @__PURE__ */ t(y, { header: /* @__PURE__ */ t(C, { title: o }), withPadding: !1, footer: a, children: U(n, l) });
   }, H = (n, i) => {
     if (n.length === 0) return null;
     const { title: o, description: a } = i, l = [
@@ -240,20 +240,20 @@ const je = ({
     return /* @__PURE__ */ t(R, { label: i, isWithinBox: !0, columns: o, data: n });
   }, j = (n) => /* @__PURE__ */ t("div", { className: E.earningsGroupLabel, children: /* @__PURE__ */ t(d, { size: "sm", weight: "semibold", children: n }) }), ae = () => {
     const n = c.overtimeIncludedEarnings, i = c.overtimeExcludedEarnings.map((l) => ({
-      label: w(l.id),
+      label: k(l.id),
       Field: l.Field
-    })), o = x(n).length > 0;
+    })), o = w(n).length > 0;
     if (!o && i.length === 0) return null;
     const a = U(n, {
       label: e("additionalEarningsTitle"),
       rowHeader: e("typeColumn"),
       valueColumnLabel: e("amountColumn"),
-      labelFor: w,
+      labelFor: k,
       adornmentStart: "$"
     });
-    if (!B(n)) {
+    if (!I(n)) {
       const l = [
-        ...n.map((s) => ({ label: w(s.name), Field: s.Field })),
+        ...n.map((s) => ({ label: k(s.name), Field: s.Field })),
         ...i
       ];
       return /* @__PURE__ */ t(y, { header: /* @__PURE__ */ t(C, { title: e("additionalEarningsTitle") }), withPadding: !1, children: V(l, e("additionalEarningsTitle")) });
@@ -261,11 +261,12 @@ const je = ({
     return /* @__PURE__ */ m(y, { header: /* @__PURE__ */ t(C, { title: e("additionalEarningsTitle") }), withPadding: !1, children: [
       o ? /* @__PURE__ */ m(J, { children: [
         /* @__PURE__ */ t("div", { className: E.earningsAlert, children: /* @__PURE__ */ t(
-          M,
+          S,
           {
             status: "info",
-            label: e("overtimeMultiplierEarningsAlert", { employeeName: k }),
-            disableScrollIntoView: !0
+            label: e("overtimeMultiplierEarningsAlert"),
+            disableScrollIntoView: !0,
+            children: /* @__PURE__ */ t(d, { size: "sm", children: e("overtimeMultiplierEarningsAlertDescription") })
           }
         ) }),
         j(e("overtimeIncludedEarningsGroupLabel")),
@@ -307,7 +308,7 @@ const je = ({
       ]
     }
   );
-  return /* @__PURE__ */ t("div", { ref: T, className: E.container, children: /* @__PURE__ */ t(X, { error: r.errorHandling.errors, LoaderComponent: S, children: /* @__PURE__ */ t(xe, { formHookResult: r, children: /* @__PURE__ */ m(u, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ t("div", { ref: A, className: E.container, children: /* @__PURE__ */ t(X, { error: r.errorHandling.errors, LoaderComponent: M, children: /* @__PURE__ */ t(xe, { formHookResult: r, children: /* @__PURE__ */ m(u, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ m(
       u,
       {
@@ -316,7 +317,7 @@ const je = ({
         alignItems: f ? "flex-start" : "stretch",
         gap: 12,
         children: [
-          /* @__PURE__ */ t(u, { flexDirection: "column", alignItems: "stretch", gap: 8, children: /* @__PURE__ */ t(O, { as: "h1", styledAs: "h2", children: e("pageTitle", { employeeName: k }) }) }),
+          /* @__PURE__ */ t(u, { flexDirection: "column", alignItems: "stretch", gap: 8, children: /* @__PURE__ */ t(O, { as: "h1", styledAs: "h2", children: e("pageTitle", { employeeName: F }) }) }),
           f && Y
         ]
       }
@@ -327,10 +328,10 @@ const je = ({
       return /* @__PURE__ */ m(u, { flexDirection: "column", gap: 16, children: [
         n ? /* @__PURE__ */ t(O, { as: "h3", children: i }) : null,
         a ? /* @__PURE__ */ t(
-          M,
+          S,
           {
             status: "info",
-            label: e("overtimeWorkweekAlert", { employeeName: k }),
+            label: e("overtimeWorkweekAlert", { employeeName: F }),
             disableScrollIntoView: !0
           }
         ) : null,

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

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.tsx"],"sourcesContent":["import { Fragment, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollUpdatePaymentMethod } from '@gusto/embedded-api/models/components/payrollupdate'\nimport type { PayrollEditEmployeeProps } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { usePayrollEditEmployeeForm } from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm'\nimport {\n  isSplitByWorkweek,\n  type HourEntry,\n  type TimeOffEntry,\n  type ReimbursementRow,\n  type ReimbursementDraftFields,\n} from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields'\nimport { PayrollEditEmployeeErrorCodes } from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeSchema'\nimport styles from './UNSTABLE_PayrollEditEmployee.module.scss'\nimport {\n  componentEvents,\n  COMPENSATION_NAME_REGULAR_HOURS,\n  COMPENSATION_NAME_OVERTIME,\n  COMPENSATION_NAME_DOUBLE_OVERTIME,\n  COMPENSATION_NAME_BONUS,\n  COMPENSATION_NAME_COMMISSION,\n  COMPENSATION_NAME_CORRECTION_PAYMENT,\n  COMPENSATION_NAME_CASH_TIPS,\n  COMPENSATION_NAME_PAYCHECK_TIPS,\n  COMPENSATION_NAME_REIMBURSEMENT,\n} from '@/shared/constants'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, Grid, DataView, useDataView, EmptyData } from '@/components/Common'\nimport type { useDataViewPropReturn } from '@/components/Common/DataView/useDataView'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\n/**\n * In-development regular-rate-of-pay rebuild of {@link PayrollEditEmployee}.\n *\n * @remarks\n * Gated behind the `payrollRegularRateOfPay` unstable feature flag and not part of the public\n * SDK surface. `PayrollEditEmployee` renders this in place of the stable editor when the flag is\n * enabled. Consumes {@link usePayrollEditEmployeeForm} and renders the header, the hours /\n * additional-earnings / time-off / payment-method sections, and the\n * `Cancel`/`Save` controls, performing a real payroll update on save. For an overtime-eligible\n * employee on a multi-workweek payroll, Overtime/Double-overtime rows start hidden behind a single,\n * employee-level \"Add overtime\" control (`form.data.withOvertime` / `form.actions.addOvertime`)\n * unless the employee already has real overtime hours or matching per-workweek breakdowns; adding\n * overtime also switches hours and overtime-affecting earnings to per-workweek columns and surfaces\n * the per-row \"fill in every workweek\" validation. `Cancel` and `Save` emit the same events as the\n * stable component so the surrounding flow behaves identically.\n *\n * @internal\n */\nexport function UNSTABLE_PayrollEditEmployee({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PayrollEditEmployeeProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Payroll.UNSTABLE_PayrollEditEmployee\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <Root LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\ninterface ReimbursementsSectionProps {\n  rows: ReimbursementRow[]\n  isAdding: boolean\n  draftFields: ReimbursementDraftFields\n  onBeginAdd: () => void\n  onSave: () => void\n  onCancel: () => void\n  onRemove: (index: number) => void\n}\n\n// Reimbursement UI duplicated from the stable PayrollEditEmployeePresentation for\n// visual parity while the RRoP editor is developed alongside legacy. Powered by\n// usePayrollEditEmployeeForm rather than a local field array/draft form.\nconst ReimbursementsSection = ({\n  rows,\n  isAdding,\n  draftFields,\n  onBeginAdd,\n  onSave,\n  onCancel,\n  onRemove,\n}: ReimbursementsSectionProps) => {\n  const { t } = useTranslation('Payroll.UNSTABLE_PayrollEditEmployee')\n  const { Button, ButtonIcon, Heading } = useComponentContext()\n  const { Description, Amount } = draftFields\n\n  const reimbursementDataViewProps = useDataView<ReimbursementRow>({\n    data: rows,\n    columns: [\n      {\n        key: 'description',\n        title: t('reimbursementDescriptionColumn'),\n        render: row => row.description.trim() || t('reimbursementUnnamedFallback'),\n      },\n      {\n        key: 'amount',\n        title: t('reimbursementAmountColumn'),\n        justify: 'end',\n        render: row => formatNumberAsCurrency(parseFloat(row.amount || '0')),\n      },\n      {\n        key: 'recurring',\n        title: t('reimbursementTypeColumn'),\n        render: row =>\n          row.recurring ? t('reimbursementTypeRecurring') : t('reimbursementTypeOneTime'),\n      },\n    ],\n    itemMenu: row => {\n      if (row.recurring) return null\n      const displayDescription = row.description.trim() || t('reimbursementUnnamedFallback')\n      return (\n        <ButtonIcon\n          variant=\"tertiary\"\n          onClick={() => {\n            onRemove(row.index)\n          }}\n          aria-label={t('removeReimbursementLabel', { description: displayDescription })}\n        >\n          <TrashCanSvg aria-hidden />\n        </ButtonIcon>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('reimbursementEmptyTitle')}>\n        <Button variant=\"secondary\" onClick={onBeginAdd} icon={<PlusCircleIcon aria-hidden />}>\n          {t('addReimbursementCta')}\n        </Button>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Heading as=\"h3\" styledAs=\"h4\">\n        {t('reimbursementTitle')}\n      </Heading>\n      {!(rows.length === 0 && isAdding) && (\n        <DataView label={t('reimbursementsTableLabel')} {...reimbursementDataViewProps} />\n      )}\n      {isAdding ? (\n        <Flex flexDirection=\"column\" gap={12}>\n          <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n            <Description\n              label={t('reimbursementDescriptionLabel')}\n              placeholder={t('reimbursementDescriptionPlaceholder')}\n            />\n            <Amount label={t('reimbursementAmountLabel')} adornmentStart=\"$\" isRequired />\n          </Grid>\n          <Flex gap={12}>\n            <Button onClick={onSave} title={t('saveReimbursementCta')}>\n              {t('saveReimbursementCta')}\n            </Button>\n            <Button variant=\"secondary\" onClick={onCancel} title={t('cancelReimbursementCta')}>\n              {t('cancelReimbursementCta')}\n            </Button>\n          </Flex>\n        </Flex>\n      ) : (\n        rows.length > 0 && (\n          <div>\n            <Button\n              variant=\"secondary\"\n              onClick={onBeginAdd}\n              title={t('addReimbursementLink')}\n              icon={<PlusCircleIcon aria-hidden />}\n            >\n              {t('addReimbursementLink')}\n            </Button>\n          </div>\n        )\n      )}\n    </Flex>\n  )\n}\n\nconst Root = ({\n  employeeId,\n  companyId,\n  payrollId,\n  withReimbursements = true,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: PayrollEditEmployeeProps) => {\n  useComponentDictionary('Payroll.UNSTABLE_PayrollEditEmployee', dictionary)\n  useI18n('Payroll.UNSTABLE_PayrollEditEmployee')\n  const { t } = useTranslation('Payroll.UNSTABLE_PayrollEditEmployee')\n  const dateFormatter = useDateFormatter()\n\n  const { Alert, Box, BoxHeader, Button, Heading, Text } = useComponentContext()\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isSmallOrGreater = breakpoints.includes('small')\n\n  // Error copy keyed by code, supplied to the hook once. Every bound field\n  // resolves and renders its own message from this — the consumer never\n  // reconstructs form paths or picks which rule a field can fail. Memoized so\n  // the hook's fields aren't rebuilt each render.\n  const errorMessages = useMemo(\n    () => ({\n      [PayrollEditEmployeeErrorCodes.NEGATIVE_AMOUNT]: t('validations.negativeAmount'),\n      [PayrollEditEmployeeErrorCodes.REQUIRED_WORKWEEK]: t('validations.requiredWorkweek'),\n      [PayrollEditEmployeeErrorCodes.REIMBURSEMENT_AMOUNT]: t('validations.reimbursementAmount'),\n    }),\n    [t],\n  )\n\n  const form = usePayrollEditEmployeeForm({\n    employeeId,\n    companyId,\n    payrollId,\n    withReimbursements,\n    errorMessages,\n  })\n\n  if (form.isLoading) {\n    return (\n      <div ref={containerRef} className={styles.container}>\n        <BaseLayout isLoading error={form.errorHandling.errors} LoaderComponent={LoaderComponent} />\n      </div>\n    )\n  }\n\n  const { employee } = form.data\n  const Fields = form.form.Fields\n\n  const employeeName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n\n  const hoursLabel = (name: string) => {\n    switch (name) {\n      case COMPENSATION_NAME_REGULAR_HOURS:\n        return t('compensationNames.regularHours')\n      case COMPENSATION_NAME_OVERTIME:\n        return t('compensationNames.overtime')\n      case COMPENSATION_NAME_DOUBLE_OVERTIME:\n        return t('compensationNames.doubleOvertime')\n      default:\n        return name\n    }\n  }\n\n  const earningLabel = (name: string) => {\n    switch (name) {\n      case COMPENSATION_NAME_BONUS:\n        return t('fixedCompensationNames.bonus')\n      case COMPENSATION_NAME_COMMISSION:\n        return t('fixedCompensationNames.commission')\n      case COMPENSATION_NAME_CORRECTION_PAYMENT:\n        return t('fixedCompensationNames.correctionPayment')\n      case COMPENSATION_NAME_CASH_TIPS:\n        return t('fixedCompensationNames.cashTips')\n      case COMPENSATION_NAME_PAYCHECK_TIPS:\n        return t('fixedCompensationNames.paycheckTips')\n      case COMPENSATION_NAME_REIMBURSEMENT:\n        return t('fixedCompensationNames.reimbursement')\n      default:\n        return name\n    }\n  }\n\n  // The visible rows for a section: the first workweek's rows drive the row set\n  // (workweek columns fan out from there), or the flat list when not split.\n  const getSectionRows = (section: HourEntry[] | Record<string, HourEntry[]>) =>\n    isSplitByWorkweek(section) ? (section[form.data.workweeks[0]?.startDate ?? ''] ?? []) : section\n\n  const buildBreakdownDataView = (\n    section: HourEntry[] | Record<string, HourEntry[]>,\n    options: {\n      label: string\n      rowHeader: string\n      valueColumnLabel: string\n      labelFor: (name: string) => string\n      adornmentStart?: string\n      adornmentEnd?: string\n    },\n  ) => {\n    const { label, rowHeader, valueColumnLabel, labelFor, adornmentStart, adornmentEnd } = options\n    const split = isSplitByWorkweek(section)\n    const rows = getSectionRows(section)\n\n    const renderField = (entry: HourEntry, fieldLabel: string) => (\n      <div className={styles.inputContainer}>\n        <entry.Field\n          label={fieldLabel}\n          shouldVisuallyHideLabel\n          adornmentStart={adornmentStart}\n          adornmentEnd={adornmentEnd}\n        />\n      </div>\n    )\n\n    const valueColumn: useDataViewPropReturn<HourEntry>['columns'][number] = {\n      title: valueColumnLabel,\n      justify: 'end',\n      render: row => renderField(row, labelFor(row.name)),\n    }\n\n    // Columns come straight from the hook's normalized workweeks, so each header\n    // has both boundary dates without re-deriving them from the raw payroll.\n    const workweekColumns: useDataViewPropReturn<HourEntry>['columns'] = form.data.workweeks.map(\n      ({ startDate, endDate }) => {\n        const rangeLabel = dateFormatter.formatPayPeriodRange(startDate, endDate, {\n          useShortMonth: true,\n        })\n        return {\n          title: rangeLabel,\n          justify: 'end',\n          render: row => {\n            const cell = (section as Record<string, HourEntry[]>)[startDate]?.find(\n              entry => entry.jobUuid === row.jobUuid && entry.name === row.name,\n            )\n            return cell ? renderField(cell, `${labelFor(row.name)} ${rangeLabel}`) : null\n          },\n        }\n      },\n    )\n\n    const columns: useDataViewPropReturn<HourEntry>['columns'] = [\n      { title: rowHeader, render: row => labelFor(row.name) },\n      ...(split ? workweekColumns : [valueColumn]),\n    ]\n\n    return <DataView label={label} isWithinBox columns={columns} data={rows} />\n  }\n\n  const renderBreakdownSection = (\n    section: HourEntry[] | Record<string, HourEntry[]>,\n    options: {\n      title: string\n      label: string\n      rowHeader: string\n      valueColumnLabel: string\n      labelFor: (name: string) => string\n      adornmentStart?: string\n      adornmentEnd?: string\n      footer?: React.ReactNode\n    },\n  ) => {\n    const { title, footer, ...viewOptions } = options\n    if (getSectionRows(section).length === 0 && !footer) return null\n\n    return (\n      <Box header={<BoxHeader title={title} />} withPadding={false} footer={footer}>\n        {buildBreakdownDataView(section, viewOptions)}\n      </Box>\n    )\n  }\n\n  const renderTimeOffSection = (\n    entries: TimeOffEntry[],\n    options: { title: string; description?: string },\n  ) => {\n    if (entries.length === 0) return null\n    const { title, description } = options\n\n    const columns: useDataViewPropReturn<TimeOffEntry>['columns'] = [\n      {\n        title: t('typeColumn'),\n        render: entry => entry.name,\n      },\n      {\n        title: t('hoursColumn'),\n        justify: 'end',\n        render: entry => (\n          <div className={styles.inputContainer}>\n            <entry.Field\n              label={entry.name}\n              shouldVisuallyHideLabel\n              adornmentEnd={t('hoursUnit')}\n              description={\n                entry.remaining !== null\n                  ? t('timeOffBalance.remaining', { balance: entry.remaining })\n                  : undefined\n              }\n            />\n          </div>\n        ),\n      },\n    ]\n\n    return (\n      <Box header={<BoxHeader title={title} description={description} />} withPadding={false}>\n        <DataView label={title} isWithinBox columns={columns} data={entries} />\n      </Box>\n    )\n  }\n\n  // A flat single-amount earnings table: one \"type\" column and one \"$\" input\n  // column. Used for the merged no-overtime list and the overtime-excluded group.\n  const renderAmountTable = (\n    rows: { label: string; Field: HourEntry['Field'] }[],\n    label: string,\n  ) => {\n    const columns: useDataViewPropReturn<(typeof rows)[number]>['columns'] = [\n      { title: t('typeColumn'), render: row => row.label },\n      {\n        title: t('amountColumn'),\n        justify: 'end',\n        render: row => (\n          <div className={styles.inputContainer}>\n            <row.Field label={row.label} shouldVisuallyHideLabel adornmentStart=\"$\" />\n          </div>\n        ),\n      },\n    ]\n    return <DataView label={label} isWithinBox columns={columns} data={rows} />\n  }\n\n  const renderGroupLabel = (label: string) => (\n    <div className={styles.earningsGroupLabel}>\n      <Text size=\"sm\" weight=\"semibold\">\n        {label}\n      </Text>\n    </div>\n  )\n\n  const renderEarningsSection = () => {\n    const includedEarnings = Fields.overtimeIncludedEarnings\n    const excludedRows = Fields.overtimeExcludedEarnings.map(entry => ({\n      label: earningLabel(entry.id),\n      Field: entry.Field,\n    }))\n\n    const hasIncluded = getSectionRows(includedEarnings).length > 0\n    if (!hasIncluded && excludedRows.length === 0) return null\n\n    const includedTable = buildBreakdownDataView(includedEarnings, {\n      label: t('additionalEarningsTitle'),\n      rowHeader: t('typeColumn'),\n      valueColumnLabel: t('amountColumn'),\n      labelFor: earningLabel,\n      adornmentStart: '$',\n    })\n\n    // Split into per-workweek columns and labeled overtime groups only once\n    // overtime is added (the included section becomes workweek-keyed). Otherwise\n    // included and excluded earnings render together as one flat list.\n    if (!isSplitByWorkweek(includedEarnings)) {\n      const mergedRows = [\n        ...includedEarnings.map(entry => ({ label: earningLabel(entry.name), Field: entry.Field })),\n        ...excludedRows,\n      ]\n      return (\n        <Box header={<BoxHeader title={t('additionalEarningsTitle')} />} withPadding={false}>\n          {renderAmountTable(mergedRows, t('additionalEarningsTitle'))}\n        </Box>\n      )\n    }\n\n    return (\n      <Box header={<BoxHeader title={t('additionalEarningsTitle')} />} withPadding={false}>\n        {hasIncluded ? (\n          <>\n            <div className={styles.earningsAlert}>\n              <Alert\n                status=\"info\"\n                label={t('overtimeMultiplierEarningsAlert', { employeeName })}\n                disableScrollIntoView\n              />\n            </div>\n            {renderGroupLabel(t('overtimeIncludedEarningsGroupLabel'))}\n            {includedTable}\n          </>\n        ) : null}\n        {excludedRows.length > 0 ? (\n          <>\n            {renderGroupLabel(t('overtimeExcludedEarningsGroupLabel'))}\n            {renderAmountTable(excludedRows, t('overtimeExcludedEarningsGroupLabel'))}\n          </>\n        ) : null}\n      </Box>\n    )\n  }\n\n  const PaymentMethodField = Fields.paymentMethod\n  const ReimbursementDraft = Fields.reimbursementDraft\n  const reimbursementRows = form.data.reimbursements\n  const isAddingReimbursement = form.form.reimbursementDraft?.isAdding ?? false\n\n  const handleSave = async () => {\n    const result = await form.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n      payrollPrepared: result.data,\n      employee,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED)\n  }\n\n  const actions = (\n    <Flex\n      flexDirection={isSmallOrGreater ? 'row' : 'column'}\n      justifyContent={isSmallOrGreater ? 'flex-end' : 'normal'}\n      alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n      gap={12}\n    >\n      <Button variant=\"secondary\" onClick={handleCancel} title={t('cancelCta')}>\n        {t('cancelCta')}\n      </Button>\n      <Button\n        onClick={() => {\n          void handleSave()\n        }}\n        title={t('saveCta')}\n        isLoading={form.status.isPending}\n      >\n        {t('saveCta')}\n      </Button>\n    </Flex>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <BaseLayout error={form.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={form}>\n          <Flex flexDirection=\"column\" gap={24}>\n            <Flex\n              flexDirection={isSmallOrGreater ? 'row' : 'column'}\n              justifyContent=\"space-between\"\n              alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n              gap={12}\n            >\n              <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={8}>\n                <Heading as=\"h1\" styledAs=\"h2\">\n                  {t('pageTitle', { employeeName })}\n                </Heading>\n              </Flex>\n              {isSmallOrGreater && actions}\n            </Flex>\n            {!isSmallOrGreater && actions}\n\n            {(() => {\n              const isMultiJob = Fields.jobs.length > 1\n              const genericHoursTitle = form.data.isOvertimeEligible\n                ? t('regularHoursTitle')\n                : t('regularHoursTitleWithoutOvertime')\n              // \"Add overtime\" is an employee-level action, but the design gives\n              // every job its own button so each job's hours box can trigger it.\n              const showAddOvertime = !form.data.withOvertime && form.data.isOvertimeEligible\n              // Its counterpart once overtime is on: a single employee-level alert\n              // explaining the workweek split, rendered once above all jobs.\n              const showOvertimeWorkweekAlert =\n                form.data.withOvertime && form.data.isOvertimeEligible\n\n              return (\n                <Flex flexDirection=\"column\" gap={16}>\n                  {isMultiJob ? <Heading as=\"h3\">{genericHoursTitle}</Heading> : null}\n                  {showOvertimeWorkweekAlert ? (\n                    <Alert\n                      status=\"info\"\n                      label={t('overtimeWorkweekAlert', { employeeName })}\n                      disableScrollIntoView\n                    />\n                  ) : null}\n                  {Fields.jobs.map(job => (\n                    <Fragment key={job.jobUuid}>\n                      {renderBreakdownSection(job.hours, {\n                        title: isMultiJob ? (job.title ?? genericHoursTitle) : genericHoursTitle,\n                        label: genericHoursTitle,\n                        rowHeader: t('hourTypeColumn'),\n                        valueColumnLabel: t('hoursColumn'),\n                        labelFor: hoursLabel,\n                        adornmentEnd: t('hoursUnit'),\n                        footer: showAddOvertime ? (\n                          <Button\n                            variant=\"secondary\"\n                            onClick={() => {\n                              form.actions.addOvertime()\n                            }}\n                            title={t('addOvertimeCta')}\n                          >\n                            {t('addOvertimeCta')}\n                          </Button>\n                        ) : undefined,\n                      })}\n                    </Fragment>\n                  ))}\n                </Flex>\n              )\n            })()}\n\n            {renderEarningsSection()}\n\n            {renderTimeOffSection(Fields.timeOff, {\n              title: Fields.finalPayout ? t('timeOffTitleDismissal') : t('timeOffTitle'),\n            })}\n\n            {Fields.finalPayout\n              ? renderTimeOffSection(Fields.finalPayout, {\n                  title: t('finalPayoutTitle'),\n                  description: t('finalPayoutDescription'),\n                })\n              : null}\n\n            {PaymentMethodField ? (\n              <Flex flexDirection=\"column\" gap={24}>\n                {ReimbursementDraft ? (\n                  <ReimbursementsSection\n                    rows={reimbursementRows ?? []}\n                    isAdding={isAddingReimbursement}\n                    draftFields={ReimbursementDraft}\n                    onBeginAdd={() => form.actions.beginAddReimbursement?.()}\n                    onSave={() => form.actions.saveReimbursement?.()}\n                    onCancel={() => form.actions.cancelReimbursement?.()}\n                    onRemove={index => form.actions.removeReimbursement?.(index)}\n                  />\n                ) : null}\n\n                <Flex flexDirection=\"column\" gap={12}>\n                  <Heading as=\"h3\" styledAs=\"h4\">\n                    {t('paymentMethodTitle')}\n                  </Heading>\n                  <PaymentMethodField\n                    label={t('paymentMethodLabel')}\n                    description={t('paymentMethodDescription')}\n                    getOptionLabel={value =>\n                      value === PayrollUpdatePaymentMethod.Check\n                        ? t('paymentMethodOptions.check')\n                        : t('paymentMethodOptions.directDeposit')\n                    }\n                  />\n                </Flex>\n              </Flex>\n            ) : null}\n          </Flex>\n        </SDKFormProvider>\n      </BaseLayout>\n    </div>\n  )\n}\n"],"names":["UNSTABLE_PayrollEditEmployee","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","Root","ReimbursementsSection","rows","isAdding","draftFields","onBeginAdd","onSave","onCancel","onRemove","t","useTranslation","Button","ButtonIcon","Heading","useComponentContext","Description","Amount","reimbursementDataViewProps","useDataView","row","formatNumberAsCurrency","displayDescription","TrashCanSvg","EmptyData","PlusCircleIcon","jsxs","Flex","DataView","Grid","employeeId","companyId","payrollId","withReimbursements","onEvent","dictionary","useComponentDictionary","useI18n","dateFormatter","useDateFormatter","Alert","Box","BoxHeader","Text","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","errorMessages","useMemo","PayrollEditEmployeeErrorCodes","form","usePayrollEditEmployeeForm","styles","BaseLayout","employee","Fields","employeeName","firstLastName","hoursLabel","name","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","earningLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_REIMBURSEMENT","getSectionRows","section","isSplitByWorkweek","buildBreakdownDataView","options","label","rowHeader","valueColumnLabel","labelFor","adornmentStart","adornmentEnd","split","renderField","entry","fieldLabel","valueColumn","workweekColumns","startDate","endDate","rangeLabel","cell","columns","renderBreakdownSection","title","footer","viewOptions","renderTimeOffSection","entries","description","renderAmountTable","renderGroupLabel","renderEarningsSection","includedEarnings","excludedRows","hasIncluded","includedTable","mergedRows","Fragment","PaymentMethodField","ReimbursementDraft","reimbursementRows","isAddingReimbursement","handleSave","result","componentEvents","actions","SDKFormProvider","isMultiJob","genericHoursTitle","showAddOvertime","showOvertimeWorkweekAlert","job","index","value","PayrollUpdatePaymentMethod"],"mappings":"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"}
+{"version":3,"file":"UNSTABLE_PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.tsx"],"sourcesContent":["import { Fragment, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollUpdatePaymentMethod } from '@gusto/embedded-api/models/components/payrollupdate'\nimport type { PayrollEditEmployeeProps } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { usePayrollEditEmployeeForm } from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm'\nimport {\n  isSplitByWorkweek,\n  type HourEntry,\n  type TimeOffEntry,\n  type ReimbursementRow,\n  type ReimbursementDraftFields,\n} from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields'\nimport { PayrollEditEmployeeErrorCodes } from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeSchema'\nimport styles from './UNSTABLE_PayrollEditEmployee.module.scss'\nimport {\n  componentEvents,\n  COMPENSATION_NAME_REGULAR_HOURS,\n  COMPENSATION_NAME_OVERTIME,\n  COMPENSATION_NAME_DOUBLE_OVERTIME,\n  COMPENSATION_NAME_BONUS,\n  COMPENSATION_NAME_COMMISSION,\n  COMPENSATION_NAME_CORRECTION_PAYMENT,\n  COMPENSATION_NAME_CASH_TIPS,\n  COMPENSATION_NAME_PAYCHECK_TIPS,\n  COMPENSATION_NAME_REIMBURSEMENT,\n} from '@/shared/constants'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, Grid, DataView, useDataView, EmptyData } from '@/components/Common'\nimport type { useDataViewPropReturn } from '@/components/Common/DataView/useDataView'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\n/**\n * In-development regular-rate-of-pay rebuild of {@link PayrollEditEmployee}.\n *\n * @remarks\n * Gated behind the `payrollRegularRateOfPay` unstable feature flag and not part of the public\n * SDK surface. `PayrollEditEmployee` renders this in place of the stable editor when the flag is\n * enabled. Consumes {@link usePayrollEditEmployeeForm} and renders the header, the hours /\n * additional-earnings / time-off / payment-method sections, and the\n * `Cancel`/`Save` controls, performing a real payroll update on save. For an overtime-eligible\n * employee on a multi-workweek payroll, Overtime/Double-overtime rows start hidden behind a single,\n * employee-level \"Add overtime\" control (`form.data.withOvertime` / `form.actions.addOvertime`)\n * unless the employee already has real overtime hours or matching per-workweek breakdowns; adding\n * overtime also switches hours and overtime-affecting earnings to per-workweek columns and surfaces\n * the per-row \"fill in every workweek\" validation. `Cancel` and `Save` emit the same events as the\n * stable component so the surrounding flow behaves identically.\n *\n * @internal\n */\nexport function UNSTABLE_PayrollEditEmployee({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PayrollEditEmployeeProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Payroll.UNSTABLE_PayrollEditEmployee\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <Root LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\ninterface ReimbursementsSectionProps {\n  rows: ReimbursementRow[]\n  isAdding: boolean\n  draftFields: ReimbursementDraftFields\n  onBeginAdd: () => void\n  onSave: () => void\n  onCancel: () => void\n  onRemove: (index: number) => void\n}\n\n// Reimbursement UI duplicated from the stable PayrollEditEmployeePresentation for\n// visual parity while the RRoP editor is developed alongside legacy. Powered by\n// usePayrollEditEmployeeForm rather than a local field array/draft form.\nconst ReimbursementsSection = ({\n  rows,\n  isAdding,\n  draftFields,\n  onBeginAdd,\n  onSave,\n  onCancel,\n  onRemove,\n}: ReimbursementsSectionProps) => {\n  const { t } = useTranslation('Payroll.UNSTABLE_PayrollEditEmployee')\n  const { Button, ButtonIcon, Heading } = useComponentContext()\n  const { Description, Amount } = draftFields\n\n  const reimbursementDataViewProps = useDataView<ReimbursementRow>({\n    data: rows,\n    columns: [\n      {\n        key: 'description',\n        title: t('reimbursementDescriptionColumn'),\n        render: row => row.description.trim() || t('reimbursementUnnamedFallback'),\n      },\n      {\n        key: 'amount',\n        title: t('reimbursementAmountColumn'),\n        justify: 'end',\n        render: row => formatNumberAsCurrency(parseFloat(row.amount || '0')),\n      },\n      {\n        key: 'recurring',\n        title: t('reimbursementTypeColumn'),\n        render: row =>\n          row.recurring ? t('reimbursementTypeRecurring') : t('reimbursementTypeOneTime'),\n      },\n    ],\n    itemMenu: row => {\n      if (row.recurring) return null\n      const displayDescription = row.description.trim() || t('reimbursementUnnamedFallback')\n      return (\n        <ButtonIcon\n          variant=\"tertiary\"\n          onClick={() => {\n            onRemove(row.index)\n          }}\n          aria-label={t('removeReimbursementLabel', { description: displayDescription })}\n        >\n          <TrashCanSvg aria-hidden />\n        </ButtonIcon>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('reimbursementEmptyTitle')}>\n        <Button variant=\"secondary\" onClick={onBeginAdd} icon={<PlusCircleIcon aria-hidden />}>\n          {t('addReimbursementCta')}\n        </Button>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Heading as=\"h3\" styledAs=\"h4\">\n        {t('reimbursementTitle')}\n      </Heading>\n      {!(rows.length === 0 && isAdding) && (\n        <DataView label={t('reimbursementsTableLabel')} {...reimbursementDataViewProps} />\n      )}\n      {isAdding ? (\n        <Flex flexDirection=\"column\" gap={12}>\n          <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n            <Description\n              label={t('reimbursementDescriptionLabel')}\n              placeholder={t('reimbursementDescriptionPlaceholder')}\n            />\n            <Amount label={t('reimbursementAmountLabel')} adornmentStart=\"$\" isRequired />\n          </Grid>\n          <Flex gap={12}>\n            <Button onClick={onSave} title={t('saveReimbursementCta')}>\n              {t('saveReimbursementCta')}\n            </Button>\n            <Button variant=\"secondary\" onClick={onCancel} title={t('cancelReimbursementCta')}>\n              {t('cancelReimbursementCta')}\n            </Button>\n          </Flex>\n        </Flex>\n      ) : (\n        rows.length > 0 && (\n          <div>\n            <Button\n              variant=\"secondary\"\n              onClick={onBeginAdd}\n              title={t('addReimbursementLink')}\n              icon={<PlusCircleIcon aria-hidden />}\n            >\n              {t('addReimbursementLink')}\n            </Button>\n          </div>\n        )\n      )}\n    </Flex>\n  )\n}\n\nconst Root = ({\n  employeeId,\n  companyId,\n  payrollId,\n  withReimbursements = true,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: PayrollEditEmployeeProps) => {\n  useComponentDictionary('Payroll.UNSTABLE_PayrollEditEmployee', dictionary)\n  useI18n('Payroll.UNSTABLE_PayrollEditEmployee')\n  const { t } = useTranslation('Payroll.UNSTABLE_PayrollEditEmployee')\n  const dateFormatter = useDateFormatter()\n\n  const { Alert, Box, BoxHeader, Button, Heading, Text } = useComponentContext()\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isSmallOrGreater = breakpoints.includes('small')\n\n  // Error copy keyed by code, supplied to the hook once. Every bound field\n  // resolves and renders its own message from this — the consumer never\n  // reconstructs form paths or picks which rule a field can fail. Memoized so\n  // the hook's fields aren't rebuilt each render.\n  const errorMessages = useMemo(\n    () => ({\n      [PayrollEditEmployeeErrorCodes.NEGATIVE_AMOUNT]: t('validations.negativeAmount'),\n      [PayrollEditEmployeeErrorCodes.REQUIRED_WORKWEEK]: t('validations.requiredWorkweek'),\n      [PayrollEditEmployeeErrorCodes.REIMBURSEMENT_AMOUNT]: t('validations.reimbursementAmount'),\n    }),\n    [t],\n  )\n\n  const form = usePayrollEditEmployeeForm({\n    employeeId,\n    companyId,\n    payrollId,\n    withReimbursements,\n    errorMessages,\n  })\n\n  if (form.isLoading) {\n    return (\n      <div ref={containerRef} className={styles.container}>\n        <BaseLayout isLoading error={form.errorHandling.errors} LoaderComponent={LoaderComponent} />\n      </div>\n    )\n  }\n\n  const { employee } = form.data\n  const Fields = form.form.Fields\n\n  const employeeName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n\n  const hoursLabel = (name: string) => {\n    switch (name) {\n      case COMPENSATION_NAME_REGULAR_HOURS:\n        return t('compensationNames.regularHours')\n      case COMPENSATION_NAME_OVERTIME:\n        return t('compensationNames.overtime')\n      case COMPENSATION_NAME_DOUBLE_OVERTIME:\n        return t('compensationNames.doubleOvertime')\n      default:\n        return name\n    }\n  }\n\n  const earningLabel = (name: string) => {\n    switch (name) {\n      case COMPENSATION_NAME_BONUS:\n        return t('fixedCompensationNames.bonus')\n      case COMPENSATION_NAME_COMMISSION:\n        return t('fixedCompensationNames.commission')\n      case COMPENSATION_NAME_CORRECTION_PAYMENT:\n        return t('fixedCompensationNames.correctionPayment')\n      case COMPENSATION_NAME_CASH_TIPS:\n        return t('fixedCompensationNames.cashTips')\n      case COMPENSATION_NAME_PAYCHECK_TIPS:\n        return t('fixedCompensationNames.paycheckTips')\n      case COMPENSATION_NAME_REIMBURSEMENT:\n        return t('fixedCompensationNames.reimbursement')\n      default:\n        return name\n    }\n  }\n\n  // The visible rows for a section: the first workweek's rows drive the row set\n  // (workweek columns fan out from there), or the flat list when not split.\n  const getSectionRows = (section: HourEntry[] | Record<string, HourEntry[]>) =>\n    isSplitByWorkweek(section) ? (section[form.data.workweeks[0]?.startDate ?? ''] ?? []) : section\n\n  const buildBreakdownDataView = (\n    section: HourEntry[] | Record<string, HourEntry[]>,\n    options: {\n      label: string\n      rowHeader: string\n      valueColumnLabel: string\n      labelFor: (name: string) => string\n      adornmentStart?: string\n      adornmentEnd?: string\n    },\n  ) => {\n    const { label, rowHeader, valueColumnLabel, labelFor, adornmentStart, adornmentEnd } = options\n    const split = isSplitByWorkweek(section)\n    const rows = getSectionRows(section)\n\n    const renderField = (entry: HourEntry, fieldLabel: string) => (\n      <div className={styles.inputContainer}>\n        <entry.Field\n          label={fieldLabel}\n          shouldVisuallyHideLabel\n          adornmentStart={adornmentStart}\n          adornmentEnd={adornmentEnd}\n        />\n      </div>\n    )\n\n    const valueColumn: useDataViewPropReturn<HourEntry>['columns'][number] = {\n      title: valueColumnLabel,\n      justify: 'end',\n      render: row => renderField(row, labelFor(row.name)),\n    }\n\n    // Columns come straight from the hook's normalized workweeks, so each header\n    // has both boundary dates without re-deriving them from the raw payroll.\n    const workweekColumns: useDataViewPropReturn<HourEntry>['columns'] = form.data.workweeks.map(\n      ({ startDate, endDate }) => {\n        const rangeLabel = dateFormatter.formatPayPeriodRange(startDate, endDate, {\n          useShortMonth: true,\n        })\n        return {\n          title: rangeLabel,\n          justify: 'end',\n          render: row => {\n            const cell = (section as Record<string, HourEntry[]>)[startDate]?.find(\n              entry => entry.jobUuid === row.jobUuid && entry.name === row.name,\n            )\n            return cell ? renderField(cell, `${labelFor(row.name)} ${rangeLabel}`) : null\n          },\n        }\n      },\n    )\n\n    const columns: useDataViewPropReturn<HourEntry>['columns'] = [\n      { title: rowHeader, render: row => labelFor(row.name) },\n      ...(split ? workweekColumns : [valueColumn]),\n    ]\n\n    return <DataView label={label} isWithinBox columns={columns} data={rows} />\n  }\n\n  const renderBreakdownSection = (\n    section: HourEntry[] | Record<string, HourEntry[]>,\n    options: {\n      title: string\n      label: string\n      rowHeader: string\n      valueColumnLabel: string\n      labelFor: (name: string) => string\n      adornmentStart?: string\n      adornmentEnd?: string\n      footer?: React.ReactNode\n    },\n  ) => {\n    const { title, footer, ...viewOptions } = options\n    if (getSectionRows(section).length === 0 && !footer) return null\n\n    return (\n      <Box header={<BoxHeader title={title} />} withPadding={false} footer={footer}>\n        {buildBreakdownDataView(section, viewOptions)}\n      </Box>\n    )\n  }\n\n  const renderTimeOffSection = (\n    entries: TimeOffEntry[],\n    options: { title: string; description?: string },\n  ) => {\n    if (entries.length === 0) return null\n    const { title, description } = options\n\n    const columns: useDataViewPropReturn<TimeOffEntry>['columns'] = [\n      {\n        title: t('typeColumn'),\n        render: entry => entry.name,\n      },\n      {\n        title: t('hoursColumn'),\n        justify: 'end',\n        render: entry => (\n          <div className={styles.inputContainer}>\n            <entry.Field\n              label={entry.name}\n              shouldVisuallyHideLabel\n              adornmentEnd={t('hoursUnit')}\n              description={\n                entry.remaining !== null\n                  ? t('timeOffBalance.remaining', { balance: entry.remaining })\n                  : undefined\n              }\n            />\n          </div>\n        ),\n      },\n    ]\n\n    return (\n      <Box header={<BoxHeader title={title} description={description} />} withPadding={false}>\n        <DataView label={title} isWithinBox columns={columns} data={entries} />\n      </Box>\n    )\n  }\n\n  // A flat single-amount earnings table: one \"type\" column and one \"$\" input\n  // column. Used for the merged no-overtime list and the overtime-excluded group.\n  const renderAmountTable = (\n    rows: { label: string; Field: HourEntry['Field'] }[],\n    label: string,\n  ) => {\n    const columns: useDataViewPropReturn<(typeof rows)[number]>['columns'] = [\n      { title: t('typeColumn'), render: row => row.label },\n      {\n        title: t('amountColumn'),\n        justify: 'end',\n        render: row => (\n          <div className={styles.inputContainer}>\n            <row.Field label={row.label} shouldVisuallyHideLabel adornmentStart=\"$\" />\n          </div>\n        ),\n      },\n    ]\n    return <DataView label={label} isWithinBox columns={columns} data={rows} />\n  }\n\n  const renderGroupLabel = (label: string) => (\n    <div className={styles.earningsGroupLabel}>\n      <Text size=\"sm\" weight=\"semibold\">\n        {label}\n      </Text>\n    </div>\n  )\n\n  const renderEarningsSection = () => {\n    const includedEarnings = Fields.overtimeIncludedEarnings\n    const excludedRows = Fields.overtimeExcludedEarnings.map(entry => ({\n      label: earningLabel(entry.id),\n      Field: entry.Field,\n    }))\n\n    const hasIncluded = getSectionRows(includedEarnings).length > 0\n    if (!hasIncluded && excludedRows.length === 0) return null\n\n    const includedTable = buildBreakdownDataView(includedEarnings, {\n      label: t('additionalEarningsTitle'),\n      rowHeader: t('typeColumn'),\n      valueColumnLabel: t('amountColumn'),\n      labelFor: earningLabel,\n      adornmentStart: '$',\n    })\n\n    // Split into per-workweek columns and labeled overtime groups only once\n    // overtime is added (the included section becomes workweek-keyed). Otherwise\n    // included and excluded earnings render together as one flat list.\n    if (!isSplitByWorkweek(includedEarnings)) {\n      const mergedRows = [\n        ...includedEarnings.map(entry => ({ label: earningLabel(entry.name), Field: entry.Field })),\n        ...excludedRows,\n      ]\n      return (\n        <Box header={<BoxHeader title={t('additionalEarningsTitle')} />} withPadding={false}>\n          {renderAmountTable(mergedRows, t('additionalEarningsTitle'))}\n        </Box>\n      )\n    }\n\n    return (\n      <Box header={<BoxHeader title={t('additionalEarningsTitle')} />} withPadding={false}>\n        {hasIncluded ? (\n          <>\n            <div className={styles.earningsAlert}>\n              <Alert\n                status=\"info\"\n                label={t('overtimeMultiplierEarningsAlert')}\n                disableScrollIntoView\n              >\n                <Text size=\"sm\">{t('overtimeMultiplierEarningsAlertDescription')}</Text>\n              </Alert>\n            </div>\n            {renderGroupLabel(t('overtimeIncludedEarningsGroupLabel'))}\n            {includedTable}\n          </>\n        ) : null}\n        {excludedRows.length > 0 ? (\n          <>\n            {renderGroupLabel(t('overtimeExcludedEarningsGroupLabel'))}\n            {renderAmountTable(excludedRows, t('overtimeExcludedEarningsGroupLabel'))}\n          </>\n        ) : null}\n      </Box>\n    )\n  }\n\n  const PaymentMethodField = Fields.paymentMethod\n  const ReimbursementDraft = Fields.reimbursementDraft\n  const reimbursementRows = form.data.reimbursements\n  const isAddingReimbursement = form.form.reimbursementDraft?.isAdding ?? false\n\n  const handleSave = async () => {\n    const result = await form.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n      payrollPrepared: result.data,\n      employee,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED)\n  }\n\n  const actions = (\n    <Flex\n      flexDirection={isSmallOrGreater ? 'row' : 'column'}\n      justifyContent={isSmallOrGreater ? 'flex-end' : 'normal'}\n      alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n      gap={12}\n    >\n      <Button variant=\"secondary\" onClick={handleCancel} title={t('cancelCta')}>\n        {t('cancelCta')}\n      </Button>\n      <Button\n        onClick={() => {\n          void handleSave()\n        }}\n        title={t('saveCta')}\n        isLoading={form.status.isPending}\n      >\n        {t('saveCta')}\n      </Button>\n    </Flex>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <BaseLayout error={form.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={form}>\n          <Flex flexDirection=\"column\" gap={24}>\n            <Flex\n              flexDirection={isSmallOrGreater ? 'row' : 'column'}\n              justifyContent=\"space-between\"\n              alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n              gap={12}\n            >\n              <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={8}>\n                <Heading as=\"h1\" styledAs=\"h2\">\n                  {t('pageTitle', { employeeName })}\n                </Heading>\n              </Flex>\n              {isSmallOrGreater && actions}\n            </Flex>\n            {!isSmallOrGreater && actions}\n\n            {(() => {\n              const isMultiJob = Fields.jobs.length > 1\n              const genericHoursTitle = form.data.isOvertimeEligible\n                ? t('regularHoursTitle')\n                : t('regularHoursTitleWithoutOvertime')\n              // \"Add overtime\" is an employee-level action, but the design gives\n              // every job its own button so each job's hours box can trigger it.\n              const showAddOvertime = !form.data.withOvertime && form.data.isOvertimeEligible\n              // Its counterpart once overtime is on: a single employee-level alert\n              // explaining the workweek split, rendered once above all jobs.\n              const showOvertimeWorkweekAlert =\n                form.data.withOvertime && form.data.isOvertimeEligible\n\n              return (\n                <Flex flexDirection=\"column\" gap={16}>\n                  {isMultiJob ? <Heading as=\"h3\">{genericHoursTitle}</Heading> : null}\n                  {showOvertimeWorkweekAlert ? (\n                    <Alert\n                      status=\"info\"\n                      label={t('overtimeWorkweekAlert', { employeeName })}\n                      disableScrollIntoView\n                    />\n                  ) : null}\n                  {Fields.jobs.map(job => (\n                    <Fragment key={job.jobUuid}>\n                      {renderBreakdownSection(job.hours, {\n                        title: isMultiJob ? (job.title ?? genericHoursTitle) : genericHoursTitle,\n                        label: genericHoursTitle,\n                        rowHeader: t('hourTypeColumn'),\n                        valueColumnLabel: t('hoursColumn'),\n                        labelFor: hoursLabel,\n                        adornmentEnd: t('hoursUnit'),\n                        footer: showAddOvertime ? (\n                          <Button\n                            variant=\"secondary\"\n                            onClick={() => {\n                              form.actions.addOvertime()\n                            }}\n                            title={t('addOvertimeCta')}\n                          >\n                            {t('addOvertimeCta')}\n                          </Button>\n                        ) : undefined,\n                      })}\n                    </Fragment>\n                  ))}\n                </Flex>\n              )\n            })()}\n\n            {renderEarningsSection()}\n\n            {renderTimeOffSection(Fields.timeOff, {\n              title: Fields.finalPayout ? t('timeOffTitleDismissal') : t('timeOffTitle'),\n            })}\n\n            {Fields.finalPayout\n              ? renderTimeOffSection(Fields.finalPayout, {\n                  title: t('finalPayoutTitle'),\n                  description: t('finalPayoutDescription'),\n                })\n              : null}\n\n            {PaymentMethodField ? (\n              <Flex flexDirection=\"column\" gap={24}>\n                {ReimbursementDraft ? (\n                  <ReimbursementsSection\n                    rows={reimbursementRows ?? []}\n                    isAdding={isAddingReimbursement}\n                    draftFields={ReimbursementDraft}\n                    onBeginAdd={() => form.actions.beginAddReimbursement?.()}\n                    onSave={() => form.actions.saveReimbursement?.()}\n                    onCancel={() => form.actions.cancelReimbursement?.()}\n                    onRemove={index => form.actions.removeReimbursement?.(index)}\n                  />\n                ) : null}\n\n                <Flex flexDirection=\"column\" gap={12}>\n                  <Heading as=\"h3\" styledAs=\"h4\">\n                    {t('paymentMethodTitle')}\n                  </Heading>\n                  <PaymentMethodField\n                    label={t('paymentMethodLabel')}\n                    description={t('paymentMethodDescription')}\n                    getOptionLabel={value =>\n                      value === PayrollUpdatePaymentMethod.Check\n                        ? t('paymentMethodOptions.check')\n                        : t('paymentMethodOptions.directDeposit')\n                    }\n                  />\n                </Flex>\n              </Flex>\n            ) : null}\n          </Flex>\n        </SDKFormProvider>\n      </BaseLayout>\n    </div>\n  )\n}\n"],"names":["UNSTABLE_PayrollEditEmployee","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","Root","ReimbursementsSection","rows","isAdding","draftFields","onBeginAdd","onSave","onCancel","onRemove","t","useTranslation","Button","ButtonIcon","Heading","useComponentContext","Description","Amount","reimbursementDataViewProps","useDataView","row","formatNumberAsCurrency","displayDescription","TrashCanSvg","EmptyData","PlusCircleIcon","jsxs","Flex","DataView","Grid","employeeId","companyId","payrollId","withReimbursements","onEvent","dictionary","useComponentDictionary","useI18n","dateFormatter","useDateFormatter","Alert","Box","BoxHeader","Text","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","errorMessages","useMemo","PayrollEditEmployeeErrorCodes","form","usePayrollEditEmployeeForm","styles","BaseLayout","employee","Fields","employeeName","firstLastName","hoursLabel","name","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","earningLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_REIMBURSEMENT","getSectionRows","section","isSplitByWorkweek","buildBreakdownDataView","options","label","rowHeader","valueColumnLabel","labelFor","adornmentStart","adornmentEnd","split","renderField","entry","fieldLabel","valueColumn","workweekColumns","startDate","endDate","rangeLabel","cell","columns","renderBreakdownSection","title","footer","viewOptions","renderTimeOffSection","entries","description","renderAmountTable","renderGroupLabel","renderEarningsSection","includedEarnings","excludedRows","hasIncluded","includedTable","mergedRows","Fragment","PaymentMethodField","ReimbursementDraft","reimbursementRows","isAddingReimbursement","handleSave","result","componentEvents","actions","SDKFormProvider","isMultiJob","genericHoursTitle","showAddOvertime","showOvertimeWorkweekAlert","job","index","value","PayrollUpdatePaymentMethod"],"mappings":"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"}