@gusto/embedded-react-sdk 0.18.0 → 0.20.0

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.js

@@ -1,9 +1,9 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { useState as p, useMemo as V, useEffect as G } from "react";
 import { useEmployeesListSuspense as K } from "@gusto/embedded-api/react-query/employeesList";
 import { usePayrollsGetSuspense as j } from "@gusto/embedded-api/react-query/payrollsGet";
 import { usePayrollsCalculateMutation as v } from "@gusto/embedded-api/react-query/payrollsCalculate";
-import { PayrollProcessingRequestStatus as f } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
+import { PayrollProcessingRequestStatus as h } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
 import { useTranslation as z } from "react-i18next";
 import { usePayrollsUpdateMutation as J } from "@gusto/embedded-api/react-query/payrollsUpdate";
 import { usePreparedPayrollData as Q } from "../usePreparedPayrollData.js";
@@ -14,46 +14,46 @@ import { componentEvents as r } from "../../../shared/constants.js";
 import { useComponentDictionary as ee, useI18n as te } from "../../../i18n/I18n.js";
 import { useBase as ae } from "../../Base/useBase.js";
 import { useDateFormatter as oe } from "../../../hooks/useDateFormatter.js";
-const se = (t) => t?.status === f.Calculating, re = (t) => t?.status === f.CalculateSuccess;
+const se = (t) => t?.status === h.Calculating, re = (t) => t?.status === h.CalculateSuccess;
 function Ae(t) {
-  return /* @__PURE__ */ g($, { ...t, children: /* @__PURE__ */ g(le, { ...t, children: t.children }) });
+  return /* @__PURE__ */ f($, { ...t, children: /* @__PURE__ */ f(le, { ...t, children: t.children }) });
 }
 const le = ({
   onEvent: t,
   companyId: l,
   payrollId: o,
-  dictionary: E,
-  alerts: R
+  dictionary: R,
+  alerts: w
 }) => {
-  ee("Payroll.PayrollConfiguration", E), te("Payroll.PayrollConfiguration");
-  const { t: n } = z("Payroll.PayrollConfiguration"), { baseSubmitHandler: h } = ae(), C = oe(), w = 10, [L, c] = p(1), [S, D] = p(w), [s, u] = p(!1), [_, P] = p([]), { data: m, isFetching: N } = K({
+  ee("Payroll.PayrollConfiguration", R), te("Payroll.PayrollConfiguration");
+  const { t: i } = z("Payroll.PayrollConfiguration"), { baseSubmitHandler: C } = ae(), L = oe(), D = 10, [S, n] = p(1), [E, _] = p(D), [s, c] = p(!1), [N, P] = p([]), { data: u, isFetching: A } = K({
     companyId: l,
     payrollUuid: o,
     // get back list of employees to specific payroll
-    per: S,
-    page: L,
+    per: E,
+    page: S,
     sortBy: "name"
     // sort alphanumeric by employee last_names
-  }), A = V(() => m.showEmployees?.map((e) => e.uuid) || [], [m.showEmployees]), y = Number(m.httpMeta.response.headers.get("x-total-pages") ?? 1), U = {
-    currentPage: L,
+  }), U = V(() => u.showEmployees?.map((e) => e.uuid) || [], [u.showEmployees]), y = Number(u.httpMeta.response.headers.get("x-total-pages") ?? 1), O = {
+    currentPage: S,
     handleFirstPage: () => {
-      c(1);
+      n(1);
     },
     handlePreviousPage: () => {
-      c((e) => Math.max(e - 1, 1));
+      n((e) => Math.max(e - 1, 1));
     },
     handleNextPage: () => {
-      c((e) => Math.min(e + 1, y));
+      n((e) => Math.min(e + 1, y));
     },
     handleLastPage: () => {
-      c(y);
+      n(y);
     },
     handleItemsPerPageChange: (e) => {
-      D(e);
+      _(e);
     },
     totalPages: y,
-    isFetching: N,
-    itemsPerPage: S
+    isFetching: A,
+    itemsPerPage: E
   }, { data: a } = j(
     {
       companyId: l,
@@ -61,102 +61,103 @@ const le = ({
       include: ["taxes", "benefits", "deductions"]
     },
     { refetchInterval: s ? 5e3 : !1 }
-  ), { mutateAsync: O } = v(), { mutateAsync: x, isPending: F } = J(), {
+  ), { mutateAsync: x } = v(), { mutateAsync: b, isPending: F } = J(), {
     preparedPayroll: d,
     paySchedule: Y,
-    isLoading: b,
-    handlePreparePayroll: B
+    isLoading: B,
+    handlePreparePayroll: k
   } = Q({
     companyId: l,
     payrollId: o,
-    employeeUuids: A,
+    employeeUuids: U,
     sortBy: "last_name"
     // sort alphanumeric by employee last_names to match employees GET
-  }), k = async () => {
-    P([]), await h({}, async () => {
+  }), q = async () => {
+    P([]), await C({}, async () => {
       const e = await X(async () => {
-        await O({
+        await x({
           request: {
             companyId: l,
             payrollId: o
           }
-        }), u(!0);
+        }), c(!0);
       });
       !e.success && e.blockers.length > 0 && P(e.blockers);
     });
-  }, q = (e) => {
+  }, M = (e) => {
     t(r.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, M = ({
+  }, T = ({
     paymentMethod: e,
-    ...i
+    reimbursements: g,
+    ...m
   }) => ({
-    ...i,
+    ...m,
     ...e && e !== "Historical" ? { paymentMethod: e } : {},
-    memo: i.memo || void 0
-  }), T = async (e) => {
+    memo: m.memo || void 0
+  }), I = async (e) => {
     t(r.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
-    }), await h({}, async () => {
-      const i = M(e), H = await x({
+    }), await C({}, async () => {
+      const g = T(e), m = await b({
         request: {
           companyId: l,
           payrollId: o,
           payrollUpdate: {
             employeeCompensations: [
-              { ...i, excluded: !i.excluded }
+              { ...g, excluded: !g.excluded }
             ]
           }
         }
       });
       t(r.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: H.payrollPrepared
-      }), await B();
+        payrollPrepared: m.payrollPrepared
+      }), await k();
     });
-  }, I = () => {
+  }, W = () => {
     t(r.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
   G(() => {
-    se(a.payrollShow?.processingRequest) && !s && u(!0), s && re(a.payrollShow?.processingRequest) && (t(r.RUN_PAYROLL_CALCULATED, {
+    se(a.payrollShow?.processingRequest) && !s && c(!0), s && re(a.payrollShow?.processingRequest) && (t(r.RUN_PAYROLL_CALCULATED, {
       payrollId: o,
-      alert: { type: "success", title: n("alerts.progressSaved") },
+      alert: { type: "success", title: i("alerts.progressSaved") },
       payPeriod: a.payrollShow?.payPeriod
-    }), P([]), u(!1)), s && a.payrollShow?.processingRequest?.status === f.ProcessingFailed && (t(r.RUN_PAYROLL_PROCESSING_FAILED), u(!1));
+    }), P([]), c(!1)), s && a.payrollShow?.processingRequest?.status === h.ProcessingFailed && (t(r.RUN_PAYROLL_PROCESSING_FAILED), c(!1));
   }, [
     a.payrollShow?.processingRequest,
     s,
     t,
-    n,
+    i,
     o,
     a.payrollShow?.calculatedAt
   ]);
-  const W = a.payrollShow ? {
-    label: n("alerts.directDepositDeadline", {
-      payDate: C.formatShortWithWeekday(a.payrollShow.checkDate),
-      ...C.formatWithTime(a.payrollShow.payrollDeadline)
+  const H = a.payrollShow ? {
+    label: i("alerts.directDepositDeadline", {
+      payDate: L.formatShortWithWeekday(a.payrollShow.checkDate),
+      ...L.formatWithTime(a.payrollShow.payrollDeadline)
     }),
-    content: n("alerts.directDepositDeadlineText")
+    content: i("alerts.directDepositDeadlineText")
   } : void 0;
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     Z,
     {
-      onCalculatePayroll: k,
-      onEdit: q,
-      onToggleExclude: T,
-      onViewBlockers: I,
+      onCalculatePayroll: q,
+      onEdit: M,
+      onToggleExclude: I,
+      onViewBlockers: W,
       employeeCompensations: d?.employeeCompensations || [],
-      employeeDetails: m.showEmployees || [],
+      employeeDetails: u.showEmployees || [],
       payPeriod: d?.payPeriod,
       paySchedule: Y,
       isOffCycle: d?.offCycle,
-      alerts: R,
-      payrollDeadlineNotice: W,
-      isPending: s || b || F,
-      payrollBlockers: _,
-      pagination: U
+      alerts: w,
+      payrollDeadlineNotice: H,
+      isPending: s || B || F,
+      payrollBlockers: N,
+      pagination: O
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from 'react'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsCalculateMutation } from '@gusto/embedded-api/react-query/payrollsCalculate'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollProcessingRequest } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePreparedPayrollData } from '../usePreparedPayrollData'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nconst isCalculating = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.Calculating\nconst isCalculated = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess\n\ninterface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  companyId: string\n  payrollId: string\n  alerts?: ReactNode\n}\n\nexport function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  onEvent,\n  companyId,\n  payrollId,\n  dictionary,\n  alerts,\n}: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const { baseSubmitHandler } = useBase()\n  const dateFormatter = useDateFormatter()\n  const defaultItemsPerPage = 10\n\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState<PaginationItemsPerPage>(defaultItemsPerPage)\n  const [isPolling, setIsPolling] = useState(false)\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>([])\n\n  const { data: employeeData, isFetching: isFetchingEmployeeData } = useEmployeesListSuspense({\n    companyId,\n    payrollUuid: payrollId, // get back list of employees to specific payroll\n    per: itemsPerPage,\n    page: currentPage,\n    sortBy: 'name', // sort alphanumeric by employee last_names\n  })\n\n  // get list of employee uuids to filter into prepare endpoint to get back employee_compensation data\n  const employeeUuids = useMemo(() => {\n    return employeeData.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData.showEmployees])\n\n  const totalPages = Number(employeeData.httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  const handleItemsPerPageChange = (newCount: PaginationItemsPerPage) => {\n    setItemsPerPage(newCount)\n  }\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n\n  const pagination = {\n    currentPage,\n    handleFirstPage,\n    handlePreviousPage,\n    handleNextPage,\n    handleLastPage,\n    handleItemsPerPageChange,\n    totalPages,\n    isFetching: isFetchingEmployeeData,\n    itemsPerPage,\n  }\n\n  const { data: payrollData } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n\n  const { mutateAsync: calculatePayroll } = usePayrollsCalculateMutation()\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const {\n    preparedPayroll,\n    paySchedule,\n    isLoading: isPrepareLoading,\n    handlePreparePayroll,\n  } = usePreparedPayrollData({\n    companyId,\n    payrollId,\n    employeeUuids,\n    sortBy: 'last_name', // sort alphanumeric by employee last_names to match employees GET\n  })\n\n  const onCalculatePayroll = async () => {\n    // Clear any existing blockers before attempting calculation\n    setPayrollBlockers([])\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        await calculatePayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setIsPolling(true)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n      employeeId: employee.uuid,\n      firstName: employee.firstName,\n      lastName: employee.lastName,\n    })\n  }\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n  const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n      employeeId: employeeCompensation.employeeUuid,\n    })\n    await baseSubmitHandler({}, async () => {\n      const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [\n              { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n            ],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      // Refresh preparedPayroll to get updated data\n      await handlePreparePayroll()\n    })\n  }\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  useEffect(() => {\n    // Start polling when payroll is calculating and not already polling\n    if (isCalculating(payrollData.payrollShow?.processingRequest) && !isPolling) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is calculated successfully\n    if (isPolling && isCalculated(payrollData.payrollShow?.processingRequest)) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: { type: 'success', title: t('alerts.progressSaved') },\n        payPeriod: payrollData.payrollShow?.payPeriod,\n      })\n      // Clear blockers on successful calculation\n      setPayrollBlockers([])\n      setIsPolling(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.payrollShow?.processingRequest?.status ===\n        PayrollProcessingRequestStatus.ProcessingFailed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }\n  }, [\n    payrollData.payrollShow?.processingRequest,\n    isPolling,\n    onEvent,\n    t,\n    payrollId,\n    payrollData.payrollShow?.calculatedAt,\n  ])\n\n  const payrollDeadlineNotice = payrollData.payrollShow\n    ? {\n        label: t('alerts.directDepositDeadline', {\n          payDate: dateFormatter.formatShortWithWeekday(payrollData.payrollShow.checkDate),\n          ...dateFormatter.formatWithTime(payrollData.payrollShow.payrollDeadline),\n        }),\n        content: t('alerts.directDepositDeadlineText'),\n      }\n    : undefined\n\n  return (\n    <PayrollConfigurationPresentation\n      onCalculatePayroll={onCalculatePayroll}\n      onEdit={onEdit}\n      onToggleExclude={onToggleExclude}\n      onViewBlockers={onViewBlockers}\n      employeeCompensations={preparedPayroll?.employeeCompensations || []}\n      employeeDetails={employeeData.showEmployees || []}\n      payPeriod={preparedPayroll?.payPeriod}\n      paySchedule={paySchedule}\n      isOffCycle={preparedPayroll?.offCycle}\n      alerts={alerts}\n      payrollDeadlineNotice={payrollDeadlineNotice}\n      isPending={isPolling || isPrepareLoading || isUpdatingPayroll}\n      payrollBlockers={payrollBlockers}\n      pagination={pagination}\n    />\n  )\n}\n"],"names":["isCalculating","processingRequest","PayrollProcessingRequestStatus","isCalculated","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","useBase","dateFormatter","useDateFormatter","defaultItemsPerPage","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","isPolling","setIsPolling","payrollBlockers","setPayrollBlockers","employeeData","isFetchingEmployeeData","useEmployeesListSuspense","employeeUuids","useMemo","totalPages","pagination","prevPage","newCount","payrollData","usePayrollsGetSuspense","calculatePayroll","usePayrollsCalculateMutation","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","preparedPayroll","paySchedule","isPrepareLoading","handlePreparePayroll","usePreparedPayrollData","onCalculatePayroll","result","payrollSubmitHandler","onEdit","employee","componentEvents","transformEmployeeCompensation","paymentMethod","compensation","onToggleExclude","employeeCompensation","transformedCompensation","onViewBlockers","useEffect","payrollDeadlineNotice","PayrollConfigurationPresentation"],"mappings":"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"}
+{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from 'react'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsCalculateMutation } from '@gusto/embedded-api/react-query/payrollsCalculate'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollProcessingRequest } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePreparedPayrollData } from '../usePreparedPayrollData'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nconst isCalculating = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.Calculating\nconst isCalculated = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess\n\ninterface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  companyId: string\n  payrollId: string\n  alerts?: ReactNode\n}\n\nexport function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  onEvent,\n  companyId,\n  payrollId,\n  dictionary,\n  alerts,\n}: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const { baseSubmitHandler } = useBase()\n  const dateFormatter = useDateFormatter()\n  const defaultItemsPerPage = 10\n\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState<PaginationItemsPerPage>(defaultItemsPerPage)\n  const [isPolling, setIsPolling] = useState(false)\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>([])\n\n  const { data: employeeData, isFetching: isFetchingEmployeeData } = useEmployeesListSuspense({\n    companyId,\n    payrollUuid: payrollId, // get back list of employees to specific payroll\n    per: itemsPerPage,\n    page: currentPage,\n    sortBy: 'name', // sort alphanumeric by employee last_names\n  })\n\n  // get list of employee uuids to filter into prepare endpoint to get back employee_compensation data\n  const employeeUuids = useMemo(() => {\n    return employeeData.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData.showEmployees])\n\n  const totalPages = Number(employeeData.httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  const handleItemsPerPageChange = (newCount: PaginationItemsPerPage) => {\n    setItemsPerPage(newCount)\n  }\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n\n  const pagination = {\n    currentPage,\n    handleFirstPage,\n    handlePreviousPage,\n    handleNextPage,\n    handleLastPage,\n    handleItemsPerPageChange,\n    totalPages,\n    isFetching: isFetchingEmployeeData,\n    itemsPerPage,\n  }\n\n  const { data: payrollData } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n\n  const { mutateAsync: calculatePayroll } = usePayrollsCalculateMutation()\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const {\n    preparedPayroll,\n    paySchedule,\n    isLoading: isPrepareLoading,\n    handlePreparePayroll,\n  } = usePreparedPayrollData({\n    companyId,\n    payrollId,\n    employeeUuids,\n    sortBy: 'last_name', // sort alphanumeric by employee last_names to match employees GET\n  })\n\n  const onCalculatePayroll = async () => {\n    // Clear any existing blockers before attempting calculation\n    setPayrollBlockers([])\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        await calculatePayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setIsPolling(true)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n      employeeId: employee.uuid,\n      firstName: employee.firstName,\n      lastName: employee.lastName,\n    })\n  }\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    reimbursements,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n  const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n      employeeId: employeeCompensation.employeeUuid,\n    })\n    await baseSubmitHandler({}, async () => {\n      const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [\n              { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n            ],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      // Refresh preparedPayroll to get updated data\n      await handlePreparePayroll()\n    })\n  }\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  useEffect(() => {\n    // Start polling when payroll is calculating and not already polling\n    if (isCalculating(payrollData.payrollShow?.processingRequest) && !isPolling) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is calculated successfully\n    if (isPolling && isCalculated(payrollData.payrollShow?.processingRequest)) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: { type: 'success', title: t('alerts.progressSaved') },\n        payPeriod: payrollData.payrollShow?.payPeriod,\n      })\n      // Clear blockers on successful calculation\n      setPayrollBlockers([])\n      setIsPolling(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.payrollShow?.processingRequest?.status ===\n        PayrollProcessingRequestStatus.ProcessingFailed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }\n  }, [\n    payrollData.payrollShow?.processingRequest,\n    isPolling,\n    onEvent,\n    t,\n    payrollId,\n    payrollData.payrollShow?.calculatedAt,\n  ])\n\n  const payrollDeadlineNotice = payrollData.payrollShow\n    ? {\n        label: t('alerts.directDepositDeadline', {\n          payDate: dateFormatter.formatShortWithWeekday(payrollData.payrollShow.checkDate),\n          ...dateFormatter.formatWithTime(payrollData.payrollShow.payrollDeadline),\n        }),\n        content: t('alerts.directDepositDeadlineText'),\n      }\n    : undefined\n\n  return (\n    <PayrollConfigurationPresentation\n      onCalculatePayroll={onCalculatePayroll}\n      onEdit={onEdit}\n      onToggleExclude={onToggleExclude}\n      onViewBlockers={onViewBlockers}\n      employeeCompensations={preparedPayroll?.employeeCompensations || []}\n      employeeDetails={employeeData.showEmployees || []}\n      payPeriod={preparedPayroll?.payPeriod}\n      paySchedule={paySchedule}\n      isOffCycle={preparedPayroll?.offCycle}\n      alerts={alerts}\n      payrollDeadlineNotice={payrollDeadlineNotice}\n      isPending={isPolling || isPrepareLoading || isUpdatingPayroll}\n      payrollBlockers={payrollBlockers}\n      pagination={pagination}\n    />\n  )\n}\n"],"names":["isCalculating","processingRequest","PayrollProcessingRequestStatus","isCalculated","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","useBase","dateFormatter","useDateFormatter","defaultItemsPerPage","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","isPolling","setIsPolling","payrollBlockers","setPayrollBlockers","employeeData","isFetchingEmployeeData","useEmployeesListSuspense","employeeUuids","useMemo","totalPages","pagination","prevPage","newCount","payrollData","usePayrollsGetSuspense","calculatePayroll","usePayrollsCalculateMutation","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","preparedPayroll","paySchedule","isPrepareLoading","handlePreparePayroll","usePreparedPayrollData","onCalculatePayroll","result","payrollSubmitHandler","onEdit","employee","componentEvents","transformEmployeeCompensation","paymentMethod","reimbursements","compensation","onToggleExclude","employeeCompensation","transformedCompensation","onViewBlockers","useEffect","payrollDeadlineNotice","PayrollConfigurationPresentation"],"mappings":"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"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as l, Fragment as G } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as G } from "react/jsx-runtime";
 import { useRef as N } from "react";
 import { useTranslation as S, Trans as O } from "react-i18next";
 import { useFormatEmployeePayRate as V, getRegularHours as _, getOvertimeHours as z, formatHoursDisplay as P, getTotalPtoHours as K, getAdditionalEarnings as W, getReimbursements as X, calculateGrossPay as q } from "../helpers.js";
@@ -7,6 +7,7 @@ import k from "./PayrollConfigurationPresentation.module.scss.js";
 import { useI18n as Q } from "../../../i18n/I18n.js";
 import { Flex as m, FlexItem as h } from "../../Common/Flex/Flex.js";
 import { Grid as Y } from "../../Common/Grid/Grid.js";
+import "classnames";
 import { useComponentContext as Z } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import $ from "../../../assets/icons/pencil.svg.js";
 import ee from "../../../assets/icons/x-circle.svg.js";
@@ -14,11 +15,11 @@ import te from "../../../assets/icons/plus-circle.svg.js";
 import { formatNumberAsCurrency as f, firstLastName as re } from "../../../helpers/formattedStrings.js";
 import { useDateFormatter as ne } from "../../../hooks/useDateFormatter.js";
 import { useLoadingIndicator as ie } from "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { useContainerBreakpoints as le } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { HamburgerMenu as oe } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useContainerBreakpoints as oe } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { HamburgerMenu as le } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { DataView as ae } from "../../Common/DataView/DataView.js";
-const se = (o, u) => o?.startDate && o.endDate ? u.formatPayPeriod(o.startDate, o.endDate) : { startDate: "", endDate: "" }, Ee = ({
-  employeeCompensations: o,
+const se = (l, u) => l?.startDate && l.endDate ? u.formatPayPeriod(l.startDate, l.endDate) : { startDate: "", endDate: "" }, Ie = ({
+  employeeCompensations: l,
   employeeDetails: u,
   payPeriod: y,
   paySchedule: T,
@@ -35,12 +36,12 @@ const se = (o, u) => o?.startDate && o.endDate ? u.formatPayPeriod(o.startDate,
 }) => {
   const { Button: x, Heading: g, Text: i, Badge: R, LoadingSpinner: A, Alert: F } = Z();
   Q("Payroll.PayrollConfiguration");
-  const { t: r } = S("Payroll.PayrollConfiguration"), B = ne(), { LoadingIndicator: L } = ie(), U = V(), w = N(null), a = le({ ref: w }).includes("small"), c = new Map(u.map((t) => [t.uuid, t])), j = (t) => {
+  const { t: r } = S("Payroll.PayrollConfiguration"), B = ne(), { LoadingIndicator: L } = ie(), U = V(), w = N(null), a = oe({ ref: w }).includes("small"), c = new Map(u.map((t) => [t.uuid, t])), j = (t) => {
     const n = c.get(t);
     return n ? re({ first_name: n.firstName, last_name: n.lastName }) : null;
   };
-  return /* @__PURE__ */ e("div", { ref: w, className: k.container, children: /* @__PURE__ */ l(m, { flexDirection: "column", gap: 16, children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ e("div", { ref: w, className: k.container, children: /* @__PURE__ */ o(m, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ o(
       m,
       {
         flexDirection: a ? "row" : "column",
@@ -48,7 +49,7 @@ const se = (o, u) => o?.startDate && o.endDate ? u.formatPayPeriod(o.startDate,
         alignItems: a ? "center" : "stretch",
         gap: a ? 0 : 16,
         children: [
-          /* @__PURE__ */ l(h, { children: [
+          /* @__PURE__ */ o(h, { children: [
             /* @__PURE__ */ e(g, { as: "h1", children: r("pageTitle") }),
             /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
               O,
@@ -80,15 +81,15 @@ const se = (o, u) => o?.startDate && o.endDate ? u.formatPayPeriod(o.startDate,
         ]
       }
     ),
-    (C || d) && /* @__PURE__ */ l(Y, { gap: 16, gridTemplateColumns: "1fr", children: [
+    (C || d) && /* @__PURE__ */ o(Y, { gap: 16, gridTemplateColumns: "1fr", children: [
       d && /* @__PURE__ */ e(F, { status: "info", label: d.label, children: d.content }),
       C
     ] }),
-    p ? /* @__PURE__ */ e(L, { children: /* @__PURE__ */ l(m, { flexDirection: "column", alignItems: "center", gap: 4, children: [
+    p ? /* @__PURE__ */ e(L, { children: /* @__PURE__ */ o(m, { flexDirection: "column", alignItems: "center", gap: 4, children: [
       /* @__PURE__ */ e(A, { size: "lg" }),
       /* @__PURE__ */ e(g, { as: "h4", children: r("loadingTitle") }),
       /* @__PURE__ */ e(i, { children: r("loadingDescription") })
-    ] }) }) : /* @__PURE__ */ l(G, { children: [
+    ] }) }) : /* @__PURE__ */ o(G, { children: [
       /* @__PURE__ */ e("div", { className: k.payrollBlockerContainer, children: D.length > 0 && /* @__PURE__ */ e(
         J,
         {
@@ -96,7 +97,7 @@ const se = (o, u) => o?.startDate && o.endDate ? u.formatPayPeriod(o.startDate,
           onMultipleViewClick: H
         }
       ) }),
-      /* @__PURE__ */ l(h, { children: [
+      /* @__PURE__ */ o(h, { children: [
         /* @__PURE__ */ e(g, { as: "h3", children: r("hoursAndEarningsTitle") }),
         /* @__PURE__ */ e(i, { children: r("hoursAndEarningsDescription") })
       ] }),
@@ -109,7 +110,7 @@ const se = (o, u) => o?.startDate && o.endDate ? u.formatPayPeriod(o.startDate,
               title: /* @__PURE__ */ e(i, { weight: "semibold", children: r("tableColumns.employees") }),
               render: (t) => {
                 const n = c.get(t.employeeUuid || ""), s = U(n);
-                return /* @__PURE__ */ l(m, { flexDirection: "column", gap: 8, children: [
+                return /* @__PURE__ */ o(m, { flexDirection: "column", gap: 8, children: [
                   /* @__PURE__ */ e(i, { weight: "semibold", children: j(t.employeeUuid || "") }),
                   s && /* @__PURE__ */ e(i, { variant: "supporting", children: s }),
                   t.excluded && /* @__PURE__ */ e(R, { status: "warning", children: r("skippedBadge") })
@@ -158,9 +159,9 @@ const se = (o, u) => o?.startDate && o.endDate ? u.formatPayPeriod(o.startDate,
               }
             }
           ],
-          data: o,
+          data: l,
           itemMenu: (t) => /* @__PURE__ */ e(
-            oe,
+            le,
             {
               items: [
                 {
@@ -189,6 +190,6 @@ const se = (o, u) => o?.startDate && o.endDate ? u.formatPayPeriod(o.startDate,
   ] }) });
 };
 export {
-  Ee as PayrollConfigurationPresentation
+  Ie as PayrollConfigurationPresentation
 };
 //# sourceMappingURL=PayrollConfigurationPresentation.js.map

package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfigurationPresentation.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useRef } from 'react'\nimport type { EmployeeCompensations } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport { Trans, useTranslation } from 'react-i18next'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport {\n  useFormatEmployeePayRate,\n  getRegularHours,\n  getOvertimeHours,\n  getTotalPtoHours,\n  getAdditionalEarnings,\n  getReimbursements,\n  formatHoursDisplay,\n  calculateGrossPay,\n} from '../helpers'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport styles from './PayrollConfigurationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { DataView, Flex, FlexItem, Grid } from '@/components/Common'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport XCircle from '@/assets/icons/x-circle.svg?react'\nimport PlusCircle from '@/assets/icons/plus-circle.svg?react'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollConfigurationPresentationProps {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod?: PayrollPayPeriodType\n  paySchedule?: PayScheduleObject\n  onCalculatePayroll: () => void\n  onEdit: (employee: Employee) => void\n  onToggleExclude: (employeeCompensation: PayrollEmployeeCompensationsType) => void\n  onViewBlockers: () => void\n  isOffCycle?: boolean\n  alerts?: ReactNode\n  payrollDeadlineNotice?: {\n    label: string\n    content?: ReactNode\n  }\n  isPending?: boolean\n  payrollBlockers?: ApiPayrollBlocker[]\n  pagination?: PaginationControlProps\n}\n\nconst getPayrollConfigurationTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollConfigurationPresentation = ({\n  employeeCompensations,\n  employeeDetails,\n  payPeriod,\n  paySchedule,\n  onEdit,\n  onToggleExclude,\n  onCalculatePayroll,\n  onViewBlockers,\n  isOffCycle = false,\n  alerts,\n  payrollDeadlineNotice,\n  isPending,\n  payrollBlockers = [],\n  pagination,\n}: PayrollConfigurationPresentationProps) => {\n  const { Button, Heading, Text, Badge, LoadingSpinner, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const dateFormatter = useDateFormatter()\n  const { LoadingIndicator } = useLoadingIndicator()\n  const formatEmployeePayRate = useFormatEmployeePayRate()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const getEmployeeName = (employeeUuid: string) => {\n    const employee = employeeMap.get(employeeUuid)\n    return employee\n      ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n      : null\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Flex\n          flexDirection={isDesktop ? 'row' : 'column'}\n          justifyContent={isDesktop ? 'space-between' : 'normal'}\n          alignItems={isDesktop ? 'center' : 'stretch'}\n          gap={isDesktop ? 0 : 16}\n        >\n          <FlexItem>\n            <Heading as=\"h1\">{t('pageTitle')}</Heading>\n            <Text>\n              <Trans\n                i18nKey=\"description\"\n                t={t}\n                components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n                values={getPayrollConfigurationTitle(payPeriod, dateFormatter)}\n              />\n            </Text>\n          </FlexItem>\n          <FlexItem flexGrow={isDesktop ? 0 : 0}>\n            {isDesktop ? (\n              <Button\n                title={t('calculatePayrollTitle')}\n                onClick={onCalculatePayroll}\n                isDisabled={isPending}\n              >\n                {t('calculatePayroll')}\n              </Button>\n            ) : (\n              <Flex flexDirection=\"column\" justifyContent=\"normal\" alignItems=\"stretch\" gap={12}>\n                <Button\n                  title={t('calculatePayrollTitle')}\n                  onClick={onCalculatePayroll}\n                  isDisabled={isPending}\n                >\n                  {t('calculatePayroll')}\n                </Button>\n              </Flex>\n            )}\n          </FlexItem>\n        </Flex>\n\n        {(alerts || payrollDeadlineNotice) && (\n          <Grid gap={16} gridTemplateColumns=\"1fr\">\n            {payrollDeadlineNotice && (\n              <Alert status=\"info\" label={payrollDeadlineNotice.label}>\n                {payrollDeadlineNotice.content}\n              </Alert>\n            )}\n            {alerts}\n          </Grid>\n        )}\n\n        {isPending ? (\n          <LoadingIndicator>\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={4}>\n              <LoadingSpinner size=\"lg\" />\n              <Heading as=\"h4\">{t('loadingTitle')}</Heading>\n              <Text>{t('loadingDescription')}</Text>\n            </Flex>\n          </LoadingIndicator>\n        ) : (\n          <>\n            <div className={styles.payrollBlockerContainer}>\n              {payrollBlockers.length > 0 && (\n                <PayrollBlockerAlerts\n                  blockers={payrollBlockers}\n                  onMultipleViewClick={onViewBlockers}\n                />\n              )}\n            </div>\n            <FlexItem>\n              <Heading as=\"h3\">{t('hoursAndEarningsTitle')}</Heading>\n              <Text>{t('hoursAndEarningsDescription')}</Text>\n            </FlexItem>\n\n            <DataView\n              label={t('employeeCompensationsTitle')}\n              columns={[\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.employees')}</Text>,\n                  render: (item: EmployeeCompensations) => {\n                    const employee = employeeMap.get(item.employeeUuid || '')\n                    const payRateDisplay = formatEmployeePayRate(employee)\n                    return (\n                      <Flex flexDirection=\"column\" gap={8 as const}>\n                        <Text weight=\"semibold\">{getEmployeeName(item.employeeUuid || '')}</Text>\n                        {payRateDisplay && <Text variant=\"supporting\">{payRateDisplay}</Text>}\n                        {item.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n                      </Flex>\n                    )\n                  },\n                },\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.hours')}</Text>,\n                  render: (item: EmployeeCompensations) => {\n                    const hours = getRegularHours(item)\n                    const overtimeHours = getOvertimeHours(item)\n                    return <Text>{formatHoursDisplay(hours + overtimeHours)}</Text>\n                  },\n                },\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.timeOff')}</Text>,\n                  render: (item: EmployeeCompensations) => {\n                    const ptoHours = getTotalPtoHours(item)\n                    return <Text>{formatHoursDisplay(ptoHours)}</Text>\n                  },\n                },\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.additionalEarnings')}</Text>,\n                  render: (item: EmployeeCompensations) => {\n                    const earnings = getAdditionalEarnings(item)\n                    return <Text>{formatNumberAsCurrency(earnings)}</Text>\n                  },\n                },\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.reimbursements')}</Text>,\n                  render: (item: EmployeeCompensations) => {\n                    const reimbursements = getReimbursements(item)\n                    return <Text>{formatNumberAsCurrency(reimbursements)}</Text>\n                  },\n                },\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.totalPay')}</Text>,\n                  render: (item: PayrollEmployeeCompensationsType) => {\n                    const employee = employeeMap.get(item.employeeUuid || '')\n                    const calculatedGrossPay = employee\n                      ? calculateGrossPay(\n                          item,\n                          employee,\n                          payPeriod?.startDate,\n                          paySchedule,\n                          isOffCycle,\n                        )\n                      : 0\n                    return <Text>{formatNumberAsCurrency(calculatedGrossPay)}</Text>\n                  },\n                },\n              ]}\n              data={employeeCompensations}\n              itemMenu={(item: EmployeeCompensations) => (\n                <HamburgerMenu\n                  items={[\n                    {\n                      label: t('editMenu.edit'),\n                      icon: <PencilSvg aria-hidden />,\n                      onClick: () => {\n                        const employee = employeeMap.get(item.employeeUuid || '')\n                        if (employee) {\n                          onEdit(employee)\n                        }\n                      },\n                    },\n                    {\n                      label: t(item.excluded ? 'editMenu.unskip' : 'editMenu.skip'),\n                      icon: item.excluded ? <PlusCircle aria-hidden /> : <XCircle aria-hidden />,\n                      onClick: () => {\n                        const employee = employeeMap.get(item.employeeUuid || '')\n                        if (employee) {\n                          onToggleExclude(item)\n                        }\n                      },\n                    },\n                  ]}\n                  triggerLabel={t('editMenu.edit')}\n                />\n              )}\n              pagination={pagination}\n            />\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollConfigurationTitle","payPeriod","dateFormatter","PayrollConfigurationPresentation","employeeCompensations","employeeDetails","paySchedule","onEdit","onToggleExclude","onCalculatePayroll","onViewBlockers","isOffCycle","alerts","payrollDeadlineNotice","isPending","payrollBlockers","pagination","Button","Heading","Text","Badge","LoadingSpinner","Alert","useComponentContext","useI18n","t","useTranslation","useDateFormatter","LoadingIndicator","useLoadingIndicator","formatEmployeePayRate","useFormatEmployeePayRate","containerRef","useRef","isDesktop","useContainerBreakpoints","employeeMap","employee","getEmployeeName","employeeUuid","firstLastName","jsx","styles","jsxs","Flex","FlexItem","Trans","Grid","Fragment","PayrollBlockerAlerts","DataView","item","payRateDisplay","hours","getRegularHours","overtimeHours","getOvertimeHours","formatHoursDisplay","ptoHours","getTotalPtoHours","earnings","getAdditionalEarnings","formatNumberAsCurrency","reimbursements","getReimbursements","calculatedGrossPay","calculateGrossPay","HamburgerMenu","PencilSvg","PlusCircle","XCircle"],"mappings":";;;;;;;;;;;;;;;;;;;AAsDA,MAAMA,KAA+B,CACnCC,GACAC,MAEID,GAAW,aAAaA,EAAU,UAC7BC,EAAc,gBAAgBD,EAAU,WAAWA,EAAU,OAAO,IAEtE,EAAE,WAAW,IAAI,SAAS,GAAA,GAGtBE,KAAmC,CAAC;AAAA,EAC/C,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAJ;AAAA,EACA,aAAAK;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAA;AAAA,EAClB,YAAAC;AACF,MAA6C;AAC3C,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,GAAM,OAAAC,GAAO,gBAAAC,GAAgB,OAAAC,EAAA,IAAUC,EAAA;AAChE,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,8BAA8B,GACrDxB,IAAgByB,GAAA,GAChB,EAAE,kBAAAC,EAAA,IAAqBC,GAAA,GACvBC,IAAwBC,EAAA,GACxBC,IAAeC,EAAuB,IAAI,GAE1CC,IADcC,GAAwB,EAAE,KAAKH,GAAc,EACnC,SAAS,OAAO,GAExCI,IAAc,IAAI,IAAI/B,EAAgB,IAAI,CAAAgC,MAAY,CAACA,EAAS,MAAMA,CAAQ,CAAC,CAAC,GAEhFC,IAAkB,CAACC,MAAyB;AAChD,UAAMF,IAAWD,EAAY,IAAIG,CAAY;AAC7C,WAAOF,IACHG,GAAc,EAAE,YAAYH,EAAS,WAAW,WAAWA,EAAS,SAAA,CAAU,IAC9E;AAAA,EACN;AAEA,SACE,gBAAAI,EAAC,OAAA,EAAI,KAAKT,GAAc,WAAWU,EAAO,WACxC,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAeV,IAAY,QAAQ;AAAA,QACnC,gBAAgBA,IAAY,kBAAkB;AAAA,QAC9C,YAAYA,IAAY,WAAW;AAAA,QACnC,KAAKA,IAAY,IAAI;AAAA,QAErB,UAAA;AAAA,UAAA,gBAAAS,EAACE,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAJ,EAACvB,GAAA,EAAQ,IAAG,MAAM,UAAAO,EAAE,WAAW,GAAE;AAAA,8BAChCN,GAAA,EACC,UAAA,gBAAAsB;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,GAAArB;AAAA,gBACA,YAAY,EAAE,aAAa,gBAAAgB,EAACtB,KAAK,QAAO,QAAO,IAAG,OAAA,CAAO,EAAA;AAAA,gBACzD,QAAQnB,GAA6BC,GAAWC,CAAa;AAAA,cAAA;AAAA,YAAA,EAC/D,CACF;AAAA,UAAA,GACF;AAAA,4BACC2C,GAAA,EAAS,UAAsB,GAC7B,UAAAX,IACC,gBAAAO;AAAA,YAACxB;AAAA,YAAA;AAAA,cACC,OAAOQ,EAAE,uBAAuB;AAAA,cAChC,SAAShB;AAAA,cACT,YAAYK;AAAA,cAEX,YAAE,kBAAkB;AAAA,YAAA;AAAA,UAAA,IAGvB,gBAAA2B,EAACG,GAAA,EAAK,eAAc,UAAS,gBAAe,UAAS,YAAW,WAAU,KAAK,IAC7E,UAAA,gBAAAH;AAAA,YAACxB;AAAA,YAAA;AAAA,cACC,OAAOQ,EAAE,uBAAuB;AAAA,cAChC,SAAShB;AAAA,cACT,YAAYK;AAAA,cAEX,YAAE,kBAAkB;AAAA,YAAA;AAAA,UAAA,GAEzB,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,KAGAF,KAAUC,MACV,gBAAA8B,EAACI,KAAK,KAAK,IAAI,qBAAoB,OAChC,UAAA;AAAA,MAAAlC,KACC,gBAAA4B,EAACnB,KAAM,QAAO,QAAO,OAAOT,EAAsB,OAC/C,YAAsB,QAAA,CACzB;AAAA,MAEDD;AAAA,IAAA,GACH;AAAA,IAGDE,IACC,gBAAA2B,EAACb,GAAA,EACC,UAAA,gBAAAe,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA;AAAA,MAAA,gBAAAH,EAACpB,GAAA,EAAe,MAAK,KAAA,CAAK;AAAA,wBACzBH,GAAA,EAAQ,IAAG,MAAM,UAAAO,EAAE,cAAc,GAAE;AAAA,MACpC,gBAAAgB,EAACtB,GAAA,EAAM,UAAAM,EAAE,oBAAoB,EAAA,CAAE;AAAA,IAAA,EAAA,CACjC,EAAA,CACF,IAEA,gBAAAkB,EAAAK,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAP,EAAC,SAAI,WAAWC,EAAO,yBACpB,UAAA3B,EAAgB,SAAS,KACxB,gBAAA0B;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,UAAUlC;AAAA,UACV,qBAAqBL;AAAA,QAAA;AAAA,MAAA,GAG3B;AAAA,wBACCmC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACvB,GAAA,EAAQ,IAAG,MAAM,UAAAO,EAAE,uBAAuB,GAAE;AAAA,QAC7C,gBAAAgB,EAACtB,GAAA,EAAM,UAAAM,EAAE,6BAA6B,EAAA,CAAE;AAAA,MAAA,GAC1C;AAAA,MAEA,gBAAAgB;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,OAAOzB,EAAE,4BAA4B;AAAA,UACrC,SAAS;AAAA,YACP;AAAA,cACE,OAAO,gBAAAgB,EAACtB,GAAA,EAAK,QAAO,YAAY,UAAAM,EAAE,wBAAwB,GAAE;AAAA,cAC5D,QAAQ,CAAC0B,MAAgC;AACvC,sBAAMd,IAAWD,EAAY,IAAIe,EAAK,gBAAgB,EAAE,GAClDC,IAAiBtB,EAAsBO,CAAQ;AACrD,uBACE,gBAAAM,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,kBAAA,gBAAAH,EAACtB,KAAK,QAAO,YAAY,YAAgBgC,EAAK,gBAAgB,EAAE,GAAE;AAAA,kBACjEC,KAAkB,gBAAAX,EAACtB,GAAA,EAAK,SAAQ,cAAc,UAAAiC,GAAe;AAAA,kBAC7DD,EAAK,YAAY,gBAAAV,EAACrB,GAAA,EAAM,QAAO,WAAW,UAAAK,EAAE,cAAc,EAAA,CAAE;AAAA,gBAAA,GAC/D;AAAA,cAEJ;AAAA,YAAA;AAAA,YAEF;AAAA,cACE,OAAO,gBAAAgB,EAACtB,GAAA,EAAK,QAAO,YAAY,UAAAM,EAAE,oBAAoB,GAAE;AAAA,cACxD,QAAQ,CAAC0B,MAAgC;AACvC,sBAAME,IAAQC,EAAgBH,CAAI,GAC5BI,IAAgBC,EAAiBL,CAAI;AAC3C,uBAAO,gBAAAV,EAACtB,GAAA,EAAM,UAAAsC,EAAmBJ,IAAQE,CAAa,GAAE;AAAA,cAC1D;AAAA,YAAA;AAAA,YAEF;AAAA,cACE,OAAO,gBAAAd,EAACtB,GAAA,EAAK,QAAO,YAAY,UAAAM,EAAE,sBAAsB,GAAE;AAAA,cAC1D,QAAQ,CAAC0B,MAAgC;AACvC,sBAAMO,IAAWC,EAAiBR,CAAI;AACtC,uBAAO,gBAAAV,EAACtB,GAAA,EAAM,UAAAsC,EAAmBC,CAAQ,GAAE;AAAA,cAC7C;AAAA,YAAA;AAAA,YAEF;AAAA,cACE,OAAO,gBAAAjB,EAACtB,GAAA,EAAK,QAAO,YAAY,UAAAM,EAAE,iCAAiC,GAAE;AAAA,cACrE,QAAQ,CAAC0B,MAAgC;AACvC,sBAAMS,IAAWC,EAAsBV,CAAI;AAC3C,uBAAO,gBAAAV,EAACtB,GAAA,EAAM,UAAA2C,EAAuBF,CAAQ,GAAE;AAAA,cACjD;AAAA,YAAA;AAAA,YAEF;AAAA,cACE,OAAO,gBAAAnB,EAACtB,GAAA,EAAK,QAAO,YAAY,UAAAM,EAAE,6BAA6B,GAAE;AAAA,cACjE,QAAQ,CAAC0B,MAAgC;AACvC,sBAAMY,IAAiBC,EAAkBb,CAAI;AAC7C,uBAAO,gBAAAV,EAACtB,GAAA,EAAM,UAAA2C,EAAuBC,CAAc,GAAE;AAAA,cACvD;AAAA,YAAA;AAAA,YAEF;AAAA,cACE,OAAO,gBAAAtB,EAACtB,GAAA,EAAK,QAAO,YAAY,UAAAM,EAAE,uBAAuB,GAAE;AAAA,cAC3D,QAAQ,CAAC0B,MAA2C;AAClD,sBAAMd,IAAWD,EAAY,IAAIe,EAAK,gBAAgB,EAAE,GAClDc,IAAqB5B,IACvB6B;AAAA,kBACEf;AAAA,kBACAd;AAAA,kBACApC,GAAW;AAAA,kBACXK;AAAA,kBACAK;AAAA,gBAAA,IAEF;AACJ,uBAAO,gBAAA8B,EAACtB,GAAA,EAAM,UAAA2C,EAAuBG,CAAkB,GAAE;AAAA,cAC3D;AAAA,YAAA;AAAA,UACF;AAAA,UAEF,MAAM7D;AAAA,UACN,UAAU,CAAC+C,MACT,gBAAAV;AAAA,YAAC0B;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL;AAAA,kBACE,OAAO1C,EAAE,eAAe;AAAA,kBACxB,MAAM,gBAAAgB,EAAC2B,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,kBAC7B,SAAS,MAAM;AACb,0BAAM/B,IAAWD,EAAY,IAAIe,EAAK,gBAAgB,EAAE;AACxD,oBAAId,KACF9B,EAAO8B,CAAQ;AAAA,kBAEnB;AAAA,gBAAA;AAAA,gBAEF;AAAA,kBACE,OAAOZ,EAAE0B,EAAK,WAAW,oBAAoB,eAAe;AAAA,kBAC5D,MAAMA,EAAK,WAAW,gBAAAV,EAAC4B,IAAA,EAAW,eAAW,GAAA,CAAC,IAAK,gBAAA5B,EAAC6B,IAAA,EAAQ,eAAW,GAAA,CAAC;AAAA,kBACxE,SAAS,MAAM;AAEb,oBADiBlC,EAAY,IAAIe,EAAK,gBAAgB,EAAE,KAEtD3C,EAAgB2C,CAAI;AAAA,kBAExB;AAAA,gBAAA;AAAA,cACF;AAAA,cAEF,cAAc1B,EAAE,eAAe;AAAA,YAAA;AAAA,UAAA;AAAA,UAGnC,YAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"PayrollConfigurationPresentation.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useRef } from 'react'\nimport type { EmployeeCompensations } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport { Trans, useTranslation } from 'react-i18next'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport {\n  useFormatEmployeePayRate,\n  getRegularHours,\n  getOvertimeHours,\n  getTotalPtoHours,\n  getAdditionalEarnings,\n  getReimbursements,\n  formatHoursDisplay,\n  calculateGrossPay,\n} from '../helpers'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport styles from './PayrollConfigurationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { DataView, Flex, FlexItem, Grid } from '@/components/Common'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport XCircle from '@/assets/icons/x-circle.svg?react'\nimport PlusCircle from '@/assets/icons/plus-circle.svg?react'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollConfigurationPresentationProps {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod?: PayrollPayPeriodType\n  paySchedule?: PayScheduleObject\n  onCalculatePayroll: () => void\n  onEdit: (employee: Employee) => void\n  onToggleExclude: (employeeCompensation: PayrollEmployeeCompensationsType) => void\n  onViewBlockers: () => void\n  isOffCycle?: boolean\n  alerts?: ReactNode\n  payrollDeadlineNotice?: {\n    label: string\n    content?: ReactNode\n  }\n  isPending?: boolean\n  payrollBlockers?: ApiPayrollBlocker[]\n  pagination?: PaginationControlProps\n}\n\nconst getPayrollConfigurationTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollConfigurationPresentation = ({\n  employeeCompensations,\n  employeeDetails,\n  payPeriod,\n  paySchedule,\n  onEdit,\n  onToggleExclude,\n  onCalculatePayroll,\n  onViewBlockers,\n  isOffCycle = false,\n  alerts,\n  payrollDeadlineNotice,\n  isPending,\n  payrollBlockers = [],\n  pagination,\n}: PayrollConfigurationPresentationProps) => {\n  const { Button, Heading, Text, Badge, LoadingSpinner, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const dateFormatter = useDateFormatter()\n  const { LoadingIndicator } = useLoadingIndicator()\n  const formatEmployeePayRate = useFormatEmployeePayRate()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const getEmployeeName = (employeeUuid: string) => {\n    const employee = employeeMap.get(employeeUuid)\n    return employee\n      ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n      : null\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Flex\n          flexDirection={isDesktop ? 'row' : 'column'}\n          justifyContent={isDesktop ? 'space-between' : 'normal'}\n          alignItems={isDesktop ? 'center' : 'stretch'}\n          gap={isDesktop ? 0 : 16}\n        >\n          <FlexItem>\n            <Heading as=\"h1\">{t('pageTitle')}</Heading>\n            <Text>\n              <Trans\n                i18nKey=\"description\"\n                t={t}\n                components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n                values={getPayrollConfigurationTitle(payPeriod, dateFormatter)}\n              />\n            </Text>\n          </FlexItem>\n          <FlexItem flexGrow={isDesktop ? 0 : 0}>\n            {isDesktop ? (\n              <Button\n                title={t('calculatePayrollTitle')}\n                onClick={onCalculatePayroll}\n                isDisabled={isPending}\n              >\n                {t('calculatePayroll')}\n              </Button>\n            ) : (\n              <Flex flexDirection=\"column\" justifyContent=\"normal\" alignItems=\"stretch\" gap={12}>\n                <Button\n                  title={t('calculatePayrollTitle')}\n                  onClick={onCalculatePayroll}\n                  isDisabled={isPending}\n                >\n                  {t('calculatePayroll')}\n                </Button>\n              </Flex>\n            )}\n          </FlexItem>\n        </Flex>\n\n        {(alerts || payrollDeadlineNotice) && (\n          <Grid gap={16} gridTemplateColumns=\"1fr\">\n            {payrollDeadlineNotice && (\n              <Alert status=\"info\" label={payrollDeadlineNotice.label}>\n                {payrollDeadlineNotice.content}\n              </Alert>\n            )}\n            {alerts}\n          </Grid>\n        )}\n\n        {isPending ? (\n          <LoadingIndicator>\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={4}>\n              <LoadingSpinner size=\"lg\" />\n              <Heading as=\"h4\">{t('loadingTitle')}</Heading>\n              <Text>{t('loadingDescription')}</Text>\n            </Flex>\n          </LoadingIndicator>\n        ) : (\n          <>\n            <div className={styles.payrollBlockerContainer}>\n              {payrollBlockers.length > 0 && (\n                <PayrollBlockerAlerts\n                  blockers={payrollBlockers}\n                  onMultipleViewClick={onViewBlockers}\n                />\n              )}\n            </div>\n            <FlexItem>\n              <Heading as=\"h3\">{t('hoursAndEarningsTitle')}</Heading>\n              <Text>{t('hoursAndEarningsDescription')}</Text>\n            </FlexItem>\n\n            <DataView\n              label={t('employeeCompensationsTitle')}\n              columns={[\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.employees')}</Text>,\n                  render: (item: EmployeeCompensations) => {\n                    const employee = employeeMap.get(item.employeeUuid || '')\n                    const payRateDisplay = formatEmployeePayRate(employee)\n                    return (\n                      <Flex flexDirection=\"column\" gap={8 as const}>\n                        <Text weight=\"semibold\">{getEmployeeName(item.employeeUuid || '')}</Text>\n                        {payRateDisplay && <Text variant=\"supporting\">{payRateDisplay}</Text>}\n                        {item.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n                      </Flex>\n                    )\n                  },\n                },\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.hours')}</Text>,\n                  render: (item: EmployeeCompensations) => {\n                    const hours = getRegularHours(item)\n                    const overtimeHours = getOvertimeHours(item)\n                    return <Text>{formatHoursDisplay(hours + overtimeHours)}</Text>\n                  },\n                },\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.timeOff')}</Text>,\n                  render: (item: EmployeeCompensations) => {\n                    const ptoHours = getTotalPtoHours(item)\n                    return <Text>{formatHoursDisplay(ptoHours)}</Text>\n                  },\n                },\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.additionalEarnings')}</Text>,\n                  render: (item: EmployeeCompensations) => {\n                    const earnings = getAdditionalEarnings(item)\n                    return <Text>{formatNumberAsCurrency(earnings)}</Text>\n                  },\n                },\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.reimbursements')}</Text>,\n                  render: (item: EmployeeCompensations) => {\n                    const reimbursements = getReimbursements(item)\n                    return <Text>{formatNumberAsCurrency(reimbursements)}</Text>\n                  },\n                },\n                {\n                  title: <Text weight=\"semibold\">{t('tableColumns.totalPay')}</Text>,\n                  render: (item: PayrollEmployeeCompensationsType) => {\n                    const employee = employeeMap.get(item.employeeUuid || '')\n                    const calculatedGrossPay = employee\n                      ? calculateGrossPay(\n                          item,\n                          employee,\n                          payPeriod?.startDate,\n                          paySchedule,\n                          isOffCycle,\n                        )\n                      : 0\n                    return <Text>{formatNumberAsCurrency(calculatedGrossPay)}</Text>\n                  },\n                },\n              ]}\n              data={employeeCompensations}\n              itemMenu={(item: EmployeeCompensations) => (\n                <HamburgerMenu\n                  items={[\n                    {\n                      label: t('editMenu.edit'),\n                      icon: <PencilSvg aria-hidden />,\n                      onClick: () => {\n                        const employee = employeeMap.get(item.employeeUuid || '')\n                        if (employee) {\n                          onEdit(employee)\n                        }\n                      },\n                    },\n                    {\n                      label: t(item.excluded ? 'editMenu.unskip' : 'editMenu.skip'),\n                      icon: item.excluded ? <PlusCircle aria-hidden /> : <XCircle aria-hidden />,\n                      onClick: () => {\n                        const employee = employeeMap.get(item.employeeUuid || '')\n                        if (employee) {\n                          onToggleExclude(item)\n                        }\n                      },\n                    },\n                  ]}\n                  triggerLabel={t('editMenu.edit')}\n                />\n              )}\n              pagination={pagination}\n            />\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollConfigurationTitle","payPeriod","dateFormatter","PayrollConfigurationPresentation","employeeCompensations","employeeDetails","paySchedule","onEdit","onToggleExclude","onCalculatePayroll","onViewBlockers","isOffCycle","alerts","payrollDeadlineNotice","isPending","payrollBlockers","pagination","Button","Heading","Text","Badge","LoadingSpinner","Alert","useComponentContext","useI18n","t","useTranslation","useDateFormatter","LoadingIndicator","useLoadingIndicator","formatEmployeePayRate","useFormatEmployeePayRate","containerRef","useRef","isDesktop","useContainerBreakpoints","employeeMap","employee","getEmployeeName","employeeUuid","firstLastName","jsx","styles","jsxs","Flex","FlexItem","Trans","Grid","Fragment","PayrollBlockerAlerts","DataView","item","payRateDisplay","hours","getRegularHours","overtimeHours","getOvertimeHours","formatHoursDisplay","ptoHours","getTotalPtoHours","earnings","getAdditionalEarnings","formatNumberAsCurrency","reimbursements","getReimbursements","calculatedGrossPay","calculateGrossPay","HamburgerMenu","PencilSvg","PlusCircle","XCircle"],"mappings":"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"}

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.js

@@ -1,66 +1,67 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useEmployeesGetSuspense as O } from "@gusto/embedded-api/react-query/employeesGet";
 import { usePayrollsUpdateMutation as R } from "@gusto/embedded-api/react-query/payrollsUpdate";
 import { useMemo as U } from "react";
 import { usePreparedPayrollData as x } from "../usePreparedPayrollData.js";
 import { PayrollEditEmployeePresentation as Y } from "./PayrollEditEmployeePresentation.js";
-import { componentEvents as l } from "../../../shared/constants.js";
-import { BaseComponent as g } from "../../Base/Base.js";
-import { useComponentDictionary as N } from "../../../i18n/I18n.js";
-import { useBase as b } from "../../Base/useBase.js";
+import { componentEvents as p } from "../../../shared/constants.js";
+import { BaseComponent as b } from "../../Base/Base.js";
+import { useComponentDictionary as g } from "../../../i18n/I18n.js";
+import { useBase as N } from "../../Base/useBase.js";
 function V(e) {
-  return /* @__PURE__ */ a(g, { ...e, children: /* @__PURE__ */ a(h, { ...e, children: e.children }) });
+  return /* @__PURE__ */ n(b, { ...e, children: /* @__PURE__ */ n(h, { ...e, children: e.children }) });
 }
 const h = ({
   employeeId: e,
-  companyId: n,
+  companyId: a,
   payrollId: s,
   onEvent: m,
-  dictionary: p
+  dictionary: y
 }) => {
-  N("Payroll.PayrollEditEmployee", p);
-  const { LoadingIndicator: y, baseSubmitHandler: c } = b(), { data: d } = O({ employeeId: e }), u = U(() => [e], []), { preparedPayroll: t, paySchedule: f, isLoading: P } = x({
-    companyId: n,
+  g("Payroll.PayrollEditEmployee", y);
+  const { LoadingIndicator: c, baseSubmitHandler: d } = N(), { data: u } = O({ employeeId: e }), f = U(() => [e], []), { preparedPayroll: t, paySchedule: P, isLoading: E } = x({
+    companyId: a,
     payrollId: s,
-    employeeUuids: u
-  }), { mutateAsync: E, isPending: C } = R(), i = d.employee, L = t?.employeeCompensations?.at(0), D = ({
+    employeeUuids: f
+  }), { mutateAsync: C, isPending: L } = R(), i = u.employee, D = t?.employeeCompensations?.at(0), S = ({
     paymentMethod: o,
+    reimbursements: l,
     ...r
   }) => ({
     ...r,
     ...o && o !== "Historical" ? { paymentMethod: o } : {},
     memo: r.memo || void 0
-  }), S = async (o) => {
-    const r = D(o);
-    await c(null, async () => {
-      const A = await E({
+  }), _ = async (o) => {
+    const l = S(o);
+    await d(null, async () => {
+      const r = await C({
         request: {
-          companyId: n,
+          companyId: a,
           payrollId: s,
           payrollUpdate: {
-            employeeCompensations: [r]
+            employeeCompensations: [l]
           }
         }
       });
-      m(l.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: A.payrollPrepared,
+      m(p.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: r.payrollPrepared,
         employee: i
       });
     });
-  }, _ = () => {
-    m(l.RUN_PAYROLL_EMPLOYEE_CANCELLED);
+  }, A = () => {
+    m(p.RUN_PAYROLL_EMPLOYEE_CANCELLED);
   };
-  return P ? /* @__PURE__ */ a(y, {}) : /* @__PURE__ */ a(
+  return E ? /* @__PURE__ */ n(c, {}) : /* @__PURE__ */ n(
     Y,
     {
-      onSave: S,
-      onCancel: _,
+      onSave: _,
+      onCancel: A,
       employee: i,
-      isPending: C,
-      employeeCompensation: L,
+      isPending: L,
+      employeeCompensation: D,
       fixedCompensationTypes: t?.fixedCompensationTypes || [],
       payPeriodStartDate: t?.payPeriod?.startDate,
-      paySchedule: f,
+      paySchedule: P,
       isOffCycle: t?.offCycle
     }
   );