@gusto/embedded-react-sdk 0.25.0 → 0.27.0

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.d.ts

@@ -10,9 +10,11 @@ export interface PaymentFlowContextInterface extends FlowContextInterface {
     breadcrumbs?: BreadcrumbTrail;
     currentPaymentId?: string;
     currentContractorUuid?: string;
+    createdPaymentGroupId?: string;
     alerts?: InternalAlert[];
 }
 export declare function PaymentListContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function CreatePaymentContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PaymentHistoryContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PaymentStatementContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PaymentSummaryContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.js

@@ -1,37 +1,50 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { PaymentsList as a } from "../PaymentsList/PaymentsList.js";
 import { CreatePayment as u } from "../CreatePayment/CreatePayment.js";
-import { PaymentHistory as c } from "../PaymentHistory/PaymentHistory.js";
-import { PaymentStatement as i } from "../PaymentStatement/PaymentStatement.js";
-import { useFlow as r } from "../../../Flow/useFlow.js";
+import { PaymentHistory as y } from "../PaymentHistory/PaymentHistory.js";
+import { PaymentStatement as c } from "../PaymentStatement/PaymentStatement.js";
+import { useFlow as m } from "../../../Flow/useFlow.js";
 import { ensureRequired as o } from "../../../../helpers/ensureRequired.js";
-function C() {
-  const { companyId: t, onEvent: n, alerts: m } = r();
-  return /* @__PURE__ */ e(a, { onEvent: n, companyId: o(t), alerts: m });
-}
-function l() {
-  const { companyId: t, onEvent: n } = r();
-  return /* @__PURE__ */ e(u, { onEvent: n, companyId: o(t) });
-}
+import { PaymentSummary as p } from "../PaymentSummary/PaymentSummary.js";
 function x() {
-  const { currentPaymentId: t, onEvent: n } = r();
-  return /* @__PURE__ */ e(c, { onEvent: n, paymentId: o(t) });
+  const { companyId: t, onEvent: n, alerts: e } = m();
+  return /* @__PURE__ */ r(a, { onEvent: n, companyId: o(t), alerts: e });
 }
 function v() {
-  const { currentPaymentId: t, currentContractorUuid: n, onEvent: m } = r();
-  return /* @__PURE__ */ e(
-    i,
+  const { companyId: t, onEvent: n } = m();
+  return /* @__PURE__ */ r(u, { onEvent: n, companyId: o(t) });
+}
+function E() {
+  const { currentPaymentId: t, onEvent: n } = m();
+  return /* @__PURE__ */ r(y, { onEvent: n, paymentId: o(t) });
+}
+function S() {
+  const { currentPaymentId: t, currentContractorUuid: n, onEvent: e } = m();
+  return /* @__PURE__ */ r(
+    c,
     {
-      onEvent: m,
+      onEvent: e,
       paymentGroupId: o(t),
       contractorUuid: o(n)
     }
   );
 }
+function G() {
+  const { createdPaymentGroupId: t, companyId: n, onEvent: e } = m();
+  return /* @__PURE__ */ r(
+    p,
+    {
+      onEvent: e,
+      paymentGroupId: o(t),
+      companyId: o(n)
+    }
+  );
+}
 export {
-  l as CreatePaymentContextual,
-  x as PaymentHistoryContextual,
-  C as PaymentListContextual,
-  v as PaymentStatementContextual
+  v as CreatePaymentContextual,
+  E as PaymentHistoryContextual,
+  x as PaymentListContextual,
+  S as PaymentStatementContextual,
+  G as PaymentSummaryContextual
 };
 //# sourceMappingURL=PaymentFlowComponents.js.map

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.tsx"],"sourcesContent":["import { PaymentsList } from '../PaymentsList/PaymentsList'\nimport { CreatePayment } from '../CreatePayment/CreatePayment'\nimport { PaymentHistory } from '../PaymentHistory/PaymentHistory'\nimport { PaymentStatement } from '../PaymentStatement/PaymentStatement'\nimport type { InternalAlert } from '../types'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface PaymentFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport interface PaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  breadcrumbs?: BreadcrumbTrail\n  currentPaymentId?: string\n  currentContractorUuid?: string\n  alerts?: InternalAlert[]\n}\n\nexport function PaymentListContextual() {\n  const { companyId, onEvent, alerts } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentsList onEvent={onEvent} companyId={ensureRequired(companyId)} alerts={alerts} />\n}\n\nexport function CreatePaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PaymentHistoryContextual() {\n  const { currentPaymentId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentHistory onEvent={onEvent} paymentId={ensureRequired(currentPaymentId)} />\n}\n\nexport function PaymentStatementContextual() {\n  const { currentPaymentId, currentContractorUuid, onEvent } =\n    useFlow<PaymentFlowContextInterface>()\n  return (\n    <PaymentStatement\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(currentPaymentId)}\n      contractorUuid={ensureRequired(currentContractorUuid)}\n    />\n  )\n}\n"],"names":["PaymentListContextual","companyId","onEvent","alerts","useFlow","PaymentsList","ensureRequired","CreatePaymentContextual","CreatePayment","PaymentHistoryContextual","currentPaymentId","PaymentHistory","PaymentStatementContextual","currentContractorUuid","jsx","PaymentStatement"],"mappings":";;;;;;;AAsBO,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AACvC,2BAAQC,GAAA,EAAa,SAAAH,GAAkB,WAAWI,EAAeL,CAAS,GAAG,QAAAE,GAAgB;AAC/F;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,WAAAN,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,2BAAQI,GAAA,EAAc,SAAAN,GAAkB,WAAWI,EAAeL,CAAS,GAAG;AAChF;AAEO,SAASQ,IAA2B;AACzC,QAAM,EAAE,kBAAAC,GAAkB,SAAAR,EAAA,IAAYE,EAAA;AACtC,2BAAQO,GAAA,EAAe,SAAAT,GAAkB,WAAWI,EAAeI,CAAgB,GAAG;AACxF;AAEO,SAASE,IAA6B;AAC3C,QAAM,EAAE,kBAAAF,GAAkB,uBAAAG,GAAuB,SAAAX,EAAA,IAC/CE,EAAA;AACF,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,gBAAgBI,EAAeI,CAAgB;AAAA,MAC/C,gBAAgBJ,EAAeO,CAAqB;AAAA,IAAA;AAAA,EAAA;AAG1D;"}
+{"version":3,"file":"PaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.tsx"],"sourcesContent":["import { PaymentsList } from '../PaymentsList/PaymentsList'\nimport { CreatePayment } from '../CreatePayment/CreatePayment'\nimport { PaymentHistory } from '../PaymentHistory/PaymentHistory'\nimport { PaymentStatement } from '../PaymentStatement/PaymentStatement'\nimport { PaymentSummary } from '../PaymentSummary'\nimport type { InternalAlert } from '../types'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface PaymentFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport interface PaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  breadcrumbs?: BreadcrumbTrail\n  currentPaymentId?: string\n  currentContractorUuid?: string\n  createdPaymentGroupId?: string\n  alerts?: InternalAlert[]\n}\n\nexport function PaymentListContextual() {\n  const { companyId, onEvent, alerts } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentsList onEvent={onEvent} companyId={ensureRequired(companyId)} alerts={alerts} />\n}\n\nexport function CreatePaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PaymentHistoryContextual() {\n  const { currentPaymentId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentHistory onEvent={onEvent} paymentId={ensureRequired(currentPaymentId)} />\n}\n\nexport function PaymentStatementContextual() {\n  const { currentPaymentId, currentContractorUuid, onEvent } =\n    useFlow<PaymentFlowContextInterface>()\n  return (\n    <PaymentStatement\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(currentPaymentId)}\n      contractorUuid={ensureRequired(currentContractorUuid)}\n    />\n  )\n}\n\nexport function PaymentSummaryContextual() {\n  const { createdPaymentGroupId, companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n\n  return (\n    <PaymentSummary\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(createdPaymentGroupId)}\n      companyId={ensureRequired(companyId)}\n    />\n  )\n}\n"],"names":["PaymentListContextual","companyId","onEvent","alerts","useFlow","PaymentsList","ensureRequired","CreatePaymentContextual","CreatePayment","PaymentHistoryContextual","currentPaymentId","PaymentHistory","PaymentStatementContextual","currentContractorUuid","jsx","PaymentStatement","PaymentSummaryContextual","createdPaymentGroupId","PaymentSummary"],"mappings":";;;;;;;;AAwBO,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AACvC,2BAAQC,GAAA,EAAa,SAAAH,GAAkB,WAAWI,EAAeL,CAAS,GAAG,QAAAE,GAAgB;AAC/F;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,WAAAN,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,2BAAQI,GAAA,EAAc,SAAAN,GAAkB,WAAWI,EAAeL,CAAS,GAAG;AAChF;AAEO,SAASQ,IAA2B;AACzC,QAAM,EAAE,kBAAAC,GAAkB,SAAAR,EAAA,IAAYE,EAAA;AACtC,2BAAQO,GAAA,EAAe,SAAAT,GAAkB,WAAWI,EAAeI,CAAgB,GAAG;AACxF;AAEO,SAASE,IAA6B;AAC3C,QAAM,EAAE,kBAAAF,GAAkB,uBAAAG,GAAuB,SAAAX,EAAA,IAC/CE,EAAA;AACF,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,gBAAgBI,EAAeI,CAAgB;AAAA,MAC/C,gBAAgBJ,EAAeO,CAAqB;AAAA,IAAA;AAAA,EAAA;AAG1D;AAEO,SAASG,IAA2B;AACzC,QAAM,EAAE,uBAAAC,GAAuB,WAAAhB,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAEtD,SACE,gBAAAU;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAhB;AAAA,MACA,gBAAgBI,EAAeW,CAAqB;AAAA,MACpD,WAAWX,EAAeL,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;"}

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.d.ts

@@ -3,6 +3,7 @@ export declare const paymentFlowBreadcrumbsNodes: BreadcrumbNodes;
 export declare const paymentMachine: {
     landing: import('robot3').MachineState<any>;
     createPayment: import('robot3').MachineState<any>;
+    paymentSummary: import('robot3').MachineState<any>;
     history: import('robot3').MachineState<any>;
     statement: import('robot3').MachineState<any>;
 };

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.js

@@ -1,21 +1,21 @@
-import { state as m, transition as n, reduce as r } from "robot3";
-import { getContractorDisplayName as y } from "../CreatePayment/helpers.js";
-import { PaymentStatementContextual as p, PaymentListContextual as c, CreatePaymentContextual as d, PaymentHistoryContextual as i } from "./PaymentFlowComponents.js";
-import { componentEvents as o } from "../../../../shared/constants.js";
-import { updateBreadcrumbs as a } from "../../../../helpers/breadcrumbHelpers.js";
+import { state as o, transition as r, reduce as n } from "robot3";
+import { getContractorDisplayName as c } from "../CreatePayment/helpers.js";
+import { PaymentStatementContextual as p, PaymentListContextual as y, PaymentSummaryContextual as l, CreatePaymentContextual as d, PaymentHistoryContextual as i } from "./PaymentFlowComponents.js";
+import { componentEvents as m } from "../../../../shared/constants.js";
+import { updateBreadcrumbs as t } from "../../../../helpers/breadcrumbHelpers.js";
 import { createBreadcrumbNavigateTransition as u } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const E = {
+const A = {
   landing: {
     parent: null,
     item: {
       id: "landing",
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.PaymentsList",
-      onNavigate: ((t) => ({
-        ...t,
+      onNavigate: ((e) => ({
+        ...e,
         currentBreadcrumb: "landing",
         progressBarType: null,
-        component: c
+        component: y
       }))
     }
   },
@@ -25,8 +25,19 @@ const E = {
       id: "createPayment",
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.CreatePayment",
-      onNavigate: ((t) => ({
-        ...a("createPayment", t)
+      onNavigate: ((e) => ({
+        ...t("createPayment", e)
+      }))
+    }
+  },
+  paymentSummary: {
+    parent: "landing",
+    item: {
+      id: "paymentSummary",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.PaymentSummary",
+      onNavigate: ((e) => ({
+        ...t("paymentSummary", e)
       }))
     }
   },
@@ -36,8 +47,8 @@ const E = {
       id: "history",
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.PaymentHistory",
-      onNavigate: ((t) => ({
-        ...a("history", t),
+      onNavigate: ((e) => ({
+        ...t("history", e),
         component: i
       }))
     }
@@ -50,85 +61,91 @@ const E = {
       namespace: "Contractor.Payments.PaymentStatement"
     }
   }
-}, s = u(), R = {
-  landing: m(
-    n(
-      o.CONTRACTOR_PAYMENT_CREATE,
+}, s = u(), E = {
+  landing: o(
+    r(
+      m.CONTRACTOR_PAYMENT_CREATE,
       "createPayment",
-      r(
-        (t, e) => ({
-          ...a("createPayment", t),
+      n(
+        (e, a) => ({
+          ...t("createPayment", e),
           component: d,
           progressBarType: "breadcrumbs",
           alerts: void 0
         })
       )
     ),
-    n(
-      o.CONTRACTOR_PAYMENT_VIEW,
+    r(
+      m.CONTRACTOR_PAYMENT_VIEW,
       "history",
-      r(
-        (t, e) => ({
-          ...a("history", t),
+      n(
+        (e, a) => ({
+          ...t("history", e),
           component: i,
-          currentPaymentId: e.payload.paymentId,
+          currentPaymentId: a.payload.paymentId,
           progressBarType: "breadcrumbs",
           alerts: void 0
         })
       )
     )
   ),
-  createPayment: m(
-    n(
-      o.CONTRACTOR_PAYMENT_CREATED,
+  createPayment: o(
+    r(
+      m.CONTRACTOR_PAYMENT_CREATED,
+      "paymentSummary",
+      n(
+        (e, a) => ({
+          ...t("paymentSummary", e),
+          component: l,
+          createdPaymentGroupId: a.payload.uuid,
+          progressBarType: "breadcrumbs",
+          alerts: void 0
+        })
+      )
+    ),
+    s("landing")
+  ),
+  paymentSummary: o(
+    r(
+      m.CONTRACTOR_PAYMENT_EXIT,
       "landing",
-      r(
-        (t, e) => {
-          const l = e.payload.contractorPayments?.length || 0;
-          return {
-            ...a("landing", t),
-            progressBarType: null,
-            component: c,
-            alerts: [
-              {
-                type: "success",
-                title: "paymentCreatedSuccessfully",
-                translationParams: {
-                  count: l
-                }
-              }
-            ]
-          };
-        }
+      n(
+        (e, a) => ({
+          ...t("landing", e),
+          progressBarType: null,
+          component: y,
+          createdPaymentGroupId: void 0,
+          alerts: void 0
+        })
       )
     ),
     s("landing")
   ),
-  history: m(
-    n(
-      o.CONTRACTOR_PAYMENT_VIEW_DETAILS,
+  history: o(
+    r(
+      m.CONTRACTOR_PAYMENT_VIEW_DETAILS,
       "statement",
-      r(
-        (t, e) => ({
-          ...a("statement", t, {
-            contractorName: y(e.payload.contractor)
+      n(
+        (e, a) => ({
+          ...t("statement", e, {
+            contractorName: c(a.payload.contractor)
           }),
           component: p,
-          currentContractorUuid: e.payload.contractor?.uuid,
-          currentPaymentId: e.payload.paymentGroupId,
+          currentContractorUuid: a.payload.contractor.uuid,
+          currentPaymentId: a.payload.paymentGroupId,
           progressBarType: "breadcrumbs",
           alerts: void 0
         })
       )
     ),
-    n(
-      o.CONTRACTOR_PAYMENT_CANCEL,
+    r(
+      m.CONTRACTOR_PAYMENT_CANCEL,
       "landing",
-      r(
-        (t, e) => ({
-          ...a("landing", t),
+      n(
+        (e, a) => ({
+          ...t("landing", e),
           progressBarType: null,
-          component: c,
+          component: y,
           alerts: [
             {
               type: "success",
@@ -140,13 +157,13 @@ const E = {
     ),
     s("landing")
   ),
-  statement: m(
+  statement: o(
     s("landing"),
     s("history")
   )
 };
 export {
-  E as paymentFlowBreadcrumbsNodes,
-  R as paymentMachine
+  A as paymentFlowBreadcrumbsNodes,
+  E as paymentMachine
 };
 //# sourceMappingURL=paymentStateMachine.js.map

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"paymentStateMachine.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/paymentStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { getContractorDisplayName } from '../CreatePayment/helpers'\nimport {\n  CreatePaymentContextual,\n  type PaymentFlowContextInterface,\n  PaymentHistoryContextual,\n  PaymentListContextual,\n  PaymentStatementContextual,\n} from './PaymentFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_CREATE]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_CREATED]: ContractorPaymentGroup\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS]: {\n    contractor?: Contractor\n    paymentGroupId: string\n  }\n  [componentEvents.CONTRACTOR_PAYMENT_CANCEL]: { paymentId: string }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PaymentFlowContextInterface) => PaymentFlowContextInterface\n  }\n}\n\nexport const paymentFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentsList',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumb: 'landing',\n        progressBarType: null,\n        component: PaymentListContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  createPayment: {\n    parent: 'landing',\n    item: {\n      id: 'createPayment',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.CreatePayment',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('createPayment', ctx),\n      })) as (context: unknown) => unknown,\n    },\n  },\n  history: {\n    parent: 'landing',\n    item: {\n      id: 'history',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentHistory',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('history', ctx),\n        component: PaymentHistoryContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  statement: {\n    parent: 'history',\n    item: {\n      id: 'statement',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentStatement',\n    },\n  },\n} as const\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PaymentFlowContextInterface>()\n\nexport const paymentMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATE,\n      'createPayment',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('createPayment', ctx),\n            component: CreatePaymentContextual,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW,\n      'history',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_VIEW>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('history', ctx),\n            component: PaymentHistoryContextual,\n            currentPaymentId: ev.payload.paymentId,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATED,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATED>,\n        ): PaymentFlowContextInterface => {\n          const contractorPaymentGroup = ev.payload\n          const contractorCount = contractorPaymentGroup.contractorPayments?.length || 0\n\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            progressBarType: null,\n            component: PaymentListContextual,\n            alerts: [\n              {\n                type: 'success',\n                title: 'paymentCreatedSuccessfully',\n                translationParams: {\n                  count: contractorCount,\n                },\n              },\n            ],\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS,\n      'statement',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS\n          >,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('statement', ctx, {\n              contractorName: getContractorDisplayName(ev.payload.contractor),\n            }),\n            component: PaymentStatementContextual,\n            currentContractorUuid: ev.payload.contractor?.uuid,\n            currentPaymentId: ev.payload.paymentGroupId,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CANCEL,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CANCEL>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            progressBarType: null,\n            component: PaymentListContextual,\n            alerts: [\n              {\n                type: 'success',\n                title: 'paymentCancelledSuccessfully',\n              },\n            ],\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  statement: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('history'),\n  ),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","PaymentListContextual","updateBreadcrumbs","PaymentHistoryContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","ev","CreatePaymentContextual","contractorCount","getContractorDisplayName","PaymentStatementContextual"],"mappings":"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"}
+{"version":3,"file":"paymentStateMachine.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/paymentStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { getContractorDisplayName } from '../CreatePayment/helpers'\nimport {\n  CreatePaymentContextual,\n  type PaymentFlowContextInterface,\n  PaymentHistoryContextual,\n  PaymentListContextual,\n  PaymentStatementContextual,\n  PaymentSummaryContextual,\n} from './PaymentFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_CREATE]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_CREATED]: ContractorPaymentGroup\n  [componentEvents.CONTRACTOR_PAYMENT_EXIT]: { uuid?: string | null }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS]: {\n    contractor: Contractor\n    paymentGroupId: string\n  }\n  [componentEvents.CONTRACTOR_PAYMENT_CANCEL]: { paymentId: string }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PaymentFlowContextInterface) => PaymentFlowContextInterface\n  }\n}\n\nexport const paymentFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentsList',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumb: 'landing',\n        progressBarType: null,\n        component: PaymentListContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  createPayment: {\n    parent: 'landing',\n    item: {\n      id: 'createPayment',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.CreatePayment',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('createPayment', ctx),\n      })) as (context: unknown) => unknown,\n    },\n  },\n  paymentSummary: {\n    parent: 'landing',\n    item: {\n      id: 'paymentSummary',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentSummary',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('paymentSummary', ctx),\n      })) as (context: unknown) => unknown,\n    },\n  },\n  history: {\n    parent: 'landing',\n    item: {\n      id: 'history',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentHistory',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('history', ctx),\n        component: PaymentHistoryContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  statement: {\n    parent: 'history',\n    item: {\n      id: 'statement',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentStatement',\n    },\n  },\n} as const\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PaymentFlowContextInterface>()\n\nexport const paymentMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATE,\n      'createPayment',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('createPayment', ctx),\n            component: CreatePaymentContextual,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW,\n      'history',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_VIEW>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('history', ctx),\n            component: PaymentHistoryContextual,\n            currentPaymentId: ev.payload.paymentId,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATED,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATED>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('paymentSummary', ctx),\n            component: PaymentSummaryContextual,\n            createdPaymentGroupId: ev.payload.uuid,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  paymentSummary: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_EXIT,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_EXIT>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            progressBarType: null,\n            component: PaymentListContextual,\n            createdPaymentGroupId: undefined,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS,\n      'statement',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS\n          >,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('statement', ctx, {\n              contractorName: getContractorDisplayName(ev.payload.contractor),\n            }),\n            component: PaymentStatementContextual,\n            currentContractorUuid: ev.payload.contractor.uuid,\n            currentPaymentId: ev.payload.paymentGroupId,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CANCEL,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CANCEL>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            progressBarType: null,\n            component: PaymentListContextual,\n            alerts: [\n              {\n                type: 'success',\n                title: 'paymentCancelledSuccessfully',\n              },\n            ],\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  statement: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('history'),\n  ),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","PaymentListContextual","updateBreadcrumbs","PaymentHistoryContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","ev","CreatePaymentContextual","PaymentSummaryContextual","getContractorDisplayName","PaymentStatementContextual"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.module.scss.js

@@ -1,22 +1,22 @@
-const c = "_receiptCard_1rpnl_1", e = "_receiptIcon_1rpnl_12", t = "_checkmarkIcon_1rpnl_23", n = "_totalAmount_1rpnl_29", r = "_receiptDetailsTable_1rpnl_34", o = "_disclaimer_1rpnl_58", a = "_companyInfo_1rpnl_63", s = "_address_1rpnl_67", _ = {
+const c = "_receiptCard_61okl_1", e = "_receiptIcon_61okl_12", o = "_checkmarkIcon_61okl_23", t = "_totalAmount_61okl_29", a = "_receiptDetailsTable_61okl_34", n = "_disclaimer_61okl_58", s = "_companyInfo_61okl_63", _ = "_address_61okl_67", l = {
   receiptCard: c,
   receiptIcon: e,
-  checkmarkIcon: t,
-  totalAmount: n,
-  receiptDetailsTable: r,
-  disclaimer: o,
-  companyInfo: a,
-  address: s
+  checkmarkIcon: o,
+  totalAmount: t,
+  receiptDetailsTable: a,
+  disclaimer: n,
+  companyInfo: s,
+  address: _
 };
 export {
-  s as address,
-  t as checkmarkIcon,
-  a as companyInfo,
-  _ as default,
-  o as disclaimer,
+  _ as address,
+  o as checkmarkIcon,
+  s as companyInfo,
+  l as default,
+  n as disclaimer,
   c as receiptCard,
-  r as receiptDetailsTable,
+  a as receiptDetailsTable,
   e as receiptIcon,
-  n as totalAmount
+  t as totalAmount
 };
 //# sourceMappingURL=PaymentStatementPresentation.module.scss.js.map

package/dist/components/Contractor/Payments/PaymentSummary/PaymentSummary.d.ts

@@ -0,0 +1,8 @@
+import { EventType } from '../../../../shared/constants';
+interface PaymentSummaryProps {
+    paymentGroupId: string;
+    companyId: string;
+    onEvent: (type: EventType, data?: unknown) => void;
+}
+export declare const PaymentSummary: ({ paymentGroupId, companyId, onEvent }: PaymentSummaryProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Contractor/Payments/PaymentSummary/PaymentSummary.js

@@ -0,0 +1,45 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useContractorPaymentGroupsGetSuspense as p } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGet";
+import { useContractorsListSuspense as f } from "@gusto/embedded-api/react-query/contractorsList";
+import { useBankAccountsGet as l } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { PaymentSummaryPresentation as y } from "./PaymentSummaryPresentation.js";
+import { useI18n as k } from "../../../../i18n/I18n.js";
+import { componentEvents as P } from "../../../../shared/constants.js";
+const b = (r = []) => {
+  const t = r.find((n) => n.status === "unresolved");
+  if (!t?.unblockOptions)
+    return;
+  const o = t.unblockOptions.find(
+    (n) => n.unblockType === "submit_wire"
+  );
+  if (o && "metadata" in o)
+    return o.metadata.wireInRequestUuid;
+}, T = ({ paymentGroupId: r, companyId: t, onEvent: o }) => {
+  k("Contractor.Payments.PaymentSummary");
+  const { data: n } = p({
+    contractorPaymentGroupUuid: r
+  }), e = n.contractorPaymentGroup, { data: a } = f({ companyUuid: t }), c = (a.contractorList || []).filter(
+    (s) => s.isActive && s.onboardingStatus === "onboarding_completed"
+  ), { data: i } = l({ companyId: t }), u = i?.companyBankAccounts?.[0];
+  if (!e)
+    return null;
+  const m = b(e.creditBlockers || []);
+  return /* @__PURE__ */ d(
+    y,
+    {
+      contractorPaymentGroup: e,
+      contractors: c,
+      bankAccount: u,
+      wireInRequestUuid: m,
+      onDone: () => {
+        o(P.CONTRACTOR_PAYMENT_EXIT);
+      },
+      onEvent: o,
+      companyId: t
+    }
+  );
+};
+export {
+  T as PaymentSummary
+};
+//# sourceMappingURL=PaymentSummary.js.map

package/dist/components/Contractor/Payments/PaymentSummary/PaymentSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummary.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport type { PayrollCreditBlockerType } from '@gusto/embedded-api/models/components/payrollcreditblockertype'\nimport { PaymentSummaryPresentation } from './PaymentSummaryPresentation'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\ninterface PaymentSummaryProps {\n  paymentGroupId: string\n  companyId: string\n  onEvent: (type: EventType, data?: unknown) => void\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockerType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    option => option.unblockType === 'submit_wire',\n  )\n\n  if (wireUnblockOption && 'metadata' in wireUnblockOption) {\n    return wireUnblockOption.metadata.wireInRequestUuid\n  }\n\n  return undefined\n}\n\nexport const PaymentSummary = ({ paymentGroupId, companyId, onEvent }: PaymentSummaryProps) => {\n  useI18n('Contractor.Payments.PaymentSummary')\n\n  // Fetch payment group details\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  // Fetch contractors and bank account\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractorList || []).filter(\n    contractor => contractor.isActive && contractor.onboardingStatus === 'onboarding_completed',\n  )\n\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const wireInRequestUuid = findWireInRequestUuid(contractorPaymentGroup.creditBlockers || [])\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EXIT)\n  }\n\n  return (\n    <PaymentSummaryPresentation\n      contractorPaymentGroup={contractorPaymentGroup}\n      contractors={contractors}\n      bankAccount={bankAccount}\n      wireInRequestUuid={wireInRequestUuid}\n      onDone={handleDone}\n      onEvent={onEvent}\n      companyId={companyId}\n    />\n  )\n}\n"],"names":["findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","blocker","wireUnblockOption","option","PaymentSummary","paymentGroupId","companyId","onEvent","useI18n","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","bankAccounts","useBankAccountsGet","bankAccount","wireInRequestUuid","jsx","PaymentSummaryPresentation","componentEvents"],"mappings":";;;;;;;AAcA,MAAMA,IAAwB,CAC5BC,IAA6C,OACtB;AACvB,QAAMC,IAA0BD,EAAe,KAAK,CAAAE,MAAWA,EAAQ,WAAW,YAAY;AAE9F,MAAI,CAACD,GAAyB;AAC5B;AAGF,QAAME,IAAoBF,EAAwB,eAAe;AAAA,IAC/D,CAAAG,MAAUA,EAAO,gBAAgB;AAAA,EAAA;AAGnC,MAAID,KAAqB,cAAcA;AACrC,WAAOA,EAAkB,SAAS;AAItC,GAEaE,IAAiB,CAAC,EAAE,gBAAAC,GAAgB,WAAAC,GAAW,SAAAC,QAAmC;AAC7F,EAAAC,EAAQ,oCAAoC;AAG5C,QAAM,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BL;AAAA,EAAA,CAC7B,GACKM,IAAyBF,EAAiB,wBAG1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaP,GAAW,GAChFQ,KAAeF,EAAe,kBAAkB,CAAA,GAAI;AAAA,IACxD,CAAAG,MAAcA,EAAW,YAAYA,EAAW,qBAAqB;AAAA,EAAA,GAGjE,EAAE,MAAMC,EAAA,IAAiBC,EAAmB,EAAE,WAAAX,GAAW,GACzDY,IAAcF,GAAc,sBAAsB,CAAC;AAEzD,MAAI,CAACL;AACH,WAAO;AAGT,QAAMQ,IAAoBrB,EAAsBa,EAAuB,kBAAkB,CAAA,CAAE;AAM3F,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,wBAAAV;AAAA,MACA,aAAAG;AAAA,MACA,aAAAI;AAAA,MACA,mBAAAC;AAAA,MACA,QAVe,MAAM;AACvB,QAAAZ,EAAQe,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MASI,SAAAf;AAAA,MACA,WAAAD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.d.ts

@@ -0,0 +1,15 @@
+import { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup';
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount';
+import { EventType } from '../../../../shared/constants';
+interface PaymentSummaryPresentationProps {
+    contractorPaymentGroup: ContractorPaymentGroup;
+    contractors: Contractor[];
+    bankAccount?: CompanyBankAccount;
+    companyId: string;
+    wireInRequestUuid?: string;
+    onEvent: (type: EventType, data?: unknown) => void;
+    onDone: () => void;
+}
+export declare const PaymentSummaryPresentation: ({ contractorPaymentGroup, contractors, bankAccount, companyId, wireInRequestUuid, onEvent, onDone, }: PaymentSummaryPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.js

@@ -0,0 +1,127 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useTranslation as N } from "react-i18next";
+import { useMemo as T } from "react";
+import { getContractorDisplayName as C } from "../CreatePayment/helpers.js";
+import { Flex as s } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as M } from "../../../../i18n/I18n.js";
+import { formatHoursDisplay as S } from "../../../Payroll/helpers.js";
+import v from "../../../../hooks/useNumberFormatter.js";
+import { ConfirmWireDetails as H } from "../../../Payroll/ConfirmWireDetails/ConfirmWireDetails.js";
+import { DataView as h } from "../../../Common/DataView/DataView.js";
+const k = "0.000", Y = ({
+  contractorPaymentGroup: o,
+  contractors: b,
+  bankAccount: c,
+  companyId: p,
+  wireInRequestUuid: d,
+  onEvent: y,
+  onDone: A
+}) => {
+  const { Button: g, Text: n, Heading: f, Alert: w } = x();
+  M("Contractor.Payments.PaymentSummary");
+  const { t } = N("Contractor.Payments.PaymentSummary"), m = v(), D = (e) => e.wageType === "Hourly" && e.hourlyRate ? `Hourly ${m(Number(e.hourlyRate))}/hr` : e.wageType, i = o.contractorPayments || [], u = T(() => i.length === 0 ? { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 } : i.reduce(
+    (e, l) => (e.wageAmount += Number(l.wage || "0"), e.bonusAmount += Number(l.bonus || "0"), e.reimbursementAmount += Number(l.reimbursement || "0"), e.totalAmount += Number(l.wageTotal || "0"), e),
+    { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }
+  ), [i]);
+  return /* @__PURE__ */ a(s, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ r(w, { status: "success", label: t("successTitle"), children: /* @__PURE__ */ r(n, { children: t("successMessage", {
+      count: i.length
+    }) }) }),
+    d && /* @__PURE__ */ r(H, { companyId: p, wireInId: d, onEvent: y }),
+    /* @__PURE__ */ a(s, { justifyContent: "space-between", alignItems: "flex-start", children: [
+      /* @__PURE__ */ a(s, { flexDirection: "column", gap: 2, children: [
+        /* @__PURE__ */ r(f, { as: "h2", children: t("summaryTitle") }),
+        /* @__PURE__ */ r(n, { variant: "supporting", children: t("summarySubtitle", { debitDate: o.debitDate }) })
+      ] }),
+      /* @__PURE__ */ r(g, { onClick: A, variant: "primary", children: t("doneCta") })
+    ] }),
+    /* @__PURE__ */ r(
+      h,
+      {
+        columns: [
+          {
+            title: t("totalAmount"),
+            render: () => /* @__PURE__ */ r(n, { children: m(Number(o.totals?.amount || "0")) })
+          },
+          {
+            title: t("debitAmount"),
+            render: () => /* @__PURE__ */ r(n, { children: m(Number(o.totals?.debitAmount || "0")) })
+          },
+          {
+            title: t("debitAccount"),
+            render: () => /* @__PURE__ */ r(n, { children: c?.hiddenAccountNumber ?? t("notAvailable") })
+          },
+          {
+            title: t("debitDate"),
+            render: () => /* @__PURE__ */ r(n, { children: o.debitDate || t("notAvailable") })
+          },
+          {
+            title: t("contractorPayDate"),
+            render: () => /* @__PURE__ */ r(n, { children: o.checkDate || t("notAvailable") })
+          }
+        ],
+        data: [o],
+        label: t("paymentSummaryTitle")
+      }
+    ),
+    i.length > 0 && /* @__PURE__ */ r(
+      h,
+      {
+        columns: [
+          {
+            title: t("contractor"),
+            render: (e) => /* @__PURE__ */ r(n, { children: C(
+              b.find(
+                (l) => l.uuid === e.contractorUuid
+              )
+            ) })
+          },
+          {
+            title: t("wageType"),
+            render: (e) => /* @__PURE__ */ r(n, { children: D(e) })
+          },
+          {
+            title: t("paymentMethod"),
+            render: (e) => /* @__PURE__ */ r(n, { children: e.paymentMethod === "Direct Deposit" ? t("paymentMethods.directDeposit") : e.paymentMethod === "Check" ? t("paymentMethods.check") : e.paymentMethod || t("notAvailable") })
+          },
+          {
+            title: t("hours"),
+            render: (e) => /* @__PURE__ */ r(n, { children: e.wageType === "Hourly" && e.hours ? S(parseFloat(e.hours)) : k })
+          },
+          {
+            title: t("wage"),
+            render: (e) => /* @__PURE__ */ r(n, { children: m(Number(e.wage || "0")) })
+          },
+          {
+            title: t("bonus"),
+            render: (e) => /* @__PURE__ */ r(n, { children: m(Number(e.bonus || "0")) })
+          },
+          {
+            title: t("reimbursement"),
+            render: (e) => /* @__PURE__ */ r(n, { children: m(Number(e.reimbursement || "0")) })
+          },
+          {
+            title: t("total"),
+            render: (e) => /* @__PURE__ */ r(n, { children: m(Number(e.wageTotal || "0")) })
+          }
+        ],
+        data: i,
+        footer: () => ({
+          "column-0": /* @__PURE__ */ r(n, { weight: "bold", children: t("totalsLabel") }),
+          "column-4": /* @__PURE__ */ r(n, { children: m(u.wageAmount || 0) }),
+          "column-5": /* @__PURE__ */ r(n, { children: m(u.bonusAmount || 0) }),
+          "column-6": /* @__PURE__ */ r(n, { children: m(u.reimbursementAmount || 0) }),
+          "column-7": /* @__PURE__ */ r(n, { children: m(u.totalAmount || 0) })
+        }),
+        label: t("contractorPaymentsTitle")
+      }
+    )
+  ] });
+};
+export {
+  Y as PaymentSummaryPresentation
+};
+//# sourceMappingURL=PaymentSummaryPresentation.js.map