@gusto/embedded-react-sdk 0.55.0 → 0.55.2

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