@gusto/embedded-react-sdk 0.13.2 → 0.13.4

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

@@ -0,0 +1,2 @@
+import { PayrollFlowProps } from './PayrollFlowComponents';
+export declare const PayrollFlow: ({ companyId, onEvent, defaultValues }: PayrollFlowProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as i } from "react";
+import { payrollMachine as p } from "./payrollStateMachine.js";
+import { PayrollLandingContextual as a } from "./PayrollFlowComponents.js";
+import { Flow as s } from "../../Flow/Flow.js";
+const y = ({ companyId: o, onEvent: t, defaultValues: r }) => {
+  const e = i(
+    () => n("landing", p, (m) => ({
+      ...m,
+      component: a,
+      companyId: o,
+      defaultValues: r,
+      totalSteps: 3,
+      currentStep: 1,
+      showProgress: !1
+      // Landing step does not show progress bar
+    })),
+    [o, r]
+  );
+  return /* @__PURE__ */ l(s, { machine: e, onEvent: t });
+};
+export {
+  y as PayrollFlow
+};
+//# sourceMappingURL=PayrollFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollFlow.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { payrollMachine } from './payrollStateMachine'\nimport type { PayrollFlowProps } from './PayrollFlowComponents'\nimport { PayrollLandingContextual, type PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport const PayrollFlow = ({ companyId, onEvent, defaultValues }: PayrollFlowProps) => {\n  const payrollFlow = useMemo(\n    () =>\n      createMachine('landing', payrollMachine, (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        component: PayrollLandingContextual,\n        companyId,\n        defaultValues,\n        totalSteps: 3,\n        currentStep: 1,\n        showProgress: false, // Landing step does not show progress bar\n      })),\n    [companyId, defaultValues],\n  )\n  return <Flow machine={payrollFlow} onEvent={onEvent} />\n}\n"],"names":["PayrollFlow","companyId","onEvent","defaultValues","payrollFlow","useMemo","createMachine","payrollMachine","initialContext","PayrollLandingContextual","jsx","Flow"],"mappings":";;;;;;AAOO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,QAAsC;AACtF,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAR;AAAA,MACA,eAAAE;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,cAAc;AAAA;AAAA,IAAA,EACd;AAAA,IACJ,CAACF,GAAWE,CAAa;AAAA,EAAA;AAE3B,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAa,SAAAF,EAAA,CAAkB;AACvD;"}

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { FlowContextInterface } from '../../Flow/useFlow';
+import { BaseComponentInterface } from '../../Base';
+export type PayrollFlowDefaultValues = Record<string, unknown>;
+export interface PayrollFlowProps extends BaseComponentInterface {
+    companyId: string;
+    defaultValues?: PayrollFlowDefaultValues;
+}
+export type PayrollFlowAlert = {
+    type: 'error' | 'info' | 'success';
+    title: string;
+    content?: ReactNode;
+};
+export interface PayrollFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    defaultValues?: PayrollFlowDefaultValues;
+    payrollId?: string;
+    employeeId?: string;
+    alerts?: PayrollFlowAlert[];
+}
+export declare function PayrollLandingContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollConfigurationContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollOverviewContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollEditEmployeeContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollReceiptsContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,59 @@
+import { jsx as t } from "react/jsx-runtime";
+import { PayrollLanding as p } from "../PayrollLanding/PayrollLanding.js";
+import { PayrollConfiguration as y } from "../PayrollConfiguration/PayrollConfiguration.js";
+import { PayrollOverview as m } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollEditEmployee as i } from "../PayrollEditEmployee/PayrollEditEmployee.js";
+import { PayrollReceipts as d } from "../PayrollReceipts/PayrollReceipts.js";
+import { useFlow as e } from "../../Flow/useFlow.js";
+import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
+function x() {
+  const { companyId: o, onEvent: n } = e();
+  return /* @__PURE__ */ t(p, { onEvent: n, companyId: r(o) });
+}
+function C() {
+  const { companyId: o, payrollId: n, onEvent: l } = e();
+  return /* @__PURE__ */ t(
+    y,
+    {
+      onEvent: l,
+      companyId: r(o),
+      payrollId: r(n)
+    }
+  );
+}
+function g() {
+  const { companyId: o, payrollId: n, onEvent: l, alerts: a } = e();
+  return /* @__PURE__ */ t(
+    m,
+    {
+      onEvent: l,
+      companyId: r(o),
+      payrollId: r(n),
+      alerts: a
+    }
+  );
+}
+function w() {
+  const { companyId: o, payrollId: n, employeeId: l, onEvent: a } = e();
+  return /* @__PURE__ */ t(
+    i,
+    {
+      onEvent: a,
+      companyId: r(o),
+      payrollId: r(n),
+      employeeId: r(l)
+    }
+  );
+}
+function R() {
+  const { payrollId: o, onEvent: n } = e();
+  return /* @__PURE__ */ t(d, { onEvent: n, payrollId: r(o) });
+}
+export {
+  C as PayrollConfigurationContextual,
+  w as PayrollEditEmployeeContextual,
+  x as PayrollLandingContextual,
+  g as PayrollOverviewContextual,
+  R as PayrollReceiptsContextual
+};
+//# sourceMappingURL=PayrollFlowComponents.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { PayrollFlow } from './PayrollFlow';
+export type { PayrollFlowProps, PayrollFlowDefaultValues } from './PayrollFlowComponents';

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

@@ -0,0 +1,7 @@
+export declare const payrollMachine: {
+    landing: import('robot3').MachineState<any>;
+    configuration: import('robot3').MachineState<any>;
+    overview: import('robot3').MachineState<any>;
+    editEmployee: import('robot3').MachineState<any>;
+    receipts: import('robot3').MachineState<any>;
+};

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

@@ -0,0 +1,116 @@
+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(
+    e(
+      t.RUN_PAYROLL_SELECTED,
+      "configuration",
+      o(
+        (n, r) => ({
+          ...n,
+          component: l,
+          payrollId: r.payload.payrollId,
+          currentStep: 1,
+          showProgress: !0
+        })
+      )
+    )
+  ),
+  configuration: p(
+    e(
+      t.RUN_PAYROLL_CALCULATED,
+      "overview",
+      o(
+        (n, r) => ({
+          ...n,
+          component: i,
+          currentStep: 2,
+          alerts: r.payload.alert ? [...n.alerts ?? [], r.payload.alert] : n.alerts
+        })
+      )
+    ),
+    e(
+      t.RUN_PAYROLL_BACK,
+      "landing",
+      o(
+        a({ component: u, currentStep: 1, showProgress: !1 })
+      )
+    ),
+    e(
+      t.RUN_PAYROLL_EMPLOYEE_EDIT,
+      "editEmployee",
+      o(
+        (n, r) => ({
+          ...n,
+          component: c,
+          employeeId: r.payload.employeeId
+        })
+      )
+    )
+  ),
+  overview: p(
+    e(
+      t.RUN_PAYROLL_BACK,
+      "configuration",
+      o(a({ component: l, currentStep: 1 }))
+    ),
+    e(
+      t.RUN_PAYROLL_EDIT,
+      "configuration",
+      o(a({ component: l, currentStep: 1 }))
+    ),
+    e(
+      t.RUN_PAYROLL_RECEIPT_GET,
+      "receipts",
+      o(a({ component: L, currentStep: 3 }))
+    ),
+    e(
+      t.RUN_PAYROLL_CANCELLED,
+      "configuration",
+      o(
+        a({
+          component: l,
+          currentStep: 1,
+          payrollId: void 0
+        })
+      )
+    )
+  ),
+  editEmployee: p(
+    e(
+      t.RUN_PAYROLL_EMPLOYEE_SAVED,
+      "configuration",
+      o(
+        a({
+          component: l,
+          employeeId: void 0
+        })
+      )
+    ),
+    e(
+      t.RUN_PAYROLL_EMPLOYEE_CANCELLED,
+      "configuration",
+      o(
+        a({
+          component: l,
+          employeeId: void 0
+        })
+      )
+    )
+  ),
+  receipts: p(
+    e(
+      t.RUN_PAYROLL_BACK,
+      "overview",
+      o(a({ component: i, currentStep: 2 }))
+    )
+  )
+};
+export {
+  R as payrollMachine
+};
+//# sourceMappingURL=payrollStateMachine.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,19 @@
+import { Payroll } from '@gusto/embedded-api/models/components/payroll';
+import { PayrollType } from '../PayrollList/types';
+import { BaseComponentInterface } from '../../Base/Base';
+export type PayrollHistoryStatus = 'Unprocessed' | 'Submitted' | 'Pending' | 'Paid' | 'Complete' | 'In progress';
+export type TimeFilterOption = '3months' | '6months' | 'year';
+export interface PayrollHistoryItem {
+    id: string;
+    payPeriod: string;
+    type: PayrollType;
+    payDate: string;
+    status: PayrollHistoryStatus;
+    amount?: number;
+    payroll: Payroll;
+}
+export interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {
+    companyId: string;
+}
+export declare function PayrollHistory(props: PayrollHistoryProps): import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ onEvent, companyId, dictionary }: PayrollHistoryProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,114 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useState as p, useMemo as L } from "react";
+import { usePayrollsListSuspense as C } from "@gusto/embedded-api/react-query/payrollsList";
+import { usePayrollsCancelMutation as R } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { ProcessingStatuses as w } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
+import { getPayrollStatus as I, getPayrollType as F } from "../helpers.js";
+import { PayrollHistoryPresentation as T } from "./PayrollHistoryPresentation.js";
+import { BaseComponent as M } from "../../Base/Base.js";
+import { useBase as V } from "../../Base/useBase.js";
+import { componentEvents as u } from "../../../shared/constants.js";
+import { useComponentDictionary as _, useI18n as E } from "../../../i18n/I18n.js";
+import { useLocale as H } from "../../../contexts/LocaleProvider/useLocale.js";
+import { parseDateStringToLocal as y } from "../../../helpers/dateFormatting.js";
+function X(t) {
+  return /* @__PURE__ */ d(M, { ...t, children: /* @__PURE__ */ d(O, { ...t, children: t.children }) });
+}
+const b = (t) => {
+  const e = /* @__PURE__ */ new Date(), o = /* @__PURE__ */ new Date();
+  switch (t) {
+    case "3months":
+      o.setMonth(e.getMonth() - 3);
+      break;
+    case "6months":
+      o.setMonth(e.getMonth() - 6);
+      break;
+    case "year":
+      o.setFullYear(e.getFullYear() - 1);
+      break;
+  }
+  return {
+    startDate: o.toISOString().split("T")[0] || "",
+    endDate: e.toISOString().split("T")[0] || ""
+  };
+}, A = (t, e) => {
+  const o = (a, n) => {
+    if (!a || !n) return "";
+    const s = y(a), l = y(n);
+    if (!s || !l) return "";
+    const m = s.toLocaleDateString(e, {
+      month: "long",
+      day: "numeric"
+    }), c = l.toLocaleDateString(e, {
+      month: "long",
+      day: "numeric",
+      year: "numeric"
+    });
+    return `${m}–${c}`;
+  }, i = (a) => {
+    if (!a) return "";
+    const n = y(a);
+    return n ? n.toLocaleDateString(e, {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    }) : "";
+  };
+  return {
+    id: t.payrollUuid || t.uuid,
+    payPeriod: o(t.payPeriod?.startDate, t.payPeriod?.endDate),
+    type: F(t),
+    payDate: i(t.checkDate),
+    status: I(t),
+    amount: t.totals?.netPay ? Number(t.totals.netPay) : void 0,
+    payroll: t
+  };
+}, O = ({ onEvent: t, companyId: e, dictionary: o }) => {
+  _("Payroll.PayrollHistory", o), E("Payroll.PayrollHistory");
+  const [i, a] = p("3months"), [n, s] = p(null), { locale: l } = H(), { baseSubmitHandler: m } = V(), c = L(() => b(i), [i]), { data: D } = C({
+    companyId: e,
+    processingStatuses: [w.Processed],
+    startDate: c.startDate,
+    endDate: c.endDate
+  }), { mutateAsync: g, isPending: h } = R(), f = D.payrollList?.map((r) => A(r, l)) || [];
+  return /* @__PURE__ */ d(
+    T,
+    {
+      payrollHistory: f,
+      selectedTimeFilter: i,
+      onTimeFilterChange: a,
+      onViewSummary: (r) => {
+        t(u.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: r });
+      },
+      onViewReceipt: (r) => {
+        t(u.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: r });
+      },
+      onCancelPayroll: async (r) => {
+        try {
+          await m(r, async (P) => {
+            const S = await g({
+              request: {
+                companyId: e,
+                payrollId: P
+              }
+            });
+            t(u.RUN_PAYROLL_CANCELLED, { payrollId: P, result: S });
+          });
+        } finally {
+          s(null);
+        }
+      },
+      cancelDialogItem: n,
+      onCancelDialogOpen: s,
+      onCancelDialogClose: () => {
+        s(null);
+      },
+      isLoading: h
+    }
+  );
+};
+export {
+  X as PayrollHistory,
+  O as Root
+};
+//# sourceMappingURL=PayrollHistory.js.map

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

@@ -0,0 +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 { ProcessingStatuses } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport { getPayrollType, getPayrollStatus } from '../helpers'\nimport type { PayrollType } from '../PayrollList/types'\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 { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\n\nexport type PayrollHistoryStatus =\n  | 'Unprocessed'\n  | 'Submitted'\n  | 'Pending'\n  | 'Paid'\n  | 'Complete'\n  | 'In progress'\n\nexport type TimeFilterOption = '3months' | '6months' | 'year'\n\nexport interface PayrollHistoryItem {\n  id: string\n  payPeriod: string\n  type: PayrollType\n  payDate: string\n  status: PayrollHistoryStatus\n  amount?: number\n  payroll: Payroll\n}\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 getDateRangeForFilter = (\n  filter: TimeFilterOption,\n): { startDate: string; endDate: string } => {\n  const now = new Date()\n  const startDate = new Date()\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: now.toISOString().split('T')[0] || '',\n  }\n}\n\nconst mapPayrollToHistoryItem = (payroll: Payroll, locale: string): PayrollHistoryItem => {\n  const formatPayPeriod = (startDate?: string, endDate?: string): string => {\n    if (!startDate || !endDate) return ''\n\n    const start = parseDateStringToLocal(startDate)\n    const end = parseDateStringToLocal(endDate)\n\n    if (!start || !end) return ''\n\n    const startFormatted = start.toLocaleDateString(locale, {\n      month: 'long',\n      day: 'numeric',\n    })\n\n    const endFormatted = end.toLocaleDateString(locale, {\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n    })\n\n    return `${startFormatted}–${endFormatted}`\n  }\n\n  const formatPayDate = (dateString?: string): string => {\n    if (!dateString) return ''\n\n    const date = parseDateStringToLocal(dateString)\n    if (!date) return ''\n\n    return date.toLocaleDateString(locale, {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    })\n  }\n\n  return {\n    id: payroll.payrollUuid || payroll.uuid!,\n    payPeriod: formatPayPeriod(payroll.payPeriod?.startDate, payroll.payPeriod?.endDate),\n    type: getPayrollType(payroll),\n    payDate: formatPayDate(payroll.checkDate),\n    status: getPayrollStatus(payroll),\n    amount: payroll.totals?.netPay ? Number(payroll.totals.netPay) : undefined,\n    payroll,\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<PayrollHistoryItem | null>(null)\n  const { locale } = useLocale()\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    startDate: dateRange.startDate,\n    endDate: dateRange.endDate,\n  })\n\n  const { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const payrollHistory =\n    payrollsData.payrollList?.map(payroll => mapPayrollToHistoryItem(payroll, locale)) || []\n\n  const handleViewSummary = (payrollId: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId })\n  }\n\n  const handleViewReceipt = (payrollId: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId })\n  }\n\n  const handleCancelPayroll = async (payrollId: string) => {\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      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","getDateRangeForFilter","filter","now","startDate","mapPayrollToHistoryItem","payroll","locale","formatPayPeriod","endDate","start","parseDateStringToLocal","end","startFormatted","endFormatted","formatPayDate","dateString","date","getPayrollType","getPayrollStatus","onEvent","companyId","dictionary","useComponentDictionary","useI18n","selectedTimeFilter","setSelectedTimeFilter","useState","cancelDialogItem","setCancelDialogItem","useLocale","baseSubmitHandler","useBase","dateRange","useMemo","payrollsData","usePayrollsListSuspense","ProcessingStatuses","cancelPayroll","isCancelling","usePayrollsCancelMutation","payrollHistory","PayrollHistoryPresentation","payrollId","componentEvents","id","result"],"mappings":"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"}

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

@@ -1,18 +1,15 @@
-export interface PayrollHistoryItem {
-    id: string;
-    payPeriod: string;
-    type: 'Regular' | 'Off-cycle' | 'Dismissal';
-    payDate: string;
-    status: 'Unprocessed' | 'Submitted' | 'Pending' | 'Paid' | 'Complete' | 'In progress';
-    amount?: number;
-}
+import { PayrollHistoryItem, TimeFilterOption } from './PayrollHistory';
 interface PayrollHistoryPresentationProps {
     payrollHistory: PayrollHistoryItem[];
-    selectedTimeFilter: string;
-    onTimeFilterChange: (value: string) => void;
+    selectedTimeFilter: TimeFilterOption;
+    onTimeFilterChange: (value: TimeFilterOption) => void;
     onViewSummary: (payrollId: string) => void;
     onViewReceipt: (payrollId: string) => void;
     onCancelPayroll: (payrollId: string) => void;
+    cancelDialogItem: PayrollHistoryItem | null;
+    onCancelDialogOpen: (item: PayrollHistoryItem) => void;
+    onCancelDialogClose: () => void;
+    isLoading?: boolean;
 }
-export declare const PayrollHistoryPresentation: ({ payrollHistory, selectedTimeFilter, onTimeFilterChange, onViewSummary, onViewReceipt, onCancelPayroll, }: PayrollHistoryPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollHistoryPresentation: ({ payrollHistory, selectedTimeFilter, onTimeFilterChange, onViewSummary, onViewReceipt, onCancelPayroll, cancelDialogItem, onCancelDialogOpen, onCancelDialogClose, isLoading, }: PayrollHistoryPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,194 @@
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+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 S from "../../../assets/icons/list.svg.js";
+import q from "../../../assets/icons/trashcan.svg.js";
+import { DataView as B } from "../../Common/DataView/DataView.js";
+const _ = (m) => {
+  switch (m) {
+    case "Complete":
+    case "Paid":
+      return "success";
+    case "In progress":
+    case "Unprocessed":
+      return "warning";
+    case "Submitted":
+    case "Pending":
+      return "info";
+    default:
+      return "info";
+  }
+}, oe = ({
+  payrollHistory: m,
+  selectedTimeFilter: b,
+  onTimeFilterChange: w,
+  onViewSummary: P,
+  onViewReceipt: C,
+  onCancelPayroll: T,
+  cancelDialogItem: a,
+  onCancelDialogOpen: v,
+  onCancelDialogClose: F,
+  isLoading: x = !1
+}) => {
+  const { Heading: y, Text: o, Badge: A, Select: k, Dialog: H } = R();
+  $("Payroll.PayrollHistory");
+  const { t } = j("Payroll.PayrollHistory"), V = [
+    { value: "3months", label: t("timeFilter.options.3months") },
+    { value: "6months", label: t("timeFilter.options.6months") },
+    { value: "year", label: t("timeFilter.options.year") }
+  ], L = (e) => {
+    const { status: r, payroll: i } = e;
+    if (!(r === "Unprocessed" || r === "Submitted" || r === "Pending" || r === "In progress") || i.payrollStatusMeta?.cancellable === !1)
+      return !1;
+    if (i.processed && i.payrollDeadline) {
+      const s = /* @__PURE__ */ new Date(), d = new Date(i.payrollDeadline), p = h(s), f = new Date(s.getTime() + p * 60 * 60 * 1e3), D = new Date(
+        d.getTime() + h(d) * 60 * 60 * 1e3
+      );
+      if (f.toDateString() === D.toDateString()) {
+        const g = new Date(D);
+        if (g.setHours(15, 30, 0, 0), f > g)
+          return !1;
+      }
+    }
+    return !0;
+  }, h = (e) => {
+    const r = e.getFullYear(), i = new Date(r, 2, 1);
+    i.setDate(1 + (7 - i.getDay()) + 7);
+    const l = new Date(r, 10, 1);
+    return l.setDate(1 + (7 - l.getDay()) % 7), e >= i && e < l ? -7 : -8;
+  }, M = (e) => {
+    const r = e.payroll.payrollDeadline;
+    if (!r) return "";
+    const i = new Date(r), l = "America/New_York", s = new Intl.DateTimeFormat("en-US", {
+      weekday: "short",
+      month: "short",
+      day: "numeric",
+      timeZone: l
+    }), d = new Intl.DateTimeFormat("en-US", {
+      hour: "numeric",
+      minute: "2-digit",
+      timeZoneName: "short",
+      timeZone: l
+    }), p = s.format(i);
+    return `${d.format(i)} on ${p}`;
+  }, N = (e) => {
+    v(e);
+  }, O = () => {
+    a && T(a.id);
+  }, U = (e) => {
+    const r = [
+      {
+        label: t("menu.viewSummary"),
+        icon: /* @__PURE__ */ n(S, { "aria-hidden": !0 }),
+        onClick: () => {
+          P(e.id);
+        }
+      },
+      {
+        label: t("menu.viewReceipt"),
+        icon: /* @__PURE__ */ n(S, { "aria-hidden": !0 }),
+        onClick: () => {
+          C(e.id);
+        }
+      }
+    ];
+    return L(e) && r.push({
+      label: t("menu.cancelPayroll"),
+      icon: /* @__PURE__ */ n(q, { "aria-hidden": !0 }),
+      onClick: () => {
+        N(e);
+      },
+      "data-destructive": "true"
+    }), r;
+  };
+  return m.length === 0 ? /* @__PURE__ */ u(c, { flexDirection: "column", alignItems: "center", gap: 24, children: [
+    /* @__PURE__ */ n(y, { as: "h3", children: t("emptyState.title") }),
+    /* @__PURE__ */ n(o, { children: t("emptyState.description") })
+  ] }) : /* @__PURE__ */ u(c, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ u(
+      c,
+      {
+        flexDirection: { base: "column", medium: "row" },
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        gap: { base: 12, medium: 24 },
+        children: [
+          /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(y, { as: "h2", children: t("title") }) }),
+          /* @__PURE__ */ n("div", { className: I.timeFilterContainer, children: /* @__PURE__ */ n(
+            k,
+            {
+              value: b,
+              onChange: (e) => {
+                w(e);
+              },
+              options: V,
+              label: t("timeFilter.placeholder"),
+              shouldVisuallyHideLabel: !0,
+              isRequired: !0
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(
+      B,
+      {
+        label: t("dataView.label"),
+        columns: [
+          {
+            title: t("columns.payPeriod"),
+            render: (e) => /* @__PURE__ */ n(o, { children: e.payPeriod })
+          },
+          {
+            title: t("columns.type"),
+            render: (e) => /* @__PURE__ */ n(o, { children: e.type })
+          },
+          {
+            title: t("columns.payDate"),
+            render: (e) => /* @__PURE__ */ n(o, { children: e.payDate })
+          },
+          {
+            title: t("columns.status"),
+            render: (e) => /* @__PURE__ */ n(A, { status: _(e.status), children: e.status })
+          },
+          {
+            title: t("columns.amount"),
+            render: (e) => /* @__PURE__ */ n(o, { weight: "semibold", children: e.amount ? Z(e.amount) : t("labels.noAmount") })
+          }
+        ],
+        data: m,
+        itemMenu: (e) => /* @__PURE__ */ n(Y, { items: U(e) })
+      }
+    ),
+    /* @__PURE__ */ n(
+      H,
+      {
+        isOpen: !!a,
+        onClose: F,
+        onPrimaryActionClick: O,
+        isDestructive: !0,
+        isPrimaryActionLoading: x,
+        primaryActionLabel: t("cancelDialog.primaryAction"),
+        closeActionLabel: t("cancelDialog.secondaryAction"),
+        title: a ? t("cancelDialog.title", { payPeriod: a.payPeriod }) : "",
+        children: a && /* @__PURE__ */ u(c, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ n(o, { children: t("cancelDialog.body") }),
+          a.payroll.payrollDeadline && /* @__PURE__ */ n(o, { children: t("cancelDialog.deadline", {
+            deadline: M(a)
+          }) })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  oe as PayrollHistoryPresentation
+};
+//# sourceMappingURL=PayrollHistoryPresentation.js.map