@gusto/embedded-react-sdk 0.13.1 → 0.13.3

package/dist/components/Employee/Taxes/FederalForm.js

@@ -1,13 +1,12 @@
 import { jsxs as l, Fragment as a, jsx as r } from "react/jsx-runtime";
-import { useTranslation as s, Trans as m } from "react-i18next";
+import { useTranslation as s, Trans as u } from "react-i18next";
 import { z as t } from "zod";
 import "classnames";
-import "../../../shared/constants.js";
-import { RadioGroupField as u } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SelectField as d } from "../../Common/Fields/SelectField/SelectField.js";
+import { RadioGroupField as f } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as i } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { SelectField as f } from "../../Common/Fields/SelectField/SelectField.js";
-const q = t.object({
+const R = t.object({
   filingStatus: t.string().min(1),
   twoJobs: t.string().min(1),
   dependentsAmount: t.number().transform(String),
@@ -16,8 +15,8 @@ const q = t.object({
   extraWithholding: t.number().transform(String),
   w4DataType: t.enum(["pre_2020_w4", "rev_2020_w4"])
 });
-function v() {
-  const { t: e } = s("Employee.Taxes"), o = d(), n = [
+function q() {
+  const { t: e } = s("Employee.Taxes"), o = m(), n = [
     { value: "Single", label: e("filingStatusSingle") },
     { value: "Married", label: e("filingStatusMarried") },
     { value: "Head of Household", label: e("filingStatusHeadOfHousehold") },
@@ -25,7 +24,7 @@ function v() {
   ];
   return /* @__PURE__ */ l(a, { children: [
     /* @__PURE__ */ r(
-      f,
+      d,
       {
         name: "filingStatus",
         label: e("federalFilingStatus1c"),
@@ -36,14 +35,14 @@ function v() {
       }
     ),
     /* @__PURE__ */ r(
-      u,
+      f,
       {
         name: "twoJobs",
         isRequired: !0,
         label: e("multipleJobs2c"),
         errorMessage: e("validations.federalTwoJobs"),
         description: /* @__PURE__ */ r(o.Text, { children: /* @__PURE__ */ r(
-          m,
+          u,
           {
             i18nKey: "includesSpouseExplanation",
             t: e,
@@ -103,7 +102,7 @@ function v() {
   ] });
 }
 export {
-  v as FederalForm,
-  q as FederalFormSchema
+  q as FederalForm,
+  R as FederalFormSchema
 };
 //# sourceMappingURL=FederalForm.js.map

package/dist/components/Employee/Taxes/FederalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n  w4DataType: z.enum(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Components.Text>\n            <Trans\n              i18nKey={'includesSpouseExplanation'}\n              t={t}\n              components={{\n                irs_link: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","z","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}
+{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n  w4DataType: z.enum(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Components.Text>\n            <Trans\n              i18nKey={'includesSpouseExplanation'}\n              t={t}\n              components={{\n                irs_link: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","z","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}

package/dist/components/Employee/Taxes/useTaxes.js

@@ -12,11 +12,10 @@ import "classnames";
 import "dompurify";
 import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [v, P] = o("TaxesContext");
+const [f, v] = o("TaxesContext");
 export {
-  P as TaxesProvider,
-  v as useTaxes
+  v as TaxesProvider,
+  f as useTaxes
 };
 //# sourceMappingURL=useTaxes.js.map

package/dist/components/Employee/Taxes/useTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}
+{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.d.ts

@@ -1,8 +1,10 @@
+import { ReactNode } from 'react';
 import { BaseComponentInterface } from '../../Base/Base';
 interface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {
     companyId: string;
     payrollId: string;
+    alerts?: ReactNode;
 }
 export declare function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ onEvent, companyId, payrollId, dictionary }: PayrollConfigurationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ onEvent, companyId, payrollId, dictionary, alerts, }: PayrollConfigurationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,77 +1,72 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as O, useEffect as S } from "react";
-import { useEmployeesListSuspense as Y } from "@gusto/embedded-api/react-query/employeesList";
-import { usePayrollsGetSuspense as h } from "@gusto/embedded-api/react-query/payrollsGet";
-import { usePayrollsCalculateMutation as N } from "@gusto/embedded-api/react-query/payrollsCalculate";
-import { PayrollProcessingRequestStatus as c } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
-import { usePreparedPayrollData as U } from "../usePreparedPayrollData.js";
-import { PayrollEditEmployee as w } from "../PayrollEditEmployee/PayrollEditEmployee.js";
-import { PayrollConfigurationPresentation as M } from "./PayrollConfigurationPresentation.js";
-import { BaseComponent as q } from "../../Base/Base.js";
-import { useBase as B } from "../../Base/useBase.js";
-import { componentEvents as t } from "../../../shared/constants.js";
-import { useComponentDictionary as x, useI18n as T } from "../../../i18n/I18n.js";
-function X(o) {
-  return /* @__PURE__ */ a(q, { ...o, children: /* @__PURE__ */ a(V, { ...o, children: o.children }) });
+import { jsx as t } from "react/jsx-runtime";
+import { useEffect as D } from "react";
+import { useEmployeesListSuspense as h } from "@gusto/embedded-api/react-query/employeesList";
+import { usePayrollsGetSuspense as E } from "@gusto/embedded-api/react-query/payrollsGet";
+import { usePayrollsCalculateMutation as A } from "@gusto/embedded-api/react-query/payrollsCalculate";
+import { PayrollProcessingRequestStatus as n } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
+import { usePreparedPayrollData as S } from "../usePreparedPayrollData.js";
+import { PayrollConfigurationPresentation as _ } from "./PayrollConfigurationPresentation.js";
+import { BaseComponent as O } from "../../Base/Base.js";
+import { useBase as q } from "../../Base/useBase.js";
+import { componentEvents as s } from "../../../shared/constants.js";
+import { useComponentDictionary as w, useI18n as B } from "../../../i18n/I18n.js";
+function H(o) {
+  return /* @__PURE__ */ t(O, { ...o, children: /* @__PURE__ */ t(U, { ...o, children: o.children }) });
 }
-const V = ({ onEvent: o, companyId: r, payrollId: l, dictionary: p }) => {
-  x("Payroll.PayrollConfiguration", p), T("Payroll.PayrollConfiguration");
-  const { LoadingIndicator: P } = B(), { data: i } = h(
+const U = ({
+  onEvent: o,
+  companyId: e,
+  payrollId: a,
+  dictionary: u,
+  alerts: c
+}) => {
+  w("Payroll.PayrollConfiguration", u), B("Payroll.PayrollConfiguration");
+  const { LoadingIndicator: m } = q(), { data: l } = E(
     {
-      companyId: r,
-      payrollId: l
+      companyId: e,
+      payrollId: a
     },
     { refetchInterval: 5e3 }
-  ), { data: f } = Y({
-    companyId: r
-  }), { mutateAsync: y } = N(), [n, u] = O(void 0), {
-    preparedPayroll: s,
-    paySchedule: E,
-    isLoading: d,
-    handlePreparePayroll: L
-  } = U({
-    companyId: r,
-    payrollId: l
+  ), { data: p } = h({
+    companyId: e
+  }), { mutateAsync: y } = A(), {
+    preparedPayroll: r,
+    paySchedule: f,
+    isLoading: P
+  } = S({
+    companyId: e,
+    payrollId: a
   }), C = () => {
-    o(t.RUN_PAYROLL_BACK);
-  }, R = async () => {
+    o(s.RUN_PAYROLL_BACK);
+  }, d = async () => {
     await y({
       request: {
-        companyId: r,
-        payrollId: l
+        companyId: e,
+        payrollId: a
       }
     });
-  }, _ = (e) => {
-    u(e.uuid), o(t.RUN_PAYROLL_EMPLOYEE_EDITED, { employeeId: e.uuid });
-  }, A = (e, D) => {
-    (e === t.RUN_PAYROLL_EMPLOYEE_SAVED || e === t.RUN_PAYROLL_EMPLOYEE_CANCELLED) && (e === t.RUN_PAYROLL_EMPLOYEE_SAVED && L(), u(void 0)), o(e, D);
-  }, g = i.payrollShow?.processingRequest?.status === c.Calculating, m = i.payrollShow?.processingRequest?.status === c.CalculateSuccess;
-  return S(() => {
-    m && o(t.RUN_PAYROLL_CALCULATED);
-  }, [m, o]), d || g ? /* @__PURE__ */ a(P, {}) : n ? /* @__PURE__ */ a(
-    w,
-    {
-      onEvent: A,
-      employeeId: n,
-      companyId: r,
-      payrollId: l
-    }
-  ) : /* @__PURE__ */ a(
-    M,
+  }, L = (R) => {
+    o(s.RUN_PAYROLL_EMPLOYEE_EDITED, { employeeId: R.uuid });
+  }, g = l.payrollShow?.processingRequest?.status === n.Calculating, i = l.payrollShow?.processingRequest?.status === n.CalculateSuccess;
+  return D(() => {
+    i && o(s.RUN_PAYROLL_CALCULATED);
+  }, [i, o]), P || g ? /* @__PURE__ */ t(m, {}) : /* @__PURE__ */ t(
+    _,
     {
       onBack: C,
-      onCalculatePayroll: R,
-      onEdit: _,
-      employeeCompensations: s?.employeeCompensations || [],
-      employeeDetails: f.showEmployees || [],
-      payPeriod: s?.payPeriod,
-      paySchedule: E,
-      isOffCycle: s?.offCycle
+      onCalculatePayroll: d,
+      onEdit: L,
+      employeeCompensations: r?.employeeCompensations || [],
+      employeeDetails: p.showEmployees || [],
+      payPeriod: r?.payPeriod,
+      paySchedule: f,
+      isOffCycle: r?.offCycle,
+      alerts: c
     }
   );
 };
 export {
-  X as PayrollConfiguration,
-  V as Root
+  H as PayrollConfiguration,
+  U 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 { useState, useEffect } 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 { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { usePreparedPayrollData } from '../usePreparedPayrollData'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\ninterface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  companyId: string\n  payrollId: string\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 = ({ onEvent, companyId, payrollId, dictionary }: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n\n  const { LoadingIndicator } = useBase()\n\n  const { data: payrollData } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId,\n    },\n    { refetchInterval: 5_000 },\n  )\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: calculatePayroll } = usePayrollsCalculateMutation()\n  const [editedEmployeeId, setEditedEmployeeId] = useState<string | undefined>(undefined)\n\n  const {\n    preparedPayroll,\n    paySchedule,\n    isLoading: isPreparedPayrollDataLoading,\n    handlePreparePayroll,\n  } = usePreparedPayrollData({\n    companyId,\n    payrollId,\n  })\n\n  const onBack = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BACK)\n  }\n  const onCalculatePayroll = async () => {\n    await calculatePayroll({\n      request: {\n        companyId,\n        payrollId,\n      },\n    })\n  }\n  const onEdit = (employee: Employee) => {\n    setEditedEmployeeId(employee.uuid)\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDITED, { employeeId: employee.uuid })\n  }\n\n  const wrappedOnEvent: OnEventType<string, unknown> = (event, payload) => {\n    if (\n      event === componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED ||\n      event === componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED\n    ) {\n      if (event === componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED) {\n        void handlePreparePayroll()\n      }\n      setEditedEmployeeId(undefined)\n    }\n\n    onEvent(event as EventType, payload)\n  }\n\n  const isCalculating =\n    payrollData.payrollShow?.processingRequest?.status ===\n    PayrollProcessingRequestStatus.Calculating\n  const isCalculated =\n    payrollData.payrollShow?.processingRequest?.status ===\n    PayrollProcessingRequestStatus.CalculateSuccess\n\n  useEffect(() => {\n    if (isCalculated) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED)\n    }\n  }, [isCalculated, onEvent])\n\n  if (isPreparedPayrollDataLoading || isCalculating) {\n    return <LoadingIndicator />\n  }\n\n  if (editedEmployeeId) {\n    return (\n      <PayrollEditEmployee\n        onEvent={wrappedOnEvent}\n        employeeId={editedEmployeeId}\n        companyId={companyId}\n        payrollId={payrollId}\n      />\n    )\n  }\n\n  return (\n    <PayrollConfigurationPresentation\n      onBack={onBack}\n      onCalculatePayroll={onCalculatePayroll}\n      onEdit={onEdit}\n      employeeCompensations={preparedPayroll?.employeeCompensations || []}\n      employeeDetails={employeeData.showEmployees || []}\n      payPeriod={preparedPayroll?.payPeriod}\n      paySchedule={paySchedule}\n      isOffCycle={preparedPayroll?.offCycle}\n    />\n  )\n}\n"],"names":["PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","useComponentDictionary","useI18n","LoadingIndicator","useBase","payrollData","usePayrollsGetSuspense","employeeData","useEmployeesListSuspense","calculatePayroll","usePayrollsCalculateMutation","editedEmployeeId","setEditedEmployeeId","useState","preparedPayroll","paySchedule","isPreparedPayrollDataLoading","handlePreparePayroll","usePreparedPayrollData","onBack","componentEvents","onCalculatePayroll","onEdit","employee","wrappedOnEvent","event","payload","isCalculating","PayrollProcessingRequestStatus","isCalculated","useEffect","PayrollEditEmployee","PayrollConfigurationPresentation"],"mappings":";;;;;;;;;;;;;AAsBO,SAASA,EAAqBC,GAA2D;AAC9F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,WAAAC,GAAW,YAAAC,QAA4C;AAChG,EAAAC,EAAuB,gCAAgCD,CAAU,GACjEE,EAAQ,8BAA8B;AAEtC,QAAM,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GAEvB,EAAE,MAAMC,EAAA,IAAgBC;AAAA,IAC5B;AAAA,MACE,WAAAR;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,IAEF,EAAE,iBAAiB,IAAA;AAAA,EAAM,GAGrB,EAAE,MAAMQ,EAAA,IAAiBC,EAAyB;AAAA,IACtD,WAAAV;AAAA,EAAA,CACD,GAEK,EAAE,aAAaW,EAAA,IAAqBC,EAAA,GACpC,CAACC,GAAkBC,CAAmB,IAAIC,EAA6B,MAAS,GAEhF;AAAA,IACJ,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAWC;AAAA,IACX,sBAAAC;AAAA,EAAA,IACEC,EAAuB;AAAA,IACzB,WAAApB;AAAA,IACA,WAAAC;AAAA,EAAA,CACD,GAEKoB,IAAS,MAAM;AACnB,IAAAtB,EAAQuB,EAAgB,gBAAgB;AAAA,EAC1C,GACMC,IAAqB,YAAY;AACrC,UAAMZ,EAAiB;AAAA,MACrB,SAAS;AAAA,QACP,WAAAX;AAAA,QACA,WAAAC;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH,GACMuB,IAAS,CAACC,MAAuB;AACrC,IAAAX,EAAoBW,EAAS,IAAI,GACjC1B,EAAQuB,EAAgB,6BAA6B,EAAE,YAAYG,EAAS,MAAM;AAAA,EACpF,GAEMC,IAA+C,CAACC,GAAOC,MAAY;AACvE,KACED,MAAUL,EAAgB,8BAC1BK,MAAUL,EAAgB,oCAEtBK,MAAUL,EAAgB,8BACvBH,EAAA,GAEPL,EAAoB,MAAS,IAG/Bf,EAAQ4B,GAAoBC,CAAO;AAAA,EACrC,GAEMC,IACJtB,EAAY,aAAa,mBAAmB,WAC5CuB,EAA+B,aAC3BC,IACJxB,EAAY,aAAa,mBAAmB,WAC5CuB,EAA+B;AAQjC,SANAE,EAAU,MAAM;AACd,IAAID,KACFhC,EAAQuB,EAAgB,sBAAsB;AAAA,EAElD,GAAG,CAACS,GAAchC,CAAO,CAAC,GAEtBmB,KAAgCW,sBAC1BxB,GAAA,EAAiB,IAGvBQ,IAEA,gBAAAjB;AAAA,IAACqC;AAAA,IAAA;AAAA,MACC,SAASP;AAAA,MACT,YAAYb;AAAA,MACZ,WAAAb;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAL;AAAA,IAACsC;AAAA,IAAA;AAAA,MACC,QAAAb;AAAA,MACA,oBAAAE;AAAA,MACA,QAAAC;AAAA,MACA,uBAAuBR,GAAiB,yBAAyB,CAAA;AAAA,MACjE,iBAAiBP,EAAa,iBAAiB,CAAA;AAAA,MAC/C,WAAWO,GAAiB;AAAA,MAC5B,aAAAC;AAAA,MACA,YAAYD,GAAiB;AAAA,IAAA;AAAA,EAAA;AAGnC;"}
+{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, 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 { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { usePreparedPayrollData } from '../usePreparedPayrollData'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\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\n  const { LoadingIndicator } = useBase()\n\n  const { data: payrollData } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId,\n    },\n    { refetchInterval: 5_000 },\n  )\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: calculatePayroll } = usePayrollsCalculateMutation()\n\n  const {\n    preparedPayroll,\n    paySchedule,\n    isLoading: isPreparedPayrollDataLoading,\n  } = usePreparedPayrollData({\n    companyId,\n    payrollId,\n  })\n\n  const onBack = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BACK)\n  }\n  const onCalculatePayroll = async () => {\n    await calculatePayroll({\n      request: {\n        companyId,\n        payrollId,\n      },\n    })\n  }\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDITED, { employeeId: employee.uuid })\n  }\n\n  const isCalculating =\n    payrollData.payrollShow?.processingRequest?.status ===\n    PayrollProcessingRequestStatus.Calculating\n  const isCalculated =\n    payrollData.payrollShow?.processingRequest?.status ===\n    PayrollProcessingRequestStatus.CalculateSuccess\n\n  useEffect(() => {\n    if (isCalculated) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED)\n    }\n  }, [isCalculated, onEvent])\n\n  if (isPreparedPayrollDataLoading || isCalculating) {\n    return <LoadingIndicator />\n  }\n\n  return (\n    <PayrollConfigurationPresentation\n      onBack={onBack}\n      onCalculatePayroll={onCalculatePayroll}\n      onEdit={onEdit}\n      employeeCompensations={preparedPayroll?.employeeCompensations || []}\n      employeeDetails={employeeData.showEmployees || []}\n      payPeriod={preparedPayroll?.payPeriod}\n      paySchedule={paySchedule}\n      isOffCycle={preparedPayroll?.offCycle}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","useComponentDictionary","useI18n","LoadingIndicator","useBase","payrollData","usePayrollsGetSuspense","employeeData","useEmployeesListSuspense","calculatePayroll","usePayrollsCalculateMutation","preparedPayroll","paySchedule","isPreparedPayrollDataLoading","usePreparedPayrollData","onBack","componentEvents","onCalculatePayroll","onEdit","employee","isCalculating","PayrollProcessingRequestStatus","isCalculated","useEffect","PayrollConfigurationPresentation"],"mappings":";;;;;;;;;;;;AAoBO,SAASA,EAAqBC,GAA2D;AAC9F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC;AAAA,EACnB,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AACF,MAAiC;AAC/B,EAAAC,EAAuB,gCAAgCF,CAAU,GACjEG,EAAQ,8BAA8B;AAEtC,QAAM,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GAEvB,EAAE,MAAMC,EAAA,IAAgBC;AAAA,IAC5B;AAAA,MACE,WAAAT;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,IAEF,EAAE,iBAAiB,IAAA;AAAA,EAAM,GAGrB,EAAE,MAAMS,EAAA,IAAiBC,EAAyB;AAAA,IACtD,WAAAX;AAAA,EAAA,CACD,GAEK,EAAE,aAAaY,EAAA,IAAqBC,EAAA,GAEpC;AAAA,IACJ,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAWC;AAAA,EAAA,IACTC,EAAuB;AAAA,IACzB,WAAAjB;AAAA,IACA,WAAAC;AAAA,EAAA,CACD,GAEKiB,IAAS,MAAM;AACnB,IAAAnB,EAAQoB,EAAgB,gBAAgB;AAAA,EAC1C,GACMC,IAAqB,YAAY;AACrC,UAAMR,EAAiB;AAAA,MACrB,SAAS;AAAA,QACP,WAAAZ;AAAA,QACA,WAAAC;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH,GACMoB,IAAS,CAACC,MAAuB;AACrC,IAAAvB,EAAQoB,EAAgB,6BAA6B,EAAE,YAAYG,EAAS,MAAM;AAAA,EACpF,GAEMC,IACJf,EAAY,aAAa,mBAAmB,WAC5CgB,EAA+B,aAC3BC,IACJjB,EAAY,aAAa,mBAAmB,WAC5CgB,EAA+B;AAQjC,SANAE,EAAU,MAAM;AACd,IAAID,KACF1B,EAAQoB,EAAgB,sBAAsB;AAAA,EAElD,GAAG,CAACM,GAAc1B,CAAO,CAAC,GAEtBiB,KAAgCO,sBAC1BjB,GAAA,EAAiB,IAIzB,gBAAAV;AAAA,IAAC+B;AAAA,IAAA;AAAA,MACC,QAAAT;AAAA,MACA,oBAAAE;AAAA,MACA,QAAAC;AAAA,MACA,uBAAuBP,GAAiB,yBAAyB,CAAA;AAAA,MACjE,iBAAiBJ,EAAa,iBAAiB,CAAA;AAAA,MAC/C,WAAWI,GAAiB;AAAA,MAC5B,aAAAC;AAAA,MACA,YAAYD,GAAiB;AAAA,MAC7B,QAAAX;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { EmployeeCompensations } from '@gusto/embedded-api/models/components/payrollshow';
 import { Employee } from '@gusto/embedded-api/models/components/employee';
 import { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype';
@@ -11,6 +12,7 @@ interface PayrollConfigurationPresentationProps {
     onCalculatePayroll: () => void;
     onEdit: (employee: Employee) => void;
     isOffCycle?: boolean;
+    alerts?: ReactNode;
 }
-export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onBack, onEdit, onCalculatePayroll, isOffCycle, }: PayrollConfigurationPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onBack, onEdit, onCalculatePayroll, isOffCycle, alerts, }: PayrollConfigurationPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,149 +1,144 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { useTranslation as B } from "react-i18next";
-import { useFormatEmployeePayRate as H, getRegularHours as L, formatHoursDisplay as C, getTotalPtoHours as M, getAdditionalEarnings as R, getReimbursements as F, calculateGrossPay as S } from "../helpers.js";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { useTranslation as k } from "react-i18next";
+import { useFormatEmployeePayRate as A, getRegularHours as L, getOvertimeHours as M, formatHoursDisplay as D, getTotalPtoHours as v, getAdditionalEarnings as R, getReimbursements as F, calculateGrossPay as S } from "../helpers.js";
 import { useI18n as j } from "../../../i18n/I18n.js";
-import { Flex as p } from "../../Common/Flex/Flex.js";
+import { Flex as h } from "../../Common/Flex/Flex.js";
+import { Grid as G } from "../../Common/Grid/Grid.js";
 import "classnames";
-import "../../../shared/constants.js";
-import { useComponentContext as v } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { HamburgerMenu as V } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import G from "../../../assets/icons/pencil.svg.js";
-import { formatNumberAsCurrency as y, firstLastName as I } from "../../../helpers/formattedStrings.js";
+import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { HamburgerMenu as O } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import _ from "../../../assets/icons/pencil.svg.js";
+import { formatNumberAsCurrency as y, firstLastName as V } from "../../../helpers/formattedStrings.js";
 import { parseDateStringToLocal as P } from "../../../helpers/dateFormatting.js";
-import { useLocale as _ } from "../../../contexts/LocaleProvider/useLocale.js";
-import { DataView as O } from "../../Common/DataView/DataView.js";
-const q = ({
-  payPeriod: a,
-  locale: c,
+import { useLocale as q } from "../../../contexts/LocaleProvider/useLocale.js";
+import { DataView as z } from "../../Common/DataView/DataView.js";
+const J = ({
+  payPeriod: i,
+  locale: m,
   t: s
 }) => {
-  if (a?.startDate && a.endDate) {
-    const d = P(a.startDate), u = P(a.endDate);
-    if (d && u) {
-      const g = d.toLocaleDateString(c, {
+  if (i?.startDate && i.endDate) {
+    const c = P(i.startDate), u = P(i.endDate);
+    if (c && u) {
+      const d = c.toLocaleDateString(m, {
         month: "long",
         day: "numeric"
-      }), h = u.toLocaleDateString(c, {
+      }), p = u.toLocaleDateString(m, {
         month: "short",
         day: "numeric",
         year: "numeric"
       });
-      return s("pageTitle", { startDate: g, endDate: h });
+      return s("pageTitle", { startDate: d, endDate: p });
     }
   }
   return s("pageTitle", { startDate: "", endDate: "" });
-}, oe = ({
-  employeeCompensations: a,
-  employeeDetails: c,
+}, ie = ({
+  employeeCompensations: i,
+  employeeDetails: m,
   payPeriod: s,
-  paySchedule: d,
+  paySchedule: c,
   onBack: u,
-  onEdit: g,
-  onCalculatePayroll: h,
-  isOffCycle: w = !1
+  onEdit: d,
+  onCalculatePayroll: p,
+  isOffCycle: T = !1,
+  alerts: f
 }) => {
-  const { Alert: f, Button: b, Heading: D, Text: n, Badge: N } = v();
+  const { Button: b, Heading: C, Text: o, Badge: w } = I();
   j("Payroll.PayrollConfiguration");
-  const { t: l } = B("Payroll.PayrollConfiguration"), { locale: T } = _(), x = H(), o = new Map(c.map((t) => [t.uuid, t])), E = (t) => {
-    const r = o.get(t);
-    return r ? I({ first_name: r.firstName, last_name: r.lastName }) : null;
+  const { t: n } = k("Payroll.PayrollConfiguration"), { locale: x } = q(), N = A(), a = new Map(m.map((e) => [e.uuid, e])), H = (e) => {
+    const t = a.get(e);
+    return t ? V({ first_name: t.firstName, last_name: t.lastName }) : null;
   };
-  return /* @__PURE__ */ m(p, { flexDirection: "column", gap: 16, children: [
-    /* @__PURE__ */ m(p, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ e(D, { as: "h1", children: q({ payPeriod: s, locale: T, t: l }) }),
-      /* @__PURE__ */ e(b, { title: l("calculatePayrollTitle"), onClick: h, children: l("calculatePayroll") })
+  return /* @__PURE__ */ g(h, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ g(h, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ r(C, { as: "h1", children: J({ payPeriod: s, locale: x, t: n }) }),
+      /* @__PURE__ */ r(b, { title: n("calculatePayrollTitle"), onClick: p, children: n("calculatePayroll") })
     ] }),
-    /* @__PURE__ */ e(n, { children: l("regularPayroll") }),
-    /* @__PURE__ */ m(p, { flexDirection: "column", gap: 16, children: [
-      /* @__PURE__ */ e(f, { label: l("alerts.payrollDeadline.label"), status: "info", children: l("alerts.payrollDeadline.message") }),
-      /* @__PURE__ */ e(f, { label: l("alerts.skippedEmployees.label"), status: "warning", children: /* @__PURE__ */ m("ul", { children: [
-        /* @__PURE__ */ e("li", { children: l("alerts.skippedEmployees.employeeAddressNotVerified") }),
-        /* @__PURE__ */ e("li", { children: l("alerts.skippedEmployees.employeeAddressNotVerified") })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(D, { as: "h3", children: l("hoursAndEarningsTitle") }),
-    /* @__PURE__ */ e(n, { children: l("hoursAndEarningsDescription") }),
-    /* @__PURE__ */ e(
-      O,
+    /* @__PURE__ */ r(o, { children: n("regularPayroll") }),
+    f && /* @__PURE__ */ r(G, { gap: 16, gridTemplateColumns: "1fr", children: f }),
+    /* @__PURE__ */ r(C, { as: "h3", children: n("hoursAndEarningsTitle") }),
+    /* @__PURE__ */ r(o, { children: n("hoursAndEarningsDescription") }),
+    /* @__PURE__ */ r(
+      z,
       {
-        label: l("employeeCompensationsTitle"),
+        label: n("employeeCompensationsTitle"),
         columns: [
           {
-            title: /* @__PURE__ */ e(n, { weight: "semibold", children: l("tableColumns.employees") }),
-            render: (t) => {
-              const r = o.get(t.employeeUuid || ""), i = x(r);
-              return /* @__PURE__ */ m(p, { flexDirection: "column", gap: 8, children: [
-                /* @__PURE__ */ e(n, { weight: "semibold", children: E(t.employeeUuid || "") }),
-                i && /* @__PURE__ */ e(n, { variant: "supporting", children: i }),
-                t.excluded && /* @__PURE__ */ e(N, { status: "warning", children: l("skippedBadge") })
+            title: /* @__PURE__ */ r(o, { weight: "semibold", children: n("tableColumns.employees") }),
+            render: (e) => {
+              const t = a.get(e.employeeUuid || ""), l = N(t);
+              return /* @__PURE__ */ g(h, { flexDirection: "column", gap: 8, children: [
+                /* @__PURE__ */ r(o, { weight: "semibold", children: H(e.employeeUuid || "") }),
+                l && /* @__PURE__ */ r(o, { variant: "supporting", children: l }),
+                e.excluded && /* @__PURE__ */ r(w, { status: "warning", children: n("skippedBadge") })
               ] });
             }
           },
           {
-            title: /* @__PURE__ */ e(n, { weight: "semibold", children: l("tableColumns.hours") }),
-            render: (t) => {
-              const r = L(t);
-              return /* @__PURE__ */ e(n, { children: C(r) });
+            title: /* @__PURE__ */ r(o, { weight: "semibold", children: n("tableColumns.hours") }),
+            render: (e) => {
+              const t = L(e), l = M(e);
+              return /* @__PURE__ */ r(o, { children: D(t + l) });
             }
           },
           {
-            title: /* @__PURE__ */ e(n, { weight: "semibold", children: l("tableColumns.timeOff") }),
-            render: (t) => {
-              const r = M(t);
-              return /* @__PURE__ */ e(n, { children: C(r) });
+            title: /* @__PURE__ */ r(o, { weight: "semibold", children: n("tableColumns.timeOff") }),
+            render: (e) => {
+              const t = v(e);
+              return /* @__PURE__ */ r(o, { children: D(t) });
             }
           },
           {
-            title: /* @__PURE__ */ e(n, { weight: "semibold", children: l("tableColumns.additionalEarnings") }),
-            render: (t) => {
-              const r = R(t);
-              return /* @__PURE__ */ e(n, { children: y(r) });
+            title: /* @__PURE__ */ r(o, { weight: "semibold", children: n("tableColumns.additionalEarnings") }),
+            render: (e) => {
+              const t = R(e);
+              return /* @__PURE__ */ r(o, { children: y(t) });
             }
           },
           {
-            title: /* @__PURE__ */ e(n, { weight: "semibold", children: l("tableColumns.reimbursements") }),
-            render: (t) => {
-              const r = F(t);
-              return /* @__PURE__ */ e(n, { children: y(r) });
+            title: /* @__PURE__ */ r(o, { weight: "semibold", children: n("tableColumns.reimbursements") }),
+            render: (e) => {
+              const t = F(e);
+              return /* @__PURE__ */ r(o, { children: y(t) });
             }
           },
           {
-            title: /* @__PURE__ */ e(n, { weight: "semibold", children: l("tableColumns.totalPay") }),
-            render: (t) => {
-              const r = o.get(t.employeeUuid || ""), i = r ? S(t, r, s?.startDate, d, w) : 0;
-              return /* @__PURE__ */ e(n, { children: y(i) });
+            title: /* @__PURE__ */ r(o, { weight: "semibold", children: n("tableColumns.totalPay") }),
+            render: (e) => {
+              const t = a.get(e.employeeUuid || ""), l = t ? S(e, t, s?.startDate, c, T) : 0;
+              return /* @__PURE__ */ r(o, { children: y(l) });
             }
           }
         ],
-        data: a.filter((t) => {
-          const r = t.employeeUuid;
-          return r ? o.has(r) : !1;
-        }).sort((t, r) => {
-          const i = o.get(t.employeeUuid || ""), k = o.get(r.employeeUuid || ""), A = i?.lastName || "", U = k?.lastName || "";
-          return A.localeCompare(U);
+        data: i.filter((e) => {
+          const t = e.employeeUuid;
+          return t ? a.has(t) : !1;
+        }).sort((e, t) => {
+          const l = a.get(e.employeeUuid || ""), U = a.get(t.employeeUuid || ""), B = l?.lastName || "", E = U?.lastName || "";
+          return B.localeCompare(E);
         }),
-        itemMenu: (t) => /* @__PURE__ */ e(
-          V,
+        itemMenu: (e) => /* @__PURE__ */ r(
+          O,
           {
             items: [
               {
-                label: l("editMenu.edit"),
-                icon: /* @__PURE__ */ e(G, { "aria-hidden": !0 }),
+                label: n("editMenu.edit"),
+                icon: /* @__PURE__ */ r(_, { "aria-hidden": !0 }),
                 onClick: () => {
-                  const r = o.get(t.employeeUuid || "");
-                  r && g(r);
+                  const t = a.get(e.employeeUuid || "");
+                  t && d(t);
                 }
               }
             ],
-            triggerLabel: l("editMenu.edit")
+            triggerLabel: n("editMenu.edit")
           }
         )
       }
     ),
-    /* @__PURE__ */ e(b, { title: l("backButtonTitle"), onClick: u, variant: "secondary", children: l("backButton") })
+    /* @__PURE__ */ r(b, { title: n("backButtonTitle"), onClick: u, variant: "secondary", children: n("backButton") })
   ] });
 };
 export {
-  oe as PayrollConfigurationPresentation
+  ie as PayrollConfigurationPresentation
 };
 //# sourceMappingURL=PayrollConfigurationPresentation.js.map