@gusto/embedded-react-sdk 0.54.0 → 0.54.1-rc.1

package/dist/components/Contractor/Payments/HistoricalPaymentSummary/index.d.ts

@@ -0,0 +1 @@
+export { HistoricalPaymentSummary, type HistoricalPaymentSummaryProps, } from './HistoricalPaymentSummary';

package/dist/components/Contractor/Payments/HistoricalPaymentSummary/useFormDictionary.d.ts

@@ -0,0 +1,9 @@
+import { PaymentSummaryBlockDictionary } from '../shared/PaymentSummaryBlock';
+/**
+ * Resolves `PaymentSummaryBlock`'s text against `HistoricalPaymentSummary`'s own
+ * `Contractor.Payments.HistoricalPaymentSummary` namespace, so partner overrides on that
+ * namespace flow into the shared block.
+ *
+ * @internal
+ */
+export declare function useHistoricalPaymentSummaryDictionary(): PaymentSummaryBlockDictionary;

package/dist/components/Contractor/Payments/HistoricalPaymentSummary/useFormDictionary.js

@@ -0,0 +1,33 @@
+import { useMemo as e } from "react";
+import { useTranslation as a } from "react-i18next";
+function n() {
+  const { t } = a("Contractor.Payments.HistoricalPaymentSummary");
+  return e(
+    () => ({
+      paymentSummaryTitle: t("paymentSummaryTitle"),
+      totalAmount: t("totalAmount"),
+      contractorPayDate: t("contractorPayDate"),
+      contractorPaymentsTitle: t("contractorPaymentsTitle"),
+      contractor: t("contractor"),
+      wageType: t("wageType"),
+      paymentMethod: t("paymentMethod"),
+      paymentMethods: {
+        directDeposit: t("paymentMethods.directDeposit"),
+        check: t("paymentMethods.check"),
+        historicalPayment: t("paymentMethods.historicalPayment")
+      },
+      hours: t("hours"),
+      wage: t("wage"),
+      bonus: t("bonus"),
+      reimbursement: t("reimbursement"),
+      total: t("total"),
+      totalsLabel: t("totalsLabel"),
+      notAvailable: t("notAvailable")
+    }),
+    [t]
+  );
+}
+export {
+  n as useHistoricalPaymentSummaryDictionary
+};
+//# sourceMappingURL=useFormDictionary.js.map

package/dist/components/Contractor/Payments/HistoricalPaymentSummary/useFormDictionary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDictionary.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentSummary/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PaymentSummaryBlockDictionary } from '../shared/PaymentSummaryBlock'\n\n/**\n * Resolves `PaymentSummaryBlock`'s text against `HistoricalPaymentSummary`'s own\n * `Contractor.Payments.HistoricalPaymentSummary` namespace, so partner overrides on that\n * namespace flow into the shared block.\n *\n * @internal\n */\nexport function useHistoricalPaymentSummaryDictionary(): PaymentSummaryBlockDictionary {\n  const { t } = useTranslation('Contractor.Payments.HistoricalPaymentSummary')\n\n  return useMemo<PaymentSummaryBlockDictionary>(\n    () => ({\n      paymentSummaryTitle: t('paymentSummaryTitle'),\n      totalAmount: t('totalAmount'),\n      contractorPayDate: t('contractorPayDate'),\n      contractorPaymentsTitle: t('contractorPaymentsTitle'),\n      contractor: t('contractor'),\n      wageType: t('wageType'),\n      paymentMethod: t('paymentMethod'),\n      paymentMethods: {\n        directDeposit: t('paymentMethods.directDeposit'),\n        check: t('paymentMethods.check'),\n        historicalPayment: t('paymentMethods.historicalPayment'),\n      },\n      hours: t('hours'),\n      wage: t('wage'),\n      bonus: t('bonus'),\n      reimbursement: t('reimbursement'),\n      total: t('total'),\n      totalsLabel: t('totalsLabel'),\n      notAvailable: t('notAvailable'),\n    }),\n    [t],\n  )\n}\n"],"names":["useHistoricalPaymentSummaryDictionary","useTranslation","useMemo"],"mappings":";;AAWO,SAASA,IAAuE;AACrF,QAAM,EAAE,EAAA,IAAMC,EAAe,8CAA8C;AAE3E,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,qBAAqB,EAAE,qBAAqB;AAAA,MAC5C,aAAa,EAAE,aAAa;AAAA,MAC5B,mBAAmB,EAAE,mBAAmB;AAAA,MACxC,yBAAyB,EAAE,yBAAyB;AAAA,MACpD,YAAY,EAAE,YAAY;AAAA,MAC1B,UAAU,EAAE,UAAU;AAAA,MACtB,eAAe,EAAE,eAAe;AAAA,MAChC,gBAAgB;AAAA,QACd,eAAe,EAAE,8BAA8B;AAAA,QAC/C,OAAO,EAAE,sBAAsB;AAAA,QAC/B,mBAAmB,EAAE,kCAAkC;AAAA,MAAA;AAAA,MAEzD,OAAO,EAAE,OAAO;AAAA,MAChB,MAAM,EAAE,MAAM;AAAA,MACd,OAAO,EAAE,OAAO;AAAA,MAChB,eAAe,EAAE,eAAe;AAAA,MAChC,OAAO,EAAE,OAAO;AAAA,MAChB,aAAa,EAAE,aAAa;AAAA,MAC5B,cAAc,EAAE,cAAc;AAAA,IAAA;AAAA,IAEhC,CAAC,CAAC;AAAA,EAAA;AAEN;"}

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

@@ -1,19 +1,19 @@
 import { jsx as t } from "react/jsx-runtime";
-import { createMachine as a } from "robot3";
-import { useMemo as n } from "react";
-import { paymentMachine as i, paymentFlowBreadcrumbsNodes as p } from "./paymentStateMachine.js";
-import { PaymentListContextual as c } from "./PaymentFlowComponents.js";
+import { useMemo as a } from "react";
+import { paymentMachine as n, paymentFlowBreadcrumbsNodes as i } from "./paymentStateMachine.js";
+import { PaymentListContextual as p } from "./PaymentFlowComponents.js";
+import { createMachine as c } from "../../../../lib/state-machine/core.js";
 import { Flow as s } from "../../../Flow/Flow.js";
 import { buildBreadcrumbs as u } from "../../../../helpers/breadcrumbHelpers.js";
 const F = ({ companyId: r, onEvent: m }) => {
-  const o = n(
-    () => a("landing", i, (e) => ({
+  const o = a(
+    () => c("landing", n, (e) => ({
       ...e,
-      component: c,
+      component: p,
       companyId: r,
       header: {
         type: "breadcrumbs",
-        breadcrumbs: u(p)
+        breadcrumbs: u(i)
       }
     })),
     [r]

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { paymentFlowBreadcrumbsNodes, paymentMachine } from './paymentStateMachine'\nimport {\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  type PaymentFlowProps,\n} from './PaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Hub for creating and managing contractor payments for a company.\n *\n * @remarks\n * Composes the contractor payment blocks into a complete experience with breadcrumb navigation between the payments list, the create-payment form, the post-creation summary, the payment-history detail view, and individual contractor payment statements. Also routes into the information-requests flow when a payment-related request needs a response, and surfaces wire-transfer confirmation alerts after a wire details submission.\n *\n * Events emitted by the blocks bubble up through the single `onEvent` handler.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/create` | Fired when the user chooses to create a new payment | — |\n * | `contractor/payments/created` | Fired when a payment group is successfully created | The created `ContractorPaymentGroup` |\n * | `contractor/payments/view` | Fired when the user selects a payment group to view | `{ paymentId: string }` |\n * | `contractor/payments/view/details` | Fired when the user views a specific contractor payment | `{ contractor: Contractor, paymentGroupId: string }` |\n * | `contractor/payments/cancel` | Fired when a payment is cancelled | `{ paymentId: string }` |\n * | `contractor/payments/exit` | Fired when the user completes the payment flow | `{ uuid?: string | null }` |\n * | `contractor/payments/rfi/respond` | Fired when the user clicks to respond to a pending information request | — |\n * | `payroll/wire/form/done` | Fired when wire transfer details are submitted | `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` |\n * | `informationRequest/form/done` | Fired when the information-requests flow completes | — |\n * | `informationRequest/form/cancel` | Fired when the information-requests flow is cancelled | — |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link PaymentsList}\n * - {@link CreatePayment}\n * - {@link PaymentSummary}\n * - {@link PaymentHistory}\n * - {@link PaymentStatement}\n * - {@link InformationRequests.InformationRequestsFlow | InformationRequestsFlow}\n *\n * @param props - See {@link PaymentFlowProps}.\n * @returns The multi-step contractor payments workflow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.PaymentFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const PaymentFlow = ({ companyId, onEvent }: PaymentFlowProps) => {\n  const paymentFlow = useMemo(\n    () =>\n      createMachine('landing', paymentMachine, (initialContext: PaymentFlowContextInterface) => ({\n        ...initialContext,\n        component: PaymentListContextual,\n        companyId,\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs: buildBreadcrumbs(paymentFlowBreadcrumbsNodes),\n        },\n      })),\n    [companyId],\n  )\n  return <Flow machine={paymentFlow} onEvent={onEvent} />\n}\n"],"names":["PaymentFlow","companyId","onEvent","paymentFlow","useMemo","createMachine","paymentMachine","initialContext","PaymentListContextual","buildBreadcrumbs","paymentFlowBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AA4DO,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,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAaQ,EAAiBC,CAA2B;AAAA,MAAA;AAAA,IAC3D,EACA;AAAA,IACJ,CAACT,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}
+{"version":3,"file":"PaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { paymentFlowBreadcrumbsNodes, paymentMachine } from './paymentStateMachine'\nimport {\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  type PaymentFlowProps,\n} from './PaymentFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Hub for creating and managing contractor payments for a company.\n *\n * @remarks\n * Composes the contractor payment blocks into a complete experience with breadcrumb navigation between the payments list, the create-payment form, the post-creation summary, the payment-history detail view, and individual contractor payment statements. Also routes into the information-requests flow when a payment-related request needs a response, and surfaces wire-transfer confirmation alerts after a wire details submission.\n *\n * Events emitted by the blocks bubble up through the single `onEvent` handler.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/create` | Fired when the user chooses to create a new payment | — |\n * | `contractor/payments/created` | Fired when a payment group is successfully created | The created `ContractorPaymentGroup` |\n * | `contractor/payments/view` | Fired when the user selects a payment group to view | `{ paymentId: string }` |\n * | `contractor/payments/view/details` | Fired when the user views a specific contractor payment | `{ contractor: Contractor, paymentGroupId: string }` |\n * | `contractor/payments/cancel` | Fired when a payment is cancelled | `{ paymentId: string }` |\n * | `contractor/payments/exit` | Fired when the user completes the payment flow | `{ uuid?: string | null }` |\n * | `contractor/payments/rfi/respond` | Fired when the user clicks to respond to a pending information request | — |\n * | `payroll/wire/form/done` | Fired when wire transfer details are submitted | `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` |\n * | `informationRequest/form/done` | Fired when the information-requests flow completes | — |\n * | `informationRequest/form/cancel` | Fired when the information-requests flow is cancelled | — |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link PaymentsList}\n * - {@link CreatePayment}\n * - {@link PaymentSummary}\n * - {@link PaymentHistory}\n * - {@link PaymentStatement}\n * - {@link InformationRequests.InformationRequestsFlow | InformationRequestsFlow}\n *\n * @param props - See {@link PaymentFlowProps}.\n * @returns The multi-step contractor payments workflow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.PaymentFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const PaymentFlow = ({ companyId, onEvent }: PaymentFlowProps) => {\n  const paymentFlow = useMemo(\n    () =>\n      createMachine('landing', paymentMachine, (initialContext: PaymentFlowContextInterface) => ({\n        ...initialContext,\n        component: PaymentListContextual,\n        companyId,\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs: buildBreadcrumbs(paymentFlowBreadcrumbsNodes),\n        },\n      })),\n    [companyId],\n  )\n  return <Flow machine={paymentFlow} onEvent={onEvent} />\n}\n"],"names":["PaymentFlow","companyId","onEvent","paymentFlow","useMemo","createMachine","paymentMachine","initialContext","PaymentListContextual","buildBreadcrumbs","paymentFlowBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AA4DO,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,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAaQ,EAAiBC,CAA2B;AAAA,MAAA;AAAA,IAC3D,EACA;AAAA,IACJ,CAACT,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}

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

@@ -23,8 +23,8 @@ export declare const paymentFlowBreadcrumbsNodes: BreadcrumbNodes;
  * @internal
  */
 export declare const paymentMachine: {
-    landing: import('robot3').MachineState<any>;
-    createPayment: import('robot3').MachineState<any>;
-    history: import('robot3').MachineState<any>;
-    informationRequests: import('robot3').MachineState<any>;
+    landing: import('../../../../lib/state-machine').StateDefinition;
+    createPayment: import('../../../../lib/state-machine').StateDefinition;
+    history: import('../../../../lib/state-machine').StateDefinition;
+    informationRequests: import('../../../../lib/state-machine').StateDefinition;
 };

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

@@ -1,9 +1,10 @@
-import { state as i, transition as t, reduce as n } from "robot3";
-import { PaymentListContextual as o, CreatePaymentFlowContextual as s, ViewPaymentFlowContextual as u, InformationRequestsContextual as l } from "./PaymentFlowComponents.js";
-import { informationRequestEvents as c, componentEvents as a, payrollWireEvents as p } from "../../../../shared/constants.js";
+import { PaymentListContextual as o, InformationRequestsContextual as s, ViewPaymentFlowContextual as u, CreatePaymentFlowContextual as l } from "./PaymentFlowComponents.js";
+import "react";
+import { state as i, transition as t, reduce as n } from "../../../../lib/state-machine/core.js";
+import { componentEvents as a, informationRequestEvents as c, payrollWireEvents as p } from "../../../../shared/constants.js";
 import { patchBreadcrumbsHeader as r } from "../../../../helpers/breadcrumbHelpers.js";
 import { createBreadcrumbNavigateTransition as R } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const y = {
+const _ = {
   landing: {
     parent: null,
     item: {
@@ -16,14 +17,14 @@ const y = {
       }))
     }
   }
-}, d = R(), _ = {
+}, d = R(), A = {
   landing: i(
     t(
       a.CONTRACTOR_PAYMENT_CREATE,
       "createPayment",
       n((e) => ({
         ...e,
-        component: s,
+        component: l,
         alerts: void 0
       }))
     ),
@@ -44,7 +45,7 @@ const y = {
       "informationRequests",
       n((e) => ({
         ...r(e, { currentBreadcrumbId: void 0 }),
-        component: l
+        component: s
       }))
     ),
     t(
@@ -113,7 +114,7 @@ const y = {
   )
 };
 export {
-  y as paymentFlowBreadcrumbsNodes,
-  _ as paymentMachine
+  _ as paymentFlowBreadcrumbsNodes,
+  A 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 { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport {\n  CreatePaymentFlowContextual,\n  InformationRequestsContextual,\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  ViewPaymentFlowContextual,\n} from './PaymentFlowComponents'\nimport { componentEvents, informationRequestEvents, payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { patchBreadcrumbsHeader } 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_EXIT]: { uuid?: string | null }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_CANCEL]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND]: undefined\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PaymentFlowContextInterface) => PaymentFlowContextInterface\n  }\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_DONE]: undefined\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    wireInRequest: WireInRequest\n    confirmationAlert: {\n      title: string\n      content?: string\n    }\n  }\n}\n\n/**\n * Hub-level breadcrumb nodes for {@link PaymentFlow}.\n *\n * @remarks\n * Only `landing` is defined here — the `createPayment` and `history` spokes own and render their\n * own breadcrumb trails (via `CreatePaymentFlow`/`ViewPaymentFlow`), prefixed with this `landing`\n * item so the trail reads continuously across the hub/spoke boundary.\n *\n * @internal\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        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: PaymentListContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PaymentFlowContextInterface>()\n\n/**\n * Hub machine for {@link PaymentFlow}.\n *\n * @remarks\n * `createPayment` and `history` each stay active for the full lifetime of their respective spoke\n * (`CreatePaymentFlow`, `ViewPaymentFlow`) rather than tracking the spoke's internal screen. The\n * spoke's own machine drives its internal steps and breadcrumb trail; events it can't handle\n * locally (e.g. the `landing` breadcrumb, or a terminal exit/cancel event) bubble up here to\n * transition the hub back to `landing`.\n *\n * @internal\n */\nexport const paymentMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATE,\n      'createPayment',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...ctx,\n          component: CreatePaymentFlowContextual,\n          alerts: undefined,\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            ...ctx,\n            component: ViewPaymentFlowContextual,\n            currentPaymentId: ev.payload.paymentId,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND,\n      'informationRequests',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: InformationRequestsContextual,\n        }\n      }),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            alerts: [\n              {\n                type: 'success',\n                title: 'wireDetailsSubmitted',\n                content: ev.payload.confirmationAlert.content,\n              },\n            ],\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_EXIT,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CANCEL,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n          alerts: [\n            {\n              type: 'success',\n              title: 'paymentCancelledSuccessfully',\n            },\n          ],\n        }\n      }),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  informationRequests: state<MachineTransition>(\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_DONE,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n        }\n      }),\n    ),\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n        }\n      }),\n    ),\n  ),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","PaymentListContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","CreatePaymentFlowContextual","ev","ViewPaymentFlowContextual","InformationRequestsContextual","payrollWireEvents","informationRequestEvents"],"mappings":";;;;;AA8CO,MAAMA,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAsC;AAAA,QAClD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEMC,IACJC,EAAA,GAcWC,IAAiB;AAAA,EAC5B,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,IAEHH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACET,GACAW,OAEO;AAAA,UACL,GAAGX;AAAA,UACH,WAAWY;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,UAC7B,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWa;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,IAEHN;AAAA,MACEO,EAAkB;AAAA,MAClB;AAAA,MACAL;AAAA,QACE,CACET,GACAW,OAEO;AAAA,UACL,GAAGX;AAAA,UACH,QAAQ;AAAA,YACN;AAAA,cACE,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAASW,EAAG,QAAQ,kBAAkB;AAAA,YAAA;AAAA,UACxC;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EAEF,eAAeL;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,IAEHC,EAA6B,SAAS;AAAA,EAAA;AAAA,EAExC,SAASG;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,QACX,QAAQ;AAAA,UACN;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF,EAEH;AAAA,IAAA;AAAA,IAEHC,EAA6B,SAAS;AAAA,EAAA;AAAA,EAExC,qBAAqBG;AAAA,IACnBC;AAAA,MACEQ,EAAyB;AAAA,MACzB;AAAA,MACAN,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,IAEHK;AAAA,MACEQ,EAAyB;AAAA,MACzB;AAAA,MACAN,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"paymentStateMachine.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/paymentStateMachine.ts"],"sourcesContent":["import type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport {\n  CreatePaymentFlowContextual,\n  InformationRequestsContextual,\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  ViewPaymentFlowContextual,\n} from './PaymentFlowComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents, informationRequestEvents, payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { patchBreadcrumbsHeader } 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_EXIT]: { uuid?: string | null }\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_CANCEL]: { paymentId: string }\n  [componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND]: undefined\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PaymentFlowContextInterface) => PaymentFlowContextInterface\n  }\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_DONE]: undefined\n  [informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    wireInRequest: WireInRequest\n    confirmationAlert: {\n      title: string\n      content?: string\n    }\n  }\n}\n\n/**\n * Hub-level breadcrumb nodes for {@link PaymentFlow}.\n *\n * @remarks\n * Only `landing` is defined here — the `createPayment` and `history` spokes own and render their\n * own breadcrumb trails (via `CreatePaymentFlow`/`ViewPaymentFlow`), prefixed with this `landing`\n * item so the trail reads continuously across the hub/spoke boundary.\n *\n * @internal\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        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: PaymentListContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PaymentFlowContextInterface>()\n\n/**\n * Hub machine for {@link PaymentFlow}.\n *\n * @remarks\n * `createPayment` and `history` each stay active for the full lifetime of their respective spoke\n * (`CreatePaymentFlow`, `ViewPaymentFlow`) rather than tracking the spoke's internal screen. The\n * spoke's own machine drives its internal steps and breadcrumb trail; events it can't handle\n * locally (e.g. the `landing` breadcrumb, or a terminal exit/cancel event) bubble up here to\n * transition the hub back to `landing`.\n *\n * @internal\n */\nexport const paymentMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATE,\n      'createPayment',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...ctx,\n          component: CreatePaymentFlowContextual,\n          alerts: undefined,\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            ...ctx,\n            component: ViewPaymentFlowContextual,\n            currentPaymentId: ev.payload.paymentId,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND,\n      'informationRequests',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: InformationRequestsContextual,\n        }\n      }),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...ctx,\n            alerts: [\n              {\n                type: 'success',\n                title: 'wireDetailsSubmitted',\n                content: ev.payload.confirmationAlert.content,\n              },\n            ],\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_EXIT,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n          alerts: undefined,\n        }\n      }),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CANCEL,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n          alerts: [\n            {\n              type: 'success',\n              title: 'paymentCancelledSuccessfully',\n            },\n          ],\n        }\n      }),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  informationRequests: state<MachineTransition>(\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_DONE,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n        }\n      }),\n    ),\n    transition(\n      informationRequestEvents.INFORMATION_REQUEST_FORM_CANCEL,\n      'landing',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: PaymentListContextual,\n        }\n      }),\n    ),\n  ),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","PaymentListContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","CreatePaymentFlowContextual","ev","ViewPaymentFlowContextual","InformationRequestsContextual","payrollWireEvents","informationRequestEvents"],"mappings":";;;;;;AA8CO,MAAMA,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAsC;AAAA,QAClD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEMC,IACJC,EAAA,GAcWC,IAAiB;AAAA,EAC5B,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGA;AAAA,QACH,WAAWU;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,IAEHH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACET,GACAW,OAEO;AAAA,UACL,GAAGX;AAAA,UACH,WAAWY;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,UAC7B,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWa;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,IAEHN;AAAA,MACEO,EAAkB;AAAA,MAClB;AAAA,MACAL;AAAA,QACE,CACET,GACAW,OAEO;AAAA,UACL,GAAGX;AAAA,UACH,QAAQ;AAAA,YACN;AAAA,cACE,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAASW,EAAG,QAAQ,kBAAkB;AAAA,YAAA;AAAA,UACxC;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EAEF,eAAeL;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,IAEHC,EAA6B,SAAS;AAAA,EAAA;AAAA,EAExC,SAASG;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,QACX,QAAQ;AAAA,UACN;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF,EAEH;AAAA,IAAA;AAAA,IAEHC,EAA6B,SAAS;AAAA,EAAA;AAAA,EAExC,qBAAqBG;AAAA,IACnBC;AAAA,MACEQ,EAAyB;AAAA,MACzB;AAAA,MACAN,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,IAEHK;AAAA,MACEQ,EAAyB;AAAA,MACzB;AAAA,MACAN,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentSummaryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components/contractorpaymentforgroup'\nimport { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PaymentSummaryPresentationProps {\n  contractorPaymentGroup: ContractorPaymentGroup\n  contractors: Contractor[]\n  bankAccount?: CompanyBankAccount\n  companyId: string\n  wireInRequestUuid?: string\n  onEvent: (type: EventType, data?: unknown) => void\n  onDone: () => void\n  alerts?: InternalAlert[]\n}\n\n/** @internal */\nexport const PaymentSummaryPresentation = ({\n  contractorPaymentGroup,\n  contractors,\n  bankAccount,\n  companyId,\n  wireInRequestUuid,\n  onEvent,\n  onDone,\n  alerts = [],\n}: PaymentSummaryPresentationProps) => {\n  const { Button, Text, Heading, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentSummary')\n  const { t } = useTranslation('Contractor.Payments.PaymentSummary')\n  const currencyFormatter = useNumberFormatter()\n\n  const formatWageType = (contractor: ContractorPaymentForGroup) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `Hourly ${currencyFormatter(Number(contractor.hourlyRate))}/hr`\n    }\n    return contractor.wageType\n  }\n\n  const contractorPayments = contractorPaymentGroup.contractorPayments || []\n\n  const totals = useMemo(() => {\n    if (contractorPayments.length === 0) {\n      return { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }\n    }\n    return contractorPayments.reduce(\n      (acc, contractor) => {\n        acc.wageAmount += Number(contractor.wage || '0')\n        acc.bonusAmount += Number(contractor.bonus || '0')\n        acc.reimbursementAmount += Number(contractor.reimbursement || '0')\n        acc.totalAmount += Number(contractor.wageTotal || '0')\n        return acc\n      },\n      { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n    )\n  }, [contractorPayments])\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              {typeof alert.content === 'string'\n                ? t(`alerts.${alert.content}` as never)\n                : (alert.content ?? null)}\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPayments.length,\n          })}\n        </Text>\n      </Alert>\n\n      {wireInRequestUuid && (\n        <ConfirmWireDetails companyId={companyId} wireInId={wireInRequestUuid} onEvent={onEvent} />\n      )}\n\n      <Flex justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('summaryTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('summarySubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n          </Text>\n        </Flex>\n        <Button onClick={onDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      {/* Payment Summary Table */}\n      <Flex flexDirection=\"column\" gap={32}>\n        <DataView\n          columns={[\n            {\n              title: t('totalAmount'),\n              render: () => currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0')),\n            },\n            {\n              title: t('debitAmount'),\n              render: () =>\n                currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0')),\n            },\n            {\n              title: t('debitAccount'),\n              render: () => bankAccount?.hiddenAccountNumber ?? t('notAvailable'),\n            },\n            {\n              title: t('debitDate'),\n              render: () => contractorPaymentGroup.debitDate || t('notAvailable'),\n            },\n            {\n              title: t('contractorPayDate'),\n              render: () => contractorPaymentGroup.checkDate || t('notAvailable'),\n            },\n          ]}\n          data={[contractorPaymentGroup]}\n          label={t('paymentSummaryTitle')}\n        />\n\n        {/* Contractor Payments Table */}\n        {contractorPayments.length > 0 && (\n          <DataView\n            columns={[\n              {\n                title: t('contractor'),\n                render: contractorPayment =>\n                  getContractorDisplayName(\n                    contractors.find(\n                      contractor => contractor.uuid === contractorPayment.contractorUuid,\n                    ),\n                  ),\n              },\n              {\n                title: t('wageType'),\n                render: contractorPayment => formatWageType(contractorPayment),\n              },\n              {\n                title: t('paymentMethod'),\n                render: contractorPayment =>\n                  contractorPayment.paymentMethod === 'Direct Deposit'\n                    ? t('paymentMethods.directDeposit')\n                    : contractorPayment.paymentMethod === 'Check'\n                      ? t('paymentMethods.check')\n                      : contractorPayment.paymentMethod || t('notAvailable'),\n              },\n              {\n                title: t('hours'),\n                justify: 'end',\n                render: contractorPayment =>\n                  contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n                    ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n                    : ZERO_HOURS_DISPLAY,\n              },\n              {\n                title: t('wage'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.wage || '0')),\n              },\n              {\n                title: t('bonus'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.bonus || '0')),\n              },\n              {\n                title: t('reimbursement'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.reimbursement || '0')),\n              },\n              {\n                title: t('total'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.wageTotal || '0')),\n              },\n            ]}\n            data={contractorPayments}\n            footer={() => ({\n              'column-0': t('totalsLabel'),\n              'column-4': currencyFormatter(totals.wageAmount || 0),\n              'column-5': currencyFormatter(totals.bonusAmount || 0),\n              'column-6': currencyFormatter(totals.reimbursementAmount || 0),\n              'column-7': currencyFormatter(totals.totalAmount || 0),\n            })}\n            label={t('contractorPaymentsTitle')}\n          />\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PaymentSummaryPresentation","contractorPaymentGroup","contractors","bankAccount","companyId","wireInRequestUuid","onEvent","onDone","alerts","Button","Text","Heading","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","contractorPayments","totals","useMemo","acc","jsxs","Flex","jsx","alert","index","ConfirmWireDetails","DataView","contractorPayment","getContractorDisplayName","formatHoursDisplay"],"mappings":"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"}
+{"version":3,"file":"PaymentSummaryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport type { InternalAlert } from '../types'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { usePaymentSummaryDictionary } from './useFormDictionary'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\n\ninterface PaymentSummaryPresentationProps {\n  contractorPaymentGroup: ContractorPaymentGroup\n  contractors: Contractor[]\n  bankAccount?: CompanyBankAccount\n  companyId: string\n  wireInRequestUuid?: string\n  onEvent: (type: EventType, data?: unknown) => void\n  onDone: () => void\n  alerts?: InternalAlert[]\n}\n\n/** @internal */\nexport const PaymentSummaryPresentation = ({\n  contractorPaymentGroup,\n  contractors,\n  bankAccount,\n  companyId,\n  wireInRequestUuid,\n  onEvent,\n  onDone,\n  alerts = [],\n}: PaymentSummaryPresentationProps) => {\n  const { Button, Text, Heading, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentSummary')\n  const { t } = useTranslation('Contractor.Payments.PaymentSummary')\n  const dictionary = usePaymentSummaryDictionary()\n\n  const contractorPayments = contractorPaymentGroup.contractorPayments || []\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              {typeof alert.content === 'string'\n                ? t(`alerts.${alert.content}` as never)\n                : (alert.content ?? null)}\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPayments.length,\n          })}\n        </Text>\n      </Alert>\n\n      {wireInRequestUuid && (\n        <ConfirmWireDetails companyId={companyId} wireInId={wireInRequestUuid} onEvent={onEvent} />\n      )}\n\n      <Flex justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('summaryTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('summarySubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n          </Text>\n        </Flex>\n        <Button onClick={onDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      <PaymentSummaryBlock\n        contractorPaymentGroup={contractorPaymentGroup}\n        contractors={contractors}\n        bankAccount={bankAccount}\n        dictionary={dictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["PaymentSummaryPresentation","contractorPaymentGroup","contractors","bankAccount","companyId","wireInRequestUuid","onEvent","onDone","alerts","Button","Text","Heading","Alert","useComponentContext","useI18n","t","useTranslation","dictionary","usePaymentSummaryDictionary","contractorPayments","jsxs","Flex","jsx","alert","index","ConfirmWireDetails","PaymentSummaryBlock"],"mappings":";;;;;;;;AAyBO,MAAMA,IAA6B,CAAC;AAAA,EACzC,wBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS,CAAA;AACX,MAAuC;AACrC,QAAM,EAAE,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,GAAS,OAAAC,EAAA,IAAUC,EAAA;AACzC,EAAAC,EAAQ,oCAAoC;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oCAAoC,GAC3DC,IAAaC,EAAA,GAEbC,IAAqBlB,EAAuB,sBAAsB,CAAA;AAExE,SACE,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAb,EAAO,SAAS,KACf,gBAAAc,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAb,EAAO,IAAI,CAACe,GAAOC,MAClB,gBAAAF;AAAA,MAACV;AAAA,MAAA;AAAA,QAEC,OAAOG,EAAE,UAAUQ,EAAM,KAAK,IAAaA,EAAM,iBAAiB;AAAA,QAClE,QAAQA,EAAM;AAAA,QACd,WAAWA,EAAM;AAAA,QAEhB,UAAA,OAAOA,EAAM,WAAY,WACtBR,EAAE,UAAUQ,EAAM,OAAO,EAAW,IACnCA,EAAM,WAAW;AAAA,MAAA;AAAA,MAPjB,GAAGA,EAAM,IAAI,IAAIA,EAAM,KAAK,IAAIC,CAAK;AAAA,IAAA,CAS7C,GACH;AAAA,IAGF,gBAAAF,EAACV,GAAA,EAAM,QAAO,WAAU,OAAOG,EAAE,cAAc,GAC7C,UAAA,gBAAAO,EAACZ,GAAA,EACE,UAAAK,EAAE,kBAAkB;AAAA,MACnB,OAAOI,EAAmB;AAAA,IAAA,CAC3B,GACH,EAAA,CACF;AAAA,IAECd,KACC,gBAAAiB,EAACG,GAAA,EAAmB,WAAArB,GAAsB,UAAUC,GAAmB,SAAAC,GAAkB;AAAA,IAG3F,gBAAAc,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,cAC9C,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAC,EAACX,GAAA,EAAQ,IAAG,MAAM,UAAAI,EAAE,cAAc,GAAE;AAAA,QACpC,gBAAAO,EAACZ,GAAA,EAAK,SAAQ,cACX,UAAAK,EAAE,mBAAmB,EAAE,WAAWd,EAAuB,UAAA,CAAW,EAAA,CACvE;AAAA,MAAA,GACF;AAAA,MACA,gBAAAqB,EAACb,KAAO,SAASF,GAAQ,SAAQ,WAC9B,UAAAQ,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,wBAAAzB;AAAA,QACA,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,YAAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -0,0 +1,9 @@
+import { PaymentSummaryBlockDictionary } from '../shared/PaymentSummaryBlock';
+/**
+ * Resolves `PaymentSummaryBlock`'s text against `PaymentSummary`'s own
+ * `Contractor.Payments.PaymentSummary` namespace, so partner overrides on that namespace flow
+ * into the shared block.
+ *
+ * @internal
+ */
+export declare function usePaymentSummaryDictionary(): PaymentSummaryBlockDictionary;

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

@@ -0,0 +1,36 @@
+import { useMemo as e } from "react";
+import { useTranslation as a } from "react-i18next";
+function r() {
+  const { t } = a("Contractor.Payments.PaymentSummary");
+  return e(
+    () => ({
+      paymentSummaryTitle: t("paymentSummaryTitle"),
+      totalAmount: t("totalAmount"),
+      debitAmount: t("debitAmount"),
+      debitAccount: t("debitAccount"),
+      debitDate: t("debitDate"),
+      contractorPayDate: t("contractorPayDate"),
+      contractorPaymentsTitle: t("contractorPaymentsTitle"),
+      contractor: t("contractor"),
+      wageType: t("wageType"),
+      paymentMethod: t("paymentMethod"),
+      paymentMethods: {
+        directDeposit: t("paymentMethods.directDeposit"),
+        check: t("paymentMethods.check"),
+        historicalPayment: t("paymentMethods.historicalPayment")
+      },
+      hours: t("hours"),
+      wage: t("wage"),
+      bonus: t("bonus"),
+      reimbursement: t("reimbursement"),
+      total: t("total"),
+      totalsLabel: t("totalsLabel"),
+      notAvailable: t("notAvailable")
+    }),
+    [t]
+  );
+}
+export {
+  r as usePaymentSummaryDictionary
+};
+//# sourceMappingURL=useFormDictionary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDictionary.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PaymentSummaryBlockDictionary } from '../shared/PaymentSummaryBlock'\n\n/**\n * Resolves `PaymentSummaryBlock`'s text against `PaymentSummary`'s own\n * `Contractor.Payments.PaymentSummary` namespace, so partner overrides on that namespace flow\n * into the shared block.\n *\n * @internal\n */\nexport function usePaymentSummaryDictionary(): PaymentSummaryBlockDictionary {\n  const { t } = useTranslation('Contractor.Payments.PaymentSummary')\n\n  return useMemo<PaymentSummaryBlockDictionary>(\n    () => ({\n      paymentSummaryTitle: t('paymentSummaryTitle'),\n      totalAmount: t('totalAmount'),\n      debitAmount: t('debitAmount'),\n      debitAccount: t('debitAccount'),\n      debitDate: t('debitDate'),\n      contractorPayDate: t('contractorPayDate'),\n      contractorPaymentsTitle: t('contractorPaymentsTitle'),\n      contractor: t('contractor'),\n      wageType: t('wageType'),\n      paymentMethod: t('paymentMethod'),\n      paymentMethods: {\n        directDeposit: t('paymentMethods.directDeposit'),\n        check: t('paymentMethods.check'),\n        historicalPayment: t('paymentMethods.historicalPayment'),\n      },\n      hours: t('hours'),\n      wage: t('wage'),\n      bonus: t('bonus'),\n      reimbursement: t('reimbursement'),\n      total: t('total'),\n      totalsLabel: t('totalsLabel'),\n      notAvailable: t('notAvailable'),\n    }),\n    [t],\n  )\n}\n"],"names":["usePaymentSummaryDictionary","useTranslation","useMemo"],"mappings":";;AAWO,SAASA,IAA6D;AAC3E,QAAM,EAAE,EAAA,IAAMC,EAAe,oCAAoC;AAEjE,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,qBAAqB,EAAE,qBAAqB;AAAA,MAC5C,aAAa,EAAE,aAAa;AAAA,MAC5B,aAAa,EAAE,aAAa;AAAA,MAC5B,cAAc,EAAE,cAAc;AAAA,MAC9B,WAAW,EAAE,WAAW;AAAA,MACxB,mBAAmB,EAAE,mBAAmB;AAAA,MACxC,yBAAyB,EAAE,yBAAyB;AAAA,MACpD,YAAY,EAAE,YAAY;AAAA,MAC1B,UAAU,EAAE,UAAU;AAAA,MACtB,eAAe,EAAE,eAAe;AAAA,MAChC,gBAAgB;AAAA,QACd,eAAe,EAAE,8BAA8B;AAAA,QAC/C,OAAO,EAAE,sBAAsB;AAAA,QAC/B,mBAAmB,EAAE,kCAAkC;AAAA,MAAA;AAAA,MAEzD,OAAO,EAAE,OAAO;AAAA,MAChB,MAAM,EAAE,MAAM;AAAA,MACd,OAAO,EAAE,OAAO;AAAA,MAChB,eAAe,EAAE,eAAe;AAAA,MAChC,OAAO,EAAE,OAAO;AAAA,MAChB,aAAa,EAAE,aAAa;AAAA,MAC5B,cAAc,EAAE,cAAc;AAAA,IAAA;AAAA,IAEhC,CAAC,CAAC;AAAA,EAAA;AAEN;"}

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

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { createMachine as u } from "robot3";
-import { useState as b } from "react";
-import { viewPaymentBreadcrumbsNodes as d, viewPaymentMachine as p } from "./viewPaymentMachine.js";
-import { PaymentHistoryContextual as y } from "./ViewPaymentFlowComponents.js";
+import { useState as u } from "react";
+import { viewPaymentMachine as b, viewPaymentBreadcrumbsNodes as d } from "./viewPaymentMachine.js";
+import { PaymentHistoryContextual as p } from "./ViewPaymentFlowComponents.js";
+import { createMachine as y } from "../../../../lib/state-machine/core.js";
 import { Flow as f } from "../../../Flow/Flow.js";
 import { buildBreadcrumbs as w, updateBreadcrumbs as l } from "../../../../helpers/breadcrumbHelpers.js";
 const P = [];
@@ -14,7 +14,7 @@ function B({
   onEvent: o,
   prefixBreadcrumbs: m = P
 }) {
-  const [n] = b(() => {
+  const [n] = u(() => {
     const a = w(d), i = Object.fromEntries(
       Object.entries(a).map(([r, s]) => [
         r,
@@ -26,13 +26,13 @@ function B({
         breadcrumbs: i
       }
     });
-    return u(
+    return y(
       "history",
-      p,
+      b,
       (r) => ({
         ...r,
         ...c,
-        component: y,
+        component: p,
         currentPaymentId: e
       })
     );

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

@@ -1 +1 @@
-{"version":3,"file":"ViewPaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/ViewPaymentFlow/ViewPaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useState } from 'react'\nimport { viewPaymentBreadcrumbsNodes, viewPaymentMachine } from './viewPaymentMachine'\nimport {\n  PaymentHistoryContextual,\n  type ViewPaymentFlowContextInterface,\n  type ViewPaymentFlowProps,\n} from './ViewPaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Props for the flow-internal {@link ViewPaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link ViewPaymentFlowProps}.\n *\n * @internal\n */\nexport interface ViewPaymentInternalFlowProps extends ViewPaymentFlowProps {\n  /**\n   * Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.\n   * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/**\n * Guided flow to inspect a contractor payment group's history and drill into an individual\n * contractor's payment statement.\n *\n * @remarks\n * This is the inner flow that powers the view-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard payment-viewing experience without re-implementing it. The flow ships with\n * breadcrumb navigation and lets the user cancel an individual payment from the history screen.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/view/details` | Fired when the user views a specific contractor payment | `{ contractor: Contractor, paymentGroupId: string }` |\n * | `contractor/payments/cancel` | Fired when a payment is cancelled | `{ paymentId: string }` |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link PaymentHistory}\n * - {@link PaymentStatement}\n *\n * @param props - See {@link ViewPaymentFlowProps}.\n * @returns The composed view-payment flow.\n * @alpha\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.ViewPaymentFlow\n *       paymentId=\"0987fcea-7b59-4907-a301-f232b5aff508\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function ViewPaymentFlow(props: ViewPaymentFlowProps) {\n  return <ViewPaymentInternalFlow {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link ViewPaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link ViewPaymentFlow}; `PaymentFlow` renders\n * this directly to prepend its own breadcrumb trail.\n *\n * @internal\n */\nexport function ViewPaymentInternalFlow({\n  paymentId,\n  onEvent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: ViewPaymentInternalFlowProps) {\n  // Built once via a lazy useState initializer, not useMemo -- see CreatePaymentFlow.tsx for why:\n  // a useMemo keyed on `prefixBreadcrumbs` doesn't guarantee the machine's identity survives a\n  // re-render triggered by a bubbled `onEvent` call.\n  const [viewPaymentFlow] = useState(() => {\n    const baseBreadcrumbs = buildBreadcrumbs(viewPaymentBreadcrumbsNodes)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...prefixBreadcrumbs, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs('history', {\n      header: {\n        type: 'breadcrumbs' as const,\n        breadcrumbs,\n      },\n    })\n\n    return createMachine(\n      'history',\n      viewPaymentMachine,\n      (initialContext: ViewPaymentFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: PaymentHistoryContextual,\n        currentPaymentId: paymentId,\n      }),\n    )\n  })\n\n  return <Flow machine={viewPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","ViewPaymentFlow","props","jsx","ViewPaymentInternalFlow","paymentId","onEvent","prefixBreadcrumbs","viewPaymentFlow","useState","baseBreadcrumbs","buildBreadcrumbs","viewPaymentBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","viewPaymentMachine","initialContext","PaymentHistoryContextual","Flow"],"mappings":";;;;;;;AAYA,MAAMA,IAAsC,CAAA;AAuDrC,SAASC,EAAgBC,GAA6B;AAC3D,SAAO,gBAAAC,EAACC,GAAA,EAAyB,GAAGF,EAAA,CAAO;AAC7C;AASO,SAASE,EAAwB;AAAA,EACtC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBP;AACtB,GAAiC;AAI/B,QAAM,CAACQ,CAAe,IAAIC,EAAS,MAAM;AACvC,UAAMC,IAAkBC,EAAiBC,CAA2B,GAC9DC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGP,GAAmB,GAAGQ,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC,EAAkB,WAAW;AAAA,MAC5D,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAAJ;AAAA,MAAA;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAqD;AAAA,QACpD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,kBAAkBhB;AAAA,MAAA;AAAA,IACpB;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAF,EAACmB,GAAA,EAAK,SAASd,GAAiB,SAAAF,EAAA,CAAkB;AAC3D;"}
+{"version":3,"file":"ViewPaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/ViewPaymentFlow/ViewPaymentFlow.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { viewPaymentBreadcrumbsNodes, viewPaymentMachine } from './viewPaymentMachine'\nimport {\n  PaymentHistoryContextual,\n  type ViewPaymentFlowContextInterface,\n  type ViewPaymentFlowProps,\n} from './ViewPaymentFlowComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Props for the flow-internal {@link ViewPaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link ViewPaymentFlowProps}.\n *\n * @internal\n */\nexport interface ViewPaymentInternalFlowProps extends ViewPaymentFlowProps {\n  /**\n   * Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.\n   * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/**\n * Guided flow to inspect a contractor payment group's history and drill into an individual\n * contractor's payment statement.\n *\n * @remarks\n * This is the inner flow that powers the view-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard payment-viewing experience without re-implementing it. The flow ships with\n * breadcrumb navigation and lets the user cancel an individual payment from the history screen.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/view/details` | Fired when the user views a specific contractor payment | `{ contractor: Contractor, paymentGroupId: string }` |\n * | `contractor/payments/cancel` | Fired when a payment is cancelled | `{ paymentId: string }` |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link PaymentHistory}\n * - {@link PaymentStatement}\n *\n * @param props - See {@link ViewPaymentFlowProps}.\n * @returns The composed view-payment flow.\n * @alpha\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.ViewPaymentFlow\n *       paymentId=\"0987fcea-7b59-4907-a301-f232b5aff508\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function ViewPaymentFlow(props: ViewPaymentFlowProps) {\n  return <ViewPaymentInternalFlow {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link ViewPaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link ViewPaymentFlow}; `PaymentFlow` renders\n * this directly to prepend its own breadcrumb trail.\n *\n * @internal\n */\nexport function ViewPaymentInternalFlow({\n  paymentId,\n  onEvent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: ViewPaymentInternalFlowProps) {\n  // Built once via a lazy useState initializer, not useMemo -- see CreatePaymentFlow.tsx for why:\n  // a useMemo keyed on `prefixBreadcrumbs` doesn't guarantee the machine's identity survives a\n  // re-render triggered by a bubbled `onEvent` call.\n  const [viewPaymentFlow] = useState(() => {\n    const baseBreadcrumbs = buildBreadcrumbs(viewPaymentBreadcrumbsNodes)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...prefixBreadcrumbs, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs('history', {\n      header: {\n        type: 'breadcrumbs' as const,\n        breadcrumbs,\n      },\n    })\n\n    return createMachine(\n      'history',\n      viewPaymentMachine,\n      (initialContext: ViewPaymentFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: PaymentHistoryContextual,\n        currentPaymentId: paymentId,\n      }),\n    )\n  })\n\n  return <Flow machine={viewPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","ViewPaymentFlow","props","jsx","ViewPaymentInternalFlow","paymentId","onEvent","prefixBreadcrumbs","viewPaymentFlow","useState","baseBreadcrumbs","buildBreadcrumbs","viewPaymentBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","viewPaymentMachine","initialContext","PaymentHistoryContextual","Flow"],"mappings":";;;;;;;AAYA,MAAMA,IAAsC,CAAA;AAuDrC,SAASC,EAAgBC,GAA6B;AAC3D,SAAO,gBAAAC,EAACC,GAAA,EAAyB,GAAGF,EAAA,CAAO;AAC7C;AASO,SAASE,EAAwB;AAAA,EACtC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBP;AACtB,GAAiC;AAI/B,QAAM,CAACQ,CAAe,IAAIC,EAAS,MAAM;AACvC,UAAMC,IAAkBC,EAAiBC,CAA2B,GAC9DC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGP,GAAmB,GAAGQ,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC,EAAkB,WAAW;AAAA,MAC5D,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAAJ;AAAA,MAAA;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAqD;AAAA,QACpD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,kBAAkBhB;AAAA,MAAA;AAAA,IACpB;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAF,EAACmB,GAAA,EAAK,SAASd,GAAiB,SAAAF,EAAA,CAAkB;AAC3D;"}

package/dist/components/Contractor/Payments/ViewPaymentFlow/viewPaymentMachine.d.ts

@@ -3,6 +3,6 @@ import { BreadcrumbNodes } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbs
 export declare const viewPaymentBreadcrumbsNodes: BreadcrumbNodes;
 /** @internal */
 export declare const viewPaymentMachine: {
-    history: import('robot3').MachineState<any>;
-    statement: import('robot3').MachineState<any>;
+    history: import('../../../../lib/state-machine').StateDefinition;
+    statement: import('../../../../lib/state-machine').StateDefinition;
 };