@gusto/embedded-react-sdk 0.55.5 → 0.55.7

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

@@ -0,0 +1,369 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useMemo as me, Fragment as de } from "react";
+import { useTranslation as Q } from "react-i18next";
+import { PayrollUpdatePaymentMethod as ue } from "@gusto/embedded-api/models/components/payrollupdate";
+import { isSplitByWorkweek as ce } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields.js";
+import { PayrollEditEmployeeErrorCodes as x } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeSchema.js";
+import P from "./UNSTABLE_PayrollEditEmployee.module.scss.js";
+import { componentEvents as G, COMPENSATION_NAME_REIMBURSEMENT as pe, COMPENSATION_NAME_PAYCHECK_TIPS as he, COMPENSATION_NAME_CASH_TIPS as fe, COMPENSATION_NAME_CORRECTION_PAYMENT as be, COMPENSATION_NAME_COMMISSION as Ee, COMPENSATION_NAME_BONUS as ye, COMPENSATION_NAME_DOUBLE_OVERTIME as Ce, COMPENSATION_NAME_OVERTIME as Ne, COMPENSATION_NAME_REGULAR_HOURS as ge } from "../../../shared/constants.js";
+import { BaseBoundaries as Oe, BaseLayout as q } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { useComponentDictionary as Te, useI18n as Ae } from "../../../i18n/I18n.js";
+import { useComponentContext as z } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as l } from "../../Common/Flex/Flex.js";
+import { Grid as Pe } from "../../Common/Grid/Grid.js";
+import { EmptyData as ve } from "../../Common/EmptyData/EmptyData.js";
+import { SDKFormProvider as Me } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { firstLastName as Se, formatNumberAsCurrency as Re } from "../../../helpers/formattedStrings.js";
+import { useDateFormatter as _e } from "../../../hooks/useDateFormatter.js";
+import J from "../../../assets/icons/plus-circle.svg.js";
+import Le from "../../../assets/icons/trashcan.svg.js";
+import { usePayrollEditEmployeeForm as ke } from "../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/usePayrollEditEmployeeForm.js";
+import { DataView as v } from "../../Common/DataView/DataView.js";
+import { useDataView as De } from "../../Common/DataView/useDataView.js";
+function at({
+  FallbackComponent: u,
+  LoaderComponent: c,
+  ...b
+}) {
+  return /* @__PURE__ */ t(
+    Oe,
+    {
+      componentName: "Payroll.UNSTABLE_PayrollEditEmployee",
+      FallbackComponent: u,
+      LoaderComponent: c,
+      children: /* @__PURE__ */ t(we, { LoaderComponent: c, ...b })
+    }
+  );
+}
+const xe = ({
+  rows: u,
+  isAdding: c,
+  draftFields: b,
+  onBeginAdd: O,
+  onSave: T,
+  onCancel: M,
+  onRemove: A
+}) => {
+  const { t: e } = Q("Payroll.UNSTABLE_PayrollEditEmployee"), { Button: h, ButtonIcon: S, Heading: E } = z(), { Description: y, Amount: C } = b, N = De({
+    data: u,
+    columns: [
+      {
+        key: "description",
+        title: e("reimbursementDescriptionColumn"),
+        render: (a) => a.description.trim() || e("reimbursementUnnamedFallback")
+      },
+      {
+        key: "amount",
+        title: e("reimbursementAmountColumn"),
+        justify: "end",
+        render: (a) => Re(parseFloat(a.amount || "0"))
+      },
+      {
+        key: "recurring",
+        title: e("reimbursementTypeColumn"),
+        render: (a) => a.recurring ? e("reimbursementTypeRecurring") : e("reimbursementTypeOneTime")
+      }
+    ],
+    itemMenu: (a) => {
+      if (a.recurring) return null;
+      const n = a.description.trim() || e("reimbursementUnnamedFallback");
+      return /* @__PURE__ */ t(
+        S,
+        {
+          variant: "tertiary",
+          onClick: () => {
+            A(a.index);
+          },
+          "aria-label": e("removeReimbursementLabel", { description: n }),
+          children: /* @__PURE__ */ t(Le, { "aria-hidden": !0 })
+        }
+      );
+    },
+    emptyState: () => /* @__PURE__ */ t(ve, { title: e("reimbursementEmptyTitle"), children: /* @__PURE__ */ t(h, { variant: "secondary", onClick: O, icon: /* @__PURE__ */ t(J, { "aria-hidden": !0 }), children: e("addReimbursementCta") }) })
+  });
+  return /* @__PURE__ */ s(l, { flexDirection: "column", gap: 12, children: [
+    /* @__PURE__ */ t(E, { as: "h3", styledAs: "h4", children: e("reimbursementTitle") }),
+    !(u.length === 0 && c) && /* @__PURE__ */ t(v, { label: e("reimbursementsTableLabel"), ...N }),
+    c ? /* @__PURE__ */ s(l, { flexDirection: "column", gap: 12, children: [
+      /* @__PURE__ */ s(Pe, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: [
+        /* @__PURE__ */ t(
+          y,
+          {
+            label: e("reimbursementDescriptionLabel"),
+            placeholder: e("reimbursementDescriptionPlaceholder")
+          }
+        ),
+        /* @__PURE__ */ t(C, { label: e("reimbursementAmountLabel"), adornmentStart: "$", isRequired: !0 })
+      ] }),
+      /* @__PURE__ */ s(l, { gap: 12, children: [
+        /* @__PURE__ */ t(h, { onClick: T, title: e("saveReimbursementCta"), children: e("saveReimbursementCta") }),
+        /* @__PURE__ */ t(h, { variant: "secondary", onClick: M, title: e("cancelReimbursementCta"), children: e("cancelReimbursementCta") })
+      ] })
+    ] }) : u.length > 0 && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+      h,
+      {
+        variant: "secondary",
+        onClick: O,
+        title: e("addReimbursementLink"),
+        icon: /* @__PURE__ */ t(J, { "aria-hidden": !0 }),
+        children: e("addReimbursementLink")
+      }
+    ) })
+  ] });
+}, we = ({
+  employeeId: u,
+  companyId: c,
+  payrollId: b,
+  withReimbursements: O = !0,
+  onEvent: T,
+  dictionary: M,
+  LoaderComponent: A
+}) => {
+  Te("Payroll.UNSTABLE_PayrollEditEmployee", M), Ae("Payroll.UNSTABLE_PayrollEditEmployee");
+  const { t: e } = Q("Payroll.UNSTABLE_PayrollEditEmployee"), h = _e(), { Alert: S, Box: E, BoxHeader: y, Button: C, Heading: N } = z(), a = me(
+    () => ({
+      [x.NEGATIVE_AMOUNT]: e("validations.negativeAmount"),
+      [x.REQUIRED_WORKWEEK]: e("validations.requiredWorkweek"),
+      [x.REIMBURSEMENT_AMOUNT]: e("validations.reimbursementAmount")
+    }),
+    [e]
+  ), n = ke({
+    employeeId: u,
+    companyId: c,
+    payrollId: b,
+    withReimbursements: O,
+    errorMessages: a
+  });
+  if (n.isLoading)
+    return /* @__PURE__ */ t(q, { isLoading: !0, error: n.errorHandling.errors, LoaderComponent: A });
+  const { employee: R } = n.data, o = n.form.Fields, w = Se({
+    first_name: R.firstName,
+    last_name: R.lastName
+  }), X = (r) => {
+    switch (r) {
+      case ge:
+        return e("compensationNames.regularHours");
+      case Ne:
+        return e("compensationNames.overtime");
+      case Ce:
+        return e("compensationNames.doubleOvertime");
+      default:
+        return r;
+    }
+  }, _ = (r) => {
+    switch (r) {
+      case ye:
+        return e("fixedCompensationNames.bonus");
+      case Ee:
+        return e("fixedCompensationNames.commission");
+      case be:
+        return e("fixedCompensationNames.correctionPayment");
+      case fe:
+        return e("fixedCompensationNames.cashTips");
+      case he:
+        return e("fixedCompensationNames.paycheckTips");
+      case pe:
+        return e("fixedCompensationNames.reimbursement");
+      default:
+        return r;
+    }
+  }, U = (r, i) => {
+    const {
+      title: f,
+      label: g,
+      rowHeader: p,
+      valueColumnLabel: d,
+      labelFor: L,
+      adornmentStart: ne,
+      adornmentEnd: ie,
+      footer: H
+    } = i, j = ce(r), ae = n.data.workweeks[0]?.startDate ?? "", V = j ? r[ae] ?? [] : r;
+    if (V.length === 0 && !H) return null;
+    const W = (m, k) => /* @__PURE__ */ t("div", { className: P.inputContainer, children: /* @__PURE__ */ t(
+      m.Field,
+      {
+        label: k,
+        shouldVisuallyHideLabel: !0,
+        adornmentStart: ne,
+        adornmentEnd: ie
+      }
+    ) }), oe = {
+      title: d,
+      justify: "end",
+      render: (m) => W(m, L(m.name))
+    }, le = n.data.workweeks.map(
+      ({ startDate: m, endDate: k }) => {
+        const Y = h.formatPayPeriodRange(m, k, {
+          useShortMonth: !0
+        });
+        return {
+          title: Y,
+          justify: "end",
+          render: (D) => {
+            const $ = r[m]?.find(
+              (K) => K.jobUuid === D.jobUuid && K.name === D.name
+            );
+            return $ ? W($, `${L(D.name)} ${Y}`) : null;
+          }
+        };
+      }
+    ), se = [
+      { title: p, render: (m) => L(m.name) },
+      ...j ? le : [oe]
+    ];
+    return /* @__PURE__ */ t(E, { header: /* @__PURE__ */ t(y, { title: f }), withPadding: !1, footer: H, children: /* @__PURE__ */ t(v, { label: g, isWithinBox: !0, columns: se, data: V }) });
+  }, B = (r, i) => {
+    if (r.length === 0) return null;
+    const { title: f, description: g } = i, p = [
+      {
+        title: e("typeColumn"),
+        render: (d) => d.name
+      },
+      {
+        title: e("hoursColumn"),
+        justify: "end",
+        render: (d) => /* @__PURE__ */ t("div", { className: P.inputContainer, children: /* @__PURE__ */ t(
+          d.Field,
+          {
+            label: d.name,
+            shouldVisuallyHideLabel: !0,
+            adornmentEnd: e("hoursUnit"),
+            description: d.remaining !== null ? e("timeOffBalance.remaining", { balance: d.remaining }) : void 0
+          }
+        ) })
+      }
+    ];
+    return /* @__PURE__ */ t(E, { header: /* @__PURE__ */ t(y, { title: f, description: g }), withPadding: !1, children: /* @__PURE__ */ t(v, { label: f, isWithinBox: !0, columns: p, data: r }) });
+  }, I = o.paymentMethod, F = o.reimbursementDraft, Z = n.data.reimbursements, ee = n.form.reimbursementDraft?.isAdding ?? !1, te = async () => {
+    const r = await n.actions.onSubmit();
+    r && T(G.RUN_PAYROLL_EMPLOYEE_SAVED, {
+      payrollPrepared: r.data,
+      employee: R
+    });
+  }, re = () => {
+    T(G.RUN_PAYROLL_EMPLOYEE_CANCELLED);
+  };
+  return /* @__PURE__ */ t("div", { className: P.container, children: /* @__PURE__ */ t(q, { error: n.errorHandling.errors, LoaderComponent: A, children: /* @__PURE__ */ t(Me, { formHookResult: n, children: /* @__PURE__ */ s(l, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ s(l, { justifyContent: "space-between", alignItems: "flex-start", gap: 12, children: [
+      /* @__PURE__ */ t(l, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ t(N, { as: "h1", styledAs: "h2", children: e("pageTitle", { employeeName: w }) }) }),
+      /* @__PURE__ */ s(l, { justifyContent: "flex-end", gap: 12, children: [
+        /* @__PURE__ */ t(C, { variant: "secondary", onClick: re, title: e("cancelCta"), children: e("cancelCta") }),
+        /* @__PURE__ */ t(
+          C,
+          {
+            onClick: () => {
+              te();
+            },
+            title: e("saveCta"),
+            isLoading: n.status.isPending,
+            children: e("saveCta")
+          }
+        )
+      ] })
+    ] }),
+    (() => {
+      const r = o.jobs.length > 1, i = n.data.isOvertimeEligible ? e("regularHoursTitle") : e("regularHoursTitleWithoutOvertime"), f = !n.data.withOvertime && n.data.isOvertimeEligible, g = n.data.withOvertime && n.data.isOvertimeEligible;
+      return /* @__PURE__ */ s(l, { flexDirection: "column", gap: 16, children: [
+        r ? /* @__PURE__ */ t(N, { as: "h3", children: i }) : null,
+        g ? /* @__PURE__ */ t(
+          S,
+          {
+            status: "info",
+            label: e("overtimeWorkweekAlert", { employeeName: w }),
+            disableScrollIntoView: !0
+          }
+        ) : null,
+        o.jobs.map((p) => /* @__PURE__ */ t(de, { children: U(p.hours, {
+          title: r ? p.title ?? i : i,
+          label: i,
+          rowHeader: e("hourTypeColumn"),
+          valueColumnLabel: e("hoursColumn"),
+          labelFor: X,
+          adornmentEnd: e("hoursUnit"),
+          footer: f ? /* @__PURE__ */ t(
+            C,
+            {
+              variant: "secondary",
+              onClick: () => {
+                n.actions.addOvertime();
+              },
+              title: e("addOvertimeCta"),
+              children: e("addOvertimeCta")
+            }
+          ) : void 0
+        }) }, p.jobUuid))
+      ] });
+    })(),
+    U(o.additionalEarnings, {
+      title: e("additionalEarningsTitle"),
+      label: e("additionalEarningsTitle"),
+      rowHeader: e("typeColumn"),
+      valueColumnLabel: e("amountColumn"),
+      labelFor: _,
+      adornmentStart: "$"
+    }),
+    B(o.timeOff, {
+      title: o.finalPayout ? e("timeOffTitleDismissal") : e("timeOffTitle")
+    }),
+    o.finalPayout ? B(o.finalPayout, {
+      title: e("finalPayoutTitle"),
+      description: e("finalPayoutDescription")
+    }) : null,
+    o.otherEarnings.length > 0 ? (() => {
+      const r = [
+        { title: e("typeColumn"), render: (i) => _(i.id) },
+        {
+          title: e("amountColumn"),
+          justify: "end",
+          render: (i) => /* @__PURE__ */ t("div", { className: P.inputContainer, children: /* @__PURE__ */ t(
+            i.Field,
+            {
+              label: _(i.id),
+              shouldVisuallyHideLabel: !0,
+              adornmentStart: "$"
+            }
+          ) })
+        }
+      ];
+      return /* @__PURE__ */ t(E, { header: /* @__PURE__ */ t(y, { title: e("otherTitle") }), withPadding: !1, children: /* @__PURE__ */ t(
+        v,
+        {
+          label: e("otherTitle"),
+          isWithinBox: !0,
+          columns: r,
+          data: o.otherEarnings
+        }
+      ) });
+    })() : null,
+    I ? /* @__PURE__ */ s(l, { flexDirection: "column", gap: 24, children: [
+      F ? /* @__PURE__ */ t(
+        xe,
+        {
+          rows: Z ?? [],
+          isAdding: ee,
+          draftFields: F,
+          onBeginAdd: () => n.actions.beginAddReimbursement?.(),
+          onSave: () => n.actions.saveReimbursement?.(),
+          onCancel: () => n.actions.cancelReimbursement?.(),
+          onRemove: (r) => n.actions.removeReimbursement?.(r)
+        }
+      ) : null,
+      /* @__PURE__ */ s(l, { flexDirection: "column", gap: 12, children: [
+        /* @__PURE__ */ t(N, { as: "h3", styledAs: "h4", children: e("paymentMethodTitle") }),
+        /* @__PURE__ */ t(
+          I,
+          {
+            label: e("paymentMethodLabel"),
+            description: e("paymentMethodDescription"),
+            getOptionLabel: (r) => r === ue.Check ? e("paymentMethodOptions.check") : e("paymentMethodOptions.directDeposit")
+          }
+        )
+      ] })
+    ] }) : null
+  ] }) }) }) });
+};
+export {
+  at as UNSTABLE_PayrollEditEmployee
+};
+//# sourceMappingURL=UNSTABLE_PayrollEditEmployee.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.tsx"],"sourcesContent":["import { Fragment, useMemo } 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 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 / other / 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 } = useComponentContext()\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      <BaseLayout isLoading error={form.errorHandling.errors} LoaderComponent={LoaderComponent} />\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  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 {\n      title,\n      label,\n      rowHeader,\n      valueColumnLabel,\n      labelFor,\n      adornmentStart,\n      adornmentEnd,\n      footer,\n    } = options\n    const split = isSplitByWorkweek(section)\n    const firstWeekStart = form.data.workweeks[0]?.startDate ?? ''\n    const rows = split ? (section[firstWeekStart] ?? []) : section\n    if (rows.length === 0 && !footer) return null\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 (\n      <Box header={<BoxHeader title={title} />} withPadding={false} footer={footer}>\n        <DataView label={label} isWithinBox columns={columns} data={rows} />\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  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  return (\n    <div className={styles.container}>\n      <BaseLayout error={form.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={form}>\n          <Flex flexDirection=\"column\" gap={24}>\n            <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={12}>\n              <Flex flexDirection=\"column\" gap={8}>\n                <Heading as=\"h1\" styledAs=\"h2\">\n                  {t('pageTitle', { employeeName })}\n                </Heading>\n              </Flex>\n              <Flex justifyContent=\"flex-end\" gap={12}>\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            </Flex>\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            {renderBreakdownSection(Fields.additionalEarnings, {\n              title: t('additionalEarningsTitle'),\n              label: t('additionalEarningsTitle'),\n              rowHeader: t('typeColumn'),\n              valueColumnLabel: t('amountColumn'),\n              labelFor: earningLabel,\n              adornmentStart: '$',\n            })}\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            {Fields.otherEarnings.length > 0\n              ? (() => {\n                  const columns: useDataViewPropReturn<\n                    (typeof Fields.otherEarnings)[number]\n                  >['columns'] = [\n                    { title: t('typeColumn'), render: entry => earningLabel(entry.id) },\n                    {\n                      title: t('amountColumn'),\n                      justify: 'end',\n                      render: entry => (\n                        <div className={styles.inputContainer}>\n                          <entry.Field\n                            label={earningLabel(entry.id)}\n                            shouldVisuallyHideLabel\n                            adornmentStart=\"$\"\n                          />\n                        </div>\n                      ),\n                    },\n                  ]\n                  return (\n                    <Box header={<BoxHeader title={t('otherTitle')} />} withPadding={false}>\n                      <DataView\n                        label={t('otherTitle')}\n                        isWithinBox\n                        columns={columns}\n                        data={Fields.otherEarnings}\n                      />\n                    </Box>\n                  )\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","errorMessages","useMemo","PayrollEditEmployeeErrorCodes","form","usePayrollEditEmployeeForm","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","renderBreakdownSection","section","options","title","label","rowHeader","valueColumnLabel","labelFor","adornmentStart","adornmentEnd","footer","split","isSplitByWorkweek","firstWeekStart","renderField","entry","fieldLabel","styles","valueColumn","workweekColumns","startDate","endDate","rangeLabel","cell","columns","renderTimeOffSection","entries","description","PaymentMethodField","ReimbursementDraft","reimbursementRows","isAddingReimbursement","handleSave","result","componentEvents","handleCancel","SDKFormProvider","isMultiJob","genericHoursTitle","showAddOvertime","showOvertimeWorkweekAlert","job","Fragment","index","value","PayrollUpdatePaymentMethod"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+const n = "_container_m53lc_1", t = "_inputContainer_m53lc_6", o = {
+  container: n,
+  inputContainer: t
+};
+export {
+  n as container,
+  o as default,
+  t as inputContainer
+};
+//# sourceMappingURL=UNSTABLE_PayrollEditEmployee.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_PayrollEditEmployee.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}