@gusto/embedded-react-sdk 0.13.1 → 0.13.3

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.js

@@ -1,55 +1,117 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useReducer as i } from "react";
-const P = () => ({
+import { jsx as o } from "react/jsx-runtime";
+import { useReducer as L, useState as N } from "react";
+import { useTranslation as _ } from "react-i18next";
+import { componentEvents as m } from "../../../shared/constants.js";
+import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { firstLastName as b } from "../../../helpers/formattedStrings.js";
+import { useI18n as w } from "../../../i18n/I18n.js";
+const D = () => ({
   currentPayrollId: void 0,
-  isCalculated: !1
-}), p = (r, l) => {
+  isCalculated: !1,
+  editedEmployeeId: void 0
+}), O = (e, l) => {
   switch (l.type) {
     case "runPayroll/back":
       return {
-        ...r,
+        ...e,
         currentPayrollId: void 0
       };
     case "runPayroll/edited":
       return {
-        ...r,
+        ...e,
         isCalculated: !1
       };
     case "runPayroll/calculated":
       return {
-        ...r,
+        ...e,
         isCalculated: !0
       };
     case "runPayroll/selected":
       return {
-        ...r,
+        ...e,
         currentPayrollId: l.payload.payrollId
       };
     case "runPayroll/submitted":
       return {
-        ...r,
+        ...e,
+        isCalculated: !1,
+        currentPayrollId: void 0
+      };
+    case "runPayroll/employee/edited":
+      return {
+        ...e,
+        editedEmployeeId: l.payload.employeeId
+      };
+    case "runPayroll/employee/saved":
+    case "runPayroll/employee/cancelled":
+      return {
+        ...e,
+        editedEmployeeId: void 0
+      };
+    case m.RUN_PAYROLL_CANCELLED:
+      return {
+        ...e,
         isCalculated: !1,
         currentPayrollId: void 0
       };
     default:
-      return r;
+      return e;
   }
-}, v = ({
-  companyId: r,
+}, M = ({
+  companyId: e,
   Configuration: l,
-  List: n,
-  onEvent: c,
-  Overview: d
+  Landing: y,
+  onEvent: i,
+  Overview: p,
+  EditEmployee: P
 }) => {
-  const [{ isCalculated: s, currentPayrollId: e }, y] = i(
-    p,
-    P()
-  ), a = (o, u) => {
-    y({ type: o, payload: u }), c(o, u);
-  };
-  return e ? s ? /* @__PURE__ */ t(d, { companyId: r, onEvent: a, payrollId: e }) : /* @__PURE__ */ t(l, { onEvent: a, payrollId: e, companyId: r }) : /* @__PURE__ */ t(n, { companyId: r, onEvent: a });
+  w("Payroll.RunPayroll");
+  const { t: f } = _("Payroll.RunPayroll"), [{ isCalculated: E, currentPayrollId: r, editedEmployeeId: d }, v] = L(
+    O,
+    D()
+  ), [u, c] = N(
+    null
+  ), I = S(), C = () => {
+    c(null);
+  }, t = (a, n) => {
+    if (a === m.RUN_PAYROLL_EMPLOYEE_SAVED) {
+      const s = n.employee;
+      if (s) {
+        const A = b({
+          first_name: s.firstName,
+          last_name: s.lastName
+        });
+        c({ employeeName: A });
+      }
+    }
+    v({ type: a, payload: n }), i(a, n);
+  }, R = u ? /* @__PURE__ */ o(
+    I.Alert,
+    {
+      status: "success",
+      label: f("alerts.employeeUpdated.label", { name: u.employeeName }),
+      onDismiss: C
+    }
+  ) : void 0;
+  return d && r ? /* @__PURE__ */ o(
+    P,
+    {
+      onEvent: t,
+      employeeId: d,
+      companyId: e,
+      payrollId: r
+    }
+  ) : r ? E ? /* @__PURE__ */ o(p, { companyId: e, onEvent: t, payrollId: r }) : /* @__PURE__ */ o(
+    l,
+    {
+      onEvent: t,
+      payrollId: r,
+      companyId: e,
+      alerts: R
+    }
+  ) : /* @__PURE__ */ o(y, { companyId: e, onEvent: t });
 };
 export {
-  v as RunPayroll
+  M as RunPayroll
 };
 //# sourceMappingURL=RunPayroll.js.map

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"RunPayroll.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayroll.tsx"],"sourcesContent":["import { useReducer } from 'react'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType, runPayrollEvents } from '@/shared/constants'\n\ntype PayrollFlowEvent = (typeof runPayrollEvents)[keyof typeof runPayrollEvents]\ntype PayrollFlowAction =\n  | {\n      type: Extract<\n        PayrollFlowEvent,\n        'runPayroll/back' | 'runPayroll/edited' | 'runPayroll/calculated' | 'runPayroll/submitted'\n      >\n    }\n  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/selected'>\n      payload: { payrollId: string }\n    }\n\ninterface PayrollFlowState {\n  currentPayrollId?: string\n  isCalculated: boolean\n}\nconst createInitialPayrollFlowState: () => PayrollFlowState = () => ({\n  currentPayrollId: undefined,\n  isCalculated: false,\n})\n\nconst runPayrollFlowReducer: (\n  state: PayrollFlowState,\n  action: PayrollFlowAction,\n) => PayrollFlowState = (state, action) => {\n  switch (action.type) {\n    case 'runPayroll/back':\n      return {\n        ...state,\n        currentPayrollId: undefined,\n      }\n    case 'runPayroll/edited':\n      return {\n        ...state,\n        isCalculated: false,\n      }\n    case 'runPayroll/calculated':\n      return {\n        ...state,\n        isCalculated: true,\n      }\n    case 'runPayroll/selected': {\n      return {\n        ...state,\n        currentPayrollId: action.payload.payrollId,\n      }\n    }\n    case 'runPayroll/submitted': {\n      return {\n        ...state,\n        isCalculated: false,\n        currentPayrollId: undefined,\n      }\n    }\n    default:\n      return state\n  }\n}\n\ninterface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {\n  companyId: string\n  Configuration: ({\n    onEvent,\n    payrollId,\n    companyId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    payrollId: string\n    companyId: string\n  }) => React.JSX.Element\n  List: ({\n    companyId,\n    onEvent,\n  }: Pick<BaseComponentInterface, 'onEvent'> & { companyId: string }) => React.JSX.Element\n  Overview: ({\n    companyId,\n    onEvent,\n    payrollId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    companyId: string\n    payrollId: string\n  }) => React.JSX.Element\n}\n\nexport const RunPayroll = ({\n  companyId,\n  Configuration,\n  List,\n  onEvent,\n  Overview,\n}: RunPayrollProps) => {\n  const [{ isCalculated, currentPayrollId }, dispatch] = useReducer(\n    runPayrollFlowReducer,\n    createInitialPayrollFlowState(),\n  )\n\n  const wrappedOnEvent: OnEventType<string, unknown> = (event, payload) => {\n    dispatch({ type: event, payload } as PayrollFlowAction)\n    onEvent(event as EventType, payload)\n  }\n\n  return currentPayrollId ? (\n    isCalculated ? (\n      <Overview companyId={companyId} onEvent={wrappedOnEvent} payrollId={currentPayrollId} />\n    ) : (\n      <Configuration onEvent={wrappedOnEvent} payrollId={currentPayrollId} companyId={companyId} />\n    )\n  ) : (\n    <List companyId={companyId} onEvent={wrappedOnEvent} />\n  )\n}\n"],"names":["createInitialPayrollFlowState","runPayrollFlowReducer","state","action","RunPayroll","companyId","Configuration","List","onEvent","Overview","isCalculated","currentPayrollId","dispatch","useReducer","wrappedOnEvent","event","payload","jsx"],"mappings":";;AAsBA,MAAMA,IAAwD,OAAO;AAAA,EACnE,kBAAkB;AAAA,EAClB,cAAc;AAChB,IAEMC,IAGkB,CAACC,GAAOC,MAAW;AACzC,UAAQA,EAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,kBAAkB;AAAA,MAAA;AAAA,IAEtB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,kBAAkBC,EAAO,QAAQ;AAAA,MAAA;AAAA,IAGrC,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,cAAc;AAAA,QACd,kBAAkB;AAAA,MAAA;AAAA,IAGtB;AACE,aAAOA;AAAA,EAAA;AAEb,GA0BaE,IAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAAuB;AACrB,QAAM,CAAC,EAAE,cAAAC,GAAc,kBAAAC,EAAA,GAAoBC,CAAQ,IAAIC;AAAA,IACrDZ;AAAA,IACAD,EAAA;AAAA,EAA8B,GAG1Bc,IAA+C,CAACC,GAAOC,MAAY;AACvE,IAAAJ,EAAS,EAAE,MAAMG,GAAO,SAAAC,EAAA,CAA8B,GACtDR,EAAQO,GAAoBC,CAAO;AAAA,EACrC;AAEA,SAAOL,IACLD,IACE,gBAAAO,EAACR,GAAA,EAAS,WAAAJ,GAAsB,SAASS,GAAgB,WAAWH,EAAA,CAAkB,IAEtF,gBAAAM,EAACX,KAAc,SAASQ,GAAgB,WAAWH,GAAkB,WAAAN,EAAA,CAAsB,IAG7F,gBAAAY,EAACV,GAAA,EAAK,WAAAF,GAAsB,SAASS,EAAA,CAAgB;AAEzD;"}
+{"version":3,"file":"RunPayroll.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayroll.tsx"],"sourcesContent":["import { useReducer, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType, runPayrollEvents } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\n\ntype PayrollFlowEvent = (typeof runPayrollEvents)[keyof typeof runPayrollEvents]\ntype PayrollFlowAction =\n  | {\n      type: Extract<\n        PayrollFlowEvent,\n        'runPayroll/back' | 'runPayroll/edited' | 'runPayroll/calculated' | 'runPayroll/submitted'\n      >\n    }\n  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/selected'>\n      payload: { payrollId: string }\n    }\n  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/employee/edited'>\n      payload: { employeeId: string }\n    }\n  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/employee/saved' | 'runPayroll/employee/cancelled'>\n    }\n  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/cancelled'>\n    }\n\ninterface PayrollFlowState {\n  currentPayrollId?: string\n  isCalculated: boolean\n  editedEmployeeId?: string\n}\nconst createInitialPayrollFlowState: () => PayrollFlowState = () => ({\n  currentPayrollId: undefined,\n  isCalculated: false,\n  editedEmployeeId: undefined,\n})\n\nconst runPayrollFlowReducer: (\n  state: PayrollFlowState,\n  action: PayrollFlowAction,\n) => PayrollFlowState = (state, action) => {\n  switch (action.type) {\n    case 'runPayroll/back':\n      return {\n        ...state,\n        currentPayrollId: undefined,\n      }\n    case 'runPayroll/edited':\n      return {\n        ...state,\n        isCalculated: false,\n      }\n    case 'runPayroll/calculated':\n      return {\n        ...state,\n        isCalculated: true,\n      }\n    case 'runPayroll/selected': {\n      return {\n        ...state,\n        currentPayrollId: action.payload.payrollId,\n      }\n    }\n    case 'runPayroll/submitted': {\n      return {\n        ...state,\n        isCalculated: false,\n        currentPayrollId: undefined,\n      }\n    }\n    case 'runPayroll/employee/edited': {\n      return {\n        ...state,\n        editedEmployeeId: action.payload.employeeId,\n      }\n    }\n    case 'runPayroll/employee/saved':\n    case 'runPayroll/employee/cancelled': {\n      return {\n        ...state,\n        editedEmployeeId: undefined,\n      }\n    }\n    case componentEvents.RUN_PAYROLL_CANCELLED: {\n      return {\n        ...state,\n        isCalculated: false,\n        currentPayrollId: undefined,\n      }\n    }\n    default:\n      return state\n  }\n}\n\ninterface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {\n  companyId: string\n  Configuration: ({\n    onEvent,\n    payrollId,\n    companyId,\n    alerts,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    payrollId: string\n    companyId: string\n    alerts?: React.ReactNode\n  }) => React.JSX.Element\n  Landing: ({\n    companyId,\n    onEvent,\n  }: Pick<BaseComponentInterface, 'onEvent'> & { companyId: string }) => React.JSX.Element\n  Overview: ({\n    companyId,\n    onEvent,\n    payrollId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    companyId: string\n    payrollId: string\n  }) => React.JSX.Element\n  EditEmployee: ({\n    onEvent,\n    employeeId,\n    companyId,\n    payrollId,\n  }: Pick<BaseComponentInterface, 'onEvent'> & {\n    employeeId: string\n    companyId: string\n    payrollId: string\n  }) => React.JSX.Element\n}\n\nexport const RunPayroll = ({\n  companyId,\n  Configuration,\n  Landing,\n  onEvent,\n  Overview,\n  EditEmployee,\n}: RunPayrollProps) => {\n  useI18n('Payroll.RunPayroll')\n  const { t } = useTranslation('Payroll.RunPayroll')\n\n  const [{ isCalculated, currentPayrollId, editedEmployeeId }, dispatch] = useReducer(\n    runPayrollFlowReducer,\n    createInitialPayrollFlowState(),\n  )\n  const [employeeSavedAlert, setEmployeeSavedAlert] = useState<{ employeeName: string } | null>(\n    null,\n  )\n\n  const Components = useComponentContext()\n\n  const handleDismissEmployeeSavedAlert = () => {\n    setEmployeeSavedAlert(null)\n  }\n\n  const wrappedOnEvent: OnEventType<string, unknown> = (event, payload) => {\n    if (event === componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED) {\n      const employee = (payload as { employee?: Employee }).employee\n      if (employee) {\n        const employeeName = firstLastName({\n          first_name: employee.firstName,\n          last_name: employee.lastName,\n        })\n        setEmployeeSavedAlert({ employeeName })\n      }\n    }\n\n    dispatch({ type: event, payload } as PayrollFlowAction)\n    onEvent(event as EventType, payload)\n  }\n\n  const alerts = employeeSavedAlert ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('alerts.employeeUpdated.label', { name: employeeSavedAlert.employeeName })}\n      onDismiss={handleDismissEmployeeSavedAlert}\n    />\n  ) : undefined\n\n  if (editedEmployeeId && currentPayrollId) {\n    return (\n      <EditEmployee\n        onEvent={wrappedOnEvent}\n        employeeId={editedEmployeeId}\n        companyId={companyId}\n        payrollId={currentPayrollId}\n      />\n    )\n  }\n\n  return currentPayrollId ? (\n    isCalculated ? (\n      <Overview companyId={companyId} onEvent={wrappedOnEvent} payrollId={currentPayrollId} />\n    ) : (\n      <Configuration\n        onEvent={wrappedOnEvent}\n        payrollId={currentPayrollId}\n        companyId={companyId}\n        alerts={alerts}\n      />\n    )\n  ) : (\n    <Landing companyId={companyId} onEvent={wrappedOnEvent} />\n  )\n}\n"],"names":["createInitialPayrollFlowState","runPayrollFlowReducer","state","action","componentEvents","RunPayroll","companyId","Configuration","Landing","onEvent","Overview","EditEmployee","useI18n","t","useTranslation","isCalculated","currentPayrollId","editedEmployeeId","dispatch","useReducer","employeeSavedAlert","setEmployeeSavedAlert","useState","Components","useComponentContext","handleDismissEmployeeSavedAlert","wrappedOnEvent","event","payload","employee","employeeName","firstLastName","alerts","jsx"],"mappings":"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"}

package/dist/components/Payroll/RunPayrollFlow/RunPayrollFlow.js

@@ -1,16 +1,18 @@
 import { jsx as r } from "react/jsx-runtime";
+import { PayrollLanding as l } from "../PayrollLanding/PayrollLanding.js";
 import { PayrollConfiguration as t } from "../PayrollConfiguration/PayrollConfiguration.js";
-import { PayrollList as l } from "../PayrollList/PayrollList.js";
 import { PayrollOverview as n } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollEditEmployee as e } from "../PayrollEditEmployee/PayrollEditEmployee.js";
 import { RunPayroll as a } from "./RunPayroll.js";
-import { BaseComponent as e } from "../../Base/Base.js";
-const v = ({ companyId: i, onEvent: o, ...m }) => /* @__PURE__ */ r(e, { ...m, onEvent: o, children: /* @__PURE__ */ r(
+import { BaseComponent as p } from "../../Base/Base.js";
+const v = ({ companyId: i, onEvent: o, ...m }) => /* @__PURE__ */ r(p, { ...m, onEvent: o, children: /* @__PURE__ */ r(
   a,
   {
     companyId: i,
     Configuration: t,
-    List: l,
+    Landing: l,
     Overview: n,
+    EditEmployee: e,
     onEvent: o
   }
 ) });

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

@@ -1 +1 @@
-{"version":3,"file":"RunPayrollFlow.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayrollFlow.tsx"],"sourcesContent":["import { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { RunPayroll } from './RunPayroll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\n\ninterface RunPayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport const RunPayrollFlow = ({ companyId, onEvent, ...baseProps }: RunPayrollFlowProps) => {\n  return (\n    <BaseComponent {...baseProps} onEvent={onEvent}>\n      <RunPayroll\n        companyId={companyId}\n        Configuration={PayrollConfiguration}\n        List={PayrollList}\n        Overview={PayrollOverview}\n        onEvent={onEvent}\n      />\n    </BaseComponent>\n  )\n}\n"],"names":["RunPayrollFlow","companyId","onEvent","baseProps","jsx","BaseComponent","RunPayroll","PayrollConfiguration","PayrollList","PayrollOverview"],"mappings":";;;;;;AAWO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QAEpD,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAW,SAAAD,GAC5B,UAAA,gBAAAE;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAL;AAAA,IACA,eAAeM;AAAA,IACf,MAAMC;AAAA,IACN,UAAUC;AAAA,IACV,SAAAP;AAAA,EAAA;AAAA,GAEJ;"}
+{"version":3,"file":"RunPayrollFlow.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayrollFlow.tsx"],"sourcesContent":["import { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { RunPayroll } from './RunPayroll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\n\ninterface RunPayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport const RunPayrollFlow = ({ companyId, onEvent, ...baseProps }: RunPayrollFlowProps) => {\n  return (\n    <BaseComponent {...baseProps} onEvent={onEvent}>\n      <RunPayroll\n        companyId={companyId}\n        Configuration={PayrollConfiguration}\n        Landing={PayrollLanding}\n        Overview={PayrollOverview}\n        EditEmployee={PayrollEditEmployee}\n        onEvent={onEvent}\n      />\n    </BaseComponent>\n  )\n}\n"],"names":["RunPayrollFlow","companyId","onEvent","baseProps","jsx","BaseComponent","RunPayroll","PayrollConfiguration","PayrollLanding","PayrollOverview","PayrollEditEmployee"],"mappings":";;;;;;;AAYO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QAEpD,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAW,SAAAD,GAC5B,UAAA,gBAAAE;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAL;AAAA,IACA,eAAeM;AAAA,IACf,SAASC;AAAA,IACT,UAAUC;AAAA,IACV,cAAcC;AAAA,IACd,SAAAR;AAAA,EAAA;AAAA,GAEJ;"}

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

@@ -1,7 +1,10 @@
 import { Employee } from '@gusto/embedded-api/models/components/employee';
+import { FixedCompensations, PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype';
+import { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype';
 import { TFunction } from 'i18next';
 import { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject';
-import { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype';
+import { PayrollType } from './PayrollList/types';
+import { PayrollHistoryStatus } from './PayrollHistory/PayrollHistory';
 export declare const getPrimaryJob: (employee: Employee) => import('@gusto/embedded-api/models/components/job.js').Job | null;
 export declare const formatEmployeePayRate: ({ employee, t, locale, }: {
     employee?: Employee;
@@ -14,8 +17,25 @@ export declare const getEmployeePayRateInfo: (employee: Employee | undefined) =>
     paymentUnit: import('@gusto/embedded-api/models/components/compensation').PaymentUnit;
 } | null;
 export declare const getRegularHours: (compensation: PayrollEmployeeCompensationsType) => number;
+export declare function getOvertimeHours(compensation: PayrollEmployeeCompensationsType): number;
 export declare const getTotalPtoHours: (compensation: PayrollEmployeeCompensationsType) => number;
 export declare const getAdditionalEarnings: (compensation: PayrollEmployeeCompensationsType) => number;
 export declare const getReimbursements: (compensation: PayrollEmployeeCompensationsType) => number;
 export declare const formatHoursDisplay: (hours: number) => string;
 export declare const calculateGrossPay: (compensation: PayrollEmployeeCompensationsType, employee: Employee, compensationEffectiveDateString?: string, paySchedule?: PayScheduleObject, isOffCycle?: boolean) => number;
+export declare const getPayrollType: (payroll: {
+    external?: boolean;
+    offCycle?: boolean;
+}) => PayrollType;
+export declare const getPayrollStatus: (payroll: {
+    processed?: boolean;
+    checkDate?: string | null;
+}) => PayrollHistoryStatus;
+export declare const getAdditionalEarningsCompensations: ({ flsaStatus, existingFixedCompensations, primaryJobUuid, fixedCompensationTypes, excludedTypes, }: {
+    flsaStatus: string | undefined;
+    existingFixedCompensations?: FixedCompensations[];
+    primaryJobUuid?: string;
+    fixedCompensationTypes?: PayrollFixedCompensationTypesType[];
+    excludedTypes?: string[];
+}) => FixedCompensations[];
+export declare const getReimbursementCompensation: (fixedCompensations: FixedCompensations[], fixedCompensationTypes: PayrollFixedCompensationTypesType[], primaryJobUuid?: string) => FixedCompensations | null;

package/dist/components/Payroll/helpers.js

@@ -1,8 +1,9 @@
-import { useCallback as C } from "react";
-import { useTranslation as T } from "react-i18next";
-import { formatPayRate as v } from "../../helpers/formattedStrings.js";
-import { useLocale as b } from "../../contexts/LocaleProvider/useLocale.js";
-const E = "regular hours", y = (t) => t.jobs?.find((e) => e.primary) || t.jobs?.[0] || null, M = (t) => Math.round(t * 1e6) / 1e6, P = (t) => Math.round(t * 100) / 100, H = (t) => t.toLowerCase() === E, j = {
+import { useCallback as T } from "react";
+import { useTranslation as E } from "react-i18next";
+import { formatPayRate as b } from "../../helpers/formattedStrings.js";
+import { useLocale as v } from "../../contexts/LocaleProvider/useLocale.js";
+import { FlsaStatus as M, COMPENSATION_NAME_REIMBURSEMENT as g } from "../../shared/constants.js";
+const x = "regular hours", y = (e) => e.jobs?.find((t) => t.primary) || e.jobs?.[0] || null, S = (e) => Math.round(e * 1e6) / 1e6, C = (e) => Math.round(e * 100) / 100, D = (e) => e.toLowerCase() === x, j = {
   Daily: 8,
   "Every week": 40,
   "Every other week": 80,
@@ -11,199 +12,241 @@ const E = "regular hours", y = (t) => t.jobs?.find((e) => e.primary) || t.jobs?.
   Quarterly: 520,
   Semiannually: 1040,
   Annually: 2080
-}, S = ({
-  employee: t,
-  t: e,
+}, L = ({
+  employee: e,
+  t,
   locale: r = "en-US"
 }) => {
-  if (!t?.jobs)
+  if (!e?.jobs)
     return null;
-  const n = y(t);
+  const n = y(e);
   if (!n?.compensations)
     return null;
   const o = n.compensations[0];
   if (!o || !o.rate || parseFloat(o.rate) === 0)
     return null;
-  const a = parseFloat(o.rate), u = o.paymentUnit || "Hour";
-  return v({ rate: a, paymentUnit: u, t: e, locale: r });
-}, z = () => {
-  const { t } = T("common"), { locale: e } = b();
-  return C(
-    (r) => S({ employee: r, t, locale: e }),
-    [t, e]
+  const s = parseFloat(o.rate), u = o.paymentUnit || "Hour";
+  return b({ rate: s, paymentUnit: u, t, locale: r });
+}, V = () => {
+  const { t: e } = E("common"), { locale: t } = v();
+  return T(
+    (r) => L({ employee: r, t: e, locale: t }),
+    [e, t]
   );
-}, B = (t) => t.hourlyCompensations ? t.hourlyCompensations.filter((e) => e.name?.toLowerCase() === "regular hours").reduce((e, r) => e + parseFloat(r.hours || "0"), 0) : 0, x = (t) => t.paidTimeOff ? t.paidTimeOff.reduce((e, r) => e + parseFloat(r.hours || "0"), 0) : 0, U = (t) => t.fixedCompensations ? t.fixedCompensations.filter((e) => {
-  const r = e.name?.toLowerCase() || "", n = parseFloat(e.amount || "0");
+}, X = (e) => e.hourlyCompensations ? e.hourlyCompensations.filter((t) => t.name?.toLowerCase() === "regular hours").reduce((t, r) => t + parseFloat(r.hours || "0"), 0) : 0;
+function Z(e) {
+  return !e.hourlyCompensations || e.excluded ? 0 : e.hourlyCompensations.filter((t) => Number(t.compensationMultiplier) > 1).reduce((t, r) => t + parseFloat(r.hours || "0"), 0);
+}
+const O = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r.hours || "0"), 0) : 0, U = (e) => e.fixedCompensations ? e.fixedCompensations.filter((t) => {
+  const r = t.name?.toLowerCase() || "", n = parseFloat(t.amount || "0");
   return r !== "reimbursement" && r !== "minimum wage adjustment" && n > 0;
-}).reduce((e, r) => e + parseFloat(r.amount || "0"), 0) : 0, K = (t) => {
-  if (!t.fixedCompensations)
+}).reduce((t, r) => t + parseFloat(r.amount || "0"), 0) : 0, ee = (e) => {
+  if (!e.fixedCompensations)
     return 0;
-  const e = t.fixedCompensations.find(
+  const t = e.fixedCompensations.find(
     (r) => r.name?.toLowerCase() === "reimbursement"
   );
-  return e ? parseFloat(e.amount || "0") : 0;
-}, V = (t) => {
-  const e = P(t);
-  return e % 1 === 0 ? `${e}.0` : e.toString();
-}, W = (t) => t.frequency && j[t.frequency] || 0, g = (t, e) => {
-  if (!t.length) return null;
-  const r = [...t].sort(
+  return t ? parseFloat(t.amount || "0") : 0;
+}, te = (e) => {
+  const t = C(e);
+  return t % 1 === 0 ? `${t}.0` : t.toString();
+}, k = (e) => e.frequency && j[e.frequency] || 0, h = (e, t) => {
+  if (!e.length) return null;
+  const r = [...e].sort(
     (n, o) => (n.effectiveDate ? new Date(n.effectiveDate).getTime() : 0) - (o.effectiveDate ? new Date(o.effectiveDate).getTime() : 0)
   );
   for (let n = r.length - 1; n >= 0; n--) {
-    const o = r[n]?.effectiveDate, a = o ? new Date(o) : null;
-    if (a && a <= e)
+    const o = r[n]?.effectiveDate, s = o ? new Date(o) : null;
+    if (s && s <= t)
       return r[n] || null;
   }
   return r[0] || null;
-}, A = (t, e) => {
-  if (!t.length) return null;
-  const r = [...t].sort(
+}, A = (e, t) => {
+  if (!e.length) return null;
+  const r = [...e].sort(
     (n, o) => (n.effectiveDate ? new Date(n.effectiveDate).getTime() : 0) - (o.effectiveDate ? new Date(o.effectiveDate).getTime() : 0)
   );
   for (let n = r.length - 1; n >= 0; n--) {
-    const o = r[n]?.effectiveDate, a = o ? new Date(o) : null;
-    if (a && a <= e)
+    const o = r[n]?.effectiveDate, s = o ? new Date(o) : null;
+    if (s && s <= t)
       return r[n] || null;
   }
   return r[0] || null;
-}, O = (t) => t.flsaStatus === "Exempt" || t.flsaStatus === "Salaried Nonexempt", L = (t) => t.length ? t.filter((e) => {
-  const r = e.name?.toLowerCase(), n = parseFloat(e.amount || "0");
+}, N = (e) => e.flsaStatus === "Exempt" || e.flsaStatus === "Salaried Nonexempt", W = (e) => e.length ? e.filter((t) => {
+  const r = t.name?.toLowerCase(), n = parseFloat(t.amount || "0");
   return (r === "paycheck tips" || r === "cash tips") && n > 0;
-}).reduce((e, r) => e + parseFloat(r.amount || "0"), 0) : 0, h = (t) => {
-  const e = parseFloat(t.rate || "0");
-  switch (t.paymentUnit || "Hour") {
+}).reduce((t, r) => t + parseFloat(r.amount || "0"), 0) : 0, P = (e) => {
+  const t = parseFloat(e.rate || "0");
+  switch (e.paymentUnit || "Hour") {
     case "Hour":
-      return e;
+      return t;
     case "Year":
-      return e / 2080;
+      return t / 2080;
     // 52 weeks * 40 hours
     case "Month":
-      return e / 173.333333;
+      return t / 173.333333;
     case "Week":
-      return e / 40;
+      return t / 40;
     case "Paycheck":
       return 0;
     // Paycheck rate is 0 for hourly calculation
     default:
-      return e;
+      return t;
   }
-}, k = (t, e, r) => {
-  const n = t.jobs?.find((a) => a.uuid === e);
+}, I = (e, t, r) => {
+  const n = e.jobs?.find((s) => s.uuid === t);
   if (!n?.compensations)
     return 0;
-  const o = g(n.compensations, r);
-  return o ? h(o) : 0;
-}, D = (t, e) => {
-  const r = y(t);
+  const o = h(n.compensations, r);
+  return o ? P(o) : 0;
+}, H = (e, t) => {
+  const r = y(e);
   if (!r?.compensations)
     return 0;
-  const n = g(r.compensations, e);
-  return n ? h(n) : 0;
-}, I = (t) => t.paidTimeOff ? t.paidTimeOff.reduce(
-  (e, r) => e + parseFloat(r.finalPayoutUnusedHoursInput || "0"),
+  const n = h(r.compensations, t);
+  return n ? P(n) : 0;
+}, _ = (e) => e.paidTimeOff ? e.paidTimeOff.reduce(
+  (t, r) => t + parseFloat(r.finalPayoutUnusedHoursInput || "0"),
   0
-) : 0, R = (t, e, r, n) => {
-  const o = x(t);
+) : 0, w = (e, t, r, n) => {
+  const o = O(e);
   if (n) {
-    const a = I(t);
-    return o + a;
+    const s = _(e);
+    return o + s;
   }
-  return e ? Math.min(r, o) : o;
-}, J = (t, e, r) => {
-  if (!t.adjustForMinimumWage) return 0;
+  return t ? Math.min(r, o) : o;
+}, G = (e, t, r) => {
+  if (!e.adjustForMinimumWage) return 0;
   const n = A(
-    t.minimumWages || [],
+    e.minimumWages || [],
     r
   );
   if (!n)
     return 0;
-  const o = e.hourlyCompensations?.reduce(
-    (m, l) => m + parseFloat(l.hours || "0"),
+  const o = t.hourlyCompensations?.reduce(
+    (m, i) => m + parseFloat(i.hours || "0"),
     0
-  ) || 0, a = h(t), u = (parseFloat(n.wage || "0") - a) * o, s = L(e.fixedCompensations || []);
-  return Math.max(0, u - s);
-}, _ = (t, e, r, n, o, a, u) => {
+  ) || 0, s = P(e), u = (parseFloat(n.wage || "0") - s) * o, a = W(t.fixedCompensations || []);
+  return Math.max(0, u - a);
+}, J = (e, t, r, n, o, s, u) => {
   if (!u && n)
-    return D(e, r) * (o - a);
-  if (!t.hourlyCompensations || !e.jobs)
+    return H(t, r) * (o - s);
+  if (!e.hourlyCompensations || !t.jobs)
     return 0;
-  const s = t.hourlyCompensations.reduce((i, c) => {
-    const p = parseFloat(c.hours || "0"), d = k(e, c.jobUuid || "", r);
-    return i + p * d;
-  }, 0), m = t.hourlyCompensations.reduce((i, c) => i + parseFloat(c.hours || "0"), 0);
-  if (m === 0) return s;
-  const l = M(s / m), f = t.hourlyCompensations.filter((i) => !H(i.name || "")).reduce((i, c) => {
-    const p = parseFloat(c.hours || "0"), d = c.compensationMultiplier || 1;
-    return i + p * l * (d - 1);
+  const a = e.hourlyCompensations.reduce((c, l) => {
+    const d = parseFloat(l.hours || "0"), p = I(t, l.jobUuid || "", r);
+    return c + d * p;
+  }, 0), m = e.hourlyCompensations.reduce((c, l) => c + parseFloat(l.hours || "0"), 0);
+  if (m === 0) return a;
+  const i = S(a / m), f = e.hourlyCompensations.filter((c) => !D(c.name || "")).reduce((c, l) => {
+    const d = parseFloat(l.hours || "0"), p = l.compensationMultiplier || 1;
+    return c + d * i * (p - 1);
   }, 0);
-  return s + f;
-}, G = (t, e, r, n, o, a) => {
-  const u = R(
-    t,
+  return a + f;
+}, q = (e, t, r, n, o, s) => {
+  const u = w(
+    e,
     n,
     o,
-    a
-  ), s = D(e, r);
-  return u * s;
-}, N = (t, e, r) => {
-  if (!e) return !1;
-  const n = t.hourlyCompensations?.find(
-    (a) => H(a.name || "")
+    s
+  ), a = H(t, r);
+  return u * a;
+}, B = (e, t, r) => {
+  if (!t) return !1;
+  const n = e.hourlyCompensations?.find(
+    (s) => D(s.name || "")
   );
   return n ? parseFloat(n.hours || "0") === r : !1;
-}, X = (t, e, r, n, o = !1) => {
-  if (t.excluded)
+}, re = (e, t, r, n, o = !1) => {
+  if (e.excluded)
     return 0;
-  const a = r ? new Date(r) : /* @__PURE__ */ new Date(), u = y(e);
+  const s = r ? new Date(r) : /* @__PURE__ */ new Date(), u = y(t);
   if (!u?.compensations)
     return 0;
-  const s = g(
+  const a = h(
     u.compensations,
-    a
+    s
   );
-  if (!s)
+  if (!a)
     return 0;
-  const m = O(s), l = n ? W(n) : 0, f = N(
-    t,
+  const m = N(a), i = n ? k(n) : 0, f = B(
+    e,
     m,
-    l
-  ), i = R(
-    t,
+    i
+  ), c = w(
+    e,
     f,
-    l,
+    i,
     o
-  ), c = _(
-    t,
+  ), l = J(
     e,
-    a,
+    t,
+    s,
     f,
-    l,
     i,
+    c,
     o
-  ), p = U(t), d = G(
-    t,
+  ), d = U(e), p = q(
     e,
-    a,
+    t,
+    s,
     f,
-    l,
+    i,
     o
-  ), w = J(
-    s,
-    t,
-    a
-  ), F = c + p + d + w;
-  return P(F);
+  ), R = G(
+    a,
+    e,
+    s
+  ), F = l + d + p + R;
+  return C(F);
+}, ne = (e) => e.external ? "External" : e.offCycle ? "Off-Cycle" : "Regular", oe = (e) => {
+  if (!e.processed)
+    return "Unprocessed";
+  const t = /* @__PURE__ */ new Date(), r = e.checkDate ? new Date(e.checkDate) : null;
+  return r && r <= t ? "Paid" : "Pending";
+}, se = ({
+  flsaStatus: e,
+  existingFixedCompensations: t = [],
+  primaryJobUuid: r,
+  fixedCompensationTypes: n = [],
+  excludedTypes: o = []
+}) => {
+  const s = [...t];
+  return e !== M.OWNER && r && n.length > 0 && n.map((a) => a.name).filter(Boolean).forEach((a) => {
+    s.some(
+      (i) => i.name?.toLowerCase() === a.toLowerCase()
+    ) || s.push({
+      name: a,
+      amount: "0.00",
+      jobUuid: r
+    });
+  }), s.filter((u) => u.name && !o.includes(u.name)).sort((u, a) => (u.name || "").localeCompare(a.name || ""));
+}, ae = (e, t, r) => {
+  const n = e.find(
+    (o) => o.name?.toLowerCase() === g.toLowerCase()
+  );
+  return n || (r && t.some(
+    (o) => o.name?.toLowerCase() === g.toLowerCase()
+  ) ? {
+    name: g,
+    amount: "0.00",
+    jobUuid: r
+  } : null);
 };
 export {
-  X as calculateGrossPay,
-  S as formatEmployeePayRate,
-  V as formatHoursDisplay,
+  re as calculateGrossPay,
+  L as formatEmployeePayRate,
+  te as formatHoursDisplay,
   U as getAdditionalEarnings,
+  se as getAdditionalEarningsCompensations,
+  Z as getOvertimeHours,
+  oe as getPayrollStatus,
+  ne as getPayrollType,
   y as getPrimaryJob,
-  B as getRegularHours,
-  K as getReimbursements,
-  x as getTotalPtoHours,
-  z as useFormatEmployeePayRate
+  X as getRegularHours,
+  ae as getReimbursementCompensation,
+  ee as getReimbursements,
+  O as getTotalPtoHours,
+  V as useFormatEmployeePayRate
 };
 //# sourceMappingURL=helpers.js.map