@gusto/embedded-react-sdk 0.13.4 → 0.14.1

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type PayrollFlowDefaultValues = Record<string, unknown>\n\nexport interface PayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: PayrollFlowDefaultValues\n}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  defaultValues?: PayrollFlowDefaultValues\n  payrollId?: string\n  employeeId?: string\n  alerts?: PayrollFlowAlert[]\n}\n\nexport function PayrollLandingContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n    />\n  )\n}\n\nexport function PayrollOverviewContextual() {\n  const { companyId, payrollId, onEvent, alerts } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      alerts={alerts}\n    />\n  )\n}\n\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollId, employeeId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      employeeId={ensureRequired(employeeId)}\n    />\n  )\n}\n\nexport function PayrollReceiptsContextual() {\n  const { payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} />\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","useFlow","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollId","jsx","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts"],"mappings":";;;;;;;;AA+BO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAe,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAL,GAAW,WAAAM,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC1C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEO,SAASG,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,WAAAM,GAAW,SAAAL,GAAS,QAAAS,EAAA,IAAWR,EAAA;AAClD,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,QAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAgC;AAC9C,QAAM,EAAE,WAAAZ,GAAW,WAAAM,GAAW,YAAAO,GAAY,SAAAZ,EAAA,IAAYC,EAAA;AACtD,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,YAAYF,EAAeS,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASE,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC/B,2BAAQc,GAAA,EAAgB,SAAAf,GAAkB,WAAWG,EAAeE,CAAS,GAAG;AAClF;"}
+{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { PayrollBlocker } from '../PayrollBlocker/PayrollBlocker'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type PayrollFlowDefaultValues = Record<string, unknown>\n\nexport interface PayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: PayrollFlowDefaultValues\n}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  defaultValues?: PayrollFlowDefaultValues\n  payrollId?: string\n  employeeId?: string\n  alerts?: PayrollFlowAlert[]\n}\n\nexport function PayrollLandingContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n    />\n  )\n}\n\nexport function PayrollOverviewContextual() {\n  const { companyId, payrollId, onEvent, alerts } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      alerts={alerts}\n    />\n  )\n}\n\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollId, employeeId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      employeeId={ensureRequired(employeeId)}\n    />\n  )\n}\n\nexport function PayrollReceiptsContextual() {\n  const { payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} />\n}\n\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlocker onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","useFlow","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollId","jsx","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlocker"],"mappings":";;;;;;;;;AAgCO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAe,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAL,GAAW,WAAAM,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC1C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEO,SAASG,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,WAAAM,GAAW,SAAAL,GAAS,QAAAS,EAAA,IAAWR,EAAA;AAClD,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,QAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAgC;AAC9C,QAAM,EAAE,WAAAZ,GAAW,WAAAM,GAAW,YAAAO,GAAY,SAAAZ,EAAA,IAAYC,EAAA;AACtD,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,YAAYF,EAAeS,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASE,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC/B,2BAAQc,GAAA,EAAgB,SAAAf,GAAkB,WAAWG,EAAeE,CAAS,GAAG;AAClF;AAEO,SAASW,IAA2B;AACzC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAe,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;"}

package/dist/components/Payroll/PayrollFlow/payrollStateMachine.d.ts

@@ -4,4 +4,5 @@ export declare const payrollMachine: {
     overview: import('robot3').MachineState<any>;
     editEmployee: import('robot3').MachineState<any>;
     receipts: import('robot3').MachineState<any>;
+    blockers: import('robot3').MachineState<any>;
 };

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

@@ -1,116 +1,140 @@
-import { state as p, transition as e, reduce as o } from "robot3";
-import { PayrollOverviewContextual as i, PayrollEditEmployeeContextual as c, PayrollConfigurationContextual as l, PayrollReceiptsContextual as L, PayrollLandingContextual as u } from "./PayrollFlowComponents.js";
-import { componentEvents as t } from "../../../shared/constants.js";
-const a = (n) => (r) => ({
-  ...r,
-  ...n
-}), R = {
-  landing: p(
+import { state as a, transition as e, reduce as o } from "robot3";
+import { PayrollOverviewContextual as L, PayrollEditEmployeeContextual as i, PayrollConfigurationContextual as p, PayrollReceiptsContextual as _, PayrollLandingContextual as E, PayrollBlockerContextual as c } from "./PayrollFlowComponents.js";
+import { componentEvents as r } from "../../../shared/constants.js";
+const l = (t) => (n) => ({
+  ...n,
+  ...t
+}), P = {
+  landing: a(
     e(
-      t.RUN_PAYROLL_SELECTED,
+      r.RUN_PAYROLL_SELECTED,
       "configuration",
       o(
-        (n, r) => ({
-          ...n,
-          component: l,
-          payrollId: r.payload.payrollId,
+        (t, n) => ({
+          ...t,
+          component: p,
+          payrollId: n.payload.payrollId,
           currentStep: 1,
           showProgress: !0
         })
       )
+    ),
+    e(
+      r.REVIEW_PAYROLL,
+      "overview",
+      o(
+        (t, n) => ({
+          ...t,
+          component: L,
+          payrollId: n.payload.payrollId,
+          currentStep: 2,
+          showProgress: !0
+        })
+      )
+    ),
+    e(
+      r.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
+      "blockers",
+      o(l({ component: c }))
     )
   ),
-  configuration: p(
+  configuration: a(
     e(
-      t.RUN_PAYROLL_CALCULATED,
+      r.RUN_PAYROLL_CALCULATED,
       "overview",
       o(
-        (n, r) => ({
-          ...n,
-          component: i,
+        (t, n) => ({
+          ...t,
+          component: L,
           currentStep: 2,
-          alerts: r.payload.alert ? [...n.alerts ?? [], r.payload.alert] : n.alerts
+          alerts: n.payload.alert ? [...t.alerts ?? [], n.payload.alert] : t.alerts
         })
       )
     ),
     e(
-      t.RUN_PAYROLL_BACK,
+      r.RUN_PAYROLL_BACK,
       "landing",
       o(
-        a({ component: u, currentStep: 1, showProgress: !1 })
+        l({ component: E, currentStep: 1, showProgress: !1 })
       )
     ),
     e(
-      t.RUN_PAYROLL_EMPLOYEE_EDIT,
+      r.RUN_PAYROLL_EMPLOYEE_EDIT,
       "editEmployee",
       o(
-        (n, r) => ({
-          ...n,
-          component: c,
-          employeeId: r.payload.employeeId
+        (t, n) => ({
+          ...t,
+          component: i,
+          employeeId: n.payload.employeeId
         })
       )
+    ),
+    e(
+      r.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
+      "blockers",
+      o(l({ component: c }))
     )
   ),
-  overview: p(
+  overview: a(
     e(
-      t.RUN_PAYROLL_BACK,
+      r.RUN_PAYROLL_BACK,
       "configuration",
-      o(a({ component: l, currentStep: 1 }))
+      o(l({ component: p, currentStep: 1 }))
     ),
     e(
-      t.RUN_PAYROLL_EDIT,
+      r.RUN_PAYROLL_EDIT,
       "configuration",
-      o(a({ component: l, currentStep: 1 }))
+      o(l({ component: p, currentStep: 1 }))
     ),
     e(
-      t.RUN_PAYROLL_RECEIPT_GET,
+      r.RUN_PAYROLL_RECEIPT_GET,
       "receipts",
-      o(a({ component: L, currentStep: 3 }))
+      o(l({ component: _, currentStep: 3 }))
     ),
     e(
-      t.RUN_PAYROLL_CANCELLED,
+      r.RUN_PAYROLL_CANCELLED,
       "configuration",
       o(
-        a({
-          component: l,
+        l({
+          component: p,
           currentStep: 1,
           payrollId: void 0
         })
       )
     )
   ),
-  editEmployee: p(
+  editEmployee: a(
     e(
-      t.RUN_PAYROLL_EMPLOYEE_SAVED,
+      r.RUN_PAYROLL_EMPLOYEE_SAVED,
       "configuration",
       o(
-        a({
-          component: l,
+        l({
+          component: p,
           employeeId: void 0
         })
       )
     ),
     e(
-      t.RUN_PAYROLL_EMPLOYEE_CANCELLED,
+      r.RUN_PAYROLL_EMPLOYEE_CANCELLED,
       "configuration",
       o(
-        a({
-          component: l,
+        l({
+          component: p,
           employeeId: void 0
         })
       )
     )
   ),
-  receipts: p(
+  receipts: a(
     e(
-      t.RUN_PAYROLL_BACK,
+      r.RUN_PAYROLL_BACK,
       "overview",
-      o(a({ component: i, currentStep: 2 }))
+      o(l({ component: L, currentStep: 2 }))
     )
-  )
+  ),
+  blockers: a()
 };
 export {
-  R as payrollMachine
+  P as payrollMachine
 };
 //# 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 { transition, reduce, state } from 'robot3'\nimport type { PayrollFlowAlert } from './PayrollFlowComponents'\nimport {\n  PayrollLandingContextual,\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollId: string\n    alert?: PayrollFlowAlert\n  }\n}\n\nconst createReducer = (props: Partial<PayrollFlowContextInterface>) => {\n  return (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nexport const payrollMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SELECTED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...ctx,\n            component: PayrollConfigurationContextual,\n            payrollId: ev.payload.payrollId,\n            currentStep: 1,\n            showProgress: true,\n          }\n        },\n      ),\n    ),\n  ),\n  configuration: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_CALCULATED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...ctx,\n            component: PayrollOverviewContextual,\n            currentStep: 2,\n            alerts: ev.payload.alert ? [...(ctx.alerts ?? []), ev.payload.alert] : ctx.alerts,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'landing',\n      reduce(\n        createReducer({ component: PayrollLandingContextual, currentStep: 1, showProgress: false }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n      'editEmployee',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...ctx,\n            component: PayrollEditEmployeeContextual,\n            employeeId: ev.payload.employeeId,\n          }\n        },\n      ),\n    ),\n  ),\n  overview: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'configuration',\n      reduce(createReducer({ component: PayrollConfigurationContextual, currentStep: 1 })),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EDIT,\n      'configuration',\n      reduce(createReducer({ component: PayrollConfigurationContextual, currentStep: 1 })),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipts',\n      reduce(createReducer({ component: PayrollReceiptsContextual, currentStep: 3 })),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          component: PayrollConfigurationContextual,\n          currentStep: 1,\n          payrollId: undefined,\n        }),\n      ),\n    ),\n  ),\n  editEmployee: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n      'configuration',\n      reduce(\n        createReducer({\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n        }),\n      ),\n    ),\n  ),\n  receipts: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'overview',\n      reduce(createReducer({ component: PayrollOverviewContextual, currentStep: 2 })),\n    ),\n  ),\n}\n"],"names":["createReducer","props","ctx","payrollMachine","state","transition","componentEvents","reduce","ev","PayrollConfigurationContextual","PayrollOverviewContextual","PayrollLandingContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":";;;AA0BA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAmE;AAAA,EACzE,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIME,IAAiB;AAAA,EAC5B,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OAEO;AAAA,UACL,GAAGN;AAAA,UACH,WAAWO;AAAA,UACX,WAAWD,EAAG,QAAQ;AAAA,UACtB,aAAa;AAAA,UACb,cAAc;AAAA,QAAA;AAAA,MAElB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,eAAeJ;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OAEO;AAAA,UACL,GAAGN;AAAA,UACH,WAAWQ;AAAA,UACX,aAAa;AAAA,UACb,QAAQF,EAAG,QAAQ,QAAQ,CAAC,GAAIN,EAAI,UAAU,CAAA,GAAKM,EAAG,QAAQ,KAAK,IAAIN,EAAI;AAAA,QAAA;AAAA,MAE/E;AAAA,IACF;AAAA,IAEFG;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc,EAAE,WAAWW,GAA0B,aAAa,GAAG,cAAc,IAAO;AAAA,MAAA;AAAA,IAC5F;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OAEO;AAAA,UACL,GAAGN;AAAA,UACH,WAAWU;AAAA,UACX,YAAYJ,EAAG,QAAQ;AAAA,QAAA;AAAA,MAE3B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUJ;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWS,GAAgC,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,IAErFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWS,GAAgC,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,IAErFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWa,GAA2B,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,IAEhFR;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWS;AAAA,UACX,aAAa;AAAA,UACb,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,cAAcL;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWS;AAAA,UACX,YAAY;AAAA,QAAA,CACb;AAAA,MAAA;AAAA,IACH;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWS;AAAA,UACX,YAAY;AAAA,QAAA,CACb;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOP,EAAc,EAAE,WAAWU,GAA2B,aAAa,GAAG,CAAC;AAAA,IAAA;AAAA,EAChF;AAEJ;"}
+{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { PayrollFlowAlert } from './PayrollFlowComponents'\nimport {\n  PayrollLandingContextual,\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollId: string\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollId: string\n    alert?: PayrollFlowAlert\n  }\n}\n\nconst createReducer = (props: Partial<PayrollFlowContextInterface>) => {\n  return (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nexport const payrollMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SELECTED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...ctx,\n            component: PayrollConfigurationContextual,\n            payrollId: ev.payload.payrollId,\n            currentStep: 1,\n            showProgress: true,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...ctx,\n            component: PayrollOverviewContextual,\n            payrollId: ev.payload.payrollId,\n            currentStep: 2,\n            showProgress: true,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(createReducer({ component: PayrollBlockerContextual })),\n    ),\n  ),\n  configuration: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_CALCULATED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...ctx,\n            component: PayrollOverviewContextual,\n            currentStep: 2,\n            alerts: ev.payload.alert ? [...(ctx.alerts ?? []), ev.payload.alert] : ctx.alerts,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'landing',\n      reduce(\n        createReducer({ component: PayrollLandingContextual, currentStep: 1, showProgress: false }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n      'editEmployee',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...ctx,\n            component: PayrollEditEmployeeContextual,\n            employeeId: ev.payload.employeeId,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(createReducer({ component: PayrollBlockerContextual })),\n    ),\n  ),\n  overview: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'configuration',\n      reduce(createReducer({ component: PayrollConfigurationContextual, currentStep: 1 })),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EDIT,\n      'configuration',\n      reduce(createReducer({ component: PayrollConfigurationContextual, currentStep: 1 })),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipts',\n      reduce(createReducer({ component: PayrollReceiptsContextual, currentStep: 3 })),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          component: PayrollConfigurationContextual,\n          currentStep: 1,\n          payrollId: undefined,\n        }),\n      ),\n    ),\n  ),\n  editEmployee: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n      'configuration',\n      reduce(\n        createReducer({\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n        }),\n      ),\n    ),\n  ),\n  receipts: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'overview',\n      reduce(createReducer({ component: PayrollOverviewContextual, currentStep: 2 })),\n    ),\n  ),\n  blockers: state<MachineTransition>(),\n}\n"],"names":["createReducer","props","ctx","payrollMachine","state","transition","componentEvents","reduce","ev","PayrollConfigurationContextual","PayrollOverviewContextual","PayrollBlockerContextual","PayrollLandingContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":"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"}

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

@@ -3,13 +3,12 @@ import { useTranslation as j } from "react-i18next";
 import I from "./PayrollHistoryPresentation.module.scss.js";
 import { Flex as c } from "../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../shared/constants.js";
 import { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { HamburgerMenu as Y } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { formatNumberAsCurrency as Z } from "../../../helpers/formattedStrings.js";
-import { useI18n as $ } from "../../../i18n/I18n.js";
+import { formatNumberAsCurrency as Y } from "../../../helpers/formattedStrings.js";
+import { useI18n as Z } from "../../../i18n/I18n.js";
 import S from "../../../assets/icons/list.svg.js";
-import q from "../../../assets/icons/trashcan.svg.js";
+import $ from "../../../assets/icons/trashcan.svg.js";
+import { HamburgerMenu as q } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { DataView as B } from "../../Common/DataView/DataView.js";
 const _ = (m) => {
   switch (m) {
@@ -25,7 +24,7 @@ const _ = (m) => {
     default:
       return "info";
   }
-}, oe = ({
+}, ae = ({
   payrollHistory: m,
   selectedTimeFilter: b,
   onTimeFilterChange: w,
@@ -38,7 +37,7 @@ const _ = (m) => {
   isLoading: x = !1
 }) => {
   const { Heading: y, Text: o, Badge: A, Select: k, Dialog: H } = R();
-  $("Payroll.PayrollHistory");
+  Z("Payroll.PayrollHistory");
   const { t } = j("Payroll.PayrollHistory"), V = [
     { value: "3months", label: t("timeFilter.options.3months") },
     { value: "6months", label: t("timeFilter.options.6months") },
@@ -101,7 +100,7 @@ const _ = (m) => {
     ];
     return L(e) && r.push({
       label: t("menu.cancelPayroll"),
-      icon: /* @__PURE__ */ n(q, { "aria-hidden": !0 }),
+      icon: /* @__PURE__ */ n($, { "aria-hidden": !0 }),
       onClick: () => {
         N(e);
       },
@@ -160,11 +159,11 @@ const _ = (m) => {
           },
           {
             title: t("columns.amount"),
-            render: (e) => /* @__PURE__ */ n(o, { weight: "semibold", children: e.amount ? Z(e.amount) : t("labels.noAmount") })
+            render: (e) => /* @__PURE__ */ n(o, { weight: "semibold", children: e.amount ? Y(e.amount) : t("labels.noAmount") })
           }
         ],
         data: m,
-        itemMenu: (e) => /* @__PURE__ */ n(Y, { items: U(e) })
+        itemMenu: (e) => /* @__PURE__ */ n(q, { items: U(e) })
       }
     ),
     /* @__PURE__ */ n(
@@ -189,6 +188,6 @@ const _ = (m) => {
   ] });
 };
 export {
-  oe as PayrollHistoryPresentation
+  ae as PayrollHistoryPresentation
 };
 //# sourceMappingURL=PayrollHistoryPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollHistoryItem, PayrollHistoryStatus, TimeFilterOption } from './PayrollHistory'\nimport styles from './PayrollHistoryPresentation.module.scss'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport ListIcon from '@/assets/icons/list.svg?react'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: PayrollHistoryItem[]\n  selectedTimeFilter: TimeFilterOption\n  onTimeFilterChange: (value: TimeFilterOption) => void\n  onViewSummary: (payrollId: string) => void\n  onViewReceipt: (payrollId: string) => void\n  onCancelPayroll: (payrollId: string) => void\n  cancelDialogItem: PayrollHistoryItem | null\n  onCancelDialogOpen: (item: PayrollHistoryItem) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n}\n\nconst getStatusVariant = (status: PayrollHistoryStatus) => {\n  switch (status) {\n    case 'Complete':\n    case 'Paid':\n      return 'success'\n    case 'In progress':\n    case 'Unprocessed':\n      return 'warning'\n    case 'Submitted':\n    case 'Pending':\n      return 'info'\n    default:\n      return 'info'\n  }\n}\n\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\n  selectedTimeFilter,\n  onTimeFilterChange,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Badge, Select, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n\n  const timeFilterOptions = [\n    { value: '3months', label: t('timeFilter.options.3months') },\n    { value: '6months', label: t('timeFilter.options.6months') },\n    { value: 'year', label: t('timeFilter.options.year') },\n  ]\n\n  const canCancelPayroll = (item: PayrollHistoryItem) => {\n    const { status, payroll } = item\n\n    const hasValidStatus =\n      status === 'Unprocessed' ||\n      status === 'Submitted' ||\n      status === 'Pending' ||\n      status === 'In progress'\n    if (!hasValidStatus) return false\n\n    if (payroll.payrollStatusMeta?.cancellable === false) {\n      return false\n    }\n\n    // If payroll is processed, check the 3:30 PM PT deadline constraint\n    if (payroll.processed && payroll.payrollDeadline) {\n      const now = new Date()\n      const deadline = new Date(payroll.payrollDeadline)\n\n      const ptOffset = getPacificTimeOffset(now)\n      const nowInPT = new Date(now.getTime() + ptOffset * 60 * 60 * 1000)\n      const deadlineInPT = new Date(\n        deadline.getTime() + getPacificTimeOffset(deadline) * 60 * 60 * 1000,\n      )\n\n      const isSameDay = nowInPT.toDateString() === deadlineInPT.toDateString()\n      if (isSameDay) {\n        const cutoffTime = new Date(deadlineInPT)\n        cutoffTime.setHours(15, 30, 0, 0)\n\n        if (nowInPT > cutoffTime) {\n          return false\n        }\n      }\n    }\n\n    return true\n  }\n\n  const getPacificTimeOffset = (date: Date): number => {\n    const year = date.getFullYear()\n\n    const secondSundayMarch = new Date(year, 2, 1)\n    secondSundayMarch.setDate(1 + (7 - secondSundayMarch.getDay()) + 7)\n\n    const firstSundayNovember = new Date(year, 10, 1)\n    firstSundayNovember.setDate(1 + ((7 - firstSundayNovember.getDay()) % 7))\n\n    const isDST = date >= secondSundayMarch && date < firstSundayNovember\n    return isDST ? -7 : -8\n  }\n\n  const formatDeadlineForDialog = (item: PayrollHistoryItem): string => {\n    const deadline = item.payroll.payrollDeadline\n    if (!deadline) return ''\n\n    const deadlineDate = new Date(deadline)\n    const timeZone = 'America/New_York'\n\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    })\n\n    const timeFormatter = new Intl.DateTimeFormat('en-US', {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZoneName: 'short',\n      timeZone,\n    })\n\n    const dateStr = formatter.format(deadlineDate)\n    const timeStr = timeFormatter.format(deadlineDate)\n\n    return `${timeStr} on ${dateStr}`\n  }\n\n  const handleCancelClick = (item: PayrollHistoryItem) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem.id)\n    }\n  }\n\n  const getMenuItems = (item: PayrollHistoryItem): MenuItem[] => {\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <ListIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(item.id)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ListIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(item.id)\n        },\n      },\n    ]\n\n    if (canCancelPayroll(item)) {\n      items.push({\n        label: t('menu.cancelPayroll'),\n        icon: <TrashcanIcon aria-hidden />,\n        onClick: () => {\n          handleCancelClick(item)\n        },\n        'data-destructive': 'true',\n      })\n    }\n\n    return items\n  }\n\n  if (payrollHistory.length === 0) {\n    return (\n      <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n        <Heading as=\"h3\">{t('emptyState.title')}</Heading>\n        <Text>{t('emptyState.description')}</Text>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n        <div className={styles.timeFilterContainer}>\n          <Select\n            value={selectedTimeFilter}\n            onChange={(value: string) => {\n              onTimeFilterChange(value as TimeFilterOption)\n            }}\n            options={timeFilterOptions}\n            label={t('timeFilter.placeholder')}\n            shouldVisuallyHideLabel\n            isRequired\n          />\n        </div>\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: PayrollHistoryItem) => <Text>{item.payPeriod}</Text>,\n          },\n          {\n            title: t('columns.type'),\n            render: (item: PayrollHistoryItem) => <Text>{item.type}</Text>,\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: PayrollHistoryItem) => <Text>{item.payDate}</Text>,\n          },\n          {\n            title: t('columns.status'),\n            render: (item: PayrollHistoryItem) => (\n              <Badge status={getStatusVariant(item.status)}>{item.status}</Badge>\n            ),\n          },\n          {\n            title: t('columns.amount'),\n            render: (item: PayrollHistoryItem) => (\n              <Text weight=\"semibold\">\n                {item.amount ? formatNumberAsCurrency(item.amount) : t('labels.noAmount')}\n              </Text>\n            ),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: PayrollHistoryItem) => <HamburgerMenu items={getMenuItems(item)} />}\n      />\n\n      <Dialog\n        isOpen={!!cancelDialogItem}\n        onClose={onCancelDialogClose}\n        onPrimaryActionClick={handleConfirmCancel}\n        isDestructive\n        isPrimaryActionLoading={isLoading}\n        primaryActionLabel={t('cancelDialog.primaryAction')}\n        closeActionLabel={t('cancelDialog.secondaryAction')}\n        title={\n          cancelDialogItem ? t('cancelDialog.title', { payPeriod: cancelDialogItem.payPeriod }) : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payroll.payrollDeadline && (\n              <Text>\n                {t('cancelDialog.deadline', {\n                  deadline: formatDeadlineForDialog(cancelDialogItem),\n                })}\n              </Text>\n            )}\n          </Flex>\n        )}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["getStatusVariant","status","PayrollHistoryPresentation","payrollHistory","selectedTimeFilter","onTimeFilterChange","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","Heading","Text","Badge","Select","Dialog","useComponentContext","useI18n","useTranslation","timeFilterOptions","canCancelPayroll","item","payroll","now","deadline","ptOffset","getPacificTimeOffset","nowInPT","deadlineInPT","cutoffTime","date","year","secondSundayMarch","firstSundayNovember","formatDeadlineForDialog","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","items","jsx","ListIcon","TrashcanIcon","Flex","jsxs","styles","value","DataView","formatNumberAsCurrency","HamburgerMenu"],"mappings":"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"}
+{"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollHistoryItem, PayrollHistoryStatus, TimeFilterOption } from './PayrollHistory'\nimport styles from './PayrollHistoryPresentation.module.scss'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport ListIcon from '@/assets/icons/list.svg?react'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: PayrollHistoryItem[]\n  selectedTimeFilter: TimeFilterOption\n  onTimeFilterChange: (value: TimeFilterOption) => void\n  onViewSummary: (payrollId: string) => void\n  onViewReceipt: (payrollId: string) => void\n  onCancelPayroll: (payrollId: string) => void\n  cancelDialogItem: PayrollHistoryItem | null\n  onCancelDialogOpen: (item: PayrollHistoryItem) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n}\n\nconst getStatusVariant = (status: PayrollHistoryStatus) => {\n  switch (status) {\n    case 'Complete':\n    case 'Paid':\n      return 'success'\n    case 'In progress':\n    case 'Unprocessed':\n      return 'warning'\n    case 'Submitted':\n    case 'Pending':\n      return 'info'\n    default:\n      return 'info'\n  }\n}\n\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\n  selectedTimeFilter,\n  onTimeFilterChange,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Badge, Select, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n\n  const timeFilterOptions = [\n    { value: '3months', label: t('timeFilter.options.3months') },\n    { value: '6months', label: t('timeFilter.options.6months') },\n    { value: 'year', label: t('timeFilter.options.year') },\n  ]\n\n  const canCancelPayroll = (item: PayrollHistoryItem) => {\n    const { status, payroll } = item\n\n    const hasValidStatus =\n      status === 'Unprocessed' ||\n      status === 'Submitted' ||\n      status === 'Pending' ||\n      status === 'In progress'\n    if (!hasValidStatus) return false\n\n    if (payroll.payrollStatusMeta?.cancellable === false) {\n      return false\n    }\n\n    // If payroll is processed, check the 3:30 PM PT deadline constraint\n    if (payroll.processed && payroll.payrollDeadline) {\n      const now = new Date()\n      const deadline = new Date(payroll.payrollDeadline)\n\n      const ptOffset = getPacificTimeOffset(now)\n      const nowInPT = new Date(now.getTime() + ptOffset * 60 * 60 * 1000)\n      const deadlineInPT = new Date(\n        deadline.getTime() + getPacificTimeOffset(deadline) * 60 * 60 * 1000,\n      )\n\n      const isSameDay = nowInPT.toDateString() === deadlineInPT.toDateString()\n      if (isSameDay) {\n        const cutoffTime = new Date(deadlineInPT)\n        cutoffTime.setHours(15, 30, 0, 0)\n\n        if (nowInPT > cutoffTime) {\n          return false\n        }\n      }\n    }\n\n    return true\n  }\n\n  const getPacificTimeOffset = (date: Date): number => {\n    const year = date.getFullYear()\n\n    const secondSundayMarch = new Date(year, 2, 1)\n    secondSundayMarch.setDate(1 + (7 - secondSundayMarch.getDay()) + 7)\n\n    const firstSundayNovember = new Date(year, 10, 1)\n    firstSundayNovember.setDate(1 + ((7 - firstSundayNovember.getDay()) % 7))\n\n    const isDST = date >= secondSundayMarch && date < firstSundayNovember\n    return isDST ? -7 : -8\n  }\n\n  const formatDeadlineForDialog = (item: PayrollHistoryItem): string => {\n    const deadline = item.payroll.payrollDeadline\n    if (!deadline) return ''\n\n    const deadlineDate = new Date(deadline)\n    const timeZone = 'America/New_York'\n\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    })\n\n    const timeFormatter = new Intl.DateTimeFormat('en-US', {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZoneName: 'short',\n      timeZone,\n    })\n\n    const dateStr = formatter.format(deadlineDate)\n    const timeStr = timeFormatter.format(deadlineDate)\n\n    return `${timeStr} on ${dateStr}`\n  }\n\n  const handleCancelClick = (item: PayrollHistoryItem) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem.id)\n    }\n  }\n\n  const getMenuItems = (item: PayrollHistoryItem): MenuItem[] => {\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <ListIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(item.id)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ListIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(item.id)\n        },\n      },\n    ]\n\n    if (canCancelPayroll(item)) {\n      items.push({\n        label: t('menu.cancelPayroll'),\n        icon: <TrashcanIcon aria-hidden />,\n        onClick: () => {\n          handleCancelClick(item)\n        },\n        'data-destructive': 'true',\n      })\n    }\n\n    return items\n  }\n\n  if (payrollHistory.length === 0) {\n    return (\n      <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n        <Heading as=\"h3\">{t('emptyState.title')}</Heading>\n        <Text>{t('emptyState.description')}</Text>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n        <div className={styles.timeFilterContainer}>\n          <Select\n            value={selectedTimeFilter}\n            onChange={(value: string) => {\n              onTimeFilterChange(value as TimeFilterOption)\n            }}\n            options={timeFilterOptions}\n            label={t('timeFilter.placeholder')}\n            shouldVisuallyHideLabel\n            isRequired\n          />\n        </div>\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: PayrollHistoryItem) => <Text>{item.payPeriod}</Text>,\n          },\n          {\n            title: t('columns.type'),\n            render: (item: PayrollHistoryItem) => <Text>{item.type}</Text>,\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: PayrollHistoryItem) => <Text>{item.payDate}</Text>,\n          },\n          {\n            title: t('columns.status'),\n            render: (item: PayrollHistoryItem) => (\n              <Badge status={getStatusVariant(item.status)}>{item.status}</Badge>\n            ),\n          },\n          {\n            title: t('columns.amount'),\n            render: (item: PayrollHistoryItem) => (\n              <Text weight=\"semibold\">\n                {item.amount ? formatNumberAsCurrency(item.amount) : t('labels.noAmount')}\n              </Text>\n            ),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: PayrollHistoryItem) => <HamburgerMenu items={getMenuItems(item)} />}\n      />\n\n      <Dialog\n        isOpen={!!cancelDialogItem}\n        onClose={onCancelDialogClose}\n        onPrimaryActionClick={handleConfirmCancel}\n        isDestructive\n        isPrimaryActionLoading={isLoading}\n        primaryActionLabel={t('cancelDialog.primaryAction')}\n        closeActionLabel={t('cancelDialog.secondaryAction')}\n        title={\n          cancelDialogItem ? t('cancelDialog.title', { payPeriod: cancelDialogItem.payPeriod }) : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payroll.payrollDeadline && (\n              <Text>\n                {t('cancelDialog.deadline', {\n                  deadline: formatDeadlineForDialog(cancelDialogItem),\n                })}\n              </Text>\n            )}\n          </Flex>\n        )}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["getStatusVariant","status","PayrollHistoryPresentation","payrollHistory","selectedTimeFilter","onTimeFilterChange","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","Heading","Text","Badge","Select","Dialog","useComponentContext","useI18n","useTranslation","timeFilterOptions","canCancelPayroll","item","payroll","now","deadline","ptOffset","getPacificTimeOffset","nowInPT","deadlineInPT","cutoffTime","date","year","secondSundayMarch","firstSundayNovember","formatDeadlineForDialog","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","items","jsx","ListIcon","TrashcanIcon","Flex","jsxs","styles","value","DataView","formatNumberAsCurrency","HamburgerMenu"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
+import { PayrollLandingFlowProps } from './PayrollLandingFlowComponents';
 import { BaseComponentInterface } from '../../Base/Base';
 interface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {
     companyId: string;
 }
 export declare function PayrollLanding(props: PayrollLandingProps): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ onEvent, companyId }: PayrollLandingProps) => import("react/jsx-runtime").JSX.Element;
+export declare function PayrollLandingFlow({ companyId, onEvent, dictionary }: PayrollLandingFlowProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Payroll/PayrollLanding/PayrollLanding.js

@@ -1,41 +1,33 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { useTranslation as m } from "react-i18next";
-import { PayrollHistory as y } from "../PayrollHistory/PayrollHistory.js";
-import { PayrollList as c } from "../PayrollList/PayrollList.js";
-import { BaseComponent as p } from "../../Base/Base.js";
-import { useI18n as b } from "../../../i18n/I18n.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function S(o) {
-  return /* @__PURE__ */ t(p, { ...o, children: /* @__PURE__ */ t(d, { ...o }) });
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as e } from "react";
+import { createMachine as m } from "robot3";
+import { payrollLandingMachine as l } from "./payrollLandingStateMachine.js";
+import { PayrollLandingTabsContextual as p } from "./PayrollLandingFlowComponents.js";
+import { Flow as c } from "../../Flow/Flow.js";
+import { BaseComponent as f } from "../../Base/Base.js";
+import { useComponentDictionary as u } from "../../../i18n/I18n.js";
+function C(o) {
+  return /* @__PURE__ */ r(f, { ...o, children: /* @__PURE__ */ r(s, { ...o }) });
 }
-const d = ({ onEvent: o, companyId: l }) => {
-  const [a, n] = s("run-payroll"), { Tabs: e } = u();
-  b("Payroll.PayrollLanding");
-  const { t: r } = m("Payroll.PayrollLanding"), i = [
-    {
-      id: "run-payroll",
-      label: r("tabs.runPayroll"),
-      content: /* @__PURE__ */ t(c, { companyId: l, onEvent: o })
-    },
-    {
-      id: "payroll-history",
-      label: r("tabs.payrollHistory"),
-      content: /* @__PURE__ */ t(y, { companyId: l, onEvent: o })
-    }
-  ];
-  return /* @__PURE__ */ t(
-    e,
-    {
-      tabs: i,
-      selectedId: a,
-      onSelectionChange: n,
-      "aria-label": r("aria.tabNavigation")
-    }
+function s({ companyId: o, onEvent: n, dictionary: t }) {
+  u("Payroll.PayrollLanding", t);
+  const a = e(
+    () => m(
+      "tabs",
+      l,
+      (i) => ({
+        ...i,
+        component: p,
+        companyId: o,
+        selectedTab: "run-payroll"
+      })
+    ),
+    [o]
   );
-};
+  return /* @__PURE__ */ r(c, { onEvent: n, machine: a });
+}
 export {
-  S as PayrollLanding,
-  d as Root
+  C as PayrollLanding,
+  s as PayrollLandingFlow
 };
 //# sourceMappingURL=PayrollLanding.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollLanding.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLanding.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollHistory } from '../PayrollHistory/PayrollHistory'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n}\n\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ onEvent, companyId }: PayrollLandingProps) => {\n  const [selectedTab, setSelectedTab] = useState('run-payroll')\n  const { Tabs } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={companyId} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={companyId} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Tabs\n      tabs={tabs}\n      selectedId={selectedTab}\n      onSelectionChange={setSelectedTab}\n      aria-label={t('aria.tabNavigation')}\n    />\n  )\n}\n"],"names":["PayrollLanding","props","jsx","BaseComponent","Root","onEvent","companyId","selectedTab","setSelectedTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","PayrollList","PayrollHistory"],"mappings":";;;;;;;;AAaO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,SAAAC,GAAS,WAAAC,QAAqC;AACnE,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,aAAa,GACtD,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/CC,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAOF,EAAE,iBAAiB;AAAA,MAC1B,SAAS,gBAAAX,EAACc,GAAA,EAAY,WAAAV,GAAsB,SAAAD,EAAA,CAAkB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,IAAI;AAAA,MACJ,OAAOQ,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAX,EAACe,GAAA,EAAe,WAAAX,GAAsB,SAAAD,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnE;AAGF,SACE,gBAAAH;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,MAAAK;AAAA,MACA,YAAYR;AAAA,MACZ,mBAAmBC;AAAA,MACnB,cAAYK,EAAE,oBAAoB;AAAA,IAAA;AAAA,EAAA;AAGxC;"}
+{"version":3,"file":"PayrollLanding.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLanding.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { payrollLandingMachine } from './payrollLandingStateMachine'\nimport {\n  PayrollLandingTabsContextual,\n  type PayrollLandingFlowContextInterface,\n  type PayrollLandingFlowProps,\n} from './PayrollLandingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\n\ninterface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n}\n\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <PayrollLandingFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nexport function PayrollLandingFlow({ companyId, onEvent, dictionary }: PayrollLandingFlowProps) {\n  useComponentDictionary('Payroll.PayrollLanding', dictionary)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'tabs',\n        payrollLandingMachine,\n        (initialContext: PayrollLandingFlowContextInterface) => ({\n          ...initialContext,\n          component: PayrollLandingTabsContextual,\n          companyId,\n          selectedTab: 'run-payroll',\n        }),\n      ),\n    [companyId],\n  )\n\n  return <Flow onEvent={onEvent} machine={machine} />\n}\n"],"names":["PayrollLanding","props","jsx","BaseComponent","PayrollLandingFlow","companyId","onEvent","dictionary","useComponentDictionary","machine","useMemo","createMachine","payrollLandingMachine","initialContext","PayrollLandingTabsContextual","Flow"],"mappings":";;;;;;;;AAiBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEO,SAASG,EAAmB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAuC;AAC9F,EAAAC,EAAuB,0BAA0BD,CAAU;AAE3D,QAAME,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,QACA,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAGZ,SAAO,gBAAAH,EAACa,GAAA,EAAK,SAAAT,GAAkB,SAAAG,EAAA,CAAkB;AACnD;"}

package/dist/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.d.ts

@@ -0,0 +1,15 @@
+import { BaseComponentInterface } from '../../Base/Base';
+import { FlowContextInterface } from '../../Flow/useFlow';
+export interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {
+    companyId: string;
+}
+export interface PayrollLandingFlowContextInterface extends FlowContextInterface {
+    component: (() => React.JSX.Element) | null;
+    companyId: string;
+    payrollId?: string;
+    previousState?: 'tabs' | 'overview';
+    selectedTab?: string;
+}
+export declare function PayrollLandingTabsContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollLandingReceiptsContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollLandingOverviewContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.js

@@ -0,0 +1,62 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { useTranslation as c } from "react-i18next";
+import { PayrollHistory as u } from "../PayrollHistory/PayrollHistory.js";
+import { PayrollList as d } from "../PayrollList/PayrollList.js";
+import { PayrollOverview as f } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollReceipts as b } from "../PayrollReceipts/PayrollReceipts.js";
+import { useFlow as e } from "../../Flow/useFlow.js";
+import { useI18n as P } from "../../../i18n/I18n.js";
+import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
+function k() {
+  const {
+    companyId: o,
+    onEvent: r,
+    selectedTab: a = "run-payroll"
+  } = e(), [i, s] = y(a), { Tabs: m } = I();
+  P("Payroll.PayrollLanding");
+  const { t: l } = c("Payroll.PayrollLanding"), p = [
+    {
+      id: "run-payroll",
+      label: l("tabs.runPayroll"),
+      content: /* @__PURE__ */ t(d, { companyId: n(o), onEvent: r })
+    },
+    {
+      id: "payroll-history",
+      label: l("tabs.payrollHistory"),
+      content: /* @__PURE__ */ t(u, { companyId: n(o), onEvent: r })
+    }
+  ];
+  return /* @__PURE__ */ t(
+    m,
+    {
+      tabs: p,
+      selectedId: i,
+      onSelectionChange: s,
+      "aria-label": l("aria.tabNavigation")
+    }
+  );
+}
+function H() {
+  const { payrollId: o, onEvent: r } = e();
+  return /* @__PURE__ */ t(b, { onEvent: r, payrollId: n(o), showBackButton: !0 });
+}
+function O() {
+  const { companyId: o, payrollId: r, onEvent: a } = e();
+  return /* @__PURE__ */ t(
+    f,
+    {
+      onEvent: a,
+      companyId: n(o),
+      payrollId: n(r),
+      showBackButton: !0
+    }
+  );
+}
+export {
+  O as PayrollLandingOverviewContextual,
+  H as PayrollLandingReceiptsContextual,
+  k as PayrollLandingTabsContextual
+};
+//# sourceMappingURL=PayrollLandingFlowComponents.js.map

package/dist/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollLandingFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollHistory } from '../PayrollHistory/PayrollHistory'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollId?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Tabs\n      tabs={tabs}\n      selectedId={currentTab}\n      onSelectionChange={setCurrentTab}\n      aria-label={t('aria.tabNavigation')}\n    />\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollId, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} showBackButton />\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollId, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      showBackButton\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","jsx","PayrollList","ensureRequired","PayrollHistory","PayrollLandingReceiptsContextual","payrollId","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;AAyBO,SAASA,IAA+B;AAC7C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,EAAA,IACZC,EAAA,GACE,CAACC,GAAYC,CAAa,IAAIC,EAASJ,CAAW,GAClD,EAAE,MAAAK,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/CC,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAOF,EAAE,iBAAiB;AAAA,MAC1B,SAAS,gBAAAG,EAACC,GAAA,EAAY,WAAWC,EAAef,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,IAEhF;AAAA,MACE,IAAI;AAAA,MACJ,OAAOS,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAG,EAACG,GAAA,EAAe,WAAWD,EAAef,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnF;AAGF,SACE,gBAAAY;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,MAAAK;AAAA,MACA,YAAYR;AAAA,MACZ,mBAAmBC;AAAA,MACnB,cAAYK,EAAE,oBAAoB;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEO,SAASO,IAAmC;AACjD,QAAM,EAAE,WAAAC,GAAW,SAAAjB,EAAA,IAAYE,EAAA;AAE/B,SAAO,gBAAAU,EAACM,KAAgB,SAAAlB,GAAkB,WAAWc,EAAeG,CAAS,GAAG,gBAAc,IAAC;AACjG;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAApB,GAAW,WAAAkB,GAAW,SAAAjB,EAAA,IAAYE,EAAA;AAE1C,SACE,gBAAAU;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAApB;AAAA,MACA,WAAWc,EAAef,CAAS;AAAA,MACnC,WAAWe,EAAeG,CAAS;AAAA,MACnC,gBAAc;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/components/Payroll/PayrollLanding/payrollLandingStateMachine.d.ts

@@ -0,0 +1,5 @@
+export declare const payrollLandingMachine: {
+    tabs: import('robot3').MachineState<any>;
+    overview: import('robot3').MachineState<any>;
+    receipt: import('robot3').MachineState<any>;
+};