npm - @stridge/kit - Versions diffs - 0.1.0-alpha.44 → 0.1.0-alpha.45 - Mend

@stridge/kit 0.1.0-alpha.44 → 0.1.0-alpha.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/dist/flows/deposit/widgets/error-state/ErrorState.d.ts CHANGED Viewed

@@ -1,5 +1,13 @@
 import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
-import { ComponentProps } from "react";
+import { ErrorStateBodyProps } from "../../../../shared/widgets/error-state/compound/types.js";
+import { ErrorStateActions } from "../../../../shared/widgets/error-state/compound/components/Actions.js";
+import { ErrorStateDetails } from "../../../../shared/widgets/error-state/compound/components/Details.js";
+import { ErrorStateHeader } from "../../../../shared/widgets/error-state/compound/components/Header.js";
+import { ErrorStateHelpInfo } from "../../../../shared/widgets/error-state/compound/components/HelpInfo.js";
+import { ErrorStateHero } from "../../../../shared/widgets/error-state/compound/components/Hero.js";
+import { ErrorStateMoreDetails } from "../../../../shared/widgets/error-state/compound/components/MoreDetails.js";
+import { ErrorStateDepositTxRow, ErrorStateDestinationRow, ErrorStateFailedAtRow, ErrorStateFillStatusRow, ErrorStateSourceRow, ErrorStateSubmittedAtRow, ErrorStateYouReceiveRow } from "../../../../shared/widgets/error-state/compound/components/Rows.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/deposit/widgets/error-state/ErrorState.d.ts
@@ -13,7 +21,20 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  *   rejection). The widget renders just the headline + reason + Try again, since there's
  *   no settlement record to surface.
  */
-declare function ErrorState(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+interface ErrorStateOwnProps {
+  /**
+   * Optional custom composition. Defaults vary by branch — settlement-derived failures render
+   * the full receipt (`<Header />` + `<Body>` containing `<Hero />` `<Details>…rows…</Details>`
+   * `<HelpInfo />` + `<Actions />`); FSM-derived failures render the minimal headline-only
+   * shape (`<Header />` + `<Body><Hero /></Body>` + `<Actions />`). Pass children once and
+   * they apply to whichever branch renders.
+   */
+  children?: ReactNode;
+}
+declare function ErrorState({
+  children,
+  ...props
+}: ComponentProps<"div"> & ErrorStateOwnProps): _$react_jsx_runtime0.JSX.Element | null;
 declare function ErrorStateDialog({
   open,
   defaultOpen,
@@ -22,9 +43,23 @@ declare function ErrorStateDialog({
   ...rootProps
 }: ErrorState.DialogProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace ErrorState {
-  type Props = ComponentProps<"div">;
-  type DialogProps = ComponentProps<"div"> & DialogShellControls;
+  type Props = ComponentProps<"div"> & ErrorStateOwnProps;
+  type DialogProps = ComponentProps<"div"> & DialogShellControls & ErrorStateOwnProps;
   const Dialog: typeof ErrorStateDialog;
+  const Header: typeof ErrorStateHeader;
+  const Body: (props: ErrorStateBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Hero: typeof ErrorStateHero;
+  const Details: typeof ErrorStateDetails;
+  const FillStatusRow: typeof ErrorStateFillStatusRow;
+  const SourceRow: typeof ErrorStateSourceRow;
+  const DestinationRow: typeof ErrorStateDestinationRow;
+  const YouReceiveRow: typeof ErrorStateYouReceiveRow;
+  const MoreDetails: typeof ErrorStateMoreDetails;
+  const DepositTxRow: typeof ErrorStateDepositTxRow;
+  const SubmittedAtRow: typeof ErrorStateSubmittedAtRow;
+  const FailedAtRow: typeof ErrorStateFailedAtRow;
+  const HelpInfo: typeof ErrorStateHelpInfo;
+  const Actions: typeof ErrorStateActions;
 }
 //#endregion
 export { ErrorState };

package/dist/flows/deposit/widgets/error-state/ErrorState.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as n}from"../../../../shared/orchestrator/failureReason.js";import"../../../../shared/orchestrator/index.js";import{useDepositActions as r,useDepositEffectiveState as i}from"../../orchestrator/controller.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{ErrorState as o}from"../../../../shared/widgets/error-state/compound/ErrorState.js";import"../../../../shared/widgets/error-state/compound/index.js";import{toAssetDescriptor as s}from"../../../../shared/widgets/asset-descriptor.js";import{~~jsx~~ as c,jsxs as l}from"react/jsx-runtime";function u(a){let u=e(),d=i(),{tryAgain:f}=r(),{_:p}=t(),m=n();if(d.name!==`error`)return null;let h=u.settlement,g=h.status===`ready`&&h.payload.kind===`failed`?h.payload:void 0,_=d.name===`error`?d.ctx.failure:void 0,v=p({id:`i-4Fbp`,message:`Deposit failed`}),y=g?m(g.failureKind):_?.reason;if(!g)return l(o,{...a,headline:v,...y?{reason:y}:{},onTryAgain:f,children:[c(o.Header,{}),c(o.Body,{children:c(o.Hero,{})}),c(o.Actions,{})]});let b=g,x={...b.sourceWallet.name===void 0?{}:{name:b.sourceWallet.name},address:b.sourceWallet.address.formatted,...b.sourceWallet.explorerUrl?{explorerUrl:b.sourceWallet.explorerUrl}:{}},S={...b.destination.name===void 0?{}:{name:b.destination.name},address:b.destination.address.formatted},C=s(b.creditedAsset)??{symbol:b.creditedAsset.symbol},w={hash:b.txHash.formatted,...b.txExplorerUrl?{explorerUrl:b.txExplorerUrl}:{}};return l(o,{...a,headline:v,...y?{reason:y}:{},sourceWallet:x,destination:S,receiveAmount:b.receiveAmount.formatted,receiveAsset:C,depositTx:w,submittedAt:b.submittedAt.formatted,failedAt:b.failedAt.formatted,onTryAgain:f,children:[c(o.Header,{}),l(o.Body,{children:[c(o.Hero,{}),l(o.Details,{children:[c(o.FillStatusRow,{}),c(o.SourceRow,{}),c(o.DestinationRow,{}),c(o.YouReceiveRow,{}),l(o.MoreDetails,{children:[c(o.DepositTxRow,{}),c(o.SubmittedAtRow,{}),c(o.FailedAtRow,{})]})]}),c(o.HelpInfo,{})]}),c(o.Actions,{})]})}function d({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return c(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:c(u,{...i})})}(function(e){e.Dialog=d})(u\|\|={});export{u as ErrorState};
1	+ "use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as n}from"../../../../shared/orchestrator/failureReason.js";import"../../../../shared/orchestrator/index.js";import{useDepositActions as r,useDepositEffectiveState as i}from"../../orchestrator/controller.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{ErrorState as o}from"../../../../shared/widgets/error-state/compound/ErrorState.js";import"../../../../shared/widgets/error-state/compound/index.js";import{toAssetDescriptor as s}from"../../../../shared/widgets/asset-descriptor.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";function d({children:a,...d}){let f=e(),p=i(),{tryAgain:m}=r(),{_:h}=t(),g=n();if(p.name!==`error`)return null;let _=f.settlement,v=_.status===`ready`&&_.payload.kind===`failed`?_.payload:void 0,y=p.name===`error`?p.ctx.failure:void 0,b=h({id:`i-4Fbp`,message:`Deposit failed`}),x=v?g(v.failureKind):y?.reason;if(!v)return l(o,{...d,headline:b,...x?{reason:x}:{},onTryAgain:m,children:a??u(c,{children:[l(o.Header,{}),l(o.Body,{children:l(o.Hero,{})}),l(o.Actions,{})]})});let S=v,C={...S.sourceWallet.name===void 0?{}:{name:S.sourceWallet.name},address:S.sourceWallet.address.formatted,...S.sourceWallet.explorerUrl?{explorerUrl:S.sourceWallet.explorerUrl}:{}},w={...S.destination.name===void 0?{}:{name:S.destination.name},address:S.destination.address.formatted},T=s(S.creditedAsset)??{symbol:S.creditedAsset.symbol},E={hash:S.txHash.formatted,...S.txExplorerUrl?{explorerUrl:S.txExplorerUrl}:{}};return l(o,{...d,headline:b,...x?{reason:x}:{},sourceWallet:C,destination:w,receiveAmount:S.receiveAmount.formatted,receiveAsset:T,depositTx:E,submittedAt:S.submittedAt.formatted,failedAt:S.failedAt.formatted,onTryAgain:m,children:a??u(c,{children:[l(o.Header,{}),u(o.Body,{children:[l(o.Hero,{}),u(o.Details,{children:[l(o.FillStatusRow,{}),l(o.SourceRow,{}),l(o.DestinationRow,{}),l(o.YouReceiveRow,{}),u(o.MoreDetails,{children:[l(o.DepositTxRow,{}),l(o.SubmittedAtRow,{}),l(o.FailedAtRow,{})]})]}),l(o.HelpInfo,{})]}),l(o.Actions,{})]})})}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return l(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:l(d,{...i})})}(function(e){e.Dialog=f,e.Header=o.Header,e.Body=o.Body,e.Hero=o.Hero,e.Details=o.Details,e.FillStatusRow=o.FillStatusRow,e.SourceRow=o.SourceRow,e.DestinationRow=o.DestinationRow,e.YouReceiveRow=o.YouReceiveRow,e.MoreDetails=o.MoreDetails,e.DepositTxRow=o.DepositTxRow,e.SubmittedAtRow=o.SubmittedAtRow,e.FailedAtRow=o.FailedAtRow,e.HelpInfo=o.HelpInfo,e.Actions=o.Actions})(d\|\|={});export{d as ErrorState};

package/dist/flows/deposit/widgets/processing-state/ProcessingState.d.ts CHANGED Viewed

@@ -1,5 +1,11 @@
 import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
-import { ComponentProps } from "react";
+import { ProcessingStateBodyProps } from "../../../../shared/widgets/processing-state/compound/types.js";
+import { ProcessingStateDetails } from "../../../../shared/widgets/processing-state/compound/components/Details.js";
+import { ProcessingStateHeader } from "../../../../shared/widgets/processing-state/compound/components/Header.js";
+import { ProcessingStateHero } from "../../../../shared/widgets/processing-state/compound/components/Hero.js";
+import { ProcessingStateDetectedAtRow, ProcessingStateSourceRow, ProcessingStateSourceTxRow, ProcessingStateSubmittedAtRow } from "../../../../shared/widgets/processing-state/compound/components/Rows.js";
+import { ProcessingStateStatusPill } from "../../../../shared/widgets/processing-state/compound/components/StatusPill.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/deposit/widgets/processing-state/ProcessingState.d.ts
@@ -14,7 +20,18 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * `detectedAt` timestamp, and source-wallet adornment land when the indexer picks them up; the
  * deposit-tx hash is shown immediately from `state.ctx.tx`.
  */
-declare function ProcessingState(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+interface ProcessingStateOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header />` + `<Body><Hero /><StatusPill />
+   * <Details><SourceRow /><SourceTxRow /><SubmittedAtRow /><DetectedAtRow /></Details>
+   * </Body>`. Pass children to interleave your own elements between compound parts.
+   */
+  children?: ReactNode;
+}
+declare function ProcessingState({
+  children,
+  ...props
+}: ComponentProps<"div"> & ProcessingStateOwnProps): _$react_jsx_runtime0.JSX.Element | null;
 declare function ProcessingStateDialog({
   open,
   defaultOpen,
@@ -23,9 +40,18 @@ declare function ProcessingStateDialog({
   ...rootProps
 }: ProcessingState.DialogProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace ProcessingState {
-  type Props = ComponentProps<"div">;
-  type DialogProps = ComponentProps<"div"> & DialogShellControls;
+  type Props = ComponentProps<"div"> & ProcessingStateOwnProps;
+  type DialogProps = ComponentProps<"div"> & DialogShellControls & ProcessingStateOwnProps;
   const Dialog: typeof ProcessingStateDialog;
+  const Header: typeof ProcessingStateHeader;
+  const Body: (props: ProcessingStateBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Hero: typeof ProcessingStateHero;
+  const StatusPill: typeof ProcessingStateStatusPill;
+  const Details: typeof ProcessingStateDetails;
+  const SourceRow: typeof ProcessingStateSourceRow;
+  const SourceTxRow: typeof ProcessingStateSourceTxRow;
+  const SubmittedAtRow: typeof ProcessingStateSubmittedAtRow;
+  const DetectedAtRow: typeof ProcessingStateDetectedAtRow;
 }
 //#endregion
 export { ProcessingState };

package/dist/flows/deposit/widgets/processing-state/ProcessingState.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositActions as n,useDepositEffectiveState as r}from"../../orchestrator/controller.js";import{shortenAddress as i}from"../../../../shared/format/shortenAddress.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{ProcessingState as o}from"../../../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../../../shared/widgets/processing-state/compound/index.js";import{~~jsx~~ as s,jsxs as c}from"react/jsx-runtime";~~function~~ l(a){let l=e(),u=r(),{back:d}=n(),{_:f}=t();if(u.name!==`processing`)return null;let p=l.settlement,m=(p.status===`ready`\|\|p.status===`stale`)&&p.payload.kind===`pending`?p.payload:void 0,h=l.brand,g=h.status===`ready`\|\|h.status===`stale`?h.payload.name:void 0,_=l.target,v=_.status===`ready`\|\|_.status===`stale`?_.payload:void 0,y=l.wallet,b=y.status===`ready`\|\|y.status===`stale`?y.payload:void 0,x=!m\|\|m.receiveAmount.value===0,S=m?m.receiveAmount.formatted:``,C=m?.creditedAsset.symbol??v?.symbol??``,w=m?.creditedTo\|\|g\|\|C,T=u.ctx.tx,E=m?.txHash?.formatted??(T.hash?i(T.hash):``),D=m?.txExplorerUrl??T.explorerUrl,O=m?.sourceWallet.name??f({id:`sb9Y58`,message:`Wallet`}),k=m?.sourceWallet.address.formatted??b?.address.formatted??``,A=m?.sourceWallet.explorerUrl,j=k?{name:O,address:k,...A?{explorerUrl:A}:{}}:void 0,M=E?{hash:E,...D?{explorerUrl:D}:{}}:void 0;return c(o,{...a,amount:S,creditedAsset:{symbol:C},creditedTo:w,...x?{loading:!0}:{},onBack:d,...j?{sourceWallet:j}:{},...M?{sourceTx:M}:{},...m?.submittedAt?{submittedAt:m.submittedAt.formatted}:{},...m?.detectedAt?{detectedAt:m.detectedAt.formatted}:{},children:~~[s(o.Header,{~~})~~,c(o.Body,{children:[s(o.Hero,{~~}~~),s(o.StatusPill,{}),c(o.Details,{children:[s(o.SourceRow,{}),s(o.SourceTxRow,{}),s(o.SubmittedAtRow,{}),s(o.DetectedAtRow,{})]})]})]})}~~function u({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return s(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:s(l,{...i})})}(function(e){e.Dialog=u})(l\|\|={});export{l as ProcessingState};
1	+ "use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useLingui as t}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositActions as n,useDepositEffectiveState as r}from"../../orchestrator/controller.js";import{shortenAddress as i}from"../../../../shared/format/shortenAddress.js";import{DialogShell as a}from"../../../../shared/dialog/DialogShell.js";import{ProcessingState as o}from"../../../../shared/widgets/processing-state/compound/ProcessingState.js";import"../../../../shared/widgets/processing-state/compound/index.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=l(s,{children:[c(o.Header,{}),l(o.Body,{children:[c(o.Hero,{}),c(o.StatusPill,{}),l(o.Details,{children:[c(o.SourceRow,{}),c(o.SourceTxRow,{}),c(o.SubmittedAtRow,{}),c(o.DetectedAtRow,{})]})]})]});function d({children:a,...s}){let l=e(),d=r(),{back:f}=n(),{_:p}=t();if(d.name!==`processing`)return null;let m=l.settlement,h=(m.status===`ready`\|\|m.status===`stale`)&&m.payload.kind===`pending`?m.payload:void 0,g=l.brand,_=g.status===`ready`\|\|g.status===`stale`?g.payload.name:void 0,v=l.target,y=v.status===`ready`\|\|v.status===`stale`?v.payload:void 0,b=l.wallet,x=b.status===`ready`\|\|b.status===`stale`?b.payload:void 0,S=!h\|\|h.receiveAmount.value===0,C=h?h.receiveAmount.formatted:``,w=h?.creditedAsset.symbol??y?.symbol??``,T=h?.creditedTo\|\|_\|\|w,E=d.ctx.tx,D=h?.txHash?.formatted??(E.hash?i(E.hash):``),O=h?.txExplorerUrl??E.explorerUrl,k=h?.sourceWallet.name??p({id:`sb9Y58`,message:`Wallet`}),A=h?.sourceWallet.address.formatted??x?.address.formatted??``,j=h?.sourceWallet.explorerUrl,M=A?{name:k,address:A,...j?{explorerUrl:j}:{}}:void 0,N=D?{hash:D,...O?{explorerUrl:O}:{}}:void 0;return c(o,{...s,amount:C,creditedAsset:{symbol:w},creditedTo:T,...S?{loading:!0}:{},onBack:f,...M?{sourceWallet:M}:{},...N?{sourceTx:N}:{},...h?.submittedAt?{submittedAt:h.submittedAt.formatted}:{},...h?.detectedAt?{detectedAt:h.detectedAt.formatted}:{},children:a??u})}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...i}){return c(a,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:c(d,{...i})})}(function(e){e.Dialog=f,e.Header=o.Header,e.Body=o.Body,e.Hero=o.Hero,e.StatusPill=o.StatusPill,e.Details=o.Details,e.SourceRow=o.SourceRow,e.SourceTxRow=o.SourceTxRow,e.SubmittedAtRow=o.SubmittedAtRow,e.DetectedAtRow=o.DetectedAtRow})(d\|\|={});export{d as ProcessingState};

package/dist/flows/deposit/widgets/success-state/SuccessState.d.ts CHANGED Viewed

@@ -1,5 +1,12 @@
 import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
-import { ComponentProps } from "react";
+import { SuccessStateBodyProps } from "../../../../shared/widgets/success-state/compound/types.js";
+import { SuccessStateActions } from "../../../../shared/widgets/success-state/compound/components/Actions.js";
+import { SuccessStateDetails } from "../../../../shared/widgets/success-state/compound/components/Details.js";
+import { SuccessStateHeader } from "../../../../shared/widgets/success-state/compound/components/Header.js";
+import { SuccessStateHeadline } from "../../../../shared/widgets/success-state/compound/components/Headline.js";
+import { SuccessStateMoreDetails } from "../../../../shared/widgets/success-state/compound/components/MoreDetails.js";
+import { SuccessStateCompletionTxRow, SuccessStateDepositTxRow, SuccessStateDestinationRow, SuccessStateFillStatusRow, SuccessStateFilledAtRow, SuccessStateSourceRow, SuccessStateSubmittedAtRow, SuccessStateTotalTimeRow, SuccessStateYouReceiveRow } from "../../../../shared/widgets/success-state/compound/components/Rows.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/deposit/widgets/success-state/SuccessState.d.ts
@@ -13,7 +20,19 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * `<DepositDialog />` shell; the dialog's lifecycle gates the render on the FSM's `success`
  * state.
  */
-declare function SuccessState(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+interface SuccessStateOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header />` + `<Body><Headline /><Details>…rows…
+   * <MoreDetails>…</MoreDetails></Details></Body>` + `<Actions />`. The default conditionally
+   * mounts `<MoreDetails>` only when at least one of `depositTx` / `completionTx` /
+   * `submittedAt` / `filledAt` is available. Pass children to interleave your own elements.
+   */
+  children?: ReactNode;
+}
+declare function SuccessState({
+  children,
+  ...props
+}: ComponentProps<"div"> & SuccessStateOwnProps): _$react_jsx_runtime0.JSX.Element | null;
 declare function SuccessStateDialog({
   open,
   defaultOpen,
@@ -22,9 +41,24 @@ declare function SuccessStateDialog({
   ...rootProps
 }: SuccessState.DialogProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SuccessState {
-  type Props = ComponentProps<"div">;
-  type DialogProps = ComponentProps<"div"> & DialogShellControls;
+  type Props = ComponentProps<"div"> & SuccessStateOwnProps;
+  type DialogProps = ComponentProps<"div"> & DialogShellControls & SuccessStateOwnProps;
   const Dialog: typeof SuccessStateDialog;
+  const Header: typeof SuccessStateHeader;
+  const Body: (props: SuccessStateBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Headline: typeof SuccessStateHeadline;
+  const Details: typeof SuccessStateDetails;
+  const FillStatusRow: typeof SuccessStateFillStatusRow;
+  const TotalTimeRow: typeof SuccessStateTotalTimeRow;
+  const SourceRow: typeof SuccessStateSourceRow;
+  const DestinationRow: typeof SuccessStateDestinationRow;
+  const YouReceiveRow: typeof SuccessStateYouReceiveRow;
+  const MoreDetails: typeof SuccessStateMoreDetails;
+  const DepositTxRow: typeof SuccessStateDepositTxRow;
+  const CompletionTxRow: typeof SuccessStateCompletionTxRow;
+  const SubmittedAtRow: typeof SuccessStateSubmittedAtRow;
+  const FilledAtRow: typeof SuccessStateFilledAtRow;
+  const Actions: typeof SuccessStateActions;
 }
 //#endregion
 export { SuccessState };

package/dist/flows/deposit/widgets/success-state/SuccessState.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useDepositActions as t,useDepositEffectiveState as n}from"../../orchestrator/controller.js";import{DialogShell as r}from"../../../../shared/dialog/DialogShell.js";import{SuccessState as i}from"../../../../shared/widgets/success-state/compound/SuccessState.js";import"../../../../shared/widgets/success-state/compound/index.js";import{toAssetDescriptor as a}from"../../../../shared/widgets/asset-descriptor.js";import{~~jsx~~ as o,jsxs as s}from"react/jsx-runtime";function c(r){let c=e(),l=n().name,{successDone:u}=t();if(l!==`success`)return null;let d=c.settlement;if(d.status!==`ready`\|\|d.payload.kind!==`succeeded`)return null;let f=d.payload,p=c.brand,m=p.status===`ready`\|\|p.status===`stale`?p.payload.name:void 0,h=f.destination.name??m~~??f~~.creditedAsset.symbol,g=f.aggregatorExplorerUrl?{url:f.aggregatorExplorerUrl}:void 0,_=f.depositTx\|\|f.completionTx\|\|f.submittedAt\|\|f.filledAt,v=a(f.creditedAsset)??{symbol:f.creditedAsset.symbol},y={...f.sourceWallet.name===void 0?{}:{name:f.sourceWallet.name},address:f.sourceWallet.address.formatted,...f.sourceWallet.explorerUrl?{explorerUrl:f.sourceWallet.explorerUrl}:{}};return s(i,{...r,amount:f.receiveAmount.formatted,creditedAsset:v,creditedTo:h,...g?{explorer:g}:{},...f.depositTx?{depositTx:{hash:f.depositTx.hash.formatted,...f.depositTx.explorerUrl?{explorerUrl:f.depositTx.explorerUrl}:{}}}:{},...f.completionTx?{completionTx:{hash:f.completionTx.hash.formatted,...f.completionTx.explorerUrl?{explorerUrl:f.completionTx.explorerUrl}:{}}}:{},submittedAt:f.submittedAt.formatted,filledAt:f.filledAt.formatted,totalTime:f.totalTime.formatted,sourceWallet:y,onDone:u,children:[o(i.Header,{}),s(i.Body,{children:[o(i.Headline,{}),s(i.Details,{children:[o(i.FillStatusRow,{}),o(i.TotalTimeRow,{}),o(i.SourceRow,{}),o(i.DestinationRow,{}),o(i.YouReceiveRow,{}),_?s(i.MoreDetails,{children:[o(i.DepositTxRow,{}),o(i.CompletionTxRow,{}),o(i.SubmittedAtRow,{}),o(i.FilledAtRow,{})]}):null]})]}),o(i.Actions,{})]})}function l({open:e,defaultOpen:t,onOpenChange:n,trigger:i,...a}){return o(r,{open:e,defaultOpen:t,onOpenChange:n,trigger:i,children:o(c,{...a})})}(function(e){e.Dialog=l})(c\|\|={});export{c as SuccessState};
1	+ "use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useDepositActions as t,useDepositEffectiveState as n}from"../../orchestrator/controller.js";import{DialogShell as r}from"../../../../shared/dialog/DialogShell.js";import{SuccessState as i}from"../../../../shared/widgets/success-state/compound/SuccessState.js";import"../../../../shared/widgets/success-state/compound/index.js";import{toAssetDescriptor as a}from"../../../../shared/widgets/asset-descriptor.js";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";function l({children:r,...l}){let u=e(),d=n().name,{successDone:f}=t();if(d!==`success`)return null;let p=u.settlement;if(p.status!==`ready`\|\|p.payload.kind!==`succeeded`)return null;let m=p.payload,h=u.brand,g=h.status===`ready`\|\|h.status===`stale`?h.payload.name:void 0,_=m.destination.name??g??m.creditedAsset.symbol,v=m.aggregatorExplorerUrl?{url:m.aggregatorExplorerUrl}:void 0,y=m.depositTx\|\|m.completionTx\|\|m.submittedAt\|\|m.filledAt,b=a(m.creditedAsset)??{symbol:m.creditedAsset.symbol},x={...m.sourceWallet.name===void 0?{}:{name:m.sourceWallet.name},address:m.sourceWallet.address.formatted,...m.sourceWallet.explorerUrl?{explorerUrl:m.sourceWallet.explorerUrl}:{}};return s(i,{...l,amount:m.receiveAmount.formatted,creditedAsset:b,creditedTo:_,...v?{explorer:v}:{},...m.depositTx?{depositTx:{hash:m.depositTx.hash.formatted,...m.depositTx.explorerUrl?{explorerUrl:m.depositTx.explorerUrl}:{}}}:{},...m.completionTx?{completionTx:{hash:m.completionTx.hash.formatted,...m.completionTx.explorerUrl?{explorerUrl:m.completionTx.explorerUrl}:{}}}:{},submittedAt:m.submittedAt.formatted,filledAt:m.filledAt.formatted,totalTime:m.totalTime.formatted,sourceWallet:x,onDone:f,children:r??c(o,{children:[s(i.Header,{}),c(i.Body,{children:[s(i.Headline,{}),c(i.Details,{children:[s(i.FillStatusRow,{}),s(i.TotalTimeRow,{}),s(i.SourceRow,{}),s(i.DestinationRow,{}),s(i.YouReceiveRow,{}),y?c(i.MoreDetails,{children:[s(i.DepositTxRow,{}),s(i.CompletionTxRow,{}),s(i.SubmittedAtRow,{}),s(i.FilledAtRow,{})]}):null]})]}),s(i.Actions,{})]})})}function u({open:e,defaultOpen:t,onOpenChange:n,trigger:i,...a}){return s(r,{open:e,defaultOpen:t,onOpenChange:n,trigger:i,children:s(l,{...a})})}(function(e){e.Dialog=u,e.Header=i.Header,e.Body=i.Body,e.Headline=i.Headline,e.Details=i.Details,e.FillStatusRow=i.FillStatusRow,e.TotalTimeRow=i.TotalTimeRow,e.SourceRow=i.SourceRow,e.DestinationRow=i.DestinationRow,e.YouReceiveRow=i.YouReceiveRow,e.MoreDetails=i.MoreDetails,e.DepositTxRow=i.DepositTxRow,e.CompletionTxRow=i.CompletionTxRow,e.SubmittedAtRow=i.SubmittedAtRow,e.FilledAtRow=i.FilledAtRow,e.Actions=i.Actions})(l\|\|={});export{l as SuccessState};

package/dist/flows/deposit/widgets/transfer-crypto/TransferCrypto.d.ts CHANGED Viewed

@@ -1,5 +1,11 @@
 import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
-import { ComponentProps } from "react";
+import { TransferCryptoBodyProps, TransferCryptoHeaderProps } from "./compound/types.js";
+import { TransferCryptoAddress } from "./compound/components/Address.js";
+import { TransferCryptoDisclosure } from "./compound/components/Disclosure.js";
+import { TransferCryptoQrCode } from "./compound/components/QrCode.js";
+import { TransferCryptoSelectors } from "./compound/components/Selectors.js";
+import { TransferCryptoSummary } from "./compound/components/Summary.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/deposit/widgets/transfer-crypto/TransferCrypto.d.ts
@@ -8,7 +14,15 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * callback (`(address: string) => void`) collides with the native div's
  * `ClipboardEventHandler`. Hosts route copy tracking through the driver layer.
  */
-type TransferCryptoOrchestratedProps = Omit<ComponentProps<"div">, "onCopy">;
+type TransferCryptoOrchestratedProps = Omit<ComponentProps<"div">, "onCopy"> & TransferCryptoOwnProps;
+interface TransferCryptoOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header />` + `<Body><Selectors /><QrCode />
+   * <Summary /><Address /><Disclosure /></Body>`. Pass children to interleave your own
+   * elements between compound parts.
+   */
+  children?: ReactNode;
+}
 /**
  * Orchestrated `TransferCrypto` widget. Reads the per-chain deposit address list from the
  * driver's `addresses` entity and the destination receive asset from `target`.
@@ -24,7 +38,10 @@ type TransferCryptoOrchestratedProps = Omit<ComponentProps<"div">, "onCopy">;
  * driver layer; this wrapper just renders whatever the driver surfaces and then narrows by the
  * active token.
  */
-declare function TransferCrypto(props: TransferCryptoOrchestratedProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function TransferCrypto({
+  children,
+  ...props
+}: TransferCryptoOrchestratedProps): _$react_jsx_runtime0.JSX.Element | null;
 declare function TransferCryptoDialog({
   open,
   defaultOpen,
@@ -32,10 +49,24 @@ declare function TransferCryptoDialog({
   trigger,
   ...rootProps
 }: TransferCrypto.DialogProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Wraps the headless `<TransferCryptoCompound.Header />` so that consumers of the production
+ * namespace get the orchestrated back chevron for free. Reads the FSM the same way the
+ * production widget's default composition does (hide when entered from `closed`); host-supplied
+ * `onBack` overrides the orchestrated default.
+ */
+declare function TransferCryptoHeader(props?: TransferCryptoHeaderProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace TransferCrypto {
   type Props = TransferCryptoOrchestratedProps;
   type DialogProps = TransferCryptoOrchestratedProps & DialogShellControls;
   const Dialog: typeof TransferCryptoDialog;
+  const Header: typeof TransferCryptoHeader;
+  const Body: (props: TransferCryptoBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Selectors: typeof TransferCryptoSelectors;
+  const QrCode: typeof TransferCryptoQrCode;
+  const Summary: typeof TransferCryptoSummary;
+  const Address: typeof TransferCryptoAddress;
+  const Disclosure: typeof TransferCryptoDisclosure;
 }
 //#endregion
 export { TransferCrypto };

package/dist/flows/deposit/widgets/transfer-crypto/TransferCrypto.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useDepositActions as t,useDepositEffectiveState as n}from"../../orchestrator/controller.js";import{useKitEmitter as r}from"../../../../events/emit/useKitEmitter.js";import"../../../../events/emit/index.js";import{DialogShell as i}from"../../../../shared/dialog/DialogShell.js";import{TransferCrypto as a}from"./compound/TransferCrypto.js";import"./compound/index.js";import{useCallback as o,useMemo as s,useState as c}from"react";import{~~jsx~~ as l,jsxs as u}from"react/jsx-runtime";function d(i){let d=e(),f=n(),p=f.name,{back:m}=t(),h=f.name===`transferCrypto`&&f.ctx.backTarget!==`closed`?m:void 0,g=d.addresses,_=g.status===`ready`\|\|g.status===`stale`?g.payload:[],v=d.target,y=v.status===`ready`\|\|v.status===`stale`?v.payload:void 0,b=y?.minAmountUsd?.formatted,x=s(()=>{let e=new Map;for(let t of _)for(let n of t.acceptedAssets??[]){let r=n.symbol.toUpperCase(),i=e.get(r);i?i.push({chain:t,asset:n}):e.set(r,[{chain:t,asset:n}])}return e},[_]),S=s(()=>x.size===0?y?[{symbol:y.symbol,...y.eip155Id?{chainId:Number(y.eip155Id)}:{},...y.address?{address:y.address}:{},...y.isNative===void 0?{}:{isNative:y.isNative},...y.assetLogoUrl?{logoUrl:y.assetLogoUrl}:{}}]:[]:[...x.values()].map(e=>{let t=e[0];return{symbol:t.asset.symbol,...t.chain.eip155Id?{chainId:Number(t.chain.eip155Id)}:{},...t.asset.address?{address:t.asset.address}:{},isNative:t.asset.isNative,...t.asset.assetLogoUrl?{logoUrl:t.asset.assetLogoUrl}:{}}}),[x,y]),[C,w]=c(void 0),[T,E]=c(void 0),D=r(),O=o(e=>{w(e),D({type:`deposit.transfer.token.changed`,flow:`deposit`,tier:`ui`,payload:{token:e}})},[D]),k=o(e=>{E(e),D({type:`deposit.transfer.chain.changed`,flow:`deposit`,tier:`ui`,payload:{chain:e}})},[D]),A=o(e=>{D({type:`deposit.transfer.address.copied`,flow:`deposit`,tier:`ui`,payload:{address:e}})},[D]),j=s(()=>{if(C&&S.some(e=>e.symbol.toUpperCase()===C.symbol.toUpperCase()))return C;let e=y?.symbol.toUpperCase();return S.find(t=>t.symbol.toUpperCase()===e)??S[0]},[C,S,y?.symbol]),M=s(()=>(j?x.get(j.symbol.toUpperCase())?.map(e=>e.chain)??[..._]:[..._]).map(e=>{let t=e.minAmountUsd?.formatted??b;return{symbol:e.networkName,...e.eip155Id?{chainId:Number(e.eip155Id)}:{},isNative:!0,...e.chainLogoUrl?{logoUrl:e.chainLogoUrl}:{},...t?{minDeposit:t}:{}}}),[j,x,_,b]),N=s(()=>{if(T&&M.some(e=>e.chainId===T.chainId))return T;let e=y?.eip155Id?Number(y.eip155Id):void 0;return(e===void 0?void 0:M.find(t=>t.chainId===e))??M[0]},[T,M,y?.eip155Id]),P=s(()=>N?.chainId?_.find(e=>e.eip155Id&&Number(e.eip155Id)===N.chainId)??_[0]:_[0],[N,_]),F=s(()=>{if(!j)return;let e=P?.acceptedAssets?.find(e=>e.symbol.toUpperCase()===j.symbol.toUpperCase());return e?{symbol:e.symbol,...N?.chainId===void 0?{}:{chainId:N.chainId},...e.address?{address:e.address}:{},isNative:e.isNative,...e.assetLogoUrl?{logoUrl:e.assetLogoUrl}:{}}:j},[j,P,N?.chainId]),I=P?.address.value??``;if(p!==`transferCrypto`\|\|!y~~\|\|_~~.length===0)return null;let L={symbol:y.symbol,...y.eip155Id?{chainId:Number(y.eip155Id)}:{},...y.address?{address:y.address}:{},...y.isNative===void 0?{}:{isNative:y.isNative},...y.assetLogoUrl?{logoUrl:y.assetLogoUrl}:{}},R={symbol:y.networkName,...y.eip155Id?{chainId:Number(y.eip155Id)}:{},isNative:!0,...y.chainLogoUrl?{logoUrl:y.chainLogoUrl}:{}};return u(a,{...i,depositAddress:I,token:F,chain:N,onTokenChange:O,onChainChange:k,onCopy:A,tokenOptions:S,chainOptions:M,sendAsset:F,sendNetwork:N,receiveAsset:L,receiveNetwork:R,children:[l(a.Header,{...h?{onBack:h}:{}}),u(a.Body,{children:[l(a.Selectors,{}),l(a.QrCode,{}),l(a.Summary,{}),l(a.Address,{}),l(a.Disclosure,{})]})]})}function f({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...a}){return l(i,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:l(d,{...a})})}(function(e){e.Dialog=f})(d\|\|={});export{d as TransferCrypto};
1	+ "use client";import{useDepositSnapshot as e}from"../../driver/context.js";import{useDepositActions as t,useDepositEffectiveState as n}from"../../orchestrator/controller.js";import{useKitEmitter as r}from"../../../../events/emit/useKitEmitter.js";import"../../../../events/emit/index.js";import{DialogShell as i}from"../../../../shared/dialog/DialogShell.js";import{TransferCrypto as a}from"./compound/TransferCrypto.js";import"./compound/index.js";import{useCallback as o,useMemo as s,useState as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";function f({children:i,...f}){let p=e(),m=n(),h=m.name,{back:g}=t(),_=m.name===`transferCrypto`&&m.ctx.backTarget!==`closed`?g:void 0,v=p.addresses,y=v.status===`ready`\|\|v.status===`stale`?v.payload:[],b=p.target,x=b.status===`ready`\|\|b.status===`stale`?b.payload:void 0,S=x?.minAmountUsd?.formatted,C=s(()=>{let e=new Map;for(let t of y)for(let n of t.acceptedAssets??[]){let r=n.symbol.toUpperCase(),i=e.get(r);i?i.push({chain:t,asset:n}):e.set(r,[{chain:t,asset:n}])}return e},[y]),w=s(()=>C.size===0?x?[{symbol:x.symbol,...x.eip155Id?{chainId:Number(x.eip155Id)}:{},...x.address?{address:x.address}:{},...x.isNative===void 0?{}:{isNative:x.isNative},...x.assetLogoUrl?{logoUrl:x.assetLogoUrl}:{}}]:[]:[...C.values()].map(e=>{let t=e[0];return{symbol:t.asset.symbol,...t.chain.eip155Id?{chainId:Number(t.chain.eip155Id)}:{},...t.asset.address?{address:t.asset.address}:{},isNative:t.asset.isNative,...t.asset.assetLogoUrl?{logoUrl:t.asset.assetLogoUrl}:{}}}),[C,x]),[T,E]=c(void 0),[D,O]=c(void 0),k=r(),A=o(e=>{E(e),k({type:`deposit.transfer.token.changed`,flow:`deposit`,tier:`ui`,payload:{token:e}})},[k]),j=o(e=>{O(e),k({type:`deposit.transfer.chain.changed`,flow:`deposit`,tier:`ui`,payload:{chain:e}})},[k]),M=o(e=>{k({type:`deposit.transfer.address.copied`,flow:`deposit`,tier:`ui`,payload:{address:e}})},[k]),N=s(()=>{if(T&&w.some(e=>e.symbol.toUpperCase()===T.symbol.toUpperCase()))return T;let e=x?.symbol.toUpperCase();return w.find(t=>t.symbol.toUpperCase()===e)??w[0]},[T,w,x?.symbol]),P=s(()=>(N?C.get(N.symbol.toUpperCase())?.map(e=>e.chain)??[...y]:[...y]).map(e=>{let t=e.minAmountUsd?.formatted??S;return{symbol:e.networkName,...e.eip155Id?{chainId:Number(e.eip155Id)}:{},isNative:!0,...e.chainLogoUrl?{logoUrl:e.chainLogoUrl}:{},...t?{minDeposit:t}:{}}}),[N,C,y,S]),F=s(()=>{if(D&&P.some(e=>e.chainId===D.chainId))return D;let e=x?.eip155Id?Number(x.eip155Id):void 0;return(e===void 0?void 0:P.find(t=>t.chainId===e))??P[0]},[D,P,x?.eip155Id]),I=s(()=>F?.chainId?y.find(e=>e.eip155Id&&Number(e.eip155Id)===F.chainId)??y[0]:y[0],[F,y]),L=s(()=>{if(!N)return;let e=I?.acceptedAssets?.find(e=>e.symbol.toUpperCase()===N.symbol.toUpperCase());return e?{symbol:e.symbol,...F?.chainId===void 0?{}:{chainId:F.chainId},...e.address?{address:e.address}:{},isNative:e.isNative,...e.assetLogoUrl?{logoUrl:e.assetLogoUrl}:{}}:N},[N,I,F?.chainId]),R=I?.address.value??``;if(h!==`transferCrypto`\|\|!x\|\|y.length===0)return null;let z={symbol:x.symbol,...x.eip155Id?{chainId:Number(x.eip155Id)}:{},...x.address?{address:x.address}:{},...x.isNative===void 0?{}:{isNative:x.isNative},...x.assetLogoUrl?{logoUrl:x.assetLogoUrl}:{}},B={symbol:x.networkName,...x.eip155Id?{chainId:Number(x.eip155Id)}:{},isNative:!0,...x.chainLogoUrl?{logoUrl:x.chainLogoUrl}:{}};return u(a,{...f,depositAddress:R,token:L,chain:F,onTokenChange:A,onChainChange:j,onCopy:M,tokenOptions:w,chainOptions:P,sendAsset:L,sendNetwork:F,receiveAsset:z,receiveNetwork:B,children:i??d(l,{children:[u(a.Header,{..._?{onBack:_}:{}}),d(a.Body,{children:[u(a.Selectors,{}),u(a.QrCode,{}),u(a.Summary,{}),u(a.Address,{}),u(a.Disclosure,{})]})]})})}function p({open:e,defaultOpen:t,onOpenChange:n,trigger:r,...a}){return u(i,{open:e,defaultOpen:t,onOpenChange:n,trigger:r,children:u(f,{...a})})}function m(e={}){let r=n(),{back:i}=t(),o=r.name===`transferCrypto`&&r.ctx.backTarget!==`closed`?i:void 0,s=e.onBack??o;return u(a.Header,{...e,...s?{onBack:s}:{}})}(function(e){e.Dialog=p,e.Header=m,e.Body=a.Body,e.Selectors=a.Selectors,e.QrCode=a.QrCode,e.Summary=a.Summary,e.Address=a.Address,e.Disclosure=a.Disclosure})(f\|\|={});export{f as TransferCrypto};

package/dist/flows/withdraw/dialog/WithdrawDialog.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useWithdrawBindings as e}from"../bindings/WithdrawBindings.js";import"../bindings/index.js";import{useWithdrawSnapshot as t}from"../driver/context.js";import{~~useWithdrawEffectiveState~~ as n~~,useWithdrawState as r~~}from"../orchestrator/controller.js";import{useWithdraw as i}from"../orchestrator/useWithdraw.js";import"../orchestrator/index.js";import{useWithdrawEmissions as a}from"../../../events/emit/useWithdrawEmissions.js";import"../../../events/emit/index.js";import{useIntercomShutdownOnUnmount as o}from"../../../shared/support/useIntercomShutdownOnUnmount.js";import"../../../shared/support/index.js";import{Dialog as s}from"../../../shared/ui/Dialog/Dialog.js";import"../../../shared/ui/Dialog/index.js";import{LoadingState as c}from"../../../shared/dialog/LoadingState.js";import{GatewayKitBoundary as l}from"../../../shared/error-handling/components/GatewayKitBoundary.js";import"../../../shared/error-handling/index.js";import{Withdraw as u}from"../widgets/withdraw/compound/Withdraw.js";import"../../../withdraw/compound/index.js";import{WithdrawError as d}from"../widgets/withdraw-error/WithdrawError.js";import{WithdrawForm as f}from"../widgets/withdraw-form/WithdrawForm.js";import{WithdrawInProgress as p}from"../widgets/withdraw-in-progress/WithdrawInProgress.js";import{WithdrawSuccess as m}from"../widgets/withdraw-success/WithdrawSuccess.js";import"../../../_internal/withdraw/widgets/index.js";import{jsx as h,jsxs as g}from"react/jsx-runtime";function _({container:_,metadata:v,onError:y,balance:b,onSubmit:x,suggestedRecipient:S}={}){let C=~~r(),w=~~n(),{close:T}=i(),E=t(),D=C.name!==`closed`;a({state:C,settlement:E.settlement,quote:E.quote,metadata:v}),o(),e({...b===void 0?{}:{balance:b},...x?{onSubmit:x}:{},...S?{suggestedRecipient:S}:{}})~~;let O=~~(~~w.name===`form`\|\|w.name===`submitting`)&&(E.receiveOptions.status===`loading`\|\|E.receiveOptions.status===`idle`);return h(s~~,{open:D,onOpenChange:e=>e?void 0:T(),children:h(s.Content,{container:_,children:h(l,{onError:~~y,onReset~~:T,children:~~O?h~~(c,{~~slot:`withdraw`})~~:g(u.Steps,{children:[h(u.Step,{name:`form`,children:h(f,{})}),h(u.Step,{name:`inProgress`,children:h(p,{})}),h(u.Step,{name:`success`,children:h(m,{})}),h(u.Step,{name:`error`,children:h(d,{})})]})})})})}export{_ as WithdrawDialog};
1	+ "use client";import{useWithdrawBindings as e}from"../bindings/WithdrawBindings.js";import"../bindings/index.js";import{useWithdrawSnapshot as t}from"../driver/context.js";import{useWithdrawState as n}from"../orchestrator/controller.js";import{useWithdraw as r}from"../orchestrator/useWithdraw.js";import"../orchestrator/index.js";import{useWithdrawEmissions as i}from"../../../events/emit/useWithdrawEmissions.js";import"../../../events/emit/index.js";import{useIntercomShutdownOnUnmount as a}from"../../../shared/support/useIntercomShutdownOnUnmount.js";import"../../../shared/support/index.js";import{Dialog as o}from"../../../shared/ui/Dialog/Dialog.js";import"../../../shared/ui/Dialog/index.js";import{Withdraw as s}from"../widgets/withdraw/compound/Withdraw.js";import"../../../withdraw/compound/index.js";import{WithdrawError as c}from"../widgets/withdraw-error/WithdrawError.js";import{WithdrawForm as l}from"../widgets/withdraw-form/WithdrawForm.js";import{WithdrawInProgress as u}from"../widgets/withdraw-in-progress/WithdrawInProgress.js";import{WithdrawSuccess as d}from"../widgets/withdraw-success/WithdrawSuccess.js";import"../../../_internal/withdraw/widgets/index.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";function m({container:m,metadata:h,onError:g,balance:_,onSubmit:v,suggestedRecipient:y}={}){let b=n(),{close:x}=r(),S=t(),C=b.name!==`closed`;return i({state:b,settlement:S.settlement,quote:S.quote,metadata:h}),a(),e({..._===void 0?{}:{balance:_},...v?{onSubmit:v}:{},...y?{suggestedRecipient:y}:{}}),f(o,{open:C,onOpenChange:e=>e?void 0:x(),children:f(o.Content,{container:m,children:f(s.Boundary,{...g?{onError:g}:{},children:f(s.Guards,{children:p(s.Steps,{children:[f(s.Step,{name:`form`,children:f(l,{})}),f(s.Step,{name:`inProgress`,children:f(u,{})}),f(s.Step,{name:`success`,children:f(d,{})}),f(s.Step,{name:`error`,children:f(c,{})})]})})})})})}export{m as WithdrawDialog};

package/dist/flows/withdraw/widgets/withdraw/compound/Withdraw.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
 import { WithdrawStateName } from "../../../orchestrator/types.js";
+import { Props, WithdrawBoundary } from "./components/Boundary.js";
+import { Props as Props$1, WithdrawGuards } from "./components/Guards.js";
 import { WithdrawSteps, WithdrawStepsProps } from "./components/Steps.js";
 import { ReactNode } from "react";
@@ -34,12 +36,25 @@ declare function Withdraw(): null;
 declare namespace Withdraw {
   type StepsProps = WithdrawStepsProps;
   type StepProps = WithdrawStepProps;
+  type GuardsProps = Props$1;
+  type BoundaryProps = Props;
   const Steps: typeof WithdrawSteps;
   /**
    * Slot consumed by {@link Withdraw.Steps}. `name` is the FSM state to match; the matched
    * step's `children` are rendered, every other branch is dropped.
    */
   const Step: (props: WithdrawStepProps) => null;
+  /**
+   * Bootstrap-loading guard. While `gateway/start` is in flight on the form / submitting
+   * step pair, renders a centered spinner instead of empty form chrome. Falls through to
+   * children for every other state.
+   */
+  const Guards: typeof WithdrawGuards;
+  /**
+   * Error-boundary part. Wires the kit's `GatewayKitBoundary` with withdraw-flow recovery —
+   * `onReset` calls `useWithdraw().close()` internally; `onError` is host-supplied.
+   */
+  const Boundary: typeof WithdrawBoundary;
 }
 //#endregion
 export { Withdraw };

package/dist/flows/withdraw/widgets/withdraw/compound/Withdraw.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{Step as e}from"../../../../../shared/ui/Steps/Steps.js";import"../../../../../shared/ui/Steps/index.js";import{~~WithdrawSteps~~ as t}from"./components/Steps.js";function n(){return null}(function(n){n.Steps=t,n.Step=e})(n\|\|={});export{n as Withdraw};
1	+ "use client";import{Step as e}from"../../../../../shared/ui/Steps/Steps.js";import"../../../../../shared/ui/Steps/index.js";import{WithdrawBoundary as t}from"./components/Boundary.js";import{WithdrawGuards as n}from"./components/Guards.js";import{WithdrawSteps as r}from"./components/Steps.js";function i(){return null}(function(i){i.Steps=r,i.Step=e,i.Guards=n,i.Boundary=t})(i\|\|={});export{i as Withdraw};

package/dist/flows/withdraw/widgets/withdraw/compound/components/Boundary.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { ErrorInfo, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+//#region src/flows/withdraw/widgets/withdraw/compound/components/Boundary.d.ts
+interface Props {
+  children: ReactNode;
+  /**
+   * Replaces the kit's default crash fallback. Compose `GatewayKitErrorCard` parts to keep
+   * kit styling, or render your own JSX for a fully custom recovery surface.
+   */
+  fallback?: ReactNode;
+  /**
+   * Fires once per caught render error. Pipe to your analytics or error-reporting pipeline.
+   */
+  onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+/**
+ * Error-boundary part for the withdraw flow. Wraps children with the kit's
+ * `GatewayKitBoundary` and pipes the recovery action through `useWithdraw().close()` so a
+ * crash returns the user to a clean state. `onError` is host-supplied; `onReset` is wired
+ * internally.
+ */
+declare function WithdrawBoundary({
+  children,
+  fallback,
+  onError
+}: Props): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Props, WithdrawBoundary };

package/dist/flows/withdraw/widgets/withdraw/compound/components/Boundary.js ADDED Viewed

@@ -0,0 +1 @@

+ "use client";import{useWithdrawActions as e}from"../../../../orchestrator/controller.js";import{GatewayKitBoundary as t}from"../../../../../../shared/error-handling/components/GatewayKitBoundary.js";import"../../../../../../shared/error-handling/index.js";import{jsx as n}from"react/jsx-runtime";function r({children:r,fallback:i,onError:a}){let{close:o}=e();return n(t,{...a?{onError:a}:{},...i===void 0?{}:{fallback:i},onReset:o,children:r})}export{r as WithdrawBoundary};

package/dist/flows/withdraw/widgets/withdraw/compound/components/Guards.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+//#region src/flows/withdraw/widgets/withdraw/compound/components/Guards.d.ts
+interface Props {
+  children: ReactNode;
+}
+/**
+ * Bootstrap-loading guard for the withdraw flow. While the lazy `arm()` is in flight,
+ * `receiveOptions` is `idle` / `loading` — the form widget would render against an empty
+ * catalog, so we surface a centered spinner inside the same frame instead of empty form
+ * chrome. Cache hits never trip this branch because the entity stays `ready` for the rest
+ * of the provider lifetime once it transitions there.
+ *
+ * Only applies to the `form` / `submitting` step pair — terminal steps (`inProgress` /
+ * `success` / `error`) read from `settlement`, which populates independently of bootstrap.
+ * The withdraw flow does NOT have a wallet-required gate; the host always supplies a
+ * `flows.withdraw.owner` via `<StridgeProvider>` (the business broadcasts the source-chain
+ * tx, not the end-user).
+ */
+declare function WithdrawGuards({
+  children
+}: Props): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Props, WithdrawGuards };

package/dist/flows/withdraw/widgets/withdraw/compound/components/Guards.js ADDED Viewed

@@ -0,0 +1 @@

+ "use client";import{useWithdrawSnapshot as e}from"../../../../driver/context.js";import{useWithdrawEffectiveState as t}from"../../../../orchestrator/controller.js";import"../../../../orchestrator/index.js";import{LoadingState as n}from"../../../../../../shared/dialog/LoadingState.js";import{Fragment as r,jsx as i}from"react/jsx-runtime";function a({children:a}){let o=t(),s=e();return(o.name===`form`||o.name===`submitting`)&&(s.receiveOptions.status===`loading`||s.receiveOptions.status===`idle`)?i(n,{slot:`withdraw`}):i(r,{children:a})}export{a as WithdrawGuards};

package/dist/flows/withdraw/widgets/withdraw-error/WithdrawError.d.ts CHANGED Viewed

@@ -1,4 +1,12 @@
-import { ComponentProps } from "react";
+import { ErrorStateBodyProps, ErrorStateRowProps } from "../../../../shared/widgets/error-state/compound/types.js";
+import { ErrorStateActions } from "../../../../shared/widgets/error-state/compound/components/Actions.js";
+import { ErrorStateDetails } from "../../../../shared/widgets/error-state/compound/components/Details.js";
+import { ErrorStateHeader } from "../../../../shared/widgets/error-state/compound/components/Header.js";
+import { ErrorStateHelpInfo } from "../../../../shared/widgets/error-state/compound/components/HelpInfo.js";
+import { ErrorStateHero } from "../../../../shared/widgets/error-state/compound/components/Hero.js";
+import { ErrorStateMoreDetails } from "../../../../shared/widgets/error-state/compound/components/MoreDetails.js";
+import { ErrorStateDestinationRow, ErrorStateFailedAtRow, ErrorStateFillStatusRow, ErrorStateSourceRow, ErrorStateSubmittedAtRow, ErrorStateYouReceiveRow } from "../../../../shared/widgets/error-state/compound/components/Rows.js";
+import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/withdraw/widgets/withdraw-error/WithdrawError.d.ts
@@ -17,6 +25,41 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  *
  * The CTA wires to `actions.reset()` so clicking `Try again` returns the user to the empty form.
  */
-declare function WithdrawError(props: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element | null;
+interface WithdrawErrorOwnProps {
+  /**
+   * Optional custom composition. Defaults vary by branch — settlement-derived failures render
+   * the receipt (`<Header />` + `<Body><Hero /><Details>…rows…</Details><HelpInfo /></Body>` +
+   * `<Actions />`); FSM-derived failures render the minimal headline-only shape. Pass children
+   * once and they apply to whichever branch renders.
+   */
+  children?: ReactNode;
+}
+declare function WithdrawError({
+  children,
+  ...props
+}: ComponentProps<"div"> & WithdrawErrorOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Withdraw-tuned default for the source-tx row label. Without this wrapper, hosts composing
+ * `<WithdrawError.DepositTxRow />` would inherit the deposit-flow's "Deposit tx" default —
+ * the wrong copy for a withdrawal. Host-supplied `label` overrides.
+ */
+declare function WithdrawErrorDepositTxRow(props?: ErrorStateRowProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace WithdrawError {
+  type Props = ComponentProps<"div"> & WithdrawErrorOwnProps;
+  const Header: typeof ErrorStateHeader;
+  const Body: (props: ErrorStateBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  const Hero: typeof ErrorStateHero;
+  const Details: typeof ErrorStateDetails;
+  const FillStatusRow: typeof ErrorStateFillStatusRow;
+  const SourceRow: typeof ErrorStateSourceRow;
+  const DestinationRow: typeof ErrorStateDestinationRow;
+  const YouReceiveRow: typeof ErrorStateYouReceiveRow;
+  const MoreDetails: typeof ErrorStateMoreDetails;
+  const DepositTxRow: typeof WithdrawErrorDepositTxRow;
+  const SubmittedAtRow: typeof ErrorStateSubmittedAtRow;
+  const FailedAtRow: typeof ErrorStateFailedAtRow;
+  const HelpInfo: typeof ErrorStateHelpInfo;
+  const Actions: typeof ErrorStateActions;
+}
 //#endregion
 export { WithdrawError };

package/dist/flows/withdraw/widgets/withdraw-error/WithdrawError.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as t}from"../../../../shared/orchestrator/failureReason.js";import"../../../../shared/orchestrator/index.js";import{useWithdrawSnapshot as n}from"../../driver/context.js";import{useWithdrawActions as r,useWithdrawEffectiveState as i}from"../../orchestrator/controller.js";import{ErrorState as a}from"../../../../shared/widgets/error-state/compound/ErrorState.js";import"../../../../shared/widgets/error-state/compound/index.js";import{toAssetDescriptor as o}from"../../../../shared/widgets/asset-descriptor.js";import{~~jsx~~ as s,jsxs as c}from"react/jsx-runtime";function l(l){let u=n(),d=i(),{reset:f}=r(),{_:p}=e(),m=t();if(d.name!==`error`)return null;let h=u.settlement,g=h.status===`ready`&&h.payload.kind===`failed`?h.payload:void 0,_=d.ctx.failure,v=p({id:`KTNWsg`,message:`Withdrawal failed`}),y=g?m(g.failureKind):_?.reason;if(!g)return c(a,{...l,headerTitle:v,headline:v,reason:y,onTryAgain:f,children:[s(a.Header,{}),s(a.Body,{children:s(a.Hero,{})}),s(a.Actions,{})]});let b=g,x={address:b.recipient.formatted},S=o(b.receiveAsset)??{symbol:b.receiveAsset.symbol},C=b.txHash?{hash:b.txHash.formatted,explorerUrl:b.txExplorerUrl}:void 0;return c(a,{...l,headerTitle:v,headline:v,reason:y,destination:x,receiveAmount:b.receiveAmount.formatted,receiveAsset:S,depositTx:C,submittedAt:b.submittedAt.formatted,failedAt:b.failedAt.formatted,onTryAgain:f,children:[s(a.Header,{}),c(a.Body,{children:[s(a.Hero,{}),c(a.Details,{children:[s(a.FillStatusRow,{}),s(a.DestinationRow,{}),s(a.YouReceiveRow,{}),c(a.MoreDetails,{children:[C?s(a.DepositTxRow,{label:p({id:`60ahSE`,message:`Withdrawal tx`})}):null,s(a.SubmittedAtRow,{}),s(a.FailedAtRow,{})]})]}),s(a.HelpInfo,{})]}),s(a.Actions,{})]})}export{l as WithdrawError};
1	+ "use client";import{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as t}from"../../../../shared/orchestrator/failureReason.js";import"../../../../shared/orchestrator/index.js";import{useWithdrawSnapshot as n}from"../../driver/context.js";import{useWithdrawActions as r,useWithdrawEffectiveState as i}from"../../orchestrator/controller.js";import{ErrorState as a}from"../../../../shared/widgets/error-state/compound/ErrorState.js";import"../../../../shared/widgets/error-state/compound/index.js";import{toAssetDescriptor as o}from"../../../../shared/widgets/asset-descriptor.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";function u({children:u,...d}){let f=n(),p=i(),{reset:m}=r(),{_:h}=e(),g=t();if(p.name!==`error`)return null;let _=f.settlement,v=_.status===`ready`&&_.payload.kind===`failed`?_.payload:void 0,y=p.ctx.failure,b=h({id:`KTNWsg`,message:`Withdrawal failed`}),x=v?g(v.failureKind):y?.reason;if(!v)return c(a,{...d,headerTitle:b,headline:b,reason:x,onTryAgain:m,children:u??l(s,{children:[c(a.Header,{}),c(a.Body,{children:c(a.Hero,{})}),c(a.Actions,{})]})});let S=v,C={address:S.recipient.formatted},w=o(S.receiveAsset)??{symbol:S.receiveAsset.symbol},T=S.txHash?{hash:S.txHash.formatted,explorerUrl:S.txExplorerUrl}:void 0;return c(a,{...d,headerTitle:b,headline:b,reason:x,destination:C,receiveAmount:S.receiveAmount.formatted,receiveAsset:w,depositTx:T,submittedAt:S.submittedAt.formatted,failedAt:S.failedAt.formatted,onTryAgain:m,children:u??l(s,{children:[c(a.Header,{}),l(a.Body,{children:[c(a.Hero,{}),l(a.Details,{children:[c(a.FillStatusRow,{}),c(a.DestinationRow,{}),c(a.YouReceiveRow,{}),l(a.MoreDetails,{children:[T?c(a.DepositTxRow,{label:h({id:`60ahSE`,message:`Withdrawal tx`})}):null,c(a.SubmittedAtRow,{}),c(a.FailedAtRow,{})]})]}),c(a.HelpInfo,{})]}),c(a.Actions,{})]})})}function d(t={}){let{_:n}=e();return c(a.DepositTxRow,{...t,label:t.label??n({id:`60ahSE`,message:`Withdrawal tx`})})}(function(e){e.Header=a.Header,e.Body=a.Body,e.Hero=a.Hero,e.Details=a.Details,e.FillStatusRow=a.FillStatusRow,e.SourceRow=a.SourceRow,e.DestinationRow=a.DestinationRow,e.YouReceiveRow=a.YouReceiveRow,e.MoreDetails=a.MoreDetails,e.DepositTxRow=d,e.SubmittedAtRow=a.SubmittedAtRow,e.FailedAtRow=a.FailedAtRow,e.HelpInfo=a.HelpInfo,e.Actions=a.Actions})(u\|\|={});export{u as WithdrawError};

package/dist/flows/withdraw/widgets/withdraw-form/WithdrawForm.d.ts CHANGED Viewed

@@ -1,3 +1,11 @@
+import { WithdrawFormAmountField } from "./compound/components/AmountField.js";
+import { WithdrawFormBody } from "./compound/components/Body.js";
+import { WithdrawFormBreakdownCard } from "./compound/components/BreakdownCard.js";
+import { WithdrawFormFooter } from "./compound/components/Footer.js";
+import { WithdrawFormHeader } from "./compound/components/Header.js";
+import { WithdrawFormReceiveSelectors } from "./compound/components/ReceiveSelectors.js";
+import { WithdrawFormRecipientField } from "./compound/components/RecipientField.js";
+import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/withdraw/widgets/withdraw-form/WithdrawForm.d.ts
@@ -16,6 +24,26 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * `withdraw.receive.token.changed`, `withdraw.receive.chain.changed`, `withdraw.submit.clicked`)
  * flow through the unified event bus — the form takes no callback props.
  */
-declare function WithdrawForm(): _$react_jsx_runtime0.JSX.Element | null;
+interface WithdrawFormOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header />` + `<Body><RecipientField />
+   * <AmountField /><ReceiveSelectors /><BreakdownCard /></Body>` + `<Footer />`. Pass children
+   * to interleave your own elements between compound parts.
+   */
+  children?: ReactNode;
+}
+declare function WithdrawForm({
+  children
+}?: WithdrawFormOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace WithdrawForm {
+  type Props = WithdrawFormOwnProps;
+  const Header: typeof WithdrawFormHeader;
+  const Body: typeof WithdrawFormBody;
+  const RecipientField: typeof WithdrawFormRecipientField;
+  const AmountField: typeof WithdrawFormAmountField;
+  const ReceiveSelectors: typeof WithdrawFormReceiveSelectors;
+  const BreakdownCard: typeof WithdrawFormBreakdownCard;
+  const Footer: typeof WithdrawFormFooter;
+}
 //#endregion
 export { WithdrawForm };