@gusto/embedded-react-sdk 0.37.0-rc.5 → 0.38.0

package/dist/components/Payroll/PayrollFlow/payrollStateMachine.js

@@ -1,12 +1,12 @@
-import { state as o, transition as l, reduce as t, guard as b } from "robot3";
-import { PayrollReceiptsContextual as P, PayrollOverviewContextual as g, PayrollBlockerContextual as L, PayrollLandingContextual as y } from "./PayrollFlowComponents.js";
-import { PayrollExecutionFlowContextual as R } from "./PayrollExecutionFlowContextual.js";
-import { TransitionFlowContextual as C } from "./TransitionFlowContextual.js";
-import { OffCycleFlowContextual as v } from "./OffCycleFlowContextual.js";
+import { state as t, transition as l, reduce as o, guard as P } from "robot3";
+import { PayrollReceiptsContextual as g, PayrollBlockerContextual as L, PayrollLandingContextual as b, PayrollOverviewContextual as R } from "./PayrollFlowComponents.js";
+import { PayrollExecutionFlowContextual as C } from "./PayrollExecutionFlowContextual.js";
+import { TransitionFlowContextual as v } from "./TransitionFlowContextual.js";
+import { OffCycleFlowContextual as _ } from "./OffCycleFlowContextual.js";
 import { componentEvents as r } from "../../../shared/constants.js";
-import { updateBreadcrumbs as d } from "../../../helpers/breadcrumbHelpers.js";
-import { createBreadcrumbNavigateTransition as _ } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const x = {
+import { updateBreadcrumbs as u } from "../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as E } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const U = {
   landing: {
     parent: null,
     item: {
@@ -17,7 +17,7 @@ const x = {
         ...e,
         currentBreadcrumbId: "landing",
         progressBarType: null,
-        component: y,
+        component: b,
         payrollUuid: void 0,
         executionInitialState: void 0
       }))
@@ -47,11 +47,11 @@ const x = {
       namespace: "Payroll.PayrollLanding"
     }
   }
-}, s = _();
-function p(e) {
+}, s = E();
+function y(e) {
   return {
     ...e,
-    component: y,
+    component: b,
     payrollUuid: void 0,
     payPeriod: void 0,
     progressBarType: null,
@@ -59,10 +59,10 @@ function p(e) {
     executionInitialState: void 0
   };
 }
-function u(e, a, i) {
+function m(e, a, i) {
   return {
     ...e,
-    component: R,
+    component: C,
     payrollUuid: a.payload.payrollUuid,
     showPayrollCancelledAlert: !1,
     executionInitialState: i
@@ -71,45 +71,68 @@ function u(e, a, i) {
 const c = l(
   r.BREADCRUMB_NAVIGATE,
   "landing",
-  b(
+  P(
     (e, a) => a.payload.key === "landing"
   ),
-  t(p)
+  o(y)
 ), n = l(
   r.PAYROLL_EXIT_FLOW,
   "landing",
-  t(p)
-), m = l(
+  o(y)
+), d = l(
   r.RUN_PAYROLL_CANCELLED,
   "landing",
-  t(
+  o(
     (e) => ({
-      ...p(e),
+      ...y(e),
       showPayrollCancelledAlert: !0
     })
   )
-), N = {
-  landing: o(
+), p = l(
+  r.RUN_PAYROLL_PROCESSED,
+  "submittedOverview",
+  o(
+    (e, a) => {
+      const i = a.payload.payPeriod ?? e.payPeriod;
+      return {
+        ...u("submittedOverview", e, {
+          startDate: i?.startDate ?? "",
+          endDate: i?.endDate ?? ""
+        }),
+        component: R,
+        payrollUuid: a.payload.payrollUuid ?? e.payrollUuid,
+        payPeriod: i,
+        progressBarType: "breadcrumbs",
+        executionInitialState: void 0,
+        ctaConfig: {
+          labelKey: "exitFlowCta",
+          namespace: "Payroll.PayrollOverview"
+        }
+      };
+    }
+  )
+), x = {
+  landing: t(
     l(
       r.RUN_PAYROLL_SELECTED,
       "execution",
-      t(
-        (e, a) => u(e, a, "configuration")
+      o(
+        (e, a) => m(e, a, "configuration")
       )
     ),
     l(
       r.REVIEW_PAYROLL,
       "execution",
-      t(
-        (e, a) => u(e, a, "overview")
+      o(
+        (e, a) => m(e, a, "overview")
       )
     ),
     l(
       r.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
       "blockers",
-      t(
+      o(
         (e) => ({
-          ...d("blockers", e),
+          ...u("blockers", e),
           component: L,
           progressBarType: "breadcrumbs",
           showPayrollCancelledAlert: !1,
@@ -123,7 +146,7 @@ const c = l(
     l(
       r.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,
       "landing",
-      t(
+      o(
         (e) => ({
           ...e,
           showPayrollCancelledAlert: !1
@@ -133,10 +156,10 @@ const c = l(
     l(
       r.RUN_TRANSITION_PAYROLL,
       "transition",
-      t(
+      o(
         (e, a) => ({
           ...e,
-          component: C,
+          component: v,
           transitionStartDate: a.payload.startDate,
           transitionEndDate: a.payload.endDate,
           transitionPayScheduleUuid: a.payload.payScheduleUuid,
@@ -148,57 +171,35 @@ const c = l(
     l(
       r.RUN_OFF_CYCLE_PAYROLL,
       "offCycle",
-      t(
+      o(
         (e) => ({
           ...e,
-          component: v,
+          component: _,
           showPayrollCancelledAlert: !1,
           progressBarType: null
         })
       )
     )
   ),
-  execution: o(
+  execution: t(
     c,
     n,
-    m,
-    l(
-      r.RUN_PAYROLL_PROCESSED,
-      "submittedOverview",
-      t(
-        (e, a) => {
-          const i = a.payload.payPeriod ?? e.payPeriod;
-          return {
-            ...d("submittedOverview", e, {
-              startDate: i?.startDate ?? "",
-              endDate: i?.endDate ?? ""
-            }),
-            component: g,
-            payPeriod: i,
-            progressBarType: "breadcrumbs",
-            executionInitialState: void 0,
-            ctaConfig: {
-              labelKey: "exitFlowCta",
-              namespace: "Payroll.PayrollOverview"
-            }
-          };
-        }
-      )
-    )
+    d,
+    p
   ),
-  blockers: o(s("landing"), n),
-  submittedOverview: o(
+  blockers: t(s("landing"), n),
+  submittedOverview: t(
     s("landing"),
     l(
       r.RUN_PAYROLL_RECEIPT_GET,
       "submittedReceipts",
-      t(
+      o(
         (e) => ({
-          ...d("submittedReceipts", e, {
+          ...u("submittedReceipts", e, {
             startDate: e.payPeriod?.startDate ?? "",
             endDate: e.payPeriod?.endDate ?? ""
           }),
-          component: P,
+          component: g,
           progressBarType: "breadcrumbs",
           alerts: void 0,
           ctaConfig: {
@@ -208,18 +209,28 @@ const c = l(
         })
       )
     ),
-    m,
+    d,
     n
   ),
-  submittedReceipts: o(
+  submittedReceipts: t(
     s("landing"),
     n
   ),
-  transition: o(c, n),
-  offCycle: o(c, n)
+  transition: t(
+    c,
+    n,
+    d,
+    p
+  ),
+  offCycle: t(
+    c,
+    n,
+    d,
+    p
+  )
 };
 export {
-  x as payrollFlowBreadcrumbsNodes,
-  N as payrollFlowMachine
+  U as payrollFlowBreadcrumbsNodes,
+  x as payrollFlowMachine
 };
 //# sourceMappingURL=payrollStateMachine.js.map

package/dist/components/Payroll/PayrollFlow/payrollStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayrollExecutionInitialState } from '../PayrollExecutionFlow'\nimport {\n  PayrollLandingContextual,\n  PayrollBlockerContextual,\n  PayrollOverviewContextual,\n  PayrollReceiptsContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { PayrollExecutionFlowContextual } from './PayrollExecutionFlowContextual'\nimport { TransitionFlowContextual } from './TransitionFlowContextual'\nimport { OffCycleFlowContextual } from './OffCycleFlowContextual'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype PayrollFlowEventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n  }\n  [componentEvents.RUN_PAYROLL_PROCESSED]: {\n    payPeriod?: PayrollPayPeriodType\n  }\n  [componentEvents.RUN_TRANSITION_PAYROLL]: {\n    startDate: string\n    endDate: string\n    payScheduleUuid: string\n  }\n}\n\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumbId: 'landing',\n        progressBarType: null,\n        component: PayrollLandingContextual,\n        payrollUuid: undefined,\n        executionInitialState: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n  submittedOverview: {\n    parent: 'landing',\n    item: {\n      id: 'submittedOverview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  submittedReceipts: {\n    parent: 'landing',\n    item: {\n      id: 'submittedReceipts',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\nfunction toLandingReducer(ctx: PayrollFlowContextInterface): PayrollFlowContextInterface {\n  return {\n    ...ctx,\n    component: PayrollLandingContextual,\n    payrollUuid: undefined,\n    payPeriod: undefined,\n    progressBarType: null,\n    currentBreadcrumbId: 'landing',\n    executionInitialState: undefined,\n  }\n}\n\nfunction toExecutionReducer(\n  ctx: PayrollFlowContextInterface,\n  ev: { payload: { payrollUuid: string } },\n  executionInitialState: PayrollExecutionInitialState,\n): PayrollFlowContextInterface {\n  return {\n    ...ctx,\n    component: PayrollExecutionFlowContextual,\n    payrollUuid: ev.payload.payrollUuid,\n    showPayrollCancelledAlert: false,\n    executionInitialState,\n  }\n}\n\nconst landingBreadcrumbNavigateTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'landing',\n  guard(\n    (_ctx: PayrollFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'landing',\n  ),\n  reduce(toLandingReducer),\n)\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(toLandingReducer),\n)\n\nconst cancelledToLandingTransition = transition(\n  componentEvents.RUN_PAYROLL_CANCELLED,\n  'landing',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...toLandingReducer(ctx),\n      showPayrollCancelledAlert: true,\n    }),\n  ),\n)\n\nexport const payrollFlowMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_PAYROLL_SELECTED\n          >,\n        ) => toExecutionReducer(ctx, ev, 'configuration'),\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ) => toExecutionReducer(ctx, ev, 'overview'),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('blockers', ctx),\n          component: PayrollBlockerContextual,\n          progressBarType: 'breadcrumbs',\n          showPayrollCancelledAlert: false,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'landing',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...ctx,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_TRANSITION_PAYROLL,\n      'transition',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_TRANSITION_PAYROLL\n          >,\n        ): PayrollFlowContextInterface => ({\n          ...ctx,\n          component: TransitionFlowContextual,\n          transitionStartDate: ev.payload.startDate,\n          transitionEndDate: ev.payload.endDate,\n          transitionPayScheduleUuid: ev.payload.payScheduleUuid,\n          showPayrollCancelledAlert: false,\n          progressBarType: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_OFF_CYCLE_PAYROLL,\n      'offCycle',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...ctx,\n          component: OffCycleFlowContextual,\n          showPayrollCancelledAlert: false,\n          progressBarType: null,\n        }),\n      ),\n    ),\n  ),\n  execution: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    transition(\n      componentEvents.RUN_PAYROLL_PROCESSED,\n      'submittedOverview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_PAYROLL_PROCESSED\n          >,\n        ): PayrollFlowContextInterface => {\n          const payPeriod = ev.payload.payPeriod ?? ctx.payPeriod\n          return {\n            ...updateBreadcrumbs('submittedOverview', ctx, {\n              startDate: payPeriod?.startDate ?? '',\n              endDate: payPeriod?.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            payPeriod,\n            progressBarType: 'breadcrumbs',\n            executionInitialState: undefined,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n  ),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  submittedOverview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'submittedReceipts',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('submittedReceipts', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollReceiptsContextual,\n          progressBarType: 'breadcrumbs',\n          alerts: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollReceipts',\n          },\n        }),\n      ),\n    ),\n    cancelledToLandingTransition,\n    exitFlowTransition,\n  ),\n  submittedReceipts: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    exitFlowTransition,\n  ),\n  transition: state<MachineTransition>(landingBreadcrumbNavigateTransition, exitFlowTransition),\n  offCycle: state<MachineTransition>(landingBreadcrumbNavigateTransition, exitFlowTransition),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","PayrollLandingContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","toLandingReducer","toExecutionReducer","ev","executionInitialState","PayrollExecutionFlowContextual","landingBreadcrumbNavigateTransition","transition","componentEvents","guard","_ctx","reduce","exitFlowTransition","cancelledToLandingTransition","payrollFlowMachine","state","updateBreadcrumbs","PayrollBlockerContextual","TransitionFlowContextual","OffCycleFlowContextual","payPeriod","PayrollOverviewContextual","PayrollReceiptsContextual"],"mappings":"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"}
+{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayrollExecutionInitialState } from '../PayrollExecutionFlow'\nimport {\n  PayrollLandingContextual,\n  PayrollBlockerContextual,\n  PayrollOverviewContextual,\n  PayrollReceiptsContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { PayrollExecutionFlowContextual } from './PayrollExecutionFlowContextual'\nimport { TransitionFlowContextual } from './TransitionFlowContextual'\nimport { OffCycleFlowContextual } from './OffCycleFlowContextual'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype PayrollFlowEventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n  }\n  [componentEvents.RUN_PAYROLL_PROCESSED]: {\n    payPeriod?: PayrollPayPeriodType\n    payrollUuid?: string\n  }\n  [componentEvents.RUN_TRANSITION_PAYROLL]: {\n    startDate: string\n    endDate: string\n    payScheduleUuid: string\n  }\n}\n\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumbId: 'landing',\n        progressBarType: null,\n        component: PayrollLandingContextual,\n        payrollUuid: undefined,\n        executionInitialState: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n  submittedOverview: {\n    parent: 'landing',\n    item: {\n      id: 'submittedOverview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  submittedReceipts: {\n    parent: 'landing',\n    item: {\n      id: 'submittedReceipts',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\nfunction toLandingReducer(ctx: PayrollFlowContextInterface): PayrollFlowContextInterface {\n  return {\n    ...ctx,\n    component: PayrollLandingContextual,\n    payrollUuid: undefined,\n    payPeriod: undefined,\n    progressBarType: null,\n    currentBreadcrumbId: 'landing',\n    executionInitialState: undefined,\n  }\n}\n\nfunction toExecutionReducer(\n  ctx: PayrollFlowContextInterface,\n  ev: { payload: { payrollUuid: string } },\n  executionInitialState: PayrollExecutionInitialState,\n): PayrollFlowContextInterface {\n  return {\n    ...ctx,\n    component: PayrollExecutionFlowContextual,\n    payrollUuid: ev.payload.payrollUuid,\n    showPayrollCancelledAlert: false,\n    executionInitialState,\n  }\n}\n\nconst landingBreadcrumbNavigateTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'landing',\n  guard(\n    (_ctx: PayrollFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'landing',\n  ),\n  reduce(toLandingReducer),\n)\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(toLandingReducer),\n)\n\nconst cancelledToLandingTransition = transition(\n  componentEvents.RUN_PAYROLL_CANCELLED,\n  'landing',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...toLandingReducer(ctx),\n      showPayrollCancelledAlert: true,\n    }),\n  ),\n)\n\nconst processedToSubmittedOverviewTransition = transition(\n  componentEvents.RUN_PAYROLL_PROCESSED,\n  'submittedOverview',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.RUN_PAYROLL_PROCESSED>,\n    ): PayrollFlowContextInterface => {\n      const payPeriod = ev.payload.payPeriod ?? ctx.payPeriod\n      return {\n        ...updateBreadcrumbs('submittedOverview', ctx, {\n          startDate: payPeriod?.startDate ?? '',\n          endDate: payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        payrollUuid: ev.payload.payrollUuid ?? ctx.payrollUuid,\n        payPeriod,\n        progressBarType: 'breadcrumbs',\n        executionInitialState: undefined,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: 'Payroll.PayrollOverview',\n        },\n      }\n    },\n  ),\n)\n\nexport const payrollFlowMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_PAYROLL_SELECTED\n          >,\n        ) => toExecutionReducer(ctx, ev, 'configuration'),\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ) => toExecutionReducer(ctx, ev, 'overview'),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('blockers', ctx),\n          component: PayrollBlockerContextual,\n          progressBarType: 'breadcrumbs',\n          showPayrollCancelledAlert: false,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'landing',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...ctx,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_TRANSITION_PAYROLL,\n      'transition',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_TRANSITION_PAYROLL\n          >,\n        ): PayrollFlowContextInterface => ({\n          ...ctx,\n          component: TransitionFlowContextual,\n          transitionStartDate: ev.payload.startDate,\n          transitionEndDate: ev.payload.endDate,\n          transitionPayScheduleUuid: ev.payload.payScheduleUuid,\n          showPayrollCancelledAlert: false,\n          progressBarType: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_OFF_CYCLE_PAYROLL,\n      'offCycle',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...ctx,\n          component: OffCycleFlowContextual,\n          showPayrollCancelledAlert: false,\n          progressBarType: null,\n        }),\n      ),\n    ),\n  ),\n  execution: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  submittedOverview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'submittedReceipts',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('submittedReceipts', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollReceiptsContextual,\n          progressBarType: 'breadcrumbs',\n          alerts: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollReceipts',\n          },\n        }),\n      ),\n    ),\n    cancelledToLandingTransition,\n    exitFlowTransition,\n  ),\n  submittedReceipts: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    exitFlowTransition,\n  ),\n  transition: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n  offCycle: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","PayrollLandingContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","toLandingReducer","toExecutionReducer","ev","executionInitialState","PayrollExecutionFlowContextual","landingBreadcrumbNavigateTransition","transition","componentEvents","guard","_ctx","reduce","exitFlowTransition","cancelledToLandingTransition","processedToSubmittedOverviewTransition","payPeriod","updateBreadcrumbs","PayrollOverviewContextual","payrollFlowMachine","state","PayrollBlockerContextual","TransitionFlowContextual","OffCycleFlowContextual","PayrollReceiptsContextual"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 import { BaseComponentInterface } from '../../Base/Base';
-export type TimeFilterOption = '3months' | '6months' | 'year';
 export interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {
     companyId: string;
 }

package/dist/components/Payroll/PayrollHistory/PayrollHistory.js

@@ -1,91 +1,84 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useState as y, useMemo as S } from "react";
-import { usePayrollsListSuspense as L } from "@gusto/embedded-api/react-query/payrollsList";
-import { usePayrollsCancelMutation as I } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { useWireInRequestsListSuspense as _ } from "@gusto/embedded-api/react-query/wireInRequestsList";
-import { QueryParamPayrollTypes as i, ProcessingStatuses as E } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
-import { PayrollHistoryPresentation as O } from "./PayrollHistoryPresentation.js";
-import { BaseComponent as A } from "../../Base/Base.js";
-import { useBase as T } from "../../Base/useBase.js";
-import { componentEvents as c } from "../../../shared/constants.js";
-import { useComponentDictionary as F, useI18n as M } from "../../../i18n/I18n.js";
-function X(e) {
-  return /* @__PURE__ */ u(A, { ...e, children: /* @__PURE__ */ u(H, { ...e, children: e.children }) });
+import { jsx as c } from "react/jsx-runtime";
+import { useState as _, useCallback as A } from "react";
+import { usePayrollsListSuspense as E } from "@gusto/embedded-api/react-query/payrollsList";
+import { usePayrollsCancelMutation as O } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { useWireInRequestsListSuspense as V } from "@gusto/embedded-api/react-query/wireInRequestsList";
+import { DateFilterBy as F, SortOrder as H, QueryParamPayrollTypes as n, ProcessingStatuses as U } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
+import { PayrollHistoryPresentation as q } from "./PayrollHistoryPresentation.js";
+import { BaseComponent as B } from "../../Base/Base.js";
+import { useBase as M } from "../../Base/useBase.js";
+import { componentEvents as i } from "../../../shared/constants.js";
+import { useComponentDictionary as N, useI18n as Y } from "../../../i18n/I18n.js";
+import { usePagination as b } from "../../../hooks/usePagination/usePagination.js";
+import { useDateRangeFilter as x } from "../../../hooks/useDateRangeFilter/useDateRangeFilter.js";
+function oe(e) {
+  return /* @__PURE__ */ c(B, { ...e, children: /* @__PURE__ */ c(T, { ...e, children: e.children }) });
 }
-const U = 28, V = (e) => {
-  const t = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date(), o = /* @__PURE__ */ new Date();
-  switch (o.setDate(t.getDate() + U), e) {
-    case "3months":
-      a.setMonth(t.getMonth() - 3);
-      break;
-    case "6months":
-      a.setMonth(t.getMonth() - 6);
-      break;
-    case "year":
-      a.setFullYear(t.getFullYear() - 1);
-      break;
-  }
-  return {
-    startDate: a.toISOString().split("T")[0] || "",
-    endDate: o.toISOString().split("T")[0] || ""
-  };
-}, H = ({ onEvent: e, companyId: t, dictionary: a }) => {
-  F("Payroll.PayrollHistory", a), M("Payroll.PayrollHistory");
-  const [o, p] = y("3months"), [d, r] = y(null), { baseSubmitHandler: D } = T(), m = S(() => V(o), [o]), { data: P } = L({
-    companyId: t,
-    processingStatuses: [E.Processed],
+const T = ({ onEvent: e, companyId: o, dictionary: p }) => {
+  N("Payroll.PayrollHistory", p), Y("Payroll.PayrollHistory");
+  const [P, l] = _(null), { baseSubmitHandler: d } = M(), { currentPage: g, itemsPerPage: f, getPaginationProps: C, resetPage: u } = b(), s = x({
+    onFilterChange: A(() => {
+      u();
+    }, [u])
+  }), m = s.getApiDateParams(), { data: y } = E({
+    companyId: o,
+    processingStatuses: [U.Processed],
     payrollTypes: [
-      i.Regular,
-      i.OffCycle,
-      i.External
+      n.Regular,
+      n.OffCycle,
+      n.External
     ],
     includeOffCycle: !0,
+    include: ["totals", "payroll_status_meta"],
+    sortOrder: H.Desc,
     startDate: m.startDate,
     endDate: m.endDate,
-    include: ["totals", "payroll_status_meta"]
-  }), { data: g } = _({
-    companyUuid: t
-  }), R = g.wireInRequestList ?? [], { mutateAsync: h, isPending: f } = I(), C = P.payrollList || [];
-  return /* @__PURE__ */ u(
-    O,
+    dateFilterBy: s.isFilterActive ? F.CheckDate : void 0,
+    page: g,
+    per: f
+  }), D = y.payrollList || [], R = C(y.httpMeta.response.headers), { data: h } = V({
+    companyUuid: o
+  }), L = h.wireInRequestList ?? [], { mutateAsync: w, isPending: I } = O();
+  return /* @__PURE__ */ c(
+    q,
     {
-      payrollHistory: C,
-      wireInRequests: R,
-      selectedTimeFilter: o,
-      onTimeFilterChange: p,
-      onViewSummary: (n, l, s) => {
-        e(c.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: n, startDate: l, endDate: s });
+      payrollHistory: D,
+      wireInRequests: L,
+      pagination: R,
+      onViewSummary: (t, r, a) => {
+        e(i.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: t, startDate: r, endDate: a });
       },
-      onViewReceipt: (n, l, s) => {
-        e(c.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: n, startDate: l, endDate: s });
+      onViewReceipt: (t, r, a) => {
+        e(i.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: t, startDate: r, endDate: a });
       },
-      onCancelPayroll: async (n) => {
-        const l = n.payrollUuid || n.uuid;
+      onCancelPayroll: async (t) => {
+        const r = t.payrollUuid || t.uuid;
         try {
-          await D(l, async (s) => {
-            const w = await h({
+          await d(r, async (a) => {
+            const S = await w({
               request: {
-                companyId: t,
-                payrollId: s
+                companyId: o,
+                payrollId: a
               }
             });
-            e(c.RUN_PAYROLL_CANCELLED, { payrollId: s, result: w });
+            e(i.RUN_PAYROLL_CANCELLED, { payrollId: a, result: S });
           });
         } finally {
-          r(null);
+          l(null);
         }
       },
-      cancelDialogItem: d,
-      onCancelDialogOpen: r,
+      cancelDialogItem: P,
+      onCancelDialogOpen: l,
       onCancelDialogClose: () => {
-        r(null);
+        l(null);
       },
-      isLoading: f
+      isLoading: I,
+      dateRangeFilter: s
     }
   );
 };
 export {
-  X as PayrollHistory,
-  H as Root
+  oe as PayrollHistory,
+  T as Root
 };
 //# sourceMappingURL=PayrollHistory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollHistory.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistory.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport { PayrollHistoryPresentation } from './PayrollHistoryPresentation'\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\nexport type TimeFilterOption = '3months' | '6months' | 'year'\n\nexport interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {\n  companyId: string\n}\n\nexport function PayrollHistory(props: PayrollHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst FUTURE_LOOKAHEAD_DAYS = 28\n\nconst getDateRangeForFilter = (\n  filter: TimeFilterOption,\n): { startDate: string; endDate: string } => {\n  const now = new Date()\n  const startDate = new Date()\n  const endDate = new Date()\n\n  endDate.setDate(now.getDate() + FUTURE_LOOKAHEAD_DAYS)\n\n  switch (filter) {\n    case '3months':\n      startDate.setMonth(now.getMonth() - 3)\n      break\n    case '6months':\n      startDate.setMonth(now.getMonth() - 6)\n      break\n    case 'year':\n      startDate.setFullYear(now.getFullYear() - 1)\n      break\n  }\n\n  return {\n    startDate: startDate.toISOString().split('T')[0] || '',\n    endDate: endDate.toISOString().split('T')[0] || '',\n  }\n}\n\nexport const Root = ({ onEvent, companyId, dictionary }: PayrollHistoryProps) => {\n  useComponentDictionary('Payroll.PayrollHistory', dictionary)\n  useI18n('Payroll.PayrollHistory')\n\n  const [selectedTimeFilter, setSelectedTimeFilter] = useState<TimeFilterOption>('3months')\n  const [cancelDialogItem, setCancelDialogItem] = useState<Payroll | null>(null)\n  const { baseSubmitHandler } = useBase()\n\n  const dateRange = useMemo(() => getDateRangeForFilter(selectedTimeFilter), [selectedTimeFilter])\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Processed],\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    includeOffCycle: true,\n    startDate: dateRange.startDate,\n    endDate: dateRange.endDate,\n    include: ['totals', 'payroll_status_meta'],\n  })\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const payrollHistory = payrollsData.payrollList || []\n\n  const handleViewSummary = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleViewReceipt = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleCancelPayroll = async (item: Payroll) => {\n    const payrollId = item.payrollUuid || item.uuid!\n    try {\n      await baseSubmitHandler(payrollId, async id => {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId: id,\n          },\n        })\n\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, { payrollId: id, result })\n      })\n    } finally {\n      setCancelDialogItem(null)\n    }\n  }\n\n  return (\n    <PayrollHistoryPresentation\n      payrollHistory={payrollHistory}\n      wireInRequests={wireInRequests}\n      selectedTimeFilter={selectedTimeFilter}\n      onTimeFilterChange={setSelectedTimeFilter}\n      onViewSummary={handleViewSummary}\n      onViewReceipt={handleViewReceipt}\n      onCancelPayroll={handleCancelPayroll}\n      cancelDialogItem={cancelDialogItem}\n      onCancelDialogOpen={setCancelDialogItem}\n      onCancelDialogClose={() => {\n        setCancelDialogItem(null)\n      }}\n      isLoading={isCancelling}\n    />\n  )\n}\n"],"names":["PayrollHistory","props","jsx","BaseComponent","Root","FUTURE_LOOKAHEAD_DAYS","getDateRangeForFilter","filter","now","startDate","endDate","onEvent","companyId","dictionary","useComponentDictionary","useI18n","selectedTimeFilter","setSelectedTimeFilter","useState","cancelDialogItem","setCancelDialogItem","baseSubmitHandler","useBase","dateRange","useMemo","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","cancelPayroll","isCancelling","usePayrollsCancelMutation","payrollHistory","PayrollHistoryPresentation","payrollId","componentEvents","item","id","result"],"mappings":"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"}
+{"version":3,"file":"PayrollHistory.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistory.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport {\n  DateFilterBy,\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n  SortOrder,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport { PayrollHistoryPresentation } from './PayrollHistoryPresentation'\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'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\nexport interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {\n  companyId: string\n}\n\nexport function PayrollHistory(props: PayrollHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ onEvent, companyId, dictionary }: PayrollHistoryProps) => {\n  useComponentDictionary('Payroll.PayrollHistory', dictionary)\n  useI18n('Payroll.PayrollHistory')\n\n  const [cancelDialogItem, setCancelDialogItem] = useState<Payroll | null>(null)\n  const { baseSubmitHandler } = useBase()\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n\n  const dateRangeFilter = useDateRangeFilter({\n    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Processed],\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    includeOffCycle: true,\n    include: ['totals', 'payroll_status_meta'],\n    sortOrder: SortOrder.Desc,\n    startDate: dateFilterParams.startDate,\n    endDate: dateFilterParams.endDate,\n    dateFilterBy: dateRangeFilter.isFilterActive ? DateFilterBy.CheckDate : undefined,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n\n  const payrollHistory = payrollsData.payrollList || []\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers)\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const handleViewSummary = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleViewReceipt = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleCancelPayroll = async (item: Payroll) => {\n    const payrollId = item.payrollUuid || item.uuid!\n    try {\n      await baseSubmitHandler(payrollId, async id => {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId: id,\n          },\n        })\n\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, { payrollId: id, result })\n      })\n    } finally {\n      setCancelDialogItem(null)\n    }\n  }\n\n  return (\n    <PayrollHistoryPresentation\n      payrollHistory={payrollHistory}\n      wireInRequests={wireInRequests}\n      pagination={paginationProps}\n      onViewSummary={handleViewSummary}\n      onViewReceipt={handleViewReceipt}\n      onCancelPayroll={handleCancelPayroll}\n      cancelDialogItem={cancelDialogItem}\n      onCancelDialogOpen={setCancelDialogItem}\n      onCancelDialogClose={() => {\n        setCancelDialogItem(null)\n      }}\n      isLoading={isCancelling}\n      dateRangeFilter={dateRangeFilter}\n    />\n  )\n}\n"],"names":["PayrollHistory","props","jsx","BaseComponent","Root","onEvent","companyId","dictionary","useComponentDictionary","useI18n","cancelDialogItem","setCancelDialogItem","useState","baseSubmitHandler","useBase","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","SortOrder","DateFilterBy","payrollHistory","paginationProps","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","cancelPayroll","isCancelling","usePayrollsCancelMutation","PayrollHistoryPresentation","payrollId","startDate","endDate","componentEvents","item","id","result"],"mappings":";;;;;;;;;;;;;AAwBO,SAASA,GAAeC,GAA4B;AACzD,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,YAAAC,QAAsC;AAC/E,EAAAC,EAAuB,0BAA0BD,CAAU,GAC3DE,EAAQ,wBAAwB;AAEhC,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAyB,IAAI,GACvE,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxB,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,GAAoB,WAAAC,EAAA,IAAcC,EAAA,GAE/DC,IAAkBC,EAAmB;AAAA,IACzC,gBAAgBC,EAAY,MAAM;AAChC,MAAAJ,EAAA;AAAA,IACF,GAAG,CAACA,CAAS,CAAC;AAAA,EAAA,CACf,GACKK,IAAmBH,EAAgB,iBAAA,GAEnC,EAAE,MAAMI,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAnB;AAAA,IACA,oBAAoB,CAACoB,EAAmB,SAAS;AAAA,IACjD,cAAc;AAAA,MACZC,EAAuB;AAAA,MACvBA,EAAuB;AAAA,MACvBA,EAAuB;AAAA,IAAA;AAAA,IAEzB,iBAAiB;AAAA,IACjB,SAAS,CAAC,UAAU,qBAAqB;AAAA,IACzC,WAAWC,EAAU;AAAA,IACrB,WAAWL,EAAiB;AAAA,IAC5B,SAASA,EAAiB;AAAA,IAC1B,cAAcH,EAAgB,iBAAiBS,EAAa,YAAY;AAAA,IACxE,MAAMd;AAAA,IACN,KAAKC;AAAA,EAAA,CACN,GAEKc,IAAiBN,EAAa,eAAe,CAAA,GAC7CO,IAAkBd,EAAmBO,EAAa,SAAS,SAAS,OAAO,GAE3E,EAAE,MAAMQ,EAAA,IAAuBC,EAA8B;AAAA,IACjE,aAAa3B;AAAA,EAAA,CACd,GAEK4B,IAAiBF,EAAmB,qBAAqB,CAAA,GAEzD,EAAE,aAAaG,GAAe,WAAWC,EAAA,IAAiBC,EAAA;AA4BhE,SACE,gBAAAnC;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,gBAAAR;AAAA,MACA,gBAAAI;AAAA,MACA,YAAYH;AAAA,MACZ,eA/BsB,CAACQ,GAAmBC,GAAoBC,MAAqB;AACrF,QAAApC,EAAQqC,EAAgB,4BAA4B,EAAE,WAAAH,GAAW,WAAAC,GAAW,SAAAC,GAAS;AAAA,MACvF;AAAA,MA8BI,eA5BsB,CAACF,GAAmBC,GAAoBC,MAAqB;AACrF,QAAApC,EAAQqC,EAAgB,4BAA4B,EAAE,WAAAH,GAAW,WAAAC,GAAW,SAAAC,GAAS;AAAA,MACvF;AAAA,MA2BI,iBAzBwB,OAAOE,MAAkB;AACnD,cAAMJ,IAAYI,EAAK,eAAeA,EAAK;AAC3C,YAAI;AACF,gBAAM9B,EAAkB0B,GAAW,OAAMK,MAAM;AAC7C,kBAAMC,IAAS,MAAMV,EAAc;AAAA,cACjC,SAAS;AAAA,gBACP,WAAA7B;AAAA,gBACA,WAAWsC;AAAA,cAAA;AAAA,YACb,CACD;AAED,YAAAvC,EAAQqC,EAAgB,uBAAuB,EAAE,WAAWE,GAAI,QAAAC,GAAQ;AAAA,UAC1E,CAAC;AAAA,QACH,UAAA;AACE,UAAAlC,EAAoB,IAAI;AAAA,QAC1B;AAAA,MACF;AAAA,MAUI,kBAAAD;AAAA,MACA,oBAAoBC;AAAA,MACpB,qBAAqB,MAAM;AACzB,QAAAA,EAAoB,IAAI;AAAA,MAC1B;AAAA,MACA,WAAWyB;AAAA,MACX,iBAAAhB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.d.ts

@@ -1,11 +1,11 @@
 import { Payroll } from '@gusto/embedded-api/models/components/payroll';
 import { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest';
-import { TimeFilterOption } from './PayrollHistory';
+import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
+import { UseDateRangeFilterResult } from '../../../hooks/useDateRangeFilter/useDateRangeFilter';
 interface PayrollHistoryPresentationProps {
     payrollHistory: Payroll[];
     wireInRequests: WireInRequest[];
-    selectedTimeFilter: TimeFilterOption;
-    onTimeFilterChange: (value: TimeFilterOption) => void;
+    pagination: PaginationControlProps;
     onViewSummary: (payrollId: string, startDate?: string, endDate?: string) => void;
     onViewReceipt: (payrollId: string, startDate?: string, endDate?: string) => void;
     onCancelPayroll: (item: Payroll) => void;
@@ -13,6 +13,7 @@ interface PayrollHistoryPresentationProps {
     onCancelDialogOpen: (item: Payroll) => void;
     onCancelDialogClose: () => void;
     isLoading?: boolean;
+    dateRangeFilter: UseDateRangeFilterResult;
 }
-export declare const PayrollHistoryPresentation: ({ payrollHistory, wireInRequests, selectedTimeFilter, onTimeFilterChange, onViewSummary, onViewReceipt, onCancelPayroll, cancelDialogItem, onCancelDialogOpen, onCancelDialogClose, isLoading, }: PayrollHistoryPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollHistoryPresentation: ({ payrollHistory, wireInRequests, pagination, onViewSummary, onViewReceipt, onCancelPayroll, cancelDialogItem, onCancelDialogOpen, onCancelDialogClose, isLoading, dateRangeFilter, }: PayrollHistoryPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};