@stridge/kit 0.1.0-alpha.0

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

@@ -0,0 +1,41 @@
+import { DialogShellControls } from "../../../../shared/dialog/DialogShell.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/transfer-crypto/TransferCrypto.d.ts
+/**
+ * `onCopy` is filtered from the orchestrated widget's surface — the compound's typed copy
+ * 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">;
+/**
+ * Orchestrated `TransferCrypto` widget. Reads the per-chain deposit address list from the
+ * driver's `addresses` entity and the destination receive asset from `target`.
+ *
+ * **Token-first picker.** Tokens dropdown lists the *union* of every `acceptedAssets` entry
+ * across every provisioned chain (deduped by symbol). Picking a token narrows the Chains
+ * dropdown to the chains that actually support that token — e.g. picking PYUSD shows only
+ * Ethereum because the mock gateway only configures PYUSD there. When the driver hasn't
+ * surfaced `acceptedAssets` at all (older drivers / pre-feature mock fixtures), the picker
+ * degrades to "destination asset on all provisioned chains".
+ *
+ * Chain dropdown skips testnet rows by default — `startToAddressesPayload` filters them in the
+ * 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 TransferCryptoDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  ...rootProps
+}: TransferCrypto.DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace TransferCrypto {
+  type Props = TransferCryptoOrchestratedProps;
+  type DialogProps = TransferCryptoOrchestratedProps & DialogShellControls;
+  const Dialog: typeof TransferCryptoDialog;
+}
+//#endregion
+export { TransferCrypto };

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

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

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

@@ -0,0 +1,56 @@
+import { TransferCryptoAddress } from "./components/Address.js";
+import { TransferCryptoBodyProps, TransferCryptoDialogProps, TransferCryptoDisclosureProps, TransferCryptoHeaderProps, TransferCryptoProps } from "./types.js";
+import { TransferCryptoDisclosure } from "./components/Disclosure.js";
+import { TransferCryptoHeader } from "./components/Header.js";
+import { TransferCryptoQrCode } from "./components/QrCode.js";
+import { TransferCryptoSelectors } from "./components/Selectors.js";
+import { TransferCryptoSummary } from "./components/Summary.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.d.ts
+/**
+ * Root of the Transfer Crypto compound. Renders the modal-frame card
+ * surface and provides shared state to every compound part rendered
+ * inside it.
+ *
+ * Parts:
+ * - {@link TransferCrypto.Header}
+ * - {@link TransferCrypto.Body}
+ * - {@link TransferCrypto.Selectors}
+ * - {@link TransferCrypto.QrCode}
+ * - {@link TransferCrypto.Summary}
+ * - {@link TransferCrypto.Address}
+ * - {@link TransferCrypto.Disclosure}
+ *
+ * Dialog form: {@link TransferCrypto.Dialog} pre-composes the widget
+ * into a `Dialog.Root + Dialog.Trigger + Dialog.Content` shell — the
+ * production-recommended entry point. Use the bare `TransferCrypto`
+ * form when you want the widget mounted inline.
+ */
+declare function TransferCrypto(props: TransferCryptoProps): _$react_jsx_runtime0.JSX.Element;
+declare function TransferCryptoBody(props: TransferCryptoBodyProps): _$react_jsx_runtime0.JSX.Element;
+declare function TransferCryptoDialog({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  children,
+  ...rootProps
+}: TransferCryptoDialogProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace TransferCrypto {
+  type Props = TransferCryptoProps;
+  type HeaderProps = TransferCryptoHeaderProps;
+  type BodyProps = TransferCryptoBodyProps;
+  type DisclosureProps = TransferCryptoDisclosureProps;
+  type DialogProps = TransferCryptoDialogProps;
+  const Header: typeof TransferCryptoHeader;
+  const Body: typeof TransferCryptoBody;
+  const Selectors: typeof TransferCryptoSelectors;
+  const QrCode: typeof TransferCryptoQrCode;
+  const Summary: typeof TransferCryptoSummary;
+  const Address: typeof TransferCryptoAddress;
+  const Disclosure: typeof TransferCryptoDisclosure;
+  const Dialog: typeof TransferCryptoDialog;
+}
+//#endregion
+export { TransferCrypto };

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

@@ -0,0 +1 @@
+"use client";import{DialogShell as e}from"../../../../../shared/dialog/DialogShell.js";import{Card as t}from"../../../../../shared/ui/Card/Card.js";import{Tooltip as n}from"../../../../../shared/ui/Tooltip/Tooltip.js";import"../../../../../shared/ui/Tooltip/index.js";import"../../../../../ui/index.js";import{Frame as r}from"../../../../../shared/dialog/Frame.js";import{TransferCryptoContext as i}from"./context.js";import{TRANSFER_CRYPTO_SLOTS as a}from"./TransferCrypto.slots.js";import{styles as o}from"./TransferCrypto.styles.js";import{TransferCryptoAddress as s}from"./components/Address.js";import{TransferCryptoDisclosure as c}from"./components/Disclosure.js";import{TransferCryptoHeader as l}from"./components/Header.js";import{TransferCryptoQrCode as u}from"./components/QrCode.js";import{TransferCryptoSelectors as d}from"./components/Selectors.js";import{TransferCryptoSummary as f}from"./components/Summary.js";import{useMemo as p}from"react";import{jsx as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";const g=[],_=[];function v(e){let{depositAddress:t,token:s,chain:c,tokenOptions:l=g,chainOptions:u=_,onTokenChange:d,onChainChange:f,sendAsset:v,receiveAsset:y,sendNetwork:b,receiveNetwork:x,onCopy:S,children:C}=e,w=s??l[0],T=c??u[0];if(!w||!T)throw Error(`TransferCrypto requires at least one token and one chain.`);let E=v??w,D=y??w,O=p(()=>({depositAddress:t,token:w,chain:T,tokenOptions:l,chainOptions:u,onTokenChange:d,onChainChange:f,sendAsset:E,receiveAsset:D,sendNetwork:b,receiveNetwork:x,onCopy:S}),[t,w,T,l,u,d,f,E,D,b,x,S]);return m(i.Provider,{value:O,children:m(n.Provider,{children:m(r,{"data-stridge-slot":a.root,...h.props(o.root),children:C})})})}function y(e){return m(t.Body,{"data-stridge-slot":a.body,...e})}function b({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return m(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:m(v,{...o,children:a})})}(function(e){e.Header=l,e.Body=y,e.Selectors=d,e.QrCode=u,e.Summary=f,e.Address=s,e.Disclosure=c,e.Dialog=b})(v||={});export{v as TransferCrypto};

package/dist/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.slots.d.ts

@@ -0,0 +1,15 @@
+//#region src/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.slots.d.ts
+declare const TRANSFER_CRYPTO_SLOTS: {
+  readonly root: "transfer-crypto";
+  readonly header: "transfer-crypto-header";
+  readonly body: "transfer-crypto-body";
+  readonly summary: "transfer-crypto-summary";
+  readonly qr: "transfer-crypto-qr";
+  readonly qrArena: "transfer-crypto-qr-arena";
+  readonly address: "transfer-crypto-address";
+  readonly selectors: "transfer-crypto-selectors";
+  readonly disclosure: "transfer-crypto-disclosure";
+};
+type TransferCryptoSlot = (typeof TRANSFER_CRYPTO_SLOTS)[keyof typeof TRANSFER_CRYPTO_SLOTS];
+//#endregion
+export { TRANSFER_CRYPTO_SLOTS, TransferCryptoSlot };

package/dist/flows/deposit/widgets/transfer-crypto/compound/TransferCrypto.slots.js

@@ -0,0 +1 @@
+const e={root:`transfer-crypto`,header:`transfer-crypto-header`,body:`transfer-crypto-body`,summary:`transfer-crypto-summary`,qr:`transfer-crypto-qr`,qrArena:`transfer-crypto-qr-arena`,address:`transfer-crypto-address`,selectors:`transfer-crypto-selectors`,disclosure:`transfer-crypto-disclosure`};export{e as TRANSFER_CRYPTO_SLOTS};

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

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

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Address.d.ts

@@ -0,0 +1,10 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/transfer-crypto/compound/components/Address.d.ts
+/**
+ * Address part — labeled deposit-address row with an inline copy pill that
+ * flashes "Copied!" for ~2s after a successful copy.
+ */
+declare function TransferCryptoAddress(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TransferCryptoAddress };

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

@@ -0,0 +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{useCopyToClipboard as s}from"../../../../../../utils/src/use-copy-to-clipboard.js";import{BRAND_LINKS as c}from"../../../../../../shared/constants/brand-links.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}=s(_.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:c.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};

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

@@ -0,0 +1,17 @@
+import { TransferCryptoDisclosureProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/transfer-crypto/compound/components/Disclosure.d.ts
+/**
+ * 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}.
+ */
+declare function TransferCryptoDisclosure({
+  defaultOpen,
+  open,
+  onOpenChange,
+  processingTime
+}: TransferCryptoDisclosureProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TransferCryptoDisclosure };

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

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

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

@@ -0,0 +1,15 @@
+import { TransferCryptoHeaderProps } from "../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/transfer-crypto/compound/components/Header.d.ts
+/**
+ * Header part — back button and title. `Dialog.CloseButton` renders as
+ * the trailing flex child only when the widget is mounted inside
+ * `Dialog.Content`.
+ */
+declare function TransferCryptoHeader({
+  onBack,
+  title
+}: TransferCryptoHeaderProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TransferCryptoHeader };

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

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

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/InfoTooltip.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Tooltip as t}from"../../../../../../shared/ui/Tooltip/Tooltip.js";import"../../../../../../shared/ui/Tooltip/index.js";import{styles as n}from"../TransferCrypto.styles.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";function o({content:o,children:s,stopToggle:c=!1,label:l}){let{_:u}=e(),d=c?e=>e.stopPropagation():void 0,f=l??u({id:`kjrq_8`,message:`More information`});return i(t.Root,{children:[r(t.Trigger,{"aria-label":f,onClick:d,...a.props(n.infoTrigger),children:s}),r(t.Content,{children:o})]})}export{o as InfoTooltip};

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

@@ -0,0 +1,21 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/transfer-crypto/compound/components/QrCode.d.ts
+/**
+ * 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.
+ */
+declare function TransferCryptoQrCode(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TransferCryptoQrCode };

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

@@ -0,0 +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{useEffect as i,useState as a}from"react";import{jsx as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";import{Cuer as c}from"cuer";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]=a(0);i(()=>{f(0)},[u.join(`|`)]);let p=u[d];return o(`div`,{"data-stridge-slot":n.qr,...s.props(r.qrFrame),children:o(c,{value:l.depositAddress,size:160,arena:p?o(`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,...s.props(r.qrSvg)})})}export{l as TransferCryptoQrCode};

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Selectors.d.ts

@@ -0,0 +1,11 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/transfer-crypto/compound/components/Selectors.d.ts
+/**
+ * Selectors part — paired Tokens + Chains dropdowns. Renders an interactive
+ * `Select` when the matching `onChange` callback is wired; otherwise falls
+ * back to `Select.StaticTrigger` with the same surface chrome.
+ */
+declare function TransferCryptoSelectors(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TransferCryptoSelectors };

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Selectors.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{InfoIcon as t}from"../../../../../../shared/icons/InfoIcon.js";import"../../../../../../icons/index.js";import{Select as n}from"../../../../../../shared/ui/Select/Select.js";import"../../../../../../shared/ui/Select/index.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import{TokenLogo as i}from"../../../../../../shared/ui/TokenLogo/TokenLogo.js";import"../../../../../../shared/ui/TokenLogo/index.js";import"../../../../../../ui/index.js";import{useTransferCryptoContext as a}from"../context.js";import{TRANSFER_CRYPTO_SLOTS as o}from"../TransferCrypto.slots.js";import{styles as s}from"../TransferCrypto.styles.js";import{InfoTooltip as c}from"./InfoTooltip.js";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p(){let n=a(`TransferCrypto.Selectors`),{_:i}=e(),l=i({id:`6RDwJM`,message:`Tokens`}),p=i({id:`gfh8CC`,message:`Chains`}),h=i({id:`fKSGnu`,message:`The minimum amount required for this chain to cover network fees and routing.`});return d(`div`,{"data-stridge-slot":o.selectors,...f.props(s.selectors),children:[d(`div`,{...f.props(s.selectorColumn),children:[u(`div`,{...f.props(s.selectorLabelRow),children:u(r.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,tracking:`widest`,color:`subdued`,children:l})}),u(m,{value:n.token,options:n.tokenOptions,onChange:n.onTokenChange,ariaLabel:l})]}),d(`div`,{...f.props(s.selectorColumn),children:[d(`div`,{...f.props(s.selectorLabelRow),children:[u(r.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,tracking:`widest`,color:`subdued`,children:p}),n.chain.minDeposit?d(`div`,{...f.props(s.minDepositRow),children:[u(r.span,{size:`caption`,fontWeight:`medium`,leading:`tight`,color:`subdued`,children:i({id:`WkRH60`,message:`Min {0}`,values:{0:n.chain.minDeposit}})}),u(c,{content:h,children:u(t,{"aria-hidden":!0,...f.props(s.minDepositIcon)})})]}):null]}),u(m,{value:n.chain,options:n.chainOptions,onChange:n.onChainChange,ariaLabel:p})]})]})}function m({value:t,options:i,onChange:a,ariaLabel:o}){let{_:s}=e();return a?d(n,{variant:`tile`,value:t.symbol,onValueChange:e=>{if(!e)return;let t=i.find(t=>t.symbol===e);t&&a(t)},children:[u(n.Trigger,{"aria-label":o,children:u(h,{value:t})}),u(n.Content,{sideOffset:4,scrollArrows:!1,children:i.map(e=>{let t=e.minDeposit,i=d(l,{children:[u(g,{asset:e,size:20}),u(`span`,{style:{flex:1,minWidth:0},children:e.label??e.symbol}),t?u(r.span,{size:`caption`,fontWeight:`medium`,leading:`tight`,color:`subdued`,children:s({id:`AikETk`,message:`Min {minDeposit}`,values:{minDeposit:t}})}):null]});return e.disabled?u(n.DisabledItem,{children:i},e.symbol):u(n.Item,{value:e.symbol,children:i},e.symbol)})})]}):u(n.StaticTrigger,{variant:`tile`,role:`presentation`,"aria-label":o,children:u(h,{value:t})})}function h({value:e}){return d(l,{children:[u(g,{asset:e,size:22}),u(r.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,truncate:!0,children:e.symbol})]})}function g({asset:e,size:t}){return u(i,{size:t,symbol:e.symbol,...e.chainId===void 0?{}:{chainId:e.chainId},...e.address===void 0?{}:{address:e.address},...e.isNative===void 0?{}:{isNative:e.isNative},...e.logoUrl===void 0?{}:{logoUrl:e.logoUrl},hideChainBadge:!0})}export{p as TransferCryptoSelectors};

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Summary.d.ts

@@ -0,0 +1,11 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/flows/deposit/widgets/transfer-crypto/compound/components/Summary.d.ts
+/**
+ * TransferCrypto summary part that renders the "You send / You receive" pair with optional network badges layered
+ * on each asset icon. Must be rendered inside a TransferCrypto component tree; rendering it outside the provider
+ * throws from `useTransferCryptoContext`.
+ */
+declare function TransferCryptoSummary(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TransferCryptoSummary };

package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Summary.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ArrowRightIcon as t}from"../../../../../../shared/icons/ArrowRightIcon.js";import"../../../../../../icons/index.js";import{text as n}from"../../../../../../shared/ui/Text/Text.js";import{TokenLogo as r}from"../../../../../../shared/ui/TokenLogo/TokenLogo.js";import"../../../../../../shared/ui/TokenLogo/index.js";import"../../../../../../ui/index.js";import{useTransferCryptoContext as i}from"../context.js";import{TRANSFER_CRYPTO_SLOTS as a}from"../TransferCrypto.slots.js";import{styles as o}from"../TransferCrypto.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@stylexjs/stylex";function u(){let n=i(`TransferCrypto.Summary`),{_:r}=e();return c(`div`,{"data-stridge-slot":a.summary,...l.props(o.flowPill),children:[s(d,{caption:r({id:`Ck1xL4`,message:`You send`}),asset:n.sendAsset,network:n.sendNetwork}),s(t,{"aria-hidden":!0,...l.props(o.flowArrow)}),s(d,{caption:r({id:`88cUW-`,message:`You receive`}),asset:n.receiveAsset,network:n.receiveNetwork})]})}function d({caption:e,asset:t,network:i}){let a=i?.chainId??t.chainId,u=i?.logoUrl;return c(`div`,{...l.props(o.flowSide),children:[s(r,{size:26,symbol:t.symbol,...a===void 0?{}:{chainId:a},...t.address===void 0?{}:{address:t.address},...t.isNative===void 0?{}:{isNative:t.isNative},...t.logoUrl===void 0?{}:{logoUrl:t.logoUrl},...u===void 0?{}:{chainLogoUrl:u},hideChainBadge:i===void 0}),c(`div`,{...l.props(o.flowText),children:[s(n.span,{size:`2xs`,fontWeight:`medium`,leading:`tight`,tracking:`wide`,color:`tertiary`,children:e}),s(n.span,{size:`meta`,fontWeight:`semibold`,leading:`tight`,children:t.symbol})]})]})}export{u as TransferCryptoSummary};

package/dist/flows/deposit/widgets/transfer-crypto/compound/context.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as t}from"react";const n=e(null);function r(e){let r=t(n);if(!r)throw Error(`${e} must be rendered inside <TransferCrypto>.`);return r}export{n as TransferCryptoContext,r as useTransferCryptoContext};

package/dist/flows/deposit/widgets/transfer-crypto/compound/index.d.ts

@@ -0,0 +1,3 @@
+import { TransferCryptoAsset, TransferCryptoBodyProps, TransferCryptoChain, TransferCryptoDialogProps, TransferCryptoDisclosureProps, TransferCryptoHeaderProps, TransferCryptoProps, TransferCryptoToken } from "./types.js";
+import { TransferCrypto } from "./TransferCrypto.js";
+import { TRANSFER_CRYPTO_SLOTS, TransferCryptoSlot } from "./TransferCrypto.slots.js";

package/dist/flows/deposit/widgets/transfer-crypto/compound/index.js

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

package/dist/flows/deposit/widgets/transfer-crypto/compound/types.d.ts

@@ -0,0 +1,187 @@
+import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
+import { ComponentProps, ReactNode } from "react";
+import { AssetDto, NativeCurrencyDto, SupportedAssetDto, SupportedAssetsResponse } from "@stridge/sdk";
+
+//#region src/flows/deposit/widgets/transfer-crypto/compound/types.d.ts
+/**
+ * A token or chain entry rendered inside the Transfer Crypto card. Carries the identity fields
+ * the kit's logo resolver needs (`chainId` / `address` / `isNative`) so dropdown items and the
+ * Summary pill resolve their icons through the same pipeline as every other widget.
+ */
+interface TransferCryptoAsset {
+  /**
+   * Symbol or name shown to the user (e.g. `"USDC"`, `"Arbitrum"`).
+   */
+  symbol: string;
+  /**
+   * Optional longer label shown in the popup item. Defaults to `symbol`.
+   */
+  label?: string;
+  /**
+   * EIP-155 chain id this asset lives on. For chain entries this is the chain itself; for token
+   * entries it's the chain the token contract resides on.
+   */
+  chainId?: number;
+  /**
+   * ERC-20 contract address on `chainId`. Omit for chain-native tokens and chain entries.
+   */
+  address?: string;
+  /**
+   * `true` for chain-native tokens (and for chain entries — both resolve via the chain's
+   * standalone logo path).
+   */
+  isNative?: boolean;
+  /**
+   * Logo URL — final URL fallback before the gradient+letter visual.
+   */
+  logoUrl?: string;
+  /**
+   * When `true`, the entry renders muted and is non-selectable inside the Tokens / Chains
+   * dropdowns. Used by the driver transformer to surface the full universe of supported
+   * tokens / chains while marking those without a provisioned deposit address (or not accepted
+   * by the active route) as inert — the user sees that the asset exists in the kit's catalog
+   * but understands it's not currently available.
+   */
+  disabled?: boolean;
+}
+/**
+ * A chain entry, optionally carrying a minimum-deposit hint surfaced next to
+ * the Chains dropdown label.
+ */
+interface TransferCryptoChain extends TransferCryptoAsset {
+  /**
+   * Optional human-readable minimum deposit, e.g. `"$3"`.
+   */
+  minDeposit?: string;
+  /**
+   * Source supported-assets network entry (one element of `SupportedAssetsResponse.assets`).
+   */
+  raw?: SupportedAssetDto;
+  /**
+   * Full `Uda.supportedAssets()` response that produced the network entry.
+   */
+  responseRaw?: SupportedAssetsResponse;
+}
+/**
+ * A token entry in the Tokens dropdown. Tokens are deduped by symbol across chains, so `chainId`
+ * pins to the first-encountered chain's entry; per-chain context lives on `chainsByToken`.
+ */
+interface TransferCryptoToken extends TransferCryptoAsset {
+  /**
+   * Source token DTO from the pinned chain — `AssetDto` for ERC-20s, `NativeCurrencyDto` for
+   * chain-natives. Reflects the first chain the symbol was encountered on; integrators reading
+   * per-chain `raw` walk `chainsByToken[symbol]`.
+   */
+  raw?: AssetDto | NativeCurrencyDto;
+  /** Full `Uda.supportedAssets()` response that produced the token entry. */
+  responseRaw?: SupportedAssetsResponse;
+}
+/**
+ * Props for `<TransferCrypto.Dialog>` — the dialog form of the
+ * TransferCrypto widget. Combines the widget root props with the
+ * shared dialog shell controls (`open` / `defaultOpen` / `onOpenChange`
+ * / `trigger`).
+ */
+type TransferCryptoDialogProps = TransferCryptoProps & DialogShellControls;
+/**
+ * Public props accepted by the {@link TransferCrypto} root.
+ */
+interface TransferCryptoProps {
+  /**
+   * The address users will deposit funds to. Rendered inside both the QR code
+   * and the inline copy block.
+   */
+  depositAddress: string;
+  /**
+   * The token currently shown in the Tokens dropdown. Falls back to the first
+   * entry of `tokenOptions` when omitted.
+   */
+  token?: TransferCryptoToken;
+  /**
+   * The chain currently shown in the Chains dropdown. Falls back to the first
+   * entry of `chainOptions` when omitted.
+   */
+  chain?: TransferCryptoChain;
+  /**
+   * Available tokens listed in the dropdown. Defaults to a bundled sample catalog.
+   */
+  tokenOptions?: readonly TransferCryptoToken[];
+  /**
+   * Available chains listed in the dropdown. Defaults to a bundled sample catalog.
+   */
+  chainOptions?: readonly TransferCryptoChain[];
+  /**
+   * Fired when the user picks a token in the dropdown.
+   */
+  onTokenChange?: (token: TransferCryptoToken) => void;
+  /**
+   * Fired when the user picks a chain in the dropdown.
+   */
+  onChainChange?: (chain: TransferCryptoChain) => void;
+  /**
+   * Asset rendered on the "You send" side of the Summary. Defaults to `token`.
+   */
+  sendAsset?: TransferCryptoAsset;
+  /**
+   * Asset rendered on the "You receive" side of the Summary. Defaults to `token`.
+   */
+  receiveAsset?: TransferCryptoAsset;
+  /**
+   * Network the sent asset lives on, rendered as a small overlay on the bottom-right
+   * of the send icon. Typically the same as `chain`.
+   */
+  sendNetwork?: TransferCryptoChain;
+  /**
+   * Network the received asset lives on, rendered as a small overlay on the
+   * bottom-right of the receive icon.
+   */
+  receiveNetwork?: TransferCryptoChain;
+  /**
+   * Fired after the user successfully copies the address via the inline Copy button.
+   */
+  onCopy?: (address: string) => void;
+  /**
+   * Compound parts.
+   */
+  children?: ReactNode;
+}
+/**
+ * Body slot part props. Forwards every native `<div>` prop through to the
+ * underlying `Card.Body`, which becomes the scrollable region when the
+ * widget is mounted inside `Dialog.Content`.
+ */
+type TransferCryptoBodyProps = ComponentProps<"div">;
+interface TransferCryptoHeaderProps {
+  /**
+   * Optional back-button callback. When undefined the button still renders but
+   * the click is a no-op.
+   */
+  onBack?: () => void;
+  /**
+   * Header title text. Defaults to `"Transfer Crypto"`.
+   */
+  title?: string;
+}
+interface TransferCryptoDisclosureProps {
+  /**
+   * Whether the panel is open by default (uncontrolled). Defaults to `false`.
+   */
+  defaultOpen?: boolean;
+  /**
+   * Controlled open state.
+   */
+  open?: boolean;
+  /**
+   * Fired when the user toggles the panel via the chevron.
+   */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Approximate processing-time hint surfaced on the trigger (e.g.
+   * `"~ 2 min"`). Defaults to the bundled `"~ 2 min"` rough estimate.
+   * Hosts that pipe a chain-aware figure in via their data source can
+   * override per route.
+   */
+  processingTime?: string;
+}
+//#endregion
+export { TransferCryptoAsset, TransferCryptoBodyProps, TransferCryptoChain, TransferCryptoDialogProps, TransferCryptoDisclosureProps, TransferCryptoHeaderProps, TransferCryptoProps, TransferCryptoToken };

package/dist/flows/deposit/widgets/transfer-crypto/index.d.ts

@@ -0,0 +1 @@
+import { TransferCrypto } from "./TransferCrypto.js";

package/dist/flows/deposit/widgets/transfer-crypto/index.js

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

package/dist/flows/shared/transformers/classifySettlementStatus.js

@@ -0,0 +1 @@
+function e(e){let t=e.toLowerCase();return t===`completed`||t===`success`||t===`succeeded`?`completed`:t===`failed`||t===`error`||t===`errored`?`failed`:`in_progress`}function t(e){let t=(e??``).trim().toLowerCase();return t?t.includes(`0x275c273c`)||t.includes(`execution reverted`)&&t.includes(`estimate gas`)?`slippage`:t.includes(`insufficient funds`)||t.includes(`insufficient balance`)?`insufficient-gas`:t.includes(`transaction failed on chain`)||t.includes(`transaction rejected`)?`execution-reverted`:`unknown`:`unknown`}export{t as classifyFailureKind,e as classifySettlementStatus};

package/dist/flows/shared/transformers/computeQuoteAttrs.js

@@ -0,0 +1 @@
+import{parseSmallestUnit as e}from"./parseSmallestUnit.js";function t(t,r){let i=e(t.to.amount,r.receiveDecimals),a=e(t.fees.total_fee,r.sendDecimals),o=r.sendPriceUsd===void 0?void 0:r.sourceAmount*r.sendPriceUsd,s=r.receivePriceUsd===void 0?void 0:i*r.receivePriceUsd,c=o!==void 0&&s!==void 0?Math.max(0,o-s):r.sendPriceUsd===void 0?void 0:a*r.sendPriceUsd,l=r.sendSymbol.toUpperCase()===r.receiveSymbol.toUpperCase(),u=r.sourceAmount>0?i/r.sourceAmount:NaN,d=l&&Number.isFinite(u)?Math.max(0,(1-u)*100):void 0,f=typeof t.route.estimated_time_seconds==`number`?t.route.estimated_time_seconds:30,p=n(t,r.now);return{receiveAmount:i,...o===void 0?{}:{sendAmountUsd:o},...s===void 0?{}:{receiveAmountUsd:s},...c===void 0?{}:{networkCostUsd:c},...d===void 0?{}:{priceImpactPercent:d},expiresAt:p,etaSeconds:f}}function n(e,t){if(typeof e.expires_at==`string`){let t=Date.parse(e.expires_at);if(Number.isFinite(t))return t}return t+3e4}function r(e,t){let n=e?i(e):``,r=t?t.replace(/_/g,` `):``;return n&&r?`${n} · ${r}`:n||r||`—`}function i(e){if(e.length===0)return e;let t=e[0];return t===void 0?e:t.toUpperCase()+e.slice(1)}export{t as computeQuoteAttrs,r as formatRouteLabel,n as resolveQuoteExpiresAt};

package/dist/flows/shared/transformers/parseIsoMs.js

@@ -0,0 +1 @@
+function e(e){if(!e)return;let t=Date.parse(e);return Number.isFinite(t)?t:void 0}export{e as parseIsoMs};

package/dist/flows/shared/transformers/parseSmallestUnit.js

@@ -0,0 +1 @@
+function e(e,t){if(!e)return 0;if(t<=0){let t=Number(e);return Number.isFinite(t)?t:0}let n=e.startsWith(`-`),r=n?e.slice(1):e;if(!/^\d+$/.test(r))return 0;let i=r.padStart(t+1,`0`),a=`${i.slice(0,i.length-t)}.${i.slice(i.length-t)}`,o=Number(a);return Number.isFinite(o)?n?-o:o:0}function t(e){if(!e)return 0;let t=Number(e);return Number.isFinite(t)?t:0}export{t as parseDecimalSafe,e as parseSmallestUnit};

package/dist/flows/shared/transformers/pickRelevantSettlement.js

@@ -0,0 +1 @@
+function e(e,t={}){let n=e.settlements??[],r=t.txHash?.toLowerCase(),i=t.sinceIso??``,a=n.filter(e=>r?e.from?.tx_id?.toLowerCase()===r:(e.created_at??``)>=i);if(a.length!==0)return[...a].sort((e,t)=>(t.updated_at??``).localeCompare(e.updated_at??``))[0]}export{e as pickRelevantSettlement};