@gusto/embedded-react-sdk 0.55.0 → 0.55.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistoricalPaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useState } from 'react'\nimport { historicalPaymentMachine } from './historicalPaymentMachine'\nimport {\n  CreateHistoricalPaymentContextual,\n  type HistoricalPaymentFlowContextInterface,\n  type HistoricalPaymentFlowProps,\n} from './HistoricalPaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Props for the flow-internal {@link HistoricalPaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link HistoricalPaymentFlowProps}.\n *\n * @internal\n */\nexport interface HistoricalPaymentInternalFlowProps extends HistoricalPaymentFlowProps {\n  /**\n   * Breadcrumbs prepended to this flow's trail. Set by a parent flow (e.g. `PaymentFlow`) so a\n   * user can navigate out of this flow entirely -- this flow contributes no breadcrumb items of\n   * its own (each of its own screens has its own Back button instead), so the trail is just\n   * `prefixBreadcrumbs` passed straight through.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/**\n * Guided flow to record a historical contractor payment and review the resulting summary.\n *\n * @remarks\n * This is the inner flow that powers the historical-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 historical-payment experience without re-implementing it. A historical payment\n * already happened outside Gusto and does not move money, so unlike `CreatePaymentFlow` there is no\n * Fast ACH blocker or wire-transfer step.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/edit` | The edit modal was opened for a contractor | — |\n * | `contractor/historicalPayments/update` | A contractor's payment values were updated locally | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.) |\n * | `contractor/historicalPayments/preview` | The preview API call succeeded | The contractor payment group preview response |\n * | `contractor/historicalPayments/backToEdit` | The user returned from preview to continue editing | — |\n * | `contractor/historicalPayments/created` | The payment group was successfully created | The created `ContractorPaymentGroup` |\n * | `contractor/historicalPayments/exit` | User is done reviewing the summary | — |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb injected via `prefixBreadcrumbs` | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link CreateHistoricalPayment}\n * - {@link HistoricalPaymentSummary}\n *\n * @param props - See {@link HistoricalPaymentFlowProps}.\n * @returns The composed historical-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.HistoricalPaymentFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function HistoricalPaymentFlow(props: HistoricalPaymentFlowProps) {\n  return <HistoricalPaymentInternalFlow {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link HistoricalPaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link HistoricalPaymentFlow}; `PaymentFlow`\n * renders this directly to give the user a way back to the payments landing screen.\n *\n * @internal\n */\nexport function HistoricalPaymentInternalFlow(props: HistoricalPaymentInternalFlowProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n\n  // Remount and reset all state if companyId ever changes\n  return <HistoricalPaymentFlowMachine key={props.companyId} {...props} />\n}\n\nfunction HistoricalPaymentFlowMachine({\n  companyId,\n  onEvent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: HistoricalPaymentInternalFlowProps) {\n  // Built once via a lazy useState initializer. If the companyId ever changes,\n  // remount the entire component to reset all state, not just the state machine.\n  const [historicalPaymentFlow] = useState(() => {\n    const initialBreadcrumbContext = updateBreadcrumbs('createHistoricalPayment', {\n      header: {\n        type: 'breadcrumbs' as const,\n        breadcrumbs: {\n          createHistoricalPayment: prefixBreadcrumbs,\n          historicalPaymentSummary: prefixBreadcrumbs,\n        },\n      },\n    })\n\n    return createMachine(\n      'createHistoricalPayment',\n      historicalPaymentMachine,\n      (initialContext: HistoricalPaymentFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: CreateHistoricalPaymentContextual,\n        companyId,\n      }),\n    )\n  })\n\n  return <Flow machine={historicalPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","HistoricalPaymentFlow","props","jsx","HistoricalPaymentInternalFlow","useUnstableFeature","HistoricalPaymentFlowMachine","companyId","onEvent","prefixBreadcrumbs","historicalPaymentFlow","useState","initialBreadcrumbContext","updateBreadcrumbs","createMachine","historicalPaymentMachine","initialContext","CreateHistoricalPaymentContextual","Flow"],"mappings":";;;;;;;;AAaA,MAAMA,IAAsC,CAAA;AA6DrC,SAASC,EAAsBC,GAAmC;AACvE,SAAO,gBAAAC,EAACC,GAAA,EAA+B,GAAGF,EAAA,CAAO;AACnD;AASO,SAASE,EAA8BF,GAA2C;AACvF,SAAAG,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAG3D,gBAAAF,EAACG,GAAA,EAAoD,GAAGJ,EAAA,GAArBA,EAAM,SAAsB;AACxE;AAEA,SAASI,EAA6B;AAAA,EACpC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBT;AACtB,GAAuC;AAGrC,QAAM,CAACU,CAAqB,IAAIC,EAAS,MAAM;AAC7C,UAAMC,IAA2BC,EAAkB,2BAA2B;AAAA,MAC5E,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,UACX,yBAAyBJ;AAAA,UACzB,0BAA0BA;AAAA,QAAA;AAAA,MAC5B;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAA2D;AAAA,QAC1D,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,WAAAV;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAJ,EAACe,GAAA,EAAK,SAASR,GAAuB,SAAAF,EAAA,CAAkB;AACjE;"}

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlowComponents.d.ts

@@ -0,0 +1,20 @@
+import { FlowContextInterface } from '../../../Flow/useFlow';
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link HistoricalPaymentFlow}.
+ *
+ * @alpha
+ */
+export interface HistoricalPaymentFlowProps extends BaseComponentInterface<never> {
+    /** The associated company identifier. */
+    companyId: string;
+}
+/** @internal */
+export interface HistoricalPaymentFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    createdPaymentGroupId?: string;
+}
+/** @internal */
+export declare function CreateHistoricalPaymentContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function HistoricalPaymentSummaryContextual(): import("react").JSX.Element;

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlowComponents.js

@@ -0,0 +1,25 @@
+import { jsx as n } from "react/jsx-runtime";
+import { CreateHistoricalPayment as a } from "../CreateHistoricalPayment/CreateHistoricalPayment.js";
+import { HistoricalPaymentSummary as i } from "../HistoricalPaymentSummary/HistoricalPaymentSummary.js";
+import { useFlow as e } from "../../../Flow/useFlow.js";
+import { ensureRequired as r } from "../../../../helpers/ensureRequired.js";
+function d() {
+  const { companyId: t, onEvent: o } = e();
+  return /* @__PURE__ */ n(a, { onEvent: o, companyId: r(t) });
+}
+function f() {
+  const { createdPaymentGroupId: t, companyId: o, onEvent: m } = e();
+  return /* @__PURE__ */ n(
+    i,
+    {
+      onEvent: m,
+      paymentGroupId: r(t),
+      companyId: r(o)
+    }
+  );
+}
+export {
+  d as CreateHistoricalPaymentContextual,
+  f as HistoricalPaymentSummaryContextual
+};
+//# sourceMappingURL=HistoricalPaymentFlowComponents.js.map

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoricalPaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlowComponents.tsx"],"sourcesContent":["import { CreateHistoricalPayment } from '../CreateHistoricalPayment/CreateHistoricalPayment'\nimport { HistoricalPaymentSummary } from '../HistoricalPaymentSummary/HistoricalPaymentSummary'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link HistoricalPaymentFlow}.\n *\n * @alpha\n */\nexport interface HistoricalPaymentFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/** @internal */\nexport interface HistoricalPaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  createdPaymentGroupId?: string\n}\n\n/** @internal */\nexport function CreateHistoricalPaymentContextual() {\n  const { companyId, onEvent } = useFlow<HistoricalPaymentFlowContextInterface>()\n  return <CreateHistoricalPayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function HistoricalPaymentSummaryContextual() {\n  const { createdPaymentGroupId, companyId, onEvent } =\n    useFlow<HistoricalPaymentFlowContextInterface>()\n\n  return (\n    <HistoricalPaymentSummary\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(createdPaymentGroupId)}\n      companyId={ensureRequired(companyId)}\n    />\n  )\n}\n"],"names":["CreateHistoricalPaymentContextual","companyId","onEvent","useFlow","CreateHistoricalPayment","ensureRequired","HistoricalPaymentSummaryContextual","createdPaymentGroupId","jsx","HistoricalPaymentSummary"],"mappings":";;;;;AAuBO,SAASA,IAAoC;AAClD,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAwB,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC1F;AAGO,SAASK,IAAqC;AACnD,QAAM,EAAE,uBAAAC,GAAuB,WAAAN,GAAW,SAAAC,EAAA,IACxCC,EAAA;AAEF,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,gBAAgBG,EAAeE,CAAqB;AAAA,MACpD,WAAWF,EAAeJ,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;"}

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/historicalPaymentMachine.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Flow machine for {@link HistoricalPaymentFlow}.
+ *
+ * @remarks
+ * `historicalPaymentSummary` is a plain zero-transition state, not a robot3 `final()` state:
+ * `HistoricalPaymentFlow` can be mounted directly by a partner, so `contractor/historicalPayments/exit`
+ * bubbles up via `onEvent` without a local transition, keeping the summary screen interactive if the
+ * host doesn't unmount the component immediately (see SDK-1169).
+ *
+ * Unlike `createPaymentMachine`, neither state contributes its own breadcrumb item -- each of this
+ * flow's own screens has its own Back button instead. `updateBreadcrumbs` here only keeps
+ * `currentBreadcrumbId` in sync so a parent flow's injected `prefixBreadcrumbs` (see
+ * `HistoricalPaymentInternalFlow`) stays visible as the active trail across both states.
+ *
+ * @internal
+ */
+export declare const historicalPaymentMachine: {
+    createHistoricalPayment: import('robot3').MachineState<any>;
+    historicalPaymentSummary: import('robot3').MachineState<any>;
+};

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/historicalPaymentMachine.js

@@ -0,0 +1,24 @@
+import { state as t, transition as m, reduce as o } from "robot3";
+import { HistoricalPaymentSummaryContextual as e } from "./HistoricalPaymentFlowComponents.js";
+import { componentEvents as i } from "../../../../shared/constants.js";
+import { updateBreadcrumbs as n } from "../../../../helpers/breadcrumbHelpers.js";
+const p = {
+  createHistoricalPayment: t(
+    m(
+      i.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,
+      "historicalPaymentSummary",
+      o(
+        (r, a) => ({
+          ...n("historicalPaymentSummary", r),
+          component: e,
+          createdPaymentGroupId: a.payload.uuid
+        })
+      )
+    )
+  ),
+  historicalPaymentSummary: t()
+};
+export {
+  p as historicalPaymentMachine
+};
+//# sourceMappingURL=historicalPaymentMachine.js.map

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/historicalPaymentMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"historicalPaymentMachine.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentFlow/historicalPaymentMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport {\n  HistoricalPaymentSummaryContextual,\n  type HistoricalPaymentFlowContextInterface,\n} from './HistoricalPaymentFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATED]: ContractorPaymentGroup\n}\n\n/**\n * Flow machine for {@link HistoricalPaymentFlow}.\n *\n * @remarks\n * `historicalPaymentSummary` is a plain zero-transition state, not a robot3 `final()` state:\n * `HistoricalPaymentFlow` can be mounted directly by a partner, so `contractor/historicalPayments/exit`\n * bubbles up via `onEvent` without a local transition, keeping the summary screen interactive if the\n * host doesn't unmount the component immediately (see SDK-1169).\n *\n * Unlike `createPaymentMachine`, neither state contributes its own breadcrumb item -- each of this\n * flow's own screens has its own Back button instead. `updateBreadcrumbs` here only keeps\n * `currentBreadcrumbId` in sync so a parent flow's injected `prefixBreadcrumbs` (see\n * `HistoricalPaymentInternalFlow`) stays visible as the active trail across both states.\n *\n * @internal\n */\nexport const historicalPaymentMachine = {\n  createHistoricalPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,\n      'historicalPaymentSummary',\n      reduce(\n        (\n          ctx: HistoricalPaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATED\n          >,\n        ): HistoricalPaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('historicalPaymentSummary', ctx),\n            component: HistoricalPaymentSummaryContextual,\n            createdPaymentGroupId: ev.payload.uuid,\n          }\n        },\n      ),\n    ),\n  ),\n  historicalPaymentSummary: state<MachineTransition>(),\n}\n"],"names":["historicalPaymentMachine","state","transition","componentEvents","reduce","ctx","ev","updateBreadcrumbs","HistoricalPaymentSummaryContextual"],"mappings":";;;;AA8BO,MAAMA,IAA2B;AAAA,EACtC,yBAAyBC;AAAA,IACvBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAKO;AAAA,UACL,GAAGC,EAAkB,4BAA4BF,CAAG;AAAA,UACpD,WAAWG;AAAA,UACX,uBAAuBF,EAAG,QAAQ;AAAA,QAAA;AAAA,MAEtC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,0BAA0BL,EAAA;AAC5B;"}

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

@@ -0,0 +1,2 @@
+export { HistoricalPaymentFlow } from './HistoricalPaymentFlow';
+export type { HistoricalPaymentFlowProps } from './HistoricalPaymentFlowComponents';

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

@@ -4,22 +4,23 @@ import { useContractorPaymentGroupsGetSuspense as g } from "@gusto/embedded-api/
 import { useContractorsListSuspense as T } from "@gusto/embedded-api/react-query/contractorsList";
 import { useHistoricalPaymentSummaryDictionary as x } from "./useFormDictionary.js";
 import { Flex as a } from "../../../Common/Flex/Flex.js";
-import { BaseComponent as H } from "../../../Base/Base.js";
+import { BaseComponent as b } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentContext as G } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as O, useComponentDictionary as b } from "../../../../i18n/I18n.js";
-import { useDateFormatter as A } from "../../../../hooks/useDateFormatter.js";
-import { ContractorOnboardingStatus as I, componentEvents as E } from "../../../../shared/constants.js";
-import { PaymentSummaryBlock as L } from "../shared/PaymentSummaryBlock/PaymentSummaryBlock.js";
-function q(r) {
-  return /* @__PURE__ */ t(H, { ...r, componentName: "Contractor.Payments.HistoricalPaymentSummary", children: /* @__PURE__ */ t(N, { ...r }) });
+import { useComponentContext as H } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as G, useComponentDictionary as I } from "../../../../i18n/I18n.js";
+import { useDateFormatter as O } from "../../../../hooks/useDateFormatter.js";
+import { ContractorOnboardingStatus as A, componentEvents as E } from "../../../../shared/constants.js";
+import { useUnstableFeature as L } from "../../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
+import { PaymentSummaryBlock as N } from "../shared/PaymentSummaryBlock/PaymentSummaryBlock.js";
+function J(r) {
+  return /* @__PURE__ */ t(b, { ...r, componentName: "Contractor.Payments.HistoricalPaymentSummary", children: /* @__PURE__ */ t(R, { ...r }) });
 }
-function N({ paymentGroupId: r, companyId: c, dictionary: s, onEvent: u }) {
-  O("Contractor.Payments.HistoricalPaymentSummary"), b("Contractor.Payments.HistoricalPaymentSummary", s);
-  const { t: o } = S("Contractor.Payments.HistoricalPaymentSummary"), { Heading: l, Text: m, Button: y, Alert: p } = G(), { formatLongWithYear: f } = A(), d = x(), { data: C } = g({
+function R({ paymentGroupId: r, companyId: s, dictionary: c, onEvent: u }) {
+  L("historicalPayments", { throwIfDisabled: !0 }), G("Contractor.Payments.HistoricalPaymentSummary"), I("Contractor.Payments.HistoricalPaymentSummary", c);
+  const { t: o } = S("Contractor.Payments.HistoricalPaymentSummary"), { Heading: l, Text: m, Button: y, Alert: p } = H(), { formatLongWithYear: f } = O(), d = x(), { data: C } = g({
     contractorPaymentGroupUuid: r
-  }), n = C.contractorPaymentGroup, { data: P } = T({ companyUuid: c }), h = (P.contractors || []).filter(
-    (i) => i.isActive && i.onboardingStatus === I.ONBOARDING_COMPLETED
+  }), n = C.contractorPaymentGroup, { data: P } = T({ companyUuid: s }), h = (P.contractors || []).filter(
+    (i) => i.isActive && i.onboardingStatus === A.ONBOARDING_COMPLETED
   );
   if (!n)
     return null;
@@ -40,7 +41,7 @@ function N({ paymentGroupId: r, companyId: c, dictionary: s, onEvent: u }) {
       /* @__PURE__ */ t(y, { onClick: D, variant: "primary", children: o("doneCta") })
     ] }),
     /* @__PURE__ */ t(
-      L,
+      N,
       {
         contractorPaymentGroup: n,
         contractors: h,
@@ -51,6 +52,6 @@ function N({ paymentGroupId: r, companyId: c, dictionary: s, onEvent: u }) {
   ] });
 }
 export {
-  q as HistoricalPaymentSummary
+  J as HistoricalPaymentSummary
 };
 //# sourceMappingURL=HistoricalPaymentSummary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HistoricalPaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { useHistoricalPaymentSummaryDictionary } from './useFormDictionary'\nimport { Flex } from '@/components/Common'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\n\n/**\n * Props for {@link HistoricalPaymentSummary}.\n *\n * @alpha\n */\nexport interface HistoricalPaymentSummaryProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentSummary'> {\n  /** UUID of the historical contractor payment group to summarize. */\n  paymentGroupId: string\n  /** UUID of the company that owns the payment group. */\n  companyId: string\n}\n\n/**\n * Displays the summary of a successfully recorded historical contractor payment.\n *\n * @remarks\n * Fetches the created contractor payment group by ID and renders a per-contractor breakdown.\n * Historical payments don't move money, so unlike `PaymentSummary` there is no debit account,\n * debit date, or wire-transfer confirmation to show.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/exit` | User is done reviewing the summary. | — |\n *\n * @param props - See {@link HistoricalPaymentSummaryProps}.\n * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.\n * @alpha\n */\nexport function HistoricalPaymentSummary(props: HistoricalPaymentSummaryProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.HistoricalPaymentSummary\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ paymentGroupId, companyId, dictionary, onEvent }: HistoricalPaymentSummaryProps) {\n  useI18n('Contractor.Payments.HistoricalPaymentSummary')\n  useComponentDictionary('Contractor.Payments.HistoricalPaymentSummary', dictionary)\n  const { t } = useTranslation('Contractor.Payments.HistoricalPaymentSummary')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { formatLongWithYear } = useDateFormatter()\n  const summaryDictionary = useHistoricalPaymentSummaryDictionary()\n\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EXIT)\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPaymentGroup.contractorPayments?.length ?? 0,\n          })}\n        </Text>\n      </Alert>\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', {\n              checkDate: formatLongWithYear(contractorPaymentGroup.checkDate ?? ''),\n            })}\n          </Text>\n        </Flex>\n        <Button onClick={handleDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      <PaymentSummaryBlock\n        contractorPaymentGroup={contractorPaymentGroup}\n        contractors={contractors}\n        showDebitColumns={false}\n        dictionary={summaryDictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["HistoricalPaymentSummary","props","jsx","BaseComponent","Root","paymentGroupId","companyId","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","Alert","useComponentContext","formatLongWithYear","useDateFormatter","summaryDictionary","useHistoricalPaymentSummaryDictionary","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","handleDone","componentEvents","jsxs","Flex","PaymentSummaryBlock"],"mappings":";;;;;;;;;;;;;AAyCO,SAASA,EAAyBC,GAAsC;AAC7E,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,gDACtC,UAAA,gBAAAC,EAACE,GAAA,EAAM,GAAGH,EAAA,CAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,gBAAAC,GAAgB,WAAAC,GAAW,YAAAC,GAAY,SAAAC,KAA0C;AAC/F,EAAAC,EAAQ,8CAA8C,GACtDC,EAAuB,gDAAgDH,CAAU;AACjF,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,8CAA8C,GACrE,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GACnC,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GACzBC,IAAoBC,EAAA,GAEpB,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BlB;AAAA,EAAA,CAC7B,GACKmB,IAAyBF,EAAiB,wBAE1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAapB,GAAW,GAChFqB,KAAeF,EAAe,eAAe,CAAA,GAAI;AAAA,IACrD,CAAAG,MACEA,EAAW,YACXA,EAAW,qBAAqBC,EAA2B;AAAA,EAAA;AAG/D,MAAI,CAACL;AACH,WAAO;AAGT,QAAMM,IAAa,MAAM;AACvB,IAAAtB,EAAQuB,EAAgB,kCAAkC;AAAA,EAC5D;AAEA,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAA/B,EAACc,GAAA,EAAM,QAAO,WAAU,OAAOL,EAAE,cAAc,GAC7C,UAAA,gBAAAT,EAACY,GAAA,EACE,UAAAH,EAAE,kBAAkB;AAAA,MACnB,OAAOa,EAAuB,oBAAoB,UAAU;AAAA,IAAA,CAC7D,GACH,EAAA,CACF;AAAA,IAEA,gBAAAQ,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,cAC9C,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAA/B,EAACW,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,cAAc,GAAE;AAAA,QACpC,gBAAAT,EAACY,GAAA,EAAK,SAAQ,cACX,YAAE,mBAAmB;AAAA,UACpB,WAAWI,EAAmBM,EAAuB,aAAa,EAAE;AAAA,QAAA,CACrE,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAtB,EAACa,KAAO,SAASe,GAAY,SAAQ,WAClC,UAAAnB,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAT;AAAA,MAACgC;AAAA,MAAA;AAAA,QACC,wBAAAV;AAAA,QACA,aAAAG;AAAA,QACA,kBAAkB;AAAA,QAClB,YAAYP;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}
+{"version":3,"file":"HistoricalPaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { useHistoricalPaymentSummaryDictionary } from './useFormDictionary'\nimport { Flex } from '@/components/Common'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\n/**\n * Props for {@link HistoricalPaymentSummary}.\n *\n * @alpha\n */\nexport interface HistoricalPaymentSummaryProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentSummary'> {\n  /** UUID of the historical contractor payment group to summarize. */\n  paymentGroupId: string\n  /** UUID of the company that owns the payment group. */\n  companyId: string\n}\n\n/**\n * Displays the summary of a successfully recorded historical contractor payment.\n *\n * @remarks\n * Fetches the created contractor payment group by ID and renders a per-contractor breakdown.\n * Historical payments don't move money, so unlike `PaymentSummary` there is no debit account,\n * debit date, or wire-transfer confirmation to show.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/exit` | User is done reviewing the summary. | — |\n *\n * @param props - See {@link HistoricalPaymentSummaryProps}.\n * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.\n * @alpha\n */\nexport function HistoricalPaymentSummary(props: HistoricalPaymentSummaryProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.HistoricalPaymentSummary\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ paymentGroupId, companyId, dictionary, onEvent }: HistoricalPaymentSummaryProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n  useI18n('Contractor.Payments.HistoricalPaymentSummary')\n  useComponentDictionary('Contractor.Payments.HistoricalPaymentSummary', dictionary)\n  const { t } = useTranslation('Contractor.Payments.HistoricalPaymentSummary')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { formatLongWithYear } = useDateFormatter()\n  const summaryDictionary = useHistoricalPaymentSummaryDictionary()\n\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EXIT)\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPaymentGroup.contractorPayments?.length ?? 0,\n          })}\n        </Text>\n      </Alert>\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', {\n              checkDate: formatLongWithYear(contractorPaymentGroup.checkDate ?? ''),\n            })}\n          </Text>\n        </Flex>\n        <Button onClick={handleDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      <PaymentSummaryBlock\n        contractorPaymentGroup={contractorPaymentGroup}\n        contractors={contractors}\n        showDebitColumns={false}\n        dictionary={summaryDictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["HistoricalPaymentSummary","props","jsx","BaseComponent","Root","paymentGroupId","companyId","dictionary","onEvent","useUnstableFeature","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","Alert","useComponentContext","formatLongWithYear","useDateFormatter","summaryDictionary","useHistoricalPaymentSummaryDictionary","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","handleDone","componentEvents","jsxs","Flex","PaymentSummaryBlock"],"mappings":";;;;;;;;;;;;;;AA0CO,SAASA,EAAyBC,GAAsC;AAC7E,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,gDACtC,UAAA,gBAAAC,EAACE,GAAA,EAAM,GAAGH,EAAA,CAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,gBAAAC,GAAgB,WAAAC,GAAW,YAAAC,GAAY,SAAAC,KAA0C;AAC/F,EAAAC,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAClEC,EAAQ,8CAA8C,GACtDC,EAAuB,gDAAgDJ,CAAU;AACjF,QAAM,EAAE,GAAAK,EAAA,IAAMC,EAAe,8CAA8C,GACrE,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GACnC,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GACzBC,IAAoBC,EAAA,GAEpB,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BnB;AAAA,EAAA,CAC7B,GACKoB,IAAyBF,EAAiB,wBAE1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAarB,GAAW,GAChFsB,KAAeF,EAAe,eAAe,CAAA,GAAI;AAAA,IACrD,CAAAG,MACEA,EAAW,YACXA,EAAW,qBAAqBC,EAA2B;AAAA,EAAA;AAG/D,MAAI,CAACL;AACH,WAAO;AAGT,QAAMM,IAAa,MAAM;AACvB,IAAAvB,EAAQwB,EAAgB,kCAAkC;AAAA,EAC5D;AAEA,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAhC,EAACe,GAAA,EAAM,QAAO,WAAU,OAAOL,EAAE,cAAc,GAC7C,UAAA,gBAAAV,EAACa,GAAA,EACE,UAAAH,EAAE,kBAAkB;AAAA,MACnB,OAAOa,EAAuB,oBAAoB,UAAU;AAAA,IAAA,CAC7D,GACH,EAAA,CACF;AAAA,IAEA,gBAAAQ,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,cAC9C,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAhC,EAACY,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,cAAc,GAAE;AAAA,QACpC,gBAAAV,EAACa,GAAA,EAAK,SAAQ,cACX,YAAE,mBAAmB;AAAA,UACpB,WAAWI,EAAmBM,EAAuB,aAAa,EAAE;AAAA,QAAA,CACrE,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAvB,EAACc,KAAO,SAASe,GAAY,SAAQ,WAClC,UAAAnB,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAV;AAAA,MAACiC;AAAA,MAAA;AAAA,QACC,wBAAAV;AAAA,QACA,aAAAG;AAAA,QACA,kBAAkB;AAAA,QAClB,YAAYP;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}

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

@@ -23,4 +23,6 @@ export declare function CreatePaymentFlowContextual(): import("react").JSX.Eleme
 /** @internal */
 export declare function ViewPaymentFlowContextual(): import("react").JSX.Element;
 /** @internal */
+export declare function HistoricalPaymentFlowContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function InformationRequestsContextual(): import("react").JSX.Element;

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

@@ -1,44 +1,56 @@
 import { jsx as r } from "react/jsx-runtime";
 import { PaymentsListInternal as i } from "../PaymentsList/PaymentsList.js";
-import { CreatePaymentInternalFlow as u } from "../CreatePaymentFlow/CreatePaymentFlow.js";
-import { ViewPaymentInternalFlow as c } from "../ViewPaymentFlow/ViewPaymentFlow.js";
-import { useFlow as o } from "../../../Flow/useFlow.js";
+import { CreatePaymentInternalFlow as c } from "../CreatePaymentFlow/CreatePaymentFlow.js";
+import { ViewPaymentInternalFlow as s } from "../ViewPaymentFlow/ViewPaymentFlow.js";
+import { HistoricalPaymentInternalFlow as u } from "../HistoricalPaymentFlow/HistoricalPaymentFlow.js";
+import { useFlow as e } from "../../../Flow/useFlow.js";
 import { ensureRequired as a } from "../../../../helpers/ensureRequired.js";
-import { InformationRequestsFlow as s } from "../../../InformationRequests/InformationRequests.js";
-function x() {
-  const { companyId: n, onEvent: t, alerts: e } = o();
-  return /* @__PURE__ */ r(i, { onEvent: t, companyId: a(n), alerts: e });
+import { InformationRequestsFlow as d } from "../../../InformationRequests/InformationRequests.js";
+function b() {
+  const { companyId: n, onEvent: t, alerts: o } = e();
+  return /* @__PURE__ */ r(i, { onEvent: t, companyId: a(n), alerts: o });
 }
 function m() {
-  const { header: n } = o(), t = n?.type === "breadcrumbs" ? n.breadcrumbs?.landing?.[0] : void 0;
+  const { header: n } = e(), t = n?.type === "breadcrumbs" ? n.breadcrumbs?.landing?.[0] : void 0;
   return t ? [t] : void 0;
 }
-function b() {
-  const { companyId: n, onEvent: t } = o(), e = m();
+function F() {
+  const { companyId: n, onEvent: t } = e(), o = m();
   return /* @__PURE__ */ r(
-    u,
+    c,
     {
       companyId: a(n),
       onEvent: t,
-      prefixBreadcrumbs: e
+      prefixBreadcrumbs: o
     }
   );
 }
-function P() {
-  const { currentPaymentId: n, onEvent: t } = o(), e = m();
+function v() {
+  const { currentPaymentId: n, onEvent: t } = e(), o = m();
   return /* @__PURE__ */ r(
-    c,
+    s,
     {
       paymentId: a(n),
       onEvent: t,
-      prefixBreadcrumbs: e
+      prefixBreadcrumbs: o
     }
   );
 }
-function v() {
-  const { companyId: n, onEvent: t } = o();
+function C() {
+  const { companyId: n, onEvent: t } = e(), o = m();
   return /* @__PURE__ */ r(
-    s,
+    u,
+    {
+      companyId: a(n),
+      onEvent: t,
+      prefixBreadcrumbs: o
+    }
+  );
+}
+function B() {
+  const { companyId: n, onEvent: t } = e();
+  return /* @__PURE__ */ r(
+    d,
     {
       companyId: a(n),
       withAlert: !1,
@@ -47,9 +59,10 @@ function v() {
   );
 }
 export {
-  b as CreatePaymentFlowContextual,
-  v as InformationRequestsContextual,
-  x as PaymentListContextual,
-  P as ViewPaymentFlowContextual
+  F as CreatePaymentFlowContextual,
+  C as HistoricalPaymentFlowContextual,
+  B as InformationRequestsContextual,
+  b as PaymentListContextual,
+  v as ViewPaymentFlowContextual
 };
 //# 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 { PaymentsListInternal } from '../PaymentsList/PaymentsList'\nimport { CreatePaymentInternalFlow } from '../CreatePaymentFlow/CreatePaymentFlow'\nimport { ViewPaymentInternalFlow } from '../ViewPaymentFlow/ViewPaymentFlow'\nimport type { InternalAlert } from '../types'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link PaymentFlow}.\n *\n * @public\n */\nexport interface PaymentFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/** @internal */\nexport interface PaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  currentPaymentId?: string\n  alerts?: InternalAlert[]\n}\n\n/** @internal */\nexport function PaymentListContextual() {\n  const { companyId, onEvent, alerts } = useFlow<PaymentFlowContextInterface>()\n  return (\n    <PaymentsListInternal onEvent={onEvent} companyId={ensureRequired(companyId)} alerts={alerts} />\n  )\n}\n\nfunction useLandingPrefixBreadcrumbs() {\n  const { header } = useFlow<PaymentFlowContextInterface>()\n  const landingBreadcrumb =\n    header?.type === 'breadcrumbs' ? header.breadcrumbs?.landing?.[0] : undefined\n  return landingBreadcrumb ? [landingBreadcrumb] : undefined\n}\n\n/** @internal */\nexport function CreatePaymentFlowContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  const prefixBreadcrumbs = useLandingPrefixBreadcrumbs()\n\n  return (\n    <CreatePaymentInternalFlow\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      prefixBreadcrumbs={prefixBreadcrumbs}\n    />\n  )\n}\n\n/** @internal */\nexport function ViewPaymentFlowContextual() {\n  const { currentPaymentId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  const prefixBreadcrumbs = useLandingPrefixBreadcrumbs()\n\n  return (\n    <ViewPaymentInternalFlow\n      paymentId={ensureRequired(currentPaymentId)}\n      onEvent={onEvent}\n      prefixBreadcrumbs={prefixBreadcrumbs}\n    />\n  )\n}\n\n/** @internal */\nexport function InformationRequestsContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return (\n    <InformationRequestsFlow\n      companyId={ensureRequired(companyId)}\n      withAlert={false}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PaymentListContextual","companyId","onEvent","alerts","useFlow","PaymentsListInternal","ensureRequired","useLandingPrefixBreadcrumbs","header","landingBreadcrumb","CreatePaymentFlowContextual","prefixBreadcrumbs","jsx","CreatePaymentInternalFlow","ViewPaymentFlowContextual","currentPaymentId","ViewPaymentInternalFlow","InformationRequestsContextual","InformationRequestsFlow"],"mappings":";;;;;;;AA2BO,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AACvC,2BACGC,GAAA,EAAqB,SAAAH,GAAkB,WAAWI,EAAeL,CAAS,GAAG,QAAAE,GAAgB;AAElG;AAEA,SAASI,IAA8B;AACrC,QAAM,EAAE,QAAAC,EAAA,IAAWJ,EAAA,GACbK,IACJD,GAAQ,SAAS,gBAAgBA,EAAO,aAAa,UAAU,CAAC,IAAI;AACtE,SAAOC,IAAoB,CAACA,CAAiB,IAAI;AACnD;AAGO,SAASC,IAA8B;AAC5C,QAAM,EAAE,WAAAT,GAAW,SAAAC,EAAA,IAAYE,EAAA,GACzBO,IAAoBJ,EAAA;AAE1B,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWP,EAAeL,CAAS;AAAA,MACnC,SAAAC;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASG,IAA4B;AAC1C,QAAM,EAAE,kBAAAC,GAAkB,SAAAb,EAAA,IAAYE,EAAA,GAChCO,IAAoBJ,EAAA;AAE1B,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWV,EAAeS,CAAgB;AAAA,MAC1C,SAAAb;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASM,IAAgC;AAC9C,QAAM,EAAE,WAAAhB,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,SACE,gBAAAQ;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAWZ,EAAeL,CAAS;AAAA,MACnC,WAAW;AAAA,MACX,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.tsx"],"sourcesContent":["import { PaymentsListInternal } from '../PaymentsList/PaymentsList'\nimport { CreatePaymentInternalFlow } from '../CreatePaymentFlow/CreatePaymentFlow'\nimport { ViewPaymentInternalFlow } from '../ViewPaymentFlow/ViewPaymentFlow'\nimport { HistoricalPaymentInternalFlow } from '../HistoricalPaymentFlow/HistoricalPaymentFlow'\nimport type { InternalAlert } from '../types'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link PaymentFlow}.\n *\n * @public\n */\nexport interface PaymentFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/** @internal */\nexport interface PaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  currentPaymentId?: string\n  alerts?: InternalAlert[]\n}\n\n/** @internal */\nexport function PaymentListContextual() {\n  const { companyId, onEvent, alerts } = useFlow<PaymentFlowContextInterface>()\n  return (\n    <PaymentsListInternal onEvent={onEvent} companyId={ensureRequired(companyId)} alerts={alerts} />\n  )\n}\n\nfunction useLandingPrefixBreadcrumbs() {\n  const { header } = useFlow<PaymentFlowContextInterface>()\n  const landingBreadcrumb =\n    header?.type === 'breadcrumbs' ? header.breadcrumbs?.landing?.[0] : undefined\n  return landingBreadcrumb ? [landingBreadcrumb] : undefined\n}\n\n/** @internal */\nexport function CreatePaymentFlowContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  const prefixBreadcrumbs = useLandingPrefixBreadcrumbs()\n\n  return (\n    <CreatePaymentInternalFlow\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      prefixBreadcrumbs={prefixBreadcrumbs}\n    />\n  )\n}\n\n/** @internal */\nexport function ViewPaymentFlowContextual() {\n  const { currentPaymentId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  const prefixBreadcrumbs = useLandingPrefixBreadcrumbs()\n\n  return (\n    <ViewPaymentInternalFlow\n      paymentId={ensureRequired(currentPaymentId)}\n      onEvent={onEvent}\n      prefixBreadcrumbs={prefixBreadcrumbs}\n    />\n  )\n}\n\n/** @internal */\nexport function HistoricalPaymentFlowContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  const prefixBreadcrumbs = useLandingPrefixBreadcrumbs()\n\n  return (\n    <HistoricalPaymentInternalFlow\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      prefixBreadcrumbs={prefixBreadcrumbs}\n    />\n  )\n}\n\n/** @internal */\nexport function InformationRequestsContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return (\n    <InformationRequestsFlow\n      companyId={ensureRequired(companyId)}\n      withAlert={false}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PaymentListContextual","companyId","onEvent","alerts","useFlow","PaymentsListInternal","ensureRequired","useLandingPrefixBreadcrumbs","header","landingBreadcrumb","CreatePaymentFlowContextual","prefixBreadcrumbs","jsx","CreatePaymentInternalFlow","ViewPaymentFlowContextual","currentPaymentId","ViewPaymentInternalFlow","HistoricalPaymentFlowContextual","HistoricalPaymentInternalFlow","InformationRequestsContextual","InformationRequestsFlow"],"mappings":";;;;;;;;AA4BO,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AACvC,2BACGC,GAAA,EAAqB,SAAAH,GAAkB,WAAWI,EAAeL,CAAS,GAAG,QAAAE,GAAgB;AAElG;AAEA,SAASI,IAA8B;AACrC,QAAM,EAAE,QAAAC,EAAA,IAAWJ,EAAA,GACbK,IACJD,GAAQ,SAAS,gBAAgBA,EAAO,aAAa,UAAU,CAAC,IAAI;AACtE,SAAOC,IAAoB,CAACA,CAAiB,IAAI;AACnD;AAGO,SAASC,IAA8B;AAC5C,QAAM,EAAE,WAAAT,GAAW,SAAAC,EAAA,IAAYE,EAAA,GACzBO,IAAoBJ,EAAA;AAE1B,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWP,EAAeL,CAAS;AAAA,MACnC,SAAAC;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASG,IAA4B;AAC1C,QAAM,EAAE,kBAAAC,GAAkB,SAAAb,EAAA,IAAYE,EAAA,GAChCO,IAAoBJ,EAAA;AAE1B,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWV,EAAeS,CAAgB;AAAA,MAC1C,SAAAb;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASM,IAAkC;AAChD,QAAM,EAAE,WAAAhB,GAAW,SAAAC,EAAA,IAAYE,EAAA,GACzBO,IAAoBJ,EAAA;AAE1B,SACE,gBAAAK;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAWZ,EAAeL,CAAS;AAAA,MACnC,SAAAC;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASQ,IAAgC;AAC9C,QAAM,EAAE,WAAAlB,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,SACE,gBAAAQ;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,WAAWd,EAAeL,CAAS;AAAA,MACnC,WAAW;AAAA,MACX,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -3,9 +3,10 @@ import { BreadcrumbNodes } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbs
  * Hub-level breadcrumb nodes for {@link PaymentFlow}.
  *
  * @remarks
- * Only `landing` is defined here — the `createPayment` and `history` spokes own and render their
- * own breadcrumb trails (via `CreatePaymentFlow`/`ViewPaymentFlow`), prefixed with this `landing`
- * item so the trail reads continuously across the hub/spoke boundary.
+ * Only `landing` is defined here — the `createPayment`, `historicalPayment`, and `history` spokes
+ * own and render their own breadcrumb trails (via `CreatePaymentFlow`/`HistoricalPaymentFlow`/
+ * `ViewPaymentFlow`), prefixed with this `landing` item so the trail reads continuously across the
+ * hub/spoke boundary.
  *
  * @internal
  */
@@ -14,17 +15,18 @@ export declare const paymentFlowBreadcrumbsNodes: BreadcrumbNodes;
  * Hub machine for {@link PaymentFlow}.
  *
  * @remarks
- * `createPayment` and `history` each stay active for the full lifetime of their respective spoke
- * (`CreatePaymentFlow`, `ViewPaymentFlow`) rather than tracking the spoke's internal screen. The
- * spoke's own machine drives its internal steps and breadcrumb trail; events it can't handle
- * locally (e.g. the `landing` breadcrumb, or a terminal exit/cancel event) bubble up here to
- * transition the hub back to `landing`.
+ * `createPayment`, `historicalPayment`, and `history` each stay active for the full lifetime of
+ * their respective spoke (`CreatePaymentFlow`, `HistoricalPaymentFlow`, `ViewPaymentFlow`) rather
+ * than tracking the spoke's internal screen. The spoke's own machine drives its internal steps and
+ * breadcrumb trail; events it can't handle locally (e.g. the `landing` breadcrumb, or a terminal
+ * exit/cancel event) bubble up here to transition the hub back to `landing`.
  *
  * @internal
  */
 export declare const paymentMachine: {
     landing: import('robot3').MachineState<any>;
     createPayment: import('robot3').MachineState<any>;
+    historicalPayment: import('robot3').MachineState<any>;
     history: import('robot3').MachineState<any>;
     informationRequests: import('robot3').MachineState<any>;
 };

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

@@ -1,9 +1,9 @@
 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 { patchBreadcrumbsHeader as r } from "../../../../helpers/breadcrumbHelpers.js";
-import { createBreadcrumbNavigateTransition as R } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const y = {
+import { PaymentListContextual as o, CreatePaymentFlowContextual as l, HistoricalPaymentFlowContextual as s, ViewPaymentFlowContextual as u, InformationRequestsContextual as R } from "./PaymentFlowComponents.js";
+import { informationRequestEvents as d, componentEvents as r, payrollWireEvents as T } from "../../../../shared/constants.js";
+import { patchBreadcrumbsHeader as a } from "../../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as C } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const A = {
   landing: {
     parent: null,
     item: {
@@ -11,16 +11,25 @@ const y = {
       label: "breadcrumbLabel",
       namespace: "Contractor.Payments.PaymentsList",
       onNavigate: ((e) => ({
-        ...r(e, { currentBreadcrumbId: void 0 }),
+        ...a(e, { currentBreadcrumbId: void 0 }),
         component: o
       }))
     }
   }
-}, d = R(), _ = {
+}, c = C(), y = {
   landing: i(
     t(
-      a.CONTRACTOR_PAYMENT_CREATE,
+      r.CONTRACTOR_PAYMENT_CREATE,
       "createPayment",
+      n((e) => ({
+        ...e,
+        component: l,
+        alerts: void 0
+      }))
+    ),
+    t(
+      r.CONTRACTOR_HISTORICAL_PAYMENT_CREATE,
+      "historicalPayment",
       n((e) => ({
         ...e,
         component: s,
@@ -28,7 +37,7 @@ const y = {
       }))
     ),
     t(
-      a.CONTRACTOR_PAYMENT_VIEW,
+      r.CONTRACTOR_PAYMENT_VIEW,
       "history",
       n(
         (e, m) => ({
@@ -40,15 +49,15 @@ const y = {
       )
     ),
     t(
-      a.CONTRACTOR_PAYMENT_RFI_RESPOND,
+      r.CONTRACTOR_PAYMENT_RFI_RESPOND,
       "informationRequests",
       n((e) => ({
-        ...r(e, { currentBreadcrumbId: void 0 }),
-        component: l
+        ...a(e, { currentBreadcrumbId: void 0 }),
+        component: R
       }))
     ),
     t(
-      p.PAYROLL_WIRE_FORM_DONE,
+      T.PAYROLL_WIRE_FORM_DONE,
       "landing",
       n(
         (e, m) => ({
@@ -66,22 +75,34 @@ const y = {
   ),
   createPayment: i(
     t(
-      a.CONTRACTOR_PAYMENT_EXIT,
+      r.CONTRACTOR_PAYMENT_EXIT,
+      "landing",
+      n((e) => ({
+        ...a(e, { currentBreadcrumbId: void 0 }),
+        component: o,
+        alerts: void 0
+      }))
+    ),
+    c("landing")
+  ),
+  historicalPayment: i(
+    t(
+      r.CONTRACTOR_HISTORICAL_PAYMENT_EXIT,
       "landing",
       n((e) => ({
-        ...r(e, { currentBreadcrumbId: void 0 }),
+        ...a(e, { currentBreadcrumbId: void 0 }),
         component: o,
         alerts: void 0
       }))
     ),
-    d("landing")
+    c("landing")
   ),
   history: i(
     t(
-      a.CONTRACTOR_PAYMENT_CANCEL,
+      r.CONTRACTOR_PAYMENT_CANCEL,
       "landing",
       n((e) => ({
-        ...r(e, { currentBreadcrumbId: void 0 }),
+        ...a(e, { currentBreadcrumbId: void 0 }),
         component: o,
         alerts: [
           {
@@ -91,29 +112,29 @@ const y = {
         ]
       }))
     ),
-    d("landing")
+    c("landing")
   ),
   informationRequests: i(
     t(
-      c.INFORMATION_REQUEST_FORM_DONE,
+      d.INFORMATION_REQUEST_FORM_DONE,
       "landing",
       n((e) => ({
-        ...r(e, { currentBreadcrumbId: void 0 }),
+        ...a(e, { currentBreadcrumbId: void 0 }),
         component: o
       }))
     ),
     t(
-      c.INFORMATION_REQUEST_FORM_CANCEL,
+      d.INFORMATION_REQUEST_FORM_CANCEL,
       "landing",
       n((e) => ({
-        ...r(e, { currentBreadcrumbId: void 0 }),
+        ...a(e, { currentBreadcrumbId: void 0 }),
         component: o
       }))
     )
   )
 };
 export {
-  y as paymentFlowBreadcrumbsNodes,
-  _ as paymentMachine
+  A as paymentFlowBreadcrumbsNodes,
+  y 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 { reduce, state, transition } from 'robot3'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport {\n  CreatePaymentFlowContextual,\n  HistoricalPaymentFlowContextual,\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_HISTORICAL_PAYMENT_CREATE]: undefined\n  [componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EXIT]: undefined\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`, `historicalPayment`, and `history` spokes\n * own and render their own breadcrumb trails (via `CreatePaymentFlow`/`HistoricalPaymentFlow`/\n * `ViewPaymentFlow`), prefixed with this `landing` item so the trail reads continuously across the\n * 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`, `historicalPayment`, and `history` each stay active for the full lifetime of\n * their respective spoke (`CreatePaymentFlow`, `HistoricalPaymentFlow`, `ViewPaymentFlow`) rather\n * than tracking the spoke's internal screen. The spoke's own machine drives its internal steps and\n * breadcrumb trail; events it can't handle locally (e.g. the `landing` breadcrumb, or a terminal\n * exit/cancel event) bubble up here to 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_HISTORICAL_PAYMENT_CREATE,\n      'historicalPayment',\n      reduce((ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => {\n        return {\n          ...ctx,\n          component: HistoricalPaymentFlowContextual,\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  historicalPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_HISTORICAL_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","HistoricalPaymentFlowContextual","ev","ViewPaymentFlowContextual","InformationRequestsContextual","payrollWireEvents","informationRequestEvents"],"mappings":";;;;;AAkDO,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,EAAO,CAACT,OACC;AAAA,QACL,GAAGA;AAAA,QACH,WAAWW;AAAA,QACX,QAAQ;AAAA,MAAA,EAEX;AAAA,IAAA;AAAA,IAEHJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACET,GACAY,OAEO;AAAA,UACL,GAAGZ;AAAA,UACH,WAAWa;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,UAC7B,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWc;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,IAEHP;AAAA,MACEQ,EAAkB;AAAA,MAClB;AAAA,MACAN;AAAA,QACE,CACET,GACAY,OAEO;AAAA,UACL,GAAGZ;AAAA,UACH,QAAQ;AAAA,YACN;AAAA,cACE,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAASY,EAAG,QAAQ,kBAAkB;AAAA,YAAA;AAAA,UACxC;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EAEF,eAAeN;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,mBAAmBG;AAAA,IACjBC;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,MACES,EAAyB;AAAA,MACzB;AAAA,MACAP,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,IAEHK;AAAA,MACES,EAAyB;AAAA,MACzB;AAAA,MACAP,EAAO,CAACT,OACC;AAAA,QACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,QACjE,WAAWE;AAAA,MAAA,EAEd;AAAA,IAAA;AAAA,EACH;AAEJ;"}