@gusto/embedded-react-sdk 0.13.4 → 0.14.0

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>;
+};

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

@@ -0,0 +1,93 @@
+import { state as p, transition as t, reduce as r, guard as n } from "robot3";
+import { PayrollLandingReceiptsContextual as i, PayrollLandingOverviewContextual as s, PayrollLandingTabsContextual as v } from "./PayrollLandingFlowComponents.js";
+import { componentEvents as a } from "../../../shared/constants.js";
+const l = (e) => (o) => ({
+  ...o,
+  ...e
+}), u = {
+  tabs: p(
+    t(
+      a.RUN_PAYROLL_RECEIPT_VIEWED,
+      "receipt",
+      r(
+        (e, o) => ({
+          ...e,
+          component: i,
+          payrollId: o.payload.payrollId,
+          previousState: "tabs",
+          selectedTab: "payroll-history"
+          // Receipt viewed from payroll history tab
+        })
+      )
+    ),
+    t(
+      a.RUN_PAYROLL_SUMMARY_VIEWED,
+      "overview",
+      r(
+        (e, o) => ({
+          ...e,
+          component: s,
+          payrollId: o.payload.payrollId,
+          previousState: "tabs",
+          selectedTab: "payroll-history"
+          // Summary viewed from payroll history tab
+        })
+      )
+    )
+  ),
+  overview: p(
+    t(
+      a.RUN_PAYROLL_BACK,
+      "tabs",
+      r(
+        l({
+          component: v,
+          payrollId: void 0,
+          previousState: void 0
+          // Preserve selectedTab when going back to tabs
+        })
+      )
+    ),
+    t(
+      a.RUN_PAYROLL_RECEIPT_GET,
+      "receipt",
+      r(
+        (e, o) => ({
+          ...e,
+          component: i,
+          payrollId: o.payload.payrollId,
+          previousState: "overview"
+        })
+      )
+    )
+  ),
+  receipt: p(
+    t(
+      a.RUN_PAYROLL_BACK,
+      "overview",
+      r(
+        l({
+          component: s,
+          previousState: "tabs"
+        })
+      ),
+      n((e) => e.previousState === "overview")
+    ),
+    t(
+      a.RUN_PAYROLL_BACK,
+      "tabs",
+      r(
+        l({
+          component: v,
+          payrollId: void 0,
+          previousState: void 0
+        })
+      ),
+      n((e) => e.previousState === "tabs")
+    )
+  )
+};
+export {
+  u as payrollLandingMachine
+};
+//# sourceMappingURL=payrollLandingStateMachine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"payrollLandingStateMachine.js","sources":["../../../../src/components/Payroll/PayrollLanding/payrollLandingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  PayrollLandingTabsContextual,\n  PayrollLandingReceiptsContextual,\n  PayrollLandingOverviewContextual,\n  type PayrollLandingFlowContextInterface,\n} from './PayrollLandingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_RECEIPT_VIEWED]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_SUMMARY_VIEWED]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_RECEIPT_GET]: {\n    payrollId: string\n  }\n}\n\nconst createReducer = (props: Partial<PayrollLandingFlowContextInterface>) => {\n  return (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nexport const payrollLandingMachine = {\n  tabs: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_VIEWED,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...ctx,\n          component: PayrollLandingReceiptsContextual,\n          payrollId: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history', // Receipt viewed from payroll history tab\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_SUMMARY_VIEWED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SUMMARY_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...ctx,\n          component: PayrollLandingOverviewContextual,\n          payrollId: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history', // Summary viewed from payroll history tab\n        }),\n      ),\n    ),\n  ),\n  overview: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(\n        createReducer({\n          component: PayrollLandingTabsContextual,\n          payrollId: undefined,\n          previousState: undefined,\n          // Preserve selectedTab when going back to tabs\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_GET>,\n        ): PayrollLandingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: PayrollLandingReceiptsContextual,\n            payrollId: ev.payload.payrollId,\n            previousState: 'overview',\n          }\n        },\n      ),\n    ),\n  ),\n  receipt: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'overview',\n      reduce(\n        createReducer({\n          component: PayrollLandingOverviewContextual,\n          previousState: 'tabs',\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'overview'\n      }),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(\n        createReducer({\n          component: PayrollLandingTabsContextual,\n          payrollId: undefined,\n          previousState: undefined,\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'tabs'\n      }),\n    ),\n  ),\n}\n"],"names":["createReducer","props","ctx","payrollLandingMachine","state","transition","componentEvents","reduce","ev","PayrollLandingReceiptsContextual","PayrollLandingOverviewContextual","PayrollLandingTabsContextual","guard"],"mappings":";;;AAsBA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAiF;AAAA,EACvF,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIME,IAAwB;AAAA,EACnC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OACwC;AAAA,UACxC,GAAGN;AAAA,UACH,WAAWO;AAAA,UACX,WAAWD,EAAG,QAAQ;AAAA,UACtB,eAAe;AAAA,UACf,aAAa;AAAA;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OACwC;AAAA,UACxC,GAAGN;AAAA,UACH,WAAWQ;AAAA,UACX,WAAWF,EAAG,QAAQ;AAAA,UACtB,eAAe;AAAA,UACf,aAAa;AAAA;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUJ;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWW;AAAA,UACX,WAAW;AAAA,UACX,eAAe;AAAA;AAAA,QAAA,CAEhB;AAAA,MAAA;AAAA,IACH;AAAA,IAEFN;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,eAAe;AAAA,QAAA;AAAA,MAEnB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,SAASJ;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWU;AAAA,UACX,eAAe;AAAA,QAAA,CAChB;AAAA,MAAA;AAAA,MAEHE,EAAM,CAACV,MACEA,EAAI,kBAAkB,UAC9B;AAAA,IAAA;AAAA,IAEHG;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWW;AAAA,UACX,WAAW;AAAA,UACX,eAAe;AAAA,QAAA,CAChB;AAAA,MAAA;AAAA,MAEHC,EAAM,CAACV,MACEA,EAAI,kBAAkB,MAC9B;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -4,7 +4,8 @@ interface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOv
     companyId: string;
     payrollId: string;
     alerts?: PayrollFlowAlert[];
+    showBackButton?: boolean;
 }
 export declare function PayrollOverview(props: PayrollOverviewProps): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ companyId, payrollId, dictionary, onEvent, alerts, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ companyId, payrollId, dictionary, onEvent, alerts, showBackButton, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Payroll/PayrollOverview/PayrollOverview.js

@@ -1,50 +1,51 @@
 import { jsx as p } from "react/jsx-runtime";
-import { usePayrollsSubmitMutation as U } from "@gusto/embedded-api/react-query/payrollsSubmit";
+import { usePayrollsSubmitMutation as D } from "@gusto/embedded-api/react-query/payrollsSubmit";
 import { usePayrollsCancelMutation as h } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { usePayrollsGetSuspense as B } from "@gusto/embedded-api/react-query/payrollsGet";
-import { useTranslation as N } from "react-i18next";
+import { usePayrollsGetSuspense as N } from "@gusto/embedded-api/react-query/payrollsGet";
+import { useTranslation as k } from "react-i18next";
 import { useBankAccountsGetSuspense as T } from "@gusto/embedded-api/react-query/bankAccountsGet";
 import { useEmployeesListSuspense as Y } from "@gusto/embedded-api/react-query/employeesList";
 import { useState as q, useEffect as v } from "react";
-import { useGustoEmbeddedContext as k } from "@gusto/embedded-api/react-query/_context";
-import { payrollsGetPayStub as G } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
-import { useErrorBoundary as j } from "react-error-boundary";
-import { PayrollOverviewPresentation as M } from "./PayrollOverviewPresentation.js";
-import { PAYROLL_PROCESSING_STATUS as c, componentEvents as n } from "../../../shared/constants.js";
-import { BaseComponent as F } from "../../Base/Base.js";
-import { useBase as W } from "../../Base/useBase.js";
-import { useComponentDictionary as H, useI18n as I } from "../../../i18n/I18n.js";
+import { useGustoEmbeddedContext as G } from "@gusto/embedded-api/react-query/_context";
+import { payrollsGetPayStub as j } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
+import { useErrorBoundary as M } from "react-error-boundary";
+import { PayrollOverviewPresentation as F } from "./PayrollOverviewPresentation.js";
+import { PAYROLL_PROCESSING_STATUS as u, componentEvents as n } from "../../../shared/constants.js";
+import { BaseComponent as W } from "../../Base/Base.js";
+import { useBase as H } from "../../Base/useBase.js";
+import { useComponentDictionary as I, useI18n as K } from "../../../i18n/I18n.js";
 import { readableStreamToBlob as V } from "../../../helpers/readableStreamToBlob.js";
-function ye(t) {
-  return /* @__PURE__ */ p(F, { ...t, children: /* @__PURE__ */ p(x, { ...t, children: t.children }) });
+function de(s) {
+  return /* @__PURE__ */ p(W, { ...s, children: /* @__PURE__ */ p(x, { ...s, children: s.children }) });
 }
 const x = ({
-  companyId: t,
+  companyId: s,
   payrollId: l,
   dictionary: R,
-  onEvent: s,
-  alerts: d
+  onEvent: t,
+  alerts: d,
+  showBackButton: b = !1
 }) => {
-  H("Payroll.PayrollOverview", R), I("Payroll.PayrollOverview");
-  const { baseSubmitHandler: P } = W(), { t: f } = N("Payroll.PayrollOverview"), [a, u] = q(!1), { showBoundary: b } = j(), { data: m } = B(
+  I("Payroll.PayrollOverview", R), K("Payroll.PayrollOverview");
+  const { baseSubmitHandler: P } = H(), { t: f } = k("Payroll.PayrollOverview"), [a, c] = q(!1), { showBoundary: L } = M(), { data: m } = N(
     {
-      companyId: t,
+      companyId: s,
       payrollId: l,
       include: ["taxes", "benefits", "deductions"]
     },
     { refetchInterval: a ? 5e3 : !1 }
   ), r = m.payrollShow;
   v(() => {
-    r.processingRequest?.status === c.submitting && !a && u(!0), a && r.processingRequest?.status === c.submit_success && (s(n.RUN_PAYROLL_PROCESSED), u(!1)), a && r.processingRequest?.status === c.processing_failed && (s(n.RUN_PAYROLL_PROCESSING_FAILED), u(!1));
-  }, [r.processingRequest?.status, a, s]);
-  const { data: w } = T({
-    companyId: t
-  }), L = w.companyBankAccounts?.[0], { data: S } = Y({
-    companyId: t
-  }), { mutateAsync: _, isPending: E } = U(), { mutateAsync: A, isPending: O } = h();
+    r.processingRequest?.status === u.submitting && !a && c(!0), a && r.processingRequest?.status === u.submit_success && (t(n.RUN_PAYROLL_PROCESSED), c(!1)), a && r.processingRequest?.status === u.processing_failed && (t(n.RUN_PAYROLL_PROCESSING_FAILED), c(!1));
+  }, [r.processingRequest?.status, a, t]);
+  const { data: _ } = T({
+    companyId: s
+  }), w = _.companyBankAccounts?.[0], { data: S } = Y({
+    companyId: s
+  }), { mutateAsync: A, isPending: E } = D(), { mutateAsync: O, isPending: B } = h();
   if (!r.calculatedAt)
     throw new Error(f("alerts.payrollNotCalculated"));
-  const C = k(), g = r.employeeCompensations?.reduce(
+  const C = G(), U = r.employeeCompensations?.reduce(
     (o, i) => (i.taxes?.forEach((e) => {
       o[e.name] = {
         employee: (o[e.name]?.employee ?? 0) + (e.employer ? 0 : e.amount),
@@ -54,63 +55,66 @@ const x = ({
     {}
   ) || {};
   return /* @__PURE__ */ p(
-    M,
+    F,
     {
       onEdit: () => {
-        s(n.RUN_PAYROLL_EDIT);
+        t(n.RUN_PAYROLL_EDIT);
       },
       onSubmit: async () => {
         await P(m, async () => {
-          const o = await _({
+          const o = await A({
             request: {
-              companyId: t,
+              companyId: s,
               payrollId: l,
               requestBody: {
                 submissionBlockers: []
               }
             }
           });
-          s(n.RUN_PAYROLL_SUBMITTED, o), u(!0);
+          t(n.RUN_PAYROLL_SUBMITTED, o), c(!0);
         });
       },
       onCancel: async () => {
         await P(m, async () => {
-          const o = await A({
+          const o = await O({
             request: {
-              companyId: t,
+              companyId: s,
               payrollId: l
             }
           });
-          s(n.RUN_PAYROLL_CANCELLED, o);
+          t(n.RUN_PAYROLL_CANCELLED, o);
         });
       },
       onPayrollReceipt: () => {
-        s(n.RUN_PAYROLL_RECEIPT_GET, { payrollId: l });
+        t(n.RUN_PAYROLL_RECEIPT_GET, { payrollId: l });
       },
       onPaystubDownload: async (o) => {
         const i = window.open("", "_blank");
         try {
-          const e = await G(C, { payrollId: l, employeeId: o });
+          const e = await j(C, { payrollId: l, employeeId: o });
           if (!e.value?.responseStream)
             throw new Error(f("alerts.paystubPdfError"));
-          const D = await V(e.value.responseStream, "application/pdf"), y = URL.createObjectURL(D);
-          i && (i.location.href = y), s(n.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: o }), URL.revokeObjectURL(y);
+          const g = await V(e.value.responseStream, "application/pdf"), y = URL.createObjectURL(g);
+          i && (i.location.href = y), t(n.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: o }), URL.revokeObjectURL(y);
         } catch (e) {
-          i && i.close(), b(e);
+          i && i.close(), L(e);
         }
       },
-      isSubmitting: E || a || O,
-      isProcessed: r.processingRequest?.status === c.submit_success,
+      onBack: b ? () => {
+        t(n.RUN_PAYROLL_BACK);
+      } : void 0,
+      isSubmitting: E || a || B,
+      isProcessed: r.processingRequest?.status === u.submit_success,
       payrollData: r,
-      bankAccount: L,
+      bankAccount: w,
       employeeDetails: S.showEmployees || [],
-      taxes: g,
+      taxes: U,
       alerts: d
     }
   );
 };
 export {
-  ye as PayrollOverview,
+  de as PayrollOverview,
   x as Root
 };
 //# sourceMappingURL=PayrollOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { componentEvents, PAYROLL_PROCESSING_STATUS } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n}: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const [isPolling, setIsPolling] = useState(false)\n  const { showBoundary } = useErrorBoundary()\n\n  const { data } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n  const payrollData = data.payrollShow!\n\n  useEffect(() => {\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED)\n      setIsPolling(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }\n  }, [payrollData.processingRequest?.status, isPolling, onEvent])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n  const onCancel = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await cancelPayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err)\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: [],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      isSubmitting={isPending || isPolling || isPendingCancel}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","showBoundary","useErrorBoundary","data","usePayrollsGetSuspense","payrollData","useEffect","PAYROLL_PROCESSING_STATUS","componentEvents","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err"],"mappings":"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"}
+{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { componentEvents, PAYROLL_PROCESSING_STATUS } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n  showBackButton?: boolean\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n  showBackButton = false,\n}: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const [isPolling, setIsPolling] = useState(false)\n  const { showBoundary } = useErrorBoundary()\n\n  const { data } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n  const payrollData = data.payrollShow!\n\n  useEffect(() => {\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED)\n      setIsPolling(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }\n  }, [payrollData.processingRequest?.status, isPolling, onEvent])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n  const onCancel = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await cancelPayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onBack = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BACK)\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err)\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: [],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      onBack={showBackButton ? onBack : undefined}\n      isSubmitting={isPending || isPolling || isPendingCancel}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","showBackButton","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","showBoundary","useErrorBoundary","data","usePayrollsGetSuspense","payrollData","useEffect","PAYROLL_PROCESSING_STATUS","componentEvents","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err"],"mappings":"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"}

package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.d.ts

@@ -18,6 +18,7 @@ interface PayrollOverviewProps {
     onCancel: () => void;
     onPayrollReceipt: () => void;
     onPaystubDownload: (employeeId: string) => void;
+    onBack?: () => void;
 }
-export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, employeeDetails, payrollData, bankAccount, taxes, isSubmitting, isProcessed, alerts, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, onBack, employeeDetails, payrollData, bankAccount, taxes, isSubmitting, isProcessed, alerts, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};