@gusto/embedded-react-sdk 0.23.1 → 0.24.1

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

@@ -1,32 +1,33 @@
 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 { useState as p, useMemo as G, useEffect as K } from "react";
+import { useEmployeesListSuspense as j } from "@gusto/embedded-api/react-query/employeesList";
+import { usePayrollsGetSuspense as v } from "@gusto/embedded-api/react-query/payrollsGet";
+import { usePayrollsCalculateMutation as z } from "@gusto/embedded-api/react-query/payrollsCalculate";
 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";
-import { payrollSubmitHandler as X } from "../PayrollBlocker/payrollHelpers.js";
-import { PayrollConfigurationPresentation as Z } from "./PayrollConfigurationPresentation.js";
-import { BaseComponent as $ } from "../../Base/Base.js";
+import { useTranslation as J } from "react-i18next";
+import { usePayrollsUpdateMutation as Q } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePreparedPayrollData as X } from "../usePreparedPayrollData.js";
+import { payrollSubmitHandler as Z } from "../PayrollBlocker/payrollHelpers.js";
+import { PayrollConfigurationPresentation as $ } from "./PayrollConfigurationPresentation.js";
+import { BaseComponent as ee } from "../../Base/Base.js";
 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 === h.Calculating, re = (t) => t?.status === h.CalculateSuccess;
-function Ae(t) {
-  return /* @__PURE__ */ f($, { ...t, children: /* @__PURE__ */ f(le, { ...t, children: t.children }) });
+import { useComponentDictionary as te, useI18n as ae } from "../../../i18n/I18n.js";
+import { useBase as oe } from "../../Base/useBase.js";
+import { useDateFormatter as se } from "../../../hooks/useDateFormatter.js";
+const re = (t) => t?.status === h.Calculating, le = (t) => t?.status === h.CalculateSuccess;
+function Ue(t) {
+  return /* @__PURE__ */ f(ee, { ...t, children: /* @__PURE__ */ f(ie, { ...t, children: t.children }) });
 }
-const le = ({
+const ie = ({
   onEvent: t,
   companyId: l,
   payrollId: o,
   dictionary: R,
-  alerts: w
+  alerts: w,
+  withReimbursements: D = !0
 }) => {
-  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({
+  te("Payroll.PayrollConfiguration", R), ae("Payroll.PayrollConfiguration");
+  const { t: i } = J("Payroll.PayrollConfiguration"), { baseSubmitHandler: C } = oe(), L = se(), _ = 10, [S, n] = p(1), [E, N] = p(_), [s, c] = p(!1), [A, P] = p([]), { data: u, isFetching: U } = j({
     companyId: l,
     payrollUuid: o,
     // get back list of employees to specific payroll
@@ -34,7 +35,7 @@ const le = ({
     page: S,
     sortBy: "name"
     // sort alphanumeric by employee last_names
-  }), U = V(() => u.showEmployees?.map((e) => e.uuid) || [], [u.showEmployees]), y = Number(u.httpMeta.response.headers.get("x-total-pages") ?? 1), O = {
+  }), O = G(() => u.showEmployees?.map((e) => e.uuid) || [], [u.showEmployees]), y = Number(u.httpMeta.response.headers.get("x-total-pages") ?? 1), x = {
     currentPage: S,
     handleFirstPage: () => {
       n(1);
@@ -49,33 +50,33 @@ const le = ({
       n(y);
     },
     handleItemsPerPageChange: (e) => {
-      _(e);
+      N(e);
     },
     totalPages: y,
-    isFetching: A,
+    isFetching: U,
     itemsPerPage: E
-  }, { data: a } = j(
+  }, { data: a } = v(
     {
       companyId: l,
       payrollId: o,
       include: ["taxes", "benefits", "deductions"]
     },
     { refetchInterval: s ? 5e3 : !1 }
-  ), { mutateAsync: x } = v(), { mutateAsync: b, isPending: F } = J(), {
+  ), { mutateAsync: b } = z(), { mutateAsync: F, isPending: Y } = Q(), {
     preparedPayroll: d,
-    paySchedule: Y,
-    isLoading: B,
-    handlePreparePayroll: k
-  } = Q({
+    paySchedule: B,
+    isLoading: k,
+    handlePreparePayroll: q
+  } = X({
     companyId: l,
     payrollId: o,
-    employeeUuids: U,
+    employeeUuids: O,
     sortBy: "last_name"
     // sort alphanumeric by employee last_names to match employees GET
-  }), q = async () => {
+  }), M = async () => {
     P([]), await C({}, async () => {
-      const e = await X(async () => {
-        await x({
+      const e = await Z(async () => {
+        await b({
           request: {
             companyId: l,
             payrollId: o
@@ -84,13 +85,13 @@ const le = ({
       });
       !e.success && e.blockers.length > 0 && P(e.blockers);
     });
-  }, M = (e) => {
+  }, T = (e) => {
     t(r.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, T = ({
+  }, I = ({
     paymentMethod: e,
     reimbursements: g,
     ...m
@@ -98,11 +99,11 @@ const le = ({
     ...m,
     ...e && e !== "Historical" ? { paymentMethod: e } : {},
     memo: m.memo || void 0
-  }), I = async (e) => {
+  }), W = async (e) => {
     t(r.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
     }), await C({}, async () => {
-      const g = T(e), m = await b({
+      const g = I(e), m = await F({
         request: {
           companyId: l,
           payrollId: o,
@@ -115,13 +116,13 @@ const le = ({
       });
       t(r.RUN_PAYROLL_EMPLOYEE_SAVED, {
         payrollPrepared: m.payrollPrepared
-      }), await k();
+      }), await q();
     });
-  }, W = () => {
+  }, H = () => {
     t(r.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
-  G(() => {
-    se(a.payrollShow?.processingRequest) && !s && c(!0), s && re(a.payrollShow?.processingRequest) && (t(r.RUN_PAYROLL_CALCULATED, {
+  K(() => {
+    re(a.payrollShow?.processingRequest) && !s && c(!0), s && le(a.payrollShow?.processingRequest) && (t(r.RUN_PAYROLL_CALCULATED, {
       payrollId: o,
       alert: { type: "success", title: i("alerts.progressSaved") },
       payPeriod: a.payrollShow?.payPeriod
@@ -134,7 +135,7 @@ const le = ({
     o,
     a.payrollShow?.calculatedAt
   ]);
-  const H = a.payrollShow ? {
+  const V = a.payrollShow ? {
     label: i("alerts.directDepositDeadline", {
       payDate: L.formatShortWithWeekday(a.payrollShow.checkDate),
       ...L.formatWithTime(a.payrollShow.payrollDeadline)
@@ -142,27 +143,28 @@ const le = ({
     content: i("alerts.directDepositDeadlineText")
   } : void 0;
   return /* @__PURE__ */ f(
-    Z,
+    $,
     {
-      onCalculatePayroll: q,
-      onEdit: M,
-      onToggleExclude: I,
-      onViewBlockers: W,
+      onCalculatePayroll: M,
+      onEdit: T,
+      onToggleExclude: W,
+      onViewBlockers: H,
       employeeCompensations: d?.employeeCompensations || [],
       employeeDetails: u.showEmployees || [],
       payPeriod: d?.payPeriod,
-      paySchedule: Y,
+      paySchedule: B,
       isOffCycle: d?.offCycle,
       alerts: w,
-      payrollDeadlineNotice: H,
-      isPending: s || B || F,
-      payrollBlockers: N,
-      pagination: O
+      payrollDeadlineNotice: V,
+      isPending: s || k || Y,
+      payrollBlockers: A,
+      pagination: x,
+      withReimbursements: D
     }
   );
 };
 export {
-  Ae as PayrollConfiguration,
-  le as Root
+  Ue as PayrollConfiguration,
+  ie as Root
 };
 //# sourceMappingURL=PayrollConfiguration.js.map

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    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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"}
+{"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  withReimbursements?: boolean\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  withReimbursements = true,\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      withReimbursements={withReimbursements}\n    />\n  )\n}\n"],"names":["isCalculating","processingRequest","PayrollProcessingRequestStatus","isCalculated","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","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.d.ts

@@ -24,6 +24,7 @@ interface PayrollConfigurationPresentationProps {
     isPending?: boolean;
     payrollBlockers?: ApiPayrollBlocker[];
     pagination?: PaginationControlProps;
+    withReimbursements?: boolean;
 }
-export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onEdit, onToggleExclude, onCalculatePayroll, onViewBlockers, isOffCycle, alerts, payrollDeadlineNotice, isPending, payrollBlockers, pagination, }: PayrollConfigurationPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onEdit, onToggleExclude, onCalculatePayroll, onViewBlockers, isOffCycle, alerts, payrollDeadlineNotice, isPending, payrollBlockers, pagination, withReimbursements, }: PayrollConfigurationPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,79 +1,80 @@
-import { jsx as e, jsxs as o, Fragment as G } from "react/jsx-runtime";
+import { jsx as e, jsxs as l, Fragment as I } 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";
-import { PayrollBlockerAlerts as J } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
+import { useTranslation as L, Trans as S } from "react-i18next";
+import { useFormatEmployeePayRate as O, getRegularHours as V, getOvertimeHours as _, formatHoursDisplay as x, getTotalPtoHours as K, getAdditionalEarnings as W, getReimbursements as X, calculateGrossPay as q } from "../helpers.js";
+import { PayrollBlockerAlerts as z } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
 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 { useI18n as J } from "../../../i18n/I18n.js";
+import { Flex as d, FlexItem as g } from "../../Common/Flex/Flex.js";
+import { Grid as Q } from "../../Common/Grid/Grid.js";
 import "classnames";
-import { HamburgerMenu as Z } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as $ } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import ee from "../../../assets/icons/pencil.svg.js";
-import te from "../../../assets/icons/x-circle.svg.js";
-import re from "../../../assets/icons/plus-circle.svg.js";
-import { formatNumberAsCurrency as f, firstLastName as ne } from "../../../helpers/formattedStrings.js";
-import { useDateFormatter as ie } from "../../../hooks/useDateFormatter.js";
-import { useLoadingIndicator as oe } from "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { useContainerBreakpoints as le } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { DataView as ae } from "../../Common/DataView/DataView.js";
-const se = (l, u) => l?.startDate && l.endDate ? u.formatPayPeriod(l.startDate, l.endDate) : { startDate: "", endDate: "" }, Ie = ({
-  employeeCompensations: l,
+import { HamburgerMenu as Y } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+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";
+import te from "../../../assets/icons/plus-circle.svg.js";
+import { formatNumberAsCurrency as h, firstLastName as re } from "../../../helpers/formattedStrings.js";
+import { useDateFormatter as ne } from "../../../hooks/useDateFormatter.js";
+import { useContainerBreakpoints as oe } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { PayrollLoading as le } from "../../Common/PayrollLoading/PayrollLoading.js";
+import { DataView as ie } from "../../Common/DataView/DataView.js";
+const ae = (i, u) => i?.startDate && i.endDate ? u.formatPayPeriod(i.startDate, i.endDate) : { startDate: "", endDate: "" }, Ee = ({
+  employeeCompensations: i,
   employeeDetails: u,
-  payPeriod: y,
+  payPeriod: f,
   paySchedule: T,
   onEdit: v,
   onToggleExclude: M,
-  onCalculatePayroll: b,
+  onCalculatePayroll: y,
   onViewBlockers: H,
   isOffCycle: E = !1,
-  alerts: C,
-  payrollDeadlineNotice: d,
+  alerts: b,
+  payrollDeadlineNotice: c,
   isPending: p,
-  payrollBlockers: D = [],
-  pagination: I
+  payrollBlockers: C = [],
+  pagination: R,
+  withReimbursements: A = !0
 }) => {
-  const { Button: x, Heading: g, Text: i, Badge: R, LoadingSpinner: A, Alert: F } = $();
-  Q("Payroll.PayrollConfiguration");
-  const { t: r } = S("Payroll.PayrollConfiguration"), B = ie(), { LoadingIndicator: L } = oe(), U = V(), w = N(null), a = le({ ref: w }).includes("small"), c = new Map(u.map((t) => [t.uuid, t])), j = (t) => {
-    const n = c.get(t);
-    return n ? ne({ first_name: n.firstName, last_name: n.lastName }) : null;
+  const { Button: D, Heading: P, Text: o, Badge: F, Alert: B } = Z();
+  J("Payroll.PayrollConfiguration");
+  const { t: r } = L("Payroll.PayrollConfiguration"), U = ne(), j = O(), w = N(null), a = oe({ ref: w }).includes("small"), m = new Map(u.map((t) => [t.uuid, t])), G = (t) => {
+    const n = m.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__ */ o(m, { flexDirection: "column", gap: 16, children: [
-    /* @__PURE__ */ o(
-      m,
+  return /* @__PURE__ */ e("div", { ref: w, className: k.container, children: /* @__PURE__ */ l(d, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ l(
+      d,
       {
         flexDirection: a ? "row" : "column",
         justifyContent: a ? "space-between" : "normal",
         alignItems: a ? "center" : "stretch",
         gap: a ? 0 : 16,
         children: [
-          /* @__PURE__ */ o(h, { children: [
-            /* @__PURE__ */ e(g, { as: "h1", children: r("pageTitle") }),
-            /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-              O,
+          /* @__PURE__ */ l(g, { children: [
+            /* @__PURE__ */ e(P, { as: "h1", children: r("pageTitle") }),
+            /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(
+              S,
               {
                 i18nKey: "description",
                 t: r,
-                components: { dateWrapper: /* @__PURE__ */ e(i, { weight: "bold", as: "span" }) },
-                values: se(y, B)
+                components: { dateWrapper: /* @__PURE__ */ e(o, { weight: "bold", as: "span" }) },
+                values: ae(f, U)
               }
             ) })
           ] }),
-          /* @__PURE__ */ e(h, { flexGrow: 0, children: a ? /* @__PURE__ */ e(
-            x,
+          /* @__PURE__ */ e(g, { flexGrow: 0, children: a ? /* @__PURE__ */ e(
+            D,
             {
               title: r("calculatePayrollTitle"),
-              onClick: b,
+              onClick: y,
               isDisabled: p,
               children: r("calculatePayroll")
             }
-          ) : /* @__PURE__ */ e(m, { flexDirection: "column", justifyContent: "normal", alignItems: "stretch", gap: 12, children: /* @__PURE__ */ e(
-            x,
+          ) : /* @__PURE__ */ e(d, { flexDirection: "column", justifyContent: "normal", alignItems: "stretch", gap: 12, children: /* @__PURE__ */ e(
+            D,
             {
               title: r("calculatePayrollTitle"),
-              onClick: b,
+              onClick: y,
               isDisabled: p,
               children: r("calculatePayroll")
             }
@@ -81,115 +82,113 @@ const se = (l, u) => l?.startDate && l.endDate ? u.formatPayPeriod(l.startDate,
         ]
       }
     ),
-    (C || d) && /* @__PURE__ */ o(Y, { gap: 16, gridTemplateColumns: "1fr", children: [
-      d && /* @__PURE__ */ e(F, { status: "info", label: d.label, children: d.content }),
-      C
+    (b || c) && /* @__PURE__ */ l(Q, { gap: 16, gridTemplateColumns: "1fr", children: [
+      c && /* @__PURE__ */ e(B, { status: "info", label: c.label, children: c.content }),
+      b
     ] }),
-    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__ */ o(G, { children: [
-      /* @__PURE__ */ e("div", { className: k.payrollBlockerContainer, children: D.length > 0 && /* @__PURE__ */ e(
-        J,
+    p ? /* @__PURE__ */ e(le, { title: r("loadingTitle"), description: r("loadingDescription") }) : /* @__PURE__ */ l(I, { children: [
+      /* @__PURE__ */ e("div", { className: k.payrollBlockerContainer, children: C.length > 0 && /* @__PURE__ */ e(
+        z,
         {
-          blockers: D,
+          blockers: C,
           onMultipleViewClick: H
         }
       ) }),
-      /* @__PURE__ */ o(h, { children: [
-        /* @__PURE__ */ e(g, { as: "h3", children: r("hoursAndEarningsTitle") }),
-        /* @__PURE__ */ e(i, { children: r("hoursAndEarningsDescription") })
+      /* @__PURE__ */ l(g, { children: [
+        /* @__PURE__ */ e(P, { as: "h3", children: r("hoursAndEarningsTitle") }),
+        /* @__PURE__ */ e(o, { children: r("hoursAndEarningsDescription") })
       ] }),
       /* @__PURE__ */ e(
-        ae,
+        ie,
         {
           label: r("employeeCompensationsTitle"),
           columns: [
             {
-              title: /* @__PURE__ */ e(i, { weight: "semibold", children: r("tableColumns.employees") }),
+              title: /* @__PURE__ */ e(o, { weight: "semibold", children: r("tableColumns.employees") }),
               render: (t) => {
-                const n = c.get(t.employeeUuid || ""), s = U(n);
-                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") })
+                const n = m.get(t.employeeUuid || ""), s = j(n);
+                return /* @__PURE__ */ l(d, { flexDirection: "column", gap: 8, children: [
+                  /* @__PURE__ */ e(o, { weight: "semibold", children: G(t.employeeUuid || "") }),
+                  s && /* @__PURE__ */ e(o, { variant: "supporting", children: s }),
+                  t.excluded && /* @__PURE__ */ e(F, { status: "warning", children: r("skippedBadge") })
                 ] });
               }
             },
             {
-              title: /* @__PURE__ */ e(i, { weight: "semibold", children: r("tableColumns.hours") }),
+              title: /* @__PURE__ */ e(o, { weight: "semibold", children: r("tableColumns.hours") }),
               render: (t) => {
-                const n = _(t), s = z(t);
-                return /* @__PURE__ */ e(i, { children: P(n + s) });
+                const n = V(t), s = _(t);
+                return /* @__PURE__ */ e(o, { children: x(n + s) });
               }
             },
             {
-              title: /* @__PURE__ */ e(i, { weight: "semibold", children: r("tableColumns.timeOff") }),
+              title: /* @__PURE__ */ e(o, { weight: "semibold", children: r("tableColumns.timeOff") }),
               render: (t) => {
                 const n = K(t);
-                return /* @__PURE__ */ e(i, { children: P(n) });
+                return /* @__PURE__ */ e(o, { children: x(n) });
               }
             },
             {
-              title: /* @__PURE__ */ e(i, { weight: "semibold", children: r("tableColumns.additionalEarnings") }),
+              title: /* @__PURE__ */ e(o, { weight: "semibold", children: r("tableColumns.additionalEarnings") }),
               render: (t) => {
                 const n = W(t);
-                return /* @__PURE__ */ e(i, { children: f(n) });
+                return /* @__PURE__ */ e(o, { children: h(n) });
               }
             },
-            {
-              title: /* @__PURE__ */ e(i, { weight: "semibold", children: r("tableColumns.reimbursements") }),
-              render: (t) => {
-                const n = X(t);
-                return /* @__PURE__ */ e(i, { children: f(n) });
+            ...A ? [
+              {
+                title: /* @__PURE__ */ e(o, { weight: "semibold", children: r("tableColumns.reimbursements") }),
+                render: (t) => {
+                  const n = X(t);
+                  return /* @__PURE__ */ e(o, { children: h(n) });
+                }
               }
-            },
+            ] : [],
             {
-              title: /* @__PURE__ */ e(i, { weight: "semibold", children: r("tableColumns.totalPay") }),
+              title: /* @__PURE__ */ e(o, { weight: "semibold", children: r("tableColumns.totalPay") }),
               render: (t) => {
-                const n = c.get(t.employeeUuid || ""), s = n ? q(
+                const n = m.get(t.employeeUuid || ""), s = n ? q(
                   t,
                   n,
-                  y?.startDate,
+                  f?.startDate,
                   T,
                   E
                 ) : 0;
-                return /* @__PURE__ */ e(i, { children: f(s) });
+                return /* @__PURE__ */ e(o, { children: h(s) });
               }
             }
           ],
-          data: l,
+          data: i,
           itemMenu: (t) => /* @__PURE__ */ e(
-            Z,
+            Y,
             {
               items: [
                 {
                   label: r("editMenu.edit"),
-                  icon: /* @__PURE__ */ e(ee, { "aria-hidden": !0 }),
+                  icon: /* @__PURE__ */ e($, { "aria-hidden": !0 }),
                   onClick: () => {
-                    const n = c.get(t.employeeUuid || "");
+                    const n = m.get(t.employeeUuid || "");
                     n && v(n);
                   }
                 },
                 {
                   label: r(t.excluded ? "editMenu.unskip" : "editMenu.skip"),
-                  icon: t.excluded ? /* @__PURE__ */ e(re, { "aria-hidden": !0 }) : /* @__PURE__ */ e(te, { "aria-hidden": !0 }),
+                  icon: t.excluded ? /* @__PURE__ */ e(te, { "aria-hidden": !0 }) : /* @__PURE__ */ e(ee, { "aria-hidden": !0 }),
                   onClick: () => {
-                    c.get(t.employeeUuid || "") && M(t);
+                    m.get(t.employeeUuid || "") && M(t);
                   }
                 }
               ],
               triggerLabel: r("editMenu.edit")
             }
           ),
-          pagination: I
+          pagination: R
         }
       )
     ] })
   ] }) });
 };
 export {
-  Ie as PayrollConfigurationPresentation
+  Ee as PayrollConfigurationPresentation
 };
 //# sourceMappingURL=PayrollConfigurationPresentation.js.map