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

package/dist/components/Contractor/Payments/CreatePaymentFlow/createPaymentMachine.d.ts

@@ -0,0 +1,8 @@
+import { BreadcrumbNodes } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+/** @internal */
+export declare const createPaymentBreadcrumbsNodes: BreadcrumbNodes;
+/** @internal */
+export declare const createPaymentMachine: {
+    createPayment: import('../../../../lib/state-machine').StateDefinition;
+    paymentSummary: import('../../../../lib/state-machine').StateDefinition;
+};

package/dist/components/Contractor/Payments/CreatePaymentFlow/createPaymentMachine.js

@@ -0,0 +1,64 @@
+import { PaymentSummaryContextual as o } from "./CreatePaymentFlowComponents.js";
+import "react";
+import { state as a, transition as m, reduce as r } from "../../../../lib/state-machine/core.js";
+import { componentEvents as y, payrollWireEvents as c } from "../../../../shared/constants.js";
+import { updateBreadcrumbs as n } from "../../../../helpers/breadcrumbHelpers.js";
+const d = {
+  createPayment: {
+    parent: null,
+    item: {
+      id: "createPayment",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.CreatePayment",
+      onNavigate: ((e) => ({
+        ...n("createPayment", e)
+      }))
+    }
+  },
+  paymentSummary: {
+    parent: null,
+    item: {
+      id: "paymentSummary",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.PaymentSummary"
+    }
+  }
+}, P = {
+  createPayment: a(
+    m(
+      y.CONTRACTOR_PAYMENT_CREATED,
+      "paymentSummary",
+      r(
+        (e, t) => ({
+          ...n("paymentSummary", e),
+          component: o,
+          createdPaymentGroupId: t.payload.uuid,
+          alerts: void 0
+        })
+      )
+    )
+  ),
+  paymentSummary: a(
+    m(
+      c.PAYROLL_WIRE_FORM_DONE,
+      "paymentSummary",
+      r(
+        (e, t) => ({
+          ...e,
+          alerts: [
+            {
+              type: "success",
+              title: "wireDetailsSubmitted",
+              content: t.payload.confirmationAlert.content
+            }
+          ]
+        })
+      )
+    )
+  )
+};
+export {
+  d as createPaymentBreadcrumbsNodes,
+  P as createPaymentMachine
+};
+//# sourceMappingURL=createPaymentMachine.js.map

package/dist/components/Contractor/Payments/CreatePaymentFlow/createPaymentMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPaymentMachine.js","sources":["../../../../../src/components/Contractor/Payments/CreatePaymentFlow/createPaymentMachine.ts"],"sourcesContent":["import type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport {\n  PaymentSummaryContextual,\n  type CreatePaymentFlowContextInterface,\n} from './CreatePaymentFlowComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { payrollWireEvents, componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_CREATED]: ContractorPaymentGroup\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    wireInRequest: WireInRequest\n    confirmationAlert: {\n      title: string\n      content?: string\n    }\n  }\n}\n\n/** @internal */\nexport const createPaymentBreadcrumbsNodes: BreadcrumbNodes = {\n  createPayment: {\n    parent: null,\n    item: {\n      id: 'createPayment',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.CreatePayment',\n      onNavigate: ((ctx: CreatePaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('createPayment', ctx),\n      })) as (context: unknown) => unknown,\n    },\n  },\n  paymentSummary: {\n    parent: null,\n    item: {\n      id: 'paymentSummary',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentSummary',\n    },\n  },\n}\n\n/** @internal */\nexport const createPaymentMachine = {\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATED,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: CreatePaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATED>,\n        ): CreatePaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('paymentSummary', ctx),\n            component: PaymentSummaryContextual,\n            createdPaymentGroupId: ev.payload.uuid,\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  paymentSummary: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'paymentSummary',\n      reduce(\n        (\n          ctx: CreatePaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): CreatePaymentFlowContextInterface => {\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}\n"],"names":["createPaymentBreadcrumbsNodes","ctx","updateBreadcrumbs","createPaymentMachine","state","transition","componentEvents","reduce","ev","PaymentSummaryContextual","payrollWireEvents"],"mappings":";;;;;AAwBO,MAAMA,IAAiD;AAAA,EAC5D,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAA4C;AAAA,QACxD,GAAGC,EAAkB,iBAAiBD,CAAG;AAAA,MAAA;AAAA,IAC3C;AAAA,EACF;AAAA,EAEF,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAGaE,IAAuB;AAAA,EAClC,eAAeC;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEN,GACAO,OAEO;AAAA,UACL,GAAGN,EAAkB,kBAAkBD,CAAG;AAAA,UAC1C,WAAWQ;AAAA,UACX,uBAAuBD,EAAG,QAAQ;AAAA,UAClC,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,EACF;AAAA,EAEF,gBAAgBJ;AAAA,IACdC;AAAA,MACEK,EAAkB;AAAA,MAClB;AAAA,MACAH;AAAA,QACE,CACEN,GACAO,OAEO;AAAA,UACL,GAAGP;AAAA,UACH,QAAQ;AAAA,YACN;AAAA,cACE,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAASO,EAAG,QAAQ,kBAAkB;AAAA,YAAA;AAAA,UACxC;AAAA,QACF;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/Contractor/Payments/CreatePaymentFlow/createPaymentMachine.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { CreatePaymentFlow } from './CreatePaymentFlow';
+export type { CreatePaymentFlowProps } from './CreatePaymentFlowComponents';

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

@@ -0,0 +1,30 @@
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link HistoricalPaymentSummary}.
+ *
+ * @alpha
+ */
+export interface HistoricalPaymentSummaryProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentSummary'> {
+    /** UUID of the historical contractor payment group to summarize. */
+    paymentGroupId: string;
+    /** UUID of the company that owns the payment group. */
+    companyId: string;
+}
+/**
+ * Displays the summary of a successfully recorded historical contractor payment.
+ *
+ * @remarks
+ * Fetches the created contractor payment group by ID and renders a per-contractor breakdown.
+ * Historical payments don't move money, so unlike `PaymentSummary` there is no debit account,
+ * debit date, or wire-transfer confirmation to show.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/historicalPayments/exit` | User is done reviewing the summary. | — |
+ *
+ * @param props - See {@link HistoricalPaymentSummaryProps}.
+ * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.
+ * @alpha
+ */
+export declare function HistoricalPaymentSummary(props: HistoricalPaymentSummaryProps): import("react").JSX.Element;

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

@@ -0,0 +1,56 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { useTranslation as S } from "react-i18next";
+import { useContractorPaymentGroupsGetSuspense as g } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGet";
+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 "../../../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 }) });
+}
+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({
+    contractorPaymentGroupUuid: r
+  }), n = C.contractorPaymentGroup, { data: P } = T({ companyUuid: c }), h = (P.contractors || []).filter(
+    (i) => i.isActive && i.onboardingStatus === I.ONBOARDING_COMPLETED
+  );
+  if (!n)
+    return null;
+  const D = () => {
+    u(E.CONTRACTOR_HISTORICAL_PAYMENT_EXIT);
+  };
+  return /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ t(p, { status: "success", label: o("successTitle"), children: /* @__PURE__ */ t(m, { children: o("successMessage", {
+      count: n.contractorPayments?.length ?? 0
+    }) }) }),
+    /* @__PURE__ */ e(a, { justifyContent: "space-between", alignItems: "flex-start", children: [
+      /* @__PURE__ */ e(a, { flexDirection: "column", gap: 2, children: [
+        /* @__PURE__ */ t(l, { as: "h2", children: o("summaryTitle") }),
+        /* @__PURE__ */ t(m, { variant: "supporting", children: o("summarySubtitle", {
+          checkDate: f(n.checkDate ?? "")
+        }) })
+      ] }),
+      /* @__PURE__ */ t(y, { onClick: D, variant: "primary", children: o("doneCta") })
+    ] }),
+    /* @__PURE__ */ t(
+      L,
+      {
+        contractorPaymentGroup: n,
+        contractors: h,
+        showDebitColumns: !1,
+        dictionary: d
+      }
+    )
+  ] });
+}
+export {
+  q as HistoricalPaymentSummary
+};
+//# sourceMappingURL=HistoricalPaymentSummary.js.map

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

@@ -0,0 +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;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,6 @@
 import { InternalAlert } from '../types';
 import { FlowContextInterface } from '../../../Flow/useFlow';
 import { BaseComponentInterface } from '../../../Base';
-import { BreadcrumbTrail } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
 /**
  * Props for {@link PaymentFlow}.
  *
@@ -14,21 +13,14 @@ export interface PaymentFlowProps extends BaseComponentInterface<never> {
 /** @internal */
 export interface PaymentFlowContextInterface extends FlowContextInterface {
     companyId: string;
-    breadcrumbs?: BreadcrumbTrail;
     currentPaymentId?: string;
-    currentContractorUuid?: string;
-    createdPaymentGroupId?: string;
     alerts?: InternalAlert[];
 }
 /** @internal */
 export declare function PaymentListContextual(): import("react").JSX.Element;
 /** @internal */
-export declare function CreatePaymentContextual(): import("react").JSX.Element;
+export declare function CreatePaymentFlowContextual(): import("react").JSX.Element;
 /** @internal */
-export declare function PaymentHistoryContextual(): import("react").JSX.Element;
-/** @internal */
-export declare function PaymentStatementContextual(): import("react").JSX.Element;
-/** @internal */
-export declare function PaymentSummaryContextual(): import("react").JSX.Element;
+export declare function ViewPaymentFlowContextual(): import("react").JSX.Element;
 /** @internal */
 export declare function InformationRequestsContextual(): import("react").JSX.Element;

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

@@ -1,64 +1,55 @@
-import { jsx as e } from "react/jsx-runtime";
-import { PaymentsListInternal as u } from "../PaymentsList/PaymentsList.js";
-import { CreatePayment as y } from "../CreatePayment/CreatePayment.js";
-import { PaymentHistory as c } from "../PaymentHistory/PaymentHistory.js";
-import { PaymentStatement as i } from "../PaymentStatement/PaymentStatement.js";
-import { PaymentSummaryInternal as p } from "../PaymentSummary/PaymentSummary.js";
-import { useFlow as r } from "../../../Flow/useFlow.js";
-import { ensureRequired as o } from "../../../../helpers/ensureRequired.js";
+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 { ensureRequired as a } from "../../../../helpers/ensureRequired.js";
 import { InformationRequestsFlow as s } from "../../../InformationRequests/InformationRequests.js";
-function S() {
-  const { companyId: t, onEvent: n, alerts: m } = r();
-  return /* @__PURE__ */ e(u, { onEvent: n, companyId: o(t), alerts: m });
+function x() {
+  const { companyId: n, onEvent: t, alerts: e } = o();
+  return /* @__PURE__ */ r(i, { onEvent: t, companyId: a(n), alerts: e });
 }
-function q() {
-  const { companyId: t, onEvent: n } = r();
-  return /* @__PURE__ */ e(y, { onEvent: n, companyId: o(t) });
+function m() {
+  const { header: n } = o(), t = n?.type === "breadcrumbs" ? n.breadcrumbs?.landing?.[0] : void 0;
+  return t ? [t] : void 0;
 }
-function w() {
-  const { currentPaymentId: t, onEvent: n } = r();
-  return /* @__PURE__ */ e(c, { onEvent: n, paymentId: o(t) });
-}
-function G() {
-  const { currentPaymentId: t, currentContractorUuid: n, onEvent: m } = r();
-  return /* @__PURE__ */ e(
-    i,
+function b() {
+  const { companyId: n, onEvent: t } = o(), e = m();
+  return /* @__PURE__ */ r(
+    u,
     {
-      onEvent: m,
-      paymentGroupId: o(t),
-      contractorUuid: o(n)
+      companyId: a(n),
+      onEvent: t,
+      prefixBreadcrumbs: e
     }
   );
 }
-function R() {
-  const { createdPaymentGroupId: t, companyId: n, onEvent: m, alerts: a } = r();
-  return /* @__PURE__ */ e(
-    p,
+function P() {
+  const { currentPaymentId: n, onEvent: t } = o(), e = m();
+  return /* @__PURE__ */ r(
+    c,
     {
-      onEvent: m,
-      paymentGroupId: o(t),
-      companyId: o(n),
-      alerts: a
+      paymentId: a(n),
+      onEvent: t,
+      prefixBreadcrumbs: e
     }
   );
 }
-function F() {
-  const { companyId: t, onEvent: n } = r();
-  return /* @__PURE__ */ e(
+function v() {
+  const { companyId: n, onEvent: t } = o();
+  return /* @__PURE__ */ r(
     s,
     {
-      companyId: o(t),
+      companyId: a(n),
       withAlert: !1,
-      onEvent: n
+      onEvent: t
     }
   );
 }
 export {
-  q as CreatePaymentContextual,
-  F as InformationRequestsContextual,
-  w as PaymentHistoryContextual,
-  S as PaymentListContextual,
-  G as PaymentStatementContextual,
-  R as PaymentSummaryContextual
+  b as CreatePaymentFlowContextual,
+  v as InformationRequestsContextual,
+  x as PaymentListContextual,
+  P 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 { CreatePayment } from '../CreatePayment/CreatePayment'\nimport { PaymentHistory } from '../PaymentHistory/PaymentHistory'\nimport { PaymentStatement } from '../PaymentStatement/PaymentStatement'\nimport { PaymentSummaryInternal } from '../PaymentSummary/PaymentSummary'\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 type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\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  breadcrumbs?: BreadcrumbTrail\n  currentPaymentId?: string\n  currentContractorUuid?: string\n  createdPaymentGroupId?: 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\n/** @internal */\nexport function CreatePaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function PaymentHistoryContextual() {\n  const { currentPaymentId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentHistory onEvent={onEvent} paymentId={ensureRequired(currentPaymentId)} />\n}\n\n/** @internal */\nexport function PaymentStatementContextual() {\n  const { currentPaymentId, currentContractorUuid, onEvent } =\n    useFlow<PaymentFlowContextInterface>()\n  return (\n    <PaymentStatement\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(currentPaymentId)}\n      contractorUuid={ensureRequired(currentContractorUuid)}\n    />\n  )\n}\n\n/** @internal */\nexport function PaymentSummaryContextual() {\n  const { createdPaymentGroupId, companyId, onEvent, alerts } =\n    useFlow<PaymentFlowContextInterface>()\n\n  return (\n    <PaymentSummaryInternal\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(createdPaymentGroupId)}\n      companyId={ensureRequired(companyId)}\n      alerts={alerts}\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","CreatePaymentContextual","CreatePayment","PaymentHistoryContextual","currentPaymentId","PaymentHistory","PaymentStatementContextual","currentContractorUuid","jsx","PaymentStatement","PaymentSummaryContextual","createdPaymentGroupId","PaymentSummaryInternal","InformationRequestsContextual","InformationRequestsFlow"],"mappings":";;;;;;;;;AAiCO,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;AAGO,SAASI,IAA0B;AACxC,QAAM,EAAE,WAAAN,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,2BAAQI,GAAA,EAAc,SAAAN,GAAkB,WAAWI,EAAeL,CAAS,GAAG;AAChF;AAGO,SAASQ,IAA2B;AACzC,QAAM,EAAE,kBAAAC,GAAkB,SAAAR,EAAA,IAAYE,EAAA;AACtC,2BAAQO,GAAA,EAAe,SAAAT,GAAkB,WAAWI,EAAeI,CAAgB,GAAG;AACxF;AAGO,SAASE,IAA6B;AAC3C,QAAM,EAAE,kBAAAF,GAAkB,uBAAAG,GAAuB,SAAAX,EAAA,IAC/CE,EAAA;AACF,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,gBAAgBI,EAAeI,CAAgB;AAAA,MAC/C,gBAAgBJ,EAAeO,CAAqB;AAAA,IAAA;AAAA,EAAA;AAG1D;AAGO,SAASG,IAA2B;AACzC,QAAM,EAAE,uBAAAC,GAAuB,WAAAhB,GAAW,SAAAC,GAAS,QAAAC,EAAA,IACjDC,EAAA;AAEF,SACE,gBAAAU;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAhB;AAAA,MACA,gBAAgBI,EAAeW,CAAqB;AAAA,MACpD,WAAWX,EAAeL,CAAS;AAAA,MACnC,QAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASgB,IAAgC;AAC9C,QAAM,EAAE,WAAAlB,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,SACE,gBAAAU;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAWd,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 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;"}

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

@@ -1,12 +1,30 @@
 import { BreadcrumbNodes } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
-/** @internal */
+/**
+ * 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.
+ *
+ * @internal
+ */
 export declare const paymentFlowBreadcrumbsNodes: BreadcrumbNodes;
-/** @internal */
+/**
+ * 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`.
+ *
+ * @internal
+ */
 export declare const paymentMachine: {
-    landing: import('robot3').MachineState<any>;
-    createPayment: import('robot3').MachineState<any>;
-    paymentSummary: import('robot3').MachineState<any>;
-    history: import('robot3').MachineState<any>;
-    statement: import('robot3').MachineState<any>;
-    informationRequests: import('robot3').MachineState<any>;
+    landing: import('../../../../lib/state-machine').StateDefinition;
+    createPayment: import('../../../../lib/state-machine').StateDefinition;
+    history: import('../../../../lib/state-machine').StateDefinition;
+    informationRequests: import('../../../../lib/state-machine').StateDefinition;
 };