@gusto/embedded-react-sdk 0.57.2 → 0.58.0

package/dist/components/Payroll/RropPayrollEditEmployee/RropPayrollEditEmployee.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RropPayrollEditEmployee.js","sources":["../../../../src/components/Payroll/RropPayrollEditEmployee/RropPayrollEditEmployee.tsx"],"sourcesContent":["import { Fragment, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\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 './RropPayrollEditEmployee.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  BREAKPOINTS,\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 * Regular rate of pay (RRoP) rebuild of {@link PayrollEditEmployee}.\n *\n * @remarks\n * Not exported and not part of the public SDK surface. Partners reach it only through\n * `PayrollEditEmployee`, which renders it in place of the legacy editor unless the\n * `regularRateOfPay` flag in {@link Features} is set to `false`. Once that flag is removed, this\n * component replaces `PayrollEditEmployee` as the public export, and the\n * `Payroll.RropPayrollEditEmployee` translation namespace is renamed with it.\n *\n * 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 RropPayrollEditEmployee({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PayrollEditEmployeeProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Payroll.RropPayrollEditEmployee\"\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.RropPayrollEditEmployee')\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.RropPayrollEditEmployee', dictionary)\n  useI18n('Payroll.RropPayrollEditEmployee')\n  const { t } = useTranslation('Payroll.RropPayrollEditEmployee')\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={classNames(styles.inputContainer, split && styles.workweekInputContainer)}>\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    if (!split) {\n      return <DataView label={label} isWithinBox columns={columns} data={rows} />\n    }\n\n    return (\n      <div className={styles.workweekTableScroll}>\n        <DataView\n          label={label}\n          isWithinBox\n          columns={columns}\n          data={rows}\n          breakAt={BREAKPOINTS.SMALL}\n        />\n      </div>\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 { 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; isFinalPayout?: boolean },\n  ) => {\n    if (entries.length === 0) return null\n    const { title, description, isFinalPayout = false } = options\n\n    const columns: useDataViewPropReturn<TimeOffEntry>['columns'] = [\n      {\n        title: t('typeColumn'),\n        render: entry => entry.name,\n      },\n      {\n        title: isFinalPayout ? t('hoursColumn') : t('additionalHoursColumn'),\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    if (!isFinalPayout) {\n      columns.splice(1, 0, {\n        title: t('preapprovedHoursColumn'),\n        justify: 'end',\n        render: entry =>\n          entry.approvedRequestHours && entry.approvedRequestHours > 0\n            ? entry.approvedRequestHours\n            : null,\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                  isFinalPayout: true,\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":["RropPayrollEditEmployee","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","classNames","valueColumn","workweekColumns","startDate","endDate","rangeLabel","cell","columns","BREAKPOINTS","renderBreakdownSection","title","footer","viewOptions","renderTimeOffSection","entries","description","isFinalPayout","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/components/Payroll/{UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.module.scss.js → RropPayrollEditEmployee/RropPayrollEditEmployee.module.scss.js}

@@ -15,4 +15,4 @@ export {
   o as workweekInputContainer,
   r as workweekTableScroll
 };
-//# sourceMappingURL=UNSTABLE_PayrollEditEmployee.module.scss.js.map
+//# sourceMappingURL=RropPayrollEditEmployee.module.scss.js.map

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

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

package/dist/components/Payroll/TransitionConfiguration/TransitionConfiguration.js

@@ -0,0 +1,97 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { useForm as M, FormProvider as q } from "react-hook-form";
+import { zodResolver as b } from "@hookform/resolvers/zod";
+import { useTranslation as A } from "react-i18next";
+import { useQueryClient as N } from "@tanstack/react-query";
+import { usePayrollsGetSuspense as F } from "@gusto/embedded-api/react-query/payrollsGet";
+import { usePayrollsPrepareMutation as O } from "@gusto/embedded-api/react-query/payrollsPrepare";
+import { usePayrollsUpdateMutation as B } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePaySchedulesGetAllSuspense as G } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { getDefaultWithholdingPayPeriod as K } from "../OffCycleTaxWithholdingTable/getDefaultWithholdingPayPeriod.js";
+import { PREPARE_QUERY_KEY as Q } from "../PayrollConfiguration/usePayrollConfigurationData.js";
+import { createTransitionConfigurationSchema as _ } from "./TransitionConfigurationTypes.js";
+import { TransitionConfigurationPresentation as V } from "./TransitionConfigurationPresentation.js";
+import { BaseComponent as Y } from "../../Base/Base.js";
+import { useBase as j } from "../../Base/useBase.js";
+import { Form as z } from "../../Common/Form/Form.js";
+import { useComponentDictionary as H, useI18n as J } from "../../../i18n/I18n.js";
+import { componentEvents as L } from "../../../shared/constants.js";
+import { SDKInternalError as X } from "../../../types/sdkError.js";
+const Z = _();
+function $(e) {
+  return typeof e.employeeUuid == "string" && typeof e.version == "string";
+}
+function De(e) {
+  return /* @__PURE__ */ i(Y, { ...e, children: /* @__PURE__ */ i(I, { ...e }) });
+}
+function I({ dictionary: e, companyId: r, payrollId: t, className: h }) {
+  H("Payroll.TransitionConfiguration", e), J("Payroll.TransitionConfiguration");
+  const { t: c } = A("Payroll.TransitionConfiguration"), { onEvent: f, baseSubmitHandler: y } = j(), P = N(), { data: g } = F({ companyId: r, payrollId: t }), { data: C } = G({ companyId: r }), { mutateAsync: S, isPending: D } = O(), { mutateAsync: R, isPending: T } = B(), o = g.payrollShow, a = C.payScheduleShowResponse?.find(
+    (n) => n.uuid === o?.payPeriod?.payScheduleUuid
+  ), [s, w] = d({
+    withholdingPayPeriod: K(
+      o?.withholdingPayPeriod ?? a?.frequency
+    ),
+    withholdingRate: o?.fixedWithholdingRate ? "supplemental" : "regular"
+  }), [x, l] = d(!1), [E, v] = d(null), u = M({
+    resolver: b(Z),
+    defaultValues: {
+      skipRegularDeductions: o?.skipRegularDeductions ?? !1
+    }
+  }), W = (n) => {
+    w(n), l(!1);
+  }, U = async (n) => {
+    await y(n, async ({ skipRegularDeductions: k }) => {
+      const p = (await S({
+        request: { companyId: r, payrollId: t, requestBody: {} }
+      })).payrollPrepared?.employeeCompensations?.find(
+        $
+      );
+      if (!p)
+        throw new X(c("errors.noEmployeeCompensations"));
+      const m = await R({
+        request: {
+          companyId: r,
+          payrollId: t,
+          payrollUpdate: {
+            employeeCompensations: [
+              { employeeUuid: p.employeeUuid, version: p.version }
+            ],
+            skipRegularDeductions: k,
+            withholdingPayPeriod: s.withholdingPayPeriod,
+            fixedWithholdingRate: s.withholdingRate === "supplemental"
+          }
+        }
+      });
+      v(m.payrollPrepared?.checkDate ?? null), await P.invalidateQueries({ queryKey: [Q, t] }), f(L.TRANSITION_CONFIGURED, {
+        payrollUuid: t,
+        payrollPrepared: m.payrollPrepared
+      });
+    });
+  };
+  return /* @__PURE__ */ i(q, { ...u, children: /* @__PURE__ */ i(z, { onSubmit: u.handleSubmit(U), children: /* @__PURE__ */ i(
+    V,
+    {
+      className: h,
+      payPeriodStartDate: o?.payPeriod?.startDate,
+      payPeriodEndDate: o?.payPeriod?.endDate,
+      payScheduleName: a?.customName ?? a?.name ?? null,
+      checkDate: E ?? o?.checkDate ?? null,
+      isPending: D || T,
+      taxWithholdingConfig: s,
+      isTaxWithholdingModalOpen: x,
+      onTaxWithholdingEditClick: () => {
+        l(!0);
+      },
+      onTaxWithholdingModalDone: W,
+      onTaxWithholdingModalCancel: () => {
+        l(!1);
+      }
+    }
+  ) }) });
+}
+export {
+  De as TransitionConfiguration
+};
+//# sourceMappingURL=TransitionConfiguration.js.map