@gusto/embedded-react-sdk 0.56.3 → 0.56.5

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

@@ -1,26 +1,26 @@
-import { jsx as t, jsxs as m, Fragment as J } from "react/jsx-runtime";
+import { jsx as t, jsxs as m, Fragment as X } 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 I } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields.js";
-import { PayrollEditEmployeeErrorCodes as B } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeSchema.js";
+import { isSplitByWorkweek as U } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields.js";
+import { PayrollEditEmployeeErrorCodes as T } 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 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 { componentEvents as J, COMPENSATION_NAME_REIMBURSEMENT as Ce, COMPENSATION_NAME_PAYCHECK_TIPS as Ne, COMPENSATION_NAME_CASH_TIPS as ve, COMPENSATION_NAME_CORRECTION_PAYMENT as Ae, COMPENSATION_NAME_COMMISSION as Oe, COMPENSATION_NAME_BONUS as Te, COMPENSATION_NAME_DOUBLE_OVERTIME as Me, COMPENSATION_NAME_OVERTIME as Pe, COMPENSATION_NAME_REGULAR_HOURS as Re } from "../../../shared/constants.js";
+import { BaseBoundaries as Se, BaseLayout as Q } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { useComponentDictionary as Le, useI18n as _e } from "../../../i18n/I18n.js";
+import { useComponentDictionary as _e, useI18n as Le } from "../../../i18n/I18n.js";
 import { useComponentContext as te } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Flex as u } from "../../Common/Flex/Flex.js";
 import { Grid as ke } from "../../Common/Grid/Grid.js";
-import { EmptyData as we } from "../../Common/EmptyData/EmptyData.js";
-import { SDKFormProvider as xe } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { EmptyData as xe } from "../../Common/EmptyData/EmptyData.js";
+import { SDKFormProvider as we } from "../../../partner-hook-utils/form/SDKFormProvider.js";
 import { firstLastName as De, formatNumberAsCurrency as Ie } from "../../../helpers/formattedStrings.js";
-import { useDateFormatter as Be } from "../../../hooks/useDateFormatter.js";
-import Fe from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { useDateFormatter as Ue } from "../../../hooks/useDateFormatter.js";
+import Be from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import Z from "../../../assets/icons/plus-circle.svg.js";
-import Ue from "../../../assets/icons/trashcan.svg.js";
+import Fe from "../../../assets/icons/trashcan.svg.js";
 import { usePayrollEditEmployeeForm as He } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/usePayrollEditEmployeeForm.js";
-import { DataView as R } from "../../Common/DataView/DataView.js";
+import { DataView as _ } from "../../Common/DataView/DataView.js";
 import { useDataView as Ve } from "../../Common/DataView/useDataView.js";
 function ft({
   FallbackComponent: h,
@@ -28,7 +28,7 @@ function ft({
   ...N
 }) {
   return /* @__PURE__ */ t(
-    Re,
+    Se,
     {
       componentName: "Payroll.UNSTABLE_PayrollEditEmployee",
       FallbackComponent: h,
@@ -41,12 +41,12 @@ const je = ({
   rows: h,
   isAdding: b,
   draftFields: N,
-  onBeginAdd: T,
+  onBeginAdd: M,
   onSave: P,
   onCancel: L,
-  onRemove: M
+  onRemove: R
 }) => {
-  const { t: e } = ee("Payroll.UNSTABLE_PayrollEditEmployee"), { Button: g, ButtonIcon: S, 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, A = Ve({
     data: h,
     columns: [
       {
@@ -68,24 +68,24 @@ const je = ({
     ],
     itemMenu: (d) => {
       if (d.recurring) return null;
-      const A = d.description.trim() || e("reimbursementUnnamedFallback");
+      const O = d.description.trim() || e("reimbursementUnnamedFallback");
       return /* @__PURE__ */ t(
         S,
         {
           variant: "tertiary",
           onClick: () => {
-            M(d.index);
+            R(d.index);
           },
-          "aria-label": e("removeReimbursementLabel", { description: A }),
-          children: /* @__PURE__ */ t(Ue, { "aria-hidden": !0 })
+          "aria-label": e("removeReimbursementLabel", { description: O }),
+          children: /* @__PURE__ */ t(Fe, { "aria-hidden": !0 })
         }
       );
     },
-    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") }) })
+    emptyState: () => /* @__PURE__ */ t(xe, { title: e("reimbursementEmptyTitle"), children: /* @__PURE__ */ t(g, { variant: "secondary", onClick: M, 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") }),
-    !(h.length === 0 && b) && /* @__PURE__ */ t(R, { label: e("reimbursementsTableLabel"), ...O }),
+    !(h.length === 0 && b) && /* @__PURE__ */ t(_, { label: e("reimbursementsTableLabel"), ...A }),
     b ? /* @__PURE__ */ m(u, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ m(ke, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: [
         /* @__PURE__ */ t(
@@ -105,7 +105,7 @@ const je = ({
       g,
       {
         variant: "secondary",
-        onClick: T,
+        onClick: M,
         title: e("addReimbursementLink"),
         icon: /* @__PURE__ */ t(Z, { "aria-hidden": !0 }),
         children: e("addReimbursementLink")
@@ -116,49 +116,53 @@ const je = ({
   employeeId: h,
   companyId: b,
   payrollId: N,
-  withReimbursements: T = !0,
+  withReimbursements: M = !0,
   onEvent: P,
   dictionary: L,
-  LoaderComponent: M
+  LoaderComponent: R
 }) => {
-  Le("Payroll.UNSTABLE_PayrollEditEmployee", L), _e("Payroll.UNSTABLE_PayrollEditEmployee");
-  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(
+  _e("Payroll.UNSTABLE_PayrollEditEmployee", L), Le("Payroll.UNSTABLE_PayrollEditEmployee");
+  const { t: e } = ee("Payroll.UNSTABLE_PayrollEditEmployee"), g = Ue(), { Alert: S, Box: y, BoxHeader: C, Button: v, Heading: A, Text: d } = te(), O = fe(null), f = Be({ ref: O }).includes("small"), ne = Ee(
     () => ({
-      [B.NEGATIVE_AMOUNT]: e("validations.negativeAmount"),
-      [B.REQUIRED_WORKWEEK]: e("validations.requiredWorkweek"),
-      [B.REIMBURSEMENT_AMOUNT]: e("validations.reimbursementAmount")
+      [T.NEGATIVE_AMOUNT]: e("validations.negativeAmount"),
+      [T.MAX_HOURS]: e("validations.maxHours"),
+      [T.REQUIRED_WORKWEEK]: e("validations.requiredWorkweek"),
+      [T.REIMBURSEMENT_AMOUNT]: e("validations.reimbursementAmount"),
+      [T.MAX_REIMBURSEMENT_AMOUNT]: e(
+        "validations.maxReimbursementAmount"
+      )
     }),
     [e]
   ), r = He({
     employeeId: h,
     companyId: b,
     payrollId: N,
-    withReimbursements: T,
+    withReimbursements: M,
     errorMessages: ne
   });
   if (r.isLoading)
-    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
+    return /* @__PURE__ */ t("div", { ref: O, className: E.container, children: /* @__PURE__ */ t(Q, { isLoading: !0, error: r.errorHandling.errors, LoaderComponent: R }) });
+  const { employee: k } = r.data, c = r.form.Fields, B = De({
+    first_name: k.firstName,
+    last_name: k.lastName
   }), re = (n) => {
     switch (n) {
-      case Se:
+      case Re:
         return e("compensationNames.regularHours");
-      case Me:
-        return e("compensationNames.overtime");
       case Pe:
+        return e("compensationNames.overtime");
+      case Me:
         return e("compensationNames.doubleOvertime");
       default:
         return n;
     }
-  }, k = (n) => {
+  }, x = (n) => {
     switch (n) {
       case Te:
         return e("fixedCompensationNames.bonus");
-      case Ae:
-        return e("fixedCompensationNames.commission");
       case Oe:
+        return e("fixedCompensationNames.commission");
+      case Ae:
         return e("fixedCompensationNames.correctionPayment");
       case ve:
         return e("fixedCompensationNames.cashTips");
@@ -169,11 +173,11 @@ const je = ({
       default:
         return n;
     }
-  }, 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(
+  }, w = (n) => U(n) ? n[r.data.workweeks[0]?.startDate ?? ""] ?? [] : n, F = (n, i) => {
+    const { label: o, rowHeader: a, valueColumnLabel: l, labelFor: s, adornmentStart: me, adornmentEnd: de } = i, ce = U(n), ue = w(n), $ = (p, D) => /* @__PURE__ */ t("div", { className: E.inputContainer, children: /* @__PURE__ */ t(
       p.Field,
       {
-        label: x,
+        label: D,
         shouldVisuallyHideLabel: !0,
         adornmentStart: me,
         adornmentEnd: de
@@ -183,18 +187,18 @@ const je = ({
       justify: "end",
       render: (p) => $(p, s(p.name))
     }, he = r.data.workweeks.map(
-      ({ startDate: p, endDate: x }) => {
-        const K = g.formatPayPeriodRange(p, x, {
+      ({ startDate: p, endDate: D }) => {
+        const K = g.formatPayPeriodRange(p, D, {
           useShortMonth: !0
         });
         return {
           title: K,
           justify: "end",
-          render: (D) => {
+          render: (I) => {
             const q = n[p]?.find(
-              (z) => z.jobUuid === D.jobUuid && z.name === D.name
+              (z) => z.jobUuid === I.jobUuid && z.name === I.name
             );
-            return q ? $(q, `${s(D.name)} ${K}`) : null;
+            return q ? $(q, `${s(I.name)} ${K}`) : null;
           }
         };
       }
@@ -202,10 +206,10 @@ const je = ({
       { title: a, render: (p) => s(p.name) },
       ...ce ? he : [pe]
     ];
-    return /* @__PURE__ */ t(R, { label: o, isWithinBox: !0, columns: be, data: ue });
+    return /* @__PURE__ */ t(_, { label: o, isWithinBox: !0, columns: be, data: ue });
   }, ie = (n, i) => {
     const { title: o, footer: a, ...l } = i;
-    return w(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: F(n, l) });
   }, H = (n, i) => {
     if (n.length === 0) return null;
     const { title: o, description: a } = i, l = [
@@ -227,7 +231,7 @@ const je = ({
         ) })
       }
     ];
-    return /* @__PURE__ */ t(y, { header: /* @__PURE__ */ t(C, { title: o, description: a }), withPadding: !1, children: /* @__PURE__ */ t(R, { label: o, isWithinBox: !0, columns: l, data: n }) });
+    return /* @__PURE__ */ t(y, { header: /* @__PURE__ */ t(C, { title: o, description: a }), withPadding: !1, children: /* @__PURE__ */ t(_, { label: o, isWithinBox: !0, columns: l, data: n }) });
   }, V = (n, i) => {
     const o = [
       { title: e("typeColumn"), render: (a) => a.label },
@@ -237,29 +241,29 @@ const je = ({
         render: (a) => /* @__PURE__ */ t("div", { className: E.inputContainer, children: /* @__PURE__ */ t(a.Field, { label: a.label, shouldVisuallyHideLabel: !0, adornmentStart: "$" }) })
       }
     ];
-    return /* @__PURE__ */ t(R, { label: i, isWithinBox: !0, columns: o, data: n });
+    return /* @__PURE__ */ t(_, { 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: k(l.id),
+      label: x(l.id),
       Field: l.Field
     })), o = w(n).length > 0;
     if (!o && i.length === 0) return null;
-    const a = U(n, {
+    const a = F(n, {
       label: e("additionalEarningsTitle"),
       rowHeader: e("typeColumn"),
       valueColumnLabel: e("amountColumn"),
-      labelFor: k,
+      labelFor: x,
       adornmentStart: "$"
     });
-    if (!I(n)) {
+    if (!U(n)) {
       const l = [
-        ...n.map((s) => ({ label: k(s.name), Field: s.Field })),
+        ...n.map((s) => ({ label: x(s.name), Field: s.Field })),
         ...i
       ];
       return /* @__PURE__ */ t(y, { header: /* @__PURE__ */ t(C, { title: e("additionalEarningsTitle") }), withPadding: !1, children: V(l, e("additionalEarningsTitle")) });
     }
     return /* @__PURE__ */ m(y, { header: /* @__PURE__ */ t(C, { title: e("additionalEarningsTitle") }), withPadding: !1, children: [
-      o ? /* @__PURE__ */ m(J, { children: [
+      o ? /* @__PURE__ */ m(X, { children: [
         /* @__PURE__ */ t("div", { className: E.earningsAlert, children: /* @__PURE__ */ t(
           S,
           {
@@ -272,16 +276,16 @@ const je = ({
         j(e("overtimeIncludedEarningsGroupLabel")),
         a
       ] }) : null,
-      i.length > 0 ? /* @__PURE__ */ m(J, { children: [
+      i.length > 0 ? /* @__PURE__ */ m(X, { children: [
         j(e("overtimeExcludedEarningsGroupLabel")),
         V(i, e("overtimeExcludedEarningsGroupLabel"))
       ] }) : null
     ] });
   }, W = c.paymentMethod, G = c.reimbursementDraft, le = r.data.reimbursements, oe = r.form.reimbursementDraft?.isAdding ?? !1, se = async () => {
     const n = await r.actions.onSubmit();
-    n && P(Q.RUN_PAYROLL_EMPLOYEE_SAVED, {
+    n && P(J.RUN_PAYROLL_EMPLOYEE_SAVED, {
       payrollPrepared: n.data,
-      employee: _
+      employee: k
     });
   }, Y = /* @__PURE__ */ m(
     u,
@@ -292,7 +296,7 @@ const je = ({
       gap: 12,
       children: [
         /* @__PURE__ */ t(v, { variant: "secondary", onClick: () => {
-          P(Q.RUN_PAYROLL_EMPLOYEE_CANCELLED);
+          P(J.RUN_PAYROLL_EMPLOYEE_CANCELLED);
         }, title: e("cancelCta"), children: e("cancelCta") }),
         /* @__PURE__ */ t(
           v,
@@ -308,7 +312,7 @@ const je = ({
       ]
     }
   );
-  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: [
+  return /* @__PURE__ */ t("div", { ref: O, className: E.container, children: /* @__PURE__ */ t(Q, { error: r.errorHandling.errors, LoaderComponent: R, children: /* @__PURE__ */ t(we, { formHookResult: r, children: /* @__PURE__ */ m(u, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ m(
       u,
       {
@@ -317,7 +321,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: F }) }) }),
+          /* @__PURE__ */ t(u, { flexDirection: "column", alignItems: "stretch", gap: 8, children: /* @__PURE__ */ t(A, { as: "h1", styledAs: "h2", children: e("pageTitle", { employeeName: B }) }) }),
           f && Y
         ]
       }
@@ -326,12 +330,12 @@ const je = ({
     (() => {
       const n = c.jobs.length > 1, i = r.data.isOvertimeEligible ? e("regularHoursTitle") : e("regularHoursTitleWithoutOvertime"), o = !r.data.withOvertime && r.data.isOvertimeEligible, a = r.data.withOvertime && r.data.isOvertimeEligible;
       return /* @__PURE__ */ m(u, { flexDirection: "column", gap: 16, children: [
-        n ? /* @__PURE__ */ t(O, { as: "h3", children: i }) : null,
+        n ? /* @__PURE__ */ t(A, { as: "h3", children: i }) : null,
         a ? /* @__PURE__ */ t(
           S,
           {
             status: "info",
-            label: e("overtimeWorkweekAlert", { employeeName: F }),
+            label: e("overtimeWorkweekAlert", { employeeName: B }),
             disableScrollIntoView: !0
           }
         ) : null,
@@ -378,7 +382,7 @@ const je = ({
         }
       ) : null,
       /* @__PURE__ */ m(u, { flexDirection: "column", gap: 12, children: [
-        /* @__PURE__ */ t(O, { as: "h3", styledAs: "h4", children: e("paymentMethodTitle") }),
+        /* @__PURE__ */ t(A, { as: "h3", styledAs: "h4", children: e("paymentMethodTitle") }),
         /* @__PURE__ */ t(
           W,
           {

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')}\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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"}
+{"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.MAX_HOURS]: t('validations.maxHours'),\n      [PayrollEditEmployeeErrorCodes.REQUIRED_WORKWEEK]: t('validations.requiredWorkweek'),\n      [PayrollEditEmployeeErrorCodes.REIMBURSEMENT_AMOUNT]: t('validations.reimbursementAmount'),\n      [PayrollEditEmployeeErrorCodes.MAX_REIMBURSEMENT_AMOUNT]: t(\n        'validations.maxReimbursementAmount',\n      ),\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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"}

package/dist/contexts/ComponentAdapter/useComponentContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { FunctionComponent } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { BoxProps } from '@/components/Common/UI/Box/BoxTypes'\nimport type { FormBoxProps } from '@/components/Common/UI/FormBox/FormBoxTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { BannerProps } from '@/components/Common/UI/Banner/BannerTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { DateRangePickerProps } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { BreadcrumbsProps } from '@/components/Common/UI/Breadcrumbs/BreadcrumbsTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { ModalProps } from '@/components/Common/UI/Modal/ModalTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport type { DescriptionListProps } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport type { BoxHeaderProps } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport type { FormBoxHeaderProps } from '@/components/Common/UI/FormBoxHeader/FormBoxHeaderTypes'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport type { PayrollLoadingProps } from '@/components/Common/PayrollLoading/PayrollLoadingTypes'\nimport type { FieldCaptionProps } from '@/components/Common/FieldCaption/FieldCaptionTypes'\n\n/**\n * Full map of UI components used by the SDK. Every property is a React component that the\n * SDK renders internally — override any of them to substitute your own design system.\n *\n * Pass a `Partial<ComponentsContextType>` to {@link GustoProvider} via the `components` prop to\n * replace specific components while keeping SDK defaults for the rest.\n *\n * To take full control of every UI component (and eliminate the React Aria dependency),\n * pass a complete {@link ComponentsContextType} to {@link GustoProviderCustomUIAdapter} instead.\n * All properties are then required except `PaginationControl`, `PayrollLoading`, and `FieldCaption`,\n * which fall back to built-in SDK implementations when omitted.\n *\n * @public\n * @group Component adapter\n *\n * @example Partial override with GustoProvider\n * ```tsx\n * import { GustoProvider } from '@gusto/embedded-react-sdk'\n *\n * function App() {\n *   return (\n *     <GustoProvider\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={{\n *         Button: MyButton,\n *         TextInput: MyTextInput,\n *       }}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProvider>\n *   )\n * }\n * ```\n *\n * @example Full replacement with GustoProviderCustomUIAdapter\n * ```tsx\n * import { GustoProviderCustomUIAdapter, type ComponentsContextType } from '@gusto/embedded-react-sdk'\n *\n * const myComponents: ComponentsContextType = {\n *   Alert: props => <MyAlert {...props} />,\n *   Button: props => <MyButton {...props} />,\n *   // ... all required components\n * }\n *\n * function App() {\n *   return (\n *     <GustoProviderCustomUIAdapter\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={myComponents}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProviderCustomUIAdapter>\n *   )\n * }\n * ```\n */\nexport interface ComponentsContextType {\n  /** Status message with an optional dismiss action; used for errors, warnings, success, and info. */\n  Alert: FunctionComponent<AlertProps>\n  /** Small inline label for status, counts, or tags; optionally dismissible. */\n  Badge: FunctionComponent<BadgeProps>\n  /** Full-width notification banner for prominent warnings and errors. */\n  Banner: FunctionComponent<BannerProps>\n  /** HTML `<button>` with primary, secondary, tertiary, and error variants. */\n  Button: FunctionComponent<ButtonProps>\n  /** Icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies. */\n  ButtonIcon: FunctionComponent<ButtonIconProps>\n  /** Sectioned layout container with distinct header, body, and footer areas. */\n  Box: FunctionComponent<BoxProps>\n  /** Header section of a Box with a title, optional description, and optional inline action. */\n  BoxHeader: FunctionComponent<BoxHeaderProps>\n  /** Bordered container for grouping related form fields, with an optional header slot. */\n  FormBox: FunctionComponent<FormBoxProps>\n  /** Header section of a FormBox with a title, optional description, and optional inline action. */\n  FormBoxHeader: FunctionComponent<FormBoxHeaderProps>\n  /** Read-only calendar for visualizing a date range with optional highlighted dates. */\n  CalendarPreview: FunctionComponent<CalendarPreviewProps>\n  /** Content container with an optional overflow menu and a leading action slot. */\n  Card: FunctionComponent<CardProps>\n  /** Form field wrapping a single `<input type=\"checkbox\" />`. */\n  Checkbox: FunctionComponent<CheckboxProps>\n  /** Form field grouping `<input type=\"checkbox\" />` elements for multi-option selection. */\n  CheckboxGroup: FunctionComponent<CheckboxGroupProps>\n  /** Form field wrapping a typeahead `<input />` for single-option selection. */\n  ComboBox: FunctionComponent<ComboBoxProps>\n  /** Form field wrapping an `<input type=\"date\" />` with a calendar picker popover. */\n  DatePicker: FunctionComponent<DatePickerProps>\n  /** Form field wrapping paired `<input type=\"date\" />` elements for a date range. */\n  DateRangePicker: FunctionComponent<DateRangePickerProps>\n  /** HTML `<dl>` of term/description pairs in stacked or horizontal layout. */\n  DescriptionList: FunctionComponent<DescriptionListProps>\n  /** Modal confirmation dialog with a primary action and a cancel action. */\n  Dialog: FunctionComponent<DialogProps>\n  /** Form field wrapping an `<input type=\"file\" />`. */\n  FileInput: FunctionComponent<FileInputProps>\n  /** HTML `<h1>`–`<h6>` with visual style controlled independently from semantic level. */\n  Heading: FunctionComponent<HeadingProps>\n  /** HTML `<a>` for inline navigation. */\n  Link: FunctionComponent<LinkProps>\n  /** Spinner shown while data or an action is pending. */\n  LoadingSpinner: FunctionComponent<LoadingSpinnerProps>\n  /** Popover menu of actions anchored to a trigger element. */\n  Menu: FunctionComponent<MenuProps>\n  /** Overlay modal with customizable body content and footer. */\n  Modal: FunctionComponent<ModalProps>\n  /** Form field wrapping a typeahead `<input />` for multi-option selection. */\n  MultiSelectComboBox: FunctionComponent<MultiSelectComboBoxProps>\n  /** Form field wrapping a numeric `<input />` for currency, decimal, or percent values. */\n  NumberInput: FunctionComponent<NumberInputProps>\n  /** HTML `<ol>` for a numbered list of items. */\n  OrderedList: FunctionComponent<OrderedListProps>\n  /** Step-based progress indicator for multi-step flows. */\n  ProgressBar: FunctionComponent<ProgressBarProps>\n  /** Navigation breadcrumb trail showing the user's position in a multi-step flow. */\n  Breadcrumbs: FunctionComponent<BreadcrumbsProps>\n  /** Form field wrapping a single `<input type=\"radio\" />`. */\n  Radio: FunctionComponent<RadioProps>\n  /** Form field grouping `<input type=\"radio\" />` elements for single-option selection. */\n  RadioGroup: FunctionComponent<RadioGroupProps>\n  /** Form field wrapping a single-select dropdown. */\n  Select: FunctionComponent<SelectProps>\n  /** Form field wrapping an `<input type=\"checkbox\" />` styled as a toggle. */\n  Switch: FunctionComponent<SwitchProps>\n  /** Tabbed navigation with associated content panels. */\n  Tabs: FunctionComponent<TabsProps>\n  /** Tabular data display with headers, rows, optional footer, and empty state. */\n  Table: FunctionComponent<TableProps>\n  /** Body text element rendered as `<p>`, `<span>`, `<div>`, or `<pre>`. */\n  Text: FunctionComponent<TextProps>\n  /** Form field wrapping an `<input />`. */\n  TextInput: FunctionComponent<TextInputProps>\n  /** Form field wrapping a `<textarea>`. */\n  TextArea: FunctionComponent<TextAreaProps>\n  /** HTML `<ul>` for an unordered list of items. */\n  UnorderedList: FunctionComponent<UnorderedListProps>\n\n  /** Label or legend caption for form controls, including the optional/required indicator. Defaults to the SDK's built-in caption UI when omitted. */\n  FieldCaption?: FunctionComponent<FieldCaptionProps>\n  /** Pagination controls for list views. Defaults to the SDK's built-in pagination UI when omitted. */\n  PaginationControl?: FunctionComponent<PaginationControlProps>\n  /** Loading indicator for payroll calculation. Defaults to the SDK's built-in loading state when omitted. */\n  PayrollLoading?: FunctionComponent<PayrollLoadingProps>\n}\n\n/** @internal */\nexport const ComponentsContext = createContext<ComponentsContextType | null>(null)\n\n/** @internal */\nexport const useComponentContext = () => {\n  const context = useContext(ComponentsContext)\n  if (!context) {\n    throw new Error('useComponentContext must be used within a ComponentsProvider')\n  }\n  return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AA4LO,MAAMA,IAAoBC,EAA4C,IAAI,GAGpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}
+{"version":3,"file":"useComponentContext.js","sources":["../../../src/contexts/ComponentAdapter/useComponentContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { FunctionComponent } from 'react'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport type { ComboBoxProps } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport type { RadioProps } from '@/components/Common/UI/Radio/RadioTypes'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport type { SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport type { ButtonIconProps, ButtonProps } from '@/components/Common/UI/Button/ButtonTypes'\nimport type { AlertProps } from '@/components/Common/UI/Alert/AlertTypes'\nimport type { CardProps } from '@/components/Common/UI/Card/CardTypes'\nimport type { BoxProps } from '@/components/Common/UI/Box/BoxTypes'\nimport type { FormBoxProps } from '@/components/Common/UI/FormBox/FormBoxTypes'\nimport type { LinkProps } from '@/components/Common/UI/Link/LinkTypes'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport type { BannerProps } from '@/components/Common/UI/Banner/BannerTypes'\nimport type { MenuProps } from '@/components/Common/UI/Menu/MenuTypes'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport type { OrderedListProps, UnorderedListProps } from '@/components/Common/UI/List/ListTypes'\nimport type { HeadingProps } from '@/components/Common/UI/Heading/HeadingTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TextProps } from '@/components/Common/UI/Text/TextTypes'\nimport type { CalendarPreviewProps } from '@/components/Common/UI/CalendarPreview/CalendarPreviewTypes'\nimport type { DateRangePickerProps } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport type { ProgressBarProps } from '@/components/Common/UI/ProgressBar/ProgressBarTypes'\nimport type { BreadcrumbsProps } from '@/components/Common/UI/Breadcrumbs/BreadcrumbsTypes'\nimport type { TabsProps } from '@/components/Common/UI/Tabs/TabsTypes'\nimport type { DialogProps } from '@/components/Common/UI/Dialog/DialogTypes'\nimport type { ModalProps } from '@/components/Common/UI/Modal/ModalTypes'\nimport type { LoadingSpinnerProps } from '@/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes'\nimport type { DescriptionListProps } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport type { FileInputProps } from '@/components/Common/UI/FileInput/FileInputTypes'\nimport type { BoxHeaderProps } from '@/components/Common/UI/BoxHeader/BoxHeaderTypes'\nimport type { FormBoxHeaderProps } from '@/components/Common/UI/FormBoxHeader/FormBoxHeaderTypes'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport type { PayrollLoadingProps } from '@/components/Common/PayrollLoading/PayrollLoadingTypes'\nimport type { FieldCaptionProps } from '@/components/Common/FieldCaption/FieldCaptionTypes'\nimport type { DocumentEmbedProps } from '@/components/Common/DocumentEmbed/DocumentEmbedTypes'\n\n/**\n * Full map of UI components used by the SDK. Every property is a React component that the\n * SDK renders internally — override any of them to substitute your own design system.\n *\n * Pass a `Partial<ComponentsContextType>` to {@link GustoProvider} via the `components` prop to\n * replace specific components while keeping SDK defaults for the rest.\n *\n * To take full control of every UI component (and eliminate the React Aria dependency),\n * pass a complete {@link ComponentsContextType} to {@link GustoProviderCustomUIAdapter} instead.\n * All properties are then required except `PaginationControl`, `PayrollLoading`, `FieldCaption`,\n * and `DocumentEmbed`, which fall back to built-in SDK implementations when omitted.\n *\n * @public\n * @group Component adapter\n *\n * @example Partial override with GustoProvider\n * ```tsx\n * import { GustoProvider } from '@gusto/embedded-react-sdk'\n *\n * function App() {\n *   return (\n *     <GustoProvider\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={{\n *         Button: MyButton,\n *         TextInput: MyTextInput,\n *       }}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProvider>\n *   )\n * }\n * ```\n *\n * @example Full replacement with GustoProviderCustomUIAdapter\n * ```tsx\n * import { GustoProviderCustomUIAdapter, type ComponentsContextType } from '@gusto/embedded-react-sdk'\n *\n * const myComponents: ComponentsContextType = {\n *   Alert: props => <MyAlert {...props} />,\n *   Button: props => <MyButton {...props} />,\n *   // ... all required components\n * }\n *\n * function App() {\n *   return (\n *     <GustoProviderCustomUIAdapter\n *       config={{ baseUrl: '/api/gusto/' }}\n *       components={myComponents}\n *     >\n *       <EmployeeOnboardingFlow companyId=\"company_123\" />\n *     </GustoProviderCustomUIAdapter>\n *   )\n * }\n * ```\n */\nexport interface ComponentsContextType {\n  /** Status message with an optional dismiss action; used for errors, warnings, success, and info. */\n  Alert: FunctionComponent<AlertProps>\n  /** Small inline label for status, counts, or tags; optionally dismissible. */\n  Badge: FunctionComponent<BadgeProps>\n  /** Full-width notification banner for prominent warnings and errors. */\n  Banner: FunctionComponent<BannerProps>\n  /** HTML `<button>` with primary, secondary, tertiary, and error variants. */\n  Button: FunctionComponent<ButtonProps>\n  /** Icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies. */\n  ButtonIcon: FunctionComponent<ButtonIconProps>\n  /** Sectioned layout container with distinct header, body, and footer areas. */\n  Box: FunctionComponent<BoxProps>\n  /** Header section of a Box with a title, optional description, and optional inline action. */\n  BoxHeader: FunctionComponent<BoxHeaderProps>\n  /** Bordered container for grouping related form fields, with an optional header slot. */\n  FormBox: FunctionComponent<FormBoxProps>\n  /** Header section of a FormBox with a title, optional description, and optional inline action. */\n  FormBoxHeader: FunctionComponent<FormBoxHeaderProps>\n  /** Read-only calendar for visualizing a date range with optional highlighted dates. */\n  CalendarPreview: FunctionComponent<CalendarPreviewProps>\n  /** Content container with an optional overflow menu and a leading action slot. */\n  Card: FunctionComponent<CardProps>\n  /** Form field wrapping a single `<input type=\"checkbox\" />`. */\n  Checkbox: FunctionComponent<CheckboxProps>\n  /** Form field grouping `<input type=\"checkbox\" />` elements for multi-option selection. */\n  CheckboxGroup: FunctionComponent<CheckboxGroupProps>\n  /** Form field wrapping a typeahead `<input />` for single-option selection. */\n  ComboBox: FunctionComponent<ComboBoxProps>\n  /** Form field wrapping an `<input type=\"date\" />` with a calendar picker popover. */\n  DatePicker: FunctionComponent<DatePickerProps>\n  /** Form field wrapping paired `<input type=\"date\" />` elements for a date range. */\n  DateRangePicker: FunctionComponent<DateRangePickerProps>\n  /** HTML `<dl>` of term/description pairs in stacked or horizontal layout. */\n  DescriptionList: FunctionComponent<DescriptionListProps>\n  /** Modal confirmation dialog with a primary action and a cancel action. */\n  Dialog: FunctionComponent<DialogProps>\n  /** Form field wrapping an `<input type=\"file\" />`. */\n  FileInput: FunctionComponent<FileInputProps>\n  /** HTML `<h1>`–`<h6>` with visual style controlled independently from semantic level. */\n  Heading: FunctionComponent<HeadingProps>\n  /** HTML `<a>` for inline navigation. */\n  Link: FunctionComponent<LinkProps>\n  /** Spinner shown while data or an action is pending. */\n  LoadingSpinner: FunctionComponent<LoadingSpinnerProps>\n  /** Popover menu of actions anchored to a trigger element. */\n  Menu: FunctionComponent<MenuProps>\n  /** Overlay modal with customizable body content and footer. */\n  Modal: FunctionComponent<ModalProps>\n  /** Form field wrapping a typeahead `<input />` for multi-option selection. */\n  MultiSelectComboBox: FunctionComponent<MultiSelectComboBoxProps>\n  /** Form field wrapping a numeric `<input />` for currency, decimal, or percent values. */\n  NumberInput: FunctionComponent<NumberInputProps>\n  /** HTML `<ol>` for a numbered list of items. */\n  OrderedList: FunctionComponent<OrderedListProps>\n  /** Step-based progress indicator for multi-step flows. */\n  ProgressBar: FunctionComponent<ProgressBarProps>\n  /** Navigation breadcrumb trail showing the user's position in a multi-step flow. */\n  Breadcrumbs: FunctionComponent<BreadcrumbsProps>\n  /** Form field wrapping a single `<input type=\"radio\" />`. */\n  Radio: FunctionComponent<RadioProps>\n  /** Form field grouping `<input type=\"radio\" />` elements for single-option selection. */\n  RadioGroup: FunctionComponent<RadioGroupProps>\n  /** Form field wrapping a single-select dropdown. */\n  Select: FunctionComponent<SelectProps>\n  /** Form field wrapping an `<input type=\"checkbox\" />` styled as a toggle. */\n  Switch: FunctionComponent<SwitchProps>\n  /** Tabbed navigation with associated content panels. */\n  Tabs: FunctionComponent<TabsProps>\n  /** Tabular data display with headers, rows, optional footer, and empty state. */\n  Table: FunctionComponent<TableProps>\n  /** Body text element rendered as `<p>`, `<span>`, `<div>`, or `<pre>`. */\n  Text: FunctionComponent<TextProps>\n  /** Form field wrapping an `<input />`. */\n  TextInput: FunctionComponent<TextInputProps>\n  /** Form field wrapping a `<textarea>`. */\n  TextArea: FunctionComponent<TextAreaProps>\n  /** HTML `<ul>` for an unordered list of items. */\n  UnorderedList: FunctionComponent<UnorderedListProps>\n\n  /** Label or legend caption for form controls, including the optional/required indicator. Defaults to the SDK's built-in caption UI when omitted. */\n  FieldCaption?: FunctionComponent<FieldCaptionProps>\n  /** Pagination controls for list views. Defaults to the SDK's built-in pagination UI when omitted. */\n  PaginationControl?: FunctionComponent<PaginationControlProps>\n  /** Loading indicator for payroll calculation. Defaults to the SDK's built-in loading state when omitted. */\n  PayrollLoading?: FunctionComponent<PayrollLoadingProps>\n  /** Inline PDF document renderer. Defaults to the SDK's built-in `<embed>`-based viewer when omitted; override to control how PDFs are rendered inline — especially useful if you have strict Content Security Policy directives. */\n  DocumentEmbed?: FunctionComponent<DocumentEmbedProps>\n}\n\n/** @internal */\nexport const ComponentsContext = createContext<ComponentsContextType | null>(null)\n\n/** @internal */\nexport const useComponentContext = () => {\n  const context = useContext(ComponentsContext)\n  if (!context) {\n    throw new Error('useComponentContext must be used within a ComponentsProvider')\n  }\n  return context\n}\n"],"names":["ComponentsContext","createContext","useComponentContext","context","useContext"],"mappings":";AA+LO,MAAMA,IAAoBC,EAA4C,IAAI,GAGpEC,IAAsB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAiB;AAC5C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,8DAA8D;AAEhF,SAAOA;AACT;"}