@gusto/embedded-react-sdk 0.23.0 → 0.24.0

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

@@ -1,27 +1,33 @@
-import { jsx as l } from "react/jsx-runtime";
-import { createMachine as m } from "robot3";
-import { useMemo as t } from "react";
-import { payrollMachine as n, payrollFlowBreadcrumbsNodes as i } from "./payrollStateMachine.js";
-import { SaveAndExitCta as p, PayrollLandingContextual as s } from "./PayrollFlowComponents.js";
-import { Flow as c } from "../../Flow/Flow.js";
-import { buildBreadcrumbs as u } from "../../../helpers/breadcrumbHelpers.js";
-const x = ({ companyId: r, onEvent: o }) => {
-  const a = t(
-    () => m("landing", n, (e) => ({
-      ...e,
-      component: s,
+import { jsx as t } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as p } from "react";
+import { payrollMachine as c, payrollFlowBreadcrumbsNodes as i } from "./payrollStateMachine.js";
+import { SaveAndExitCta as u, PayrollLandingContextual as d } from "./PayrollFlowComponents.js";
+import { Flow as s } from "../../Flow/Flow.js";
+import { buildBreadcrumbs as f } from "../../../helpers/breadcrumbHelpers.js";
+const M = ({
+  companyId: r,
+  onEvent: l,
+  withReimbursements: o = !0,
+  ConfirmWireDetailsComponent: a
+}) => {
+  const e = p(
+    () => n("landing", c, (m) => ({
+      ...m,
+      component: d,
       companyId: r,
       progressBarType: null,
-      //landing step does not show progress bar/breadcrumbs
-      breadcrumbs: u(i),
+      breadcrumbs: f(i),
       currentBreadcrumb: "landing",
-      progressBarCta: p
+      progressBarCta: u,
+      withReimbursements: o,
+      ConfirmWireDetailsComponent: a
     })),
-    [r]
+    [r, o, a]
   );
-  return /* @__PURE__ */ l(c, { machine: a, onEvent: o });
+  return /* @__PURE__ */ t(s, { machine: e, onEvent: l });
 };
 export {
-  x as PayrollFlow
+  M as PayrollFlow
 };
 //# sourceMappingURL=PayrollFlow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollFlow.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { payrollFlowBreadcrumbsNodes, payrollMachine } from './payrollStateMachine'\nimport type { PayrollFlowProps } from './PayrollFlowComponents'\nimport {\n  SaveAndExitCta,\n  PayrollLandingContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport const PayrollFlow = ({ companyId, onEvent }: PayrollFlowProps) => {\n  const payrollFlow = useMemo(\n    () =>\n      createMachine('landing', payrollMachine, (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        component: PayrollLandingContextual,\n        companyId,\n        progressBarType: null, //landing step does not show progress bar/breadcrumbs\n        breadcrumbs: buildBreadcrumbs(payrollFlowBreadcrumbsNodes),\n        currentBreadcrumb: 'landing',\n        progressBarCta: SaveAndExitCta,\n      })),\n    [companyId],\n  )\n  return <Flow machine={payrollFlow} onEvent={onEvent} />\n}\n"],"names":["PayrollFlow","companyId","onEvent","payrollFlow","useMemo","createMachine","payrollMachine","initialContext","PayrollLandingContextual","buildBreadcrumbs","payrollFlowBreadcrumbsNodes","SaveAndExitCta","jsx","Flow"],"mappings":";;;;;;;AAYO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,iBAAiB;AAAA;AAAA,MACjB,aAAaQ,EAAiBC,CAA2B;AAAA,MACzD,mBAAmB;AAAA,MACnB,gBAAgBC;AAAA,IAAA,EAChB;AAAA,IACJ,CAACV,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAW,EAACC,GAAA,EAAK,SAASV,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}
+{"version":3,"file":"PayrollFlow.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { payrollFlowBreadcrumbsNodes, payrollMachine } from './payrollStateMachine'\nimport type { PayrollFlowProps } from './PayrollFlowComponents'\nimport {\n  SaveAndExitCta,\n  PayrollLandingContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport const PayrollFlow = ({\n  companyId,\n  onEvent,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n}: PayrollFlowProps) => {\n  const payrollFlow = useMemo(\n    () =>\n      createMachine('landing', payrollMachine, (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        component: PayrollLandingContextual,\n        companyId,\n        progressBarType: null,\n        breadcrumbs: buildBreadcrumbs(payrollFlowBreadcrumbsNodes),\n        currentBreadcrumb: 'landing',\n        progressBarCta: SaveAndExitCta,\n        withReimbursements,\n        ConfirmWireDetailsComponent,\n      })),\n    [companyId, withReimbursements, ConfirmWireDetailsComponent],\n  )\n  return <Flow machine={payrollFlow} onEvent={onEvent} />\n}\n"],"names":["PayrollFlow","companyId","onEvent","withReimbursements","ConfirmWireDetailsComponent","payrollFlow","useMemo","createMachine","payrollMachine","initialContext","PayrollLandingContextual","buildBreadcrumbs","payrollFlowBreadcrumbsNodes","SaveAndExitCta","jsx","Flow"],"mappings":";;;;;;;AAYO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AACF,MAAwB;AACtB,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAT;AAAA,MACA,iBAAiB;AAAA,MACjB,aAAaU,EAAiBC,CAA2B;AAAA,MACzD,mBAAmB;AAAA,MACnB,gBAAgBC;AAAA,MAChB,oBAAAV;AAAA,MACA,6BAAAC;AAAA,IAAA,EACA;AAAA,IACJ,CAACH,GAAWE,GAAoBC,CAA2B;AAAA,EAAA;AAE7D,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAASV,GAAa,SAAAH,EAAA,CAAkB;AACvD;"}

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

@@ -1,10 +1,13 @@
 import { ReactNode } from 'react';
 import { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype';
+import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails';
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { BaseComponentInterface } from '../../Base';
 import { BreadcrumbTrail } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
 export interface PayrollFlowProps extends BaseComponentInterface {
     companyId: string;
+    withReimbursements?: boolean;
+    ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
 export type PayrollFlowAlert = {
     type: 'error' | 'info' | 'success';
@@ -21,6 +24,8 @@ export interface PayrollFlowContextInterface extends FlowContextInterface {
     alerts?: PayrollFlowAlert[];
     breadcrumbs?: BreadcrumbTrail;
     payPeriod?: PayrollPayPeriodType;
+    withReimbursements: boolean;
+    ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
 export declare function PayrollLandingContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PayrollConfigurationContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,69 +1,95 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
-import { PayrollLanding as p } from "../PayrollLanding/PayrollLanding.js";
+import { jsx as l } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { PayrollLanding as u } from "../PayrollLanding/PayrollLanding.js";
 import { PayrollConfiguration as c } from "../PayrollConfiguration/PayrollConfiguration.js";
 import { PayrollOverview as y } from "../PayrollOverview/PayrollOverview.js";
-import { PayrollEditEmployee as u } from "../PayrollEditEmployee/PayrollEditEmployee.js";
+import { PayrollEditEmployee as s } from "../PayrollEditEmployee/PayrollEditEmployee.js";
 import { PayrollReceipts as d } from "../PayrollReceipts/PayrollReceipts.js";
 import { PayrollBlocker as f } from "../PayrollBlocker/PayrollBlocker.js";
-import { useFlow as l } from "../../Flow/useFlow.js";
-import { ensureRequired as t } from "../../../helpers/ensureRequired.js";
-import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as I } from "../../../i18n/I18n.js";
+import { useFlow as i } from "../../Flow/useFlow.js";
+import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
+import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as C } from "../../../i18n/I18n.js";
 import { componentEvents as v } from "../../../shared/constants.js";
-function A() {
-  const { companyId: n, onEvent: o } = l();
-  return /* @__PURE__ */ e(p, { onEvent: o, companyId: t(n) });
+function W() {
+  const { companyId: n, onEvent: o, withReimbursements: t, ConfirmWireDetailsComponent: e } = i();
+  return /* @__PURE__ */ l(
+    u,
+    {
+      onEvent: o,
+      companyId: r(n),
+      withReimbursements: t,
+      ConfirmWireDetailsComponent: e
+    }
+  );
 }
-function F() {
-  const { companyId: n, payrollUuid: o, onEvent: r } = l();
-  return /* @__PURE__ */ e(
+function A() {
+  const { companyId: n, payrollUuid: o, onEvent: t, withReimbursements: e } = i();
+  return /* @__PURE__ */ l(
     c,
     {
-      onEvent: r,
-      companyId: t(n),
-      payrollId: t(o)
+      onEvent: t,
+      companyId: r(n),
+      payrollId: r(o),
+      withReimbursements: e
     }
   );
 }
-function K() {
-  const { companyId: n, payrollUuid: o, onEvent: r, alerts: a } = l();
-  return /* @__PURE__ */ e(
+function D() {
+  const {
+    companyId: n,
+    payrollUuid: o,
+    onEvent: t,
+    alerts: e,
+    withReimbursements: m,
+    ConfirmWireDetailsComponent: a
+  } = i();
+  return /* @__PURE__ */ l(
     y,
     {
-      onEvent: r,
-      companyId: t(n),
-      payrollId: t(o),
-      alerts: a
+      onEvent: t,
+      companyId: r(n),
+      payrollId: r(o),
+      alerts: e,
+      withReimbursements: m,
+      ConfirmWireDetailsComponent: a
     }
   );
 }
-function T() {
-  const { companyId: n, payrollUuid: o, employeeId: r, onEvent: a } = l();
-  return /* @__PURE__ */ e(
-    u,
+function F() {
+  const { companyId: n, payrollUuid: o, employeeId: t, onEvent: e, withReimbursements: m } = i();
+  return /* @__PURE__ */ l(
+    s,
     {
-      onEvent: a,
-      companyId: t(n),
-      payrollId: t(o),
-      employeeId: t(r)
+      onEvent: e,
+      companyId: r(n),
+      payrollId: r(o),
+      employeeId: r(t),
+      withReimbursements: m
     }
   );
 }
-function _() {
-  const { payrollUuid: n, onEvent: o } = l();
-  return /* @__PURE__ */ e(d, { onEvent: o, payrollId: t(n) });
+function K() {
+  const { payrollUuid: n, onEvent: o, withReimbursements: t } = i();
+  return /* @__PURE__ */ l(
+    d,
+    {
+      onEvent: o,
+      payrollId: r(n),
+      withReimbursements: t
+    }
+  );
 }
-function h() {
-  const { companyId: n, onEvent: o } = l();
-  return /* @__PURE__ */ e(f, { onEvent: o, companyId: t(n) });
+function T() {
+  const { companyId: n, onEvent: o } = i();
+  return /* @__PURE__ */ l(f, { onEvent: o, companyId: r(n) });
 }
-function j() {
-  const { onEvent: n, ctaConfig: o } = l(), { Button: r } = s(), a = o?.namespace || "common";
-  I([a]);
-  const { t: m } = i(a);
-  return o?.labelKey ? /* @__PURE__ */ e(
-    r,
+function _() {
+  const { onEvent: n, ctaConfig: o } = i(), { Button: t } = I(), e = o?.namespace || "common";
+  C([e]);
+  const { t: m } = p(e);
+  return o?.labelKey ? /* @__PURE__ */ l(
+    t,
     {
       onClick: () => {
         n(v.PAYROLL_EXIT_FLOW);
@@ -74,12 +100,12 @@ function j() {
   ) : null;
 }
 export {
-  h as PayrollBlockerContextual,
-  F as PayrollConfigurationContextual,
-  T as PayrollEditEmployeeContextual,
-  A as PayrollLandingContextual,
-  K as PayrollOverviewContextual,
-  _ as PayrollReceiptsContextual,
-  j as SaveAndExitCta
+  T as PayrollBlockerContextual,
+  A as PayrollConfigurationContextual,
+  F as PayrollEditEmployeeContextual,
+  W as PayrollLandingContextual,
+  D as PayrollOverviewContextual,
+  K as PayrollReceiptsContextual,
+  _ as SaveAndExitCta
 };
 //# sourceMappingURL=PayrollFlowComponents.js.map

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 { useTranslation } from 'react-i18next'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\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'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n  onDismiss?: () => void\n}\n\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n  employeeId?: string\n  firstName?: string\n  lastName?: string\n  alerts?: PayrollFlowAlert[]\n  breadcrumbs?: BreadcrumbTrail\n  payPeriod?: PayrollPayPeriodType\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, payrollUuid, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n    />\n  )\n}\n\nexport function PayrollOverviewContextual() {\n  const { companyId, payrollUuid, onEvent, alerts } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      alerts={alerts}\n    />\n  )\n}\n\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollUuid, employeeId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      employeeId={ensureRequired(employeeId)}\n    />\n  )\n}\n\nexport function PayrollReceiptsContextual() {\n  const { payrollUuid, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollUuid)} />\n}\n\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlocker onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function SaveAndExitCta() {\n  const { onEvent, ctaConfig } = useFlow<PayrollFlowContextInterface>()\n  const { Button } = useComponentContext()\n  const namespace = ctaConfig?.namespace || 'common'\n  useI18n([namespace])\n  const { t } = useTranslation(namespace)\n\n  if (!ctaConfig?.labelKey) return null\n\n  return (\n    <Button\n      onClick={() => {\n        onEvent(componentEvents.PAYROLL_EXIT_FLOW)\n      }}\n      variant=\"secondary\"\n    >\n      {t(ctaConfig.labelKey as never)}\n    </Button>\n  )\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","useFlow","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollUuid","jsx","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlocker","SaveAndExitCta","ctaConfig","Button","useComponentContext","namespace","useI18n","t","useTranslation","componentEvents"],"mappings":";;;;;;;;;;;;;AAuCO,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,aAAAM,GAAa,SAAAL,EAAA,IAAYC,EAAA;AAC5C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASG,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,aAAAM,GAAa,SAAAL,GAAS,QAAAS,EAAA,IAAWR,EAAA;AACpD,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,MACrC,QAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAgC;AAC9C,QAAM,EAAE,WAAAZ,GAAW,aAAAM,GAAa,YAAAO,GAAY,SAAAZ,EAAA,IAAYC,EAAA;AACxD,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,MACrC,YAAYF,EAAeS,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASE,IAA4B;AAC1C,QAAM,EAAE,aAAAT,GAAa,SAAAL,EAAA,IAAYC,EAAA;AACjC,2BAAQc,GAAA,EAAgB,SAAAf,GAAkB,WAAWG,EAAeE,CAAW,GAAG;AACpF;AAEO,SAASW,IAA2B;AACzC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAe,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASmB,IAAiB;AAC/B,QAAM,EAAE,SAAAlB,GAAS,WAAAmB,EAAA,IAAclB,EAAA,GACzB,EAAE,QAAAmB,EAAA,IAAWC,EAAA,GACbC,IAAYH,GAAW,aAAa;AAC1C,EAAAI,EAAQ,CAACD,CAAS,CAAC;AACnB,QAAM,EAAE,GAAAE,EAAA,IAAMC,EAAeH,CAAS;AAEtC,SAAKH,GAAW,WAGd,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAApB,EAAQ0B,EAAgB,iBAAiB;AAAA,MAC3C;AAAA,MACA,SAAQ;AAAA,MAEP,UAAAF,EAAEL,EAAU,QAAiB;AAAA,IAAA;AAAA,EAAA,IATD;AAYnC;"}
+{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\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 type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n  onDismiss?: () => void\n}\n\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n  employeeId?: string\n  firstName?: string\n  lastName?: string\n  alerts?: PayrollFlowAlert[]\n  breadcrumbs?: BreadcrumbTrail\n  payPeriod?: PayrollPayPeriodType\n  withReimbursements: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport function PayrollLandingContextual() {\n  const { companyId, onEvent, withReimbursements, ConfirmWireDetailsComponent } =\n    useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollLanding\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n    />\n  )\n}\n\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements } =\n    useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\nexport function PayrollOverviewContextual() {\n  const {\n    companyId,\n    payrollUuid,\n    onEvent,\n    alerts,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n  } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      alerts={alerts}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n    />\n  )\n}\n\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollUuid, employeeId, onEvent, withReimbursements } =\n    useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      employeeId={ensureRequired(employeeId)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\nexport function PayrollReceiptsContextual() {\n  const { payrollUuid, onEvent, withReimbursements } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollReceipts\n      onEvent={onEvent}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlocker onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function SaveAndExitCta() {\n  const { onEvent, ctaConfig } = useFlow<PayrollFlowContextInterface>()\n  const { Button } = useComponentContext()\n  const namespace = ctaConfig?.namespace || 'common'\n  useI18n([namespace])\n  const { t } = useTranslation(namespace)\n\n  if (!ctaConfig?.labelKey) return null\n\n  return (\n    <Button\n      onClick={() => {\n        onEvent(componentEvents.PAYROLL_EXIT_FLOW)\n      }}\n      variant=\"secondary\"\n    >\n      {t(ctaConfig.labelKey as never)}\n    </Button>\n  )\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","withReimbursements","ConfirmWireDetailsComponent","useFlow","jsx","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollUuid","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlocker","SaveAndExitCta","ctaConfig","Button","useComponentContext","namespace","useI18n","t","useTranslation","componentEvents"],"mappings":";;;;;;;;;;;;;AA4CO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,oBAAAC,GAAoB,6BAAAC,EAAA,IAC9CC,EAAA;AACF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAL;AAAA,MACA,WAAWM,EAAeP,CAAS;AAAA,MACnC,oBAAAE;AAAA,MACA,6BAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAR,GAAW,aAAAS,GAAa,SAAAR,GAAS,oBAAAC,EAAA,IACvCE,EAAA;AACF,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,SAAAT;AAAA,MACA,WAAWM,EAAeP,CAAS;AAAA,MACnC,WAAWO,EAAeE,CAAW;AAAA,MACrC,oBAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASS,IAA4B;AAC1C,QAAM;AAAA,IACJ,WAAAX;AAAA,IACA,aAAAS;AAAA,IACA,SAAAR;AAAA,IACA,QAAAW;AAAA,IACA,oBAAAV;AAAA,IACA,6BAAAC;AAAA,EAAA,IACEC,EAAA;AACJ,SACE,gBAAAC;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAAZ;AAAA,MACA,WAAWM,EAAeP,CAAS;AAAA,MACnC,WAAWO,EAAeE,CAAW;AAAA,MACrC,QAAAG;AAAA,MACA,oBAAAV;AAAA,MACA,6BAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASW,IAAgC;AAC9C,QAAM,EAAE,WAAAd,GAAW,aAAAS,GAAa,YAAAM,GAAY,SAAAd,GAAS,oBAAAC,EAAA,IACnDE,EAAA;AACF,SACE,gBAAAC;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAAf;AAAA,MACA,WAAWM,EAAeP,CAAS;AAAA,MACnC,WAAWO,EAAeE,CAAW;AAAA,MACrC,YAAYF,EAAeQ,CAAU;AAAA,MACrC,oBAAAb;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASe,IAA4B;AAC1C,QAAM,EAAE,aAAAR,GAAa,SAAAR,GAAS,oBAAAC,EAAA,IAAuBE,EAAA;AACrD,SACE,gBAAAC;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,SAAAjB;AAAA,MACA,WAAWM,EAAeE,CAAW;AAAA,MACrC,oBAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASiB,IAA2B;AACzC,QAAM,EAAE,WAAAnB,GAAW,SAAAC,EAAA,IAAYG,EAAA;AAC/B,2BAAQgB,GAAA,EAAe,SAAAnB,GAAkB,WAAWM,EAAeP,CAAS,GAAG;AACjF;AAEO,SAASqB,IAAiB;AAC/B,QAAM,EAAE,SAAApB,GAAS,WAAAqB,EAAA,IAAclB,EAAA,GACzB,EAAE,QAAAmB,EAAA,IAAWC,EAAA,GACbC,IAAYH,GAAW,aAAa;AAC1C,EAAAI,EAAQ,CAACD,CAAS,CAAC;AACnB,QAAM,EAAE,GAAAE,EAAA,IAAMC,EAAeH,CAAS;AAEtC,SAAKH,GAAW,WAGd,gBAAAjB;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAAtB,EAAQ4B,EAAgB,iBAAiB;AAAA,MAC3C;AAAA,MACA,SAAQ;AAAA,MAEP,UAAAF,EAAEL,EAAU,QAAiB;AAAA,IAAA;AAAA,EAAA,IATD;AAYnC;"}

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

@@ -1,8 +1,11 @@
+import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails';
 import { PayrollLandingFlowProps } from './PayrollLandingFlowComponents';
 import { BaseComponentInterface } from '../../Base/Base';
 interface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {
     companyId: string;
+    withReimbursements?: boolean;
+    ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
 export declare function PayrollLanding(props: PayrollLandingProps): import("react/jsx-runtime").JSX.Element;
-export declare function PayrollLandingFlow({ companyId, onEvent, dictionary }: PayrollLandingFlowProps): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollLandingFlow({ companyId, onEvent, dictionary, withReimbursements, ConfirmWireDetailsComponent, }: PayrollLandingFlowProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,33 +1,41 @@
 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 }) });
+import { createMachine as c } from "robot3";
+import { payrollLandingMachine as p } from "./payrollLandingStateMachine.js";
+import { PayrollLandingTabsContextual as f } from "./PayrollLandingFlowComponents.js";
+import { Flow as u } from "../../Flow/Flow.js";
+import { BaseComponent as y } from "../../Base/Base.js";
+import { useComponentDictionary as d } from "../../../i18n/I18n.js";
+function T(o) {
+  return /* @__PURE__ */ r(y, { ...o, children: /* @__PURE__ */ r(g, { ...o }) });
 }
-function s({ companyId: o, onEvent: n, dictionary: t }) {
-  u("Payroll.PayrollLanding", t);
-  const a = e(
-    () => m(
+function g({
+  companyId: o,
+  onEvent: t,
+  dictionary: l,
+  withReimbursements: n = !0,
+  ConfirmWireDetailsComponent: a
+}) {
+  d("Payroll.PayrollLanding", l);
+  const i = e(
+    () => c(
       "tabs",
-      l,
-      (i) => ({
-        ...i,
-        component: p,
+      p,
+      (m) => ({
+        ...m,
+        component: f,
         companyId: o,
-        selectedTab: "run-payroll"
+        selectedTab: "run-payroll",
+        withReimbursements: n,
+        ConfirmWireDetailsComponent: a
       })
     ),
-    [o]
+    [o, n, a]
   );
-  return /* @__PURE__ */ r(c, { onEvent: n, machine: a });
+  return /* @__PURE__ */ r(u, { onEvent: t, machine: i });
 }
 export {
-  C as PayrollLanding,
-  s as PayrollLandingFlow
+  T as PayrollLanding,
+  g 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 { 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;"}
+{"version":3,"file":"PayrollLanding.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLanding.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\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  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <PayrollLandingFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nexport function PayrollLandingFlow({\n  companyId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n}: 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          withReimbursements,\n          ConfirmWireDetailsComponent,\n        }),\n      ),\n    [companyId, withReimbursements, ConfirmWireDetailsComponent],\n  )\n\n  return <Flow onEvent={onEvent} machine={machine} />\n}\n"],"names":["PayrollLanding","props","jsx","BaseComponent","PayrollLandingFlow","companyId","onEvent","dictionary","withReimbursements","ConfirmWireDetailsComponent","useComponentDictionary","machine","useMemo","createMachine","payrollLandingMachine","initialContext","PayrollLandingTabsContextual","Flow"],"mappings":";;;;;;;;AAoBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEO,SAASG,EAAmB;AAAA,EACjC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAuB,0BAA0BH,CAAU;AAE3D,QAAMI,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAX;AAAA,QACA,aAAa;AAAA,QACb,oBAAAG;AAAA,QACA,6BAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACJ,GAAWG,GAAoBC,CAA2B;AAAA,EAAA;AAG7D,SAAO,gBAAAP,EAACe,GAAA,EAAK,SAAAX,GAAkB,SAAAK,EAAA,CAAkB;AACnD;"}

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

@@ -1,7 +1,10 @@
+import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails';
 import { BaseComponentInterface } from '../../Base/Base';
 import { FlowContextInterface } from '../../Flow/useFlow';
 export interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {
     companyId: string;
+    withReimbursements?: boolean;
+    ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
 export interface PayrollLandingFlowContextInterface extends FlowContextInterface {
     component: (() => React.JSX.Element) | null;
@@ -9,6 +12,8 @@ export interface PayrollLandingFlowContextInterface extends FlowContextInterface
     payrollUuid?: string;
     previousState?: 'tabs' | 'overview';
     selectedTab?: string;
+    withReimbursements: boolean;
+    ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
 export declare function PayrollLandingTabsContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PayrollLandingReceiptsContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,12 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { useState as c } from "react";
-import { useTranslation as u } from "react-i18next";
-import { PayrollHistory as d } from "../PayrollHistory/PayrollHistory.js";
-import { PayrollList as f } from "../PayrollList/PayrollList.js";
-import { PayrollOverview as b } from "../PayrollOverview/PayrollOverview.js";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { useTranslation as d } from "react-i18next";
+import { PayrollHistory as f } from "../PayrollHistory/PayrollHistory.js";
+import { PayrollList as b } from "../PayrollList/PayrollList.js";
+import { PayrollOverview as C } from "../PayrollOverview/PayrollOverview.js";
 import { PayrollReceipts as P } from "../PayrollReceipts/PayrollReceipts.js";
 import { ConfirmWireDetails as I } from "../ConfirmWireDetails/ConfirmWireDetails.js";
-import { useFlow as e } from "../../Flow/useFlow.js";
+import { useFlow as m } from "../../Flow/useFlow.js";
 import { useI18n as x } from "../../../i18n/I18n.js";
 import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
@@ -15,46 +15,56 @@ function U() {
   const {
     companyId: o,
     onEvent: r,
-    selectedTab: l = "run-payroll"
-  } = e(), [i, m] = c(l), { Tabs: p } = g();
+    selectedTab: e = "run-payroll",
+    ConfirmWireDetailsComponent: l = I
+  } = m(), [a, s] = u(e), { Tabs: p } = g();
   x("Payroll.PayrollLanding");
-  const { t: a } = u("Payroll.PayrollLanding"), s = [
+  const { t: i } = d("Payroll.PayrollLanding"), y = [
     {
       id: "run-payroll",
-      label: a("tabs.runPayroll"),
-      content: /* @__PURE__ */ t(f, { companyId: n(o), onEvent: r })
+      label: i("tabs.runPayroll"),
+      content: /* @__PURE__ */ t(b, { companyId: n(o), onEvent: r })
     },
     {
       id: "payroll-history",
-      label: a("tabs.payrollHistory"),
-      content: /* @__PURE__ */ t(d, { companyId: n(o), onEvent: r })
+      label: i("tabs.payrollHistory"),
+      content: /* @__PURE__ */ t(f, { companyId: n(o), onEvent: r })
     }
   ];
-  return /* @__PURE__ */ y(v, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(I, { companyId: n(o), onEvent: r }),
+  return /* @__PURE__ */ c(v, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ t(l, { companyId: n(o), onEvent: r }),
     /* @__PURE__ */ t(
       p,
       {
-        tabs: s,
-        selectedId: i,
-        onSelectionChange: m,
-        "aria-label": a("aria.tabNavigation")
+        tabs: y,
+        selectedId: a,
+        onSelectionChange: s,
+        "aria-label": i("aria.tabNavigation")
       }
     )
   ] });
 }
 function q() {
-  const { payrollUuid: o, onEvent: r } = e();
-  return /* @__PURE__ */ t(P, { onEvent: r, payrollId: n(o) });
+  const { payrollUuid: o, onEvent: r, withReimbursements: e } = m();
+  return /* @__PURE__ */ t(
+    P,
+    {
+      onEvent: r,
+      payrollId: n(o),
+      withReimbursements: e
+    }
+  );
 }
 function N() {
-  const { companyId: o, payrollUuid: r, onEvent: l } = e();
+  const { companyId: o, payrollUuid: r, onEvent: e, withReimbursements: l, ConfirmWireDetailsComponent: a } = m();
   return /* @__PURE__ */ t(
-    b,
+    C,
     {
-      onEvent: l,
+      onEvent: e,
       companyId: n(o),
-      payrollId: n(r)
+      payrollId: n(r),
+      withReimbursements: l,
+      ConfirmWireDetailsComponent: a
     }
   );
 }

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

@@ -1 +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 { ConfirmWireDetails } from '../ConfirmWireDetails/ConfirmWireDetails'\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'\nimport { Flex } from '@/components/Common/Flex/Flex'\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  payrollUuid?: 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    <Flex flexDirection=\"column\" gap={32}>\n      <ConfirmWireDetails companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      <Tabs\n        tabs={tabs}\n        selectedId={currentTab}\n        onSelectionChange={setCurrentTab}\n        aria-label={t('aria.tabNavigation')}\n      />\n    </Flex>\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollUuid, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollUuid)} />\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollUuid, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","jsx","PayrollList","ensureRequired","PayrollHistory","jsxs","Flex","ConfirmWireDetails","PayrollLandingReceiptsContextual","payrollUuid","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;;;AA2BO,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,gBAAAgB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EAAmB,WAAWJ,EAAef,CAAS,GAAG,SAAAC,GAAkB;AAAA,IAC5E,gBAAAY;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAAK;AAAA,QACA,YAAYR;AAAA,QACZ,mBAAmBC;AAAA,QACnB,cAAYK,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GACF;AAEJ;AAEO,SAASU,IAAmC;AACjD,QAAM,EAAE,aAAAC,GAAa,SAAApB,EAAA,IAAYE,EAAA;AAEjC,2BAAQmB,GAAA,EAAgB,SAAArB,GAAkB,WAAWc,EAAeM,CAAW,GAAG;AACpF;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAAvB,GAAW,aAAAqB,GAAa,SAAApB,EAAA,IAAYE,EAAA;AAE5C,SACE,gBAAAU;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAAvB;AAAA,MACA,WAAWc,EAAef,CAAS;AAAA,MACnC,WAAWe,EAAeM,CAAW;AAAA,IAAA;AAAA,EAAA;AAG3C;"}
+{"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 {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\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'\nimport { Flex } from '@/components/Common/Flex/Flex'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollUuid?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n  withReimbursements: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n    ConfirmWireDetailsComponent = ConfirmWireDetails,\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    <Flex flexDirection=\"column\" gap={32}>\n      <ConfirmWireDetailsComponent companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      <Tabs\n        tabs={tabs}\n        selectedId={currentTab}\n        onSelectionChange={setCurrentTab}\n        aria-label={t('aria.tabNavigation')}\n      />\n    </Flex>\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollUuid, onEvent, withReimbursements } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollReceipts\n      onEvent={onEvent}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements, ConfirmWireDetailsComponent } =\n    useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","ConfirmWireDetailsComponent","ConfirmWireDetails","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","jsx","PayrollList","ensureRequired","PayrollHistory","jsxs","Flex","PayrollLandingReceiptsContextual","payrollUuid","withReimbursements","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;;;AAkCO,SAASA,IAA+B;AAC7C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,6BAAAC,IAA8BC;AAAA,EAAA,IAC5BC,EAAA,GACE,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAW,GAClD,EAAE,MAAAO,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,EAAejB,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,IAEhF;AAAA,MACE,IAAI;AAAA,MACJ,OAAOW,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAG,EAACG,GAAA,EAAe,WAAWD,EAAejB,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnF;AAGF,SACE,gBAAAkB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACZ,GAAA,EAA4B,WAAWc,EAAejB,CAAS,GAAG,SAAAC,GAAkB;AAAA,IACrF,gBAAAc;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAAK;AAAA,QACA,YAAYR;AAAA,QACZ,mBAAmBC;AAAA,QACnB,cAAYK,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GACF;AAEJ;AAEO,SAASS,IAAmC;AACjD,QAAM,EAAE,aAAAC,GAAa,SAAArB,GAAS,oBAAAsB,EAAA,IAAuBlB,EAAA;AAErD,SACE,gBAAAU;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAAvB;AAAA,MACA,WAAWgB,EAAeK,CAAW;AAAA,MACrC,oBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAAzB,GAAW,aAAAsB,GAAa,SAAArB,GAAS,oBAAAsB,GAAoB,6BAAApB,EAAA,IAC3DE,EAAA;AAEF,SACE,gBAAAU;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAAzB;AAAA,MACA,WAAWgB,EAAejB,CAAS;AAAA,MACnC,WAAWiB,EAAeK,CAAW;AAAA,MACrC,oBAAAC;AAAA,MACA,6BAAApB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,10 +1,13 @@
 import { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents';
+import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails';
 import { BaseComponentInterface } from '../../Base';
 interface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {
     companyId: string;
     payrollId: string;
     alerts?: PayrollFlowAlert[];
+    withReimbursements?: boolean;
+    ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
 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, withReimbursements, ConfirmWireDetailsComponent, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};