@gusto/embedded-react-sdk 0.55.6 → 0.55.8

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

@@ -1,5 +1,5 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useEffect as U, useMemo as w, useState as D, useCallback as u } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { useEffect as U, useMemo as w, useState as D, useCallback as c } from "react";
 import { usePaySchedulesGetAll as b } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
 import { usePayrollsSkipMutation as g } from "@gusto/embedded-api/react-query/payrollsSkip";
 import { PayrollType as v } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
@@ -7,48 +7,52 @@ import { useUnprocessedTransitionPayPeriods as M } from "../useUnprocessedTransi
 import { TransitionPayrollAlertPresentation as _ } from "./TransitionPayrollAlertPresentation.js";
 import { BaseComponent as L } from "../../Base/Base.js";
 import { useBase as x } from "../../Base/useBase.js";
-import { componentEvents as c } from "../../../shared/constants.js";
+import { componentEvents as p } from "../../../shared/constants.js";
 import { useObservability as B } from "../../../contexts/ObservabilityProvider/useObservability.js";
 import { normalizeToSDKError as C } from "../../../types/sdkError.js";
 const q = "Payroll.TransitionPayrollAlert";
-function Z({ companyId: o, onEvent: t }) {
-  return /* @__PURE__ */ p(L, { onEvent: t, children: /* @__PURE__ */ p(I, { companyId: o }) });
+function Z({
+  companyId: o,
+  onEvent: t,
+  LoaderComponent: n
+}) {
+  return /* @__PURE__ */ m(L, { onEvent: t, LoaderComponent: n, children: /* @__PURE__ */ m(I, { companyId: o }) });
 }
 function I({ companyId: o }) {
-  const { onEvent: t, baseSubmitHandler: m } = x(), { observability: d } = B(), { unprocessedPayPeriods: S } = M(o), { data: n, error: a } = b({ companyId: o });
+  const { onEvent: t, baseSubmitHandler: n } = x(), { observability: d } = B(), { unprocessedPayPeriods: S } = M(o), { data: a, error: i } = b({ companyId: o });
   U(() => {
-    if (!a) return;
-    t(c.ERROR, a);
-    const e = C(a);
+    if (!i) return;
+    t(p.ERROR, i);
+    const e = C(i);
     d?.onError?.({
       ...e,
       timestamp: Date.now(),
       componentName: q
     });
-  }, [a, t, d]);
+  }, [i, t, d]);
   const y = w(() => {
-    if (!n) return [];
-    const e = n.payScheduleShowResponse ?? [], l = /* @__PURE__ */ new Map();
+    if (!a) return [];
+    const e = a.payScheduleShowResponse ?? [], u = /* @__PURE__ */ new Map();
     for (const r of S) {
-      const i = r.payScheduleUuid ?? "unknown", s = l.get(i) ?? [];
-      s.push(r), l.set(i, s);
+      const l = r.payScheduleUuid ?? "unknown", s = u.get(l) ?? [];
+      s.push(r), u.set(l, s);
     }
-    return Array.from(l.entries()).map(([r, i]) => {
+    return Array.from(u.entries()).map(([r, l]) => {
       const s = e.find((O) => O.uuid === r), N = s?.customName || s?.name || "Transition";
-      return { payScheduleUuid: r, payScheduleName: N, payPeriods: i };
+      return { payScheduleUuid: r, payScheduleName: N, payPeriods: l };
     });
-  }, [S, n]), [A, f] = D(!1), [T, h] = D(null), { mutateAsync: P } = g(), k = u(
+  }, [S, a]), [A, f] = D(!1), [T, h] = D(null), { mutateAsync: P } = g(), k = c(
     (e) => {
-      t(c.RUN_TRANSITION_PAYROLL, {
+      t(p.RUN_TRANSITION_PAYROLL, {
         startDate: e.startDate,
         endDate: e.endDate,
         payScheduleUuid: e.payScheduleUuid
       });
     },
     [t]
-  ), R = u(
+  ), R = c(
     async (e) => {
-      h(e), await m({}, async () => {
+      h(e), await n({}, async () => {
         await P({
           request: {
             companyUuid: o,
@@ -59,18 +63,18 @@ function I({ companyId: o }) {
               payScheduleUuid: e.payScheduleUuid ?? void 0
             }
           }
-        }), f(!0), t(c.TRANSITION_PAYROLL_SKIPPED, {
+        }), f(!0), t(p.TRANSITION_PAYROLL_SKIPPED, {
           startDate: e.startDate,
           endDate: e.endDate,
           payScheduleUuid: e.payScheduleUuid
         });
       }), h(null);
     },
-    [o, P, t, m]
-  ), E = u(() => {
+    [o, P, t, n]
+  ), E = c(() => {
     f(!1);
   }, []);
-  return !n || y.length === 0 ? null : /* @__PURE__ */ p(
+  return !a || y.length === 0 ? null : /* @__PURE__ */ m(
     _,
     {
       groupedPayPeriods: y,

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

@@ -1 +1 @@
-{"version":3,"file":"TransitionPayrollAlert.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.tsx"],"sourcesContent":["import { useMemo, useState, useCallback, useEffect } from 'react'\nimport { usePaySchedulesGetAll } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { useUnprocessedTransitionPayPeriods } from '../useUnprocessedTransitionPayPeriods'\nimport {\n  TransitionPayrollAlertPresentation,\n  type TransitionPayPeriodGroup,\n} from './TransitionPayrollAlertPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\ninterface TransitionPayrollAlertProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst COMPONENT_NAME = 'Payroll.TransitionPayrollAlert'\n\n/** @internal */\nexport function TransitionPayrollAlert({ companyId, onEvent }: TransitionPayrollAlertProps) {\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <Root companyId={companyId} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId }: { companyId: string }) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { observability } = useObservability()\n\n  const { unprocessedPayPeriods } = useUnprocessedTransitionPayPeriods(companyId)\n\n  const { data: paySchedulesData, error: paySchedulesError } = usePaySchedulesGetAll({ companyId })\n\n  useEffect(() => {\n    if (!paySchedulesError) return\n    onEvent(componentEvents.ERROR, paySchedulesError)\n    const sdkError = normalizeToSDKError(paySchedulesError)\n    observability?.onError?.({\n      ...sdkError,\n      timestamp: Date.now(),\n      componentName: COMPONENT_NAME,\n    })\n  }, [paySchedulesError, onEvent, observability])\n\n  const groupedPayPeriods = useMemo<TransitionPayPeriodGroup[]>(() => {\n    if (!paySchedulesData) return []\n    const paySchedules = paySchedulesData.payScheduleShowResponse ?? []\n\n    const groups = new Map<string, PayPeriod[]>()\n    for (const period of unprocessedPayPeriods) {\n      const uuid = period.payScheduleUuid ?? 'unknown'\n      const existing = groups.get(uuid) ?? []\n      existing.push(period)\n      groups.set(uuid, existing)\n    }\n\n    return Array.from(groups.entries()).map(([payScheduleUuid, payPeriods]) => {\n      const schedule = paySchedules.find(s => s.uuid === payScheduleUuid)\n      const payScheduleName = schedule?.customName || schedule?.name || 'Transition'\n      return { payScheduleUuid, payScheduleName, payPeriods }\n    })\n  }, [unprocessedPayPeriods, paySchedulesData])\n\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayPeriod, setSkippingPayPeriod] = useState<PayPeriod | null>(null)\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n\n  const handleRunPayroll = useCallback(\n    (payPeriod: PayPeriod) => {\n      onEvent(componentEvents.RUN_TRANSITION_PAYROLL, {\n        startDate: payPeriod.startDate,\n        endDate: payPeriod.endDate,\n        payScheduleUuid: payPeriod.payScheduleUuid,\n      })\n    },\n    [onEvent],\n  )\n\n  const handleSkipPayroll = useCallback(\n    async (payPeriod: PayPeriod) => {\n      setSkippingPayPeriod(payPeriod)\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType: PayrollType.TransitionFromOldPaySchedule,\n              startDate: payPeriod.startDate,\n              endDate: payPeriod.endDate,\n              payScheduleUuid: payPeriod.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.TRANSITION_PAYROLL_SKIPPED, {\n          startDate: payPeriod.startDate,\n          endDate: payPeriod.endDate,\n          payScheduleUuid: payPeriod.payScheduleUuid,\n        })\n      })\n      setSkippingPayPeriod(null)\n    },\n    [companyId, skipPayroll, onEvent, baseSubmitHandler],\n  )\n\n  const handleDismissSkipSuccessAlert = useCallback(() => {\n    setShowSkipSuccessAlert(false)\n  }, [])\n\n  if (!paySchedulesData || groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  return (\n    <TransitionPayrollAlertPresentation\n      groupedPayPeriods={groupedPayPeriods}\n      onRunPayroll={handleRunPayroll}\n      onSkipPayroll={handleSkipPayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={handleDismissSkipSuccessAlert}\n      skippingPayPeriod={skippingPayPeriod}\n    />\n  )\n}\n"],"names":["COMPONENT_NAME","TransitionPayrollAlert","companyId","onEvent","BaseComponent","jsx","Root","baseSubmitHandler","useBase","observability","useObservability","unprocessedPayPeriods","useUnprocessedTransitionPayPeriods","paySchedulesData","paySchedulesError","usePaySchedulesGetAll","useEffect","componentEvents","sdkError","normalizeToSDKError","groupedPayPeriods","useMemo","paySchedules","groups","period","uuid","existing","payScheduleUuid","payPeriods","schedule","s","payScheduleName","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayPeriod","setSkippingPayPeriod","skipPayroll","usePayrollsSkipMutation","handleRunPayroll","useCallback","payPeriod","handleSkipPayroll","PayrollType","handleDismissSkipSuccessAlert","TransitionPayrollAlertPresentation"],"mappings":"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"}
+{"version":3,"file":"TransitionPayrollAlert.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.tsx"],"sourcesContent":["import { useMemo, useState, useCallback, useEffect } from 'react'\nimport { usePaySchedulesGetAll } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { useUnprocessedTransitionPayPeriods } from '../useUnprocessedTransitionPayPeriods'\nimport {\n  TransitionPayrollAlertPresentation,\n  type TransitionPayPeriodGroup,\n} from './TransitionPayrollAlertPresentation'\nimport { BaseComponent, type LoaderComponentType } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\ninterface TransitionPayrollAlertProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n  LoaderComponent?: LoaderComponentType\n}\n\nconst COMPONENT_NAME = 'Payroll.TransitionPayrollAlert'\n\n/** @internal */\nexport function TransitionPayrollAlert({\n  companyId,\n  onEvent,\n  LoaderComponent,\n}: TransitionPayrollAlertProps) {\n  return (\n    <BaseComponent onEvent={onEvent} LoaderComponent={LoaderComponent}>\n      <Root companyId={companyId} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId }: { companyId: string }) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { observability } = useObservability()\n\n  const { unprocessedPayPeriods } = useUnprocessedTransitionPayPeriods(companyId)\n\n  const { data: paySchedulesData, error: paySchedulesError } = usePaySchedulesGetAll({ companyId })\n\n  useEffect(() => {\n    if (!paySchedulesError) return\n    onEvent(componentEvents.ERROR, paySchedulesError)\n    const sdkError = normalizeToSDKError(paySchedulesError)\n    observability?.onError?.({\n      ...sdkError,\n      timestamp: Date.now(),\n      componentName: COMPONENT_NAME,\n    })\n  }, [paySchedulesError, onEvent, observability])\n\n  const groupedPayPeriods = useMemo<TransitionPayPeriodGroup[]>(() => {\n    if (!paySchedulesData) return []\n    const paySchedules = paySchedulesData.payScheduleShowResponse ?? []\n\n    const groups = new Map<string, PayPeriod[]>()\n    for (const period of unprocessedPayPeriods) {\n      const uuid = period.payScheduleUuid ?? 'unknown'\n      const existing = groups.get(uuid) ?? []\n      existing.push(period)\n      groups.set(uuid, existing)\n    }\n\n    return Array.from(groups.entries()).map(([payScheduleUuid, payPeriods]) => {\n      const schedule = paySchedules.find(s => s.uuid === payScheduleUuid)\n      const payScheduleName = schedule?.customName || schedule?.name || 'Transition'\n      return { payScheduleUuid, payScheduleName, payPeriods }\n    })\n  }, [unprocessedPayPeriods, paySchedulesData])\n\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayPeriod, setSkippingPayPeriod] = useState<PayPeriod | null>(null)\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n\n  const handleRunPayroll = useCallback(\n    (payPeriod: PayPeriod) => {\n      onEvent(componentEvents.RUN_TRANSITION_PAYROLL, {\n        startDate: payPeriod.startDate,\n        endDate: payPeriod.endDate,\n        payScheduleUuid: payPeriod.payScheduleUuid,\n      })\n    },\n    [onEvent],\n  )\n\n  const handleSkipPayroll = useCallback(\n    async (payPeriod: PayPeriod) => {\n      setSkippingPayPeriod(payPeriod)\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType: PayrollType.TransitionFromOldPaySchedule,\n              startDate: payPeriod.startDate,\n              endDate: payPeriod.endDate,\n              payScheduleUuid: payPeriod.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.TRANSITION_PAYROLL_SKIPPED, {\n          startDate: payPeriod.startDate,\n          endDate: payPeriod.endDate,\n          payScheduleUuid: payPeriod.payScheduleUuid,\n        })\n      })\n      setSkippingPayPeriod(null)\n    },\n    [companyId, skipPayroll, onEvent, baseSubmitHandler],\n  )\n\n  const handleDismissSkipSuccessAlert = useCallback(() => {\n    setShowSkipSuccessAlert(false)\n  }, [])\n\n  if (!paySchedulesData || groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  return (\n    <TransitionPayrollAlertPresentation\n      groupedPayPeriods={groupedPayPeriods}\n      onRunPayroll={handleRunPayroll}\n      onSkipPayroll={handleSkipPayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={handleDismissSkipSuccessAlert}\n      skippingPayPeriod={skippingPayPeriod}\n    />\n  )\n}\n"],"names":["COMPONENT_NAME","TransitionPayrollAlert","companyId","onEvent","LoaderComponent","BaseComponent","jsx","Root","baseSubmitHandler","useBase","observability","useObservability","unprocessedPayPeriods","useUnprocessedTransitionPayPeriods","paySchedulesData","paySchedulesError","usePaySchedulesGetAll","useEffect","componentEvents","sdkError","normalizeToSDKError","groupedPayPeriods","useMemo","paySchedules","groups","period","uuid","existing","payScheduleUuid","payPeriods","schedule","s","payScheduleName","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayPeriod","setSkippingPayPeriod","skipPayroll","usePayrollsSkipMutation","handleRunPayroll","useCallback","payPeriod","handleSkipPayroll","PayrollType","handleDismissSkipSuccessAlert","TransitionPayrollAlertPresentation"],"mappings":"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"}

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

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