@gusto/embedded-react-sdk 0.13.2 → 0.13.4

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

@@ -1,22 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useReducer as A, useState as N } from "react";
-import { useTranslation as S } from "react-i18next";
-import { componentEvents as _ } from "../../../shared/constants.js";
-import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { firstLastName as w } from "../../../helpers/formattedStrings.js";
-import { useI18n as L } from "../../../i18n/I18n.js";
-const h = () => ({
+import { useTranslation as w } from "react-i18next";
+import { PayrollReceipts as h } from "../PayrollReceipts/PayrollReceipts.js";
+import { componentEvents as d } from "../../../shared/constants.js";
+import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { firstLastName as O } from "../../../helpers/formattedStrings.js";
+import { useI18n as b } from "../../../i18n/I18n.js";
+const D = () => ({
   currentPayrollId: void 0,
   isCalculated: !1,
-  editedEmployeeId: void 0
-}), x = (e, l) => {
-  switch (l.type) {
+  editedEmployeeId: void 0,
+  showReceipt: !1
+}), U = (e, r) => {
+  switch (r.type) {
     case "runPayroll/back":
       return {
         ...e,
         currentPayrollId: void 0
       };
-    case "runPayroll/edited":
+    case "runPayroll/edit":
       return {
         ...e,
         isCalculated: !1
@@ -29,7 +31,7 @@ const h = () => ({
     case "runPayroll/selected":
       return {
         ...e,
-        currentPayrollId: l.payload.payrollId
+        currentPayrollId: r.payload.payrollId
       };
     case "runPayroll/submitted":
       return {
@@ -37,10 +39,10 @@ const h = () => ({
         isCalculated: !1,
         currentPayrollId: void 0
       };
-    case "runPayroll/employee/edited":
+    case "runPayroll/employee/edit":
       return {
         ...e,
-        editedEmployeeId: l.payload.employeeId
+        editedEmployeeId: r.payload.employeeId
       };
     case "runPayroll/employee/saved":
     case "runPayroll/employee/cancelled":
@@ -48,64 +50,77 @@ const h = () => ({
         ...e,
         editedEmployeeId: void 0
       };
+    case d.RUN_PAYROLL_CANCELLED:
+      return {
+        ...e,
+        isCalculated: !1,
+        currentPayrollId: void 0
+      };
+    case d.RUN_PAYROLL_RECEIPT_GET:
+      return {
+        ...e,
+        isCalculated: !0,
+        showReceipt: !0,
+        currentPayrollId: r.payload.payrollId
+      };
     default:
       return e;
   }
-}, M = ({
+}, V = ({
   companyId: e,
-  Configuration: l,
-  List: y,
-  onEvent: c,
-  Overview: i,
-  EditEmployee: p
+  Configuration: r,
+  Landing: y,
+  onEvent: m,
+  Overview: p,
+  EditEmployee: P
 }) => {
-  L("Payroll.RunPayroll");
-  const { t: P } = S("Payroll.RunPayroll"), [{ isCalculated: f, currentPayrollId: r, editedEmployeeId: d }, E] = A(
-    x,
-    h()
-  ), [u, m] = N(
+  b("Payroll.RunPayroll");
+  const { t: E } = w("Payroll.RunPayroll"), [{ isCalculated: f, currentPayrollId: l, editedEmployeeId: u, showReceipt: I }, v] = A(
+    U,
+    D()
+  ), [c, i] = N(
     null
-  ), v = b(), I = () => {
-    m(null);
+  ), R = S(), C = () => {
+    i(null);
   }, t = (a, n) => {
-    if (a === _.RUN_PAYROLL_EMPLOYEE_SAVED) {
+    if (a === d.RUN_PAYROLL_EMPLOYEE_SAVED) {
       const s = n.employee;
       if (s) {
-        const R = w({
+        const _ = O({
           first_name: s.firstName,
           last_name: s.lastName
         });
-        m({ employeeName: R });
+        i({ employeeName: _ });
       }
     }
-    E({ type: a, payload: n }), c(a, n);
-  }, C = u ? /* @__PURE__ */ o(
-    v.Alert,
+    v({ type: a, payload: n }), m(a, n);
+  }, L = c ? /* @__PURE__ */ o(
+    R.Alert,
     {
       status: "success",
-      label: P("alerts.employeeUpdated.label", { name: u.employeeName }),
-      onDismiss: I
+      label: E("alerts.employeeUpdated.label", { name: c.employeeName }),
+      onDismiss: C
     }
   ) : void 0;
-  return d && r ? /* @__PURE__ */ o(
-    p,
+  return u && l ? /* @__PURE__ */ o(
+    P,
     {
       onEvent: t,
-      employeeId: d,
+      employeeId: u,
       companyId: e,
-      payrollId: r
+      payrollId: l
     }
-  ) : r ? f ? /* @__PURE__ */ o(i, { companyId: e, onEvent: t, payrollId: r }) : /* @__PURE__ */ o(
-    l,
+  ) : I && l ? /* @__PURE__ */ o(h, { onEvent: t, payrollId: l }) : l ? f ? /* @__PURE__ */ o(p, { companyId: e, onEvent: t, payrollId: l }) : /* @__PURE__ */ o(
+    r,
     {
       onEvent: t,
-      payrollId: r,
+      payrollId: l,
       companyId: e,
-      alerts: C
+      alerts: L
     }
   ) : /* @__PURE__ */ o(y, { companyId: e, onEvent: t });
 };
 export {
-  M as RunPayroll
+  V 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, 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\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    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  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  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  List,\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    <List companyId={companyId} onEvent={wrappedOnEvent} />\n  )\n}\n"],"names":["createInitialPayrollFlowState","runPayrollFlowReducer","state","action","RunPayroll","companyId","Configuration","List","onEvent","Overview","EditEmployee","useI18n","t","useTranslation","isCalculated","currentPayrollId","editedEmployeeId","dispatch","useReducer","employeeSavedAlert","setEmployeeSavedAlert","useState","Components","useComponentContext","handleDismissEmployeeSavedAlert","wrappedOnEvent","event","payload","componentEvents","employee","employeeName","firstLastName","alerts","jsx"],"mappings":"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"}
+{"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 { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\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'\ntype PayrollFlowEvent = (typeof runPayrollEvents)[keyof typeof runPayrollEvents]\ntype PayrollFlowAction =\n  | {\n      type: Extract<\n        PayrollFlowEvent,\n        'runPayroll/back' | 'runPayroll/edit' | '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/edit'>\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  | {\n      type: Extract<PayrollFlowEvent, 'runPayroll/receipt/get'>\n      payload: { payrollId: string }\n    }\n\ninterface PayrollFlowState {\n  currentPayrollId?: string\n  isCalculated: boolean\n  editedEmployeeId?: string\n  showReceipt: boolean\n}\nconst createInitialPayrollFlowState: () => PayrollFlowState = () => ({\n  currentPayrollId: undefined,\n  isCalculated: false,\n  editedEmployeeId: undefined,\n  showReceipt: 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/edit':\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/edit': {\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    case componentEvents.RUN_PAYROLL_RECEIPT_GET: {\n      return {\n        ...state,\n        isCalculated: true,\n        showReceipt: true,\n        currentPayrollId: action.payload.payrollId,\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, showReceipt }, 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  if (showReceipt && currentPayrollId) {\n    return <PayrollReceipts onEvent={wrappedOnEvent} payrollId={currentPayrollId} />\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","showReceipt","dispatch","useReducer","employeeSavedAlert","setEmployeeSavedAlert","useState","Components","useComponentContext","handleDismissEmployeeSavedAlert","wrappedOnEvent","event","payload","employee","employeeName","firstLastName","alerts","jsx","PayrollReceipts"],"mappings":"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"}

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

@@ -1,22 +1,22 @@
 import { jsx as r } from "react/jsx-runtime";
-import { PayrollConfiguration as l } from "../PayrollConfiguration/PayrollConfiguration.js";
-import { PayrollList as t } from "../PayrollList/PayrollList.js";
-import { PayrollOverview as e } from "../PayrollOverview/PayrollOverview.js";
-import { PayrollEditEmployee as p } from "../PayrollEditEmployee/PayrollEditEmployee.js";
+import { PayrollLanding as l } from "../PayrollLanding/PayrollLanding.js";
+import { PayrollConfiguration as t } from "../PayrollConfiguration/PayrollConfiguration.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 f } from "../../Base/Base.js";
-const w = ({ companyId: i, onEvent: o, ...m }) => /* @__PURE__ */ r(f, { ...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: l,
-    List: t,
-    Overview: e,
-    EditEmployee: p,
+    Configuration: t,
+    Landing: l,
+    Overview: n,
+    EditEmployee: e,
     onEvent: o
   }
 ) });
 export {
-  w as RunPayrollFlow
+  v as RunPayrollFlow
 };
 //# sourceMappingURL=RunPayrollFlow.js.map

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 { 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        List={PayrollList}\n        Overview={PayrollOverview}\n        EditEmployee={PayrollEditEmployee}\n        onEvent={onEvent}\n      />\n    </BaseComponent>\n  )\n}\n"],"names":["RunPayrollFlow","companyId","onEvent","baseProps","jsx","BaseComponent","RunPayroll","PayrollConfiguration","PayrollList","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,MAAMC;AAAA,IACN,UAAUC;AAAA,IACV,cAAcC;AAAA,IACd,SAAAR;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;