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

@stridge/kit 0.1.0-alpha.43 → 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 (77) hide show

package/dist/flows/deposit/widgets/deposit-status-banner/DepositStatusBanner.d.ts CHANGED Viewed

@@ -1,3 +1,12 @@
+import { DepositStatusBannerBody } from "./compound/components/Body.js";
+import { DepositStatusBannerClose } from "./compound/components/Close.js";
+import { DepositStatusBannerDetails } from "./compound/components/Details.js";
+import { DepositStatusBannerFooter } from "./compound/components/Footer.js";
+import { DepositStatusBannerHero } from "./compound/components/Hero.js";
+import { DepositStatusBannerPrimaryAction } from "./compound/components/PrimaryAction.js";
+import { DepositStatusBannerCompletionTxRow, DepositStatusBannerDepositTxRow, DepositStatusBannerFilledAtRow, DepositStatusBannerSubmittedAtRow } from "./compound/components/Rows.js";
+import { DepositStatusBannerToggle } from "./compound/components/Toggle.js";
+import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/flows/deposit/widgets/deposit-status-banner/DepositStatusBanner.d.ts
@@ -22,6 +31,30 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * still carries the terminal payload. `processing` is deliberately NOT auto-acked — an
  * in-flight deposit should still re-surface its banner on reopen.
  */
-declare function DepositStatusBanner(): _$react_jsx_runtime0.JSX.Element;
+interface DepositStatusBannerProps {
+  /**
+   * Optional custom composition rendered inside the banner shell. Defaults to `<Body><Hero />
+   * <Close /></Body>` + `<Details>…tx rows…</Details>` + `<Footer><Toggle /><PrimaryAction />
+   * </Footer>`. Pass children to interleave your own elements between parts.
+   */
+  children?: ReactNode;
+}
+declare function DepositStatusBanner({
+  children
+}?: DepositStatusBannerProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace DepositStatusBanner {
+  type Props = DepositStatusBannerProps;
+  const Body: typeof DepositStatusBannerBody;
+  const Hero: typeof DepositStatusBannerHero;
+  const Close: typeof DepositStatusBannerClose;
+  const Details: typeof DepositStatusBannerDetails;
+  const DepositTxRow: typeof DepositStatusBannerDepositTxRow;
+  const CompletionTxRow: typeof DepositStatusBannerCompletionTxRow;
+  const SubmittedAtRow: typeof DepositStatusBannerSubmittedAtRow;
+  const FilledAtRow: typeof DepositStatusBannerFilledAtRow;
+  const Footer: typeof DepositStatusBannerFooter;
+  const Toggle: typeof DepositStatusBannerToggle;
+  const PrimaryAction: typeof DepositStatusBannerPrimaryAction;
+}
 //#endregion
 export { DepositStatusBanner };

package/dist/flows/deposit/widgets/deposit-status-banner/DepositStatusBanner.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{bucketFromSettlement as e,useBannerAckForSettlement as t}from"../../../../banners/useBannerAck.js";import"../../../../banners/index.js";import{useDepositSnapshot as n}from"../../driver/context.js";import{useLingui as r}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositActions as i,useDepositState as a}from"../../orchestrator/controller.js";import{stepRendersSettlement as o}from"../../orchestrator/steps.js";import{DepositStatusBanner as s}from"./compound/DepositStatusBanner.js";import"./compound/index.js";import{useEffect as c,useState as l}from"react";import{~~jsx~~ as u,jsxs as d}from"react/jsx-runtime";import{AnimatePresence as f}from"motion/react";function p(){let s=n(),l=a().name,{resumeToProcessing:d,resumeToSuccess:p,resumeToError:h}=i(),{_}=r(),v=s.settlement,y=v.status===`ready`\|\|v.status===`stale`?v.payload:void 0,{acked:b,ack:x}=t(y),S=(l===`success`\|\|l===`error`)&&e(y)?.bucket===`terminal`;c(()=>{S&&!b&&x()},[S,b,x]);let C=y!==void 0&&!b&&!o(l);function w(e){return()=>{x(),e()}}return u(f,{children:C&&y?u(m,{payload:y,brandName:s.brand.status===`ready`\|\|s.brand.status===`stale`?s.brand.payload.name:void 0,onDismiss:x,onResumeToProcessing:()=>d(`wallet`,g(y)),onResumeToSuccess:w(()=>p(`wallet`,g(y))),onResumeToError:w(()=>h(g(y))),labels:{completed:_({id:`3kg1gB`,message:`Deposit completed`}),didntComplete:_({id:`Rxjdjn`,message:`Deposit didn't complete`}),receivedProcessing:_({id:`junZX6`,message:`Deposit received and processing…`}),creditedToBrand:e=>_({id:`IRogzB`,message:`Your deposit has been credited to {brand}.`,values:{brand:e}}),creditedToAccount:_({id:`9JHY2T`,message:`Your deposit has been credited to your account.`}),fundsSafe:_({id:`Z1WbO6`,message:`Funds are safe on the source chain — contact support to recover.`}),willBeCreditedToBrand:e=>_({id:`TG4WOd`,message:`Your deposit will be credited to {brand}.`,values:{brand:e}}),willBeCreditedToAccount:_({id:`Offl0a`,message:`Your deposit will be credited to your account.`})}},`banner`):null})}function m({payload:e,brandName:t,onDismiss:n,onResumeToProcessing:r,onResumeToSuccess:i,onResumeToError:a,labels:o}){let[c,f]=l(!1),p=()=>f(e=>!e),m=e.kind,g={symbol:e.creditedAsset.symbol,...e.creditedAsset.address?{address:e.creditedAsset.address}:{},...e.creditedAsset.isNative===void 0?{}:{isNative:e.creditedAsset.isNative},...e.creditedAsset.assetLogoUrl?{logoUrl:e.creditedAsset.assetLogoUrl}:{}},_=m===`succeeded`?o.completed:m===`failed`?o.didntComplete:o.receivedProcessing,v=m===`succeeded`?t?o.creditedToBrand(t):o.creditedToAccount:m===`failed`?o.fundsSafe:t?o.willBeCreditedToBrand(t):o.willBeCreditedToAccount,y=h(e),b=e.kind===`succeeded`&&e.completionTx?{hash:e.completionTx.hash.formatted,...e.completionTx.explorerUrl?{explorerUrl:e.completionTx.explorerUrl}:{}}:void 0,x=e.kind===`succeeded`\|\|e.kind===`failed`?e.submittedAt.formatted:void 0,S=e.kind===`succeeded`?e.filledAt.formatted:void 0,C=m===`succeeded`?i:m===`failed`?a:r;return d(s,{kind:m,asset:g,headline:_,subline:v,expanded:c,onToggleExpanded:p,onDismiss:n,...y?{depositTx:y}:{},...b?{completionTx:b}:{},...x===void 0?{}:{submittedAt:x},...S===void 0?{}:{filledAt:S},onPrimaryAction:C,children:[d(s.Body,{children:[u(s.Hero,{}),u(s.Close,{})]}),d(s.Details,{children:[u(s.DepositTxRow,{}),u(s.CompletionTxRow,{}),u(s.SubmittedAtRow,{}),u(s.FilledAtRow,{})]}),d(s.Footer,{children:[u(s.Toggle,{}),u(s.PrimaryAction,{})]})]})}function h(e){if(e.kind===`succeeded`)return{hash:e.depositTx.hash.formatted,...e.depositTx.explorerUrl?{explorerUrl:e.depositTx.explorerUrl}:{}};if(e.kind===`failed`\|\|e.txHash)return{hash:e.txHash.formatted,...e.txExplorerUrl?{explorerUrl:e.txExplorerUrl}:{}}}function g(e){return e.kind===`succeeded`?{hash:e.depositTx.hash.value,...e.depositTx.explorerUrl?{explorerUrl:e.depositTx.explorerUrl}:{}}:e.kind===`failed`?{hash:e.txHash.value,...e.txExplorerUrl?{explorerUrl:e.txExplorerUrl}:{}}:{hash:e.txHash?.value??``,...e.txExplorerUrl?{explorerUrl:e.txExplorerUrl}:{}}}export{p as DepositStatusBanner};
1	+ "use client";import{bucketFromSettlement as e,useBannerAckForSettlement as t}from"../../../../banners/useBannerAck.js";import"../../../../banners/index.js";import{useDepositSnapshot as n}from"../../driver/context.js";import{useLingui as r}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositActions as i,useDepositState as a}from"../../orchestrator/controller.js";import{stepRendersSettlement as o}from"../../orchestrator/steps.js";import{DepositStatusBanner as s}from"./compound/DepositStatusBanner.js";import"./compound/index.js";import{useEffect as c,useState as l}from"react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{AnimatePresence as p}from"motion/react";function m({children:s}={}){let l=n(),u=a().name,{resumeToProcessing:f,resumeToSuccess:m,resumeToError:g}=i(),{_:v}=r(),y=l.settlement,b=y.status===`ready`\|\|y.status===`stale`?y.payload:void 0,{acked:x,ack:S}=t(b),C=(u===`success`\|\|u===`error`)&&e(b)?.bucket===`terminal`;c(()=>{C&&!x&&S()},[C,x,S]);let w=b!==void 0&&!x&&!o(u);function T(e){return()=>{S(),e()}}return d(p,{children:w&&b?d(h,{payload:b,brandName:l.brand.status===`ready`\|\|l.brand.status===`stale`?l.brand.payload.name:void 0,onDismiss:S,onResumeToProcessing:()=>f(`wallet`,_(b)),onResumeToSuccess:T(()=>m(`wallet`,_(b))),onResumeToError:T(()=>g(_(b))),labels:{completed:v({id:`3kg1gB`,message:`Deposit completed`}),didntComplete:v({id:`Rxjdjn`,message:`Deposit didn't complete`}),receivedProcessing:v({id:`junZX6`,message:`Deposit received and processing…`}),creditedToBrand:e=>v({id:`IRogzB`,message:`Your deposit has been credited to {brand}.`,values:{brand:e}}),creditedToAccount:v({id:`9JHY2T`,message:`Your deposit has been credited to your account.`}),fundsSafe:v({id:`Z1WbO6`,message:`Funds are safe on the source chain — contact support to recover.`}),willBeCreditedToBrand:e=>v({id:`TG4WOd`,message:`Your deposit will be credited to {brand}.`,values:{brand:e}}),willBeCreditedToAccount:v({id:`Offl0a`,message:`Your deposit will be credited to your account.`})},children:s},`banner`):null})}function h({payload:e,brandName:t,onDismiss:n,onResumeToProcessing:r,onResumeToSuccess:i,onResumeToError:a,labels:o,children:c}){let[p,m]=l(!1),h=()=>m(e=>!e),_=e.kind,v={symbol:e.creditedAsset.symbol,...e.creditedAsset.address?{address:e.creditedAsset.address}:{},...e.creditedAsset.isNative===void 0?{}:{isNative:e.creditedAsset.isNative},...e.creditedAsset.assetLogoUrl?{logoUrl:e.creditedAsset.assetLogoUrl}:{}},y=_===`succeeded`?o.completed:_===`failed`?o.didntComplete:o.receivedProcessing,b=_===`succeeded`?t?o.creditedToBrand(t):o.creditedToAccount:_===`failed`?o.fundsSafe:t?o.willBeCreditedToBrand(t):o.willBeCreditedToAccount,x=g(e),S=e.kind===`succeeded`&&e.completionTx?{hash:e.completionTx.hash.formatted,...e.completionTx.explorerUrl?{explorerUrl:e.completionTx.explorerUrl}:{}}:void 0,C=e.kind===`succeeded`\|\|e.kind===`failed`?e.submittedAt.formatted:void 0,w=e.kind===`succeeded`?e.filledAt.formatted:void 0,T=_===`succeeded`?i:_===`failed`?a:r;return d(s,{kind:_,asset:v,headline:y,subline:b,expanded:p,onToggleExpanded:h,onDismiss:n,...x?{depositTx:x}:{},...S?{completionTx:S}:{},...C===void 0?{}:{submittedAt:C},...w===void 0?{}:{filledAt:w},onPrimaryAction:T,children:c??f(u,{children:[f(s.Body,{children:[d(s.Hero,{}),d(s.Close,{})]}),f(s.Details,{children:[d(s.DepositTxRow,{}),d(s.CompletionTxRow,{}),d(s.SubmittedAtRow,{}),d(s.FilledAtRow,{})]}),f(s.Footer,{children:[d(s.Toggle,{}),d(s.PrimaryAction,{})]})]})})}function g(e){if(e.kind===`succeeded`)return{hash:e.depositTx.hash.formatted,...e.depositTx.explorerUrl?{explorerUrl:e.depositTx.explorerUrl}:{}};if(e.kind===`failed`\|\|e.txHash)return{hash:e.txHash.formatted,...e.txExplorerUrl?{explorerUrl:e.txExplorerUrl}:{}}}function _(e){return e.kind===`succeeded`?{hash:e.depositTx.hash.value,...e.depositTx.explorerUrl?{explorerUrl:e.depositTx.explorerUrl}:{}}:e.kind===`failed`?{hash:e.txHash.value,...e.txExplorerUrl?{explorerUrl:e.txExplorerUrl}:{}}:{hash:e.txHash?.value??``,...e.txExplorerUrl?{explorerUrl:e.txExplorerUrl}:{}}}(function(e){e.Body=s.Body,e.Hero=s.Hero,e.Close=s.Close,e.Details=s.Details,e.DepositTxRow=s.DepositTxRow,e.CompletionTxRow=s.CompletionTxRow,e.SubmittedAtRow=s.SubmittedAtRow,e.FilledAtRow=s.FilledAtRow,e.Footer=s.Footer,e.Toggle=s.Toggle,e.PrimaryAction=s.PrimaryAction})(m\|\|={});export{m as DepositStatusBanner};

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{StepTransition as l}from"../../../shared~~/~~dialog/StepTransition~~.js";import~~{GatewayKitBoundary as u}from~~"../../../~~shared~~/~~error-handling~~/~~components/GatewayKitBoundary.js";import"../../../shared/error-handling/~~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===`submitting`?`form`:w.name~~,k=(~~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(u,{onError:~~y,onReset~~:T,children:~~k?h~~(c,{~~slot:`withdraw`})~~:g(l,{~~stateKey:O,~~children:[w.name~~===`~~form~~`\|\|w.name===`submitting`?h~~(f,{})~~:null~~,w.name~~===`~~inProgress~~`?h~~(p,{})~~:null~~,w.name~~===`~~success~~`?h~~(m,{})~~:null~~,w.name~~===`~~error~~`?h~~(d,{})~~:null~~]})})})})}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 ADDED Viewed

@@ -0,0 +1,60 @@
+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";
+//#region src/flows/withdraw/widgets/withdraw/compound/Withdraw.d.ts
+interface WithdrawStepProps {
+  /**
+   * Matches against the withdraw FSM's effective state name (with `submitting` collapsed
+   * to `form`). Declaring `name="submitting"` never matches — use `name="form"` and the
+   * widget stays mounted across both states.
+   */
+  name: WithdrawStateName;
+  children: ReactNode;
+}
+/**
+ * Top-level `Withdraw` compound namespace. Today exposes the slot-routing primitives that
+ * let hosts compose multi-screen withdraw flows; the namespace exists at this position so
+ * future `Withdraw.*` parts (Header, Body, …) can extend it without churning the import path.
+ *
+ * Hosts wire it like the deposit equivalent:
+ *
+ * ```tsx
+ * <Withdraw.Steps>
+ *   <Withdraw.Step name="form"><WithdrawForm /></Withdraw.Step>
+ *   <Withdraw.Step name="inProgress"><WithdrawInProgress /></Withdraw.Step>
+ *   <Withdraw.Step name="success"><WithdrawSuccess /></Withdraw.Step>
+ *   <Withdraw.Step name="error"><WithdrawError /></Withdraw.Step>
+ * </Withdraw.Steps>
+ * ```
+ *
+ * Rendered directly (`<Withdraw />`) the component is a no-op — reach into the sub-parts.
+ */
+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 ADDED Viewed

@@ -0,0 +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/Withdraw.slots.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+//#region src/flows/withdraw/widgets/withdraw/compound/Withdraw.slots.d.ts
+/**
+ * `<Withdraw.*>` slot vocabulary. Today the namespace only houses `Withdraw.Steps` /
+ * `Withdraw.Step`, both of which route their slot attribute through the shared `Steps`
+ * primitive. The constant exists so future `Withdraw.*` parts (Header, Body, …) have a
+ * canonical slot map ready when they land.
+ */
+declare const WITHDRAW_SLOTS: {
+  readonly root: "withdraw-root";
+};
+type WithdrawSlot = (typeof WITHDRAW_SLOTS)[keyof typeof WITHDRAW_SLOTS];
+//#endregion
+export { WITHDRAW_SLOTS, WithdrawSlot };

package/dist/flows/withdraw/widgets/withdraw/compound/Withdraw.slots.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ const e={root:`withdraw-root`};export{e as WITHDRAW_SLOTS};

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/compound/components/Steps.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+//#region src/flows/withdraw/widgets/withdraw/compound/components/Steps.d.ts
+interface WithdrawStepsProps {
+  /**
+   * When true, the matched step renders without the kit's animated `StepTransition` wrapper.
+   * Forwarded to the underlying `Steps` primitive.
+   */
+  plain?: boolean;
+  children: ReactNode;
+}
+/**
+ * Withdraw-bound slot-routing parent. Reads the withdraw FSM's *effective* state name and
+ * renders only the matching `<Withdraw.Step name="…" />` child.
+ *
+ * Collapses `submitting → form` so the form widget stays mounted (and its slide animation
+ * does not re-trigger) while the host's `onSubmit` is in flight. Hosts therefore declare a
+ * single `<Withdraw.Step name="form">` to cover both the idle form and the post-submit
+ * pending state — declaring `name="submitting"` separately never matches.
+ */
+declare function WithdrawSteps({
+  plain,
+  children
+}: WithdrawStepsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WithdrawSteps, type WithdrawStepsProps };

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

@@ -0,0 +1 @@

+ "use client";import{useWithdrawEffectiveState as e}from"../../../../orchestrator/controller.js";import"../../../../orchestrator/index.js";import{Steps as t}from"../../../../../../shared/ui/Steps/Steps.js";import"../../../../../../shared/ui/Steps/index.js";import{jsx as n}from"react/jsx-runtime";function r({plain:r,children:i}){let a=e();return n(t,{activeStep:a.name===`submitting`?`form`:a.name,...r===void 0?{}:{plain:r},children:i})}export{r as WithdrawSteps};

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

@@ -0,0 +1,3 @@
+import { WithdrawStepsProps } from "./components/Steps.js";
+import { Withdraw } from "./Withdraw.js";
+import { WITHDRAW_SLOTS, WithdrawSlot } from "./Withdraw.slots.js";

package/dist/flows/withdraw/widgets/withdraw/compound/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import"./Withdraw.js";import"./Withdraw.slots.js";