npm - @stridge/kit - Versions diffs - 0.1.0-alpha.6 → 0.1.0-alpha.60 - Mend

@stridge/kit 0.1.0-alpha.6 → 0.1.0-alpha.60

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 (597) hide show

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

@@ -1,5 +1,5 @@
 import { ComponentProps, ReactNode } from "react";
-import { DestinationDto, GatewayLegFromDto, GatewayLegToDto, GatewayPollResponse } from "@stridge/sdk";
+import { DestinationDto, GatewayLegFromDto, GatewayLegToDto, GatewayUdaDto } from "@stridge/sdk";
 //#region src/flows/deposit/widgets/deposit-status-banner/compound/types.d.ts
 /**
@@ -25,9 +25,9 @@ interface DepositStatusBannerTxRef {
    */
   raw?: GatewayLegFromDto | GatewayLegToDto;
   /**
-   * Full `gateway/{owner}` poll response that produced the leg.
+   * Per-UDA view picked from `gateway/{owner}` that produced the leg.
    */
-  responseRaw?: GatewayPollResponse;
+  responseRaw?: GatewayUdaDto;
 }
 /**
  * Destination chrome rendered in the Hero. Drives the `<TokenLogo>` resolution.
@@ -43,9 +43,9 @@ interface DepositStatusBannerAsset {
    */
   raw?: DestinationDto;
   /**
-   * Full `gateway/{owner}` poll response that produced the destination.
+   * Per-UDA view picked from `gateway/{owner}` that produced the destination.
    */
-  responseRaw?: GatewayPollResponse;
+  responseRaw?: GatewayUdaDto;
 }
 /**
  * Public props accepted by the {@link DepositStatusBanner} root.

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{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{useDepositSnapshot as n}from"../../driver/context.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=n(),p=i(),{tryAgain: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.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,close:~~f}=n(),{_:p}=t();if(u.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=u.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,{...a,amount:C,creditedAsset:{symbol:w},creditedTo:T,...S?{loading:!0}:{},onBack:d,...M?{sourceWallet:M}:{},...N?{sourceTx:N}:{},...h?.submittedAt?{submittedAt:h.submittedAt.formatted}:{},...h?.detectedAt?{detectedAt:h.detectedAt.formatted}:{},~~onClose:f,~~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,{})]})]}),s(o.Actions,{})]})}~~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{useLingui as e}from"../../../../shared/i18n/useLingui.js";import"../../../../i18n/index.js";import{useDepositSnapshot as t}from"../../driver/context.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=t(),d=r(),{back:f}=n(),{_:p}=e();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{~~DialogShell~~ as r}from"../../../../shared/dialog/DialogShell.js";import{TransferCrypto as i}from"./compound/TransferCrypto.js";import"./compound/index.js";import{useMemo as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l(r){let l=e(),u=n(),d=u.name,{back:f}=t(),p=u.name===`transferCrypto`&&u.ctx.backTarget!==`closed`?f:void 0,m=l.addresses,h=m.status===`ready`\|\|m.status===`stale`?m.payload:[],g=l.target,_=g.status===`ready`\|\|g.status===`stale`?g.payload:void 0,v=_?.~~minDepositUsd~~?.formatted,y=a(()=>{let e=new Map;for(let t of h)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},[h]),b=a(()=>y.size===0?_?[{symbol:_.symbol,..._.eip155Id?{chainId:Number(_.eip155Id)}:{},..._.address?{address:_.address}:{},..._.isNative===void 0?{}:{isNative:_.isNative},..._.assetLogoUrl?{logoUrl:_.assetLogoUrl}:{}}]:[]:[...y.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}:{}}}),[y,_]),[x,S]=o(void 0),[C,w]=o(void 0),T=a(()=>{if(x&&b.some(e=>e.symbol.toUpperCase()===x.symbol.toUpperCase()))return x;let e=_?.symbol.toUpperCase();return b.find(t=>t.symbol.toUpperCase()===e)??b[0]},[x,b,_?.symbol]),E=a(()=>(T?y.get(T.symbol.toUpperCase())?.map(e=>e.chain)??[...h]:[...h]).map(e=>{let t=e.~~minDepositUsd~~?.formatted??v;return{symbol:e.networkName,...e.eip155Id?{chainId:Number(e.eip155Id)}:{},isNative:!0,...e.chainLogoUrl?{logoUrl:e.chainLogoUrl}:{},...t?{minDeposit:t}:{}}}),[T,y,~~h,v~~]),D=a(()=>{if(C&&E.some(e=>e.chainId===C.chainId))return C;let e=_?.eip155Id?Number(_.eip155Id):void 0;return(e===void 0?void 0:E.find(t=>t.chainId===e))??E[0]},[C,E,_?.eip155Id]),O=a(()=>D?.chainId?h.find(e=>e.eip155Id&&Number(e.eip155Id)===D.chainId)??h[0]:h[0],[D,h]),k=a(()=>{if(!T)return;let e=O?.acceptedAssets?.find(e=>e.symbol.toUpperCase()===T.symbol.toUpperCase())~~;return~~ e?{symbol:e.symbol,...D?.chainId===void 0?{}:{chainId:D.chainId},...e.address?{address:e.address}:{},isNative:e.isNative,...e.assetLogoUrl?{logoUrl:e.assetLogoUrl}:{}}:T},[T,O,D?.chainId]),A=O?.address.value??``;if(d!==`transferCrypto`\|\|!_\|\|h.length===0)return null;let j={symbol:_.symbol,..._.eip155Id?{chainId:Number(_.eip155Id)}:{},..._.address?{address:_.address}:{},..._.isNative===void 0?{}:{isNative:_.isNative},..._.assetLogoUrl?{logoUrl:_.assetLogoUrl}:{}},M={symbol:_.networkName,..._.eip155Id?{chainId:Number(_.eip155Id)}:{},isNative:!0,..._.chainLogoUrl?{logoUrl:_.chainLogoUrl}:{}};return c(i,{...r,depositAddress:A,token:k,chain:D,onTokenChange:S,onChainChange:w,tokenOptions:b,chainOptions:E,sendAsset:k,sendNetwork:D,receiveAsset:j,receiveNetwork:M,children:[s(i.Header,{...p?{onBack:p}:{}}),c(i.Body,{children:[s(i.Selectors,{}),s(i.QrCode,{}),s(i.Summary,{}),s(i.Address,{}),s(i.Disclosure,{})]})]})}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})(l\|\|={});export{l 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}:{},...t.asset.priceImpact?{priceImpact:t.asset.priceImpact}:{}}}),[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()),t=e?{symbol:e.symbol,...F?.chainId===void 0?{}:{chainId:F.chainId},...e.address?{address:e.address}:{},isNative:e.isNative,...e.assetLogoUrl?{logoUrl:e.assetLogoUrl}:{},...e.priceImpact?{priceImpact:e.priceImpact}:{}}:N;return x?.eip155Id!==void 0&&F?.chainId===Number(x.eip155Id)&&t.symbol.toUpperCase()===x.symbol.toUpperCase()?{...t,priceImpact:`0.00`}:t},[N,I,F?.chainId,x]),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/deposit/widgets/transfer-crypto/compound/TransferCrypto.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { TransferCryptoAddress } from "./components/Address.js";
 import { TransferCryptoBodyProps, TransferCryptoDialogProps, TransferCryptoDisclosureProps, TransferCryptoHeaderProps, TransferCryptoProps } from "./types.js";
+import { TransferCryptoAddress } from "./components/Address.js";
 import { TransferCryptoDisclosure } from "./components/Disclosure.js";
 import { TransferCryptoHeader } from "./components/Header.js";
 import { TransferCryptoQrCode } from "./components/QrCode.js";

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

	@@ -1 +1 @@
1	- const e={root:{"TransferCrypto__styles.root":`TransferCrypto__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,"containerType-k9g6sI":`x12h1iku`,"containerName-kanfag":`x1tehvyw`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:10`},header:{"TransferCrypto__styles.header":`TransferCrypto__styles.header`,"justifyContent-kjj79g":`x1qughib`,"paddingTop-kLKAdn":`x109j2v6 x19raiq2`,"paddingInlineEnd-kwRFfy":`x1pic42t x1511ct0`,"paddingBottom-kGO01o":`x1l90r2v x1qngw98`,"paddingInlineStart-kZCmMZ":`x1onr9mi x12owy3a`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:20`},headerLeft:{"TransferCrypto__styles.headerLeft":`TransferCrypto__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:39`},backIcon:{"TransferCrypto__styles.backIcon":`TransferCrypto__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:44`},closeIcon:{"TransferCrypto__styles.closeIcon":`TransferCrypto__styles.closeIcon`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:48`},selectors:{"TransferCrypto__styles.selectors":`TransferCrypto__styles.selectors`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"paddingTop-kLKAdn":`xyamay9 x1evf9ll`,"paddingInlineEnd-kwRFfy":`x1x5flf6 x1511ct0`,"paddingBottom-kGO01o":`x18d9i69 x1hf6i2e`,"paddingInlineStart-kZCmMZ":`xwn43p0 x12owy3a`,"gap-kOIVth":`x883omv x1935yeb`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:53`},selectorColumn:{"TransferCrypto__styles.selectorColumn":`TransferCrypto__styles.selectorColumn`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"flexBasis-kCS8Yb":`x1r8uery`,"gap-kOIVth":`x167g77z`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:77`},selectorLabelRow:{"TransferCrypto__styles.selectorLabelRow":`TransferCrypto__styles.selectorLabelRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"height-kZKoxP":`x1v9usgg`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:86`},minDepositRow:{"TransferCrypto__styles.minDepositRow":`TransferCrypto__styles.minDepositRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1jnr06f`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:92`},minDepositIcon:{"TransferCrypto__styles.minDepositIcon":`TransferCrypto__styles.minDepositIcon`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:97`},qrFrame:{"TransferCrypto__styles.qrFrame":`TransferCrypto__styles.qrFrame`,"position-kVAEAm":`x1n2onr6`,"alignSelf-kSGwAc":`xamitd3`,"width-kzqmXN":`x16grhtn xsxf1mu`,"height-kZKoxP":`x1m3v4wt xpkk1xi`,"marginTop-keoZOQ":`xw7yly9 x12r3qzf`,"borderRadius-kaIpWk":`x2u8bby x1vfxggr`,"paddingBlock-k8WAf4":`x12ulsxz xpib278`,"paddingInline-kg3NbH":`xqin4a2 xigttff`,"borderWidth-kMzoRj":`xc342km xqv1bf0`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1bue7yx`,"backgroundColor-kWkggS":`xjbqb8w x1005t9t`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:109`},qrSvg:{"TransferCrypto__styles.qrSvg":`TransferCrypto__styles.qrSvg`,"display-k1xSpc":`x1lliihq`,"width-kzqmXN":`x1so1ns2 x2ytoob`,"height-kZKoxP":`xb2rc7v x885qvc`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:148`},flowPill:{"TransferCrypto__styles.flowPill":`TransferCrypto__styles.flowPill`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"alignSelf-kSGwAc":`xamitd3`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"backgroundColor-kWkggS":`xsdq91f`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x1npxkrn`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"paddingBlock-k8WAf4":`xknfcqp xzc4l6o`,"paddingInline-kg3NbH":`xqin4a2 xy8emu7`,"gap-kOIVth":`x1v2ro7d x9czr6x`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:167`},flowSide:{"TransferCrypto__styles.flowSide":`TransferCrypto__styles.flowSide`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:195`},flowText:{"TransferCrypto__styles.flowText":`TransferCrypto__styles.flowText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:200`},flowArrow:{"TransferCrypto__styles.flowArrow":`TransferCrypto__styles.flowArrow`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x170jfvy`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:205`},addressSection:{"TransferCrypto__styles.addressSection":`TransferCrypto__styles.addressSection`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z x19decax`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"marginInlineStart-keTefX":`xnkmj2t xwwmoof`,"marginInlineEnd-k71WvV":`x14iifvp x1kfralx`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:212`},addressLabelRow:{"TransferCrypto__styles.addressLabelRow":`TransferCrypto__styles.addressLabelRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:232`},addressLabel:{"TransferCrypto__styles.addressLabel":`TransferCrypto__styles.addressLabel`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:237`},addressLabelInfo:{"TransferCrypto__styles.addressLabelInfo":`TransferCrypto__styles.addressLabelInfo`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"color-kMwMTN":`x137ha3m`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:242`},termsLink:{"TransferCrypto__styles.termsLink":`TransferCrypto__styles.termsLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:248`},addressPill:{"TransferCrypto__styles.addressPill":`TransferCrypto__styles.addressPill`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingInlineEnd-kwRFfy":`xf159sx`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:260`},addressText:{"TransferCrypto__styles.addressText":`TransferCrypto__styles.addressText`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:270`},copyButton:{"TransferCrypto__styles.copyButton":`TransferCrypto__styles.copyButton`,"height-kZKoxP":`xt7dq6l`,"gap-kOIVth":`x17d4w8g`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInline-kg3NbH":`xaope02`,"cursor-kkrTdU":`x1ypdohk`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:286`},copyIcon:{"TransferCrypto__styles.copyIcon":`TransferCrypto__styles.copyIcon`,"width-kzqmXN":`x1fxhmyf`,"height-kZKoxP":`x18gnavp`,"flexShrink-kmuXW":`x2lah0s`,"strokeWidth-kfJifR":`xupzf07`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:297`},disclosure:{"TransferCrypto__styles.disclosure":`TransferCrypto__styles.disclosure`,"paddingBlock-k8WAf4":`x10dr8xq xwv64x0`,"paddingInline-kg3NbH":`xqin4a2 xigttff`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"marginInlineStart-keTefX":`xnkmj2t xwwmoof`,"marginInlineEnd-k71WvV":`x14iifvp x1kfralx`,"marginBottom-k1K539":`x1c436fg x37ks8j`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:309`},disclosureHeader:{"TransferCrypto__styles.disclosureHeader":`TransferCrypto__styles.disclosureHeader`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"width-kzqmXN":`xh8yej3`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,"borderRadius-kaIpWk":`x1s7mj9v`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:335`},disclosureHeaderChevron:{"TransferCrypto__styles.disclosureHeaderChevron":`TransferCrypto__styles.disclosureHeaderChevron`,"marginInlineStart-keTefX":`xvc5jky`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:347`},disclosurePanelInner:{"TransferCrypto__styles.disclosurePanelInner":`TransferCrypto__styles.disclosurePanelInner`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xmmi0ta x19decax`,"paddingTop-kLKAdn":`x96k8nx xskglhc`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:350`},disclosureRow:{"TransferCrypto__styles.disclosureRow":`TransferCrypto__styles.disclosureRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:365`},disclosureRowTextWithInfo:{"TransferCrypto__styles.disclosureRowTextWithInfo":`TransferCrypto__styles.disclosureRowTextWithInfo`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:370`},disclosureRowIcon:{"TransferCrypto__styles.disclosureRowIcon":`TransferCrypto__styles.disclosureRowIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:375`},infoTrigger:{"TransferCrypto__styles.infoTrigger":`TransferCrypto__styles.infoTrigger`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"padding-kmVPX3":`x1717udv`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`x1y0btm7`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1146j2`,"color-kMwMTN":`x137ha3m`,"borderRadius-kaIpWk":`x1npxkrn`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:381`},disclosureRowInfo:{"TransferCrypto__styles.disclosureRowInfo":`TransferCrypto__styles.disclosureRowInfo`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:397`},disclosureChevron:{"TransferCrypto__styles.disclosureChevron":`TransferCrypto__styles.disclosureChevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`xhr4kjn`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x4ognrn`,"[data-panel-open] &_transform-kSnp38":`xtqhfa`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:403`},helpQuestion:{"TransferCrypto__styles.helpQuestion":`TransferCrypto__styles.helpQuestion`,"marginInlineEnd-k71WvV":`xf6vk7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:416`},helpLink:{"TransferCrypto__styles.helpLink":`TransferCrypto__styles.helpLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:419`}};export{e as styles};
1	+ const e={root:{"TransferCrypto__styles.root":`TransferCrypto__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,"containerType-k9g6sI":`x12h1iku`,"containerName-kanfag":`x1tehvyw`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:10`},header:{"TransferCrypto__styles.header":`TransferCrypto__styles.header`,"justifyContent-kjj79g":`x1qughib`,"paddingTop-kLKAdn":`x109j2v6 x19raiq2`,"paddingInlineEnd-kwRFfy":`x1pic42t x1511ct0`,"paddingBottom-kGO01o":`x1l90r2v x1qngw98`,"paddingInlineStart-kZCmMZ":`x1onr9mi x12owy3a`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:20`},headerLeft:{"TransferCrypto__styles.headerLeft":`TransferCrypto__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:39`},headerTrailing:{"TransferCrypto__styles.headerTrailing":`TransferCrypto__styles.headerTrailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:47`},backIcon:{"TransferCrypto__styles.backIcon":`TransferCrypto__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:52`},closeIcon:{"TransferCrypto__styles.closeIcon":`TransferCrypto__styles.closeIcon`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:56`},selectors:{"TransferCrypto__styles.selectors":`TransferCrypto__styles.selectors`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"paddingTop-kLKAdn":`xyamay9 x1evf9ll`,"paddingInlineEnd-kwRFfy":`x1x5flf6 x1511ct0`,"paddingBottom-kGO01o":`x18d9i69 x1hf6i2e`,"paddingInlineStart-kZCmMZ":`xwn43p0 x12owy3a`,"gap-kOIVth":`x883omv x1935yeb`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:61`},selectorColumn:{"TransferCrypto__styles.selectorColumn":`TransferCrypto__styles.selectorColumn`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"flexBasis-kCS8Yb":`x1r8uery`,"gap-kOIVth":`x167g77z`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:85`},selectorLabelRow:{"TransferCrypto__styles.selectorLabelRow":`TransferCrypto__styles.selectorLabelRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"height-kZKoxP":`x1v9usgg`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:94`},minDepositRow:{"TransferCrypto__styles.minDepositRow":`TransferCrypto__styles.minDepositRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1jnr06f`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:100`},minDepositIcon:{"TransferCrypto__styles.minDepositIcon":`TransferCrypto__styles.minDepositIcon`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:105`},qrFrame:{"TransferCrypto__styles.qrFrame":`TransferCrypto__styles.qrFrame`,"position-kVAEAm":`x1n2onr6`,"alignSelf-kSGwAc":`xamitd3`,"width-kzqmXN":`x16grhtn xsxf1mu`,"height-kZKoxP":`x1m3v4wt xpkk1xi`,"marginTop-keoZOQ":`xw7yly9 x12r3qzf`,"borderRadius-kaIpWk":`x2u8bby x1vfxggr`,"paddingBlock-k8WAf4":`x12ulsxz xpib278`,"paddingInline-kg3NbH":`xqin4a2 xigttff`,"borderWidth-kMzoRj":`xc342km xqv1bf0`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1bue7yx`,"backgroundColor-kWkggS":`xjbqb8w x1005t9t`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:117`},qrSvg:{"TransferCrypto__styles.qrSvg":`TransferCrypto__styles.qrSvg`,"display-k1xSpc":`x1lliihq`,"width-kzqmXN":`x1so1ns2 x2ytoob`,"height-kZKoxP":`xb2rc7v x885qvc`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:156`},flowPill:{"TransferCrypto__styles.flowPill":`TransferCrypto__styles.flowPill`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"alignSelf-kSGwAc":`xamitd3`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"backgroundColor-kWkggS":`xsdq91f`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x1npxkrn`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"paddingBlock-k8WAf4":`xknfcqp xzc4l6o`,"paddingInline-kg3NbH":`xqin4a2 xy8emu7`,"gap-kOIVth":`x1v2ro7d x9czr6x`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:175`},flowSide:{"TransferCrypto__styles.flowSide":`TransferCrypto__styles.flowSide`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x167g77z`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:203`},flowText:{"TransferCrypto__styles.flowText":`TransferCrypto__styles.flowText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x12mrbbr`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:208`},flowArrow:{"TransferCrypto__styles.flowArrow":`TransferCrypto__styles.flowArrow`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x170jfvy`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:213`},addressSection:{"TransferCrypto__styles.addressSection":`TransferCrypto__styles.addressSection`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x167g77z x19decax`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"marginInlineStart-keTefX":`xnkmj2t xwwmoof`,"marginInlineEnd-k71WvV":`x14iifvp x1kfralx`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:220`},addressLabelRow:{"TransferCrypto__styles.addressLabelRow":`TransferCrypto__styles.addressLabelRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:240`},addressLabel:{"TransferCrypto__styles.addressLabel":`TransferCrypto__styles.addressLabel`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:245`},addressLabelInfo:{"TransferCrypto__styles.addressLabelInfo":`TransferCrypto__styles.addressLabelInfo`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"color-kMwMTN":`x137ha3m`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:250`},termsLink:{"TransferCrypto__styles.termsLink":`TransferCrypto__styles.termsLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:256`},addressPill:{"TransferCrypto__styles.addressPill":`TransferCrypto__styles.addressPill`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingInlineEnd-kwRFfy":`xf159sx`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInlineStart-kZCmMZ":`xf7dkkf`,"gap-kOIVth":`x1v2ro7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:268`},addressText:{"TransferCrypto__styles.addressText":`TransferCrypto__styles.addressText`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:278`},copyButton:{"TransferCrypto__styles.copyButton":`TransferCrypto__styles.copyButton`,"height-kZKoxP":`xt7dq6l`,"gap-kOIVth":`x17d4w8g`,"paddingTop-kLKAdn":`x1y1aw1k`,"paddingBottom-kGO01o":`xwib8y2`,"paddingInline-kg3NbH":`xaope02`,"cursor-kkrTdU":`x1ypdohk`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:294`},copyIcon:{"TransferCrypto__styles.copyIcon":`TransferCrypto__styles.copyIcon`,"width-kzqmXN":`x1fxhmyf`,"height-kZKoxP":`x18gnavp`,"flexShrink-kmuXW":`x2lah0s`,"strokeWidth-kfJifR":`xupzf07`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:305`},disclosure:{"TransferCrypto__styles.disclosure":`TransferCrypto__styles.disclosure`,"paddingBlock-k8WAf4":`x10dr8xq xwv64x0`,"paddingInline-kg3NbH":`xqin4a2 xigttff`,"marginTop-keoZOQ":`xw7yly9 x1pnypo2`,"marginInlineStart-keTefX":`xnkmj2t xwwmoof`,"marginInlineEnd-k71WvV":`x14iifvp x1kfralx`,"marginBottom-k1K539":`x1c436fg x37ks8j`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:317`},disclosureHeader:{"TransferCrypto__styles.disclosureHeader":`TransferCrypto__styles.disclosureHeader`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,"width-kzqmXN":`xh8yej3`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,"borderRadius-kaIpWk":`x1s7mj9v`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:343`},disclosureHeaderChevron:{"TransferCrypto__styles.disclosureHeaderChevron":`TransferCrypto__styles.disclosureHeaderChevron`,"marginInlineStart-keTefX":`xvc5jky`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:355`},disclosurePanelInner:{"TransferCrypto__styles.disclosurePanelInner":`TransferCrypto__styles.disclosurePanelInner`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xmmi0ta x19decax`,"paddingTop-kLKAdn":`x96k8nx xskglhc`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:358`},disclosureRow:{"TransferCrypto__styles.disclosureRow":`TransferCrypto__styles.disclosureRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x883omv`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:373`},disclosureRowTextWithInfo:{"TransferCrypto__styles.disclosureRowTextWithInfo":`TransferCrypto__styles.disclosureRowTextWithInfo`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"flexWrap-kwnvtZ":`x1a02dak`,"gap-kOIVth":`x17d4w8g`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:378`},disclosureRowIcon:{"TransferCrypto__styles.disclosureRowIcon":`TransferCrypto__styles.disclosureRowIcon`,"width-kzqmXN":`x6jxa94`,"height-kZKoxP":`x1v9usgg`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:384`},infoTrigger:{"TransferCrypto__styles.infoTrigger":`TransferCrypto__styles.infoTrigger`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"padding-kmVPX3":`x1717udv`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"borderStyle-ksu8eU":`x1y0btm7`,"outline-kI3sdo":`x1a2a7pz`,"cursor-kkrTdU":`x1146j2`,"color-kMwMTN":`x137ha3m`,"borderRadius-kaIpWk":`x1npxkrn`,":focus-visible_boxShadow-kEtg5x":`xhatipn`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:390`},disclosureRowInfo:{"TransferCrypto__styles.disclosureRowInfo":`TransferCrypto__styles.disclosureRowInfo`,"width-kzqmXN":`x10vfzb2`,"height-kZKoxP":`x6w4g8m`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:406`},disclosureChevron:{"TransferCrypto__styles.disclosureChevron":`TransferCrypto__styles.disclosureChevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`xhr4kjn`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`xx6bhzk`,"transitionTimingFunction-kAMwcw":`x4ognrn`,"[data-panel-open] &_transform-kSnp38":`xtqhfa`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:412`},helpQuestion:{"TransferCrypto__styles.helpQuestion":`TransferCrypto__styles.helpQuestion`,"marginInlineEnd-k71WvV":`xf6vk7d`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:425`},helpLink:{"TransferCrypto__styles.helpLink":`TransferCrypto__styles.helpLink`,"color-kMwMTN":`x1me39qh`,"textDecorationLine-kMnn75":`xujl8zx`,"textDecorationThickness-kNySMw":`xyi4chj`,$$css:`@stridge/kit:src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.styles.ts:428`}};export{e as styles};

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Address.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{CopyIcon as t}from"../../../../../../shared/icons/CopyIcon.js";import{InfoIcon as n}from"../../../../../../shared/icons/InfoIcon.js";import"../../../../../../icons/index.js";import{Button as r}from"../../../../../../shared/ui/Button/Button.js";import"../../../../../../shared/ui/Button/index.js";import{Card as i}from"../../../../../../shared/ui/Card/Card.js";import{~~ExternalLink~~ as a}from"../../../../../../shared/ui/~~ExternalLink~~/~~ExternalLink~~.js";import"../../../../../../~~shared/~~ui/~~ExternalLink/~~index.js";import{~~text~~ as o}from"../../../../../../shared/ui/~~Text/Text~~.js";import"../../../../../../~~ui/index.js";import{BRAND_LINKS as s}from"../../../../../../~~shared/~~constants~~/~~brand-links~~.js";import{useCopyToClipboard as c}from"../../../../../../shared/utils/useCopyToClipboard.js";import{useTransferCryptoContext as l}from"../context.js";import{TRANSFER_CRYPTO_SLOTS as u}from"../TransferCrypto.slots.js";import{styles as d}from"../TransferCrypto.styles.js";import{InfoTooltip as f}from"./InfoTooltip.js";import{useCallback as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import*as g from"@stylexjs/stylex";function _(){let _=l(`TransferCrypto.Address`),{_:v}=e(),{isCopied:y,copy:b}=c(_.depositAddress),x=v({id:`6D8qH6`,message:`Send the selected token on the selected chain to this address. Funds appear in your account once the network confirms the transfer.`}),S=p(async()=>{await b()&&_.onCopy?.(_.depositAddress)},[b,_]);return h(`div`,{"data-stridge-slot":u.address,...g.props(d.addressSection),children:[h(`div`,{...g.props(d.addressLabelRow),children:[h(o.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,...g.props(d.addressLabel),children:[v({id:`pCzTTC`,message:`Your deposit address`}),m(f,{content:x,children:m(n,{"aria-hidden":!0,...g.props(d.addressLabelInfo)})})]}),m(a,{~~href:s~~.~~terms,...g.~~props(d.termsLink),children:m(o.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`inherit`,children:v({id:`cGYrpE`,message:`Terms apply`})})})]}),h(i,{variant:`subdued`,dir:`ltr`,...g.props(d.addressPill),children:[m(o.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,tracking:`normal`,font:`mono~~`,...g~~.props(d.addressText),children:_.depositAddress}),h(r,{variant:`secondary`,onClick:S,"aria-label":v({id:`SOVBoe`,message:`Copy deposit address`}),...g.props(d.copyButton),children:[m(t,{"aria-hidden":!0,...g.props(d.copyIcon)}),m(o.span,{size:`meta`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,color:`inherit`,children:v(y?{id:`PiH3UR`,message:`Copied!`}:{id:`he3ygx`,message:`Copy`})})]})]})]})}export{_ as TransferCryptoAddress};
1	+ "use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{CopyIcon as t}from"../../../../../../shared/icons/CopyIcon.js";import{InfoIcon as n}from"../../../../../../shared/icons/InfoIcon.js";import"../../../../../../icons/index.js";import{Button as r}from"../../../../../../shared/ui/Button/Button.js";import"../../../../../../shared/ui/Button/index.js";import{Card as i}from"../../../../../../shared/ui/Card/Card.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{TermsLink as o}from"../../../../../../shared/terms/TermsLink.js";import"../../../../../../shared/terms/index.js";import{useCopyToClipboard as s}from"../../../../../../shared/utils/useCopyToClipboard.js";import{useTransferCryptoContext as c}from"../context.js";import{TRANSFER_CRYPTO_SLOTS as l}from"../TransferCrypto.slots.js";import{styles as u}from"../TransferCrypto.styles.js";import{InfoTooltip as d}from"./InfoTooltip.js";import{useCallback as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";function g(){let g=c(`TransferCrypto.Address`),{_}=e(),{isCopied:v,copy:y}=s(g.depositAddress),b=_({id:`6D8qH6`,message:`Send the selected token on the selected chain to this address. Funds appear in your account once the network confirms the transfer.`}),x=f(async()=>{await y()&&g.onCopy?.(g.depositAddress)},[y,g]);return m(`div`,{"data-stridge-slot":l.address,...h.props(u.addressSection),children:[m(`div`,{...h.props(u.addressLabelRow),children:[m(a.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,...h.props(u.addressLabel),children:[_({id:`pCzTTC`,message:`Your deposit address`}),p(d,{content:b,children:p(n,{"aria-hidden":!0,...h.props(u.addressLabelInfo)})})]}),p(o,{...h.props(u.termsLink),children:p(a.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`inherit`,children:_({id:`cGYrpE`,message:`Terms apply`})})})]}),m(i,{variant:`subdued`,dir:`ltr`,...h.props(u.addressPill),children:[p(a.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,tracking:`normal`,font:`mono`,"data-stridge-selectable":``,...h.props(u.addressText),children:g.depositAddress}),m(r,{variant:`secondary`,onClick:x,"aria-label":_({id:`SOVBoe`,message:`Copy deposit address`}),...h.props(u.copyButton),children:[p(t,{"aria-hidden":!0,...h.props(u.copyIcon)}),p(a.span,{size:`meta`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,color:`inherit`,children:_(v?{id:`PiH3UR`,message:`Copied!`}:{id:`he3ygx`,message:`Copy`})})]})]})]})}export{g as TransferCryptoAddress};

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Disclosure.d.ts CHANGED Viewed

@@ -5,13 +5,16 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 /**
  * Disclosure part — collapsible footer surfacing the rough processing-time
  * hint as the trigger and the "Have questions?" help row inside the panel.
- * The help row always renders and links to {@link BRAND_LINKS.support}.
+ * The trigger also carries the selected token's price-impact hint when the
+ * gateway supplies one. The help row always renders and opens the Stridge
+ * messenger via {@link SupportLink}.
  */
 declare function TransferCryptoDisclosure({
   defaultOpen,
   open,
   onOpenChange,
-  processingTime
+  processingTime,
+  priceImpact
 }: TransferCryptoDisclosureProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TransferCryptoDisclosure };

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Disclosure.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronDownIcon as t}from"../../../../../../shared/icons/ChevronDownIcon.js";import{CircleHelpIcon as n}from"../../../../../../shared/icons/CircleHelpIcon.js";import{ClockIcon as r}from"../../../../../../shared/icons/ClockIcon.js";import"../../../../../../icons/index.js";import{~~Card~~ as i}from"../../../../../../shared/ui/~~Card/Card~~.js";import~~{Collapsible as a}from~~"../../../../../../shared/ui/~~Collapsible/Collapsible~~.js";import"../../../../../../shared/ui/~~Collapsible~~/~~index~~.js";import{~~ExternalLink~~ as o}from"../../../../../../shared/ui/~~ExternalLink~~/~~ExternalLink~~.js";import"../../../../../../shared/ui/~~ExternalLink~~/index.js";import{text as s}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{~~BRAND_LINKS~~ as c}from"~~../../../../../../shared/constants/brand-links~~.js";import{TRANSFER_CRYPTO_SLOTS as l}from"../TransferCrypto.slots.js";import{styles as u}from"../TransferCrypto.styles.js";import{~~jsx~~ as d,jsxs as f}from"react/jsx-runtime";import*as p from"@stylexjs/stylex";function m({defaultOpen:m=!1,open:h,onOpenChange:g,processingTime:_}){let{_:v}=e(),y=_??v({id:`KuqCAK`,message:`~ 2 min`});return f(a,{"data-stridge-slot":l.disclosure,defaultOpen:m,open:h,onOpenChange:g,render:d(i,{variant:`subdued`}),...p.props(u.disclosure),children:[f(a.Trigger,{render:d(`div`,{}),nativeButton:!1,...p.props(u.disclosureHeader),children:[d(r,{"aria-hidden":!0,...p.props(u.disclosureRowIcon)}),d(`div`,{...p.props(u.disclosureRowTextWithInfo),children:d(s.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,children:v({id:`7evBec`,message:`Processing time: {resolvedProcessingTime}`,values:{resolvedProcessingTime:y}})})}),d(t,{"aria-hidden":!0,...p.props(u.disclosureChevron,u.disclosureHeaderChevron)})]}),d(a.Panel,{children:d(`div`,{...p.props(u.disclosurePanelInner),children:f(`div`,{...p.props(u.disclosureRow),children:[d(n,{"aria-hidden":!0,...p.props(u.disclosureRowIcon)}),f(`div`,{children:[d(s.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,...p.props(u.helpQuestion),children:v({id:`QU2cIs`,message:`Have questions?`})}),d(o,{~~href:c~~.~~support,...p.~~props(u.helpLink),children:d(s.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:`inherit`,children:v({id:`AWtGgd`,message:`Get help`})})})]})]})})})]})}export{m as TransferCryptoDisclosure};
1	+ "use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronDownIcon as t}from"../../../../../../shared/icons/ChevronDownIcon.js";import{CircleHelpIcon as n}from"../../../../../../shared/icons/CircleHelpIcon.js";import{ClockIcon as r}from"../../../../../../shared/icons/ClockIcon.js";import"../../../../../../icons/index.js";import{SupportLink as i}from"../../../../../../shared/support/SupportLink.js";import"../../../../../../shared/support/index.js";import{Card as a}from"../../../../../../shared/ui/Card/Card.js";import{Collapsible as o}from"../../../../../../shared/ui/Collapsible/Collapsible.js";import"../../../../../../shared/ui/Collapsible/index.js";import{text as s}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{useTransferCryptoContext as c}from"../context.js";import{TRANSFER_CRYPTO_SLOTS as l}from"../TransferCrypto.slots.js";import{styles as u}from"../TransferCrypto.styles.js";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";function h({defaultOpen:h=!1,open:g,onOpenChange:_,processingTime:v,priceImpact:y}){let{_:b}=e(),x=c(`TransferCrypto.Disclosure`),S=v??b({id:`KuqCAK`,message:`~ 2 min`}),C=y??x.token.priceImpact;return p(o,{"data-stridge-slot":l.disclosure,defaultOpen:h,open:g,onOpenChange:_,render:f(a,{variant:`subdued`}),...m.props(u.disclosure),children:[p(o.Trigger,{render:f(`div`,{}),nativeButton:!1,...m.props(u.disclosureHeader),children:[f(r,{"aria-hidden":!0,...m.props(u.disclosureRowIcon)}),p(`div`,{...m.props(u.disclosureRowTextWithInfo),children:[f(s.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,children:b({id:`7evBec`,message:`Processing time: {resolvedProcessingTime}`,values:{resolvedProcessingTime:S}})}),C?p(d,{children:[f(s.span,{size:`meta`,leading:`tight`,color:`subdued`,"aria-hidden":!0,children:`·`}),f(s.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:`subdued`,children:b({id:`yLEjmm`,message:`{resolvedPriceImpact}% price impact`,values:{resolvedPriceImpact:C}})})]}):null]}),f(t,{"aria-hidden":!0,...m.props(u.disclosureChevron,u.disclosureHeaderChevron)})]}),f(o.Panel,{children:f(`div`,{...m.props(u.disclosurePanelInner),children:p(`div`,{...m.props(u.disclosureRow),children:[f(n,{"aria-hidden":!0,...m.props(u.disclosureRowIcon)}),p(`div`,{children:[f(s.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,...m.props(u.helpQuestion),children:b({id:`QU2cIs`,message:`Have questions?`})}),f(i,{...m.props(u.helpLink),children:f(s.span,{size:`meta`,fontWeight:`medium`,leading:`tight`,color:`inherit`,children:b({id:`AWtGgd`,message:`Get help`})})})]})]})})})]})}export{h as TransferCryptoDisclosure};

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Header.d.ts CHANGED Viewed

@@ -6,6 +6,12 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * Header part — back button and title. `Dialog.CloseButton` renders as
  * the trailing flex child only when the widget is mounted inside
  * `Dialog.Content`.
+ *
+ * Activity trigger — when the host mounts the standalone {@link ActivityDriver}, an
+ * `<ActivityTrigger>` button renders next to the close X and opens the cross-flow activity
+ * surface. Q4=(D) — activity is owned by the standalone driver; the icon hides gracefully when
+ * the host opts out. The steps router only mounts this header on `transferCrypto`, so no
+ * additional FSM-state gating is needed.
  */
 declare function TransferCryptoHeader({
   onBack,

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Header.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{~~useLingui~~ as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../../../shared/icons/ChevronLeftIcon.js";import"../../../../../../icons/index.js";import{IconButton as n}from"../../../../../../shared/ui/IconButton/IconButton.js";import{Dialog as r}from"../../../../../../shared/ui/Dialog/Dialog.js";import"../../../../../../shared/ui/Dialog/index.js";import{Card as i}from"../../../../../../shared/ui/Card/Card.js";import{text as a}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{TRANSFER_CRYPTO_SLOTS as o}from"../TransferCrypto.slots.js";import{styles as s}from"../TransferCrypto.styles.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";function d({onBack:d,title:f}){let{_:p}=e(),m=f??p({id:`3dqPLT`,message:`Transfer Crypto`});return l(i.Header,{"data-stridge-slot":o.header,...u.props(s.header),children:[l(`div`,{...u.props(s.headerLeft),children:[typeof d==`function`?c(n,{"aria-label":p({id:`iH8pgl`,message:`Back`}),onClick:d,children:c(t,{"aria-hidden":!0,...u.props(s.backIcon)})}):null,c(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,style:{margin:0},children:m})]}),c(r.CloseButton,{})]})}export{d as TransferCryptoHeader};
1	+ "use client";import{useOptionalActivityDriverInstance as e}from"../../../../../activity/driver/context.js";import{useLingui as t}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{useDepositActions as n}from"../../../../orchestrator/controller.js";import{ChevronLeftIcon as r}from"../../../../../../shared/icons/ChevronLeftIcon.js";import"../../../../../../icons/index.js";import{IconButton as i}from"../../../../../../shared/ui/IconButton/IconButton.js";import{Dialog as a}from"../../../../../../shared/ui/Dialog/Dialog.js";import"../../../../../../shared/ui/Dialog/index.js";import{Card as o}from"../../../../../../shared/ui/Card/Card.js";import{text as s}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{ActivityTrigger as c}from"../../../../../../shared/widgets/activity/ActivityTrigger.js";import"../../../../../../shared/widgets/activity/index.js";import{TRANSFER_CRYPTO_SLOTS as l}from"../TransferCrypto.slots.js";import{styles as u}from"../TransferCrypto.styles.js";import{jsx as d,jsxs as f}from"react/jsx-runtime";import*as p from"@stylexjs/stylex";function m({onBack:m,title:h}){let{_:g}=t(),{openActivity:_}=n(),v=e()!==null,y=h??g({id:`3dqPLT`,message:`Transfer Crypto`});return f(o.Header,{"data-stridge-slot":l.header,...p.props(u.header),children:[f(`div`,{...p.props(u.headerLeft),children:[typeof m==`function`?d(i,{"aria-label":g({id:`iH8pgl`,message:`Back`}),onClick:m,children:d(r,{"aria-hidden":!0,...p.props(u.backIcon)})}):null,d(s.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,style:{margin:0},children:y})]}),f(`div`,{...p.props(u.headerTrailing),children:[v?d(c,{onOpen:_}):null,d(a.CloseButton,{})]})]})}export{m as TransferCryptoHeader};

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/QrCode.d.ts CHANGED Viewed

@@ -5,16 +5,10 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * QR code part — renders the deposit address as a QR code with the
  * selected chain's logo punched out at the center.
  *
- * The arena is rendered inside an SVG `<foreignObject>` whose
- * coordinate system is the QR's viewBox (cells, ~33 user units across)
- * rather than CSS pixels. So `px` values on HTML descendants get
- * scaled by the SVG factor (~4.85× for a 160-pixel QR with a 33-cell
- * grid) — `height: 36px` on the icon turned into ~175 actual pixels
- * and the SVG ballooned. Percentages resolve correctly because they
- * stay in the local user-unit space, so the img sizes against Cuer's
- * arena `<foreignObject>` width/height directly. `object-fit: contain`
- * preserves aspect ratio so chain logos with non-square viewBoxes
- * (Ethereum is 784×1277) don't squish.
+ * The logo is rendered via `Cuer.Arena` as a native SVG `<image>` —
+ * `preserveAspectRatio="xMidYMid meet"` (the SVG equivalent of
+ * `object-fit: contain`) keeps non-square chain artwork from squishing,
+ * and the SVG coordinate system places it exactly on the QR centre.
  */
 declare function TransferCryptoQrCode(): _$react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/QrCode.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";import{resolveChainLogoChain as e}from"../../../../../../shared/utils/logos/resolveLogoSrc.js";import"../../../../../../shared/utils/logos/index.js";import{~~useTransferCryptoContext~~ as t}from"~~../context~~.js";import{~~TRANSFER_CRYPTO_SLOTS~~ as n}from"../~~TransferCrypto~~.~~slots.~~js";import{~~styles~~ as r}from"../TransferCrypto.~~styles~~.js";import{~~Cuer~~ as i}from"~~../../../../../../shared/cuer/Cuer~~.~~js";import"../../../../../../shared/cuer/index~~.js";import{useEffect as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l(){let l=t(`TransferCrypto.QrCode`),u=e({...l.chain.chainId===void 0?{}:{chainId:l.chain.chainId},...l.chain.logoUrl===void 0?{}:{chainLogoUrl:l.chain.logoUrl}}),[d,f]=o(0);a(()=>{f(0)},[u.join(`\|`)]);let p=u[d];return s(`div`,{"data-stridge-slot":n.qr,...c.props(r.qrFrame),children:s(i,{value:l.depositAddress,size:160,~~arena~~:p?s(~~`img`,~~{~~src~~:p,~~alt~~:l.chain.symbol,"data-stridge-slot":n.qrArena,onError:()=>{d<u.length-1&&f(d+1)}~~,style:{width:`100%`,height:`100%`,objectFit:`contain`,display:`block`,borderRadius:`var(--stridge-kit-radius-lg)`~~}},p)~~:null,...c.props(r.qrSvg)~~})})}export{l as TransferCryptoQrCode};
1	+ "use client";import{resolveChainLogoChain as e}from"../../../../../../shared/utils/logos/resolveLogoSrc.js";import"../../../../../../shared/utils/logos/index.js";import{Cuer as t}from"../../../../../../shared/cuer/Cuer.js";import"../../../../../../shared/cuer/index.js";import{useTransferCryptoContext as n}from"../context.js";import{TRANSFER_CRYPTO_SLOTS as r}from"../TransferCrypto.slots.js";import{styles as i}from"../TransferCrypto.styles.js";import{useEffect as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let u=n(`TransferCrypto.QrCode`),d=e({...u.chain.chainId===void 0?{}:{chainId:u.chain.chainId},...u.chain.logoUrl===void 0?{}:{chainLogoUrl:u.chain.logoUrl}}),[f,p]=o(0);a(()=>{p(0)},[d.join(`\|`)]);let m=d[f];return s(`div`,{"data-stridge-slot":r.qr,...l.props(i.qrFrame),children:c(t.Root,{value:u.depositAddress,size:160,...l.props(i.qrSvg),children:[s(t.Finder,{}),s(t.Cells,{}),m&&s(t.Arena,{href:m,"aria-label":u.chain.symbol,"data-stridge-slot":r.qrArena,onError:()=>{f<d.length-1&&p(f+1)}},m)]})})}export{u as TransferCryptoQrCode};