@nexus-cross/dapp-ui 1.3.2 → 1.3.3-beta.2
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.
- package/dist/index.cjs +11 -11
- package/dist/index.d.cts +55 -9
- package/dist/index.d.ts +55 -9
- package/dist/index.js +21 -21
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
function
|
|
2
|
-
`);
|
|
3
|
-
`);
|
|
4
|
-
`);
|
|
5
|
-
`);O("");import{jsx as Wo}from"react/jsx-runtime";function Wr({env:e,theme:t="dark",mobileBreakpoint:n=768,domain:o,children:r}){let a=on(`(max-width: ${n}px)`),[i,s]=rn.useState(!1),c=rn.useCallback(()=>s(!1),[]),l=Ne(e),d=rn.useMemo(()=>({env:l,theme:t,isMobile:a,open:i,domain:o,close:c}),[l,t,a,i,o,c]);return Wo(zo.Provider,{value:d,children:a?Wo(js.Root,{direction:"right",open:i,onOpenChange:s,noBodyStyles:!0,children:r},"drawer"):Wo(zr.Root,{open:i,onOpenChange:s,children:r},"popover")})}import*as Ur from"@radix-ui/react-popover";import{Drawer as qs}from"vaul";import{jsx as $e,jsxs as Vs}from"react/jsx-runtime";function Dr({size:e=18}){return Vs("svg",{className:"al-trigger-icon",width:e,height:e,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[$e("rect",{width:"4",height:"4",rx:"2",fill:"currentColor"}),$e("rect",{x:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),$e("rect",{x:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),$e("rect",{y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),$e("rect",{x:"7",y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),$e("rect",{x:"14",y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),$e("rect",{y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),$e("rect",{x:"7",y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),$e("rect",{x:"14",y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"})]})}function Hr(){return $e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:$e("path",{d:"M12 19L5 12M5 12L12 5M5 12H19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function Gr(){return $e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:$e("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as $n}from"react/jsx-runtime";function $r({asChild:e,children:t,className:n,style:o}){let{isMobile:r,theme:a}=Un(),i=t!=null,s=e??!0,c=n?`al-trigger-btn ${n}`:"al-trigger-btn",l=i?t:$n("button",{type:"button",className:c,"data-theme":a,style:o,children:$n(Dr,{size:18})});return r?$n(qs.Trigger,{asChild:s,children:l}):$n(Ur.Trigger,{asChild:s,children:l})}import*as qt from"react";import*as Vn from"@radix-ui/react-popover";import{Drawer as an}from"vaul";import{useQuery as Zs}from"@tanstack/react-query";var jr={dev:"https://stg-contents.crosstoken.io/frontend/common/app-launcher/app-launcher.json",stage:"https://stg-contents.crosstoken.io/frontend/common/app-launcher/app-launcher.json",production:"https://contents.crosstoken.io/frontend/common/app-launcher/app-launcher.json"};var Ks="https://stg-contents.crosstoken.io/frontend/common/app-launcher/icons",Qs="https://contents.crosstoken.io/frontend/common/app-launcher/icons";function pt(e,t){return`${e==="production"?Qs:Ks}/${t}.png`}function Vr(e){let t=e==="production"?"production":"stage";return{version:"0.0.1-fallback",items:[{id:"gametoken-cross",label:"Gametoken",description:"Trade game tokens easily using CROSS.",url:{dev:"https://dev-x.crosstoken.io/gametoken/CROSS",stage:"https://stg-x.crosstoken.io/gametoken/CROSS",production:"https://x.crosstoken.io/gametoken/CROSS"},iconUrl:pt(t,"dex"),order:1e3,type:"gametoken",badge:null,isNew:!1},{id:"forge",label:"Forge",description:"Launch Your Game, Ignite the Market",url:{dev:"https://stg-x.crosstoken.io/forge",stage:"https://stg-x.crosstoken.io/forge",production:"https://x.crosstoken.io/forge"},iconUrl:pt(t,"forge"),order:4e3,type:"forge",badge:null,isNew:!0},{id:"crossd",label:"Bridge (CROSSD)",description:"The first decentralized exchange on the CROSS network.",url:{dev:"https://stg.crossdefi.io/swap-bridge",stage:"https://stg.crossdefi.io/swap-bridge",production:"https://www.crossdefi.io/swap-bridge"},iconUrl:pt(t,"crossd"),order:5e3,type:"crossd",badge:null,isNew:!1},{id:"prediction",label:"Prediction",description:"Prediction market",url:{dev:"https://stg-prediction.crossdefi.io",stage:"https://stg-prediction.crossdefi.io",production:"https://prediction.crossdefi.io/"},iconUrl:pt(t,"prediction"),order:6e3,type:"prediction",badge:null,isNew:!0},{id:"rewards",label:"Rewards",description:"Deposit CROSS and earn rewards. Grow together.",url:{dev:"https://stg-x.crosstoken.io/rewards",stage:"https://stg-x.crosstoken.io/rewards",production:"https://x.crosstoken.io/rewards"},iconUrl:pt(t,"reward"),order:7e3,type:"rewards",badge:null,isNew:!1},{id:"nft",label:"NFT",description:"Trade and collect NFTs in the CROSS ecosystem.",url:{dev:"https://stg.crossnft.io/",stage:"https://stg.crossnft.io/",production:"https://www.crossnft.io/"},iconUrl:pt(t,"nft"),order:8e3,type:"nft",badge:null,isNew:!1},{id:"play",label:"Play",description:"Discover and play games on CROSS.",url:{dev:"https://stg-play.cross.nexus",stage:"https://stg-play.cross.nexus",production:"https://play.cross.nexus"},iconUrl:pt(t,"play"),order:8500,type:"play",badge:null,isNew:!0},{id:"shop",label:"Shop",description:"Game Payment Platform & In-Game Currency Store.",url:{dev:"https://www.dev.cross.shop/",stage:"https://www.stage.cross.shop/",production:"https://www.cross.shop/"},iconUrl:pt(t,"shop"),order:9e3,type:"shop",badge:null,isNew:!1},{id:"points",label:"Points",description:"Dive into CROSS World, Earn CROSS Points",url:{dev:"https://stg-x.crosstoken.io/points",stage:"https://stg-x.crosstoken.io/points",production:"https://x.crosstoken.io/points"},iconUrl:pt(t,"point"),order:1e4,type:"points",badge:null,isNew:!1},{id:"wave",label:"Wave",description:"Stream, support, and earn in the CROSS ecosystem.",url:{dev:"https://stg-wave.crosstoken.io/en",stage:"https://stg-wave.crosstoken.io/en",production:"https://wave.crosstoken.io/en"},iconUrl:pt(t,"wave"),order:11e4,type:"wave",badge:null,isNew:!1},{id:"explorer",label:"Explorer",description:"View transactions, blocks, and token data on the CROSS network.",url:{dev:"https://stg-explorer.crosstoken.io/612055",stage:"https://stg-explorer.crosstoken.io/612055",production:"https://explorer.crosstoken.io/612055"},iconUrl:pt(t,"explorer"),order:12e3,type:"explorer",badge:null,isNew:!1}]}}function jn(e){let t=Ne(e);return Zs({queryKey:["global-menu",t],queryFn:async({signal:n})=>{try{let o=await fetch(jr[t],{cache:"no-store",signal:n});if(!o.ok)throw new Error(`Failed to fetch global menu: ${o.status}`);return o.json()}catch(o){if(n.aborted)throw o;return Vr(t)}},staleTime:0,gcTime:0,retry:!1,refetchOnMount:!0})}function Q(...e){return e.filter(Boolean).join(" ")}import{jsx as xe,jsxs as yn}from"react/jsx-runtime";function Ys(e){return e.id==="cross-staking"||e.type==="cross-staking"}function Kr({align:e="end",sideOffset:t=8,className:n}){let{env:o,theme:r,isMobile:a,domain:i,close:s}=Un(),{data:c}=jn(o),l=qt.useMemo(()=>(c?.items??[]).sort((w,y)=>w.order-y.order),[c]),d=8,u=qt.useRef(null),g=qt.useCallback(w=>{u.current={x:w.clientX,y:w.clientY}},[]),h=typeof window<"u"?window.location.pathname:"",v=qt.useCallback((w,y)=>{if(u.current){let A=w.clientX-u.current.x,R=w.clientY-u.current.y;if(u.current=null,Math.abs(A)>d||Math.abs(R)>d)return}let L=y.url[o]??y.url.production,f=qr(L,i);if(!f)try{let A=new URL(L).pathname;if(h===A||h.startsWith(A+"/")){s();return}}catch{}f?window.open(L,"_blank","noopener,noreferrer"):window.location.href=L,s()},[o,i,s,h]),k=xe("div",{className:"al-grid","data-theme":r,children:l.map(w=>{let y=w.url[o]??w.url.production,L=qr(y,i),f=!1;if(!L)try{let A=new URL(y).pathname;f=h===A||h.startsWith(A+"/")}catch{f=!1}return yn("button",{type:"button",className:"al-grid-item","data-active":f||void 0,onPointerDown:g,onClick:A=>v(A,w),children:[yn("div",{className:"al-grid-item-left",children:[xe("div",{className:"al-grid-item-icon",children:xe("img",{src:w.iconUrl,alt:w.label,width:24,height:24,loading:"lazy"})}),xe("span",{className:"al-grid-item-label",children:w.label}),w.isNew&&xe("span",{className:"al-badge-new",children:"N"})]}),xe("div",{className:"al-grid-item-right",children:w.badge&&!Ys(w)&&xe("span",{className:"al-badge",children:w.badge})})]},w.id)})});return a?yn(an.Portal,{children:[xe(an.Overlay,{className:"al-drawer-overlay"}),yn(an.Content,{className:Q("al-drawer-content",n),"data-theme":r,children:[yn("div",{className:"al-drawer-header",children:[xe(an.Close,{className:"al-drawer-close",children:xe(Hr,{})}),xe(an.Title,{className:"al-drawer-title",children:"CROSS Services"}),xe(an.Close,{className:"al-drawer-close",children:xe(Gr,{})})]}),xe("div",{className:"al-drawer-body",children:k})]})]}):xe(Vn.Portal,{children:xe(Vn.Content,{align:e,sideOffset:t,className:Q("al-popover-content",n),"data-theme":r,children:k})})}function qr(e,t){try{let n=new URL(e).hostname;return typeof window>"u"?!0:n!==(t??window.location.hostname)}catch{return!1}}import*as Ie from"react";import*as ns from"@radix-ui/react-popover";import{Drawer as Sd}from"vaul";import{createContext as Xs,useContext as Js}from"react";var Do=Xs(null);function zt(){let e=Js(Do);if(!e)throw new Error("WalletInfo compound components must be used within <WalletInfo>");return e}var Ho=(o=>(o.CROSSx="crossx",o.MetaMask="io.metamask",o.Binance="com.binance.wallet",o))(Ho||{}),qn={crossx:{name:"CROSSx",iconUrl:"https://contents.crosstoken.io/wallet/token/images/tCROSS.svg"},"io.metamask":{name:"MetaMask",iconUrl:"https://upload.wikimedia.org/wikipedia/commons/3/36/MetaMask_Fox.svg"},"com.binance.wallet":{name:"Binance Wallet",iconUrl:"https://public.bnbstatic.com/static/images/common/favicon.ico"}};import*as Wi from"react";import{jsx as q,jsxs as Sn}from"react/jsx-runtime";function Qr({size:e=16,className:t}){return Sn("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[q("path",{d:"M12.6667 4.66667V2.66667C12.6667 2.48986 12.5964 2.32029 12.4714 2.19526C12.3464 2.07024 12.1768 2 12 2H3.33333C2.97971 2 2.64057 2.14048 2.39052 2.39052C2.14048 2.64057 2 2.97971 2 3.33333C2 3.68696 2.14048 4.02609 2.39052 4.27614C2.64057 4.52619 2.97971 4.66667 3.33333 4.66667H13.3333C13.5101 4.66667 13.6797 4.7369 13.8047 4.86193C13.9298 4.98695 14 5.15652 14 5.33333V8M14 8H12C11.6464 8 11.3072 8.14048 11.0572 8.39052C10.8071 8.64057 10.6667 8.97971 10.6667 9.33333C10.6667 9.68696 10.8071 10.0261 11.0572 10.2761C11.3072 10.5262 11.6464 10.6667 12 10.6667H14C14.1768 10.6667 14.3464 10.5964 14.4714 10.4714C14.5964 10.3464 14.6667 10.1768 14.6667 10V8.66667C14.6667 8.48986 14.5964 8.32029 14.4714 8.19526C14.3464 8.07024 14.1768 8 14 8Z",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"}),q("path",{d:"M2 3.33325V12.6666C2 13.0202 2.14048 13.3593 2.39052 13.6094C2.64057 13.8594 2.97971 13.9999 3.33333 13.9999H13.3333C13.5101 13.9999 13.6797 13.9297 13.8047 13.8047C13.9298 13.6796 14 13.5101 14 13.3333V10.6666",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"})]})}function Go({size:e=16,className:t}){return q("svg",{width:e,height:e,viewBox:"4 4 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:q("path",{d:"M9.40284 17.0647H4.85156V4.84656H17.0697V9.39783H15.4407V6.47565H6.48066V15.4356H9.40284V17.0647ZM21.5192 12.5644H12.5592V21.5244H21.5192V12.5644ZM23.1483 10.9353V23.1535H10.9301V10.9353H23.1483Z",fill:"currentColor"})})}function kn({size:e=16,className:t}){return q("svg",{width:e,height:e,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:q("path",{d:"M11.6667 3.5L5.25 9.91667L2.33334 7",stroke:"currentColor",strokeWidth:1.16667,strokeLinecap:"round",strokeLinejoin:"round"})})}function kt({size:e=24,className:t}){return q("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:q("path",{d:"M18 6L6 18M6 6l12 12",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function Zr({size:e=20,className:t}){return Sn("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[q("path",{d:"M7.5 17.5H4.167A1.667 1.667 0 012.5 15.833V4.167A1.667 1.667 0 014.167 2.5H7.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),q("path",{d:"M13.333 14.167L17.5 10l-4.167-4.167M17.5 10H7.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})]})}function Uo({size:e=20,className:t}){return q("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,children:q("path",{d:"M7.91305 10.8327C8.60341 10.8327 9.16305 11.3924 9.16305 12.0827V16.2458C9.16305 16.9361 8.60341 17.4958 7.91305 17.4958H3.75C3.05964 17.4958 2.5 16.9361 2.5 16.2458L2.5 12.0827C2.5 11.3924 3.05964 10.8327 3.75 10.8327H7.91305ZM14.1685 17.4958H12.5027V15.83H14.1685V17.4958ZM17.5 17.4958H15.8342V15.83H17.5V17.4958ZM4.16576 12.4985V15.83H7.49729V12.4985H4.16576ZM12.5027 15.83H10.8369V14.1642H12.5027V15.83ZM15.8342 15.83H14.1685V14.1642H15.8342V15.83ZM14.1685 14.1642H12.5027V12.4985H14.1685V14.1642ZM17.5 14.1642H15.8342V12.4985H17.5V14.1642ZM12.5027 12.4985H10.8369V10.8327H12.5027V12.4985ZM15.8342 12.4985H14.1685V10.8327H15.8342V12.4985ZM7.91305 2.50391C8.60341 2.50391 9.16305 3.06355 9.16305 3.75391V7.91696C9.16305 8.60731 8.60341 9.16696 7.91305 9.16696H3.75C3.05964 9.16696 2.5 8.60731 2.5 7.91696L2.5 3.75391C2.5 3.06355 3.05964 2.50391 3.75 2.50391L7.91305 2.50391ZM16.2419 2.50391C16.9322 2.50391 17.4919 3.06355 17.4919 3.75391V7.91696C17.4919 8.60731 16.9322 9.16696 16.2419 9.16696H12.0788C11.3885 9.16696 10.8288 8.60731 10.8288 7.91696V3.75391C10.8288 3.06355 11.3885 2.50391 12.0788 2.50391L16.2419 2.50391ZM4.16576 4.16967L4.16576 7.50119L7.49729 7.50119L7.49729 4.16967L4.16576 4.16967ZM12.4946 4.16967V7.50119H15.8261V4.16967H12.4946Z",fill:"currentColor",fillOpacity:1})})}function Bt({size:e=20,className:t}){return q("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:q("path",{d:"M12.5 15L7.5 10L12.5 5",stroke:"currentColor",strokeWidth:1.67,strokeLinecap:"round",strokeLinejoin:"round"})})}function Kt({size:e=20,className:t}){return q("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:q("path",{d:"M5 8L10 13L15 8",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function Yr({size:e=16,className:t}){return Sn("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[q("path",{d:"M1.667 10S4.167 4.167 10 4.167 18.333 10 18.333 10 15.833 15.833 10 15.833 1.667 10 1.667 10z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),q("path",{d:"M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})]})}function Xr({size:e=16,className:t}){return Sn("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[q("path",{d:"M14.95 14.95A8.283 8.283 0 0110 16.667c-5.833 0-8.333-5.833-8.333-5.833a15.238 15.238 0 014.183-4.884m3.267-1.55A7.55 7.55 0 0110 4.167c5.833 0 8.333 5.833 8.333 5.833a15.28 15.28 0 01-1.783 2.633M11.767 11.767a2.5 2.5 0 11-3.534-3.534",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),q("path",{d:"M1.667 1.667l16.666 16.666",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})]})}function Jr({size:e=42,className:t}){return q("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 42 42",fill:"none",className:t,children:q("path",{d:"M20.7314 2C31.0766 2 39.4628 10.3863 39.4629 20.7314C39.4629 31.0766 31.0766 39.4629 20.7314 39.4629C10.3863 39.4628 2 31.0766 2 20.7314C2.00007 10.3864 10.3864 2.00007 20.7314 2ZM20.5938 30.0586L21.1084 30.5732L21.623 30.0586V25.2471H21.1084C20.9344 25.2471 20.7626 25.235 20.5938 25.2158V30.0586ZM16.4834 24.6611L14.6514 26.4922L15.3799 27.2207L17.1797 25.4209L18.3193 24.2803C18.0487 24.0673 17.8025 23.8251 17.5869 23.5566L16.4834 24.6611ZM26.8691 27.2207L27.5967 26.4922L26.3516 25.2471H24.8955L26.8691 27.2207ZM11.2666 20.7314L11.7822 21.2471H16.624C16.6048 21.0781 16.5938 20.9065 16.5938 20.7324C16.5938 20.5585 16.6049 20.3866 16.624 20.2178H11.7812L11.2666 20.7314ZM20.5938 11.4053V16.2471C20.7626 16.2279 20.9345 16.2178 21.1084 16.2178H21.623V11.4053L21.1084 10.8906L20.5938 11.4053ZM14.6514 15.0029L16.4521 16.8027L17.5732 17.9238C17.7874 17.6546 18.0315 17.4104 18.3008 17.1963L15.3799 14.2754L14.6514 15.0029ZM25.0371 16.1074L24.9268 16.2178H26.3818L27.5957 15.0029L26.8682 14.2754L25.0371 16.1074Z",fill:"#019D92",stroke:"white",strokeWidth:4})})}function ei({size:e=20,className:t}){return q("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:q("path",{d:"M9.19133 10.8077C9.04905 10.6657 8.87947 10.554 8.69283 10.4792L2.78881 8.11167C2.71832 8.08338 2.65816 8.03421 2.61642 7.97075C2.57468 7.90729 2.55335 7.83258 2.5553 7.75665C2.55724 7.68072 2.58237 7.6072 2.6273 7.54596C2.67224 7.48472 2.73483 7.4387 2.80668 7.41406L16.9525 2.5747C17.0185 2.55087 17.0899 2.54632 17.1583 2.56159C17.2268 2.57685 17.2895 2.6113 17.3391 2.66089C17.3887 2.71049 17.4231 2.77319 17.4384 2.84165C17.4536 2.9101 17.4491 2.9815 17.4253 3.04746L12.5859 17.1933C12.5613 17.2651 12.5152 17.3277 12.454 17.3727C12.3928 17.4176 12.3192 17.4427 12.2433 17.4447C12.1674 17.4466 12.0927 17.4253 12.0292 17.3835C11.9658 17.3418 11.9166 17.2817 11.8883 17.2112L9.52073 11.3056C9.44567 11.1191 9.33362 10.9498 9.19133 10.8077ZM9.19133 10.8077L17.3367 2.66404",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function ti({size:e=20,className:t}){return q("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:q("path",{d:"M10.8333 14.1667V7.5M15 14.1667V4.16667M2.5 2.5V15.8333C2.5 16.2754 2.67559 16.6993 2.98816 17.0118C3.30072 17.3244 3.72464 17.5 4.16667 17.5H17.5M6.66667 14.1667V11.6667",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function ni({size:e=20,className:t}){return q("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:q("path",{d:"M6.6665 9.99984H13.3332M9.99984 6.6665V13.3332M18.3332 9.99984C18.3332 14.6022 14.6022 18.3332 9.99984 18.3332C5.39746 18.3332 1.6665 14.6022 1.6665 9.99984C1.6665 5.39746 5.39746 1.6665 9.99984 1.6665C14.6022 1.6665 18.3332 5.39746 18.3332 9.99984Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function oi({size:e=20,className:t}){return q("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:q("path",{d:"M6.667 2.5 3.333 5.833 6.667 9.167M3.333 5.833h13.334M13.333 17.5l3.334-3.333-3.334-3.334M16.667 14.167H3.333",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function ri({size:e=20,className:t}){return Sn("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[q("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),q("path",{d:"M6 10.2L8.6 12.8L14 7.2",stroke:"var(--ds-accent-primary-on, #ffffff)",strokeWidth:1.8,strokeLinecap:"round",strokeLinejoin:"round"})]})}import*as E from"react";import Qt from"bignumber.js";function el(e){let t=e.length;for(;t>0&&e.charCodeAt(t-1)===48;)t--;return t>0&&e.charCodeAt(t-1)===46&&t--,e.slice(0,t)}function Wt(e,t){if(!e||e==="0")return"0.00";let n=new Qt(e).shiftedBy(-t),o=n.isGreaterThanOrEqualTo(1)?2:4;return n.toFormat(o,Qt.ROUND_DOWN)}function je(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}function $o(e){let t=typeof e=="string"?parseFloat(e):e;if(Number.isNaN(t)||t===0)return"$0.00";let n=t>=1?2:4,o=Math.pow(10,n);return`$${(Math.floor(t*o)/o).toLocaleString("en-US",{minimumFractionDigits:n,maximumFractionDigits:n})}`}function ii(e,t,n){let r=new Qt(e).shiftedBy(-t).multipliedBy(new Qt(n));return r.isZero()||r.isNaN()?"$0.00":`$${(r.integerValue(Qt.ROUND_DOWN).isGreaterThanOrEqualTo(1)?r.decimalPlaces(2,Qt.ROUND_DOWN):r.decimalPlaces(4,Qt.ROUND_DOWN)).toFormat()}`}function ai(e){if(e===""||e===null||e===void 0)return{displayValue:"0",isLowerBound:!1};let t=typeof e=="number"?e.toString():e;if(t==="0"||t==="0.0")return{displayValue:"0",isLowerBound:!1};let n=t;if(n.includes("e")||n.includes("E")){let i=Number(n);if(!Number.isFinite(i)||i===0)return{displayValue:"0",isLowerBound:!1};n=el(i.toFixed(18))}let[o="0",r=""]=n.split(".");if(Number(o)>=1){let i=r.slice(0,2).padEnd(2,"0");return{displayValue:`${Number(o).toLocaleString("en-US")}.${i}`,isLowerBound:!1}}return r.length<4?{displayValue:`${o}.${r}`,isLowerBound:!1}:r.slice(0,4)==="0000"?{displayValue:"0.0001",isLowerBound:!0}:{displayValue:`0.${r.slice(0,4)}`,isLowerBound:!1}}import{useMemo as tl}from"react";import{useQuery as nl}from"@tanstack/react-query";var ot={dev:"https://stg-wallet-server.crosstoken.io/api",stage:"https://stg-wallet-server.crosstoken.io/api",production:"https://wallet-server.crosstoken.io/api"},Pe={dev:{cross:612044,bsc:97},stage:{cross:612044,bsc:97},production:{cross:612055,bsc:56}};var ol="send:chain-info";function rl(e){if("data"in e&&e.data!==void 0){let t=e.data;if(Array.isArray(t)){let n=t[0];if(!n)throw new Error("Chain info payload is empty.");return n}return t}return e}function jo(e,...t){let n=e.replace(/\/+$/,""),o=t.map(r=>r.replace(/^\/+|\/+$/g,"")).filter(Boolean);return[n,...o].join("/")}function il(e,t,n,o){if(o)return t===Pe[e].cross?si(t,o):n?.explorer_url?jo(n.explorer_url,n.explorer_postfix?.transaction??"tx",o):al(e,t,o)}function si(e,t){return jo("https://explorer.crosstoken.io",String(e),"tx",t)}function al(e,t,n){let o=Pe[e];if(t===o.cross)return si(t,n);if(t===o.bsc)return jo(e==="production"?"https://bscscan.com":"https://testnet.bscscan.com","tx",n)}function Kn(e,t,n,o=!0){let r=ot[e],a=nl({queryKey:[ol,e,t],queryFn:async({signal:c})=>{let l=await fetch(`${r}/v1/public/chain/info/${t}`,{cache:"no-store",signal:c});if(!l.ok)throw new Error(`Failed to fetch chain info: ${l.status}`);let d=await l.json();if("code"in d&&d.code!==void 0&&d.code!==200)throw new Error(`Chain info API error: ${d.code}`);return rl(d)},enabled:o,staleTime:300*1e3}),i=a.data;return{transactionUrl:tl(()=>il(e,t,i,n),[t,i,e,n]),chainInfo:i,...a}}var li="0x0000000000000000000000000000000000000001";var sl="0xa9059cbb",ll=/^0x[a-fA-F0-9]{40}$/,cl="nexus-cross:dapp-ui:send:recent:",ci=10;function dl(e){let t=e.length;for(;t>0&&e.charCodeAt(t-1)===48;)t--;return e.slice(0,t)}function Cn(e){return e.toLowerCase()}function St(e){return ll.test(e)}function ln(e){return Cn(e.address)===li}function Vo(e){return`${cl}${e.toLowerCase()}`}function sn(e){if(typeof window>"u")return[];try{let t=window.localStorage.getItem(Vo(e));if(!t)return[];let n=JSON.parse(t);return Array.isArray(n)?n.filter(o=>o!==null&&typeof o=="object"&&St(o.address)&&typeof o.updatedAt=="number").slice(0,ci):[]}catch{return[]}}function qo(e,t){if(typeof window>"u")return[];let n=Cn(t),o=[{address:n,updatedAt:Date.now()},...sn(e).filter(r=>r.address!==n)].slice(0,ci);try{window.localStorage.setItem(Vo(e),JSON.stringify(o))}catch{return sn(e)}return o}function Ko(e){if(!(typeof window>"u"))try{window.localStorage.removeItem(Vo(e))}catch{}}function Zt(e,t){let n=e.trim();if(!n)return{error:"Enter an amount."};if(!/^\d+(\.\d*)?$/.test(n))return{error:"Enter a valid amount."};let[o="0",r=""]=n.split(".");if(r.length>t)return{error:`Max ${t} decimal places.`};let a=BigInt(o||"0"),i=r.padEnd(t,"0"),s=i?BigInt(i):0n,c=10n**BigInt(t),l=a*c+s;return l<=0n?{error:"Amount must be greater than 0."}:{value:l}}function Nn(e,t){let n=BigInt(e||"0"),o=10n**BigInt(t),r=n/o,a=n%o;if(a===0n)return r.toString();let i=dl(a.toString().padStart(t,"0"));return`${r.toString()}.${i}`}function Qo(e,t){let n=e.replace(/^0x/,"").toLowerCase().padStart(64,"0"),o=t.toString(16).padStart(64,"0");return`${sl}${n}${o}`}function di(e,t=0){if(t>4||e===null||e===void 0)return"";if(typeof e=="string")return e.toLowerCase();if(typeof e!="object")return"";let n=e,o=[];return typeof n.name=="string"&&o.push(n.name),typeof n.shortMessage=="string"&&o.push(n.shortMessage),typeof n.message=="string"&&o.push(n.message),typeof n.details=="string"&&o.push(n.details),n.cause!==void 0&&o.push(di(n.cause,t+1)),o.join(`
|
|
6
|
-
`).toLowerCase()}function pl(e){if(e instanceof Error)return e.message;if(typeof e=="string")return e;if(e&&typeof e=="object"){let t=e;if(typeof t.shortMessage=="string")return t.shortMessage;if(typeof t.message=="string")return t.message}return""}function Zo(e,t={},n="Failed to send transaction."){let o=di(e);if(!o)return n;let r=t.nativeSymbol?.trim()||"gas token",a=t.networkName?.trim();if(o.includes("user rejected")||o.includes("userrejected")||o.includes("user denied")||o.includes("user cancelled")||o.includes("user canceled")||o.includes("action_rejected")||o.includes("rejected by user"))return"Transaction was cancelled.";if(o.includes("insufficientfunds")||o.includes("insufficient funds")||o.includes("exceeds the balance of the account")||o.includes("insufficient balance for transfer")){let i=a?` on ${a}`:"";return`Not enough ${r} to cover the gas fee.Please top up your ${r} balance and try again.`}return o.includes("transaction underpriced")||o.includes("replacement transaction underpriced")||o.includes("fee too low")?"Gas fee was too low for the network. Please try again.":o.includes("nonce too low")||o.includes("nonce has already been used")||o.includes("nonce too high")?"Pending transactions are out of order. Refresh the page and try again.":o.includes("execution reverted")||o.includes("contractfunctionrevertederror")||o.includes("contractfunctionexecutionerror")?"The transaction was rejected by the contract. The recipient or token may be invalid.":o.match(/chain \d+ is not configured/)?"This network is not registered in the app. Contact support.":o.includes("http request failed")||o.includes("failed to fetch")||o.includes("network request failed")||o.includes("timeout")||o.includes("econnreset")||o.includes("rpc error")||o.includes("429")?"Network connection failed. Check your internet and try again.":o.includes("estimategas")||o.includes("gas estimation failed")?"Could not estimate the gas fee. The recipient address or amount may be invalid.":pl(e)||n}var fl=2000000000n,ul=1000000000n;async function Qn(e,t,n){let o=new AbortController,r=setTimeout(()=>o.abort(),8e3),a=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({jsonrpc:"2.0",id:1,method:t,params:n}),signal:o.signal}).finally(()=>clearTimeout(r));if(!a.ok)throw new Error(`RPC ${t} HTTP ${a.status}`);let i=await a.json();if(i.error)throw new Error(`RPC ${t}: ${i.error.message}`);if(i.result===void 0)throw new Error(`RPC ${t}: empty result`);return i.result}function Zn(e){return BigInt(e)}function ml(e){return`0x${e.toString(16)}`}function gl(e){let t={to:e.to};return e.from&&(t.from=e.from),e.value!==void 0&&e.value>0n&&(t.value=ml(e.value)),e.data&&(t.data=e.data),t}function hl(e){return e===56||e===97}async function pi(e){try{let t=await Qn(e,"eth_gasPrice",[]);return{gasPrice:Zn(t)}}catch{return{gasPrice:fl}}}async function bl(e,t){let n=ul;try{let o=await Qn(e,"eth_maxPriorityFeePerGas",[]);n=Zn(o)}catch{}return{maxFeePerGas:t+n,maxPriorityFeePerGas:n}}async function wl(e,t){if(t)return pi(e);let n;try{n=(await Qn(e,"eth_getBlockByNumber",["latest",!1]))?.baseFeePerGas}catch{}return n?bl(e,Zn(n)):pi(e)}async function fi(e,t){let n=hl(t.chainId),o=gl(t),[r,a]=await Promise.all([Qn(e,"eth_estimateGas",[o]),wl(e,n)]);return{gasLimit:Zn(r),gasPrice:a.gasPrice,maxFeePerGas:a.maxFeePerGas,maxPriorityFeePerGas:a.maxPriorityFeePerGas}}function ui(e){let{estimateGas:t,sendTransaction:n,getTransactionReceipt:o}=e;return{canSend:!!n,canEstimateGas(r){return!!t||!!r},async estimateGas(r,a){if(t)return t(r);if(a)return fi(a,r);throw new Error("Gas estimation is not available.")},async sendTransaction(r){if(!n)throw new Error("Sending is not available for this wallet.");return n(r)},getTransactionReceipt:o}}var xl=1500,vl=120;function mi(e){return!!(e.token||e.recipient||e.amount)}function Yo({recipient:e,amount:t,token:n,balanceRaw:o}){let r={},a=e.trim(),i=Zt(t,n.quantity.decimals),s;return a?St(a)||(r.recipient="Enter a valid EVM recipient address."):r.recipient="Enter a recipient address.","error"in i?r.amount=i.error:(s=i.value,s>o&&(r.amount="Amount exceeds available balance.")),!ln(n)&&!St(n.address)&&(r.token="Token contract address is invalid."),{errors:r,rawAmount:r.amount?void 0:s,recipient:a&&St(a)?a:void 0}}function Xo({token:e,walletAddress:t,recipient:n,rawAmount:o}){let r=t;return ln(e)?{to:n,value:o,chainId:e.chainId,from:r}:{to:Cn(e.address),data:Qo(n,o),value:0n,chainId:e.chainId,from:r}}function yl(e){let{status:t}=e;return t==="reverted"||t==="0x0"||t===0||t===0n||t===!1}var kl=e=>new Promise(t=>setTimeout(t,e));async function gi({repository:e,args:t,chainId:n,onSubmitted:o,pollIntervalMs:r=xl,pollMaxAttempts:a=vl}){let i=await e.sendTransaction(t);o(i);let{getTransactionReceipt:s}=e;if(!s)return"success";for(let c=0;c<a;c+=1){let l=await s({hash:i,chainId:n}).catch(()=>null);if(l)return yl(l)?"reverted":"success";await kl(r)}return"timeout"}var hi=["token","recipient","amount","review"];function bi(e){let{env:t,walletAddress:n,accountName:o,accounts:r=[],initialStep:a="recipient",token:i,tokens:s=[],onTokenChange:c,sendTransaction:l,getTransactionReceipt:d,estimateGas:u,getTokenPriceUsd:g,onSubmitted:h,onSuccess:v,onFailed:k,onExit:w,onOutlink:y}=e,L=E.useMemo(()=>ui({sendTransaction:l,getTransactionReceipt:d,estimateGas:u}),[l,d,u]),[f,A]=E.useState(i);E.useEffect(()=>{A(i)},[i.address,i.chainId]);let[R,M]=E.useState(a),[_,$]=E.useState(""),[W,Z]=E.useState(""),[U,z]=E.useState({}),[le,fe]=E.useState("idle"),[re,ie]=E.useState(""),[Fe,ee]=E.useState(""),[H,X]=E.useState(null),[be,Y]=E.useState(!1),[Me,_e]=E.useState(""),we=E.useRef(0),[ke,bt]=E.useState(null),[ce,Lt]=E.useState(""),[Ze,Ye]=E.useState(()=>sn(n)),Se=E.useMemo(()=>Ne(t),[t]),{transactionUrl:Le,chainInfo:ue}=Kn(Se,f.chainId,re||void 0,!0),oe=ue?.currency_symbol??"",me=ue?.name??`Chain ID ${f.chainId}`,Et=E.useRef({nativeSymbol:oe||void 0,networkName:me,tokenSymbol:f.symbol});Et.current={nativeSymbol:oe||void 0,networkName:me,tokenSymbol:f.symbol};let Xe=E.useMemo(()=>BigInt(f.quantity.numeric||"0"),[f.quantity.numeric]),wt=E.useMemo(()=>Wt(f.quantity.numeric,f.quantity.decimals),[f.quantity.numeric,f.quantity.decimals]),ge=g?.(f),Oe=E.useMemo(()=>{if(ge===void 0)return;let N=parseFloat(W.replace(/,/g,""));return Number.isFinite(N)?N*ge:0},[W,ge]);E.useEffect(()=>{Z(""),z({})},[f.address,f.chainId]),E.useEffect(()=>{we.current+=1,X(null),_e(""),Y(!1)},[f.address,f.chainId,_,W]),E.useEffect(()=>{Ye(sn(n))},[n]);let xt=E.useCallback(N=>{$(N),z(j=>({...j,recipient:void 0}))},[]),Ee=E.useCallback(N=>{Z(N),z(j=>({...j,amount:void 0}))},[]),Je=E.useCallback(()=>{Z(Nn(f.quantity.numeric,f.quantity.decimals)),z(N=>({...N,amount:void 0}))},[f.quantity.numeric,f.quantity.decimals]),et=E.useCallback(N=>{A(N),c?.(N),M("recipient")},[c]),ze=E.useCallback(()=>M("token"),[]),de=E.useCallback(()=>{M(N=>{if(N==="result")return"review";if(N===a)return w?.(),N;let j=hi.indexOf(N);return j<=0?(w?.(),N):hi[j-1]})},[a,w]),We=E.useCallback(()=>{let{errors:N}=Yo({recipient:_,amount:"1",token:f,balanceRaw:Xe});if(N.recipient){z(j=>({...j,recipient:N.recipient}));return}z(j=>({...j,recipient:void 0})),M("amount")},[_,f,Xe]),ct=E.useCallback(N=>{$(N),z(j=>({...j,recipient:void 0})),M("amount")},[]),vt=E.useCallback(()=>{let N=Yo({recipient:_,amount:W,token:f,balanceRaw:Xe});z(N.errors),!(mi(N.errors)||N.rawAmount===void 0||!N.recipient)&&(bt(N.rawAmount),Lt(N.recipient),X(null),_e(""),fe("idle"),M("review"))},[_,W,f,Xe]);E.useEffect(()=>{if(R!=="review"||!ce||ke===null||H!==null||be||Me||!L.canEstimateGas(ue?.rpc))return;let N=++we.current;Y(!0),_e(""),(async()=>{try{let j=Xo({token:f,walletAddress:n,recipient:ce,rawAmount:ke}),J=await L.estimateGas(j,ue?.rpc);if(we.current!==N)return;X(J)}catch(j){if(we.current!==N)return;_e(Zo(j,Et.current,"Failed to estimate gas."))}finally{we.current===N&&Y(!1)}})()},[R,ce,ke,H,be,Me,L,ue?.rpc,f,n]);let De=E.useCallback(async()=>{if(!(!ce||ke===null)){ee(""),ie(""),fe("submitting");try{let N="",j=await gi({repository:L,args:Xo({token:f,walletAddress:n,recipient:ce,rawAmount:ke}),chainId:f.chainId,onSubmitted:J=>{N=J,ie(J),fe("confirming"),Ye(qo(n,ce)),h?.({txHash:J,chainId:f.chainId,amount:W,tokenSymbol:f.symbol,recipient:ce})}});if(j==="success")fe("success"),N&&v?v?.(N):M("result");else if(j==="reverted"){let J="Transaction reverted on-chain.";fe("error"),ee(J),N&&k?k({txHash:N,chainId:f.chainId,message:J}):M("result")}else{let J="Transaction receipt was not found. Please check again later.";fe("error"),ee(J),N&&k?k({txHash:N,chainId:f.chainId,message:J}):M("result")}}catch(N){fe("error"),ee(Zo(N,{nativeSymbol:oe||void 0,networkName:me,tokenSymbol:f.symbol})),M("result")}}},[L,ce,ke,f,W,n,h,v,k,oe,me]),[At,Pt]=E.useState(!1),tt=E.useRef(void 0);E.useEffect(()=>()=>clearTimeout(tt.current),[]);let yt=E.useCallback(async()=>{if(re)try{await navigator.clipboard.writeText(re),Pt(!0),clearTimeout(tt.current),tt.current=setTimeout(()=>Pt(!1),2e3)}catch{}},[re]),Ae=E.useCallback(()=>{if(!Le||!re)return;let N=He=>{typeof window<"u"&&window.open(He,"_blank","noopener,noreferrer")};if(!y){N(Le);return}let j=y(Le,{category:"send",origin:"send-transaction",payload:{chainId:f.chainId,txHash:re}});if(j&&typeof j.then=="function"){let He=typeof window<"u"?window.open("","_blank","noopener,noreferrer"):null;j.then(Ge=>{if(Ge===null){He?.close();return}let _t=Ge??Le;if(He)try{He.location.href=_t}catch{He.close(),N(_t)}else N(_t)});return}let J=j;J!==null&&N(J??Le)},[y,f.chainId,Le,re]),dt=E.useCallback(()=>{ee(""),ie(""),fe("idle"),X(null),_e(""),M("review")},[]);return{step:R,status:le,token:f,tokens:s.length>0?s:[f],recipient:_,amount:W,amountUsd:Oe,fieldErrors:U,error:Fe,txHash:re,gasEstimate:H,gasLoading:be,gasError:Me,reviewRawAmount:ke,reviewRecipient:ce,recentAddresses:Ze,accounts:r,accountName:o,walletAddress:n,resolvedEnv:Se,transactionUrl:Le,networkName:me,nativeSymbol:oe,nativeDecimals:ue?.currency_decimals??f.quantity.decimals,balanceRaw:Xe,balanceText:wt,priceUsd:ge,canSelectToken:(s.length>0?s:[f]).length>1,canSend:L.canSend,getTokenPriceUsd:g,setRecipient:xt,setAmount:Ee,setMax:Je,selectToken:et,goToTokenSelect:ze,selectRecipient:ct,submitRecipient:We,submitAmount:vt,confirmSend:De,retry:dt,back:de,hashCopied:At,copyHash:yt,openTransaction:Ae}}import*as ft from"react";function Yn(e,t,n=10){if(t<=0)return e.toString();let o=10n**BigInt(t),r=e/o,a=e%o;if(a===0n)return r.toString();let s=a.toString().padStart(t,"0").slice(0,Math.max(0,Math.min(n,t)));return s=s.replace(/0+$/,""),s?`${r.toString()}.${s}`:r.toString()}function Jo(e,t){return Yn(e,t,6)}function wi(e){return Yn(e,9,2)}function xi(e){return e.toLocaleString("en-US")}function vi(e){return e===56||e===97}function Xn(e){return e.gasPrice??e.maxFeePerGas}function yi(e,t=!1){return t?Xn(e)!==void 0?"legacy":null:e.maxFeePerGas!==void 0?"dynamic":e.gasPrice!==void 0?"legacy":null}function ki(e,t=!1){if(t){let n=Xn(e);return n!==void 0?e.gasLimit*n:null}return e.maxFeePerGas!==void 0?e.gasLimit*e.maxFeePerGas:e.gasPrice!==void 0?e.gasLimit*e.gasPrice:null}function Jn(e){return!Number.isFinite(e)||e<=0?"$0.00":`$${e.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})}`}import{jsx as Tn,jsxs as er}from"react/jsx-runtime";function Si({flow:e}){let{amount:t,setAmount:n,amountUsd:o,balanceText:r,balanceRaw:a,token:i,setMax:s}=e,c=ft.useRef(null),l=ft.useCallback(()=>{requestAnimationFrame(()=>{let k=c.current;if(!k)return;let w=k.value.length;k.setSelectionRange(w,w)})},[]);ft.useEffect(()=>{c.current?.focus(),l()},[l]),ft.useEffect(()=>{t===""&&(g(!1),l())},[t,l]);let d=ft.useMemo(()=>{let k=Zt(t,i.quantity.decimals);return"value"in k&&k.value>a},[t,i.quantity.decimals,a]),[u,g]=ft.useState(!1),h=!u&&t===""?"0.00":t,v=t.trim()===""||t.trim()==="0";return Tn("div",{className:"sf-body sf-amount",children:er("div",{className:"sf-amount-center",children:[Tn("span",{className:"sf-amount-usd",children:o!==void 0?Jn(o):"\xA0"}),Tn("div",{className:"sf-amount-input-wrap","data-over":d||void 0,"data-empty":v||void 0,onClick:()=>c.current?.focus(),children:Tn("input",{ref:c,className:"sf-amount-input",value:h,onChange:k=>{let w=k.target.value;if(u)n(w);else if(t===""){if(w.length<4)return;g(!0);let y=w.startsWith("0.00")?w.slice(4):w;n(y)}else g(!0),n(w)},placeholder:"0.00",inputMode:"decimal",autoComplete:"off","aria-label":`Amount in ${i.symbol}`,size:1})}),er("div",{className:"sf-amount-balance",children:[Tn("span",{children:"Balance:"}),er("button",{type:"button",className:"sf-amount-max",onClick:s,children:[r," ",i.symbol]})]})]})})}import*as ut from"react";var tr={dev:"https://stg-bonding-curve-api.crosstoken.io/api",stage:"https://stg-bonding-curve-api.crosstoken.io/api",production:"https://bonding-curve-api.crosstoken.io/api"},Ci={cross:"https://contents.crosstoken.io/wallet/token/images/CROSS.svg",bsc:"https://contents.crosstoken.io/wallet/token/images/BSC.svg"};function Rn(e,t){let n=Pe[e];if(t===n.cross)return Ci.cross;if(t===n.bsc)return Ci.bsc}var Sl={dev:"https://dev-portrait.crosstoken.io",stage:"https://dev-portrait.crosstoken.io",production:"https://portrait.crosstoken.io"};function Yt(e,t,n={}){if(!t||!t.startsWith("0x"))return;let{size:o=120,bg:r,format:a="png"}=n,i=Sl[e],s=r?`&bg=${r}`:"";return`${i}/portrait/evm/${t}.${a}?size=${o}${s}`}import{jsx as rt,jsxs as eo}from"react/jsx-runtime";function Ni({size:e=20,className:t}){return eo("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,"aria-hidden":"true",children:[rt("circle",{cx:"9",cy:"9",r:"6",stroke:"currentColor",strokeWidth:"1.7"}),rt("path",{d:"m17 17-3.2-3.2",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round"})]})}function Ti({size:e=20,className:t}){return rt("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",className:t,"aria-hidden":"true",children:rt("path",{d:"M9 2h6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zM8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2M12 11v6M9 14h6",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round"})})}function Ri({size:e=20,className:t}){return eo("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,"aria-hidden":"true",children:[rt("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor",opacity:"0.12"}),rt("path",{d:"M7 7l6 6M13 7l-6 6",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})]})}function Ii({size:e=16,className:t}){return rt("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",className:t,"aria-hidden":"true",children:rt("path",{d:"M8 3v10m0 0 4-4m-4 4-4-4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})}function Li({size:e=56,className:t}){return eo("svg",{width:e,height:e,viewBox:"0 0 56 56",fill:"none",className:t,"aria-hidden":"true",children:[rt("circle",{cx:"28",cy:"28",r:"28",fill:"var(--ds-accent-primary-default, #00b4b7)"}),rt("path",{d:"M17 28.5 24.2 35.5 39 20.5",stroke:"var(--ds-accent-primary-on, #ffffff)",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Ei({size:e=56,className:t}){return eo("svg",{width:e,height:e,viewBox:"0 0 56 56",fill:"none",className:t,"aria-hidden":"true",children:[rt("circle",{cx:"28",cy:"28",r:"28",fill:"var(--ds-system-red-default, #da0b2e)"}),rt("path",{d:"M20 20 36 36m0-16L20 36",stroke:"#ffffff",strokeWidth:"4",strokeLinecap:"round"})]})}import{jsx as se,jsxs as Ct}from"react/jsx-runtime";function Ai(e,t){return e.name||`Account ${(e.index??t)+1}`}function Pi(e){return e.trim().slice(0,1).toUpperCase()||"A"}function Bi(e){return e.toLowerCase()}function Fi({flow:e}){let{recipient:t,setRecipient:n,fieldErrors:o,recentAddresses:r,accounts:a,walletAddress:i,resolvedEnv:s,selectRecipient:c}=e,l=ut.useMemo(()=>a.filter(f=>f.address.toLowerCase()!==i.toLowerCase()),[a,i]),d=l.length>0,u=ut.useMemo(()=>new Map(l.map((f,A)=>[Bi(f.address),{account:f,index:A}])),[l]),[g,h]=ut.useState("recent"),v=ut.useRef(null);ut.useEffect(()=>{v.current?.focus()},[]);let k="1A1A2E",w=ut.useCallback(async()=>{try{let f=await navigator.clipboard.readText();f&&n(f.trim())}catch{}},[n]),y=t.trim().length>0,L=St(t.trim());return Ct("div",{className:"sf-recipient",children:[Ct("div",{className:"sf-recipient-top",children:[Ct("div",{className:"sf-address-field","data-filled":y||void 0,"data-invalid":o.recipient||void 0,children:[se("textarea",{ref:v,className:"sf-address-input",value:t,onChange:f=>n(f.target.value),placeholder:"Enter the recipient's address",autoComplete:"off",spellCheck:!1,"aria-label":"Recipient address",rows:y?2:1}),y?se("button",{type:"button",className:"sf-address-action",onClick:()=>n(""),"aria-label":"Clear",children:se(Ri,{size:20})}):se("button",{type:"button",className:"sf-address-action",onClick:w,"aria-label":"Paste from clipboard",children:se(Ti,{size:20})})]}),o.recipient&&se("p",{className:"sf-field-error",role:"alert",children:o.recipient}),Ct("div",{className:"sf-tabs",role:"tablist",children:[se("button",{type:"button",role:"tab",className:"sf-tab","data-active":g==="recent"||void 0,"aria-selected":g==="recent",onClick:()=>h("recent"),children:"Recent"}),d&&se("button",{type:"button",role:"tab",className:"sf-tab","data-active":g==="account"||void 0,"aria-selected":g==="account",onClick:()=>h("account"),children:"My Account"})]})]}),se("div",{className:"sf-address-list",children:g==="account"&&d?l.map((f,A)=>{let R=Ai(f,A),M=Yt(s,f.address,{size:56,bg:k});return Ct("button",{type:"button",className:"sf-address-row",onClick:()=>c(f.address),children:[Ct("span",{className:"sf-address-avatar",children:[M&&se("img",{src:M,alt:"",width:40,height:40,draggable:!1,onError:_=>{_.currentTarget.style.display="none"}}),se("span",{className:"sf-address-avatar-fallback",children:Pi(R)})]}),Ct("span",{className:"sf-address-meta",children:[se("span",{className:"sf-address-name",children:R}),se("span",{className:"sf-address-value",children:je(f.address)})]})]},f.address)}):r.length>0?r.map(f=>{let A=u.get(Bi(f.address)),R=A?Ai(A.account,A.index):je(f.address),M=Yt(s,f.address,{size:56,bg:k});return Ct("button",{type:"button",className:"sf-address-row",onClick:()=>c(f.address),children:[Ct("span",{className:"sf-address-avatar",children:[M&&se("img",{src:M,alt:"",width:40,height:40,draggable:!1,onError:_=>{_.currentTarget.style.display="none"}}),se("span",{className:"sf-address-avatar-fallback",children:Pi(R)})]}),Ct("span",{className:"sf-address-meta",children:[se("span",{className:"sf-address-name",children:R}),se("span",{className:"sf-address-value",children:je(f.address)})]})]},f.address)}):se("div",{className:"sf-empty",children:"No send history"})}),y&&!L&&!o.recipient&&se("p",{className:"sf-field-error",role:"alert",children:"Enter a valid EVM recipient address."})]})}import{jsx as Te,jsxs as cn}from"react/jsx-runtime";function _i({flow:e}){let{status:t,txHash:n,error:o,copyHash:r,hashCopied:a,openTransaction:i}=e,s=t==="error",c=t==="success";return s?cn("div",{className:"sf-body sf-result sf-result--error",children:[Te("span",{className:"sf-result-icon",children:Te(Ei,{size:56})}),cn("div",{className:"sf-result-copy",children:[Te("h3",{className:"sf-result-title",children:"Transaction Failed"}),Te("p",{className:"sf-result-desc",children:o||"Something went wrong. Please try again."})]}),n&&Te(Mi,{txHash:n,hashCopied:a,onCopy:r,onOpen:i})]}):cn("div",{className:"sf-body sf-result",children:[Te("span",{className:"sf-result-icon","data-pending":!c||void 0,children:c?Te(Li,{size:56}):Te("span",{className:"sf-result-spinner"})}),cn("div",{className:"sf-result-copy",children:[Te("h3",{className:"sf-result-title",children:c?"Transaction Complete":"Transaction in Progress"}),Te("p",{className:"sf-result-desc",children:c?"Your transfer was sent successfully.":"Transfer in progress. Waiting for confirmation."})]}),n&&Te(Mi,{txHash:n,hashCopied:a,onCopy:r,onOpen:i})]})}function Mi({txHash:e,hashCopied:t,onCopy:n,onOpen:o}){return cn("div",{className:"sf-result-hash-card",children:[Te("span",{className:"sf-result-hash-label",children:"Transaction Hash"}),cn("div",{className:"sf-result-hash-row",children:[Te("button",{type:"button",className:"sf-result-hash-link",onClick:o,"aria-label":"Open transaction in explorer",children:je(e)}),Te("button",{type:"button",className:"sf-result-copy-btn",onClick:n,"aria-label":"Copy transaction hash",children:t?Te(kn,{size:16}):"Copy"})]})]})}import{jsx as ne,jsxs as Be}from"react/jsx-runtime";var to="\u2014";function Oi({flow:e}){let{token:t,reviewRawAmount:n,reviewRecipient:o,accountName:r,accounts:a,walletAddress:i,networkName:s,nativeSymbol:c,nativeDecimals:l,gasEstimate:d,gasLoading:u,gasError:g,error:h,resolvedEnv:v}=e,k=ln(t),w=n!==null?Yn(n,t.quantity.decimals):"",y=r?.trim()||`Account ${(a[0]?.index??0)+1}`,L=Yt(v,i,{size:56,bg:"1A1A2E"}),f=c||(k?t.symbol:""),A=vi(t.chainId),R=d?yi(d,A):null,M=d?ki(d,A):null,_=z=>z!==null&&f?`${Jo(z,l)} ${f}`:to,$=z=>z!==void 0?`${wi(z)} Gwei`:to,W=(()=>{if(!k||!d||M===null||n===null)return to;let z=n+M;return`${Jo(z,l)} ${f||t.symbol}`})(),Z=z=>u?"\u2026":z,U=[{label:"Est. Tx Fee",value:Z(_(M))},...R==="dynamic"?[{label:"Max Priority Fee",value:Z($(d?.maxPriorityFeePerGas))},{label:"Max Gas Fee",value:Z($(d?.maxFeePerGas))}]:R==="legacy"?[{label:"Gas Price",value:Z($(d?Xn(d):void 0))}]:[],{label:"Gas Limit",value:Z(d?xi(d.gasLimit):to)}];return Be("div",{className:"sf-body sf-review",children:[Be("div",{className:"sf-review-amount",children:[ne("img",{className:"sf-review-amount-icon",src:t.icon_url,alt:"",width:40,height:40,draggable:!1,onError:z=>{z.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),Be("span",{className:"sf-review-amount-value",children:[w,ne("span",{className:"sf-review-amount-symbol",children:t.symbol})]})]}),Be("div",{className:"sf-review-parties",children:[Be("div",{className:"sf-review-card sf-review-party",children:[ne("span",{className:"sf-review-party-label",children:"From"}),Be("div",{className:"sf-review-party-head",children:[ne("span",{className:"sf-review-party-avatar",children:L&&ne("img",{src:L,alt:"",width:28,height:28,draggable:!1,onError:z=>{z.currentTarget.style.display="none"}})}),ne("span",{className:"sf-review-party-name",children:y})]}),ne("span",{className:"sf-review-party-addr",children:i})]}),ne("span",{className:"sf-review-arrow","aria-hidden":!0,children:ne(Ii,{size:16})}),Be("div",{className:"sf-review-card sf-review-party",children:[ne("span",{className:"sf-review-party-label",children:"To"}),ne("span",{className:"sf-review-party-addr",children:o})]})]}),Be("section",{className:"sf-review-card",children:[ne("h3",{className:"sf-review-section-title",children:"Summary"}),Be("div",{className:"sf-review-row",children:[ne("span",{className:"sf-review-row-label",children:"Network"}),ne("span",{className:"sf-review-row-value",children:s})]}),U.map(z=>Be("div",{className:"sf-review-row",children:[ne("span",{className:"sf-review-row-label",children:z.label}),ne("span",{className:"sf-review-row-value",children:z.value})]},z.label))]}),Be("section",{className:"sf-review-card",children:[ne("h3",{className:"sf-review-section-title",children:"Total"}),Be("div",{className:"sf-review-row",children:[ne("span",{className:"sf-review-row-label",children:"Total Amount"}),Be("span",{className:"sf-review-row-value",children:[w," ",t.symbol]})]}),k&&Be("div",{className:"sf-review-row",children:[ne("span",{className:"sf-review-row-label",children:"Max. Total Amount"}),ne("span",{className:"sf-review-row-value",children:Z(W)})]})]}),(g||h)&&ne("div",{className:"sf-message sf-message--error",role:"alert",children:g||h})]})}import*as no from"react";import{jsx as Dt,jsxs as Xt}from"react/jsx-runtime";function zi({flow:e}){let[t,n]=no.useState(""),o=t.trim().toLowerCase(),r=no.useMemo(()=>o?e.tokens.filter(a=>a.symbol.toLowerCase().includes(o)||a.name.toLowerCase().includes(o)):e.tokens,[e.tokens,o]);return Xt("div",{className:"sf-body sf-token-select",children:[Xt("div",{className:"sf-search",children:[Dt(Ni,{size:20}),Dt("input",{className:"sf-search-input",value:t,onChange:a=>n(a.target.value),placeholder:"Search Tokens",autoComplete:"off",spellCheck:!1,"aria-label":"Search tokens"})]}),Xt("div",{className:"sf-token-list",children:[r.map(a=>{let i=`${a.chainId}:${a.address.toLowerCase()}`,s=Rn(e.resolvedEnv,a.chainId),c=e.getTokenPriceUsd?.(a);return Xt("button",{type:"button",className:"sf-token-row",onClick:()=>e.selectToken(a),children:[Xt("span",{className:"sf-token-left",children:[Xt("span",{className:"sf-token-icon-wrap",children:[Dt("img",{className:"sf-token-icon",src:a.icon_url,alt:"",width:40,height:40,loading:"lazy",draggable:!1,onError:l=>{l.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),s&&Dt("img",{className:"sf-token-chain-badge",src:s,alt:"","aria-hidden":!0,width:16,height:16,loading:"lazy",draggable:!1,onError:l=>{l.currentTarget.style.display="none"}})]}),Dt("span",{className:"sf-token-name",children:a.symbol})]}),Xt("span",{className:"sf-token-right",children:[Dt("span",{className:"sf-token-balance",children:Wt(a.quantity.numeric,a.quantity.decimals)}),c!==void 0&&Dt("span",{className:"sf-token-price",children:Jn(c)})]})]},i)}),r.length===0&&Dt("div",{className:"sf-empty",children:"No tokens found"})]})]})}O(`.sf-root{display:flex;flex-direction:column;flex:1;min-height:0;font-family:inherit}.sf-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:24px;flex-shrink:0;position:relative;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.sf-header .sf-header-btn:last-child{position:absolute;top:24px;right:24px}.sf-header-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer;filter:none;transition:color .15s ease}.sf-header-btn:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85));filter:none}.sf-header-title{position:absolute;left:50%;transform:translate(-50%);text-align:center;font-family:inherit;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);pointer-events:none}.sf-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;overscroll-behavior:contain}[data-theme=light] .sf-body{scrollbar-color:rgba(0,0,0,.12) transparent}.sf-body::-webkit-scrollbar{width:4px;height:4px}.sf-body::-webkit-scrollbar-track,.sf-body::-webkit-scrollbar-corner{background:transparent}.sf-body::-webkit-scrollbar-thumb{border-radius:4px;background:#ffffff26}.sf-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] .sf-body::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .sf-body::-webkit-scrollbar-thumb:hover{background:#0003}.sf-empty{padding:32px 0;text-align:center;font-family:inherit;font-size:14px;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-field-error{margin:8px 24px 0;font-family:inherit;font-size:12px;line-height:1.5;color:var(--ds-system-red-default, #da0b2e)}.sf-message--error{margin:16px 0 0;padding:12px 16px;background:var(--ds-system-red-low, #ffeeee);color:var(--ds-system-red-high, #d20609);font-family:inherit;font-size:13px;line-height:1.5;border-radius:12px;width:100%;box-sizing:border-box}.sf-footer{display:flex;flex-shrink:0;padding:16px 24px 24px}.sf-footer:empty{display:none}.sf-footer-row{display:flex;gap:8px;width:100%}.sf-footer-row .sf-btn,.sf-footer-row .sf-btn--secondary{flex:1 1 0;min-width:0}.sf-footer>.sf-btn{width:100%}.sf-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:1;height:48px;padding:0 24px;border:none;border-radius:12px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.sf-btn--primary{background:var(--ds-accent-primary-default, #00b4b7);color:var(--ds-accent-primary-on, #ffffff)}.sf-btn--primary:hover:not(:disabled):not([data-disabled]){background:var(--ds-accent-primary-high, #00a0a2)}.sf-btn--primary:active:not(:disabled):not([data-disabled]){transform:scale(.97)}.sf-btn--primary[data-disabled],.sf-btn--primary:disabled{background:var(--ds-accent-primary-default, #00b4b7);color:var(--ds-accent-primary-on, #ffffff);cursor:default;opacity:.5}.sf-btn--secondary{flex:0 0 120px;background:var(--ds-surface-default, #ffffff);border:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));color:var(--ds-content-high, rgba(0, 0, 0, .85))}.sf-token-select{padding:0;display:flex;flex-direction:column}.sf-token-select .sf-search{margin:16px 24px}.sf-token-select .sf-token-list{width:100%;margin-top:0}.sf-search{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;border:1.5px solid transparent;background:var(--ds-surface-medium, #f5f7fa);color:var(--ds-content-low, rgba(0, 0, 0, .4));box-sizing:border-box;transition:border-color .15s ease}.sf-search:hover{border-color:var(--ds-border-medium, rgba(0, 0, 0, .18))}.sf-search:focus-within{border-color:var(--ds-accent-primary-default, #00b4b7)}.sf-search-input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.sf-search-input::placeholder{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-token-list{display:flex;flex-direction:column;margin-top:8px}.sf-token-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:12px 24px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;border-radius:0;box-sizing:border-box;transition:background-color .15s ease}.sf-token-row:hover{background:var(--ds-surface-medium, rgba(0, 0, 0, .04))}.sf-token-left{display:flex;align-items:center;gap:16px;min-width:0}.sf-token-icon-wrap{position:relative;width:40px;height:40px;flex-shrink:0}.sf-token-icon{width:40px;height:40px;border-radius:0;object-fit:contain}.sf-token-chain-badge{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;object-fit:cover}.sf-token-name{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.sf-token-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.sf-token-balance{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);white-space:nowrap}.sf-token-price{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4));white-space:nowrap}.sf-recipient{display:flex;flex-direction:column;flex:1;min-height:0}.sf-recipient-top{display:flex;flex-direction:column;padding:16px 24px 0}.sf-address-field{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;border:1.5px solid transparent;background:var(--ds-surface-medium, #f5f7fa);transition:border-color .15s ease;box-sizing:border-box}.sf-address-field:hover{border-color:var(--ds-border-medium, rgba(0, 0, 0, .18))}.sf-address-field:focus-within{border-color:var(--ds-accent-primary-default, #00b4b7)}.sf-address-field[data-filled]{border-color:var(--ds-accent-primary-default, #00b4b7)}.sf-address-field[data-invalid]{border-color:var(--ds-system-red-default, #da0b2e)}.sf-address-input{flex:1;min-width:0;border:none;background:transparent;outline:none;resize:none;overflow:hidden;font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));word-break:break-word;overflow-wrap:anywhere}.sf-address-input::placeholder{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-address-action{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;background:transparent;border-radius:6px;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer;transition:color .15s ease}.sf-address-action:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.sf-address-field[data-filled] .sf-address-action{border-radius:9999px}.sf-tabs{display:flex;gap:0;margin:16px 0 0}.sf-tab{position:relative;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-tab[data-active]{color:var(--ds-accent-primary-high, #00a0a2)}.sf-tab[data-active]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:9999px;background:var(--ds-accent-primary-high, #00a0a2)}.sf-address-list{display:flex;flex-direction:column;width:100%;margin-top:8px}.sf-address-row{display:flex;align-items:center;gap:16px;width:100%;padding:12px 24px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;border-radius:0;box-sizing:border-box;transition:background-color .15s ease}.sf-address-row:hover{background:var(--ds-surface-medium, rgba(0, 0, 0, .04))}.sf-address-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--ds-surface-high, #edf1f2);color:var(--ds-content-medium, rgba(0, 0, 0, .65));font-size:14px;font-weight:600}.sf-address-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sf-address-avatar-fallback{position:relative;z-index:0}.sf-address-meta{display:flex;flex-direction:column;min-width:0}.sf-address-name{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-address-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.wi-drawer-content .sf-header{padding:16px}.wi-drawer-content .sf-header .sf-header-btn:last-child{top:16px;right:16px}.wi-drawer-content .sf-token-select{padding:0}.wi-drawer-content .sf-token-select .sf-search{margin:16px}.wi-drawer-content .sf-token-row{padding:12px 16px}.wi-drawer-content .sf-recipient-top{padding:16px 16px 0}.wi-drawer-content .sf-address-row{padding:12px 16px}.wi-drawer-content .sf-footer{padding:12px 16px 24px}.wi-drawer-content .sf-field-error,.wi-drawer-content .sf-message--error{margin:16px 0 0;width:auto}.sf-amount{display:flex;flex-direction:column}.sf-amount-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:64px 24px 48px;text-align:center}.sf-amount-usd{font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4));min-height:21px}.sf-amount-input-wrap{display:flex;justify-content:center;max-width:100%}.sf-amount-input{width:auto;max-width:100%;border:none;background:transparent;outline:none;text-align:center;font-family:inherit;font-size:40px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);field-sizing:content}.sf-amount-input-wrap[data-empty] .sf-amount-input,.sf-amount-input::placeholder{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-amount-input-wrap[data-over] .sf-amount-input{color:var(--ds-system-red-default, #da0b2e)}.sf-amount-balance{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-amount-max{border:none;background:transparent;padding:0;cursor:pointer;font:inherit;color:var(--ds-content-medium, rgba(0, 0, 0, .65));text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.sf-amount-max:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-drawer-content .sf-amount-center{padding:64px 16px 48px}.sf-review{display:flex;flex-direction:column;gap:16px;padding:24px}.sf-review-amount{display:flex;align-items:center;gap:12px;padding:0;background:transparent}.sf-review-amount-icon{width:40px;height:40px;border-radius:0;object-fit:contain;flex-shrink:0}.sf-review-amount-value{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);word-break:break-all}.sf-review-amount-symbol{font-size:12px;font-weight:400;line-height:1.5;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-review-parties{position:relative;display:flex;flex-direction:column;gap:0}.sf-review-arrow{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-4px auto;border-radius:50%;background:var(--ds-surface-default, #ffffff);border:1px solid var(--ds-border-medium, rgba(0, 0, 0, .18));color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-review-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:var(--ds-surface-medium, #f5f7fa)}.sf-review-party-label{font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-review-party-head{display:flex;align-items:center;gap:8px}.sf-review-party-avatar{display:inline-flex;width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--ds-surface-high, #edf1f2);flex-shrink:0}.sf-review-party-avatar img{width:100%;height:100%;object-fit:cover}.sf-review-party-name{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.sf-review-party-addr{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65));word-break:break-all}.sf-review-section-title{margin:0 0 4px;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ds-content-highest, #000000)}.sf-review-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.sf-review-row-label{font-family:inherit;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-review-row-value{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));text-align:left;word-break:break-all}.wi-drawer-content .sf-review{padding:16px}.sf-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:48px 24px;text-align:center}.sf-result-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px}.sf-result-spinner{width:56px;height:56px;border-radius:50%;border:4px solid var(--ds-border-medium, rgba(0, 0, 0, .18));border-top-color:var(--ds-accent-primary-default, #00b4b7);animation:sf-spin .8s linear infinite}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-result-copy{display:flex;flex-direction:column;gap:8px}.sf-result-title{margin:0;font-family:inherit;font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ds-content-highest, #000000)}.sf-result-desc{margin:0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-result-hash-card{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px;border-radius:12px;background:var(--ds-surface-medium, #f5f7fa);text-align:left}.sf-result-hash-label{font-family:inherit;font-size:12px;font-weight:500;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-result-hash-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sf-result-hash-link{border:none;background:transparent;padding:0;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;color:var(--ds-accent-primary-high, #00a0a2)}.sf-result-copy-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 10px;border:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));border-radius:8px;background:var(--ds-surface-default, #ffffff);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:var(--ds-content-high, rgba(0, 0, 0, .85))}
|
|
7
|
-
`);import{jsx as he,jsxs as oo}from"react/jsx-runtime";var Cl={token:"Send",recipient:"Send",amount:"Send",review:"Sign Transaction",result:""};function ro({onClose:e,onBackToWallet:t,onConfirmSuccess:n,onSuccess:o,className:r,...a}){let i=Wi.useCallback(y=>{o?.(y),n?.(y)},[n,o]),c=bi({...a,onSuccess:o||n?i:void 0,onExit:t}),{step:l,status:d}=c,u=St(c.recipient.trim()),g=Zt(c.amount,c.token.quantity.decimals),h="value"in g&&g.value<=c.balanceRaw,v=d==="submitting"||d==="confirming",k=l!=="result",w=Cl[l]??"";return oo("div",{className:Q("sf-root",r),"data-step":l,children:[oo("header",{className:"sf-header",children:[k?he("button",{type:"button",className:"sf-header-btn",onClick:c.back,"aria-label":"Back",children:he(Bt,{size:24})}):he("span",{className:"sf-header-btn","aria-hidden":!0}),he("span",{className:"sf-header-title",children:w}),he("button",{type:"button",className:"sf-header-btn",onClick:e,"aria-label":"Close",children:he(kt,{size:24})})]}),l==="token"&&he(zi,{flow:c}),l==="recipient"&&he(Fi,{flow:c}),l==="amount"&&he(Si,{flow:c}),l==="review"&&he(Oi,{flow:c}),l==="result"&&he(_i,{flow:c}),oo("footer",{className:"sf-footer","data-step":l,children:[l==="recipient"&&he("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitRecipient,"data-disabled":!u||void 0,"aria-disabled":!u,children:"Next"}),l==="amount"&&he("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitAmount,"data-disabled":!h||void 0,"aria-disabled":!h,children:"Next"}),l==="review"&&oo("div",{className:"sf-footer-row",children:[he("button",{type:"button",className:"sf-btn sf-btn--secondary",onClick:c.back,disabled:v,children:"Cancel"}),he("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.confirmSend,disabled:v||!c.canSend,children:v?"Sending...":"Send"})]}),l==="result"&&d==="success"&&he("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:()=>n?.(c.txHash||void 0),children:"All done"}),l==="result"&&d==="error"&&he("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.retry,children:"Try Again"})]})]})}import*as Di from"@radix-ui/react-popover";import{Drawer as Nl}from"vaul";import{jsx as io,jsxs as Tl}from"react/jsx-runtime";function Hi({asChild:e,className:t,children:n}){let{isMobile:o,theme:r,walletAddress:a}=zt(),i=n!=null,s=e??!0,c=i?n:Tl("button",{type:"button",className:Q("wi-trigger-btn",t),"data-theme":r,"data-mobile":o||void 0,children:[io(Qr,{size:o?14:16}),io("span",{className:"wi-trigger-address",children:je(a)})]});return o?io(Nl.Trigger,{asChild:s,children:c}):io(Di.Trigger,{asChild:s,children:c})}import*as P from"react";import*as bo from"@radix-ui/react-popover";import{Drawer as go}from"vaul";import Pn from"bignumber.js";import{useQueries as Rl}from"@tanstack/react-query";import{useMemo as Il}from"react";var nr="user-balance";async function Ll(e,t,n,o){let r=new URLSearchParams({networkId:`eip155:${t}`,account:n}),a=await fetch(`${e}/v1/public/token/balance?${r}`,{cache:"no-store",signal:o});if(!a.ok)throw new Error(`Failed to fetch token balance: ${a.status}`);let i=await a.json();if(i.code!==200)throw new Error(`Token balance API error: ${i.code}`);return i.data}function dn(e,t,n=!0){let o=ot[e],r=Pe[e],a=[r.cross,r.bsc],i=Rl({queries:a.map(d=>({queryKey:[nr,e,t,d],queryFn:({signal:u})=>Ll(o,d,t,u),enabled:!!t&&n,staleTime:0,refetchInterval:n?5e3:!1}))}),s=i.some(d=>d.isLoading),c=i.some(d=>d.isError);return{tokens:Il(()=>{let d=[];for(let u of i)u.data&&d.push(...u.data);return d},[i]),isLoading:s,isError:c}}import{useQuery as El,useQueries as Al}from"@tanstack/react-query";import{useMemo as Pl}from"react";var Bl="forge-holdings",Fl="forge-token-image";async function Ml(e,t,n){let o=await fetch(`${e}/v1/users/${t}/holdings`,{cache:"no-store",signal:n});if(!o.ok)throw new Error(`Failed to fetch forge holdings: ${o.status}`);let r=await o.json();if(!r.success)throw new Error("Forge holdings API error");return r.data.items}async function _l(e,t,n){let o=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store",signal:n});if(!o.ok)return{address:t,image_url:""};let r=await o.json();return r.success?{address:t,image_url:r.data.token.image_url}:{address:t,image_url:""}}function Gi(e,t,n=!0){let o=tr[e],{data:r,...a}=El({queryKey:[Bl,e,t],queryFn:({signal:i})=>Ml(o,t,i),enabled:!!t&&n,staleTime:0,refetchInterval:n?5e3:!1});return{holdings:r??[],...a}}function Ui(e,t,n=!0){let o=tr[e],r=Al({queries:t.map(i=>({queryKey:[Fl,e,i],queryFn:({signal:s})=>_l(o,i,s),enabled:n,staleTime:1/0}))});return{imageMap:Pl(()=>{let i=new Map;for(let s of r)s.data&&i.set(s.data.address,s.data.image_url);return i},[r])}}import{useQuery as Ol}from"@tanstack/react-query";import{useMemo as zl}from"react";var or="token-stats";function Ft(e,t){return`${e}:${t.toLowerCase()}`}function pn(e,t=!0){let n=ot[e],{data:o,...r}=Ol({queryKey:[or,e],queryFn:async({signal:i})=>{let s=await fetch(`${n}/v1/public/token/stats`,{cache:"no-store",signal:i});if(!s.ok)throw new Error(`Failed to fetch token stats: ${s.status}`);let c=await s.json();if(c.code!==200)throw new Error(`Token stats API error: ${c.code}`);return c},enabled:t,staleTime:3e4});return{statsMap:zl(()=>{let i=new Map;if(!o?.data)return i;for(let s of o.data){let c=Ft(s.chain_id,s.address);i.set(c,s)}return i},[o]),...r}}import{useQuery as Wl}from"@tanstack/react-query";import{useMemo as Dl}from"react";var Hl="token-info";function rr(e,t){return`${t.toLowerCase()}_${e}`}function $i(e,t=!0){let n=ot[e],{data:o,...r}=Wl({queryKey:[Hl,e],queryFn:async({signal:i})=>{let s=await fetch(`${n}/v1/public/token/info`,{cache:"no-store",signal:i});if(!s.ok)throw new Error(`Failed to fetch token info: ${s.status}`);let c=await s.json();if(c.code!==200)throw new Error(`Token info API error: ${c.code}`);return c},enabled:t,staleTime:1/0});return{categoryMap:Dl(()=>{let i=new Map;if(!o?.data)return i;for(let s of o.data){let c=rr(s.chain_id,s.address);i.set(c,s.category)}return i},[o]),...r}}import{useMemo as Gl}from"react";import ir from"bignumber.js";function ji(e,t,n){let{tokens:o,isLoading:r}=dn(e,t,n),{statsMap:a}=pn(e,n);return Gl(()=>{let i=new ir(0);for(let d of o){let u=a.get(Ft(d.chainId,d.address));if(!u)continue;let h=new ir(d.quantity.numeric).shiftedBy(-d.quantity.decimals).multipliedBy(new ir(u.price));h.isNaN()||(i=i.plus(h))}let s=i.toFixed(),{displayValue:c,isLowerBound:l}=ai(s);return{totalUsd:s,displayValue:c,isLowerBound:l,isLoading:r}},[o,a,r])}import{QRCodeSVG as xd}from"qrcode.react";function Ve(e,t,n,o){if(!o||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.defaultPrevented)return;e.preventDefault();let r;try{r=o(t,n)}catch(l){console.error("[dapp-ui] onOutlink threw:",l);return}let a=l=>{typeof window>"u"||window.open(l,"_blank","noopener,noreferrer")};if((l=>!!l&&(typeof l=="object"||typeof l=="function")&&typeof l.then=="function")(r)){let l=typeof window<"u"?window.open("","_blank","noopener,noreferrer"):null,d=u=>{if(u===null){l?.close();return}let g=u??t;if(l)try{l.location.href=g}catch{l.close(),a(g)}else a(g)};r.then(d,u=>{console.error("[dapp-ui] onOutlink rejected:",u),l?.close()});return}let s=r;if(s===null)return;a(s??t)}import*as tn from"react";import{Drawer as Mc}from"vaul";import{createContext as Ul,useContext as $l}from"react";var In=Ul(null);function it(){let e=$l(In);if(!e)throw new Error("WalletPortfolio compound components must be used within <WalletPortfolio>");return e}import{Drawer as jl}from"vaul";import{jsx as Vi}from"react/jsx-runtime";function qi({asChild:e,children:t}){let{walletAddress:n}=it(),o=t!=null,r=e??!0,a=o?t:Vi("button",{type:"button",children:je(n)});return Vi(jl.Trigger,{asChild:r,children:a})}import{Drawer as co}from"vaul";import*as gt from"react";import{useQueryClient as Pc}from"@tanstack/react-query";import{jsx as Jt,jsxs as Zi}from"react/jsx-runtime";function Ki({size:e=22,className:t}){return Zi("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[Jt("path",{d:"M18.333 3.667v5.5h-5.5",stroke:"currentColor",strokeWidth:1.833,strokeLinecap:"round",strokeLinejoin:"round"}),Jt("path",{d:"M16.17 13.75a7.333 7.333 0 11-1.54-7.59L18.333 9.167",stroke:"currentColor",strokeWidth:1.833,strokeLinecap:"round",strokeLinejoin:"round"})]})}function Qi({size:e=24,className:t}){return Jt("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"aria-hidden":"true",children:Jt("path",{d:"M18 6L6 18M6 6l12 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function Mt({size:e=12,className:t}){return Zi("svg",{width:e,height:e,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"aria-hidden":"true",children:[Jt("path",{d:"M5 2H2.5A1.5 1.5 0 0 0 1 3.5V9.5A1.5 1.5 0 0 0 2.5 11H8.5A1.5 1.5 0 0 0 10 9.5V7",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),Jt("path",{d:"M7 1H11V5",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),Jt("path",{d:"M11 1L6 6",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})]})}import{useQuery as Vl}from"@tanstack/react-query";import{useMemo as na}from"react";var ao={dev:"https://stg-cross-game-reward-api.crosstoken.io/api",stage:"https://stg-cross-game-reward-api.crosstoken.io/api",production:"https://cross-game-reward-api.crosstoken.io/api"},Yi={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},so={dev:"https://stg-bonding-curve-api.crosstoken.io/api",stage:"https://stg-bonding-curve-api.crosstoken.io/api",production:"https://bonding-curve-api.crosstoken.io/api"},Xi={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},fn={dev:"https://stg-posa-api.crosstoken.io/api/v1",stage:"https://stg-posa-api.crosstoken.io/api/v1",production:"https://posa-api.crosstoken.io/api/v1"},Ln={dev:"https://dev-stake.ogfcorp.com",stage:"https://stg-stake.ogfcorp.com",production:"https://stake.ogfcorp.com"},Ji={dev:`${Ln.dev}/portfolio`,stage:`${Ln.stage}/portfolio`,production:`${Ln.production}/portfolio`},ea={dev:"https://stg-game-swap-api.cross.nexus/v1",stage:"https://stg-game-swap-api.cross.nexus/v1",production:"https://game-swap-api.cross.nexus/v1"},ta={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},Ht={dev:"https://stg-contents.crosstoken.io/frontend/common/app-launcher/icons",stage:"https://stg-contents.crosstoken.io/frontend/common/app-launcher/icons",production:"https://contents.crosstoken.io/frontend/common/app-launcher/icons"};var ql="wp:reward-pools";function oa(e,t=!0){let n=ao[e],{data:o,...r}=Vl({queryKey:[ql,e],queryFn:async({signal:s})=>{let c=await fetch(`${n}/v1/pools`,{cache:"no-store",signal:s});if(!c.ok)throw new Error(`Failed to fetch pools: ${c.status}`);let l=await c.json();if(l.code!==200)throw new Error(`Pools API error: ${l.code}`);return l},enabled:t,staleTime:0}),a=na(()=>o?.data.pools.filter(s=>s.pool_type==="CrossPool")??[],[o]),i=na(()=>o?.data.pools.filter(s=>s.pool_type==="GamePool")??[],[o]);return{crossPools:a,gamePools:i,allPools:o?.data.pools??[],...r}}import{useQuery as Kl}from"@tanstack/react-query";import{useMemo as Ql}from"react";var Zl="wp:user-deposits";function ra(e,t,n=!0){let o=ao[e],r=n&&!!t,{data:a,...i}=Kl({queryKey:[Zl,e,t],queryFn:async({signal:c})=>{let l=await fetch(`${o}/v1/users/${t}/deposits`,{cache:"no-store",signal:c});if(!l.ok)throw new Error(`Deposits fetch failed: ${l.status}`);let d=await l.json();if(d.code!==200)throw new Error(`Deposits API error: ${d.code}`);return d},enabled:r,staleTime:0});return{depositMap:Ql(()=>{let c=new Map;if(!a?.data.user_deposits)return c;for(let l of a.data.user_deposits)c.set(l.pool_address.toLowerCase(),l);return c},[a]),deposits:a?.data.user_deposits??[],...i}}import{useQuery as Yl}from"@tanstack/react-query";import{useMemo as Xl}from"react";var Jl="wp:token-info";function ia(e,t=!0){let n=ot[e],o=Pe[e].cross,{data:r,...a}=Yl({queryKey:[Jl,e],queryFn:async({signal:l})=>{let d=await fetch(`${n}/v1/public/token/info`,{cache:"no-store",signal:l});if(!d.ok)throw new Error(`Failed to fetch token info: ${d.status}`);let u=await d.json();if(u.code!==200)throw new Error(`Token info API error: ${u.code}`);return u},enabled:t,staleTime:300*1e3}),{byChainAddr:i,byChainSym:s}=Xl(()=>{let l=new Map,d=new Map;if(!r?.data)return{byChainAddr:l,byChainSym:d};for(let u of r.data){let g=u.address.toLowerCase();l.set(`${u.chain_id}:${g}`,u),l.set(g,u);let h=u.symbol.replace(/^t/,"").toUpperCase(),v=`${u.chain_id}:${h}`;d.has(v)||d.set(v,u),d.has(h)||d.set(h,u)}return{byChainAddr:l,byChainSym:d}},[r]);return{getTokenImage:(l,d)=>{let u=l.toLowerCase(),g=i.get(`${o}:${u}`);if(g?.image)return g.image;let h=i.get(u);if(h?.image)return h.image;if(d){let v=d.replace(/^t/,"").toUpperCase(),k=s.get(`${o}:${v}`);if(k?.image)return k.image;let w=s.get(v);if(w?.image)return w.image}return""},...a}}import ar from"bignumber.js";function un(e,t){let n=new ar(e).shiftedBy(-t);return!n.isFinite()||n.isZero()?"0":n.isGreaterThanOrEqualTo(1)?n.toFormat(2,ar.ROUND_DOWN):n.toFormat(4,ar.ROUND_DOWN)}function sr(e){return un(e,0)}import{jsx as lo,jsxs as aa}from"react/jsx-runtime";function Gt({title:e,icon:t,iconFit:n="cover",isEmpty:o,children:r}){return aa("div",{className:"wp-svc-card",children:[aa("div",{className:"wp-svc-card-head",children:[lo("img",{className:"wp-svc-card-icon",src:t,alt:"",style:{objectFit:n}}),lo("span",{className:"wp-svc-card-title",children:e})]}),o?lo("div",{className:"wp-svc-empty",children:"No assets yet"}):lo("div",{className:"wp-svc-items",children:r})]})}import En from"bignumber.js";import{jsx as Re,jsxs as qe}from"react/jsx-runtime";var ec="CROSS Rewards";function tc(e){return new En(e||"0").isGreaterThan(0)}function nc(e,t,n){let o=new En(e||"0").shiftedBy(-t).times(n||"0");return!o.isFinite()||o.isZero()?"$0.00":`$${o.toFormat(2,En.ROUND_DOWN)}`}function sa(){let{env:e,walletAddress:t,onOutlink:n}=it(),o=!!t,{allPools:r}=oa(e,o),{depositMap:a}=ra(e,t,o),{getTokenImage:i}=ia(e,o),s=(d,u)=>`${Yi[e]}/rewards/${d.pool_address}?action=${u}`,c=`${Ht[e]}/reward.png`,l=r.filter(d=>{let u=a.get(d.pool_address.toLowerCase()),g=u?.deposited_amount??"0",h=u?.claimable_reward??"0";return!(new En(g).isZero()&&new En(h).isZero())});return Re(Gt,{title:ec,icon:c,isEmpty:l.length===0,children:l.map(d=>{let u=a.get(d.pool_address.toLowerCase()),g=u?.deposited_amount??"0",h=u?.claimable_reward??"0",v=s(d,"withdraw"),k=s(d,"claim"),w=i(d.deposit_token.address,d.deposit_token.symbol),y=d.reward_tokens[0],L=y?i(y.address,y.symbol):"",f=d.reward_tokens.map(W=>W.symbol),A=f.length>0?`${d.deposit_token.symbol}-${f.join("/")}`:d.deposit_token.symbol,R=y?un(h,y.decimals):"0",M=y?.symbol??"Reward",_=y?nc(h,y.decimals,y.price):"$0.00",$=!!u&&tc(h);return qe("article",{className:"wp-item","data-side":"reward",children:[qe("div",{className:"wp-item-body",children:[qe("div",{className:"wp-item-line",children:[Re("span",{className:"wp-item-label",children:"Pool (Deposit - Earn)"}),qe("div",{className:"wp-svc-token",children:[qe("span",{className:"wp-token-stack","aria-hidden":!0,children:[w&&Re("img",{className:"wp-svc-token-icon",src:w,alt:""}),L&&Re("img",{className:"wp-svc-token-icon",src:L,alt:""})]}),Re("span",{children:A})]})]}),qe("div",{className:"wp-item-line",children:[Re("span",{className:"wp-item-label",children:"Deposited"}),qe("div",{className:"wp-svc-token",children:[w&&Re("img",{className:"wp-svc-token-icon",src:w,alt:""}),Re("span",{children:un(g,d.deposit_token.decimals)})]})]}),qe("div",{className:"wp-item-line",children:[qe("span",{className:"wp-item-label",children:["Claimable (",M,")"]}),qe("div",{className:"wp-svc-token",children:[L&&Re("img",{className:"wp-svc-token-icon",src:L,alt:""}),Re("span",{children:R}),Re("span",{className:"wp-item-usd",children:_})]})]})]}),qe("div",{className:"wp-item-tags",children:[qe("a",{className:"wp-tag wp-tag--muted",href:v,target:"_blank",rel:"noopener noreferrer",onClick:W=>Ve(W,v,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:u}},n),children:[Re("span",{className:"wp-tag-label",children:"Withdraw"}),Re(Mt,{size:12,className:"wp-tag-icon"})]}),qe("a",{className:"wp-tag wp-tag--mint","data-disabled":!$||void 0,"aria-disabled":!$||void 0,href:$?k:void 0,target:$?"_blank":void 0,rel:$?"noopener noreferrer":void 0,onClick:W=>{if(!$){W.preventDefault();return}Ve(W,k,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:u}},n)},children:[Re("span",{className:"wp-tag-label",children:"Claim"}),Re(Mt,{size:12,className:"wp-tag-icon"})]})]})]},d.pool_address)})})}import*as fa from"react";import{useQuery as oc}from"@tanstack/react-query";var rc="wp:stake-info";function la(e,t,n=!0){let o=fn[e],r=n&&!!t,{data:a,...i}=oc({queryKey:[rc,e,t],queryFn:async({signal:c})=>{let l=await fetch(`${o}/stake/${t}`,{cache:"no-store",signal:c});if(!l.ok)throw new Error(`Stake info fetch failed: ${l.status}`);let d=await l.json();if(d.code!==0&&d.code!==200)throw new Error(`Stake info API error: ${d.code}`);return d},enabled:r,staleTime:0});return{stakeInfo:a?.data,...i}}import{useQuery as ic}from"@tanstack/react-query";var ac="wp:stake-rewards";function ca(e,t,n=!0){let o=fn[e],r=n&&!!t,{data:a,...i}=ic({queryKey:[ac,e,t],queryFn:async({signal:s})=>{let c=await fetch(`${o}/rewards/${t}?limit=1`,{cache:"no-store",signal:s});if(!c.ok)throw new Error(`Stake rewards fetch failed: ${c.status}`);let l=await c.json();if(l.code!==0&&l.code!==200)throw new Error(`Stake rewards API error: ${l.code}`);return l.data?.data?.[0]??null},enabled:r,staleTime:0});return{latestReward:a??null,...i}}import{useQuery as sc}from"@tanstack/react-query";var lc="wp:network-stats";function da(e,t=!0){let n=fn[e],{data:o,...r}=sc({queryKey:[lc,e],queryFn:async({signal:i})=>{let s=await fetch(`${n}/network/stats`,{cache:"no-store",signal:i});if(!s.ok)throw new Error(`Network stats fetch failed: ${s.status}`);let c=await s.json();if(c.code!==0&&c.code!==200)throw new Error(`Network stats API error: ${c.code}`);return c},enabled:t,staleTime:0});return{networkStats:o?.data,...r}}import mn from"bignumber.js";import{Fragment as dc,jsx as Ke,jsxs as Nt}from"react/jsx-runtime";var cc="CROSS Staking";function pa(e){if(!e)return"\u2014";let t=new mn(e);return t.isFinite()?`${t.toFormat(2,mn.ROUND_DOWN)}%`:"\u2014"}function ua(){let{env:e,walletAddress:t,onOutlink:n}=it(),o=!!t,{stakeInfo:r}=la(e,t,o),{latestReward:a}=ca(e,t,o),{networkStats:i}=da(e,o),s=`${Ht[e]}/cross-staking.png`,c=Ji[e],l=r?.total_stake??"0",d=r?.delegations??0,u=fa.useMemo(()=>{let L=a?.cumulative_earned;if(!L)return;let f=new mn(L);return f.isFinite()?f:void 0},[a]),g=u?.toString(10)??r?.rewards_earned??"0",h=new mn(l),v=r?.days_since_first_stake,k=u!==void 0&&h.isGreaterThan(0)&&v!==null&&v!==void 0?u.div(h).times(365).div(Math.max(1,v)).times(100):void 0,w=!(new mn(l).isZero()&&new mn(g).isZero()),y=Ln[e];return Ke(Gt,{title:cc,icon:s,iconFit:"contain",isEmpty:!1,children:Nt("article",{className:"wp-item","data-side":"stake",children:[Ke("div",{className:"wp-item-body",children:w?Nt(dc,{children:[Nt("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"Staked"}),Nt("span",{children:[sr(l)," CROSS"]})]}),Nt("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"Rewards Earned"}),Nt("span",{children:[sr(g)," CROSS"]})]}),Nt("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"Delegations"}),Ke("span",{children:d})]}),Nt("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"My APR"}),Ke("span",{children:pa(k?.toString(10))})]})]}):Nt("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"Delegation APR"}),Ke("span",{children:pa(i?.apr)})]})}),Ke("div",{className:"wp-item-tags",children:Nt("a",{className:"wp-tag wp-tag--mint",href:w?c:y,target:"_blank",rel:"noopener noreferrer",onClick:L=>Ve(L,w?c:y,{category:"portfolio",origin:"portfolio-stake",payload:{stakeInfo:r,networkStats:i}},n),children:[Ke("span",{className:"wp-tag-label",children:w?"Manage":"Stake Now"}),Ke(Mt,{size:12,className:"wp-tag-icon"})]})})]})})}import*as lr from"react";import{useQuery as pc}from"@tanstack/react-query";var fc="wp:game-swap-pools";function ma(e,t,n=!0){let o=ea[e],r=n&&!!t,{data:a,...i}=pc({queryKey:[fc,e,t],queryFn:async({signal:s})=>{let c=await fetch(`${o}/addresses/${t}/portfolio`,{cache:"no-store",signal:s});if(!c.ok)throw new Error(`Game-swap portfolio fetch failed: ${c.status}`);return(await c.json()).pools??[]},enabled:r,staleTime:0});return{pools:a??[],...i}}import{useQuery as uc}from"@tanstack/react-query";var mc="wp:game-swap-lp-balances";function ga(e,t,n,o){let r=[...n].map(c=>c.toLowerCase()).sort(),a=!!o&&!!t&&r.length>0,{data:i,...s}=uc({queryKey:[mc,e,t,r],queryFn:async()=>{if(!o)return{};let c=await o(r),l={};for(let[d,u]of Object.entries(c))l[d.toLowerCase()]=u;return l},enabled:a,staleTime:0});return{balances:i??{},...s}}import Tt from"bignumber.js";import{jsx as at,jsxs as mt}from"react/jsx-runtime";var gc="Game Swap LP",ba=18,hc=new Tt("0.0001");function ha(e){return e?.trim().toUpperCase()==="CROSS"}function bc(e){return e&&e>0?e:ba}function wc(e){let t=ha(e.token_a?.symbol)&&!ha(e.token_b?.symbol),n=t?e.reserve_a:e.reserve_b,o=bc(t?e.token_a?.decimals:e.token_b?.decimals),r=new Tt(n||"0").shiftedBy(-o);return!r.isFinite()||r.isLessThanOrEqualTo(0)?new Tt(0):r.times(2)}function xc(e,t){let n=e.token_a?.symbol?.trim()||"TOKEN",o=e.token_b?.symbol?.trim()||"CROSS",r=t?.decimals??ba,a,i;if(t&&t.totalSupply&&t.totalSupply>BigInt(0)){let s=new Tt(t.balance.toString()),c=new Tt(t.totalSupply.toString()),l=s.div(c);a=l.times(100);let d=l.times(wc(e));if(d.isGreaterThan(0)){let u=new Tt(e.cross_usd||"0");i=u.isGreaterThan(0)?`$${d.times(u).toFormat(2,Tt.ROUND_DOWN)}`:`${d.toFormat(4,Tt.ROUND_DOWN)} CROSS`}}return{pool:e,tokenASymbol:n,tokenBSymbol:o,info:t,lpAmountRaw:t?.balance.toString(),lpDecimals:r,sharePercent:a,valueText:i}}function wa(){let{env:e,walletAddress:t,onOutlink:n,lpBalanceReader:o}=it(),r=!!t,{pools:a}=ma(e,t,r),i=lr.useMemo(()=>a.map(g=>g.pair_address).filter(Boolean),[a]),{balances:s}=ga(e,t,i,o),c=`${Ht[e]}/dex.png`,l=!!o,d=lr.useMemo(()=>{let g=a.map(h=>xc(h,s[h.pair_address?.toLowerCase()]));return l?g.filter(h=>h.lpAmountRaw?new Tt(h.lpAmountRaw).shiftedBy(-h.lpDecimals).isGreaterThanOrEqualTo(hc):!1):g},[a,s,l]),u=g=>{let h=g.token_a?.address??g.pair_address;return`${ta[e]}/tokens/${h}?trade=deposit`};return at(Gt,{title:gc,icon:c,iconFit:"contain",isEmpty:d.length===0,children:d.map(g=>{let{pool:h}=g,v=u(h),k=`${g.tokenASymbol} / ${g.tokenBSymbol}`,w=h.token_a?.logo_url,y=h.token_b?.logo_url;return mt("article",{className:"wp-item","data-side":"game-swap",children:[mt("div",{className:"wp-item-body",children:[mt("div",{className:"wp-item-line",children:[at("span",{className:"wp-item-label",children:"Pool"}),mt("div",{className:"wp-svc-token",children:[mt("span",{className:"wp-token-stack","aria-hidden":!0,children:[w&&at("img",{className:"wp-svc-token-icon",src:w,alt:""}),y&&at("img",{className:"wp-svc-token-icon",src:y,alt:""})]}),at("span",{children:k})]})]}),g.lpAmountRaw!==void 0&&mt("div",{className:"wp-item-line",children:[at("span",{className:"wp-item-label",children:"My LP"}),mt("span",{children:[un(g.lpAmountRaw,g.lpDecimals)," LP"]})]}),g.sharePercent!==void 0&&mt("div",{className:"wp-item-line",children:[at("span",{className:"wp-item-label",children:"Pool Share"}),mt("span",{children:[g.sharePercent.toFormat(2,Tt.ROUND_DOWN),"%"]})]}),g.valueText!==void 0&&mt("div",{className:"wp-item-line",children:[at("span",{className:"wp-item-label",children:"Value"}),at("span",{children:g.valueText})]})]}),at("div",{className:"wp-item-tags",children:mt("a",{className:"wp-tag wp-tag--mint",href:v,target:"_blank",rel:"noopener noreferrer",onClick:L=>Ve(L,v,{category:"portfolio",origin:"portfolio-game-swap",payload:{pool:h}},n),children:[at("span",{className:"wp-tag-label",children:"Manage"}),at(Mt,{size:12,className:"wp-tag-icon"})]})})]},h.pair_address)})})}import cr from"bignumber.js";import{useMemo as Tc}from"react";import{useQuery as vc}from"@tanstack/react-query";var yc="wp:forge-pools";function xa(e,t,n=!0){let o=so[e],r=n&&!!t,{data:a,...i}=vc({queryKey:[yc,e,t],queryFn:async()=>{let c=await fetch(`${o}/v1/users/${t}/pools`,{cache:"no-store"});if(!c.ok)throw new Error(`forge pools fetch failed: ${c.status}`);return(await c.json()).data?.items??[]},enabled:r,staleTime:0}),s=a??[];return{pools:s,isEmpty:s.length===0,...i}}import{useQueries as kc}from"@tanstack/react-query";import{useMemo as Sc}from"react";var Cc="wp:forge-token-detail";async function Nc(e,t){let n=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store"});return n.ok?(await n.json())?.data?.token??null:null}function va(e,t,n=!0){let o=so[e],r=kc({queries:t.map(s=>({queryKey:[Cc,e,s],queryFn:()=>Nc(o,s),enabled:n&&!!s,staleTime:3e4}))}),a=Sc(()=>{let s=new Map;for(let c=0;c<r.length;c++){let l=r[c]?.data,d=t[c];l&&d&&s.set(d.toLowerCase(),l)}return s},[r,t]),i=r.some(s=>s.isLoading);return{detailMap:a,isLoading:i}}import{jsx as Qe,jsxs as en}from"react/jsx-runtime";var Rc="Forge",Ic=18,Lc="https://contents.crosstoken.io/wallet/token/images/FT.png";function Ec(e){if(!e||e==="0")return"0";let t=new cr(e).shiftedBy(-Ic);return t.isZero()?"0":t.isGreaterThanOrEqualTo(1)?t.toFormat(2,cr.ROUND_DOWN):t.toFormat(4,cr.ROUND_DOWN)}function Ac(e){let t=Number(e);return!Number.isFinite(t)||t<=0?"0%":t>=1?`${(Math.floor(t*100)/100).toFixed(2)}%`:`${(Math.floor(t*1e4)/1e4).toFixed(4)}%`}function ya(){let{env:e,walletAddress:t,onOutlink:n}=it(),o=!!t,{pools:r,isEmpty:a}=xa(e,t,o),i=Tc(()=>r.map(d=>d.token.address),[r]),{detailMap:s}=va(e,i,o&&i.length>0),c=d=>`${Xi[e]}/forge/token/${d.token.address}`,l=`${Ht[e]}/forge.png`;return Qe(Gt,{title:Rc,icon:l,iconFit:"contain",isEmpty:a,children:r.map(d=>{let u=s.get(d.token.address.toLowerCase()),g=u?.image_url||u?.image||d.token.image||Lc,h=u?.symbol||d.token.symbol,v=c(d);return en("a",{className:"wp-item","data-side":"lp",href:v,target:"_blank",rel:"noopener noreferrer",onClick:k=>Ve(k,v,{category:"portfolio",origin:"portfolio-forge",payload:{pool:d,tokenDetail:u}},n),children:[en("div",{className:"wp-item-body",children:[en("div",{className:"wp-item-line",children:[Qe("span",{className:"wp-item-label",children:"Asset"}),en("div",{className:"wp-svc-token",children:[Qe("img",{className:"wp-svc-token-icon",src:g,alt:""}),Qe("span",{children:h}),u?.name&&Qe("span",{className:"wp-token-subtle",children:u.name})]})]}),en("div",{className:"wp-item-line",children:[Qe("span",{className:"wp-item-label",children:"LP Balance"}),Qe("div",{className:"wp-svc-token",children:Qe("span",{children:Ec(d.lp_balance)})})]}),en("div",{className:"wp-item-line",children:[Qe("span",{className:"wp-item-label",children:"Ownership"}),Qe("span",{className:"wp-line-value",children:Ac(d.pool_ownership)})]})]}),Qe("div",{className:"wp-item-tags",children:en("span",{className:"wp-tag wp-tag--muted",children:[Qe("span",{className:"wp-tag-label",children:"Withdraw"}),Qe(Mt,{size:12,className:"wp-tag-icon"})]})})]},d.pair_address)})})}O(`.wp-fullscreen[data-theme=dark],.wp-embed[data-theme=dark]{--wp-bg: var(--ds-bg-default, #202530);--wp-header-bg: var(--ds-surface-default, #252b39);--wp-card: var(--ds-surface-medium, #252b39);--wp-control: #292f40;--wp-border: var(--ds-border-default, #292f40);--wp-panel-border: var(--ds-border-medium, rgba(255, 255, 255, .18));--wp-panel-shadow: 0px 4px 30px -1px rgba(0, 0, 0, .28);--wp-text: var(--ds-content-highest, #ffffff);--wp-text-60: var(--ds-content-high, rgba(255, 255, 255, .85));--wp-text-40: var(--ds-content-medium, rgba(255, 255, 255, .65));--wp-text-30: var(--ds-content-low, rgba(255, 255, 255, .4));--wp-chrome-text: #ffffff;--wp-tooltip-bg: #151a23;--wp-tooltip-text: #ffffff;--wp-mint: var(--ds-accent-primary-default, #00a0a2);--wp-green: var(--ds-accent-primary-default, #00a0a2);--wp-accent-soft: var(--ds-accent-primary-low, rgba(0, 160, 162, .14));--wp-red: var(--ds-system-red-default, #e70077);--wp-blue: #0488fc;--wp-purple: #7346f3;--wp-orange: #ff9d00;--wp-claim-primary: #9b8cef;--wp-claim-primary-text: #202530;--wp-claim-secondary-bg: var(--wp-control);--wp-claim-success: #00d4aa;--wp-claim-success-soft: rgba(0, 212, 170, .18);--wp-claim-error: #ff3aa3;--wp-claim-error-soft: rgba(255, 58, 163, .16)}.wp-fullscreen[data-theme=light],.wp-embed[data-theme=light]{--wp-bg: var(--ds-bg-dim, #f5f7fa);--wp-header-bg: var(--ds-surface-default, #ffffff);--wp-card: var(--ds-surface-default, #ffffff);--wp-control: var(--ds-surface-medium, #f5f7fa);--wp-border: var(--ds-border-default, rgba(0, 0, 0, .07));--wp-panel-border: var(--ds-border-medium, rgba(0, 0, 0, .18));--wp-panel-shadow: 0px 4px 30px -1px rgba(0, 0, 0, .15);--wp-text: var(--ds-content-highest, #000000);--wp-text-60: var(--ds-content-high, rgba(0, 0, 0, .85));--wp-text-40: var(--ds-content-medium, rgba(0, 0, 0, .65));--wp-text-30: var(--ds-content-low, rgba(0, 0, 0, .4));--wp-chrome-text: var(--ds-content-high, rgba(0, 0, 0, .85));--wp-card-shadow: none;--wp-tooltip-bg: #192023;--wp-tooltip-text: #ffffff;--wp-mint: var(--ds-accent-primary-default, #00a0a2);--wp-green: var(--ds-accent-primary-default, #00a0a2);--wp-accent-soft: var(--ds-accent-primary-low, #e7f9f8);--wp-red: var(--ds-system-red-default, #e70077);--wp-blue: #0488fc;--wp-purple: #7346f3;--wp-orange: #ff9d00;--wp-claim-primary: #7346f3;--wp-claim-primary-text: #ffffff;--wp-claim-secondary-bg: #ffffff;--wp-claim-success: #019d92;--wp-claim-success-soft: rgba(1, 157, 146, .15);--wp-claim-error: #e70077;--wp-claim-error-soft: rgba(231, 0, 119, .12)}.wp-fullscreen{position:fixed!important;top:12px!important;left:max(12px,calc((100vw - 393px)/2))!important;right:max(12px,calc((100vw - 393px)/2))!important;bottom:12px!important;width:auto!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;z-index:50;background:var(--wp-bg);border:1px solid var(--wp-panel-border);border-radius:24px;box-shadow:var(--wp-panel-shadow);display:flex;flex-direction:column;overflow:hidden;font-family:inherit;font-feature-settings:"calt" 0,"lnum" 1,"pnum" 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;color:var(--wp-chrome-text)}.wp-embed{width:100%;height:100%;min-height:0;background:var(--wp-bg);display:flex;flex-direction:column;overflow:hidden;position:relative;font-family:inherit;font-feature-settings:"calt" 0,"lnum" 1,"pnum" 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;color:var(--wp-chrome-text)}.wp-overlay{position:fixed;inset:0;z-index:49;background:#0009}.wp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:73px;padding:24px;position:relative;border-bottom:1px solid var(--wp-border);background:var(--wp-header-bg);color:var(--wp-chrome-text);flex-shrink:0;box-sizing:border-box}.wp-header-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--ds-content-low, rgba(0, 0, 0, .4));flex-shrink:0;transition:color .15s ease}.wp-header-btn:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wp-header-edge{display:flex;align-items:center;width:24px;min-width:24px}.wp-header-edge--right{justify-content:flex-end}.wp-header-edge--right .wp-header-btn{position:absolute;top:24px;right:24px}.wp-header-spacer{display:block;width:24px;height:24px}.wp-header-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--wp-header-avatar-bg)}.wp-header-avatar-img{width:30px;height:30px;object-fit:cover;display:block}.wp-fullscreen[data-theme=dark] .wp-header-avatar,.wp-embed[data-theme=dark] .wp-header-avatar{--wp-header-avatar-bg: hsl(221.3 24.6% 25.5%)}.wp-fullscreen[data-theme=light] .wp-header-avatar,.wp-embed[data-theme=light] .wp-header-avatar{--wp-header-avatar-bg: rgba(18, 18, 18, .1)}.wp-refresh-btn{position:relative}.wp-refresh-badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--wp-mint);color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center}.wp-spin-once{animation:wp-spin-once .6s ease-in-out}@keyframes wp-spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wp-header-title{flex:1;font-family:inherit;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.01em;text-align:center;color:var(--ds-content-highest, #000000);margin:0}.wp-header-account{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.wp-header-wallet-name{flex:1;min-width:0;font-family:inherit;font-size:15px;font-weight:600;line-height:160%;letter-spacing:0;color:var(--wp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-top{flex-shrink:0;padding:0 16px 16px;display:flex;flex-direction:column;gap:16px}.wp-identity{display:flex;flex-direction:column;gap:8px}.wp-address{display:inline-flex;align-items:center;gap:8px}.wp-address-label{font-size:12px;font-weight:400;line-height:1.4;color:var(--wp-text-40)}.wp-address-chevron{display:inline-flex;align-items:center;color:var(--wp-text-40)}.wp-total{font-size:28px;font-weight:600;line-height:1.3;color:var(--wp-text);margin:0}.wp-asset{display:flex;flex-direction:column;gap:8px}.wp-asset-head{display:flex;align-items:center;gap:4px}.wp-asset-head-label{font-size:12px;font-weight:400;line-height:1.4;color:var(--wp-text-40)}.wp-asset-head-icon{display:inline-flex;color:var(--wp-text-40)}.wp-bar{display:flex;height:20px;border-radius:4px;overflow:hidden}.wp-bar-seg{display:flex;align-items:center;justify-content:center;min-width:8px}.wp-bar-seg-pct{font-size:10px;font-weight:400;line-height:1.3;color:#fff;white-space:nowrap}.wp-legend{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.wp-legend-item{display:flex;align-items:center;gap:4px}.wp-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.wp-legend-label{font-size:12px;font-weight:400;line-height:1.4;color:var(--wp-text-40)}.wp-tabs{flex-shrink:0;padding:8px 16px}.wp-tabs-inner{display:flex;align-items:center;padding:0 2px}.wp-tabs-list{display:flex;gap:20px;flex:1}.wp-tab{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:44px;padding-top:12px;background:transparent;border:none;cursor:pointer}.wp-tab-text{font-size:14px;font-weight:600;line-height:1.4;color:var(--wp-text-30);white-space:nowrap}.wp-tab[data-active=true] .wp-tab-text{color:var(--wp-mint)}.wp-tab-bar{width:20px;height:4px;border-radius:2px;background:var(--wp-mint);opacity:0}.wp-tab[data-active=true] .wp-tab-bar{opacity:1}.wp-tabs-filter-wrap{position:relative;display:flex;align-items:center;width:44px;height:44px;flex-shrink:0}.wp-tabs-filter-grad{position:absolute;inset:0;background:linear-gradient(to left,var(--wp-bg) 74%,transparent);pointer-events:none}.wp-tabs-filter{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--wp-text-40)}.wp-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--wp-border) transparent}.wp-body::-webkit-scrollbar{width:4px}.wp-body::-webkit-scrollbar-track{background:transparent}.wp-body::-webkit-scrollbar-thumb{background:var(--wp-border);border-radius:4px}.wp-body-inner{padding:16px 16px 32px;display:flex;flex-direction:column;gap:32px}.wp-summary-card{display:flex;flex-direction:column;gap:8px;width:100%;padding:0;border-radius:0;background:transparent;box-shadow:none;box-sizing:border-box}.wp-summary-head{display:flex;align-items:center;justify-content:flex-start;gap:4px}.wp-summary-label{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--wp-text-40);white-space:nowrap}.wp-address{display:inline-flex;align-items:center;gap:8px;min-width:0}.wp-address-avatar{width:16px;height:16px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 68% 34%,#ff78d1 0 18%,transparent 19%),radial-gradient(circle at 34% 66%,#00d4aa 0 20%,transparent 21%),linear-gradient(135deg,#7346f3,#0488fc)}.wp-address-label{font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--wp-text-40);white-space:nowrap}.wp-address-chevron{display:inline-flex;align-items:center;color:var(--wp-text-40);flex-shrink:0}.wp-summary-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:#019d921a;color:var(--wp-mint);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;white-space:nowrap}.wp-summary-estimate{position:relative;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.wp-estimate-info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--wp-text-40);cursor:help}.wp-estimate-tooltip{position:absolute;top:calc(100% + 8px);right:0;z-index:3;display:flex;flex-direction:column;gap:8px;width:min(280px,calc(100vw - 48px));padding:12px;border-radius:8px;background:var(--wp-tooltip-bg);box-shadow:0 12px 32px #0000003d;color:var(--wp-tooltip-text);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;text-align:left;white-space:normal;opacity:0;pointer-events:none;transform:translateY(-4px);visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.wp-estimate-tooltip-title{display:block;font-size:12px;font-weight:600;line-height:1.3}.wp-estimate-tooltip-group{display:flex;flex-direction:column;gap:4px}.wp-estimate-tooltip-item{display:block;color:#ffffffc7}.wp-estimate-tooltip-item:before{content:"- "}.wp-estimate-info:hover .wp-estimate-tooltip,.wp-estimate-info:focus .wp-estimate-tooltip,.wp-estimate-info:focus-visible .wp-estimate-tooltip{opacity:1;transform:translateY(0);visibility:visible}.wp-total{font-family:var( --wp-total-font-family, Sora, Inter, system-ui, -apple-system, sans-serif );font-size:36px;font-weight:600;line-height:1.25;letter-spacing:0;color:var(--wp-text);margin:0}.wp-svc-card{display:flex;flex-direction:column;gap:12px;width:100%}.wp-svc-card-head{display:flex;align-items:center;gap:6px}.wp-svc-card-icon{width:24px;height:24px;border-radius:4px;flex-shrink:0;object-fit:cover}.wp-svc-card-title{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;color:var(--wp-text-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-svc-items{display:flex;flex-direction:column;gap:8px;width:100%;padding:0;border-radius:0;background:transparent;box-shadow:none;box-sizing:border-box}.wp-item{position:relative;display:flex;flex-direction:column;gap:20px;width:100%;padding:12px;border-radius:12px;background:var(--wp-card);box-shadow:var(--wp-card-shadow, none);box-sizing:border-box;color:inherit;text-decoration:none;cursor:pointer;outline:none;transition:opacity .15s ease}.wp-item+.wp-item{padding-top:12px;border-top:0}.wp-item:hover{opacity:.88}.wp-item-body{display:flex;flex-direction:column;gap:12px;min-width:0}.wp-order-head{display:flex;align-items:center;width:100%}.wp-item-line{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:21px;min-width:0}.wp-item-label{flex-shrink:0;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--wp-text-30);white-space:nowrap}.wp-line-value,.wp-order-side{min-width:0;overflow:hidden;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--wp-text-60);text-align:right;text-overflow:ellipsis;white-space:nowrap}.wp-order-side--buy{color:var(--wp-mint)}.wp-order-side--sell{color:var(--wp-red)}.wp-svc-token{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;min-height:21px}.wp-svc-token>span{font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--wp-text-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-svc-token-icon{width:16px;height:16px;border-radius:50%;flex-shrink:0;object-fit:cover}.wp-token-stack{display:inline-flex;align-items:center;justify-content:flex-end;width:29px;min-width:29px;overflow:visible}.wp-token-stack .wp-svc-token-icon+.wp-svc-token-icon{margin-left:-3.5px}.wp-token-subtle,.wp-item-usd{color:var(--wp-text-30)!important}.wp-order-token{display:flex;align-items:center;gap:8px;min-width:0}.wp-order-token .wp-svc-token-icon{width:32px;height:32px}.wp-order-token-meta{display:flex;min-width:0;flex-direction:column;justify-content:center}.wp-order-token-symbol{overflow:hidden;color:var(--wp-text-60);font-size:14px;font-weight:500;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.wp-order-token-pair{overflow:hidden;color:var(--wp-text-30);font-size:12px;font-weight:500;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.wp-item-tags{display:flex;align-items:stretch;gap:8px;width:100%}.wp-tag{appearance:none;display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:0;min-width:0;min-height:33px;padding:6px 10px;border-radius:6px;border:0;background:var(--wp-control);font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;color:var(--wp-text-40);text-align:center;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}a.wp-tag,button.wp-tag{cursor:pointer}.wp-tag:hover{background:var(--wp-control);transform:none}.wp-tag:focus-visible{outline:2px solid var(--wp-mint);outline-offset:2px}.wp-tag[aria-disabled=true],.wp-tag[data-disabled]{cursor:default;opacity:.48;pointer-events:none}.wp-tag-label{display:inline-flex;align-items:center}.wp-tag-icon{display:none}.wp-tag:hover .wp-tag-icon{transform:none}.wp-tag--mint{color:var(--wp-mint);background:var(--wp-accent-soft)}.wp-tag--mint:hover{background:var(--wp-accent-soft)}.wp-tag--muted{color:var(--wp-text-40)}.wp-svc-empty{display:flex;align-items:center;justify-content:center;min-height:74px;padding:20px 16px;background:var(--wp-card);border-radius:12px;box-shadow:var(--wp-card-shadow, none);font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0;color:var(--wp-text-30);box-sizing:border-box}.wp-claim-overlay{position:absolute;inset:0;z-index:8;display:flex;align-items:flex-end;justify-content:center;background:#00000094;box-sizing:border-box}.wp-claim-sheet{display:flex;flex-direction:column;width:100%;max-width:375px;max-height:calc(100% - 24px);overflow:hidden;border-radius:24px 24px 0 0;background:var(--wp-bg);color:var(--wp-text);box-shadow:0 -18px 48px #00000042;animation:wp-claim-slide-up .22s ease-out}@keyframes wp-claim-slide-up{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.wp-claim-grabber{display:flex;align-items:flex-start;justify-content:center;height:38px;min-height:38px;padding-top:12px;box-sizing:border-box}.wp-claim-grabber span{display:block;width:52px;height:5px;border-radius:999px;background:var(--wp-control)}.wp-claim-content{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:20px;box-sizing:border-box}.wp-claim-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;flex-shrink:0}.wp-claim-icon--success{background:var(--wp-claim-success-soft);color:var(--wp-claim-success)}.wp-claim-icon--pending{background:#9b8cef29;color:var(--wp-claim-primary)}.wp-claim-icon--error{background:var(--wp-claim-error-soft);color:var(--wp-claim-error);font-size:30px;font-weight:600;line-height:1}.wp-claim-icon--token{background:#00d4aa29}.wp-claim-icon--token img{width:48px;height:48px;border-radius:50%;object-fit:cover}.wp-claim-icon--token span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--wp-mint);color:#101820;font-size:18px;font-weight:600}.wp-claim-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(155,140,239,.28);border-top-color:var(--wp-claim-primary);animation:wp-claim-spin .8s linear infinite}@keyframes wp-claim-spin{to{transform:rotate(360deg)}}.wp-claim-copy{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;text-align:center}.wp-claim-title{margin:0;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--wp-text)}.wp-claim-desc{max-width:335px;margin:0;font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0;color:var(--wp-text-40)}.wp-claim-heading{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.wp-claim-error-message{margin:0;color:var(--wp-claim-error);font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0}.wp-claim-reward-card{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:60px;padding:16px;border-radius:8px;background:var(--wp-card);box-sizing:border-box}.wp-claim-reward-token{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--wp-control)}.wp-claim-reward-token img{width:28px;height:28px;object-fit:cover}.wp-claim-reward-token span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--wp-mint);color:#101820;font-size:13px;font-weight:600;line-height:1}.wp-claim-reward-symbol{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--wp-text);font-size:18px;font-weight:600;line-height:1.3;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.wp-claim-reward-amount{flex-shrink:0;color:var(--wp-text);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0;white-space:nowrap}.wp-claim-account-card{display:flex;flex-direction:column;gap:12px;width:100%;padding:16px;border-radius:8px;background:var(--wp-card);box-sizing:border-box}.wp-claim-account-row{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:40px}.wp-claim-account-row>span{flex-shrink:0;color:var(--wp-text-40);font-size:14px;font-weight:400;line-height:1.3;letter-spacing:0;white-space:nowrap}.wp-claim-account{display:flex;align-items:center;gap:8px;min-width:0}.wp-claim-account strong{overflow:hidden;color:var(--wp-text);font-size:15px;font-weight:600;line-height:1.6;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.wp-claim-account-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 30% 28%,#d87aff 0 12%,transparent 13%),radial-gradient(circle at 68% 28%,#f0a1ff 0 12%,transparent 13%),radial-gradient(circle at 32% 70%,#b561e7 0 13%,transparent 14%),radial-gradient(circle at 70% 70%,#d4a2ff 0 13%,transparent 14%),radial-gradient(circle at 50% 50%,#8c4fc4 0 18%,transparent 19%),#4a315f;box-shadow:inset 0 0 0 3.37px var(--wp-control)}.wp-claim-divider{display:block;width:100%;height:1px;background:var(--wp-border)}.wp-claim-detail-list{display:flex;flex-direction:column;gap:8px;width:100%}.wp-claim-detail-row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:20px}.wp-claim-detail-row>span{min-width:0;color:var(--wp-text-40);font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0;white-space:nowrap}.wp-claim-detail-row--sub>span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 8px 3px;background:currentColor}.wp-claim-detail-row strong{min-width:0;overflow:hidden;color:var(--wp-text);font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0;text-align:right;text-overflow:ellipsis;white-space:nowrap}.wp-claim-list{display:flex;flex-direction:column;gap:8px;width:100%;padding-bottom:8px}.wp-claim-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:8px 16px;border-radius:8px;background:var(--wp-card);box-sizing:border-box}.wp-claim-list-item>span{flex-shrink:0;font-size:14px;font-weight:400;line-height:1.3;color:var(--wp-text-40);white-space:nowrap}.wp-claim-list-item strong{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;overflow:hidden;color:var(--wp-text);font-size:14px;font-weight:400;line-height:1.3;text-align:right;text-overflow:ellipsis;white-space:nowrap}.wp-claim-list-item img{width:16px;height:16px;border-radius:50%;flex-shrink:0}.wp-claim-hash{appearance:none;display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;padding:0;border:none;background:transparent;color:var(--wp-text);cursor:pointer;font:inherit}.wp-claim-hash svg{flex-shrink:0;color:var(--wp-text-60)}.wp-claim-gas-card{display:flex;flex-direction:column;gap:4px;width:100%;padding:14px 16px;border-radius:8px;border:1px solid var(--wp-border);background:var(--wp-card);box-sizing:border-box}.wp-claim-gas-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px}.wp-claim-gas-row>span{min-width:0;font-size:12px;font-weight:400;line-height:1.3;color:var(--wp-text-40)}.wp-claim-gas-row strong{min-width:0;overflow:hidden;color:var(--wp-text);font-size:12px;font-weight:400;line-height:1.3;text-align:right;text-overflow:ellipsis;white-space:nowrap}.wp-claim-gas-row--primary{min-height:32px}.wp-claim-gas-row--primary>span,.wp-claim-gas-row--primary strong{font-size:14px;color:var(--wp-text)}.wp-claim-fee-label{position:relative;display:inline-flex;align-items:center;text-decoration:underline dotted;text-underline-offset:3px;cursor:help;overflow:visible!important}.wp-claim-fee-tooltip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:2;width:min(260px,calc(100vw - 64px));padding:10px 12px;border-radius:8px;background:var(--wp-tooltip-bg);color:var(--wp-tooltip-text);box-shadow:0 12px 32px #0000003d;font-size:11px;font-weight:400;line-height:1.4;text-align:left;text-decoration:none;white-space:normal;opacity:0;pointer-events:none;transform:translateY(4px);visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.wp-claim-fee-label:hover .wp-claim-fee-tooltip,.wp-claim-fee-label:focus .wp-claim-fee-tooltip,.wp-claim-fee-label:focus-visible .wp-claim-fee-tooltip{opacity:1;transform:translateY(0);visibility:visible}.wp-claim-actions{display:flex;align-items:center;gap:8px;width:100%}.wp-claim-primary,.wp-claim-secondary{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;height:52px;padding:0 24px;border:none;border-radius:40px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:0;white-space:nowrap;cursor:pointer}.wp-claim-primary{background:var(--wp-claim-primary);color:var(--wp-claim-primary-text)}.wp-claim-primary:disabled{cursor:default;opacity:.72}.wp-claim-secondary{background:var(--wp-claim-secondary-bg, var(--wp-control));color:var(--wp-claim-primary)}.wp-claim-actions[data-count="2"] .wp-claim-primary{flex:1 1 0}.wp-claim-actions[data-count="2"] .wp-claim-secondary{flex:0 0 120px}.wp-claim-button-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(32,37,48,.28);border-top-color:var(--wp-claim-primary-text);animation:wp-claim-spin .8s linear infinite}.wp-claim-home-indicator{display:flex;align-items:flex-end;justify-content:center;height:34px;min-height:34px;padding-bottom:8px;box-sizing:border-box}.wp-claim-home-indicator span{display:block;width:134px;height:5px;border-radius:16px;background:var(--wp-text-40)}@media(max-width:359px){.wp-header{gap:12px;padding:0 12px}.wp-total{font-size:24px}.wp-body-inner{padding:0 12px 128px;gap:20px}.wp-svc-items,.wp-claim-content{padding:18px 14px}.wp-item-line{gap:10px}.wp-svc-token>span{max-width:168px}}.wp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.wi-drawer-content .wp-header,.wi-portfolio-body .wp-header{padding:16px}.wi-drawer-content .wp-header-edge--right .wp-header-btn,.wi-portfolio-body .wp-header-edge--right .wp-header-btn{top:16px;right:16px}
|
|
8
|
-
`);import{Fragment as
|
|
9
|
-
`)[0]?.trim()||t}function za(e){let{tokens:t,initialFromToken:n,initialToToken:o,getToTokens:r,getApproval:a,approveBridge:i,history:s=[],initialSlippage:c="0.5",termsUrl:l,getQuote:d,submitBridge:u,onSubmitted:g,onSuccess:h,onFailed:v,onExit:k}=e,w=T.useMemo(()=>Ma({getQuote:d,submitBridge:u}),[d,u]),[y,L]=T.useState("form"),[f,A]=T.useState(n??po(t)),[R,M]=T.useState(()=>ur(t,n??po(t),o,r)),[_,$]=T.useState(""),[W,Z]=T.useState(""),[U,z]=T.useState("from"),[le,fe]=T.useState(c),[re,ie]=T.useState(null),[Fe,ee]=T.useState(""),[H,X]=T.useState("idle"),[be,Y]=T.useState(""),[Me,_e]=T.useState(null),[we,ke]=T.useState([]),[bt,ce]=T.useState(!1),[Lt,Ze]=T.useState(!1),[Ye,Se]=T.useState(null),[Le,ue]=T.useState(!1),[oe,me]=T.useState(null),[Et,Xe]=T.useState(null),[wt,ge]=T.useState(!1),[Oe,xt]=T.useState(!1),Ee=T.useRef(0),Je=T.useRef(null),et=T.useCallback(()=>{Je.current&&(clearTimeout(Je.current),Je.current=null)},[]),ze=T.useCallback(B=>{et(),Xe(B)},[et]);T.useEffect(()=>et,[et]),T.useEffect(()=>{let B=t.find(ae=>ht(ae,f))??po(t),te=B?r?.(B,t):void 0,F=te?.find(ae=>ht(ae,R))??(te?void 0:t.find(ae=>ht(ae,R)))??ur(t,B,void 0,r);A(B),M(F)},[r,t,f,R]);let de=T.useCallback((B,te)=>{let F=B.replace(/[^\d.]/g,"");te==="from"?$(F):Z(F),z(te),ee("")},[]),We=T.useCallback(()=>{Ee.current+=1,$(""),Z(""),z("from"),ie(null),ee(""),Y(""),X("idle"),Se(null),ue(!1),me(null),ge(!1),ze(null)},[ze]),ct=T.useCallback(B=>{ht(B,f)||(A(B),M(ur(t,B,void 0,r)),We())},[f,r,We,t]),vt=T.useCallback(B=>{ht(B,R)||ht(B,f)||(M(B),We())},[f,We,R]),De=T.useMemo(()=>f?r?.(f,t)??t.filter(B=>!ht(B,f)):[],[f,r,t]),At=T.useCallback(()=>{f?.balance&&de(f.balance,"from")},[f?.balance,de]),Pt=T.useCallback(()=>{!f||!R||(A(R),M(f),$(W),Z(_),z(U==="from"?"to":"from"),ee(""))},[_,f,U,W,R]),tt=T.useCallback(()=>{Ee.current+=1,$(""),Z(""),z("from"),ie(null),ee(""),Y("")},[]);T.useEffect(()=>{if(!f||!R)return;if(!_&&!W){ie(null),ee(""),X("idle");return}let B=++Ee.current,te=_a({fromToken:f,toToken:R,fromAmount:_,toAmount:W,lastChangedBy:U,slippage:le});X(w.canQuote?"quoting":"idle"),(async()=>{try{let F=await w.getQuote(te);if(Ee.current!==B)return;F.fromAmount!==void 0&&U==="to"&&$(F.fromAmount),F.toAmount!==void 0&&U==="from"&&Z(F.toAmount),ie(F.summary??null),ee(F.error??"")}catch(F){if(Ee.current!==B)return;ee(F instanceof Error?F.message:"Failed to quote bridge.")}finally{Ee.current===B&&X("idle")}})()},[_,f,U,w,le,W,R]);let yt=T.useCallback(()=>!f||!R?null:_a({fromToken:f,toToken:R,fromAmount:_,toAmount:W,lastChangedBy:U,slippage:le}),[_,f,U,le,W,R]),Ae=T.useCallback(async(B,te)=>{Y(""),ge(!1),ue(!1),X("submitting");try{if(!te?.skipApprovalCheck&&a){let ae=await a(B);if(ae){Se(ae),me(B),X("idle");return}}Se(null),me(null),ze("processing");let F=await w.submitBridge(B);_e(F),X("success"),ke(ae=>[{id:F.txHash,timestamp:new Date().toISOString(),txHash:F.txHash,fromToken:F.fromToken,toToken:F.toToken,fromAmount:F.fromAmount,toAmount:F.toAmount,summary:re??void 0,status:"pending"},...ae.filter(Ot=>Ot.txHash!==F.txHash)]),tt(),xt(!0),ze(null),ge(!0),g?.(F),h?.(F)}catch(F){let ae=Oa(F,"Failed to submit bridge.");ze(null),Y(ae),X("error"),v?.({message:ae})}},[a,v,g,h,w,tt,ze,re]),dt=T.useCallback(async()=>{if(Fe)return;let B=yt();if(B){if(!Lt){me(B),ce(!0);return}await Ae(B)}},[yt,Fe,Ae,Lt]),N=T.useCallback(async()=>{let B=oe??yt();B&&(Ze(!0),ce(!1),await Ae(B))},[yt,oe,Ae]),j=T.useCallback(()=>{ce(!1),me(null)},[]),J=T.useCallback(async()=>{if(!(H==="submitting"||!Ye||!oe||!i)){Y(""),X("submitting");try{await i(oe,Ye),Se(null),X("idle"),ue(!0)}catch(B){let te=Oa(B,"Failed to approve token.");Y(te),X("error"),v?.({message:te})}}},[Ye,i,v,oe,Ae,H]),He=T.useCallback(()=>{H!=="submitting"&&(Se(null),ue(!1),me(null),X("idle"))},[H]),Ge=T.useCallback(async()=>{H==="submitting"||!oe||(ue(!1),await Ae(oe,{skipApprovalCheck:!0}))},[oe,Ae,H]),_t=T.useCallback(()=>{ge(!1)},[]),xn=T.useCallback(B=>{L(B),B==="history"&&xt(!1)},[]),Ro=T.useCallback(()=>{if(y==="history"){xn("form");return}k?.()},[k,xn,y]),nt=T.useMemo(()=>[...s,...we.filter(B=>!s.some(te=>te.txHash===B.txHash))],[s,we]);return{step:y,setStep:xn,status:H,error:be,quoteError:Fe,fromToken:f,toToken:R,tokens:t,availableToTokens:De,fromAmount:_,toAmount:W,lastChangedBy:U,slippage:le,setSlippage:fe,summary:re,history:nt,submitted:Me,canSubmit:w.canSubmit,termsOpen:bt,approvalInfo:Ye,approvalSuccessOpen:Le,approveBridge:i,pendingSubmitInput:oe,submitToast:Et,successDialogOpen:wt,dismissSuccessDialog:_t,hasNewHistory:Oe,termsUrl:l,setFromToken:A,setToToken:M,selectFromToken:ct,selectToToken:vt,setAmount:de,setMax:At,swapTokens:Pt,submit:dt,confirmTerms:N,cancelTerms:j,confirmApproval:J,cancelApproval:He,continueAfterApproval:Ge,back:Ro}}O(`.bf-root{--bf-bg: var(--ds-bg-default, #1e232e);--bf-surface: var(--ds-surface-medium, rgba(255, 255, 255, .05));--bf-surface-hover: var(--ds-surface-high, rgba(255, 255, 255, .08));--bf-border: var(--ds-border-default, rgba(255, 255, 255, .07));--bf-text-high: var(--ds-content-high, rgba(255, 255, 255, .85));--bf-text-medium: var(--ds-content-medium, rgba(255, 255, 255, .65));--bf-text-low: var(--ds-content-low, rgba(255, 255, 255, .4));--bf-toast-bg: #1e232e;--bf-toast-color: rgba(255, 255, 255, .85);position:relative;display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;background:var(--bf-bg);color:var(--ds-content-highest, #ffffff);font-family:inherit}[data-theme=dark].wi-popover-content .bf-root,[data-theme=dark].wi-drawer-content .bf-root{--bf-bg: var(--ds-bg-default, #121212);--bf-surface: var(--ds-surface-medium, rgba(255, 255, 255, .05));--bf-surface-hover: var(--ds-surface-high, rgba(255, 255, 255, .1));--bf-border: var(--ds-border-default, rgba(255, 255, 255, .05));--bf-text-high: var(--ds-content-high, rgba(255, 255, 255, .85));--bf-text-medium: var(--ds-content-medium, rgba(255, 255, 255, .7));--bf-text-low: var(--ds-content-low, rgba(255, 255, 255, .5))}[data-theme=light].wi-popover-content .bf-root,[data-theme=light].wi-drawer-content .bf-root{--bf-bg: var(--ds-bg-default, #ffffff);--bf-surface: var(--ds-surface-medium, rgba(18, 18, 18, .05));--bf-surface-hover: var(--ds-surface-high, rgba(18, 18, 18, .1));--bf-border: var(--ds-border-default, rgba(18, 18, 18, .05));--bf-text-high: var(--ds-content-high, rgba(18, 18, 18, .85));--bf-text-medium: var(--ds-content-medium, rgba(18, 18, 18, .7));--bf-text-low: var(--ds-content-low, rgba(18, 18, 18, .5))}.bf-root[data-view=history]{background:var(--ds-bg-dim, #f5f7fa);color:var(--ds-content-high, rgba(0, 0, 0, .85))}.bf-header{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--bf-border);background:var(--ds-bg-default, var(--bf-bg));box-sizing:border-box}.bf-root[data-view=history] .bf-header{padding:24px;border-bottom-color:var(--ds-border-default, rgba(0, 0, 0, .07));background:var(--ds-surface-default, #ffffff)}.bf-header-btn{display:inline-flex;width:24px;height:24px;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer;transition:color .15s ease}.bf-header-btn:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.bf-header .bf-header-btn:last-child{position:absolute;top:24px;right:24px}.bf-header-title{position:absolute;left:50%;transform:translate(-50%);font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--bf-text-high);white-space:nowrap}.bf-root[data-view=history] .bf-header-title{color:var(--ds-content-highest, #000000)}.bf-body,.bf-history-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;box-sizing:border-box}.bf-body{padding:24px}.bf-history-body{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--ds-bg-dim, #f5f7fa)}.bf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.bf-chip{display:inline-flex;align-items:center;gap:4px;min-height:33px;padding:6px 8px;border:0;border-radius:12px;background:var(--bf-surface);color:var(--bf-text-medium);font:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer}.bf-chip:hover{color:var(--bf-text-high);background:var(--bf-surface-hover)}.bf-chip-history{position:relative}.bf-chip-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:999px;background:var(--ds-system-red-default, #da0b2e)}.bf-swap-card{position:relative;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.bf-field-error{margin-top:-4px;color:var(--ds-system-red-default, #ff2b5f);font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0}.bf-amount-panel{display:flex;min-height:110px;flex-direction:column;gap:8px;padding:16px;border:1px solid transparent;border-radius:12px;background:var(--bf-surface);box-sizing:border-box;transition:border-color .2s ease}.bf-amount-panel:hover{border-color:var(--bf-border)}.bf-amount-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--bf-text-high);font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-balance{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;color:var(--bf-text-low);font-size:12px;white-space:nowrap}.bf-max-btn{padding:0;border:0;background:transparent;color:var(--bf-text-medium);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.bf-amount-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.bf-amount-input-wrap{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.bf-amount-input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--bf-text-high);font:inherit;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.01em;outline:none}.bf-amount-input::placeholder{color:var(--ds-content-lowest, rgba(0, 0, 0, .25))}.bf-amount-usd{color:var(--bf-text-low);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-token-pill{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;min-height:33px;padding:6px 8px 6px 6px;border:1px solid var(--bf-border);border-radius:9999px;background:var(--bf-bg);color:var(--bf-text-high);font:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer}.bf-token-pill:hover:not(:disabled){background:var(--bf-surface-hover)}.bf-token-pill:disabled{cursor:default;opacity:.6}.bf-token-icon{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:0;background:var(--ds-accent-primary-default, #00ceb2);color:var(--ds-accent-primary-on, #000000);font-size:11px;font-weight:700}.bf-token-icon[data-has-image=true]{background:transparent}.bf-token-icon img{width:100%;height:100%;border-radius:0;object-fit:cover}.bf-token-fallback{line-height:1}.bf-token-picker-overlay{--bf-bg: #1e232e;--bf-surface: rgba(255, 255, 255, .05);--bf-surface-hover: rgba(255, 255, 255, .08);--bf-border: rgba(255, 255, 255, .07);--bf-text-high: rgba(255, 255, 255, .85);--bf-text-medium: rgba(255, 255, 255, .65);--bf-text-low: rgba(255, 255, 255, .4);position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000085;pointer-events:auto;box-sizing:border-box}.bf-token-picker-overlay[data-theme=light]{--bf-bg: #ffffff;--bf-surface: rgba(18, 18, 18, .05);--bf-surface-hover: rgba(18, 18, 18, .08);--bf-border: rgba(18, 18, 18, .07);--bf-text-high: rgba(18, 18, 18, .85);--bf-text-medium: rgba(18, 18, 18, .65);--bf-text-low: rgba(18, 18, 18, .4)}.bf-token-picker{display:flex;width:min(480px,calc(100vw - 48px));height:min(466px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);min-height:0;flex-direction:column;overflow:hidden;border:1px solid var(--bf-border);border-radius:24px;background:var(--bf-bg);color:var(--bf-text-high);box-shadow:0 24px 80px #0006;box-sizing:border-box}.bf-token-picker-handle{display:none}.bf-token-picker-head{position:relative;display:flex;min-height:73px;flex-shrink:0;align-items:center;justify-content:flex-start;padding:24px 56px 24px 24px;border-bottom:1px solid var(--bf-border);box-sizing:border-box}.bf-token-picker-head h3{margin:0;color:var(--bf-text-high);font-size:20px;font-weight:600;line-height:1.25;letter-spacing:0}.bf-token-picker-close{position:absolute;top:24px;right:24px;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--bf-text-medium);cursor:pointer}.bf-token-picker-close:hover{color:var(--bf-text-high)}.bf-token-search{display:flex;min-height:48px;flex-shrink:0;align-items:center;gap:8px;margin:16px 24px;padding:12px 16px;border:1px solid transparent;border-radius:12px;background:var(--ds-surface-medium, rgba(18, 18, 18, .05));color:var(--bf-text-low);box-sizing:border-box}.bf-token-search:focus-within{border-color:var(--ds-accent-primary-default, #00ceb2)}.bf-token-search input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--bf-text-high);font:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0}.bf-token-search input::placeholder{color:var(--bf-text-low)}.bf-token-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;padding:0 24px 24px;scrollbar-width:thin;box-sizing:border-box}.bf-token-row{position:relative;display:flex;width:100%;min-height:69px;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box}.bf-token-row:hover:not([data-selected=true]){background:var(--ds-surface-medium, rgba(18, 18, 18, .05))}.bf-token-row[data-selected=true]{border-color:var(--ds-accent-primary-default, #00b4b7);background:var(--ds-surface-medium, rgba(18, 18, 18, .05))}.bf-token-row-left{display:inline-flex;min-width:0;align-items:center;gap:16px}.bf-token-meta{display:flex;min-width:0;flex-direction:column}.bf-token-symbol{overflow:hidden;color:var(--bf-text-high);font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.bf-token-name{overflow:hidden;color:var(--bf-text-low);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.bf-token-row-right{display:flex;min-width:86px;max-width:42%;flex-shrink:0;flex-direction:column;align-items:flex-end}.bf-token-balance,.bf-token-price{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-token-balance{color:var(--bf-text-high);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0}.bf-token-price{color:var(--bf-text-low);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0}.bf-token-row[data-selected=true] .bf-token-symbol{color:var(--bf-text-high)}.bf-token-row[data-selected=true] .bf-token-balance{color:var(--bf-text-high);font-size:16px}.bf-token-row[data-selected=true] .bf-token-price{color:var(--bf-text-low);font-size:14px}.bf-token-empty{padding:32px 16px;color:var(--bf-text-low);font-size:14px;font-weight:500;line-height:1.5;text-align:center}.bf-slippage-overlay{position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000085;pointer-events:auto;box-sizing:border-box}.bf-slippage-dialog{display:flex;width:min(480px,calc(100vw - 48px));height:min(316px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);min-height:0;flex-direction:column;overflow:hidden;border:1px solid var(--ds-border-medium, rgba(0, 0, 0, .18));border-radius:24px;background:var(--ds-surface-default, #ffffff);color:var(--ds-content-highest, #000000);box-shadow:var(--ds-shadow-modal, 0 4px 30px -1px rgba(0, 0, 0, .15));box-sizing:border-box}.bf-slippage-head{position:relative;display:flex;min-height:73px;flex-shrink:0;align-items:center;justify-content:flex-start;padding:24px 56px 24px 24px;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));background:var(--ds-surface-default, #ffffff);box-sizing:border-box}.bf-slippage-head h3{margin:0;color:var(--ds-content-highest, #000000);font-size:20px;font-weight:600;line-height:1.25;letter-spacing:0}.bf-slippage-close{position:absolute;top:24px;right:24px;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer}.bf-slippage-close:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.bf-slippage-body{display:flex;flex:1;min-height:0;flex-direction:column;gap:24px;padding:24px;box-sizing:border-box}.bf-slippage-desc{margin:0;color:var(--ds-content-medium, rgba(0, 0, 0, .65));font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-slippage-controls{display:flex;flex-direction:column;gap:12px;width:100%}.bf-slippage-presets{display:flex;gap:8px;width:100%}.bf-slippage-preset{appearance:none;display:inline-flex;flex:1 1 0;min-width:0;min-height:48px;align-items:center;justify-content:center;padding:12px 8px;border:1px solid transparent;border-radius:12px;background:var(--ds-surface-medium, #f5f7fa);color:var(--ds-content-medium, rgba(0, 0, 0, .65));font:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer;box-sizing:border-box}.bf-slippage-preset:hover,.bf-slippage-preset[data-selected=true]{border-color:var(--ds-accent-primary-default, #00b4b7);background:var(--ds-accent-primary-low, #e7f9f8)}.bf-slippage-custom{display:flex;min-height:48px;align-items:center;gap:8px;padding:12px;border:1px solid transparent;border-radius:12px;background:var(--ds-surface-medium, #f5f7fa);color:var(--ds-content-high, rgba(0, 0, 0, .85));box-sizing:border-box}.bf-slippage-custom:focus-within,.bf-slippage-custom[data-selected=true]{border-color:var(--ds-accent-primary-default, #00b4b7)}.bf-slippage-custom input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--ds-content-high, rgba(0, 0, 0, .85));font:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-slippage-custom input::placeholder{color:var(--ds-content-lowest, rgba(0, 0, 0, .25))}.bf-slippage-custom span:not(.bf-sr-only){flex-shrink:0;color:var(--ds-content-high, rgba(0, 0, 0, .85));font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-slippage-apply{appearance:none;margin-top:auto;width:100%;min-height:48px;padding:12px;border:0;border-radius:12px;background:var(--ds-accent-primary-default, #00b4b7);color:var(--ds-accent-primary-on-primary, #ffffff);font:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer;box-sizing:border-box}.bf-slippage-apply:hover{filter:brightness(.96)}.bf-action-modal-overlay{--bf-bg: var(--ds-bg-default, #1e232e);--bf-surface: var(--ds-surface-medium, rgba(255, 255, 255, .05));--bf-surface-hover: var(--ds-surface-high, rgba(255, 255, 255, .08));--bf-border: var(--ds-border-default, rgba(255, 255, 255, .12));--bf-text-high: var(--ds-content-high, rgba(255, 255, 255, .92));--bf-text-medium: var(--ds-content-medium, rgba(255, 255, 255, .65));--bf-text-low: var(--ds-content-low, rgba(255, 255, 255, .4));position:fixed;inset:0;z-index:100003;display:flex;align-items:center;justify-content:center;padding:24px;background:#040912b8;pointer-events:auto;box-sizing:border-box}.bf-action-modal-overlay[data-theme=light]{--bf-bg: var(--ds-bg-default, #ffffff);--bf-surface: var(--ds-surface-medium, rgba(18, 18, 18, .05));--bf-surface-hover: var(--ds-surface-high, rgba(18, 18, 18, .1));--bf-border: var(--ds-border-default, rgba(18, 18, 18, .08));--bf-text-high: var(--ds-content-high, rgba(18, 18, 18, .85));--bf-text-medium: var(--ds-content-medium, rgba(18, 18, 18, .65));--bf-text-low: var(--ds-content-low, rgba(18, 18, 18, .4))}.bf-action-modal{display:flex;width:min(480px,calc(100vw - 48px));flex-direction:column;align-items:center;gap:24px;padding:48px 24px 24px;border:1px solid var(--bf-border);border-radius:24px;background:var(--bf-bg);color:#fff;box-shadow:0 24px 80px #00000073;box-sizing:border-box}.bf-action-modal h3{width:100%;margin:0;color:var(--bf-text-high);font-size:24px;font-weight:700;line-height:1.25;text-align:center;letter-spacing:0}.bf-action-modal-desc{max-width:380px;margin:0;color:var(--bf-text-low);font-size:15px;font-weight:500;line-height:1.45;text-align:center;letter-spacing:0}.bf-terms-check-row{display:grid;width:100%;min-height:56px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:12px;background:var(--bf-surface);color:var(--bf-text-medium);font-size:16px;font-weight:700;line-height:1.4;box-sizing:border-box;cursor:pointer;touch-action:manipulation;user-select:none}.bf-terms-check-button{appearance:none;display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.bf-terms-check-button:focus-visible .bf-terms-checkbox{outline:2px solid var(--ds-accent-primary-default, #00ceb2);outline-offset:2px}.bf-terms-checkbox{position:relative;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border:1px solid rgba(124,143,180,.72);border-radius:5px;background:transparent;box-sizing:border-box}.bf-terms-checkbox[data-checked=true]{border-color:var(--ds-accent-primary-default, #00ceb2);background:var(--ds-accent-primary-default, #00ceb2)}.bf-terms-checkbox[data-checked=true]:after{width:8px;height:4px;border:solid var(--ds-accent-primary-on, #000000);border-width:0 0 2px 2px;content:"";transform:rotate(-45deg) translate(1px,-1px)}.bf-terms-check-row a{position:relative;z-index:1;color:var(--ds-accent-primary-default, #00ceb2);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.bf-terms-privacy{max-width:380px;margin:0;color:var(--bf-text-low);font-size:15px;font-weight:500;line-height:1.45;text-align:center;letter-spacing:0}.bf-action-primary,.bf-action-secondary{display:inline-flex;width:100%;min-height:56px;align-items:center;justify-content:center;padding:14px 16px;border:0;border-radius:12px;font:inherit;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:0;cursor:pointer}.bf-action-primary{background:var(--ds-accent-primary-default, #00ceb2);color:var(--ds-accent-primary-on, #000000)}.bf-action-primary:disabled{cursor:not-allowed;opacity:.35}.bf-action-primary[aria-busy=true]{gap:8px;opacity:1}.bf-action-button-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.22);border-top-color:currentColor;border-right-color:currentColor;border-radius:999px;animation:bf-loading-spin .9s linear infinite}.bf-action-secondary{background:var(--bf-surface);color:var(--bf-text-low)}.bf-action-secondary:disabled{cursor:not-allowed;opacity:.5}.bf-approve-address-box{display:flex;width:100%;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--bf-border);border-radius:12px;background:var(--bf-surface);box-sizing:border-box}.bf-approve-address-box>span{color:var(--bf-text-low);font-size:14px;font-weight:700;line-height:1.4}.bf-approve-address-box>div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.bf-approve-address-box strong{min-width:0;overflow:hidden;color:var(--bf-text-high);font-size:15px;font-weight:500;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.bf-copy-button{flex-shrink:0;min-width:48px;min-height:32px;padding:6px 10px;border:1px solid rgba(0,206,178,.65);border-radius:8px;background:transparent;color:var(--ds-accent-primary-default, #00ceb2);font:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer}.bf-copy-button:disabled{cursor:not-allowed;opacity:.45}.bf-action-buttons{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:12px}.bf-approval-success-modal{gap:28px}.bf-success-mark{position:relative;display:inline-flex;width:96px;height:96px;flex-shrink:0;align-items:center;justify-content:center;border:12px solid rgba(0,206,178,.12);border-radius:999px;background:#00ceb2a8;box-shadow:0 0 0 10px #00ceb20f;box-sizing:border-box}.bf-success-mark:after{width:34px;height:18px;border:solid #ffffff;border-width:0 0 6px 6px;content:"";transform:rotate(-45deg) translate(2px,-3px)}.bf-status-toast{position:absolute;right:16px;bottom:14px;left:16px;z-index:5;display:flex;align-items:center;gap:12px;min-height:52px;padding:12px;border-radius:12px;background:var(--bf-toast-bg, #1e232e);color:var(--bf-toast-color, rgba(255, 255, 255, .85));box-shadow:0 8px 24px #0000003d;box-sizing:border-box}.bf-status-toast-icon{display:inline-flex;width:28px;height:28px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px}.bf-status-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--ds-accent-primary-default, #00ceb2);border-right-color:var(--ds-accent-primary-default, #00ceb2);border-radius:999px;animation:bf-loading-spin .9s linear infinite}.bf-status-check{position:relative;width:20px;height:20px;border-radius:999px;background:var(--ds-accent-primary-default, #00ceb2)}.bf-status-check:after{position:absolute;top:6px;left:5px;width:8px;height:4px;border:solid var(--ds-accent-primary-on, #000000);border-width:0 0 2px 2px;content:"";transform:rotate(-45deg)}.bf-status-toast-copy{display:flex;min-width:0;flex:1;flex-direction:column}.bf-status-toast-copy strong,.bf-status-toast-copy span{overflow:hidden;text-overflow:ellipsis}.bf-status-toast-copy strong{color:var(--ds-content-inverted, #ffffff);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em}.bf-status-toast-copy span{color:var(--ds-content-inverted, #ffffff);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:-.01em}.bf-status-toast[data-variant=success] .bf-status-toast-copy span{color:var(--ds-accent-primary-on-inverted, #00e8c9)}.bf-status-toast[data-variant=error]{border:1px solid rgba(255,43,95,.28);background:var(--bf-toast-bg, #1e232e)}.bf-status-toast[data-variant=error] .bf-status-toast-copy strong{color:#fff}.bf-status-error-mark{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:var(--ds-system-red-default, #ff2b5f);color:#fff;font-size:14px;font-weight:700;line-height:1}.bf-status-toast[data-variant=error] .bf-status-toast-copy span{color:#ffffffe0}.bf-success-overlay{--bf-bg: var(--ds-bg-default, #1e232e);--bf-border: var(--ds-border-default, rgba(255, 255, 255, .12));--bf-text-high: var(--ds-content-high, rgba(255, 255, 255, .92));--bf-text-medium: var(--ds-content-medium, rgba(255, 255, 255, .65));position:fixed;inset:0;z-index:100003;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;pointer-events:auto;box-sizing:border-box}.bf-success-overlay[data-theme=light]{--bf-bg: #ffffff;--bf-border: rgba(18, 18, 18, .08);--bf-text-high: rgba(18, 18, 18, .85);--bf-text-medium: rgba(18, 18, 18, .65);--bf-text-low: rgba(18, 18, 18, .4)}.bf-success-modal{display:flex;width:min(480px,calc(100vw - 48px));flex-direction:column;overflow:hidden;border:1px solid var(--bf-border);border-radius:24px;background:var(--bf-bg);color:var(--bf-text-high);box-shadow:0 24px 80px #00000073;box-sizing:border-box}.bf-success-head{display:flex;min-height:73px;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));box-sizing:border-box}.bf-success-head h3{min-width:0;margin:0;overflow:hidden;color:var(--ds-content-highest, #000000);font-size:20px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.bf-success-close{display:inline-flex;width:24px;height:24px;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer}.bf-success-close:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.bf-success-body{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 24px 24px;box-sizing:border-box}.bf-success-copy{display:flex;width:100%;flex-direction:column;align-items:center;gap:4px;color:var(--bf-text-medium);text-align:center}.bf-success-copy strong{color:var(--bf-text-high);font-size:24px;font-weight:700;line-height:1.25;letter-spacing:0}.bf-success-copy span{color:var(--bf-text-medium);font-size:15px;font-weight:500;line-height:1.5;letter-spacing:0}.bf-success-route{display:flex;align-items:center;justify-content:center;gap:12px}.bf-success-route .bf-token-icon{width:48px!important;height:48px!important;background:transparent;font-size:18px}.bf-success-route-arrow{color:var(--bf-text-low);font-size:24px;font-weight:500;line-height:1}.bf-success-ok{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;padding:12px;border:0;border-radius:12px;background:#00b4b7e0;color:#fff;font:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer}@media(max-width:767px){.bf-success-body{padding:40px 24px 24px}.bf-success-copy strong{font-size:22px}.bf-success-copy span{font-size:14px}.bf-success-mark{width:88px;height:88px}.bf-success-route .bf-token-icon{width:44px!important;height:44px!important}}@keyframes bf-loading-spin{to{transform:rotate(360deg)}}.bf-swap-toggle{position:absolute;top:100px;left:50%;z-index:1;display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border:0;border-radius:9999px;background:var(--ds-accent-primary-default, #00ceb2);color:var(--ds-accent-primary-on, #000000);box-shadow:0 1px 5px #0000001f;cursor:pointer}.bf-swap-card[data-has-from-error=true] .bf-swap-toggle{top:132px}.bf-details{display:flex;flex-direction:column;gap:24px}.bf-exchange-rate{display:flex;width:100%;align-items:center;justify-content:center;gap:4px;padding:0 0 24px;border:0;background:transparent;color:var(--bf-text-low);font:inherit;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em;cursor:pointer}.bf-exchange-rate:hover{color:var(--bf-text-medium)}.bf-detail-section,.bf-history-card{display:flex;flex-direction:column;gap:12px;padding:0;border-radius:12px;background:transparent;box-sizing:border-box}.bf-liquidity{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:var(--bf-surface);box-sizing:border-box}.bf-root[data-view=history] .bf-liquidity,.bf-root[data-view=history] .bf-detail-section,.bf-root[data-view=history] .bf-history-card{background:var(--ds-surface-default, #ffffff)}.bf-detail-section h3{margin:0;color:var(--bf-text-high);font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em}.bf-tx-fee-section{gap:12px}.bf-tx-fee-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bf-collapse-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.bf-detail-section[data-open=true] .bf-collapse-head{padding-bottom:12px;border-bottom:1px solid var(--bf-border)}.bf-collapse-chevron{flex-shrink:0;color:var(--bf-text-low);transition:transform .2s ease}.bf-detail-section[data-open=true] .bf-collapse-chevron{transform:rotate(180deg)}.bf-collapse-body{display:flex;flex-direction:column;gap:14px}.bf-root[data-view=history] .bf-detail-section[data-open=true] .bf-collapse-head{border-bottom-color:var(--ds-border-default, rgba(0, 0, 0, .07))}.bf-root[data-view=history] .bf-collapse-chevron{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.bf-tx-fee-total{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;color:var(--bf-text-medium);font-size:14px;font-weight:600;line-height:1.4;text-align:right}.bf-tx-fee-total>span:last-child[data-delegated=true]{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:currentColor}.bf-fee-delegated{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 8px;border-radius:6px;background:#379cff2e;color:#4eb3ff;font-size:10px;font-weight:500;line-height:1.3;white-space:nowrap}.bf-tx-fee-token{width:16px;height:16px;flex-shrink:0;border-radius:999px;object-fit:cover}.bf-info-card{gap:14px}.bf-info-section{display:flex;flex-direction:column;gap:10px}.bf-info-section+.bf-info-section{padding-top:2px}.bf-info-section h4{margin:0;color:var(--bf-text-high);font-size:14px;font-weight:600;line-height:1.5}.bf-root[data-view=history] .bf-detail-section h3,.bf-root[data-view=history] .bf-info-section h4{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.bf-info-rows{display:flex;flex-direction:column;gap:8px}.bf-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-liquidity-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-info-label{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--bf-text-low)}.bf-tree-marker{width:10px;flex-shrink:0;color:var(--bf-text-low)}.bf-info-value{min-width:0;color:var(--bf-text-medium);text-align:right}.bf-info-route,.bf-info-value-token{display:inline-flex;align-items:center;gap:4px}.bf-info-route .bf-token-icon,.bf-info-value-token .bf-token-icon{flex-shrink:0}.bf-info-route-arrow{color:var(--bf-text-medium)}.bf-root[data-view=history] .bf-info-route-arrow{color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.bf-info-value[data-tone=accent]{color:var(--ds-accent-primary-high, #00a0a2)}.bf-info-value[data-tone=warning]{color:var(--ds-system-orange-high, #e56f00)}.bf-root[data-view=history] .bf-info-label,.bf-root[data-view=history] .bf-liquidity-head,.bf-root[data-view=history] .bf-tree-marker{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.bf-root[data-view=history] .bf-info-value{color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.bf-root[data-view=history] .bf-info-value[data-tone=accent]{color:var(--ds-accent-primary-high, #00a0a2)}.bf-root[data-view=history] .bf-info-value[data-tone=warning]{color:var(--ds-system-orange-high, #e56f00)}.bf-liquidity-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap}.bf-liquidity-status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.bf-liquidity-status[data-status=normal],.bf-liquidity-status:not([data-status]){background:#00ceb21f;color:var(--ds-accent-primary-default, #00ceb2)}.bf-liquidity-status[data-status=normal]:before,.bf-liquidity-status:not([data-status]):before{background:var(--ds-accent-primary-default, #00ceb2)}.bf-liquidity-status[data-status=low]{background:#e56f001f;color:#e56f00}.bf-liquidity-status[data-status=low]:before{background:#e56f00}.bf-liquidity-status[data-status=rebalancing]{background:#da0b2e1a;color:#da0b2e}.bf-liquidity-status[data-status=rebalancing]:before{background:#da0b2e}.bf-liquidity-track{height:8px;overflow:hidden;border-radius:999px;background:var(--bf-surface-hover)}.bf-liquidity-track span{display:block;height:100%;border-radius:inherit;background:var(--ds-accent-primary-default, #00ceb2)}.bf-liquidity-value{color:var(--bf-text-low);font-size:12px}.bf-error{padding:12px;border-radius:12px;background:#da0b2e1f;color:var(--ds-system-red-default, #da0b2e);font-size:13px;line-height:1.4}.bf-footer{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:10px;padding:12px 24px 24px;background:var(--ds-bg-default, var(--bf-bg))}.bf-next{width:100%;min-height:48px;padding:12px;border:0;border-radius:12px;background:var(--ds-accent-primary-default, #00ceb2);color:var(--ds-accent-primary-on, #000000);font:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer}.bf-next:disabled{cursor:default;opacity:.6}.bf-powered{display:inline-flex;align-items:center;gap:3px;color:var(--bf-text-low);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em;text-decoration:none}.bf-powered:focus-visible{border-radius:4px;outline:2px solid var(--ds-accent-primary-default, #00ceb2);outline-offset:2px}.bf-powered-brand{text-decoration:underline;text-underline-offset:2px}.bf-history-tabs{display:flex;align-items:center;gap:4px;width:100%}.bf-history-tab{position:relative;display:inline-flex;min-height:37px;align-items:center;justify-content:center;padding:8px 12px;border:0;background:transparent;color:var(--ds-content-lowest, rgba(0, 0, 0, .25));font:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;cursor:pointer}.bf-history-tab[data-active=true]{color:var(--ds-accent-primary-high, #00a0a2)}.bf-history-tab[data-active=true]:after{position:absolute;right:8px;bottom:0;left:8px;height:3px;border-radius:999px;background:var(--ds-accent-primary-high, #00a0a2);content:""}.bf-history-tab-dot{position:absolute;top:8px;right:4px;width:6px;height:6px;border-radius:999px;background:var(--ds-system-red-default, #da0b2e)}.bf-history-list{display:flex;flex-direction:column;gap:12px}.bf-history-item{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--ds-surface-default, #ffffff);box-sizing:border-box}.bf-history-item-head,.bf-history-meta,.bf-history-route,.bf-history-route-token{display:inline-flex;align-items:center}.bf-history-item-head{justify-content:space-between;gap:12px;width:100%}.bf-history-status{display:inline-flex;min-height:24px;align-items:center;justify-content:center;padding:3px 8px;border-radius:4px;background:var(--ds-system-orange-low, #fcf5e9);color:var(--ds-system-orange-high, #e56f00);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;white-space:nowrap}.bf-history-status[data-status=completed]{background:var(--ds-system-green-low, #e7f9f8);color:var(--ds-system-green-high, #00a0a2)}.bf-history-status[data-status=failed]{background:var(--ds-system-red-low, rgba(218, 11, 46, .12));color:var(--ds-system-red-default, #da0b2e)}.bf-history-time{min-width:0;color:var(--ds-content-low, rgba(0, 0, 0, .4));font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;text-align:right;white-space:nowrap}.bf-history-item-body{display:flex;flex-direction:column;gap:4px}.bf-history-amount{color:var(--ds-content-high, rgba(0, 0, 0, .85));font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0}.bf-history-meta{justify-content:space-between;gap:12px;min-width:0}.bf-history-usd{min-width:0;color:var(--ds-content-low, rgba(0, 0, 0, .4));font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-history-route{justify-content:flex-end;gap:4px;min-width:0;color:var(--ds-content-high, rgba(0, 0, 0, .85));font-size:12px;font-weight:600;line-height:1.5;letter-spacing:0}.bf-history-route-token{gap:4px;min-width:0}.bf-history-route-token span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-history-route-arrow{flex-shrink:0;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.bf-empty{padding:32px 16px;text-align:center;color:var(--ds-content-low, rgba(0, 0, 0, .4));font-size:14px}.bf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.bf-token-picker-overlay{align-items:flex-end;padding:0}.bf-token-picker{width:100%;max-height:82dvh;min-height:min(520px,82dvh);border-right:0;border-bottom:0;border-left:0;border-radius:24px 24px 0 0}.bf-token-picker-handle{display:block;width:40px;height:4px;flex-shrink:0;align-self:center;margin:10px 0 0;border-radius:999px;background:#ffffff38}.bf-token-picker-head{min-height:55px;padding:12px 56px 16px 24px;border-bottom:0}.bf-token-picker-close{top:13px}.bf-token-search{margin:0 16px 12px}.bf-token-list{padding:0 16px 16px}.bf-slippage-overlay{align-items:flex-end;padding:0}.bf-slippage-dialog{width:100%;height:auto;min-height:316px;max-height:82dvh;border-right:0;border-bottom:0;border-left:0;border-radius:24px 24px 0 0}}.wi-drawer-content .bf-header{padding:16px}.wi-drawer-content .bf-header .bf-header-btn:last-child{top:16px;right:16px}.wi-drawer-content .bf-body,.wi-drawer-content .bf-history-body{padding:16px}
|
|
10
|
-
`);import{Fragment as gr,jsx as p,jsxs as x}from"react/jsx-runtime";var $a=S.createContext(void 0);function bn(){return S.useContext($a)}function Dc(e){let[t,n]=S.useState(void 0);return S.useEffect(()=>{let o=e.current;if(!o)return;let r=()=>{let i=o.closest("[data-theme]");n(i?.getAttribute("data-theme")??void 0)};r();let a=new MutationObserver(r);return a.observe(document.documentElement,{attributes:!0,subtree:!0,attributeFilter:["data-theme"]}),()=>a.disconnect()},[e]),t}var Wa=[{value:"auto",label:"Auto"},{value:"0.1",label:"0.1%"},{value:"0.5",label:"0.5%"},{value:"1",label:"1%"}],Hc={dev:"https://dev.crossdefi.io",stage:"https://stg.crossdefi.io",production:"https://crossdefi.io"},Gc=[{value:"all",label:"ALL"},{value:"completed",label:"Completed"},{value:"pending",label:"Pending"}];function Uc(e){return e==="auto"?"Auto":e?`${e}%`:"0.5%"}function Da(e){let t=e.replace(/[^\d.]/g,""),[n="",...o]=t.split("."),r=o.join("");return o.length===0?n:`${n}.${r.slice(0,2)}`}function $c(e){return`${e.chainId}:${e.address.toLowerCase()}`}function ja(e){let t=Number(e);return Number.isFinite(t)?t.toLocaleString("en-US",{maximumFractionDigits:t>=1?2:6}):e||"0"}function Ha(e,t){let n=Number(e||"0"),o=t?.priceUsd??0;return`\u2248 $${(Number.isFinite(n)?n*o:0).toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})} USD`}function jc(e){if(e.priceUsd===void 0)return null;let t=new Ut(e.balance||"0");return t.isFinite()?`\u2248 $${t.multipliedBy(e.priceUsd).toFormat(2)} USD`:null}function Vc(e){if(e.priceUsd===void 0)return null;let t=new Ut(e.priceUsd);return t.isFinite()?`$${t.toFormat(t.isLessThan(1)?4:2)}`:null}function Va(e){if(!e.isFinite()||e.isNaN())return"0";let n=e.decimalPlaces(6,Ut.ROUND_DOWN).toFixed(6).replace(/\.?0+$/,""),[o="0",r]=n.split("."),a=new Ut(o||"0").toFormat(0);return r?`${a}.${r}`:a}function qc(e){return e.length<=14?e:`${e.slice(0,6)}...${e.slice(-6)}`}function Kc(e){let t=new Date(e);if(Number.isNaN(t.getTime()))return e;let n=o=>o.toString().padStart(2,"0");return[`${t.getFullYear()}-${n(t.getMonth()+1)}-${n(t.getDate())}`,`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}`].join(" ")}function Qc(e){let t=new Ut(e||"0");return!t.isFinite()||t.isNaN()?e||"0":Va(t)}function Zc(e,t){if(t?.priceUsd===void 0)return null;let n=new Ut(e||"0").multipliedBy(t.priceUsd);return!n.isFinite()||n.isNaN()?null:`$${n.toFormat(2)}`}function uo(e){return e.status==="success"?"completed":e.status==="failed"?"failed":"pending"}function Yc(e,t){return t==="all"?!0:uo(e)===t}function Xc(e){return e==="completed"?"Completed":e==="failed"?"Failed":"Pending"}function Ga(e){return e===56||e===97?"BSC":e===612044||e===5555?"CROSS":`Chain ${e}`}function qa(e,t){return!!e&&!!t&&e.chainId===t.chainId&&e.address.toLowerCase()===t.address.toLowerCase()}function Ka(e,t){if(!(!e||!t))return e.chainId===t.chainId?"swap":qa(e,t)||e.symbol.toLowerCase()===t.symbol.toLowerCase()?"bridge":"swap-bridge"}function Qa(e){return e==="swap"||e==="deposit-swap"||e==="swap-withdraw"}function fo(e){return!e||e==="0"||Number(e)===0}function Jc(e){let t=e.trim().toLowerCase();return t?t.startsWith("minimum ")?{from:e}:t.startsWith("available ")&&t.includes("or more")?{to:e}:t.includes("insufficient balance")||t.includes("not enough balance")||t.includes("exceeds balance")?{from:e}:t.includes("insufficient liquidity")||t.includes("not enough liquidity")?{to:e}:{}:{}}function ed(e){let t=e.fromToken,n=e.toToken,o=Ka(t,n),r=e.fromAmount||"0",a=e.toAmount||"0",i=o!==void 0&&!Qa(o),s=o!==void 0&&o!=="bridge";return{pathType:o,bridgeInfo:i?[{label:"Route",value:t&&n?`${Ga(t.chainId)} \u2192 ${Ga(n.chainId)}`:"-"},{label:"Validator Fee",value:fo(r)?"0":"Free",tone:fo(r)?"default":"accent"},{label:"Network Fee",value:fo(r)?"0":"Free",tone:fo(r)?"default":"accent"}]:void 0,swapInfo:s?[t&&n?{label:"Route",value:"",routeTokens:[{symbol:t.symbol,iconUrl:t.iconUrl},{symbol:n.symbol,iconUrl:n.iconUrl}]}:{label:"Route",value:"-"},{label:"Price Impact",value:"0%"},{label:"In Amount",value:r,valueToken:t?{symbol:t.symbol,iconUrl:t.iconUrl}:void 0},{label:"Swap Fee",value:"0",valueToken:t?{symbol:t.symbol,iconUrl:t.iconUrl}:void 0},{label:"Out Amount",value:a,valueToken:n?{symbol:n.symbol,iconUrl:n.iconUrl}:void 0}]:void 0,txFee:[{label:"Priority Fee Per Gas",value:"0 Gwei"},{label:"Max Fee Per Gas",value:"0 Gwei"},{label:"Gas Limit",value:"0"}],txFeeInfo:{estTxFee:"0",isDelegateFee:!1}}}function An({token:e,size:t=20}){let n=e?.iconUrl;return p("span",{className:"bf-token-icon","data-has-image":!!n?"true":"false",style:{width:t,height:t},children:n?p("img",{src:n,alt:"",width:t,height:t,draggable:!1}):p("span",{className:"bf-token-fallback",children:e?.symbol?.slice(0,1)??"?"})})}function Ua({label:e,token:t,amount:n,usd:o,onAmountChange:r,onTokenClick:a,onMax:i}){return x("section",{className:"bf-amount-panel",children:[x("div",{className:"bf-amount-head",children:[p("span",{children:e}),x("span",{className:"bf-balance",children:[ja(t?.balance??"0")," ",t?.symbol??"",i&&p("button",{type:"button",className:"bf-max-btn",onClick:i,children:"MAX"})]})]}),x("div",{className:"bf-amount-main",children:[x("label",{className:"bf-amount-input-wrap",children:[x("span",{className:"bf-sr-only",children:[e," amount"]}),p("input",{type:"text",inputMode:"decimal",value:n,onChange:s=>r(s.target.value),placeholder:"0",className:"bf-amount-input"}),p("span",{className:"bf-amount-usd",children:o})]}),x("button",{type:"button",className:"bf-token-pill",onClick:a,disabled:!a,"aria-label":`Select ${e.toLowerCase()} token`,children:[p(An,{token:t}),p("span",{children:t?.symbol??"Select"}),p(Kt,{size:16})]})]})]})}function td({flow:e,side:t,onClose:n}){let o=S.useId(),[r,a]=S.useState(""),[i,s]=S.useState(null),c=t==="from"?e.fromToken:e.toToken;S.useEffect(()=>{s(document.body)},[]),S.useEffect(()=>{let h=v=>{v.key==="Escape"&&n()};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[n]);let l=S.useMemo(()=>t==="from"?e.tokens:e.availableToTokens,[e.availableToTokens,e.tokens,t]),d=S.useMemo(()=>{let h=r.trim().toLowerCase();return h?l.filter(v=>v.symbol.toLowerCase().includes(h)||v.name.toLowerCase().includes(h)):l},[r,l]),u=S.useCallback(h=>{t==="from"?e.selectFromToken(h):e.selectToToken(h),n()},[e,n,t]);if(!i)return null;let g=bn();return hn(p("div",{className:"bf-token-picker-overlay","data-theme":g,role:"presentation",onMouseDown:h=>{h.target===h.currentTarget&&n()},children:x("section",{className:"bf-token-picker",role:"dialog","aria-modal":"true","aria-labelledby":o,children:[p("span",{className:"bf-token-picker-handle","aria-hidden":"true"}),x("header",{className:"bf-token-picker-head",children:[p("h3",{id:o,children:"Select a token"}),p("button",{type:"button",className:"bf-token-picker-close",onClick:n,"aria-label":"Close token selector",children:p(kt,{size:24})})]}),x("label",{className:"bf-token-search",children:[p(Ta,{size:20}),p("span",{className:"bf-sr-only",children:"Search tokens"}),p("input",{value:r,onChange:h=>a(h.target.value),placeholder:"Search Tokens",autoComplete:"off",spellCheck:!1})]}),x("div",{className:"bf-token-list",children:[d.map(h=>{let v=qa(h,c),k=v?Vc(h):jc(h);return x("button",{type:"button",className:"bf-token-row","data-selected":v?"true":"false",onClick:()=>u(h),children:[x("span",{className:"bf-token-row-left",children:[p(An,{token:h,size:40}),x("span",{className:"bf-token-meta",children:[p("span",{className:"bf-token-symbol",children:h.symbol}),!v&&p("span",{className:"bf-token-name",children:h.name})]})]}),x("span",{className:"bf-token-row-right",children:[x("span",{className:"bf-token-balance",children:[ja(h.balance),v?null:` ${h.symbol}`]}),k&&p("span",{className:"bf-token-price",children:k})]})]},$c(h))}),d.length===0&&p("div",{className:"bf-token-empty",children:"No tokens found"})]})]})}),i)}function nd({flow:e,onClose:t}){let n=S.useId(),[o,r]=S.useState(null),a=Wa.find(g=>g.value===e.slippage),[i,s]=S.useState(e.slippage&&!a?e.slippage:""),c=i.trim()!==""&&i.trim()!==".",l=g=>{e.setSlippage(g),t()},d=()=>{c&&(e.setSlippage(Da(i)),t())};if(S.useEffect(()=>{r(document.body)},[]),S.useEffect(()=>{let g=h=>{h.key==="Escape"&&t()};return document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g)},[t]),!o)return null;let u=bn();return hn(p("div",{className:"bf-slippage-overlay","data-theme":u,role:"presentation",onMouseDown:g=>{g.target===g.currentTarget&&t()},children:x("section",{className:"bf-slippage-dialog",role:"dialog","aria-modal":"true","aria-labelledby":n,children:[x("header",{className:"bf-slippage-head",children:[p("h3",{id:n,children:"Slippage Settings"}),p("button",{type:"button",className:"bf-slippage-close",onClick:t,"aria-label":"Close slippage settings",children:p(kt,{size:24})})]}),x("div",{className:"bf-slippage-body",children:[p("p",{className:"bf-slippage-desc",children:"The maximum price difference you are willing to accept before the transaction is reverted. Higher slippage increases the chance of execution but may result in a worse price."}),x("div",{className:"bf-slippage-controls",children:[p("div",{className:"bf-slippage-presets",children:Wa.map(g=>p("button",{type:"button",className:"bf-slippage-preset","data-selected":!c&&e.slippage===g.value?"true":"false",onClick:()=>l(g.value),children:g.label},g.value))}),x("label",{className:"bf-slippage-custom","data-selected":c?"true":"false",children:[p("span",{className:"bf-sr-only",children:"Custom slippage percent"}),p("input",{value:i,onChange:g=>{s(Da(g.target.value))},onKeyDown:g=>{g.key==="Enter"&&(g.preventDefault(),d())},inputMode:"decimal",placeholder:"Enter custom slippage",autoComplete:"off",spellCheck:!1}),p("span",{"aria-hidden":"true",children:"%"})]})]}),c&&p("button",{type:"button",className:"bf-slippage-apply",onClick:d,children:"Apply"})]})]})}),o)}function od({flow:e}){let t=S.useId(),[n,o]=S.useState(!1),[r,a]=S.useState(null),i=bn();return S.useEffect(()=>{a(document.body)},[]),S.useEffect(()=>{let s=c=>{c.key==="Escape"&&e.cancelTerms()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e]),!r||!e.termsOpen?null:hn(p("div",{className:"bf-action-modal-overlay","data-theme":i,role:"presentation",onPointerDown:s=>{s.target===s.currentTarget&&e.cancelTerms()},children:x("section",{className:"bf-action-modal bf-terms-modal",role:"dialog","aria-modal":"true","aria-labelledby":t,children:[p("h3",{id:t,children:"Agree to Terms of Service"}),p("p",{className:"bf-action-modal-desc",children:"Please make sure to review the Terms of Service before using CROSSD."}),x("div",{className:"bf-terms-check-row","data-checked":n?"true":"false",children:[x("button",{type:"button",className:"bf-terms-check-button",role:"checkbox","aria-checked":n,onClick:()=>o(s=>!s),children:[p("span",{className:"bf-terms-checkbox","data-checked":n?"true":"false","aria-hidden":"true"}),p("span",{children:"Agree to Terms of Use"})]}),e.termsUrl&&p("a",{href:e.termsUrl,target:"_blank",rel:"noreferrer",children:"Terms of Service"})]}),p("p",{className:"bf-terms-privacy",children:"I have read and acknowledged the Privacy Policy to use CROSSD"}),p("button",{type:"button",className:"bf-action-primary",disabled:!n||e.status==="submitting",onClick:e.confirmTerms,children:"Confirm"})]})}),r)}function rd({value:e,disabled:t=!1}){let[n,o]=S.useState(!1);return p("button",{type:"button",className:"bf-copy-button","aria-label":"Copy token address",disabled:t,onClick:()=>{t||navigator.clipboard?.writeText(e).then(()=>{o(!0),window.setTimeout(()=>o(!1),1200)})},children:n?"OK":"Copy"})}function id({flow:e,approval:t}){let n=S.useId(),[o,r]=S.useState(null),a=bn();if(S.useEffect(()=>{r(document.body)},[]),S.useEffect(()=>{let c=l=>{e.status!=="submitting"&&l.key==="Escape"&&e.cancelApproval()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[e]),!o)return null;let i=e.status==="submitting"||!e.approveBridge,s=e.status==="submitting";return hn(p("div",{className:"bf-action-modal-overlay","data-theme":a,role:"presentation",children:x("section",{className:"bf-action-modal bf-approve-modal",role:"dialog","aria-modal":"true","aria-labelledby":n,children:[x("h3",{id:n,children:["Approve ",t.token.symbol]}),p(An,{token:t.token,size:72}),x("div",{className:"bf-approve-address-box",children:[p("span",{children:"Token Address"}),x("div",{children:[p("strong",{children:t.tokenAddress}),p(rd,{value:t.tokenAddress,disabled:s})]})]}),x("div",{className:"bf-action-buttons",children:[p("button",{type:"button",className:"bf-action-secondary",onClick:e.cancelApproval,disabled:e.status==="submitting",children:"Cancel"}),x("button",{type:"button",className:"bf-action-primary",onClick:e.confirmApproval,disabled:i,"aria-busy":s,children:[s&&p("span",{className:"bf-action-button-spinner","aria-hidden":"true"}),p("span",{children:s?"Approving...":"Approve"})]})]})]})}),o)}function ad({flow:e}){let t=S.useId(),[n,o]=S.useState(null),r=bn();return S.useEffect(()=>{o(document.body)},[]),S.useEffect(()=>{if(!e.approvalSuccessOpen)return;let a=i=>{i.key==="Escape"&&e.cancelApproval()};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[e]),!n||!e.approvalSuccessOpen?null:hn(p("div",{className:"bf-action-modal-overlay","data-theme":r,role:"presentation",children:x("section",{className:"bf-action-modal bf-approval-success-modal",role:"dialog","aria-modal":"true","aria-labelledby":t,children:[p("h3",{id:t,children:"Approval Success"}),p("span",{className:"bf-success-mark","aria-hidden":"true"}),x("p",{className:"bf-action-modal-desc",children:["Token approval confirmed successfully.",p("br",{}),"Please continue to the next step."]}),x("div",{className:"bf-action-buttons",children:[p("button",{type:"button",className:"bf-action-secondary",onClick:e.cancelApproval,children:"Cancel"}),p("button",{type:"button",className:"bf-action-primary",onClick:e.continueAfterApproval,children:"Continue"})]})]})}),n)}function sd({fromAmount:e,toAmount:t,fromToken:n,toToken:o}){let[r,a]=S.useState(!1),i=S.useMemo(()=>{let l=new Ut(e||"0"),d=new Ut(t||"0");return!l.isFinite()||!d.isFinite()||l.lte(0)||d.lte(0)?null:r?l.dividedBy(d):d.dividedBy(l)},[e,r,t]);if(!i||!n||!o)return null;let s=r?o.symbol:n.symbol,c=r?n.symbol:o.symbol;return x("button",{type:"button",className:"bf-exchange-rate",onClick:()=>a(l=>!l),children:[x("span",{children:["1 ",s]}),p(Aa,{size:12}),x("span",{children:[Va(i)," ",c]})]})}function ld({flow:e}){return e.submitToast?x("div",{className:"bf-status-toast","data-variant":"processing",role:"status","aria-live":"polite",children:[p("span",{className:"bf-status-toast-icon","aria-hidden":"true",children:p("span",{className:"bf-status-spinner"})}),x("span",{className:"bf-status-toast-copy",children:[p("strong",{children:"Transaction Processing"}),p("span",{children:"Your transaction is being processed on the blockchain"})]})]}):null}function cd({message:e}){let[t,n]=S.useState(!1);return S.useEffect(()=>{if(!e){n(!1);return}n(!0);let o=window.setTimeout(()=>{n(!1)},3500);return()=>window.clearTimeout(o)},[e]),!e||!t?null:x("div",{className:"bf-status-toast","data-variant":"error",role:"alert","aria-live":"assertive",children:[p("span",{className:"bf-status-toast-icon","aria-hidden":"true",children:p("span",{className:"bf-status-error-mark",children:"!"})}),x("span",{className:"bf-status-toast-copy",children:[p("strong",{children:"Error"}),p("span",{children:e})]})]})}function dd(e){switch(e){case"swap":case"deposit-swap":case"swap-withdraw":return"Swap Transaction Sent";case"bridge":return"Bridge Transaction Sent";case"swap-bridge":return"Swap & Bridge Transaction Sent";case"bridge-swap":return"Bridge & Swap Transaction Sent";default:return"Transaction Sent"}}function pd({flow:e}){let t=S.useId(),[n,o]=S.useState(null),r=e.submitted,a=bn();return S.useEffect(()=>{o(document.body)},[]),S.useEffect(()=>{if(!e.successDialogOpen)return;let i=s=>{s.key==="Escape"&&e.dismissSuccessDialog()};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[e]),!n||!e.successDialogOpen||!r?null:hn(p("div",{className:"bf-success-overlay","data-theme":a,role:"presentation",children:p("section",{className:"bf-success-modal",role:"dialog","aria-modal":"true","aria-labelledby":t,children:x("div",{className:"bf-success-body",children:[p("span",{className:"bf-success-mark","aria-hidden":"true"}),x("div",{className:"bf-success-copy",children:[p("strong",{id:t,children:dd(r.pathType)}),p("span",{children:"Please check the results in the history."})]}),p("div",{className:"bf-success-route","aria-hidden":"true",children:(r.routeTokens&&r.routeTokens.length>0?r.routeTokens:[{symbol:r.fromToken.symbol,iconUrl:r.fromToken.iconUrl},{symbol:r.toToken.symbol,iconUrl:r.toToken.iconUrl}]).map((i,s)=>x(S.Fragment,{children:[s>0&&p("span",{className:"bf-success-route-arrow",children:"\u2192"}),p(mr,{token:i,size:43})]},`${i.symbol}-${s}`))}),p("button",{type:"button",className:"bf-success-ok",onClick:e.dismissSuccessDialog,children:"OK"})]})})}),n)}function mr({token:e,size:t=16}){let n=!!e.iconUrl;return p("span",{className:"bf-token-icon","data-has-image":n?"true":"false",style:{width:t,height:t},children:e.iconUrl?p("img",{src:e.iconUrl,alt:"",width:t,height:t,draggable:!1}):p("span",{className:"bf-token-fallback",children:e.symbol?.slice(0,1)??"?"})})}function fd({row:e}){return e.routeTokens&&e.routeTokens.length>0?p("span",{className:"bf-info-route",children:e.routeTokens.map((t,n)=>x(S.Fragment,{children:[n>0&&p("span",{className:"bf-info-route-arrow","aria-hidden":"true",children:"\u2192"}),p(mr,{token:t})]},`${t.symbol}-${n}`))}):e.valueToken?x("span",{className:"bf-info-value-token",children:[p(mr,{token:e.valueToken}),p("span",{children:e.value})]}):p(gr,{children:e.value})}function Za({rows:e}){return!e||e.length===0?null:p("div",{className:"bf-info-rows",children:e.map((t,n)=>x("div",{className:"bf-info-row",children:[x("span",{className:"bf-info-label",children:[p("span",{className:"bf-tree-marker",children:n===e.length-1?"\u2514":"\u251C"}),p("span",{children:t.label})]}),p("span",{className:"bf-info-value","data-tone":t.tone??"default",children:p(fd,{row:t})})]},`${t.label}-${t.value}`))})}function ud(e,t,n){return e.pathType==="bridge"?"Bridge Info":Qa(e.pathType)?"Swap Info":t&&n?"Swap & Bridge Info":t?"Bridge Info":"Swap Info"}function md({summary:e}){let t=!!e.bridgeInfo?.length,n=!!e.swapInfo?.length,o=t&&n,r=e.pathType==="bridge-swap"?["bridge","swap"]:["swap","bridge"];return p(gr,{children:r.map(a=>{let i=a==="swap"?e.swapInfo:e.bridgeInfo;return i?.length?x("div",{className:"bf-info-section",children:[o&&p("h4",{children:a==="swap"?"Swap Info":"Bridge Info"}),p(Za,{rows:i})]},a):null})})}function gd({summary:e}){let t=!!e.bridgeInfo?.length,n=!!e.swapInfo?.length,o=!!e.txFee?.length,r=ud(e,t,n),[a,i]=S.useState(!0),[s,c]=S.useState(!0);return x("div",{className:"bf-details",children:[e.liquidity&&x("section",{className:"bf-liquidity",children:[x("div",{className:"bf-liquidity-head",children:[p("span",{children:e.liquidity.label??"Available Liquidity"}),p("span",{className:"bf-liquidity-status","data-status":e.liquidity.status,children:e.liquidity.status??"Normal"})]}),p("div",{className:"bf-liquidity-track",children:p("span",{style:{width:`${e.liquidity.percentage??50}%`}})}),p("span",{className:"bf-liquidity-value",children:e.liquidity.value})]}),(t||n)&&x("section",{className:"bf-detail-section bf-info-card","data-open":a?"true":"false",children:[x("button",{type:"button",className:"bf-collapse-head","aria-expanded":a,onClick:()=>i(l=>!l),children:[p("h3",{children:r}),p(Kt,{size:16,className:"bf-collapse-chevron"})]}),a&&p("div",{className:"bf-collapse-body",children:p(md,{summary:e})})]}),o&&x("section",{className:"bf-detail-section bf-tx-fee-section","data-open":s?"true":"false",children:[x("button",{type:"button",className:"bf-collapse-head bf-tx-fee-head","aria-expanded":s,onClick:()=>c(l=>!l),children:[p("h3",{children:"Est. Tx Fee"}),x("div",{className:"bf-tx-fee-total",children:[e.txFeeInfo?.isDelegateFee&&p("span",{className:"bf-fee-delegated",children:"Fee Delegated"}),e.txFeeInfo?.tokenIconUrl&&p("img",{className:"bf-tx-fee-token",src:e.txFeeInfo.tokenIconUrl,alt:e.txFeeInfo.tokenSymbol??"",width:16,height:16,draggable:!1}),p("span",{"data-delegated":e.txFeeInfo?.isDelegateFee||void 0,children:e.txFeeInfo?.estTxFee??"0"}),p(Kt,{size:16,className:"bf-collapse-chevron"})]})]}),s&&p("div",{className:"bf-collapse-body",children:p(Za,{rows:e.txFee})})]})]})}function hd({item:e}){let t=uo(e),n=Zc(e.fromAmount,e.fromToken);return x("article",{className:"bf-history-item",children:[x("div",{className:"bf-history-item-head",children:[p("span",{className:"bf-history-status","data-status":t,children:Xc(t)}),p("time",{className:"bf-history-time",dateTime:e.timestamp,children:Kc(e.timestamp)})]}),x("div",{className:"bf-history-item-body",children:[x("strong",{className:"bf-history-amount",children:[Qc(e.fromAmount)," ",e.fromToken.symbol]}),x("div",{className:"bf-history-meta",children:[p("span",{className:"bf-history-usd",children:n??qc(e.txHash)}),x("span",{className:"bf-history-route",children:[x("span",{className:"bf-history-route-token",children:[p(An,{token:e.fromToken,size:16}),p("span",{children:e.fromToken.symbol})]}),p(Ea,{size:16,className:"bf-history-route-arrow"}),x("span",{className:"bf-history-route-token",children:[p(An,{token:e.toToken,size:16}),p("span",{children:e.toToken.symbol})]})]})]})]})]})}function bd({flow:e}){let[t,n]=S.useState("all"),o=e.history.some(i=>uo(i)==="pending"),r=e.history.filter(i=>Yc(i,t)),a=t==="all"?"No bridge history yet.":`No ${t} bridge history.`;return x("main",{className:"bf-history-body",children:[p("nav",{className:"bf-history-tabs","aria-label":"Bridge history filters",children:Gc.map(i=>x("button",{type:"button",className:"bf-history-tab","data-active":t===i.value?"true":"false",onClick:()=>n(i.value),children:[p("span",{children:i.label}),i.value==="pending"&&o&&p("span",{className:"bf-history-tab-dot","aria-hidden":"true"})]},i.value))}),r.length>0?p("div",{className:"bf-history-list",children:r.map(i=>p(hd,{item:i},i.id||i.txHash))}):p("div",{className:"bf-empty",children:a})]})}function wd({flow:e,env:t}){let[n,o]=S.useState(null),[r,a]=S.useState(!1),[i,s]=S.useState(0),l=!!(e.fromAmount.trim()||e.toAmount.trim())?e.summary??ed(e):null,d=Hc[t],u=Jc(e.quoteError),g=e.quoteError&&!u.from&&!u.to?e.quoteError:"",h=e.error||g,v=e.history.some(y=>uo(y)==="pending"),w=(l?.pathType??Ka(e.fromToken,e.toToken))!=="bridge";return x(gr,{children:[x("main",{className:"bf-body",children:[x("div",{className:"bf-toolbar",children:[x("button",{type:"button",className:"bf-chip bf-chip-history",onClick:()=>e.setStep("history"),children:[p(Ra,{}),p("span",{children:"History"}),(v||e.hasNewHistory)&&p("span",{className:"bf-chip-dot","aria-hidden":"true"})]}),w&&x("button",{type:"button",className:"bf-chip",onClick:()=>a(!0),"aria-haspopup":"dialog","aria-expanded":r,children:[p(Ia,{}),p("span",{children:Uc(e.slippage)})]})]}),x("div",{className:"bf-swap-card","data-has-from-error":u.from?"true":"false",children:[p(Ua,{label:"From",token:e.fromToken,amount:e.fromAmount,usd:Ha(e.fromAmount,e.fromToken),onAmountChange:y=>e.setAmount(y,"from"),onTokenClick:()=>o("from"),onMax:e.setMax}),u.from&&p("div",{className:"bf-field-error",children:u.from}),p("button",{type:"button",className:"bf-swap-toggle",onClick:()=>{e.swapTokens(),s(y=>y+360)},style:{transform:`translateX(-50%) rotate(${i}deg)`,transition:"transform 0.2s ease"},children:p(La,{size:22})}),p(Ua,{label:"To",token:e.toToken,amount:e.toAmount,usd:Ha(e.toAmount,e.toToken),onAmountChange:y=>e.setAmount(y,"to"),onTokenClick:()=>o("to")}),u.to&&p("div",{className:"bf-field-error",children:u.to})]}),p(sd,{fromAmount:e.fromAmount,toAmount:e.toAmount,fromToken:e.fromToken,toToken:e.toToken}),l&&p(gd,{summary:l})]}),x("footer",{className:"bf-footer",children:[p("button",{type:"button",className:"bf-next",onClick:e.submit,disabled:e.status==="submitting"||!!e.quoteError,children:e.status==="submitting"?"Processing...":"Next"}),x("a",{className:"bf-powered",href:d,target:"_blank",rel:"noreferrer",children:["Powered by ",p("span",{className:"bf-powered-brand",children:"CROSS DeFi"})]})]}),n&&p(td,{flow:e,side:n,onClose:()=>o(null)}),r&&p(nd,{flow:e,onClose:()=>a(!1)}),p(od,{flow:e}),e.approvalInfo&&p(id,{flow:e,approval:e.approvalInfo}),p(ad,{flow:e}),p(ld,{flow:e}),p(cd,{message:e.submitToast?"":h}),p(pd,{flow:e})]})}function mo({onClose:e,onBackToWallet:t,env:n,className:o,...r}){let a=S.useMemo(()=>Ne(n),[n]),i=za({...r,onExit:t}),s=S.useRef(null),c=Dc(s),l=i.step==="history"?"History":"Swap & Bridge";return p($a.Provider,{value:c,children:x("div",{ref:s,className:Q("bf-root",o),"data-view":i.step,"data-status":i.status,children:[x("header",{className:"bf-header",children:[p("button",{type:"button",className:"bf-header-btn",onClick:i.back,"aria-label":"Back",children:p(Bt,{size:24})}),p("span",{className:"bf-header-title",children:l}),p("button",{type:"button",className:"bf-header-btn",onClick:e,"aria-label":"Close",children:p(kt,{size:24})})]}),i.step==="history"?p(bd,{flow:i}):p(wd,{flow:i,env:a})]})})}import{Fragment as ho,jsx as m,jsxs as C}from"react/jsx-runtime";function hr(e,t,n){let o=Pe[e],r=n.toUpperCase();if(t===o.cross&&r.includes("CROSSD"))return 0;if(t===o.cross&&r==="CROSS")return 1;if(t===o.bsc&&r==="CROSS")return 2}function vd(e){return parseInt(e.split(":")[1],10)}function yd(e){let t=e.lastIndexOf(".");return t===-1?{main:e,decimal:""}:{main:e.slice(0,t),decimal:e.slice(t)}}function kd(e){let t=e.toLowerCase().replace(/^0x/,""),n=t.length>=8?t.slice(0,8):t.padEnd(8,"0"),o=parseInt(n.slice(0,4),16)%360,r=(o+60+parseInt(n.slice(4,8),16)%120)%360;return`linear-gradient(135deg, hsl(${o} 85% 65%), hsl(${r} 80% 55%))`}function Ya({align:e="end",sideOffset:t=12,className:n,children:o}){let{env:r,theme:a,isMobile:i,open:s,drawerDirection:c,modal:l,showBalance:d,showForgeToken:u,showGameToken:g,showQR:h,showBridge:v,qrLogoSrc:k,walletAddress:w,accountName:y,sendAccounts:L,profileImageUrl:f,preferredTokens:A,close:R,onSelectWallet:M,onCopyAddress:_,onBuy:$,onDisconnect:W,disconnectLabel:Z,termsUrl:U,termsLabel:z,privacyUrl:le,privacyLabel:fe,portalStyle:re,navContent:ie,navPosition:Fe,footerContent:ee,view:H,setView:X,selectedSendToken:be,setSelectedSendToken:Y,showPortfolio:Me,portfolioTitle:_e,showTotalAssets:we,totalAssetsLabel:ke,sendTransaction:bt,getTransactionReceipt:ce,estimateGas:Lt,onOutlink:Ze,lpBalanceReader:Ye,bridgeTokens:Se,bridgeHistory:Le,getBridgeQuote:ue,getBridgeToTokens:oe,getBridgeApproval:me,approveBridge:Et,submitBridge:Xe,onReceive:wt,onBridge:ge,onSend:Oe,onBuyDisabledMessage:xt}=zt(),[Ee,Je]=P.useState(null),et=P.useRef(void 0),ze=P.useCallback(b=>{Je(b),clearTimeout(et.current),et.current=setTimeout(()=>Je(null),4e3)},[]);P.useEffect(()=>()=>clearTimeout(et.current),[]);let de=!!xt,We=P.useCallback(()=>{if(de){ze(xt);return}$?.()},[de,xt,$,ze]),{tokens:ct,isLoading:vt}=dn(r,w,s&&d),{statsMap:De}=pn(r,d),{categoryMap:At}=$i(r,d),Pt=d&&we,{displayValue:tt,isLowerBound:yt,isLoading:Ae}=ji(r,w,s&&Pt),[dt,N]=P.useState(!1),j=P.useRef(null),[J,He]=P.useState(0),{holdings:Ge,isLoading:_t}=Gi(r,w,s&&d&&u),xn=P.useMemo(()=>Ge.map(b=>b.token),[Ge]),{imageMap:Ro}=Ui(r,xn,u&&Ge.length>0),nt=P.useMemo(()=>{let b=[],I=[],V=[],Ce=new Map((A??[]).map((K,pe)=>[`${vd(K.chainId)}:${K.address.toLowerCase()}`,pe]));for(let K of ct){let pe=hr(r,K.chainId,K.symbol)!==void 0,jt=`${K.chainId}:${K.address.toLowerCase()}`,Vt=Ce.get(jt),Mo=new Pn(K.quantity.numeric).shiftedBy(-K.quantity.decimals);if(pe)b.push(K);else if(Vt!==void 0)I.push(K);else if(Mo.isGreaterThan(0)){if(!g&&At.get(rr(K.chainId,K.address))==="game")continue;V.push(K)}}return b.sort((K,pe)=>{let jt=hr(r,K.chainId,K.symbol)??99,Vt=hr(r,pe.chainId,pe.symbol)??99;return jt-Vt}),I.sort((K,pe)=>{let jt=Ce.get(`${K.chainId}:${K.address.toLowerCase()}`)??99,Vt=Ce.get(`${pe.chainId}:${pe.address.toLowerCase()}`)??99;return jt-Vt}),V.sort((K,pe)=>{let jt=De.get(Ft(K.chainId,K.address)),Vt=De.get(Ft(pe.chainId,pe.address)),Mo=new Pn(K.quantity.numeric).shiftedBy(-K.quantity.decimals).multipliedBy(jt?.price??0);return new Pn(pe.quantity.numeric).shiftedBy(-pe.quantity.decimals).multipliedBy(Vt?.price??0).minus(Mo).toNumber()}),[...b,...I,...V]},[ct,r,De,g,At,A]),B=P.useMemo(()=>{if(!u)return[];let b=new Set(ct.map(I=>I.address.toLowerCase()));return[...Ge].filter(I=>!b.has(I.token.toLowerCase())).sort((I,V)=>{let Ce=new Pn(I.value);return new Pn(V.value).minus(Ce).toNumber()})},[Ge,u,ct]),te=P.useRef(!1),[F,ae]=P.useState(null),Ot=P.useRef(void 0),kr=F?.chainId??be?.chainId??nt[0]?.chainId??0,{transactionUrl:Io}=Kn(r,kr,F?.txHash,!!(F?.txHash&&kr)),Ue=P.useCallback(b=>{te.current=!0,X(b)},[X]),[Ns,Lo]=P.useState("recipient"),zn=P.useCallback(()=>{Y(null),Lo("recipient"),Ue("wallet")},[Y,Ue]),Eo=P.useCallback((b,I="recipient")=>{Lo(I),Y(b),Ue("send")},[Y,Ue]),Ts=P.useCallback(()=>{if(ge){ge();return}Ue("bridge")},[ge,Ue]),Rs=P.useCallback(b=>{clearTimeout(Ot.current),Y(null),Ue("wallet"),ae({status:"pending",txHash:b.txHash,chainId:b.chainId,description:`${b.amount} ${b.tokenSymbol} to ${je(b.recipient)}`})},[Y,Ue]),Is=P.useCallback(b=>{let I=be?.chainId;Y(null),Ue("wallet"),!(!b||!I)&&(ae(V=>({status:"success",txHash:b,chainId:I,description:V?.txHash===b?V.description:"Tap to see your transaction"})),clearTimeout(Ot.current),Ot.current=setTimeout(()=>ae(null),5e3))},[be?.chainId,Y,Ue]),Ls=P.useCallback(b=>{let I=b.txHash;I&&(ae({status:"error",txHash:I,chainId:b.chainId,description:b.message}),clearTimeout(Ot.current),Ot.current=setTimeout(()=>ae(null),5e3))},[]),Ao=P.useMemo(()=>{if(wt)return wt;if(h)return()=>Ue("qr")},[wt,h,Ue]),Sr=P.useMemo(()=>{if(Oe)return Oe;if(nt.length===0)return;let b=nt[0];return()=>Eo(b,"token")},[Oe,nt,Eo]);P.useEffect(()=>{s||(te.current=!1,Lo("recipient"))},[s]);let Cr=P.useRef(null);P.useEffect(()=>{let b=Cr.current;if(!b||!i)return;let I=V=>{V.pointerType==="touch"&&V.stopPropagation()};return b.addEventListener("pointerdown",I),()=>b.removeEventListener("pointerdown",I)},[i]);let[nn,Nr]=P.useState(!1),Po=P.useRef(void 0),[vn,Wn]=P.useState(!1);P.useEffect(()=>{if(!vn)return;let b=()=>Wn(!1),I=Ce=>{Ce.key==="Escape"&&Wn(!1)},V=setTimeout(()=>{document.addEventListener("mousedown",b,!0),document.addEventListener("keydown",I,!0)},0);return()=>{clearTimeout(V),document.removeEventListener("mousedown",b,!0),document.removeEventListener("keydown",I,!0)}},[vn]),P.useEffect(()=>()=>clearTimeout(Po.current),[]),P.useEffect(()=>()=>clearTimeout(Ot.current),[]),P.useEffect(()=>{let b=j.current;if(!b||ee===null){He(0);return}let I=()=>{He(b.offsetHeight)};if(I(),typeof ResizeObserver>"u")return;let V=new ResizeObserver(I);return V.observe(b),()=>V.disconnect()},[ee]);let Tr=P.useCallback(async()=>{if(!nn)try{await navigator.clipboard.writeText(w),Nr(!0),clearTimeout(Po.current),Po.current=setTimeout(()=>Nr(!1),2e3),_?.(w,!0)}catch{_?.(w,!1)}},[w,_,nn]),Dn=P.useCallback(b=>{b.currentTarget.setAttribute("data-loaded","true")},[]),Rr=P.useMemo(()=>({background:kd(w)}),[w]),Hn=P.useMemo(()=>f||Yt(r,w,{size:120,bg:a==="dark"?"1A1A2E":"F3F6F8"}),[f,r,w,a]),Bo=P.useMemo(()=>yd(tt),[tt]),Ir=U||le?C("div",{className:"wi-legal-links",children:[U&&m("a",{className:"wi-legal-link",href:U,target:"_blank",rel:"noopener noreferrer",onClick:b=>Ve(b,U,{category:"terms",origin:"terms"},Ze),children:z}),U&&le&&m("span",{className:"wi-legal-sep","aria-hidden":!0,children:"\xB7"}),le&&m("a",{className:"wi-legal-link",href:le,target:"_blank",rel:"noopener noreferrer",onClick:b=>Ve(b,le,{category:"privacy",origin:"privacy"},Ze),children:fe})]}):null,Lr=W?C("button",{type:"button",className:"wi-disconnect-btn",onClick:()=>{W(),R()},children:[m(Zr,{size:16}),m("span",{className:"wi-disconnect-label",children:Z})]}):null,Es=d&&!ie?C("div",{className:"wi-action-row","aria-label":"Wallet actions",children:[C("button",{type:"button",className:Q("wi-action-card",de&&"wi-action-card--dimmed"),onClick:We,disabled:!$&&!de,"aria-disabled":de||void 0,"aria-label":"Buy",children:[m(ni,{size:20}),m("span",{children:"Buy"})]}),v?C("button",{type:"button",className:"wi-action-card",onClick:Ts,"aria-label":"Bridge",children:[m(oi,{size:20}),m("span",{children:"Bridge"})]}):C("button",{type:"button",className:"wi-action-card",onClick:Ao,disabled:!Ao,"aria-label":"Receive",children:[m(Uo,{size:20}),m("span",{children:"Receive"})]}),C("button",{type:"button",className:"wi-action-card",onClick:Sr,disabled:!Sr,"aria-label":"Send",children:[m(ei,{size:20}),m("span",{children:"Send"})]}),C("button",{type:"button",className:"wi-action-card",onClick:()=>Ue("portfolio"),disabled:!Me,"aria-label":"View portfolio",children:[m(ti,{size:20}),m("span",{children:"Portfolio"})]})]}):null,As=C("div",{className:Q("wi-view-inner",te.current&&"wi-view-wallet"),children:[Pt&&C("div",{className:"wi-total-section",children:[C("div",{className:"wi-total-head",children:[m("span",{className:"wi-total-label",children:ke}),m("span",{role:"button",tabIndex:0,className:"wi-total-eye",onClick:b=>{b.stopPropagation(),N(I=>!I)},onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),b.stopPropagation(),N(I=>!I))},"aria-label":dt?"Show balance":"Hide balance",children:dt?m(Xr,{}):m(Yr,{})})]}),m("div",{className:"wi-total-body",children:Ae?m("div",{className:"wi-skeleton-block wi-total-skeleton",style:{width:160,height:42}}):m("div",{className:"wi-total-value","data-hidden":dt||void 0,children:dt?m("span",{className:"wi-total-mask",children:"\u2022\u2022\u2022\u2022\u2022\u2022"}):C(ho,{children:[yt&&m("span",{className:"wi-total-lte",children:"\u2264"}),m("span",{className:"wi-total-currency",children:"$"}),m("span",{className:"wi-total-amount",children:Bo.main}),Bo.decimal&&m("span",{className:"wi-total-decimal",children:Bo.decimal})]})})})]}),Fe==="top"&&(ie?m("div",{className:"wi-nav-fixed",children:ie}):Es),d&&m("div",{ref:Cr,className:"wi-scrollable-body","data-vaul-no-drag":!0,children:C("div",{className:"wi-token-list",children:[vt&&Array.from({length:5},(b,I)=>C("div",{className:"wi-skeleton-item",children:[C("div",{className:"wi-skeleton-left",children:[m("div",{className:"wi-skeleton-block wi-skeleton-icon"}),C("div",{className:"wi-skeleton-lines",children:[m("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),m("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),C("div",{className:"wi-skeleton-right",children:[m("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),m("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},I)),!vt&&nt.length===0&&!u&&m("div",{className:"wi-empty",children:"No Tokens Found"}),nt.map(b=>{let I=De.get(Ft(b.chainId,b.address)),V=I?parseFloat(I.percent_change_24h):null,Ce=V!==null&&V>=0,K=Rn(r,b.chainId);return C("button",{type:"button",className:"wi-token-item wi-token-item--button",onClick:()=>Eo(b),"aria-label":`Send ${b.symbol}`,children:[C("div",{className:"wi-token-left",children:[C("div",{className:"wi-token-icon-wrap",children:[m("img",{src:b.icon_url,alt:b.symbol,className:"wi-token-icon",width:32,height:32,loading:"lazy",draggable:!1,onLoad:Dn,onError:pe=>{pe.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),K&&m("img",{src:K,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:pe=>{pe.currentTarget.style.display="none"}})]}),C("div",{className:"wi-token-info",children:[m("span",{className:"wi-token-name",children:b.symbol}),I&&C("div",{className:"wi-token-price-row",children:[m("span",{className:"wi-token-price",children:$o(I.price)}),m("span",{className:"wi-token-change","data-positive":Ce,"data-zero":V===0||void 0,children:V!==null&&(V===0?"0%":`${Ce?"+":"-"}${(Ce?Math.floor:Math.ceil)(Math.abs(V)*100)/100}%`)})]})]})]}),C("div",{className:"wi-token-right",children:[m("span",{className:"wi-token-balance",children:Wt(b.quantity.numeric,b.quantity.decimals)}),I&&m("span",{className:"wi-token-value",children:ii(b.quantity.numeric,b.quantity.decimals,I.price)})]})]},`${b.address}-${b.chainId}`)}),u&&_t&&Array.from({length:3},(b,I)=>C("div",{className:"wi-skeleton-item",children:[C("div",{className:"wi-skeleton-left",children:[m("div",{className:"wi-skeleton-block wi-skeleton-icon"}),C("div",{className:"wi-skeleton-lines",children:[m("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),m("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),C("div",{className:"wi-skeleton-right",children:[m("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),m("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},`forge-sk-${I}`)),u&&!_t&&!vt&&nt.length===0&&B.length===0&&m("div",{className:"wi-empty",children:"No Tokens Found"}),u&&B.map(b=>{let I=Ro.get(b.token)||"",V=Rn(r,Pe[r].cross);return C("div",{className:"wi-token-item",children:[C("div",{className:"wi-token-left",children:[C("div",{className:"wi-token-icon-wrap",children:[m("img",{src:I||"https://contents.crosstoken.io/wallet/token/images/FT.png",alt:b.token_name,className:"wi-token-icon",width:32,height:32,loading:"lazy",draggable:!1,onLoad:Dn,onError:Ce=>{Ce.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),V&&m("img",{src:V,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:Ce=>{Ce.currentTarget.style.display="none"}})]}),C("div",{className:"wi-token-info",children:[m("span",{className:"wi-token-name",children:b.token_name}),m("div",{className:"wi-token-price-row",children:C("span",{className:"wi-token-price",children:[Wt(b.current_price,18)," CROSS"]})})]})]}),C("div",{className:"wi-token-right",children:[m("span",{className:"wi-token-balance",children:Wt(b.balance,18)}),m("span",{className:"wi-token-value",children:$o(b.current_value_usd)})]})]},`forge-${b.token}`)})]})}),Fe==="bottom"&&ie&&m("div",{className:"wi-nav-fixed",children:ie}),Lr&&m("div",{className:"wi-wallet-disconnect-row",children:Lr})]},"wallet"),Ps=Me?m("div",{className:Q("wi-view-inner wi-portfolio-body",te.current&&"wi-view-portfolio"),children:m(gn,{env:r,theme:a,walletAddress:w,showHeader:!1,onOutlink:Ze,lpBalanceReader:Ye})},"portfolio"):null,Bs=be?m("div",{className:Q("wi-view-inner wi-send-body",te.current&&"wi-view-send"),children:m(ro,{env:r,theme:a,walletAddress:w,accountName:y,accounts:L,initialStep:Ns,token:be,tokens:nt,onTokenChange:Y,sendTransaction:bt,getTransactionReceipt:ce,estimateGas:Lt,getTokenPriceUsd:b=>{let I=De.get(Ft(b.chainId,b.address));if(!I?.price)return;let V=parseFloat(I.price);return Number.isFinite(V)?V:void 0},onClose:R,onBackToWallet:zn,onSubmitted:Rs,onSuccess:Is,onFailed:Ls,onOutlink:Ze})},"send"):null,Fs=P.useMemo(()=>Se||nt.map(b=>{let I=De.get(Ft(b.chainId,b.address)),V=I?.price?parseFloat(I.price):void 0;return{name:b.name,symbol:b.symbol,chainId:b.chainId,address:b.address,decimals:b.quantity.decimals,balance:Nn(b.quantity.numeric,b.quantity.decimals),iconUrl:b.icon_url,priceUsd:Number.isFinite(V)?V:void 0}}),[Se,De,nt]),Ms=m("div",{className:Q("wi-view-inner wi-bridge-body",te.current&&"wi-view-send"),children:m(mo,{env:r,walletAddress:w,tokens:Fs,history:Le,termsUrl:U,getQuote:ue,getToTokens:oe,getApproval:me,approveBridge:Et,submitBridge:Xe,onClose:R,onBackToWallet:zn})},"bridge"),Fo=!!M&&y?.trim().toLowerCase()!=="my wallet",Er=C(ho,{children:[C("span",{className:"wi-receive-avatar",children:[m("span",{className:"wi-avatar-fallback",style:Rr}),Hn&&m("img",{src:Hn,alt:"",className:"wi-avatar-img",width:24,height:24,draggable:!1,onLoad:Dn,onError:b=>{b.currentTarget.style.display="none"}})]}),m("span",{className:"wi-receive-account-name",children:y??"Account 1"}),Fo&&m("span",{className:"wi-receive-chevron","data-open":vn,"aria-hidden":"true",children:m(Kt,{size:16})})]}),_s=C("div",{className:Q("wi-view-inner wi-qr-body",te.current&&"wi-view-qr"),children:[C("div",{className:"wi-receive-section",children:[Fo?m("button",{type:"button",className:"wi-receive-account wi-receive-account--btn",onClick:()=>{Wn(!0),M?.()},"aria-label":"Switch account",children:Er}):m("div",{className:"wi-receive-account",children:Er}),C("div",{className:"wi-qr-block",children:[C("div",{className:"wi-qr-box",children:[m(xd,{value:w,size:180,level:"H",marginSize:2,...k&&{imageSettings:{src:k,height:33,width:33,excavate:!0}}}),!k&&m("div",{className:"wi-qr-logo",children:m(Jr,{size:33})})]}),m("p",{className:"wi-qr-address",children:w})]}),C("button",{type:"button",className:"wi-qr-copy-btn",onClick:Tr,children:[m("span",{className:"wi-qr-copy-icon",children:nn?m(kn,{size:16}):m(Go,{size:16})}),m("span",{className:"wi-qr-copy-text",children:nn?"Copied!":"Copy address"})]})]}),Ir&&m("div",{className:"wi-receive-footer",children:Ir})]},"qr"),Os=H==="qr"||H==="portfolio"||H==="send"||H==="bridge",Ar=ee!==null?m("div",{className:"wi-builtin-footer",children:ee}):null,Pr=C("div",{className:"wi-account-text",children:[Fo?C("button",{type:"button",className:"wi-account-row wi-account-row--btn",onClick:()=>{Wn(!0),M?.()},"aria-label":"Switch account","aria-expanded":vn,children:[m("span",{className:"wi-account-name",children:y??"Account 1"}),m("span",{className:"wi-account-switch","data-open":vn,"aria-hidden":"true",children:m(Kt,{size:20})})]}):m("div",{className:"wi-account-row",children:m("span",{className:"wi-account-name",children:y??"Account 1"})}),C("button",{type:"button",className:"wi-address-row-btn",onClick:Tr,"aria-label":"Copy address",children:[m("span",{className:"wi-account-address",children:je(w)}),m("span",{className:"wi-account-copy","data-copied":nn,children:nn?m(kn,{size:12}):m(Go,{size:12})})]})]}),Br=C(ho,{children:[o,H==="qr"?m("div",{className:"wi-sticky-header",children:C("div",{className:"wi-header wi-header--receive",children:[m("button",{type:"button",className:"wi-header-back",onClick:zn,"aria-label":"Back",children:m(Bt,{size:24})}),m("span",{className:"wi-receive-title",children:"Receive"}),m("button",{type:"button",className:"wi-header-action",onClick:R,"aria-label":"Close",children:m(kt,{size:24})})]})}):H==="send"||H==="bridge"?null:Os?C("div",{className:"wi-sticky-header",children:[C("div",{className:"wi-header wi-header--wallet wi-header--sub-account",children:[m("button",{type:"button",className:"wi-header-back",onClick:zn,"aria-label":"Back",children:m(Bt,{size:24})}),m("div",{className:"wi-account-block wi-account-block--sub-account",children:Pr}),m("button",{type:"button",className:"wi-header-action",onClick:R,"aria-label":"Close",children:m(kt,{size:24})})]}),m("hr",{className:"wi-divider"})]}):C("div",{className:"wi-sticky-header",children:[C("div",{className:"wi-header wi-header--wallet",children:[C("div",{className:"wi-account-block",children:[C("div",{className:"wi-avatar",children:[m("div",{className:"wi-avatar-fallback",style:Rr}),Hn&&m("img",{src:Hn,alt:"",className:"wi-avatar-img",width:28,height:28,draggable:!1,onLoad:Dn,onError:b=>{b.currentTarget.style.display="none"}})]}),Pr]}),C("div",{className:"wi-header-actions",children:[h&&v&&m("button",{type:"button",className:"wi-header-action wi-header-action--qr",onClick:Ao,"aria-label":"Show QR code",children:m(Uo,{size:20})}),m("button",{type:"button",className:"wi-header-action",onClick:R,"aria-label":"Close",children:m(kt,{size:24})})]})]}),m("hr",{className:"wi-divider"})]}),C("div",{className:"wi-view-container",children:[H==="wallet"&&As,H==="qr"&&_s,H==="portfolio"&&Ps,H==="send"&&Bs,H==="bridge"&&Ms]}),H==="wallet"&&Ee&&m("div",{className:"wi-action-toast",role:"status","aria-live":"polite",children:Ee}),H==="wallet"&&F&&C("a",{className:"wi-send-toast",href:Io??"#",target:"_blank",rel:"noopener noreferrer",onClick:b=>{if(!Io){b.preventDefault();return}Ve(b,Io,{category:"send",origin:"send-transaction",payload:{chainId:F.chainId,txHash:F.txHash}},Ze)},children:[m("span",{className:"wi-send-toast-icon","data-status":F.status,"aria-hidden":!0,children:F.status==="pending"?m("span",{className:"wi-send-toast-spinner"}):F.status==="error"?m("span",{className:"wi-send-toast-error-dot"}):m(ri,{size:20})}),C("span",{className:"wi-send-toast-copy",children:[m("span",{className:"wi-send-toast-title",children:F.status==="pending"?"Sending...":F.status==="error"?"Send failed":"Send complete"}),m("span",{className:"wi-send-toast-desc",children:F.status==="pending"||F.status==="error"?F.description:"Tap to see your transaction"})]})]}),Ar&&H!=="portfolio"&&H!=="send"&&m("div",{className:"wi-sticky-footer",children:m("div",{className:"wi-footer",ref:j,children:Ar})})]}),Fr={...re,...J>0?{"--wi-footer-height":`${J}px`}:null};return i?C(go.Portal,{children:[l&&m(go.Overlay,{className:"wi-drawer-overlay"}),C(go.Content,{className:Q("wi-drawer-content",n),"data-theme":a,"data-vaul-no-drag":c==="left"||c==="right"?!0:void 0,style:Fr,"data-direction":c,"data-no-balance":!d||void 0,"data-has-footer":J>0||void 0,"data-view":H,children:[m(go.Title,{className:"wi-sr-only",children:"My Wallet"}),Br]})]}):C(ho,{children:[l&&s&&m("div",{className:"wi-drawer-overlay",onClick:R}),m(bo.Portal,{children:m(bo.Content,{align:e,sideOffset:t,className:Q("wi-popover-content",n),"data-theme":a,style:Fr,"data-no-balance":!d||void 0,"data-has-footer":J>0||void 0,"data-view":H,children:Br})})]})}import*as Xa from"react";function Ja({position:e="top",children:t}){let{setNavContent:n,setNavPosition:o}=zt();return Xa.useEffect(()=>(n(t),o(e),()=>n(null)),[t,e,n,o]),null}import*as es from"react";function ts({children:e}){let{setFooterContent:t}=zt();return es.useEffect(()=>(t(e),()=>t(null)),[e,t]),null}O(`[data-theme=dark].wi-popover-content,[data-theme=dark].wi-drawer-content{--wi-primary: var(--ds-accent-primary-default, #019d92);--wi-secondary: var(--ds-system-red-default, #e70077);--wi-surface-bg: var(--ds-bg-default, #121212);--wi-surface-default: var(--ds-surface-medium, rgba(255, 255, 255, .05));--wi-surface-subtle: var(--ds-surface-high, rgba(255, 255, 255, .1));--wi-border-default: var(--ds-border-default, rgba(255, 255, 255, .05));--wi-border-subtle: var(--ds-border-medium, rgba(255, 255, 255, .1));--wi-texticon-primary: var(--ds-content-highest, #ffffff);--wi-texticon-secondary: var(--ds-content-medium, rgba(255, 255, 255, .7));--wi-texticon-tertiary: var(--ds-content-low, rgba(255, 255, 255, .5));--wi-on-primary: var(--ds-accent-primary-on, #ffffff);--wi-error: var(--ds-system-red-default, #e70077);--wi-shadow: 0 2px 16px -2px rgba(0, 0, 0, .4)}[data-theme=light].wi-popover-content,[data-theme=light].wi-drawer-content{--wi-primary: var(--ds-accent-primary-default, #019d92);--wi-secondary: var(--ds-system-red-default, #e70077);--wi-surface-bg: var(--ds-bg-default, #ffffff);--wi-surface-default: var(--ds-surface-medium, rgba(18, 18, 18, .05));--wi-surface-subtle: var(--ds-surface-high, rgba(18, 18, 18, .1));--wi-border-default: var(--ds-border-default, rgba(18, 18, 18, .05));--wi-border-subtle: var(--ds-border-medium, rgba(18, 18, 18, .1));--wi-texticon-primary: var(--ds-content-highest, #121212);--wi-texticon-secondary: var(--ds-content-medium, rgba(18, 18, 18, .7));--wi-texticon-tertiary: var(--ds-content-low, rgba(18, 18, 18, .5));--wi-on-primary: var(--ds-accent-primary-on, #ffffff);--wi-error: var(--ds-system-red-default, #e70077);--wi-shadow: 0 2px 16px -2px rgba(0, 0, 0, .15)}
|
|
11
|
-
`);
|
|
12
|
-
`);
|
|
13
|
-
`);O(`.wi-popover-content{-webkit-font-smoothing:antialiased;z-index:100001;width:393px;border-radius:24px;border:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));background:var(--wi-surface-bg);box-shadow:var(--ds-shadow-modal, var(--wi-shadow));animation:wi-fade-in .15s ease-out;height:600px;overflow:hidden;display:flex;flex-direction:column}.wi-popover-content[data-no-balance]{height:auto}.wi-popover-content[data-has-footer]:not([data-no-balance]){height:min(calc(600px + var(--wi-footer-height, 0px)),calc(100dvh - 32px))}.wi-drawer-overlay{position:fixed;inset:0;z-index:100000;background:#0009}.wi-drawer-content{-webkit-font-smoothing:antialiased;position:fixed;top:0;right:0;bottom:0;z-index:100001;width:100vw;max-height:100vh;background:var(--wi-surface-bg);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.wi-drawer-content[data-no-balance]{bottom:auto;max-height:none}.wi-drawer-content[data-no-balance][data-direction=bottom]{bottom:0;top:auto;border-radius:24px 24px 0 0}.wi-drawer-content[data-direction=left]{right:auto;left:0}.wi-drawer-content[data-direction=bottom]{top:0;left:0;right:0;width:100%;max-height:100dvh;margin:0 auto}.wi-drawer-content[data-direction=bottom][data-view=qr]{max-height:100dvh}.wi-popover-content[data-view=qr]{max-height:calc(100dvh - 32px)}.wi-sticky-header{flex-shrink:0;position:relative}.wi-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:24px}.wi-header--wallet{align-items:flex-start;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.wi-header--wallet+.wi-divider{display:none}.wi-header--sub-account{align-items:center}.wi-header--sub-account .wi-header-back{width:32px;height:38px}.wi-header--sub-account .wi-header-action{flex-shrink:0}.wi-account-block{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.wi-account-block--sub-account{align-items:center}.wi-avatar{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;background:var(--wi-surface-bg);box-sizing:border-box;overflow:hidden}.wi-avatar-fallback{position:absolute;inset:0;border-radius:50%;z-index:0}.wi-avatar-img{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;object-fit:cover;background:transparent}.wi-account-text{display:flex;flex-direction:column;gap:2px;min-width:0}.wi-account-row{display:flex;align-items:center;gap:8px;min-width:0}.wi-account-row--btn{padding:2px;margin:0;width:fit-content;border:none;background:transparent;cursor:pointer;color:inherit;font:inherit;border-radius:6px;transition:background-color .15s ease,opacity .15s ease}.wi-account-row--btn:hover{background:var(--wi-surface-subtle, rgba(255, 255, 255, .06))}.wi-account-row--btn:focus-visible{outline:2px solid var(--wi-primary, #00d5aa);outline-offset:2px}.wi-account-name{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-account-switch{display:inline-flex;align-items:center;justify-content:center;padding:2px 0;border:none;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));border-radius:4px;flex-shrink:0;transition:color .15s ease,transform .2s ease}.wi-account-switch[data-open=true]{transform:rotate(180deg)}.wi-account-row--btn:hover .wi-account-switch{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-address-row-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--ds-content-medium, rgba(0, 0, 0, .65));font:inherit;text-align:left;min-width:0;transition:color .15s ease}.wi-address-row-btn:hover .wi-account-address,.wi-address-row-btn:hover .wi-account-copy{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-account-address{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-account-copy{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--wi-texticon-tertiary);flex-shrink:0;transition:color .15s ease}.wi-account-copy[data-copied=true]{color:var(--ds-system-green-high, #00a869)}.wi-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-top:-4px}.wi-header-action{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;border-radius:0;cursor:pointer;color:var(--ds-content-low, rgba(0, 0, 0, .4));flex-shrink:0;transition:color .15s ease}.wi-header-action:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-header-action--qr{width:32px;height:32px;border-radius:8px;background:var(--ds-surface-medium, #f5f7fa);color:var(--ds-content-medium, rgba(0, 0, 0, .65));transition:background-color .15s ease,color .15s ease}.wi-header-action--qr:hover{background:var(--ds-surface-high, rgba(0, 0, 0, .08));color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-header--receive{align-items:center;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.wi-header--receive .wi-header-action,.wi-header--sub-account .wi-header-action{position:absolute;top:24px;right:24px}.wi-receive-title{position:absolute;left:50%;transform:translate(-50%);font-family:inherit;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);text-align:center;pointer-events:none}.wi-header-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.wi-header-title{font-family:inherit;font-size:16px;font-weight:600;line-height:1.3;color:var(--wi-texticon-primary);margin:0}.wi-header-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;background:var(--wi-surface-default);border-radius:8px;cursor:pointer;color:var(--ds-content-low, #00000066);transition:opacity .15s ease}.wi-header-close:hover{opacity:.7}.wi-total-section{margin:24px 24px 0;padding:0;flex-shrink:0;display:flex;flex-direction:column;gap:8px;border:none;background:transparent;border-radius:12px;color:inherit;font:inherit;text-align:left;width:auto}.wi-action-row{display:flex;align-items:flex-start;gap:8px;width:auto;margin:24px 24px 0}.wi-action-card{appearance:none;display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:none;border-radius:12px;background:var(--ds-surface-medium, #f5f7fa);color:var(--ds-content-high, rgba(0, 0, 0, .85));font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;text-align:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.wi-action-card:hover:not(:disabled){background:#2e3544!important;color:var(--ds-content-high, rgba(0, 0, 0, .85))}:root[data-ds-theme=light] .wi-action-card:hover:not(:disabled){background:#e4e8ef!important;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-action-card:disabled{cursor:default}.wi-action-card>svg{flex-shrink:0}.wi-action-card:not(:disabled){transition:background-color .15s ease,transform .1s ease}.wi-action-card:active:not(:disabled){transform:scale(.93)}.wi-total-head{display:flex;align-items:center;gap:4px}.wi-total-body{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.wi-total-label{font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.wi-total-eye{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer;transition:color .15s ease;border-radius:4px}.wi-total-eye:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-total-eye:focus-visible{outline:1px solid var(--wi-texticon-secondary);outline-offset:2px}.wi-total-value{display:flex;align-items:baseline;gap:0;font-family:inherit;font-weight:600;line-height:1.25;color:var(--ds-content-highest, #000000);font-variant-numeric:tabular-nums;min-height:45px;white-space:nowrap}.wi-total-currency,.wi-total-amount,.wi-total-decimal{font-size:36px;color:var(--ds-content-highest, #000000)}.wi-total-lte{margin-right:2px;font-weight:500;font-size:22px;color:var(--wi-texticon-secondary)}.wi-total-mask{letter-spacing:2px;font-size:32px;color:var(--wi-texticon-secondary)}.wi-total-skeleton{border-radius:6px}.wi-scrollable-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 0 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;overscroll-behavior:contain}.wi-drawer-content .wi-scrollable-body{touch-action:pan-y}[data-theme=light] .wi-scrollable-body{scrollbar-color:rgba(0,0,0,.12) transparent}.wi-scrollable-body::-webkit-scrollbar{width:4px}.wi-scrollable-body::-webkit-scrollbar-track{background:transparent}.wi-scrollable-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.wi-scrollable-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] .wi-scrollable-body::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .wi-scrollable-body::-webkit-scrollbar-thumb:hover{background:#0003}.wi-nav-fixed{flex-shrink:0;padding:0 24px}.wi-token-list{display:flex;flex-direction:column;gap:0;padding:8px 0}.wi-token-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 24px;border:none;background:transparent;text-align:left;font-family:inherit;width:100%;box-sizing:border-box}.wi-token-item--button{cursor:pointer;background:var(--ds-surface-default, #ffffff);transition:none}.wi-token-item--button:hover{background:#252b39!important}:root[data-ds-theme=light] .wi-token-item--button:hover{background:#eff3f8!important}button.wi-token-item:focus-visible{outline:2px solid var(--wi-primary);outline-offset:2px;border-radius:4px}.wi-token-left{display:flex;align-items:center;gap:16px;min-width:0}.wi-token-icon-wrap{position:relative;width:40px;height:40px;flex-shrink:0}.wi-token-icon{width:40px;height:40px;border-radius:0;object-fit:contain;opacity:0;transition:opacity .2s ease}.wi-token-icon[data-loaded=true]{opacity:1}.wi-token-chain-badge{position:absolute;right:0;bottom:0;width:14px;height:14px;border-radius:50%;background:var(--wi-surface-bg);box-shadow:0 0 0 1.5px var(--wi-surface-bg);object-fit:contain}.wi-token-info{display:flex;flex-direction:column;min-width:0}.wi-token-name{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.wi-token-price-row{display:flex;align-items:center;gap:8px}.wi-token-price{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4));white-space:nowrap}.wi-token-change{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;white-space:nowrap}.wi-token-change[data-positive=true]{color:var(--ds-system-green-high, #00a0a2)}.wi-token-change[data-positive=false]{color:var(--ds-system-red-high, #a80927)}.wi-token-change[data-zero]{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.wi-token-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.wi-token-balance{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);white-space:nowrap}.wi-token-value{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4));white-space:nowrap}.wi-sticky-footer{flex-shrink:0}.wi-footer{padding:16px 24px 24px}.wi-builtin-footer{display:flex;flex-direction:column;gap:8px;align-items:stretch}.wi-wallet-disconnect-row{display:flex;justify-content:flex-end;flex-shrink:0;padding:16px 24px;border-top:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.wi-send-toast{position:absolute;left:15px;right:15px;bottom:20px;z-index:2;display:flex;align-items:center;gap:12px;min-height:52px;padding:12px;border-radius:12px;background:var(--ds-surface-inverted, #1e232e);color:var(--ds-content-inverted, #ffffff);box-sizing:border-box;text-decoration:none}.wi-action-toast{position:absolute;left:15px;right:15px;bottom:20px;z-index:3;padding:12px 14px;border-radius:12px;background:var(--ds-surface-inverted, #1e232e);color:var(--ds-content-inverted, #ffffff);font-size:14px;line-height:1.4;text-align:center;box-sizing:border-box;animation:wi-action-toast-in .18s ease-out}.wi-popover-content:has(.wi-wallet-disconnect-row) .wi-action-toast,.wi-drawer-content:has(.wi-wallet-disconnect-row) .wi-action-toast{bottom:72px}@keyframes wi-action-toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.wi-action-card--dimmed{opacity:.4;cursor:pointer}.wi-action-card--dimmed:hover{opacity:.5}.wi-popover-content:has(.wi-wallet-disconnect-row) .wi-send-toast,.wi-drawer-content:has(.wi-wallet-disconnect-row) .wi-send-toast{bottom:72px}.wi-send-toast:hover{opacity:.92}.wi-send-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--ds-accent-primary-default, #00b4b7)}.wi-send-toast-spinner{width:18px;height:18px;border:2px solid rgba(0,232,201,.22);border-top-color:var(--ds-accent-primary-on-inverted, #00e8c9);border-radius:50%;animation:wi-send-toast-spin .8s linear infinite}.wi-send-toast-error-dot{width:18px;height:18px;border-radius:50%;background:var(--ds-system-red-default, #ff3358)}@keyframes wi-send-toast-spin{to{transform:rotate(360deg)}}.wi-send-toast-copy{display:flex;min-width:0;flex-direction:column}.wi-send-toast-title{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-inverted, #ffffff)}.wi-send-toast-desc{font-family:inherit;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-accent-primary-on-inverted, #00e8c9)}.wi-send-toast-icon[data-status=error]+.wi-send-toast-copy .wi-send-toast-desc{color:var(--ds-system-red-default, #ff3358)}.wi-disconnect-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:16px;padding:0;border:none;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;cursor:pointer;transition:color .15s ease}.wi-disconnect-btn:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-disconnect-label{white-space:nowrap}.wi-legal-links{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;flex-shrink:0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.wi-receive-avatar .wi-avatar-fallback{position:absolute;inset:0;border-radius:50%;z-index:0}.wi-receive-avatar .wi-avatar-img{width:24px;height:24px}.wi-legal-link{color:var(--ds-content-low, rgba(0, 0, 0, .4));text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.wi-legal-link:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-legal-sep{color:inherit}.wi-empty{display:flex;align-items:center;justify-content:center;padding:32px 0;font-family:inherit;font-size:16px;color:var(--wi-texticon-secondary)}.wi-skeleton-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.wi-skeleton-left{display:flex;align-items:center;gap:12px}.wi-skeleton-block{border-radius:6px;background:var(--wi-border-default);position:relative;overflow:hidden}.wi-skeleton-block:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);animation:wi-shimmer 1.5s ease-in-out infinite}[data-theme=light] .wi-skeleton-block:after{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 50%,transparent 100%)}.wi-skeleton-icon{width:32px;height:32px;border-radius:50%;flex-shrink:0}.wi-skeleton-lines{display:flex;flex-direction:column;gap:6px}.wi-skeleton-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.wi-header-back{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--ds-content-low, rgba(0, 0, 0, .4));flex-shrink:0;transition:color .15s ease}.wi-header-back:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-view-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.wi-popover-content[data-view=qr] .wi-view-container,.wi-drawer-content[data-view=qr] .wi-view-container{flex:1;min-height:0}.wi-view-inner{display:flex;flex-direction:column;flex:1;min-height:0}.wi-view-wallet{animation:wi-slide-in-left .25s ease-out}.wi-view-qr,.wi-view-portfolio{animation:wi-slide-in-right .25s ease-out}.wi-qr-body{flex:1;min-height:0;display:flex;flex-direction:column}.wi-portfolio-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.wi-portfolio-body>.wp-embed{flex:1;min-height:0}.wi-portfolio-body .wp-body-inner{padding:16px 16px 32px;gap:32px}.wi-receive-section{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px}.wi-receive-account{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:0;background:var(--ds-surface-high, #edf1f2);border-radius:9999px;font-family:inherit;color:inherit}.wi-receive-account--btn{cursor:pointer;transition:none}.wi-receive-account--btn:hover{background:#2e3544}:root[data-ds-theme=light] .wi-receive-account--btn:hover{background:#e4e8ef}.wi-receive-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.wi-receive-account-name{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.wi-receive-account>svg{color:var(--ds-content-medium, rgba(0, 0, 0, .65));flex-shrink:0}.wi-receive-chevron{display:inline-flex;align-items:center;color:var(--ds-content-medium, rgba(0, 0, 0, .65));flex-shrink:0;transition:transform .2s ease}.wi-receive-chevron[data-open=true]{transform:rotate(180deg)}.wi-qr-block{display:flex;flex-direction:column;align-items:center;gap:16px}.wi-qr-box{position:relative;display:flex;align-items:center;justify-content:center;padding:10px;background:#fff;border-radius:6px;overflow:hidden}.wi-qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.wi-qr-address{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65));text-align:center;word-break:break-all;max-width:281px;margin:0}.wi-qr-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;border:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));background:var(--ds-surface-default, #ffffff);border-radius:12px;cursor:pointer;transition:border-color .15s ease}.wi-qr-copy-btn:hover{border-color:var(--ds-border-medium, rgba(0, 0, 0, .18))}.wi-qr-copy-icon{display:inline-flex;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-qr-copy-text{font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.wi-receive-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:16px 24px;border-top:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.wi-drawer-content .wi-header{padding:16px}.wi-drawer-content .wi-header--receive .wi-header-action,.wi-drawer-content .wi-header--sub-account .wi-header-action{top:16px;right:16px}.wi-drawer-content .wi-total-section,.wi-drawer-content .wi-action-row{margin:16px 16px 0}.wi-drawer-content .wi-nav-fixed{padding:0 16px}.wi-drawer-content .wi-token-item{padding:12px 16px}.wi-drawer-content .wi-wallet-disconnect-row{padding:16px}
|
|
14
|
-
`);
|
|
15
|
-
`);import{jsx as br}from"react/jsx-runtime";var Cd="https://terms.crosstoken.io/docs/cross-terms-of-use",Nd="https://terms.crosstoken.io/docs/nexus-privacy-policy";function Td({env:e,theme:t="dark",mobileBreakpoint:n=768,drawerDirection:o,modal:r,showBalance:a=!1,showForgeToken:i=!1,showGameToken:s=!0,showQR:c=!0,showBridge:l=!0,qrLogoSrc:d,walletAddress:u,accountName:g,sendAccounts:h,profileImageUrl:v,connectorId:k,connectorName:w,connectorIconUrl:y,preferredTokens:L=[],onSelectWallet:f,onCopyAddress:A,onBuy:R,onBuyDisabledMessage:M,onDisconnect:_,disconnectLabel:$="Disconnect",termsUrl:W=Cd,termsLabel:Z="Terms of Service",privacyUrl:U=Nd,privacyLabel:z="Privacy Policy",open:le,onOpenChange:fe,showPortfolio:re=!1,portfolioTitle:ie="My Portfolio",showTotalAssets:Fe=!0,totalAssetsLabel:ee="Total Assets USD",sendTransaction:H,getTransactionReceipt:X,estimateGas:be,onOutlink:Y,lpBalanceReader:Me,bridgeTokens:_e,bridgeHistory:we,getBridgeQuote:ke,getBridgeToTokens:bt,getBridgeApproval:ce,approveBridge:Lt,submitBridge:Ze,onReceive:Ye,onBridge:Se,onSend:Le,style:ue,children:oe}){let me=Ne(e),Et=k?qn[k]:void 0,Xe=w??Et?.name,wt=y??Et?.iconUrl,ge=on(`(max-width: ${n}px)`),Oe=o??(a?"right":"bottom"),xt=Oe==="left"||Oe==="right",Ee=r??!1,Je=le!==void 0,[et,ze]=Ie.useState(!1),de=Je?le:et,We=Ie.useCallback(Ge=>{Je||ze(Ge),fe?.(Ge)},[Je,fe]),ct=Ie.useCallback(()=>We(!1),[We]),[vt,De]=Ie.useState(null),[At,Pt]=Ie.useState("top"),[tt,yt]=Ie.useState(null),[Ae,dt]=Ie.useState("wallet"),[N,j]=Ie.useState(null);Ie.useEffect(()=>{de||(dt("wallet"),j(null))},[de]);let J=Ie.useCallback(()=>{Ko(u),_?.()},[_,u]),He=Ie.useMemo(()=>({env:me,theme:t,isMobile:ge,open:de,drawerDirection:Oe,modal:Ee,showBalance:a,showForgeToken:i,showGameToken:s,showQR:c,showBridge:l,qrLogoSrc:d,walletAddress:u,accountName:g,sendAccounts:h,profileImageUrl:v,connectorName:Xe,connectorIconUrl:wt,preferredTokens:L,close:ct,onSelectWallet:f,onCopyAddress:A,onBuy:R,onBuyDisabledMessage:M,onDisconnect:_?J:void 0,disconnectLabel:$,termsUrl:W,termsLabel:Z,privacyUrl:U,privacyLabel:z,portalStyle:ue,navContent:vt,navPosition:At,setNavContent:De,setNavPosition:Pt,footerContent:tt,setFooterContent:yt,view:Ae,setView:dt,selectedSendToken:N,setSelectedSendToken:j,showPortfolio:re,portfolioTitle:ie,showTotalAssets:Fe,totalAssetsLabel:ee,sendTransaction:H,getTransactionReceipt:X,estimateGas:be,onOutlink:Y,lpBalanceReader:Me,bridgeTokens:_e,bridgeHistory:we,getBridgeQuote:ke,getBridgeToTokens:bt,getBridgeApproval:ce,approveBridge:Lt,submitBridge:Ze,onReceive:Ye,onBridge:Se,onSend:Le}),[me,t,ge,de,Oe,Ee,a,i,s,c,l,d,u,g,h,v,Xe,wt,L,ct,f,A,R,M,_,J,$,W,Z,U,z,ue,vt,At,tt,Ae,N,re,ie,Fe,ee,H,X,be,Y,Me,_e,we,ke,bt,ce,Lt,Ze,Ye,Se,Le]);return br(Do.Provider,{value:He,children:ge?br(Sd.Root,{direction:Oe,open:de,onOpenChange:We,handleOnly:xt,noBodyStyles:!0,repositionInputs:!1,children:oe},"drawer"):br(ns.Root,{open:de,onOpenChange:We,children:oe},"popover")})}var wn=Object.assign(Td,{Trigger:Hi,Content:Ya,Nav:Ja,Footer:ts});import*as It from"react";import*as xs from"@radix-ui/react-dialog";import{Drawer as Fd}from"vaul";import{createContext as Rd,useContext as Id}from"react";var wo=Rd(null);function Bn(){let e=Id(wo);if(!e)throw new Error("WalletConnectModal compound components must be used within <WalletConnectModal>");return e}import{useState as os,useEffect as Ld,useCallback as Ed}from"react";function xo(){let[e,t]=os([]),[n,o]=os(!0);Ld(()=>{if(typeof window>"u"){o(!1);return}let a=[],i=c=>{let{info:l}=c.detail;l?.rdns&&!a.some(d=>d.rdns===l.rdns)&&(a.push({rdns:l.rdns,name:l.name,icon:l.icon}),t([...a]))};window.addEventListener("eip6963:announceProvider",i),window.addEventListener("eip6963:crossAnnounceProvider",i),window.dispatchEvent(new Event("eip6963:requestProvider")),window.dispatchEvent(new Event("eip6963:crossRequestProvider"));let s=setTimeout(()=>o(!1),500);return()=>{window.removeEventListener("eip6963:announceProvider",i),window.removeEventListener("eip6963:crossAnnounceProvider",i),clearTimeout(s)}},[]);let r=Ed(a=>e.some(i=>i.rdns===a),[e]);return{wallets:e,isDetected:r,isLoading:n}}import*as is from"@radix-ui/react-dialog";import{Drawer as Ad}from"vaul";import{jsx as rs}from"react/jsx-runtime";function as({asChild:e,children:t}){let{isMobile:n}=Bn(),o=n?Ad.Trigger:is.Trigger;return rs(o,{asChild:e??t!=null,children:t??rs("button",{type:"button",children:"Connect Wallet"})})}import*as Rt from"@radix-ui/react-dialog";import{Drawer as yo}from"vaul";import{jsx as G,jsxs as $t}from"react/jsx-runtime";function vo(){return $t("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[G("circle",{cx:"20",cy:"20",r:"20",fill:"#00D5AA"}),G("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.3225 2.85742L23.7249 6.25982V11.8301L28.1175 7.43757L32.9292 12.2493L28.5806 16.5979H20.3225C18.4435 16.5979 16.9201 18.1212 16.9201 20.0003C16.9201 21.8794 18.4434 23.4027 20.3225 23.4027H28.5372L32.9293 27.7948L28.1176 32.6066L23.7249 28.2139V33.7407L20.3225 37.1431L16.9201 33.7407V28.2584L12.5719 32.6066L7.76022 27.7948L12.1524 23.4027H6.58209L3.17969 20.0003L6.58209 16.5979H12.1089L7.76035 12.2493L12.5721 7.43757L16.9201 11.7857V6.25982L20.3225 2.85742Z",fill:"black"})]})}function ss(){return $t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",children:[$t("g",{clipPath:"url(#clip0_1331_27065)",children:[G("path",{d:"M37.2488 38.4674L28.6626 35.8175L22.1876 39.8295L17.6699 39.8274L11.191 35.8175L2.60875 38.4674L-0.00195312 29.3328L2.60875 19.1947L-0.00195312 10.6234L2.60875 0L16.0192 8.30453H23.838L37.2488 0L39.8595 10.6234L37.2488 19.1947L39.8595 29.3328L37.2488 38.4674Z",fill:"#FF5C16"}),G("path",{d:"M2.60938 0L16.0201 8.31037L15.4868 14.0137L2.60938 0ZM11.1919 29.3366L17.0925 33.9956L11.1919 35.8175V29.3366ZM16.6209 21.6342L15.4868 14.0175L8.22768 19.1971L8.22374 19.195V19.1988L8.24628 24.5302L11.1899 21.6345L16.6209 21.6342ZM37.2477 0L23.837 8.31037L24.3685 14.0137L37.2477 0ZM28.6654 29.3366L22.7646 33.9956L28.6654 35.8175V29.3366ZM31.6313 19.1985V19.1947L31.6297 19.1968L24.3705 14.0175L23.2364 21.6342H28.6651L31.6108 24.5296L31.6313 19.1985Z",fill:"#FF5C16"}),G("path",{d:"M11.191 35.8175L2.60875 38.4674L-0.00195312 29.3366H11.191V35.8175ZM16.62 21.6321L18.2595 32.6435L15.9873 26.5208L8.24368 24.5296L11.189 21.6324H16.62V21.6321ZM28.6662 35.8175L37.2488 38.4674L39.8595 29.3366H28.6662V35.8175ZM23.2375 21.6321L21.598 32.6435L23.8699 26.5208L31.6138 24.5296L28.6665 21.6324H23.2375V21.6321Z",fill:"#E34807"}),G("path",{d:"M-0.00195312 29.3328L2.60875 19.1947H8.22284L8.2434 24.5278L15.9876 26.519L18.2595 32.6414L17.0916 33.9897L11.191 29.3307H-0.00195312V29.3328ZM39.8595 29.3328L37.2488 19.1947H31.6344L31.6138 24.5278L23.8702 26.519L21.598 32.6414L22.7657 33.9897L28.6665 29.3307H39.8595V29.3328ZM23.838 8.30444H16.0192L15.4882 14.0078L18.2597 32.6355H21.598L24.3713 14.0078L23.838 8.30444Z",fill:"#FF8D5D"}),G("path",{d:"M2.60875 0L-0.00195312 10.6234L2.60875 19.1947H8.22284L15.4859 14.0137L2.60875 0ZM14.9975 23.8438H12.4541L11.0693 25.2508L15.9893 26.515L14.9975 23.842V23.8438ZM37.2488 0L39.8595 10.6234L37.2488 19.1947H31.6344L24.3716 14.0137L37.2488 0ZM24.8637 23.8438H27.4107L28.7955 25.2526L23.8699 26.5191L24.8637 23.8418V23.8438ZM22.1857 36.1956L22.7659 33.9936L21.598 32.6453H18.2572L17.0896 33.9936L17.6696 36.1956",fill:"#661800"}),G("path",{d:"M22.1857 36.1951V39.831H17.6699V36.1951H22.1857Z",fill:"#C0C4CD"}),G("path",{d:"M11.1914 35.8131L17.672 39.8289V36.193L17.0917 33.9912L11.1914 35.8131ZM28.6649 35.8131L22.1841 39.8289V36.193L22.7644 33.9912L28.6649 35.8131Z",fill:"#E7EBF6"})]}),G("defs",{children:G("clipPath",{id:"clip0_1331_27065",children:G("rect",{width:"40",height:"40",fill:"white"})})})]})}function ls(){return $t("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[G("path",{d:"M12.23 16.81L20 9.04L27.77 16.81L32.29 12.29L20 0L7.71 12.29L12.23 16.81Z",fill:"#F3BA2F"}),G("path",{d:"M9.04 20L4.52 15.48L0 20L4.52 24.52L9.04 20Z",fill:"#F3BA2F"}),G("path",{d:"M12.23 23.19L20 30.96L27.77 23.19L32.29 27.71L20 40L7.71 27.71L12.23 23.19Z",fill:"#F3BA2F"}),G("path",{d:"M35.48 24.52L40 20L35.48 15.48L30.96 20L35.48 24.52Z",fill:"#F3BA2F"}),G("path",{d:"M24.58 20L20 15.41L16.61 18.8L16.22 19.19L15.42 19.99L20 24.59L24.59 20L24.58 20Z",fill:"#F3BA2F"})]})}function cs(){return $t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"247",height:"246",viewBox:"0 0 247 246",fill:"none",children:[G("rect",{width:"247.005",height:"245.105",rx:"36",fill:"#121212"}),G("path",{d:"M89.1233 136.695V59.7551H118.481V140.524L74.5862 184.774L30.4787 140.524V107.55H59.9073V136.695L74.5862 151.303L89.1233 136.695Z",fill:"white"}),G("path",{d:"M59.8364 99.8915V59.7551H12.0414L30.4787 77.8377V99.8915H59.8364Z",fill:"#2FD7FF"}),G("path",{d:"M199.534 59.9334C202.562 60.0484 208.427 60.4824 212.031 63.6902C215.635 66.898 216.937 71.0498 216.937 73.1199V104.017L198.767 114.828L216.937 125.561V172.713C216.937 174.511 216.405 178.276 211.034 181.377C205.664 184.477 202.613 184.969 201.758 184.827H143.949C141.879 184.904 136.712 184.182 132.602 180.686C128.493 177.19 128.462 175.216 128.462 173.515V125.561L146.173 114.828L128.462 104.017V71.1268C128.462 69.721 130.109 65.7781 133.237 63.5701C137.147 60.8101 141.112 59.9334 144.409 59.9334H199.534ZM158.3 122.264V166.221H187.033V122.264H158.3ZM158.3 107.794H187.033V78.5272H158.3V107.794Z",fill:"white"})]})}function ds(){return $t("svg",{width:"40",height:"40",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[$t("g",{clipPath:"url(#clip0_1185_7785)",children:[G("path",{d:"M14 28C21.75 28 28 21.75 28 14C28 6.25 21.75 0 14 0C6.25 0 0 6.25 0 14C0 21.75 6.25 28 14 28Z",fill:"#EB0029"}),G("path",{d:"M19.4975 8.36232L6 6L13.103 23L23 11.5311L19.4975 8.36232ZM19.2801 9.4034L21.3449 11.27L15.6975 12.2424L19.2801 9.4034ZM14.4714 12.0479L8.51876 7.35252L18.247 9.05524L14.4714 12.0479ZM14.0467 12.8782L13.0765 20.5098L7.84385 7.98492L14.0467 12.8782ZM14.9454 13.2835L21.1983 12.2064L14.026 20.518L14.9454 13.2835Z",fill:"white"})]}),G("defs",{children:G("clipPath",{id:"clip0_1185_7785",children:G("rect",{width:"28",height:"28",fill:"white"})})})]})}function ps(){return $t("svg",{width:"40",height:"40",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:[G("path",{fill:"#FFC107",d:"M43.6 20.5H42V20H24v8h11.3A12 12 0 1 1 24 12c3 0 5.8 1.2 7.9 3l5.7-5.7A20 20 0 1 0 44 24c0-1.2-.1-2.4-.4-3.5z"}),G("path",{fill:"#FF3D00",d:"M6.3 14.7l6.6 4.8A12 12 0 0 1 24 12c3 0 5.8 1.2 7.9 3l5.7-5.7A20 20 0 0 0 6.3 14.7z"}),G("path",{fill:"#4CAF50",d:"M24 44c5.2 0 10-2 13.6-5.2l-6.3-5.3A12 12 0 0 1 12.7 28l-6.5 5A20 20 0 0 0 24 44z"}),G("path",{fill:"#1976D2",d:"M43.6 20.5H42V20H24v8h11.3a12 12 0 0 1-4.1 5.5l6.3 5.3C41 35.7 44 30.3 44 24c0-1.2-.1-2.4-.4-3.5z"})]})}function fs(){return G("svg",{width:"40",height:"40",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:G("path",{d:"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.53 4.08zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"})})}function us(){return G("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:G("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}var wr={cross_embedded:{id:"cross_embedded",name:"CROSSx with Social",description:"Sign in with Google or Apple",icon:vo},cross_wallet:{id:"cross_wallet",name:"CROSSx",description:"App approval is required",icon:vo,featured:!0},cross_extension:{id:"cross_extension",name:"CROSSx Extension",description:"Browser extension approval is required",icon:vo,rdns:"nexus.to.crosswallet.desktop",installUrl:"https://chromewebstore.google.com/detail/crossx/nninbdadmocnokibpaaohnoepbnpdgcg",visibility:"desktop-only"},metamask:{id:"metamask",name:"MetaMask",description:"Browser extension approval is required",icon:ss,rdns:"io.metamask"},binance:{id:"binance",name:"Binance",description:"Mobile app only \u2014 Add CROSS network first",icon:ls},verse8:{id:"verse8",name:"Verse8 Wallet",description:"Optimized for Forge and Verse8 ecosystem",icon:cs,badge:"For Forge"},tron:{id:"tron",name:"Tron Wallet",description:"Dedicated for Tron-based transactions and assets",icon:ds,badge:"For SHOP"}};function xr(e){return wr[e]}var vr={google:{id:"google",name:"Google",icon:ps},apple:{id:"apple",name:"Apple",icon:fs}};function ms(e){return vr[e]}import{Fragment as bs,jsx as D,jsxs as ye}from"react/jsx-runtime";function Pd({wallet:e,detected:t,onConnect:n}){let o=()=>{if(e.installUrl&&!t){window.open(e.installUrl,"_blank","noopener,noreferrer");return}n()},r=e.icon,a=e.featured===!0;return ye("button",{type:"button",className:Q("wcm-wallet-item",a&&"wcm-wallet-item--featured"),onClick:o,children:[ye("div",{className:"wcm-wallet-item-left",children:[D("div",{className:"wcm-wallet-icon",children:D(r,{})}),ye("div",{className:"wcm-wallet-name-row",children:[D("span",{className:"wcm-wallet-name",children:e.name}),e.badge&&D("span",{className:"wcm-wallet-badge",children:e.badge})]})]}),e.installUrl&&(t?D("span",{className:"wcm-installed-label",children:"Installed"}):D("span",{className:"wcm-install-btn",children:"Install"}))]})}function Bd({social:e,onSignIn:t}){let n=e.icon,o=`Sign in with ${e.name}`;return ye("button",{type:"button",className:"wcm-social-item","data-provider":e.id,onClick:t,"aria-label":o,children:[D("span",{className:"wcm-social-icon",children:D(n,{})}),D("span",{className:"wcm-social-name",children:o})]})}function gs(){let{wallets:e,activeWalletIds:t,socialProviders:n,activeSocialIds:o,termsUrl:r,privacyUrl:a,isDetected:i,close:s,isMobile:c}=Bn(),l=t.filter(g=>{let h=xr(g).visibility;return!h||h==="always"?!0:h==="desktop-only"?!c:h==="mobile-only"?c:!0}),d=o.length>0,u=l.length>0;return ye(bs,{children:[ye("div",{className:"wcm-header",children:[ye("div",{className:"wcm-header-text",children:[D("h2",{className:"wcm-title",children:"CROSS Wallet"}),!c&&D("p",{className:"wcm-subtitle",children:"Sign in instantly with your social account"})]}),D("button",{type:"button",className:"wcm-close-btn",onClick:s,"aria-label":"Close",children:D(us,{})})]}),ye("div",{className:"wcm-body",children:[d&&ye(bs,{children:[!c&&ye("div",{className:"wcm-section-header",children:[D("span",{className:"wcm-section-title",children:"Social Account Wallet Connect"}),D("span",{className:"wcm-recommended-badge",children:"Recommended"})]}),D("div",{className:"wcm-social-grid",children:o.map(g=>{let h=ms(g);return D(Bd,{social:h,onSignIn:()=>{n[g]?.(),s()}},g)})}),u&&ye("div",{className:"wcm-separator",children:[D("div",{className:"wcm-separator-line"}),D("span",{className:"wcm-separator-text",children:"Other Wallets"}),D("div",{className:"wcm-separator-line"})]})]}),u&&D("div",{className:"wcm-wallet-list",children:l.map(g=>{let h=xr(g),v=h.rdns?i(h.rdns):!1;return D(Pd,{wallet:h,detected:v,onConnect:()=>{e[g]?.(),s()}},g)})}),ye("p",{className:"wcm-terms",children:["By continuing, you agree to NEXUS"," ",D(hs,{href:r,children:"Terms of Service"})," and consent to its ",D(hs,{href:a,children:"Privacy Policy"}),"."]})]})]})}function hs({href:e,children:t}){return e?D("a",{className:"wcm-terms-link",href:e,target:"_blank",rel:"noopener noreferrer",children:t}):D("span",{className:"wcm-terms-link",children:t})}function ws({className:e}){let{isMobile:t,theme:n,portalStyle:o}=Bn();return t?ye(yo.Portal,{children:[D(yo.Overlay,{className:"wcm-overlay"}),ye(yo.Content,{className:Q("wcm-drawer-content",e),"data-theme":n,style:o,children:[D(yo.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),D("div",{className:"wcm-drawer-handle"}),D("div",{className:"wcm-drawer-body",children:D(gs,{})})]})]}):ye(Rt.Portal,{children:[D(Rt.Overlay,{className:"wcm-overlay"}),ye(Rt.Content,{className:Q("wcm-dialog-content",e),"data-theme":n,style:o,children:[D(Rt.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),D(Rt.Description,{className:"wcm-sr-only",children:"Sign in with a social provider or pick a wallet to connect."}),D("div",{className:"wcm-dialog-body",children:D(gs,{})})]})]})}O(`.wcm-overlay{position:fixed;inset:0;z-index:100000;background:var(--ds-overlay-dim, rgba(0, 0, 0, .5));-webkit-backdrop-filter:var(--ds-bg-blur-7, blur(3.5px));backdrop-filter:var(--ds-bg-blur-7, blur(3.5px))}.wcm-dialog-content{-webkit-font-smoothing:antialiased;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100001;width:var(--wcm-dialog-width, 480px);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;background:var(--ds-surface-default, #ffffff);border:1px solid var(--ds-border-default, #00000012);border-radius:24px;box-shadow:var(--ds-shadow-modal, 0 4px 30px -1px rgba(0, 0, 0, .15));outline:none;animation:wcm-dialog-show .2s ease-out;font-family:inherit}.wcm-dialog-content[data-state=closed]{animation:wcm-dialog-hide .15s ease-in}.wcm-dialog-body,.wcm-drawer-body{scrollbar-width:thin;scrollbar-color:var(--ds-border-medium, rgba(0, 0, 0, .18)) transparent}.wcm-dialog-body::-webkit-scrollbar,.wcm-drawer-body::-webkit-scrollbar{width:4px}.wcm-dialog-body::-webkit-scrollbar-track,.wcm-drawer-body::-webkit-scrollbar-track{background:transparent}.wcm-dialog-body::-webkit-scrollbar-thumb,.wcm-drawer-body::-webkit-scrollbar-thumb{background:var(--ds-border-medium, rgba(0, 0, 0, .18));border-radius:4px}.wcm-drawer-content{-webkit-font-smoothing:antialiased;position:fixed;bottom:0;left:0;right:0;z-index:100001;width:100%;max-width:var(--wcm-drawer-max-width, none);min-width:var(--wcm-drawer-min-width, 0);max-height:85dvh;margin:0 auto;display:flex;flex-direction:column;background:var(--ds-surface-default, #ffffff);border:1px solid var(--ds-border-default, #00000012);border-top-left-radius:16px;border-top-right-radius:16px;outline:none;font-family:inherit;box-sizing:border-box}.wcm-drawer-content[data-vaul-drawer-direction=right]{inset:0 0 0 auto;max-height:100vh;width:var(--wcm-drawer-max-width, 400px);max-width:100vw;border-radius:16px 0 0 16px}.wcm-drawer-content[data-vaul-drawer-direction=left]{inset:0 auto 0 0;max-height:100vh;width:var(--wcm-drawer-max-width, 400px);max-width:100vw;border-radius:0 16px 16px 0}.wcm-drawer-content[data-vaul-drawer-direction=top]{inset:0 0 auto;border-radius:0 0 16px 16px}.wcm-drawer-handle{width:60px;height:4px;border-radius:999px;background:var(--ds-border-medium, rgba(0, 0, 0, .18));margin:12px auto 8px;flex-shrink:0}.wcm-drawer-content[data-vaul-drawer-direction=left] .wcm-drawer-handle,.wcm-drawer-content[data-vaul-drawer-direction=right] .wcm-drawer-handle{display:none}.wcm-dialog-body,.wcm-drawer-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.wcm-drawer-body{overscroll-behavior:contain}.wcm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.wcm-header-text{display:flex;flex-direction:column;gap:4px;min-width:0}.wcm-title{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:1.25;letter-spacing:0;color:var(--ds-content-highest, #000000);margin:0}.wcm-subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65));margin:0}.wcm-close-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:none;background:transparent;color:var(--ds-content-low, #00000066);cursor:pointer;padding:0;transition:opacity .15s ease}.wcm-close-btn:hover{opacity:.6}.wcm-close-btn>svg{width:24px;height:24px}.wcm-divider{display:none}.wcm-body{display:flex;flex-direction:column;gap:16px;padding:24px}.wcm-section-header{display:flex;align-items:center;gap:8px;width:100%}.wcm-section-title{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:1;letter-spacing:0;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wcm-recommended-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--ds-accent-primary-low, #e7f9f8);border-radius:9999px;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:0;color:var(--ds-accent-primary-high, #00a0a2);white-space:nowrap}.wcm-social-grid{display:grid;gap:8px;width:100%}.wcm-dialog-body .wcm-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wcm-drawer-body .wcm-social-grid{grid-template-columns:1fr}.wcm-social-item{display:flex;background:var(--ds-surface-medium, #f5f7fa);border:none;border-radius:12px;cursor:pointer;transition:none;font-family:inherit;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wcm-social-item:hover{background:#2e3544!important}:root[data-ds-theme=light] .wcm-social-item:hover{background:#eff3f8!important}.wcm-social-item[data-provider=apple] .wcm-social-icon{color:#000}[data-theme=dark] .wcm-social-item[data-provider=apple] .wcm-social-icon{color:#fff}.wcm-dialog-body .wcm-social-item{flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}.wcm-drawer-body .wcm-social-item{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:16px}.wcm-social-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.wcm-social-icon>svg{width:32px;height:32px}.wcm-social-name{font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.wcm-separator{display:flex;align-items:center;gap:12px;width:100%}.wcm-separator-line{flex:1;height:1px;background:var(--ds-border-default, rgba(0, 0, 0, .07))}.wcm-separator-text{font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4));white-space:nowrap}.wcm-wallet-list{display:flex;flex-direction:column;gap:8px}.wcm-wallet-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:20px 16px;background:var(--ds-surface-medium, #f5f7fa);border:none;border-radius:12px;cursor:pointer;text-align:left;transition:none;font-family:inherit}.wcm-wallet-item:hover{background:#2e3544!important}:root[data-ds-theme=light] .wcm-wallet-item:hover{background:#eff3f8!important}.wcm-wallet-item-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.wcm-wallet-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.wcm-wallet-icon>svg,.wcm-wallet-icon>img{width:28px;height:28px;border-radius:0;object-fit:cover}.wcm-wallet-name-row{display:flex;align-items:center;gap:8px;min-width:0}.wcm-wallet-name{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.wcm-wallet-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--ds-system-purple-low, #f5f3ff);border:.5px solid var(--ds-system-purple-default, #7e54f4);border-radius:9999px;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:0;color:var(--ds-system-purple-high, #7346f3);white-space:nowrap}.wcm-install-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--ds-accent-primary-default, #00b4b7);border-radius:6px;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:0;color:var(--ds-accent-primary-on, #ffffff);white-space:nowrap}.wcm-installed-label{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:0;color:var(--ds-content-low, rgba(0, 0, 0, .4));white-space:nowrap}.wcm-terms{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65));text-align:center;margin:0}.wcm-terms-link{color:var(--ds-accent-primary-high, #00a0a2);text-decoration:none}.wcm-terms-link:hover{text-decoration:underline}.wcm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
|
|
16
|
-
`);
|
|
17
|
-
`);import{jsx as
|
|
18
|
-
`);
|
|
19
|
-
`);var
|
|
20
|
-
`);
|
|
21
|
-
`);import{jsx as
|
|
1
|
+
function Dr(e){try{return import.meta.env?.[e]}catch{return}}function Hr(e){if(!(typeof process>"u"))return process.env?.[e]}function Pe(e){if(e)return Gr(e);let t=Dr("VITE_CROSSX_ENVIRONMENT")??Dr("NEXT_PUBLIC_CROSSX_ENVIRONMENT")??Hr("NEXT_PUBLIC_CROSSX_ENVIRONMENT")??Hr("CROSSX_ENVIRONMENT");return Gr(t)}function Gr(e){switch(e?.toLowerCase()){case"dev":case"development":return"dev";case"stage":case"staging":case"stg":return"stage";default:return"production"}}var Go="1.3.3";var Vn="__nexusCrossAppLauncherRuntime";function Ys(){if(typeof window>"u")return null;let e=window;return e[Vn]??(e[Vn]={mode:"dapp-ui"}),e[Vn]}function Zs(e){if(e.scheduled)return;e.scheduled=!0;let t=()=>{if(e.scheduled=!1,e.loggedMode!==e.mode){if(e.mode==="connect-kit-react"){let n=e.connectKitVersion??"unknown";console.info(`[CROSSx App Launcher] connect-kit-react v${n} \uCD08\uAE30\uD654 \uC644\uB8CC (dapp-ui v${Go}, \uC0AC\uC6A9 \uBAA8\uB4DC: connect-kit)`)}else console.info(`[CROSSx App Launcher] dapp-ui v${Go} \uCD08\uAE30\uD654 \uC644\uB8CC (\uC0AC\uC6A9 \uBAA8\uB4DC: dapp-ui only)`);e.loggedMode=e.mode}};typeof queueMicrotask=="function"?queueMicrotask(t):Promise.resolve().then(t)}function Uo(e){let t=Ys();t&&(e?.mode==="connect-kit-react"?t.mode="connect-kit-react":t.mode||(t.mode="dapp-ui"),e?.connectKitVersion&&(t.connectKitVersion=e.connectKitVersion),Zs(t))}import*as ln from"react";import*as Ur from"@radix-ui/react-popover";import{Drawer as nl}from"vaul";import{createContext as Xs,useContext as Js}from"react";var $o=Xs(null);function qn(){let e=Js($o);if(!e)throw new Error("AppLauncher compound components must be used within <AppLauncher>");return e}import{useState as el,useEffect as tl}from"react";function sn(e){let[t,n]=el(!1);return tl(()=>{let o=window.matchMedia(e);n(o.matches);let r=a=>n(a.matches);return o.addEventListener("change",r),()=>o.removeEventListener("change",r)},[e]),t}function _(e,{insertAt:t}={}){if(!e||typeof document>"u")return;let n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",t==="top"&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}_(`[data-theme=dark]{--al-bg: var(--ds-surface-default, #1e232e);--al-bg-hover: var(--ds-surface-medium, #252b39);--al-text: var(--ds-content-highest, #ffffff);--al-text-secondary: var(--ds-content-medium, #ffffffa6);--al-border: var(--ds-border-default, #ffffff12);--al-shadow: var(--ds-shadow-modal, 0px 4px 30px -1px rgba(0, 0, 0, .7));--al-badge-bg: var(--ds-accent-primary-low, #123235);--al-badge-text: var(--ds-accent-primary-default, #00ceb2);--al-badge-new-text: var(--ds-system-purple-on, #ffffff);--al-drawer-overlay: var(--ds-overlay-dim, #000000b3)}[data-theme=light]{--al-bg: var(--ds-surface-default, #ffffff);--al-bg-hover: var(--ds-surface-medium, #f5f7fa);--al-text: var(--ds-content-highest, #000000);--al-text-secondary: var(--ds-content-medium, #000000a6);--al-border: var(--ds-border-default, #00000012);--al-shadow: var(--ds-shadow-modal, 0px 4px 30px -1px rgba(0, 0, 0, .15));--al-badge-bg: var(--ds-accent-primary-low, #e7f9f8);--al-badge-text: var(--ds-accent-primary-default, #00b4b7);--al-badge-new-text: var(--ds-system-purple-on, #ffffff);--al-drawer-overlay: var(--ds-overlay-dim, #00000080)}
|
|
2
|
+
`);_(`.al-trigger-btn{--at-bg: transparent;--at-bg-hover: #eaedf1;--at-color: var(--ds-content-high, rgba(0, 0, 0, .85));--at-border: none;--at-border-radius: 8px;--at-size: 36px;--at-padding: 0;--at-press-scale: .95;--at-transition: background-color .15s ease;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--at-size);height:var(--at-size);padding:var(--at-padding);border:var(--at-border);background:var(--at-bg);border-radius:var(--at-border-radius);color:var(--at-color);cursor:pointer;transition:var(--at-transition)}.al-trigger-btn:hover,.al-trigger-btn[data-state=open]{background:var(--at-bg-hover)}.al-trigger-btn:active:not(:disabled){background:var(--at-bg-hover);transform:scale(var(--at-press-scale))}.al-trigger-btn[data-theme=dark]{--at-color: var(--ds-content-high, rgba(255, 255, 255, .85));--at-bg-hover: #252b39}.al-trigger-btn[data-theme=light]{--at-color: var(--ds-content-high, rgba(0, 0, 0, .85))}
|
|
3
|
+
`);_(`@keyframes al-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
|
|
4
|
+
`);_(`.al-popover-content{-webkit-font-smoothing:antialiased;z-index:100001;border-radius:24px;background:var(--al-bg);border:1px solid var(--al-popover-border, var(--al-border));box-shadow:var(--al-popover-shadow, var(--al-shadow));animation:al-fade-in .15s ease-out;max-height:80vh;overflow-x:hidden;overflow-y:auto;padding:20px 4px;box-sizing:border-box}.al-popover-content .al-grid{grid-template-columns:repeat(4,100px);row-gap:16px;column-gap:0;padding:0;justify-content:center;align-items:start}.al-popover-content .al-grid-item{flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:12px 0;width:100px;min-width:0;border-radius:10px}.al-popover-content .al-grid-item-left{flex-direction:column;align-items:center;gap:8px;width:100%;overflow:visible}.al-popover-content .al-grid-item-icon{width:50px;height:50px;border-radius:10.125px;overflow:hidden}.al-popover-content .al-grid-item-icon img{object-fit:cover}.al-popover-content .al-grid-item-label{font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.1;letter-spacing:0;text-align:center;color:var(--al-text);max-width:100%;white-space:normal;overflow-wrap:anywhere}.al-popover-content .al-grid-item-right,.al-popover-content .al-badge-new{display:none}.al-drawer-overlay{position:fixed;inset:0;z-index:100000;background:var(--al-drawer-overlay)}.al-drawer-content{-webkit-font-smoothing:antialiased;position:fixed;top:0;right:0;bottom:0;z-index:100001;width:100vw;background:var(--al-bg);overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;box-sizing:border-box}.al-drawer-body{flex:1;overflow-y:auto;overscroll-behavior-y:contain;min-height:0}.al-drawer-content .al-grid{display:flex;flex-direction:column;grid-template-columns:none;max-width:100%;overflow:hidden;flex-shrink:0;gap:0;row-gap:0;column-gap:0;padding:8px 16px}.al-drawer-content .al-grid-item{width:100%;max-width:100%;gap:8px;padding:16px 12px;border-radius:8px;overflow:hidden;background:transparent}.al-drawer-content .al-grid-item:hover,.al-drawer-content .al-grid-item[data-active=true]{background:var(--al-bg-hover)}.al-drawer-content .al-grid-item-left{gap:8px;flex:1 1 auto;min-width:0}.al-drawer-content .al-grid-item-icon{width:32px;height:32px;border-radius:6.75px;overflow:hidden}.al-drawer-content .al-grid-item-icon img{width:100%;height:100%;object-fit:cover;border-radius:6.75px}.al-drawer-content .al-grid-item-label{font-size:16px;line-height:1.35;letter-spacing:0;font-weight:400}.al-drawer-content .al-grid-item[data-active=true] .al-grid-item-label{font-weight:500}.al-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-shrink:0}.al-drawer-title{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--al-text);margin:0}.al-drawer-close{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--ds-content-low, #00000066);transition:opacity .15s ease}.al-drawer-close:hover{opacity:.7}.al-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px}.al-grid-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 12px;border:none;background:var(--al-bg);border-radius:8px;cursor:pointer;transition:none;color:var(--al-text);text-align:left;font-family:Inter,sans-serif;flex-shrink:0}.al-grid-item:hover,.al-grid-item[data-active=true]{background:#252b39!important}:root[data-ds-theme=light] .al-grid-item:hover,:root[data-ds-theme=light] .al-grid-item[data-active=true]{background:#eff3f8!important}.al-grid-item-left{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.al-grid-item-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.al-grid-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.al-grid-item-icon img{width:100%;height:100%;object-fit:contain}.al-grid-item-label{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:150%;letter-spacing:0;color:var(--al-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-badge{display:flex;padding:1px 4px 2px;justify-content:center;align-items:center;gap:2px;border-radius:3px;background:var(--al-badge-bg);color:var(--al-badge-text);font-family:Pretendard,Inter,sans-serif;font-size:10px;font-weight:600;line-height:150%;letter-spacing:0;white-space:nowrap;flex-shrink:0}.al-badge-new{display:flex;width:16px;height:16px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:12px;background:var(--ds-system-purple-high, #7346f3);color:var(--al-badge-new-text);font-family:Pretendard,Inter,sans-serif;font-size:9px;font-weight:700;flex-shrink:0}
|
|
5
|
+
`);_("");import{jsx as jo}from"react/jsx-runtime";function $r({env:e,theme:t="dark",mobileBreakpoint:n=768,domain:o,children:r}){let a=sn(`(max-width: ${n}px)`),[i,s]=ln.useState(!1),c=ln.useCallback(()=>s(!1),[]),l=Pe(e),d=ln.useMemo(()=>({env:l,theme:t,isMobile:a,open:i,domain:o,close:c}),[l,t,a,i,o,c]);return jo($o.Provider,{value:d,children:a?jo(nl.Root,{direction:"right",open:i,onOpenChange:s,noBodyStyles:!0,children:r},"drawer"):jo(Ur.Root,{open:i,onOpenChange:s,children:r},"popover")})}import*as Kr from"@radix-ui/react-popover";import{Drawer as rl}from"vaul";import{jsx as je,jsxs as ol}from"react/jsx-runtime";function jr({size:e=18}){return ol("svg",{className:"al-trigger-icon",width:e,height:e,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[je("rect",{width:"4",height:"4",rx:"2",fill:"currentColor"}),je("rect",{x:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),je("rect",{x:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),je("rect",{y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),je("rect",{x:"7",y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),je("rect",{x:"14",y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),je("rect",{y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),je("rect",{x:"7",y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),je("rect",{x:"14",y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"})]})}function Vr(){return je("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:je("path",{d:"M12 19L5 12M5 12L12 5M5 12H19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function qr(){return je("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:je("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as Kn}from"react/jsx-runtime";function Qr({asChild:e,children:t,className:n,style:o}){let{isMobile:r,theme:a}=qn(),i=t!=null,s=e??!0,c=n?`al-trigger-btn ${n}`:"al-trigger-btn",l=i?t:Kn("button",{type:"button",className:c,"data-theme":a,style:o,children:Kn(jr,{size:18})});return r?Kn(rl.Trigger,{asChild:s,children:l}):Kn(Kr.Trigger,{asChild:s,children:l})}import*as Zt from"react";import*as Yn from"@radix-ui/react-popover";import{Drawer as cn}from"vaul";import{useQuery as sl}from"@tanstack/react-query";var Yr={dev:"https://stg-contents.crosstoken.io/frontend/common/app-launcher/app-launcher.json",stage:"https://stg-contents.crosstoken.io/frontend/common/app-launcher/app-launcher.json",production:"https://contents.crosstoken.io/frontend/common/app-launcher/app-launcher.json"};var il="https://stg-contents.crosstoken.io/frontend/common/app-launcher/icons",al="https://contents.crosstoken.io/frontend/common/app-launcher/icons";function ct(e,t){return`${e==="production"?al:il}/${t}.png`}function Zr(e){let t=e==="production"?"production":"stage";return{version:"0.0.1-fallback",items:[{id:"gametoken-cross",label:"Gametoken",description:"Trade game tokens easily using CROSS.",url:{dev:"https://dev-x.crosstoken.io/gametoken/CROSS",stage:"https://stg-x.crosstoken.io/gametoken/CROSS",production:"https://x.crosstoken.io/gametoken/CROSS"},iconUrl:ct(t,"dex"),order:1e3,type:"gametoken",badge:null,isNew:!1},{id:"forge",label:"Forge",description:"Launch Your Game, Ignite the Market",url:{dev:"https://stg-x.crosstoken.io/forge",stage:"https://stg-x.crosstoken.io/forge",production:"https://x.crosstoken.io/forge"},iconUrl:ct(t,"forge"),order:4e3,type:"forge",badge:null,isNew:!0},{id:"crossd",label:"Bridge (CROSSD)",description:"The first decentralized exchange on the CROSS network.",url:{dev:"https://stg.crossdefi.io/swap-bridge",stage:"https://stg.crossdefi.io/swap-bridge",production:"https://www.crossdefi.io/swap-bridge"},iconUrl:ct(t,"crossd"),order:5e3,type:"crossd",badge:null,isNew:!1},{id:"prediction",label:"Prediction",description:"Prediction market",url:{dev:"https://stg-prediction.crossdefi.io",stage:"https://stg-prediction.crossdefi.io",production:"https://prediction.crossdefi.io/"},iconUrl:ct(t,"prediction"),order:6e3,type:"prediction",badge:null,isNew:!0},{id:"rewards",label:"Rewards",description:"Deposit CROSS and earn rewards. Grow together.",url:{dev:"https://stg-x.crosstoken.io/rewards",stage:"https://stg-x.crosstoken.io/rewards",production:"https://x.crosstoken.io/rewards"},iconUrl:ct(t,"reward"),order:7e3,type:"rewards",badge:null,isNew:!1},{id:"nft",label:"NFT",description:"Trade and collect NFTs in the CROSS ecosystem.",url:{dev:"https://stg.crossnft.io/",stage:"https://stg.crossnft.io/",production:"https://www.crossnft.io/"},iconUrl:ct(t,"nft"),order:8e3,type:"nft",badge:null,isNew:!1},{id:"play",label:"Play",description:"Discover and play games on CROSS.",url:{dev:"https://stg-play.cross.nexus",stage:"https://stg-play.cross.nexus",production:"https://play.cross.nexus"},iconUrl:ct(t,"play"),order:8500,type:"play",badge:null,isNew:!0},{id:"shop",label:"Shop",description:"Game Payment Platform & In-Game Currency Store.",url:{dev:"https://www.dev.cross.shop/",stage:"https://www.stage.cross.shop/",production:"https://www.cross.shop/"},iconUrl:ct(t,"shop"),order:9e3,type:"shop",badge:null,isNew:!1},{id:"points",label:"Points",description:"Dive into CROSS World, Earn CROSS Points",url:{dev:"https://stg-x.crosstoken.io/points",stage:"https://stg-x.crosstoken.io/points",production:"https://x.crosstoken.io/points"},iconUrl:ct(t,"point"),order:1e4,type:"points",badge:null,isNew:!1},{id:"wave",label:"Wave",description:"Stream, support, and earn in the CROSS ecosystem.",url:{dev:"https://stg-wave.crosstoken.io/en",stage:"https://stg-wave.crosstoken.io/en",production:"https://wave.crosstoken.io/en"},iconUrl:ct(t,"wave"),order:11e4,type:"wave",badge:null,isNew:!1},{id:"explorer",label:"Explorer",description:"View transactions, blocks, and token data on the CROSS network.",url:{dev:"https://stg-explorer.crosstoken.io/612055",stage:"https://stg-explorer.crosstoken.io/612055",production:"https://explorer.crosstoken.io/612055"},iconUrl:ct(t,"explorer"),order:12e3,type:"explorer",badge:null,isNew:!1}]}}function Qn(e){let t=Pe(e);return sl({queryKey:["global-menu",t],queryFn:async({signal:n})=>{try{let o=await fetch(Yr[t],{cache:"no-store",signal:n});if(!o.ok)throw new Error(`Failed to fetch global menu: ${o.status}`);return o.json()}catch(o){if(n.aborted)throw o;return Zr(t)}},staleTime:0,gcTime:0,retry:!1,refetchOnMount:!0})}function X(...e){return e.filter(Boolean).join(" ")}import{jsx as Se,jsxs as Sn}from"react/jsx-runtime";function ll(e){return e.id==="cross-staking"||e.type==="cross-staking"}function Jr({align:e="end",sideOffset:t=8,className:n}){let{env:o,theme:r,isMobile:a,domain:i,close:s}=qn(),{data:c}=Qn(o),l=Zt.useMemo(()=>(c?.items??[]).sort((w,v)=>w.order-v.order),[c]),d=8,f=Zt.useRef(null),h=Zt.useCallback(w=>{f.current={x:w.clientX,y:w.clientY}},[]),m=typeof window<"u"?window.location.pathname:"",y=Zt.useCallback((w,v)=>{if(f.current){let E=w.clientX-f.current.x,C=w.clientY-f.current.y;if(f.current=null,Math.abs(E)>d||Math.abs(C)>d)return}let B=v.url[o]??v.url.production,u=Xr(B,i);if(!u)try{let E=new URL(B).pathname;if(m===E||m.startsWith(E+"/")){s();return}}catch{}u?window.open(B,"_blank","noopener,noreferrer"):window.location.href=B,s()},[o,i,s,m]),x=Se("div",{className:"al-grid","data-theme":r,children:l.map(w=>{let v=w.url[o]??w.url.production,B=Xr(v,i),u=!1;if(!B)try{let E=new URL(v).pathname;u=m===E||m.startsWith(E+"/")}catch{u=!1}return Sn("button",{type:"button",className:"al-grid-item","data-active":u||void 0,onPointerDown:h,onClick:E=>y(E,w),children:[Sn("div",{className:"al-grid-item-left",children:[Se("div",{className:"al-grid-item-icon",children:Se("img",{src:w.iconUrl,alt:w.label,width:24,height:24,loading:"lazy"})}),Se("span",{className:"al-grid-item-label",children:w.label}),w.isNew&&Se("span",{className:"al-badge-new",children:"N"})]}),Se("div",{className:"al-grid-item-right",children:w.badge&&!ll(w)&&Se("span",{className:"al-badge",children:w.badge})})]},w.id)})});return a?Sn(cn.Portal,{children:[Se(cn.Overlay,{className:"al-drawer-overlay"}),Sn(cn.Content,{className:X("al-drawer-content",n),"data-theme":r,children:[Sn("div",{className:"al-drawer-header",children:[Se(cn.Close,{className:"al-drawer-close",children:Se(Vr,{})}),Se(cn.Title,{className:"al-drawer-title",children:"CROSS Services"}),Se(cn.Close,{className:"al-drawer-close",children:Se(qr,{})})]}),Se("div",{className:"al-drawer-body",children:x})]})]}):Se(Yn.Portal,{children:Se(Yn.Content,{align:e,sideOffset:t,className:X("al-popover-content",n),"data-theme":r,children:x})})}function Xr(e,t){try{let n=new URL(e).hostname;return typeof window>"u"?!0:n!==(t??window.location.hostname)}catch{return!1}}import*as Me from"react";import*as us from"@radix-ui/react-popover";import{Drawer as Ud}from"vaul";import{createContext as cl,useContext as dl}from"react";var Vo=cl(null);function Ot(){let e=dl(Vo);if(!e)throw new Error("WalletInfo compound components must be used within <WalletInfo>");return e}var qo=(o=>(o.CROSSx="crossx",o.MetaMask="io.metamask",o.Binance="com.binance.wallet",o))(qo||{}),Zn={crossx:{name:"CROSSx",iconUrl:"https://contents.crosstoken.io/wallet/token/images/tCROSS.svg"},"io.metamask":{name:"MetaMask",iconUrl:"https://upload.wikimedia.org/wikipedia/commons/3/36/MetaMask_Fox.svg"},"com.binance.wallet":{name:"Binance Wallet",iconUrl:"https://public.bnbstatic.com/static/images/common/favicon.ico"}};import*as $i from"react";import{jsx as V,jsxs as Rn}from"react/jsx-runtime";function ei({size:e=16,className:t}){return Rn("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[V("path",{d:"M12.6667 4.66667V2.66667C12.6667 2.48986 12.5964 2.32029 12.4714 2.19526C12.3464 2.07024 12.1768 2 12 2H3.33333C2.97971 2 2.64057 2.14048 2.39052 2.39052C2.14048 2.64057 2 2.97971 2 3.33333C2 3.68696 2.14048 4.02609 2.39052 4.27614C2.64057 4.52619 2.97971 4.66667 3.33333 4.66667H13.3333C13.5101 4.66667 13.6797 4.7369 13.8047 4.86193C13.9298 4.98695 14 5.15652 14 5.33333V8M14 8H12C11.6464 8 11.3072 8.14048 11.0572 8.39052C10.8071 8.64057 10.6667 8.97971 10.6667 9.33333C10.6667 9.68696 10.8071 10.0261 11.0572 10.2761C11.3072 10.5262 11.6464 10.6667 12 10.6667H14C14.1768 10.6667 14.3464 10.5964 14.4714 10.4714C14.5964 10.3464 14.6667 10.1768 14.6667 10V8.66667C14.6667 8.48986 14.5964 8.32029 14.4714 8.19526C14.3464 8.07024 14.1768 8 14 8Z",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"}),V("path",{d:"M2 3.33325V12.6666C2 13.0202 2.14048 13.3593 2.39052 13.6094C2.64057 13.8594 2.97971 13.9999 3.33333 13.9999H13.3333C13.5101 13.9999 13.6797 13.9297 13.8047 13.8047C13.9298 13.6796 14 13.5101 14 13.3333V10.6666",stroke:"currentColor",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"})]})}function Ko({size:e=16,className:t}){return V("svg",{width:e,height:e,viewBox:"4 4 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:V("path",{d:"M9.40284 17.0647H4.85156V4.84656H17.0697V9.39783H15.4407V6.47565H6.48066V15.4356H9.40284V17.0647ZM21.5192 12.5644H12.5592V21.5244H21.5192V12.5644ZM23.1483 10.9353V23.1535H10.9301V10.9353H23.1483Z",fill:"currentColor"})})}function Cn({size:e=16,className:t}){return V("svg",{width:e,height:e,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:V("path",{d:"M11.6667 3.5L5.25 9.91667L2.33334 7",stroke:"currentColor",strokeWidth:1.16667,strokeLinecap:"round",strokeLinejoin:"round"})})}function St({size:e=24,className:t}){return V("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:V("path",{d:"M18 6L6 18M6 6l12 12",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function ti({size:e=20,className:t}){return Rn("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[V("path",{d:"M7.5 17.5H4.167A1.667 1.667 0 012.5 15.833V4.167A1.667 1.667 0 014.167 2.5H7.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),V("path",{d:"M13.333 14.167L17.5 10l-4.167-4.167M17.5 10H7.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})]})}function Qo({size:e=20,className:t}){return V("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,children:V("path",{d:"M7.91305 10.8327C8.60341 10.8327 9.16305 11.3924 9.16305 12.0827V16.2458C9.16305 16.9361 8.60341 17.4958 7.91305 17.4958H3.75C3.05964 17.4958 2.5 16.9361 2.5 16.2458L2.5 12.0827C2.5 11.3924 3.05964 10.8327 3.75 10.8327H7.91305ZM14.1685 17.4958H12.5027V15.83H14.1685V17.4958ZM17.5 17.4958H15.8342V15.83H17.5V17.4958ZM4.16576 12.4985V15.83H7.49729V12.4985H4.16576ZM12.5027 15.83H10.8369V14.1642H12.5027V15.83ZM15.8342 15.83H14.1685V14.1642H15.8342V15.83ZM14.1685 14.1642H12.5027V12.4985H14.1685V14.1642ZM17.5 14.1642H15.8342V12.4985H17.5V14.1642ZM12.5027 12.4985H10.8369V10.8327H12.5027V12.4985ZM15.8342 12.4985H14.1685V10.8327H15.8342V12.4985ZM7.91305 2.50391C8.60341 2.50391 9.16305 3.06355 9.16305 3.75391V7.91696C9.16305 8.60731 8.60341 9.16696 7.91305 9.16696H3.75C3.05964 9.16696 2.5 8.60731 2.5 7.91696L2.5 3.75391C2.5 3.06355 3.05964 2.50391 3.75 2.50391L7.91305 2.50391ZM16.2419 2.50391C16.9322 2.50391 17.4919 3.06355 17.4919 3.75391V7.91696C17.4919 8.60731 16.9322 9.16696 16.2419 9.16696H12.0788C11.3885 9.16696 10.8288 8.60731 10.8288 7.91696V3.75391C10.8288 3.06355 11.3885 2.50391 12.0788 2.50391L16.2419 2.50391ZM4.16576 4.16967L4.16576 7.50119L7.49729 7.50119L7.49729 4.16967L4.16576 4.16967ZM12.4946 4.16967V7.50119H15.8261V4.16967H12.4946Z",fill:"currentColor",fillOpacity:1})})}function Pt({size:e=20,className:t}){return V("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:V("path",{d:"M12.5 15L7.5 10L12.5 5",stroke:"currentColor",strokeWidth:1.67,strokeLinecap:"round",strokeLinejoin:"round"})})}function Xt({size:e=20,className:t}){return V("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:V("path",{d:"M5 8L10 13L15 8",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function ni({size:e=16,className:t}){return Rn("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[V("path",{d:"M1.667 10S4.167 4.167 10 4.167 18.333 10 18.333 10 15.833 15.833 10 15.833 1.667 10 1.667 10z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),V("path",{d:"M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})]})}function oi({size:e=16,className:t}){return Rn("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[V("path",{d:"M14.95 14.95A8.283 8.283 0 0110 16.667c-5.833 0-8.333-5.833-8.333-5.833a15.238 15.238 0 014.183-4.884m3.267-1.55A7.55 7.55 0 0110 4.167c5.833 0 8.333 5.833 8.333 5.833a15.28 15.28 0 01-1.783 2.633M11.767 11.767a2.5 2.5 0 11-3.534-3.534",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),V("path",{d:"M1.667 1.667l16.666 16.666",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})]})}function ri({size:e=42,className:t}){return V("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 42 42",fill:"none",className:t,children:V("path",{d:"M20.7314 2C31.0766 2 39.4628 10.3863 39.4629 20.7314C39.4629 31.0766 31.0766 39.4629 20.7314 39.4629C10.3863 39.4628 2 31.0766 2 20.7314C2.00007 10.3864 10.3864 2.00007 20.7314 2ZM20.5938 30.0586L21.1084 30.5732L21.623 30.0586V25.2471H21.1084C20.9344 25.2471 20.7626 25.235 20.5938 25.2158V30.0586ZM16.4834 24.6611L14.6514 26.4922L15.3799 27.2207L17.1797 25.4209L18.3193 24.2803C18.0487 24.0673 17.8025 23.8251 17.5869 23.5566L16.4834 24.6611ZM26.8691 27.2207L27.5967 26.4922L26.3516 25.2471H24.8955L26.8691 27.2207ZM11.2666 20.7314L11.7822 21.2471H16.624C16.6048 21.0781 16.5938 20.9065 16.5938 20.7324C16.5938 20.5585 16.6049 20.3866 16.624 20.2178H11.7812L11.2666 20.7314ZM20.5938 11.4053V16.2471C20.7626 16.2279 20.9345 16.2178 21.1084 16.2178H21.623V11.4053L21.1084 10.8906L20.5938 11.4053ZM14.6514 15.0029L16.4521 16.8027L17.5732 17.9238C17.7874 17.6546 18.0315 17.4104 18.3008 17.1963L15.3799 14.2754L14.6514 15.0029ZM25.0371 16.1074L24.9268 16.2178H26.3818L27.5957 15.0029L26.8682 14.2754L25.0371 16.1074Z",fill:"#019D92",stroke:"white",strokeWidth:4})})}function ii({size:e=20,className:t}){return V("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:V("path",{d:"M9.19133 10.8077C9.04905 10.6657 8.87947 10.554 8.69283 10.4792L2.78881 8.11167C2.71832 8.08338 2.65816 8.03421 2.61642 7.97075C2.57468 7.90729 2.55335 7.83258 2.5553 7.75665C2.55724 7.68072 2.58237 7.6072 2.6273 7.54596C2.67224 7.48472 2.73483 7.4387 2.80668 7.41406L16.9525 2.5747C17.0185 2.55087 17.0899 2.54632 17.1583 2.56159C17.2268 2.57685 17.2895 2.6113 17.3391 2.66089C17.3887 2.71049 17.4231 2.77319 17.4384 2.84165C17.4536 2.9101 17.4491 2.9815 17.4253 3.04746L12.5859 17.1933C12.5613 17.2651 12.5152 17.3277 12.454 17.3727C12.3928 17.4176 12.3192 17.4427 12.2433 17.4447C12.1674 17.4466 12.0927 17.4253 12.0292 17.3835C11.9658 17.3418 11.9166 17.2817 11.8883 17.2112L9.52073 11.3056C9.44567 11.1191 9.33362 10.9498 9.19133 10.8077ZM9.19133 10.8077L17.3367 2.66404",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function ai({size:e=20,className:t}){return V("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:V("path",{d:"M10.8333 14.1667V7.5M15 14.1667V4.16667M2.5 2.5V15.8333C2.5 16.2754 2.67559 16.6993 2.98816 17.0118C3.30072 17.3244 3.72464 17.5 4.16667 17.5H17.5M6.66667 14.1667V11.6667",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function si({size:e=20,className:t}){return V("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:V("path",{d:"M6.6665 9.99984H13.3332M9.99984 6.6665V13.3332M18.3332 9.99984C18.3332 14.6022 14.6022 18.3332 9.99984 18.3332C5.39746 18.3332 1.6665 14.6022 1.6665 9.99984C1.6665 5.39746 5.39746 1.6665 9.99984 1.6665C14.6022 1.6665 18.3332 5.39746 18.3332 9.99984Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function li({size:e=20,className:t}){return V("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:V("path",{d:"M6.667 2.5 3.333 5.833 6.667 9.167M3.333 5.833h13.334M13.333 17.5l3.334-3.333-3.334-3.334M16.667 14.167H3.333",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function ci({size:e=20,className:t}){return Rn("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[V("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),V("path",{d:"M6 10.2L8.6 12.8L14 7.2",stroke:"var(--ds-accent-primary-on, #ffffff)",strokeWidth:1.8,strokeLinecap:"round",strokeLinejoin:"round"})]})}import*as P from"react";import Jt from"bignumber.js";function pl(e){let t=e.length;for(;t>0&&e.charCodeAt(t-1)===48;)t--;return t>0&&e.charCodeAt(t-1)===46&&t--,e.slice(0,t)}function zt(e,t){if(!e||e==="0")return"0.00";let n=new Jt(e).shiftedBy(-t),o=n.isGreaterThanOrEqualTo(1)?2:4;return n.toFormat(o,Jt.ROUND_DOWN)}function Ve(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}function Yo(e){let t=typeof e=="string"?parseFloat(e):e;if(Number.isNaN(t)||t===0)return"$0.00";let n=t>=1?2:4,o=Math.pow(10,n);return`$${(Math.floor(t*o)/o).toLocaleString("en-US",{minimumFractionDigits:n,maximumFractionDigits:n})}`}function di(e,t,n){let r=new Jt(e).shiftedBy(-t).multipliedBy(new Jt(n));return r.isZero()||r.isNaN()?"$0.00":`$${(r.integerValue(Jt.ROUND_DOWN).isGreaterThanOrEqualTo(1)?r.decimalPlaces(2,Jt.ROUND_DOWN):r.decimalPlaces(4,Jt.ROUND_DOWN)).toFormat()}`}function pi(e){if(e===""||e===null||e===void 0)return{displayValue:"0",isLowerBound:!1};let t=typeof e=="number"?e.toString():e;if(t==="0"||t==="0.0")return{displayValue:"0",isLowerBound:!1};let n=t;if(n.includes("e")||n.includes("E")){let i=Number(n);if(!Number.isFinite(i)||i===0)return{displayValue:"0",isLowerBound:!1};n=pl(i.toFixed(18))}let[o="0",r=""]=n.split(".");if(Number(o)>=1){let i=r.slice(0,2).padEnd(2,"0");return{displayValue:`${Number(o).toLocaleString("en-US")}.${i}`,isLowerBound:!1}}return r.length<4?{displayValue:`${o}.${r}`,isLowerBound:!1}:r.slice(0,4)==="0000"?{displayValue:"0.0001",isLowerBound:!0}:{displayValue:`0.${r.slice(0,4)}`,isLowerBound:!1}}import{useMemo as fl}from"react";import{useQuery as ul}from"@tanstack/react-query";var Je={dev:"https://stg-wallet-server.crosstoken.io/api",stage:"https://stg-wallet-server.crosstoken.io/api",production:"https://wallet-server.crosstoken.io/api"},Ce={dev:{cross:612044,bsc:97},stage:{cross:612044,bsc:97},production:{cross:612055,bsc:56}};var ml="send:chain-info";function gl(e){if("data"in e&&e.data!==void 0){let t=e.data;if(Array.isArray(t)){let n=t[0];if(!n)throw new Error("Chain info payload is empty.");return n}return t}return e}function Zo(e,...t){let n=e.replace(/\/+$/,""),o=t.map(r=>r.replace(/^\/+|\/+$/g,"")).filter(Boolean);return[n,...o].join("/")}function hl(e,t,n,o){if(o)return t===Ce[e].cross?fi(t,o):n?.explorer_url?Zo(n.explorer_url,n.explorer_postfix?.transaction??"tx",o):bl(e,t,o)}function fi(e,t){return Zo("https://explorer.crosstoken.io",String(e),"tx",t)}function bl(e,t,n){let o=Ce[e];if(t===o.cross)return fi(t,n);if(t===o.bsc)return Zo(e==="production"?"https://bscscan.com":"https://testnet.bscscan.com","tx",n)}function Xn(e,t,n,o=!0){let r=Je[e],a=ul({queryKey:[ml,e,t],queryFn:async({signal:c})=>{let l=await fetch(`${r}/v1/public/chain/info/${t}`,{cache:"no-store",signal:c});if(!l.ok)throw new Error(`Failed to fetch chain info: ${l.status}`);let d=await l.json();if("code"in d&&d.code!==void 0&&d.code!==200)throw new Error(`Chain info API error: ${d.code}`);return gl(d)},enabled:o,staleTime:300*1e3}),i=a.data;return{transactionUrl:fl(()=>hl(e,t,i,n),[t,i,e,n]),chainInfo:i,...a}}var ui="0x0000000000000000000000000000000000000001";var wl="0xa9059cbb",xl=/^0x[a-fA-F0-9]{40}$/,vl="nexus-cross:dapp-ui:send:recent:",mi=10;function yl(e){let t=e.length;for(;t>0&&e.charCodeAt(t-1)===48;)t--;return e.slice(0,t)}function Nn(e){return e.toLowerCase()}function Ct(e){return xl.test(e)}function pn(e){return Nn(e.address)===ui}function Xo(e){return`${vl}${e.toLowerCase()}`}function dn(e){if(typeof window>"u")return[];try{let t=window.localStorage.getItem(Xo(e));if(!t)return[];let n=JSON.parse(t);return Array.isArray(n)?n.filter(o=>o!==null&&typeof o=="object"&&Ct(o.address)&&typeof o.updatedAt=="number").slice(0,mi):[]}catch{return[]}}function Jo(e,t){if(typeof window>"u")return[];let n=Nn(t),o=[{address:n,updatedAt:Date.now()},...dn(e).filter(r=>r.address!==n)].slice(0,mi);try{window.localStorage.setItem(Xo(e),JSON.stringify(o))}catch{return dn(e)}return o}function er(e){if(!(typeof window>"u"))try{window.localStorage.removeItem(Xo(e))}catch{}}function en(e,t){let n=e.trim();if(!n)return{error:"Enter an amount."};if(!/^\d+(\.\d*)?$/.test(n))return{error:"Enter a valid amount."};let[o="0",r=""]=n.split(".");if(r.length>t)return{error:`Max ${t} decimal places.`};let a=BigInt(o||"0"),i=r.padEnd(t,"0"),s=i?BigInt(i):0n,c=10n**BigInt(t),l=a*c+s;return l<=0n?{error:"Amount must be greater than 0."}:{value:l}}function Tn(e,t){let n=BigInt(e||"0"),o=10n**BigInt(t),r=n/o,a=n%o;if(a===0n)return r.toString();let i=yl(a.toString().padStart(t,"0"));return`${r.toString()}.${i}`}function tr(e,t){let n=e.replace(/^0x/,"").toLowerCase().padStart(64,"0"),o=t.toString(16).padStart(64,"0");return`${wl}${n}${o}`}function gi(e,t=0){if(t>4||e===null||e===void 0)return"";if(typeof e=="string")return e.toLowerCase();if(typeof e!="object")return"";let n=e,o=[];return typeof n.name=="string"&&o.push(n.name),typeof n.shortMessage=="string"&&o.push(n.shortMessage),typeof n.message=="string"&&o.push(n.message),typeof n.details=="string"&&o.push(n.details),n.cause!==void 0&&o.push(gi(n.cause,t+1)),o.join(`
|
|
6
|
+
`).toLowerCase()}function kl(e){if(e instanceof Error)return e.message;if(typeof e=="string")return e;if(e&&typeof e=="object"){let t=e;if(typeof t.shortMessage=="string")return t.shortMessage;if(typeof t.message=="string")return t.message}return""}function nr(e,t={},n="Failed to send transaction."){let o=gi(e);if(!o)return n;let r=t.nativeSymbol?.trim()||"gas token",a=t.networkName?.trim();if(o.includes("user rejected")||o.includes("userrejected")||o.includes("user denied")||o.includes("user cancelled")||o.includes("user canceled")||o.includes("action_rejected")||o.includes("rejected by user"))return"Transaction was cancelled.";if(o.includes("insufficientfunds")||o.includes("insufficient funds")||o.includes("exceeds the balance of the account")||o.includes("insufficient balance for transfer")){let i=a?` on ${a}`:"";return`Not enough ${r} to cover the gas fee.Please top up your ${r} balance and try again.`}return o.includes("transaction underpriced")||o.includes("replacement transaction underpriced")||o.includes("fee too low")?"Gas fee was too low for the network. Please try again.":o.includes("nonce too low")||o.includes("nonce has already been used")||o.includes("nonce too high")?"Pending transactions are out of order. Refresh the page and try again.":o.includes("execution reverted")||o.includes("contractfunctionrevertederror")||o.includes("contractfunctionexecutionerror")?"The transaction was rejected by the contract. The recipient or token may be invalid.":o.match(/chain \d+ is not configured/)?"This network is not registered in the app. Contact support.":o.includes("http request failed")||o.includes("failed to fetch")||o.includes("network request failed")||o.includes("timeout")||o.includes("econnreset")||o.includes("rpc error")||o.includes("429")?"Network connection failed. Check your internet and try again.":o.includes("estimategas")||o.includes("gas estimation failed")?"Could not estimate the gas fee. The recipient address or amount may be invalid.":kl(e)||n}var Sl=2000000000n,Cl=1000000000n;async function Jn(e,t,n){let o=new AbortController,r=setTimeout(()=>o.abort(),8e3),a=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({jsonrpc:"2.0",id:1,method:t,params:n}),signal:o.signal}).finally(()=>clearTimeout(r));if(!a.ok)throw new Error(`RPC ${t} HTTP ${a.status}`);let i=await a.json();if(i.error)throw new Error(`RPC ${t}: ${i.error.message}`);if(i.result===void 0)throw new Error(`RPC ${t}: empty result`);return i.result}function eo(e){return BigInt(e)}function Rl(e){return`0x${e.toString(16)}`}function Nl(e){let t={to:e.to};return e.from&&(t.from=e.from),e.value!==void 0&&e.value>0n&&(t.value=Rl(e.value)),e.data&&(t.data=e.data),t}function Tl(e){return e===56||e===97}async function hi(e){try{let t=await Jn(e,"eth_gasPrice",[]);return{gasPrice:eo(t)}}catch{return{gasPrice:Sl}}}async function Il(e,t){let n=Cl;try{let o=await Jn(e,"eth_maxPriorityFeePerGas",[]);n=eo(o)}catch{}return{maxFeePerGas:t+n,maxPriorityFeePerGas:n}}async function Ll(e,t){if(t)return hi(e);let n;try{n=(await Jn(e,"eth_getBlockByNumber",["latest",!1]))?.baseFeePerGas}catch{}return n?Il(e,eo(n)):hi(e)}async function bi(e,t){let n=Tl(t.chainId),o=Nl(t),[r,a]=await Promise.all([Jn(e,"eth_estimateGas",[o]),Ll(e,n)]);return{gasLimit:eo(r),gasPrice:a.gasPrice,maxFeePerGas:a.maxFeePerGas,maxPriorityFeePerGas:a.maxPriorityFeePerGas}}function wi(e){let{estimateGas:t,sendTransaction:n,getTransactionReceipt:o}=e;return{canSend:!!n,canEstimateGas(r){return!!t||!!r},async estimateGas(r,a){if(t)return t(r);if(a)return bi(a,r);throw new Error("Gas estimation is not available.")},async sendTransaction(r){if(!n)throw new Error("Sending is not available for this wallet.");return n(r)},getTransactionReceipt:o}}var El=1500,Al=120;function xi(e){return!!(e.token||e.recipient||e.amount)}function or({recipient:e,amount:t,token:n,balanceRaw:o}){let r={},a=e.trim(),i=en(t,n.quantity.decimals),s;return a?Ct(a)||(r.recipient="Enter a valid EVM recipient address."):r.recipient="Enter a recipient address.","error"in i?r.amount=i.error:(s=i.value,s>o&&(r.amount="Amount exceeds available balance.")),!pn(n)&&!Ct(n.address)&&(r.token="Token contract address is invalid."),{errors:r,rawAmount:r.amount?void 0:s,recipient:a&&Ct(a)?a:void 0}}function rr({token:e,walletAddress:t,recipient:n,rawAmount:o}){let r=t;return pn(e)?{to:n,value:o,chainId:e.chainId,from:r}:{to:Nn(e.address),data:tr(n,o),value:0n,chainId:e.chainId,from:r}}function Pl(e){let{status:t}=e;return t==="reverted"||t==="0x0"||t===0||t===0n||t===!1}var Bl=e=>new Promise(t=>setTimeout(t,e));async function vi({repository:e,args:t,chainId:n,onSubmitted:o,pollIntervalMs:r=El,pollMaxAttempts:a=Al}){let i=await e.sendTransaction(t);o(i);let{getTransactionReceipt:s}=e;if(!s)return"success";for(let c=0;c<a;c+=1){let l=await s({hash:i,chainId:n}).catch(()=>null);if(l)return Pl(l)?"reverted":"success";await Bl(r)}return"timeout"}var yi=["token","recipient","amount","review"];function ki(e){let{env:t,walletAddress:n,accountName:o,accounts:r=[],initialStep:a="recipient",token:i,tokens:s=[],onTokenChange:c,sendTransaction:l,getTransactionReceipt:d,estimateGas:f,getTokenPriceUsd:h,onSubmitted:m,onSuccess:y,onFailed:x,onExit:w,onOutlink:v}=e,B=P.useMemo(()=>wi({sendTransaction:l,getTransactionReceipt:d,estimateGas:f}),[l,d,f]),[u,E]=P.useState(i);P.useEffect(()=>{E(i)},[i.address,i.chainId]);let[C,A]=P.useState(a),[M,Z]=P.useState(""),[W,G]=P.useState(""),[q,O]=P.useState({}),[ie,ue]=P.useState("idle"),[te,ae]=P.useState(""),[De,se]=P.useState(""),[K,le]=P.useState(null),[J,U]=P.useState(!1),[He,pe]=P.useState(""),Ie=P.useRef(0),[Le,it]=P.useState(null),[we,Ft]=P.useState(""),[_e,bt]=P.useState(()=>dn(n)),Lt=P.useMemo(()=>Pe(t),[t]),{transactionUrl:ce,chainInfo:me}=Xn(Lt,u.chainId,te||void 0,!0),Qe=me?.currency_symbol??"",xe=me?.name??`Chain ID ${u.chainId}`,ge=P.useRef({nativeSymbol:Qe||void 0,networkName:xe,tokenSymbol:u.symbol});ge.current={nativeSymbol:Qe||void 0,networkName:xe,tokenSymbol:u.symbol};let he=P.useMemo(()=>BigInt(u.quantity.numeric||"0"),[u.quantity.numeric]),Mt=P.useMemo(()=>zt(u.quantity.numeric,u.quantity.decimals),[u.quantity.numeric,u.quantity.decimals]),Ge=h?.(u),at=P.useMemo(()=>{if(Ge===void 0)return;let S=parseFloat(W.replace(/,/g,""));return Number.isFinite(S)?S*Ge:0},[W,Ge]);P.useEffect(()=>{G(""),O({})},[u.address,u.chainId]),P.useEffect(()=>{Ie.current+=1,le(null),pe(""),U(!1)},[u.address,u.chainId,M,W]),P.useEffect(()=>{bt(dn(n))},[n]);let ve=P.useCallback(S=>{Z(S),O($=>({...$,recipient:void 0}))},[]),wt=P.useCallback(S=>{G(S),O($=>({...$,amount:void 0}))},[]),xt=P.useCallback(()=>{G(Tn(u.quantity.numeric,u.quantity.decimals)),O(S=>({...S,amount:void 0}))},[u.quantity.numeric,u.quantity.decimals]),Ee=P.useCallback(S=>{E(S),c?.(S),A("recipient")},[c]),st=P.useCallback(()=>A("token"),[]),Ye=P.useCallback(()=>{A(S=>{if(S==="result")return"review";if(S===a)return w?.(),S;let $=yi.indexOf(S);return $<=0?(w?.(),S):yi[$-1]})},[a,w]),ne=P.useCallback(()=>{let{errors:S}=or({recipient:M,amount:"1",token:u,balanceRaw:he});if(S.recipient){O($=>({...$,recipient:S.recipient}));return}O($=>({...$,recipient:void 0})),A("amount")},[M,u,he]),Ze=P.useCallback(S=>{Z(S),O($=>({...$,recipient:void 0})),A("amount")},[]),ye=P.useCallback(()=>{let S=or({recipient:M,amount:W,token:u,balanceRaw:he});O(S.errors),!(xi(S.errors)||S.rawAmount===void 0||!S.recipient)&&(it(S.rawAmount),Ft(S.recipient),le(null),pe(""),ue("idle"),A("review"))},[M,W,u,he]);P.useEffect(()=>{if(C!=="review"||!we||Le===null||K!==null||J||He||!B.canEstimateGas(me?.rpc))return;let S=++Ie.current;U(!0),pe(""),(async()=>{try{let $=rr({token:u,walletAddress:n,recipient:we,rawAmount:Le}),ee=await B.estimateGas($,me?.rpc);if(Ie.current!==S)return;le(ee)}catch($){if(Ie.current!==S)return;pe(nr($,ge.current,"Failed to estimate gas."))}finally{Ie.current===S&&U(!1)}})()},[C,we,Le,K,J,He,B,me?.rpc,u,n]);let vt=P.useCallback(async()=>{if(!(!we||Le===null)){se(""),ae(""),ue("submitting");try{let S="",$=await vi({repository:B,args:rr({token:u,walletAddress:n,recipient:we,rawAmount:Le}),chainId:u.chainId,onSubmitted:ee=>{S=ee,ae(ee),ue("confirming"),bt(Jo(n,we)),m?.({txHash:ee,chainId:u.chainId,amount:W,tokenSymbol:u.symbol,recipient:we})}});if($==="success")ue("success"),S&&y?y?.(S):A("result");else if($==="reverted"){let ee="Transaction reverted on-chain.";ue("error"),se(ee),S&&x?x({txHash:S,chainId:u.chainId,message:ee}):A("result")}else{let ee="Transaction receipt was not found. Please check again later.";ue("error"),se(ee),S&&x?x({txHash:S,chainId:u.chainId,message:ee}):A("result")}}catch(S){ue("error"),se(nr(S,{nativeSymbol:Qe||void 0,networkName:xe,tokenSymbol:u.symbol})),A("result")}}},[B,we,Le,u,W,n,m,y,x,Qe,xe]),[Ue,yt]=P.useState(!1),kt=P.useRef(void 0);P.useEffect(()=>()=>clearTimeout(kt.current),[]);let Et=P.useCallback(async()=>{if(te)try{await navigator.clipboard.writeText(te),yt(!0),clearTimeout(kt.current),kt.current=setTimeout(()=>yt(!1),2e3)}catch{}},[te]),_t=P.useCallback(()=>{if(!ce||!te)return;let S=ke=>{typeof window<"u"&&window.open(ke,"_blank","noopener,noreferrer")};if(!v){S(ce);return}let $=v(ce,{category:"send",origin:"send-transaction",payload:{chainId:u.chainId,txHash:te}});if($&&typeof $.then=="function"){let ke=typeof window<"u"?window.open("","_blank","noopener,noreferrer"):null;$.then(At=>{if(At===null){ke?.close();return}let Oe=At??ce;if(ke)try{ke.location.href=Oe}catch{ke.close(),S(Oe)}else S(Oe)});return}let ee=$;ee!==null&&S(ee??ce)},[v,u.chainId,ce,te]),lt=P.useCallback(()=>{se(""),ae(""),ue("idle"),le(null),pe(""),A("review")},[]);return{step:C,status:ie,token:u,tokens:s.length>0?s:[u],recipient:M,amount:W,amountUsd:at,fieldErrors:q,error:De,txHash:te,gasEstimate:K,gasLoading:J,gasError:He,reviewRawAmount:Le,reviewRecipient:we,recentAddresses:_e,accounts:r,accountName:o,walletAddress:n,resolvedEnv:Lt,transactionUrl:ce,networkName:xe,nativeSymbol:Qe,nativeDecimals:me?.currency_decimals??u.quantity.decimals,balanceRaw:he,balanceText:Mt,priceUsd:Ge,canSelectToken:(s.length>0?s:[u]).length>1,canSend:B.canSend,getTokenPriceUsd:h,setRecipient:ve,setAmount:wt,setMax:xt,selectToken:Ee,goToTokenSelect:st,selectRecipient:Ze,submitRecipient:ne,submitAmount:ye,confirmSend:vt,retry:lt,back:Ye,hashCopied:Ue,copyHash:Et,openTransaction:_t}}import*as dt from"react";function to(e,t,n=10){if(t<=0)return e.toString();let o=10n**BigInt(t),r=e/o,a=e%o;if(a===0n)return r.toString();let s=a.toString().padStart(t,"0").slice(0,Math.max(0,Math.min(n,t)));return s=s.replace(/0+$/,""),s?`${r.toString()}.${s}`:r.toString()}function ir(e,t){return to(e,t,6)}function Si(e){return to(e,9,2)}function Ci(e){return e.toLocaleString("en-US")}function Ri(e){return e===56||e===97}function no(e){return e.gasPrice??e.maxFeePerGas}function Ni(e,t=!1){return t?no(e)!==void 0?"legacy":null:e.maxFeePerGas!==void 0?"dynamic":e.gasPrice!==void 0?"legacy":null}function Ti(e,t=!1){if(t){let n=no(e);return n!==void 0?e.gasLimit*n:null}return e.maxFeePerGas!==void 0?e.gasLimit*e.maxFeePerGas:e.gasPrice!==void 0?e.gasLimit*e.gasPrice:null}function oo(e){return!Number.isFinite(e)||e<=0?"$0.00":`$${e.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})}`}import{jsx as In,jsxs as ar}from"react/jsx-runtime";function Ii({flow:e}){let{amount:t,setAmount:n,amountUsd:o,balanceText:r,balanceRaw:a,token:i,setMax:s}=e,c=dt.useRef(null),l=dt.useCallback(()=>{requestAnimationFrame(()=>{let x=c.current;if(!x)return;let w=x.value.length;x.setSelectionRange(w,w)})},[]);dt.useEffect(()=>{c.current?.focus(),l()},[l]),dt.useEffect(()=>{t===""&&(h(!1),l())},[t,l]);let d=dt.useMemo(()=>{let x=en(t,i.quantity.decimals);return"value"in x&&x.value>a},[t,i.quantity.decimals,a]),[f,h]=dt.useState(!1),m=!f&&t===""?"0.00":t,y=t.trim()===""||t.trim()==="0";return In("div",{className:"sf-body sf-amount",children:ar("div",{className:"sf-amount-center",children:[In("span",{className:"sf-amount-usd",children:o!==void 0?oo(o):"\xA0"}),In("div",{className:"sf-amount-input-wrap","data-over":d||void 0,"data-empty":y||void 0,onClick:()=>c.current?.focus(),children:In("input",{ref:c,className:"sf-amount-input",value:m,onChange:x=>{let w=x.target.value;if(f)n(w);else if(t===""){if(w.length<4)return;h(!0);let v=w.startsWith("0.00")?w.slice(4):w;n(v)}else h(!0),n(w)},placeholder:"0.00",inputMode:"decimal",autoComplete:"off","aria-label":`Amount in ${i.symbol}`,size:1})}),ar("div",{className:"sf-amount-balance",children:[In("span",{children:"Balance:"}),ar("button",{type:"button",className:"sf-amount-max",onClick:s,children:[r," ",i.symbol]})]})]})})}import*as pt from"react";var sr={dev:"https://stg-bonding-curve-api.crosstoken.io/api",stage:"https://stg-bonding-curve-api.crosstoken.io/api",production:"https://bonding-curve-api.crosstoken.io/api"},Li={cross:"https://contents.crosstoken.io/wallet/token/images/CROSS.svg",bsc:"https://contents.crosstoken.io/wallet/token/images/BSC.svg"};function Ln(e,t){let n=Ce[e];if(t===n.cross)return Li.cross;if(t===n.bsc)return Li.bsc}var Fl={dev:"https://dev-portrait.crosstoken.io",stage:"https://dev-portrait.crosstoken.io",production:"https://portrait.crosstoken.io"};function tn(e,t,n={}){if(!t||!t.startsWith("0x"))return;let{size:o=120,bg:r,format:a="png"}=n,i=Fl[e],s=r?`&bg=${r}`:"";return`${i}/portrait/evm/${t}.${a}?size=${o}${s}`}import{jsx as et,jsxs as ro}from"react/jsx-runtime";function Ei({size:e=20,className:t}){return ro("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,"aria-hidden":"true",children:[et("circle",{cx:"9",cy:"9",r:"6",stroke:"currentColor",strokeWidth:"1.7"}),et("path",{d:"m17 17-3.2-3.2",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round"})]})}function Ai({size:e=20,className:t}){return et("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",className:t,"aria-hidden":"true",children:et("path",{d:"M9 2h6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zM8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2M12 11v6M9 14h6",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round"})})}function Pi({size:e=20,className:t}){return ro("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,"aria-hidden":"true",children:[et("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor",opacity:"0.12"}),et("path",{d:"M7 7l6 6M13 7l-6 6",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})]})}function Bi({size:e=16,className:t}){return et("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",className:t,"aria-hidden":"true",children:et("path",{d:"M8 3v10m0 0 4-4m-4 4-4-4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})}function Fi({size:e=56,className:t}){return ro("svg",{width:e,height:e,viewBox:"0 0 56 56",fill:"none",className:t,"aria-hidden":"true",children:[et("circle",{cx:"28",cy:"28",r:"28",fill:"var(--ds-accent-primary-default, #00b4b7)"}),et("path",{d:"M17 28.5 24.2 35.5 39 20.5",stroke:"var(--ds-accent-primary-on, #ffffff)",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Mi({size:e=56,className:t}){return ro("svg",{width:e,height:e,viewBox:"0 0 56 56",fill:"none",className:t,"aria-hidden":"true",children:[et("circle",{cx:"28",cy:"28",r:"28",fill:"var(--ds-system-red-default, #da0b2e)"}),et("path",{d:"M20 20 36 36m0-16L20 36",stroke:"#ffffff",strokeWidth:"4",strokeLinecap:"round"})]})}import{jsx as de,jsxs as Rt}from"react/jsx-runtime";function _i(e,t){return e.name||`Account ${(e.index??t)+1}`}function Oi(e){return e.trim().slice(0,1).toUpperCase()||"A"}function zi(e){return e.toLowerCase()}function Wi({flow:e}){let{recipient:t,setRecipient:n,fieldErrors:o,recentAddresses:r,accounts:a,walletAddress:i,resolvedEnv:s,selectRecipient:c}=e,l=pt.useMemo(()=>a.filter(u=>u.address.toLowerCase()!==i.toLowerCase()),[a,i]),d=l.length>0,f=pt.useMemo(()=>new Map(l.map((u,E)=>[zi(u.address),{account:u,index:E}])),[l]),[h,m]=pt.useState("recent"),y=pt.useRef(null);pt.useEffect(()=>{y.current?.focus()},[]);let x="1A1A2E",w=pt.useCallback(async()=>{try{let u=await navigator.clipboard.readText();u&&n(u.trim())}catch{}},[n]),v=t.trim().length>0,B=Ct(t.trim());return Rt("div",{className:"sf-recipient",children:[Rt("div",{className:"sf-recipient-top",children:[Rt("div",{className:"sf-address-field","data-filled":v||void 0,"data-invalid":o.recipient||void 0,children:[de("textarea",{ref:y,className:"sf-address-input",value:t,onChange:u=>n(u.target.value),placeholder:"Enter the recipient's address",autoComplete:"off",spellCheck:!1,"aria-label":"Recipient address",rows:v?2:1}),v?de("button",{type:"button",className:"sf-address-action",onClick:()=>n(""),"aria-label":"Clear",children:de(Pi,{size:20})}):de("button",{type:"button",className:"sf-address-action",onClick:w,"aria-label":"Paste from clipboard",children:de(Ai,{size:20})})]}),o.recipient&&de("p",{className:"sf-field-error",role:"alert",children:o.recipient}),Rt("div",{className:"sf-tabs",role:"tablist",children:[de("button",{type:"button",role:"tab",className:"sf-tab","data-active":h==="recent"||void 0,"aria-selected":h==="recent",onClick:()=>m("recent"),children:"Recent"}),d&&de("button",{type:"button",role:"tab",className:"sf-tab","data-active":h==="account"||void 0,"aria-selected":h==="account",onClick:()=>m("account"),children:"My Account"})]})]}),de("div",{className:"sf-address-list",children:h==="account"&&d?l.map((u,E)=>{let C=_i(u,E),A=tn(s,u.address,{size:56,bg:x});return Rt("button",{type:"button",className:"sf-address-row",onClick:()=>c(u.address),children:[Rt("span",{className:"sf-address-avatar",children:[A&&de("img",{src:A,alt:"",width:40,height:40,draggable:!1,onError:M=>{M.currentTarget.style.display="none"}}),de("span",{className:"sf-address-avatar-fallback",children:Oi(C)})]}),Rt("span",{className:"sf-address-meta",children:[de("span",{className:"sf-address-name",children:C}),de("span",{className:"sf-address-value",children:Ve(u.address)})]})]},u.address)}):r.length>0?r.map(u=>{let E=f.get(zi(u.address)),C=E?_i(E.account,E.index):Ve(u.address),A=tn(s,u.address,{size:56,bg:x});return Rt("button",{type:"button",className:"sf-address-row",onClick:()=>c(u.address),children:[Rt("span",{className:"sf-address-avatar",children:[A&&de("img",{src:A,alt:"",width:40,height:40,draggable:!1,onError:M=>{M.currentTarget.style.display="none"}}),de("span",{className:"sf-address-avatar-fallback",children:Oi(C)})]}),Rt("span",{className:"sf-address-meta",children:[de("span",{className:"sf-address-name",children:C}),de("span",{className:"sf-address-value",children:Ve(u.address)})]})]},u.address)}):de("div",{className:"sf-empty",children:"No send history"})}),v&&!B&&!o.recipient&&de("p",{className:"sf-field-error",role:"alert",children:"Enter a valid EVM recipient address."})]})}import{jsx as Be,jsxs as fn}from"react/jsx-runtime";function Hi({flow:e}){let{status:t,txHash:n,error:o,copyHash:r,hashCopied:a,openTransaction:i}=e,s=t==="error",c=t==="success";return s?fn("div",{className:"sf-body sf-result sf-result--error",children:[Be("span",{className:"sf-result-icon",children:Be(Mi,{size:56})}),fn("div",{className:"sf-result-copy",children:[Be("h3",{className:"sf-result-title",children:"Transaction Failed"}),Be("p",{className:"sf-result-desc",children:o||"Something went wrong. Please try again."})]}),n&&Be(Di,{txHash:n,hashCopied:a,onCopy:r,onOpen:i})]}):fn("div",{className:"sf-body sf-result",children:[Be("span",{className:"sf-result-icon","data-pending":!c||void 0,children:c?Be(Fi,{size:56}):Be("span",{className:"sf-result-spinner"})}),fn("div",{className:"sf-result-copy",children:[Be("h3",{className:"sf-result-title",children:c?"Transaction Complete":"Transaction in Progress"}),Be("p",{className:"sf-result-desc",children:c?"Your transfer was sent successfully.":"Transfer in progress. Waiting for confirmation."})]}),n&&Be(Di,{txHash:n,hashCopied:a,onCopy:r,onOpen:i})]})}function Di({txHash:e,hashCopied:t,onCopy:n,onOpen:o}){return fn("div",{className:"sf-result-hash-card",children:[Be("span",{className:"sf-result-hash-label",children:"Transaction Hash"}),fn("div",{className:"sf-result-hash-row",children:[Be("button",{type:"button",className:"sf-result-hash-link",onClick:o,"aria-label":"Open transaction in explorer",children:Ve(e)}),Be("button",{type:"button",className:"sf-result-copy-btn",onClick:n,"aria-label":"Copy transaction hash",children:t?Be(Cn,{size:16}):"Copy"})]})]})}import{jsx as oe,jsxs as ze}from"react/jsx-runtime";var io="\u2014";function Gi({flow:e}){let{token:t,reviewRawAmount:n,reviewRecipient:o,accountName:r,accounts:a,walletAddress:i,networkName:s,nativeSymbol:c,nativeDecimals:l,gasEstimate:d,gasLoading:f,gasError:h,error:m,resolvedEnv:y}=e,x=pn(t),w=n!==null?to(n,t.quantity.decimals):"",v=r?.trim()||`Account ${(a[0]?.index??0)+1}`,B=tn(y,i,{size:56,bg:"1A1A2E"}),u=c||(x?t.symbol:""),E=Ri(t.chainId),C=d?Ni(d,E):null,A=d?Ti(d,E):null,M=O=>O!==null&&u?`${ir(O,l)} ${u}`:io,Z=O=>O!==void 0?`${Si(O)} Gwei`:io,W=(()=>{if(!x||!d||A===null||n===null)return io;let O=n+A;return`${ir(O,l)} ${u||t.symbol}`})(),G=O=>f?"\u2026":O,q=[{label:"Est. Tx Fee",value:G(M(A))},...C==="dynamic"?[{label:"Max Priority Fee",value:G(Z(d?.maxPriorityFeePerGas))},{label:"Max Gas Fee",value:G(Z(d?.maxFeePerGas))}]:C==="legacy"?[{label:"Gas Price",value:G(Z(d?no(d):void 0))}]:[],{label:"Gas Limit",value:G(d?Ci(d.gasLimit):io)}];return ze("div",{className:"sf-body sf-review",children:[ze("div",{className:"sf-review-amount",children:[oe("img",{className:"sf-review-amount-icon",src:t.icon_url,alt:"",width:40,height:40,draggable:!1,onError:O=>{O.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),ze("span",{className:"sf-review-amount-value",children:[w,oe("span",{className:"sf-review-amount-symbol",children:t.symbol})]})]}),ze("div",{className:"sf-review-parties",children:[ze("div",{className:"sf-review-card sf-review-party",children:[oe("span",{className:"sf-review-party-label",children:"From"}),ze("div",{className:"sf-review-party-head",children:[oe("span",{className:"sf-review-party-avatar",children:B&&oe("img",{src:B,alt:"",width:28,height:28,draggable:!1,onError:O=>{O.currentTarget.style.display="none"}})}),oe("span",{className:"sf-review-party-name",children:v})]}),oe("span",{className:"sf-review-party-addr",children:i})]}),oe("span",{className:"sf-review-arrow","aria-hidden":!0,children:oe(Bi,{size:16})}),ze("div",{className:"sf-review-card sf-review-party",children:[oe("span",{className:"sf-review-party-label",children:"To"}),oe("span",{className:"sf-review-party-addr",children:o})]})]}),ze("section",{className:"sf-review-card",children:[oe("h3",{className:"sf-review-section-title",children:"Summary"}),ze("div",{className:"sf-review-row",children:[oe("span",{className:"sf-review-row-label",children:"Network"}),oe("span",{className:"sf-review-row-value",children:s})]}),q.map(O=>ze("div",{className:"sf-review-row",children:[oe("span",{className:"sf-review-row-label",children:O.label}),oe("span",{className:"sf-review-row-value",children:O.value})]},O.label))]}),ze("section",{className:"sf-review-card",children:[oe("h3",{className:"sf-review-section-title",children:"Total"}),ze("div",{className:"sf-review-row",children:[oe("span",{className:"sf-review-row-label",children:"Total Amount"}),ze("span",{className:"sf-review-row-value",children:[w," ",t.symbol]})]}),x&&ze("div",{className:"sf-review-row",children:[oe("span",{className:"sf-review-row-label",children:"Max. Total Amount"}),oe("span",{className:"sf-review-row-value",children:G(W)})]})]}),(h||m)&&oe("div",{className:"sf-message sf-message--error",role:"alert",children:h||m})]})}import*as ao from"react";import{jsx as Wt,jsxs as nn}from"react/jsx-runtime";function Ui({flow:e}){let[t,n]=ao.useState(""),o=t.trim().toLowerCase(),r=ao.useMemo(()=>o?e.tokens.filter(a=>a.symbol.toLowerCase().includes(o)||a.name.toLowerCase().includes(o)):e.tokens,[e.tokens,o]);return nn("div",{className:"sf-body sf-token-select",children:[nn("div",{className:"sf-search",children:[Wt(Ei,{size:20}),Wt("input",{className:"sf-search-input",value:t,onChange:a=>n(a.target.value),placeholder:"Search Tokens",autoComplete:"off",spellCheck:!1,"aria-label":"Search tokens"})]}),nn("div",{className:"sf-token-list",children:[r.map(a=>{let i=`${a.chainId}:${a.address.toLowerCase()}`,s=Ln(e.resolvedEnv,a.chainId),c=e.getTokenPriceUsd?.(a);return nn("button",{type:"button",className:"sf-token-row",onClick:()=>e.selectToken(a),children:[nn("span",{className:"sf-token-left",children:[nn("span",{className:"sf-token-icon-wrap",children:[Wt("img",{className:"sf-token-icon",src:a.icon_url,alt:"",width:40,height:40,loading:"lazy",draggable:!1,onError:l=>{l.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),s&&Wt("img",{className:"sf-token-chain-badge",src:s,alt:"","aria-hidden":!0,width:16,height:16,loading:"lazy",draggable:!1,onError:l=>{l.currentTarget.style.display="none"}})]}),Wt("span",{className:"sf-token-name",children:a.symbol})]}),nn("span",{className:"sf-token-right",children:[Wt("span",{className:"sf-token-balance",children:zt(a.quantity.numeric,a.quantity.decimals)}),c!==void 0&&Wt("span",{className:"sf-token-price",children:oo(c)})]})]},i)}),r.length===0&&Wt("div",{className:"sf-empty",children:"No tokens found"})]})]})}_(`.sf-root{display:flex;flex-direction:column;flex:1;min-height:0;font-family:inherit}.sf-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:24px;flex-shrink:0;position:relative;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.sf-header .sf-header-btn:last-child{position:absolute;top:24px;right:24px}.sf-header-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer;filter:none;transition:color .15s ease}.sf-header-btn:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85));filter:none}.sf-header-title{position:absolute;left:50%;transform:translate(-50%);text-align:center;font-family:inherit;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);pointer-events:none}.sf-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;overscroll-behavior:contain}[data-theme=light] .sf-body{scrollbar-color:rgba(0,0,0,.12) transparent}.sf-body::-webkit-scrollbar{width:4px;height:4px}.sf-body::-webkit-scrollbar-track,.sf-body::-webkit-scrollbar-corner{background:transparent}.sf-body::-webkit-scrollbar-thumb{border-radius:4px;background:#ffffff26}.sf-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] .sf-body::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .sf-body::-webkit-scrollbar-thumb:hover{background:#0003}.sf-empty{padding:32px 0;text-align:center;font-family:inherit;font-size:14px;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-field-error{margin:8px 24px 0;font-family:inherit;font-size:12px;line-height:1.5;color:var(--ds-system-red-default, #da0b2e)}.sf-message--error{margin:16px 0 0;padding:12px 16px;background:var(--ds-system-red-low, #ffeeee);color:var(--ds-system-red-high, #d20609);font-family:inherit;font-size:13px;line-height:1.5;border-radius:12px;width:100%;box-sizing:border-box}.sf-footer{display:flex;flex-shrink:0;padding:16px 24px 24px}.sf-footer:empty{display:none}.sf-footer-row{display:flex;gap:8px;width:100%}.sf-footer-row .sf-btn,.sf-footer-row .sf-btn--secondary{flex:1 1 0;min-width:0}.sf-footer>.sf-btn{width:100%}.sf-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:1;height:48px;padding:0 24px;border:none;border-radius:12px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.sf-btn--primary{background:var(--ds-accent-primary-default, #00b4b7);color:var(--ds-accent-primary-on, #ffffff)}.sf-btn--primary:hover:not(:disabled):not([data-disabled]){background:var(--ds-accent-primary-high, #00a0a2)}.sf-btn--primary:active:not(:disabled):not([data-disabled]){transform:scale(.97)}.sf-btn--primary[data-disabled],.sf-btn--primary:disabled{background:var(--ds-accent-primary-default, #00b4b7);color:var(--ds-accent-primary-on, #ffffff);cursor:default;opacity:.5}.sf-btn--secondary{flex:0 0 120px;background:var(--ds-surface-default, #ffffff);border:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));color:var(--ds-content-high, rgba(0, 0, 0, .85))}.sf-token-select{padding:0;display:flex;flex-direction:column}.sf-token-select .sf-search{margin:16px 24px}.sf-token-select .sf-token-list{width:100%;margin-top:0}.sf-search{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;border:1.5px solid transparent;background:var(--ds-surface-medium, #f5f7fa);color:var(--ds-content-low, rgba(0, 0, 0, .4));box-sizing:border-box;transition:border-color .15s ease}.sf-search:hover{border-color:var(--ds-border-medium, rgba(0, 0, 0, .18))}.sf-search:focus-within{border-color:var(--ds-accent-primary-default, #00b4b7)}.sf-search-input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.sf-search-input::placeholder{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-token-list{display:flex;flex-direction:column;margin-top:8px}.sf-token-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:12px 24px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;border-radius:0;box-sizing:border-box;transition:background-color .15s ease}.sf-token-row:hover{background:var(--ds-surface-medium, rgba(0, 0, 0, .04))}.sf-token-left{display:flex;align-items:center;gap:16px;min-width:0}.sf-token-icon-wrap{position:relative;width:40px;height:40px;flex-shrink:0}.sf-token-icon{width:40px;height:40px;border-radius:0;object-fit:contain}.sf-token-chain-badge{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;object-fit:cover}.sf-token-name{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.sf-token-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.sf-token-balance{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);white-space:nowrap}.sf-token-price{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4));white-space:nowrap}.sf-recipient{display:flex;flex-direction:column;flex:1;min-height:0}.sf-recipient-top{display:flex;flex-direction:column;padding:16px 24px 0}.sf-address-field{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;border:1.5px solid transparent;background:var(--ds-surface-medium, #f5f7fa);transition:border-color .15s ease;box-sizing:border-box}.sf-address-field:hover{border-color:var(--ds-border-medium, rgba(0, 0, 0, .18))}.sf-address-field:focus-within{border-color:var(--ds-accent-primary-default, #00b4b7)}.sf-address-field[data-filled]{border-color:var(--ds-accent-primary-default, #00b4b7)}.sf-address-field[data-invalid]{border-color:var(--ds-system-red-default, #da0b2e)}.sf-address-input{flex:1;min-width:0;border:none;background:transparent;outline:none;resize:none;overflow:hidden;font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));word-break:break-word;overflow-wrap:anywhere}.sf-address-input::placeholder{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-address-action{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;background:transparent;border-radius:6px;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer;transition:color .15s ease}.sf-address-action:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.sf-address-field[data-filled] .sf-address-action{border-radius:9999px}.sf-tabs{display:flex;gap:0;margin:16px 0 0}.sf-tab{position:relative;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-tab[data-active]{color:var(--ds-accent-primary-high, #00a0a2)}.sf-tab[data-active]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:9999px;background:var(--ds-accent-primary-high, #00a0a2)}.sf-address-list{display:flex;flex-direction:column;width:100%;margin-top:8px}.sf-address-row{display:flex;align-items:center;gap:16px;width:100%;padding:12px 24px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;border-radius:0;box-sizing:border-box;transition:background-color .15s ease}.sf-address-row:hover{background:var(--ds-surface-medium, rgba(0, 0, 0, .04))}.sf-address-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--ds-surface-high, #edf1f2);color:var(--ds-content-medium, rgba(0, 0, 0, .65));font-size:14px;font-weight:600}.sf-address-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sf-address-avatar-fallback{position:relative;z-index:0}.sf-address-meta{display:flex;flex-direction:column;min-width:0}.sf-address-name{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-address-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.wi-drawer-content .sf-header{padding:16px}.wi-drawer-content .sf-header .sf-header-btn:last-child{top:16px;right:16px}.wi-drawer-content .sf-token-select{padding:0}.wi-drawer-content .sf-token-select .sf-search{margin:16px}.wi-drawer-content .sf-token-row{padding:12px 16px}.wi-drawer-content .sf-recipient-top{padding:16px 16px 0}.wi-drawer-content .sf-address-row{padding:12px 16px}.wi-drawer-content .sf-footer{padding:12px 16px 24px}.wi-drawer-content .sf-field-error,.wi-drawer-content .sf-message--error{margin:16px 0 0;width:auto}.sf-amount{display:flex;flex-direction:column}.sf-amount-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:64px 24px 48px;text-align:center}.sf-amount-usd{font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4));min-height:21px}.sf-amount-input-wrap{display:flex;justify-content:center;max-width:100%}.sf-amount-input{width:auto;max-width:100%;border:none;background:transparent;outline:none;text-align:center;font-family:inherit;font-size:40px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);field-sizing:content}.sf-amount-input-wrap[data-empty] .sf-amount-input,.sf-amount-input::placeholder{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-amount-input-wrap[data-over] .sf-amount-input{color:var(--ds-system-red-default, #da0b2e)}.sf-amount-balance{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.sf-amount-max{border:none;background:transparent;padding:0;cursor:pointer;font:inherit;color:var(--ds-content-medium, rgba(0, 0, 0, .65));text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.sf-amount-max:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-drawer-content .sf-amount-center{padding:64px 16px 48px}.sf-review{display:flex;flex-direction:column;gap:16px;padding:24px}.sf-review-amount{display:flex;align-items:center;gap:12px;padding:0;background:transparent}.sf-review-amount-icon{width:40px;height:40px;border-radius:0;object-fit:contain;flex-shrink:0}.sf-review-amount-value{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);word-break:break-all}.sf-review-amount-symbol{font-size:12px;font-weight:400;line-height:1.5;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-review-parties{position:relative;display:flex;flex-direction:column;gap:0}.sf-review-arrow{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-4px auto;border-radius:50%;background:var(--ds-surface-default, #ffffff);border:1px solid var(--ds-border-medium, rgba(0, 0, 0, .18));color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-review-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:var(--ds-surface-medium, #f5f7fa)}.sf-review-party-label{font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-review-party-head{display:flex;align-items:center;gap:8px}.sf-review-party-avatar{display:inline-flex;width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--ds-surface-high, #edf1f2);flex-shrink:0}.sf-review-party-avatar img{width:100%;height:100%;object-fit:cover}.sf-review-party-name{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.sf-review-party-addr{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65));word-break:break-all}.sf-review-section-title{margin:0 0 4px;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ds-content-highest, #000000)}.sf-review-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.sf-review-row-label{font-family:inherit;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-review-row-value{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));text-align:left;word-break:break-all}.wi-drawer-content .sf-review{padding:16px}.sf-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:48px 24px;text-align:center}.sf-result-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px}.sf-result-spinner{width:56px;height:56px;border-radius:50%;border:4px solid var(--ds-border-medium, rgba(0, 0, 0, .18));border-top-color:var(--ds-accent-primary-default, #00b4b7);animation:sf-spin .8s linear infinite}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-result-copy{display:flex;flex-direction:column;gap:8px}.sf-result-title{margin:0;font-family:inherit;font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ds-content-highest, #000000)}.sf-result-desc{margin:0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-result-hash-card{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px;border-radius:12px;background:var(--ds-surface-medium, #f5f7fa);text-align:left}.sf-result-hash-label{font-family:inherit;font-size:12px;font-weight:500;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.sf-result-hash-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sf-result-hash-link{border:none;background:transparent;padding:0;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;color:var(--ds-accent-primary-high, #00a0a2)}.sf-result-copy-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 10px;border:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));border-radius:8px;background:var(--ds-surface-default, #ffffff);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:var(--ds-content-high, rgba(0, 0, 0, .85))}
|
|
7
|
+
`);import{jsx as be,jsxs as so}from"react/jsx-runtime";var Ml={token:"Send",recipient:"Send",amount:"Send",review:"Sign Transaction",result:""};function lo({onClose:e,onBackToWallet:t,onConfirmSuccess:n,onSuccess:o,className:r,...a}){let i=$i.useCallback(v=>{o?.(v),n?.(v)},[n,o]),c=ki({...a,onSuccess:o||n?i:void 0,onExit:t}),{step:l,status:d}=c,f=Ct(c.recipient.trim()),h=en(c.amount,c.token.quantity.decimals),m="value"in h&&h.value<=c.balanceRaw,y=d==="submitting"||d==="confirming",x=l!=="result",w=Ml[l]??"";return so("div",{className:X("sf-root",r),"data-step":l,children:[so("header",{className:"sf-header",children:[x?be("button",{type:"button",className:"sf-header-btn",onClick:c.back,"aria-label":"Back",children:be(Pt,{size:24})}):be("span",{className:"sf-header-btn","aria-hidden":!0}),be("span",{className:"sf-header-title",children:w}),be("button",{type:"button",className:"sf-header-btn",onClick:e,"aria-label":"Close",children:be(St,{size:24})})]}),l==="token"&&be(Ui,{flow:c}),l==="recipient"&&be(Wi,{flow:c}),l==="amount"&&be(Ii,{flow:c}),l==="review"&&be(Gi,{flow:c}),l==="result"&&be(Hi,{flow:c}),so("footer",{className:"sf-footer","data-step":l,children:[l==="recipient"&&be("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitRecipient,"data-disabled":!f||void 0,"aria-disabled":!f,children:"Next"}),l==="amount"&&be("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitAmount,"data-disabled":!m||void 0,"aria-disabled":!m,children:"Next"}),l==="review"&&so("div",{className:"sf-footer-row",children:[be("button",{type:"button",className:"sf-btn sf-btn--secondary",onClick:c.back,disabled:y,children:"Cancel"}),be("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.confirmSend,disabled:y||!c.canSend,children:y?"Sending...":"Send"})]}),l==="result"&&d==="success"&&be("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:()=>n?.(c.txHash||void 0),children:"All done"}),l==="result"&&d==="error"&&be("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.retry,children:"Try Again"})]})]})}import*as ji from"@radix-ui/react-popover";import{Drawer as _l}from"vaul";import{jsx as co,jsxs as Ol}from"react/jsx-runtime";function Vi({asChild:e,className:t,children:n}){let{isMobile:o,theme:r,walletAddress:a}=Ot(),i=n!=null,s=e??!0,c=i?n:Ol("button",{type:"button",className:X("wi-trigger-btn",t),"data-theme":r,"data-mobile":o||void 0,children:[co(ei,{size:o?14:16}),co("span",{className:"wi-trigger-address",children:Ve(a)})]});return o?co(_l.Trigger,{asChild:s,children:c}):co(ji.Trigger,{asChild:s,children:c})}import*as F from"react";import*as So from"@radix-ui/react-popover";import{Drawer as yo}from"vaul";import Bn from"bignumber.js";import{useQueries as zl}from"@tanstack/react-query";import{useMemo as Wl}from"react";var lr="user-balance";async function Dl(e,t,n,o){let r=new URLSearchParams({networkId:`eip155:${t}`,account:n}),a=await fetch(`${e}/v1/public/token/balance?${r}`,{cache:"no-store",signal:o});if(!a.ok)throw new Error(`Failed to fetch token balance: ${a.status}`);let i=await a.json();if(i.code!==200)throw new Error(`Token balance API error: ${i.code}`);return i.data}function Dt(e,t,n=!0){let o=Je[e],r=Ce[e],a=[r.cross,r.bsc],i=zl({queries:a.map(d=>({queryKey:[lr,e,t,d],queryFn:({signal:f})=>Dl(o,d,t,f),enabled:!!t&&n,staleTime:0,refetchInterval:n?5e3:!1}))}),s=i.some(d=>d.isLoading),c=i.some(d=>d.isError);return{tokens:Wl(()=>{let d=[];for(let f of i)f.data&&d.push(...f.data);return d},[i]),isLoading:s,isError:c}}import{useQuery as Hl,useQueries as Gl}from"@tanstack/react-query";import{useMemo as Ul}from"react";var $l="forge-holdings",jl="forge-token-image";async function Vl(e,t,n){let o=await fetch(`${e}/v1/users/${t}/holdings`,{cache:"no-store",signal:n});if(!o.ok)throw new Error(`Failed to fetch forge holdings: ${o.status}`);let r=await o.json();if(!r.success)throw new Error("Forge holdings API error");return r.data.items}async function ql(e,t,n){let o=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store",signal:n});if(!o.ok)return{address:t,image_url:""};let r=await o.json();return r.success?{address:t,image_url:r.data.token.image_url}:{address:t,image_url:""}}function qi(e,t,n=!0){let o=sr[e],{data:r,...a}=Hl({queryKey:[$l,e,t],queryFn:({signal:i})=>Vl(o,t,i),enabled:!!t&&n,staleTime:0,refetchInterval:n?5e3:!1});return{holdings:r??[],...a}}function Ki(e,t,n=!0){let o=sr[e],r=Gl({queries:t.map(i=>({queryKey:[jl,e,i],queryFn:({signal:s})=>ql(o,i,s),enabled:n,staleTime:1/0}))});return{imageMap:Ul(()=>{let i=new Map;for(let s of r)s.data&&i.set(s.data.address,s.data.image_url);return i},[r])}}import{useQuery as Kl}from"@tanstack/react-query";import{useMemo as Ql}from"react";var cr="token-stats";function ft(e,t){return`${e}:${t.toLowerCase()}`}function Ht(e,t=!0){let n=Je[e],{data:o,...r}=Kl({queryKey:[cr,e],queryFn:async({signal:i})=>{let s=await fetch(`${n}/v1/public/token/stats`,{cache:"no-store",signal:i});if(!s.ok)throw new Error(`Failed to fetch token stats: ${s.status}`);let c=await s.json();if(c.code!==200)throw new Error(`Token stats API error: ${c.code}`);return c},enabled:t,staleTime:3e4});return{statsMap:Ql(()=>{let i=new Map;if(!o?.data)return i;for(let s of o.data){let c=ft(s.chain_id,s.address);i.set(c,s)}return i},[o]),...r}}import{useQuery as Yl}from"@tanstack/react-query";import{useMemo as Zl}from"react";var Xl="token-info";function dr(e,t){return`${t.toLowerCase()}_${e}`}function Qi(e,t=!0){let n=Je[e],{data:o,...r}=Yl({queryKey:[Xl,e],queryFn:async({signal:i})=>{let s=await fetch(`${n}/v1/public/token/info`,{cache:"no-store",signal:i});if(!s.ok)throw new Error(`Failed to fetch token info: ${s.status}`);let c=await s.json();if(c.code!==200)throw new Error(`Token info API error: ${c.code}`);return c},enabled:t,staleTime:1/0});return{categoryMap:Zl(()=>{let i=new Map;if(!o?.data)return i;for(let s of o.data){let c=dr(s.chain_id,s.address);i.set(c,s.category)}return i},[o]),...r}}import{useMemo as Jl}from"react";import pr from"bignumber.js";function Yi(e,t,n){let{tokens:o,isLoading:r}=Dt(e,t,n),{statsMap:a}=Ht(e,n);return Jl(()=>{let i=new pr(0);for(let d of o){let f=a.get(ft(d.chainId,d.address));if(!f)continue;let m=new pr(d.quantity.numeric).shiftedBy(-d.quantity.decimals).multipliedBy(new pr(f.price));m.isNaN()||(i=i.plus(m))}let s=i.toFixed(),{displayValue:c,isLowerBound:l}=pi(s);return{totalUsd:s,displayValue:c,isLowerBound:l,isLoading:r}},[o,a,r])}import{QRCodeSVG as zd}from"qrcode.react";function qe(e,t,n,o){if(!o||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.defaultPrevented)return;e.preventDefault();let r;try{r=o(t,n)}catch(l){console.error("[dapp-ui] onOutlink threw:",l);return}let a=l=>{typeof window>"u"||window.open(l,"_blank","noopener,noreferrer")};if((l=>!!l&&(typeof l=="object"||typeof l=="function")&&typeof l.then=="function")(r)){let l=typeof window<"u"?window.open("","_blank","noopener,noreferrer"):null,d=f=>{if(f===null){l?.close();return}let h=f??t;if(l)try{l.location.href=h}catch{l.close(),a(h)}else a(h)};r.then(d,f=>{console.error("[dapp-ui] onOutlink rejected:",f),l?.close()});return}let s=r;if(s===null)return;a(s??t)}import*as rn from"react";import{Drawer as Yc}from"vaul";import{createContext as ec,useContext as tc}from"react";var En=ec(null);function tt(){let e=tc(En);if(!e)throw new Error("WalletPortfolio compound components must be used within <WalletPortfolio>");return e}import{Drawer as nc}from"vaul";import{jsx as Zi}from"react/jsx-runtime";function Xi({asChild:e,children:t}){let{walletAddress:n}=tt(),o=t!=null,r=e??!0,a=o?t:Zi("button",{type:"button",children:Ve(n)});return Zi(nc.Trigger,{asChild:r,children:a})}import{Drawer as ho}from"vaul";import*as gt from"react";import{useQueryClient as qc}from"@tanstack/react-query";import{jsx as on,jsxs as ta}from"react/jsx-runtime";function Ji({size:e=22,className:t}){return ta("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[on("path",{d:"M18.333 3.667v5.5h-5.5",stroke:"currentColor",strokeWidth:1.833,strokeLinecap:"round",strokeLinejoin:"round"}),on("path",{d:"M16.17 13.75a7.333 7.333 0 11-1.54-7.59L18.333 9.167",stroke:"currentColor",strokeWidth:1.833,strokeLinecap:"round",strokeLinejoin:"round"})]})}function ea({size:e=24,className:t}){return on("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"aria-hidden":"true",children:on("path",{d:"M18 6L6 18M6 6l12 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function Bt({size:e=12,className:t}){return ta("svg",{width:e,height:e,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"aria-hidden":"true",children:[on("path",{d:"M5 2H2.5A1.5 1.5 0 0 0 1 3.5V9.5A1.5 1.5 0 0 0 2.5 11H8.5A1.5 1.5 0 0 0 10 9.5V7",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),on("path",{d:"M7 1H11V5",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),on("path",{d:"M11 1L6 6",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})]})}import{useQuery as oc}from"@tanstack/react-query";import{useMemo as sa}from"react";var po={dev:"https://stg-cross-game-reward-api.crosstoken.io/api",stage:"https://stg-cross-game-reward-api.crosstoken.io/api",production:"https://cross-game-reward-api.crosstoken.io/api"},na={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},fo={dev:"https://stg-bonding-curve-api.crosstoken.io/api",stage:"https://stg-bonding-curve-api.crosstoken.io/api",production:"https://bonding-curve-api.crosstoken.io/api"},oa={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},un={dev:"https://stg-posa-api.crosstoken.io/api/v1",stage:"https://stg-posa-api.crosstoken.io/api/v1",production:"https://posa-api.crosstoken.io/api/v1"},An={dev:"https://dev-stake.ogfcorp.com",stage:"https://stg-stake.ogfcorp.com",production:"https://stake.ogfcorp.com"},ra={dev:`${An.dev}/portfolio`,stage:`${An.stage}/portfolio`,production:`${An.production}/portfolio`},ia={dev:"https://stg-game-swap-api.cross.nexus/v1",stage:"https://stg-game-swap-api.cross.nexus/v1",production:"https://game-swap-api.cross.nexus/v1"},aa={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},Gt={dev:"https://stg-contents.crosstoken.io/frontend/common/app-launcher/icons",stage:"https://stg-contents.crosstoken.io/frontend/common/app-launcher/icons",production:"https://contents.crosstoken.io/frontend/common/app-launcher/icons"};var rc="wp:reward-pools";function uo(e,t=!0){let n=po[e],{data:o,...r}=oc({queryKey:[rc,e],queryFn:async({signal:s})=>{let c=await fetch(`${n}/v1/pools`,{cache:"no-store",signal:s});if(!c.ok)throw new Error(`Failed to fetch pools: ${c.status}`);let l=await c.json();if(l.code!==200)throw new Error(`Pools API error: ${l.code}`);return l},enabled:t,staleTime:0}),a=sa(()=>o?.data.pools.filter(s=>s.pool_type==="CrossPool")??[],[o]),i=sa(()=>o?.data.pools.filter(s=>s.pool_type==="GamePool")??[],[o]);return{crossPools:a,gamePools:i,allPools:o?.data.pools??[],...r}}import{useQuery as ic}from"@tanstack/react-query";import{useMemo as ac}from"react";var sc="wp:user-deposits";function la(e,t,n=!0){let o=po[e],r=n&&!!t,{data:a,...i}=ic({queryKey:[sc,e,t],queryFn:async({signal:c})=>{let l=await fetch(`${o}/v1/users/${t}/deposits`,{cache:"no-store",signal:c});if(!l.ok)throw new Error(`Deposits fetch failed: ${l.status}`);let d=await l.json();if(d.code!==200)throw new Error(`Deposits API error: ${d.code}`);return d},enabled:r,staleTime:0});return{depositMap:ac(()=>{let c=new Map;if(!a?.data.user_deposits)return c;for(let l of a.data.user_deposits)c.set(l.pool_address.toLowerCase(),l);return c},[a]),deposits:a?.data.user_deposits??[],...i}}import{useQuery as lc}from"@tanstack/react-query";import{useMemo as cc}from"react";var dc="wp:token-info";function ca(e,t=!0){let n=Je[e],o=Ce[e].cross,{data:r,...a}=lc({queryKey:[dc,e],queryFn:async({signal:l})=>{let d=await fetch(`${n}/v1/public/token/info`,{cache:"no-store",signal:l});if(!d.ok)throw new Error(`Failed to fetch token info: ${d.status}`);let f=await d.json();if(f.code!==200)throw new Error(`Token info API error: ${f.code}`);return f},enabled:t,staleTime:300*1e3}),{byChainAddr:i,byChainSym:s}=cc(()=>{let l=new Map,d=new Map;if(!r?.data)return{byChainAddr:l,byChainSym:d};for(let f of r.data){let h=f.address.toLowerCase();l.set(`${f.chain_id}:${h}`,f),l.set(h,f);let m=f.symbol.replace(/^t/,"").toUpperCase(),y=`${f.chain_id}:${m}`;d.has(y)||d.set(y,f),d.has(m)||d.set(m,f)}return{byChainAddr:l,byChainSym:d}},[r]);return{getTokenImage:(l,d)=>{let f=l.toLowerCase(),h=i.get(`${o}:${f}`);if(h?.image)return h.image;let m=i.get(f);if(m?.image)return m.image;if(d){let y=d.replace(/^t/,"").toUpperCase(),x=s.get(`${o}:${y}`);if(x?.image)return x.image;let w=s.get(y);if(w?.image)return w.image}return""},...a}}import mn from"bignumber.js";var pc=/^(\d{4}-\d{2}-\d{2})/;function da(e){if(!e||e.length===0)return;let t=new Map,n;for(let{key:r,cumulative:a}of e.map(i=>({key:pc.exec(i.reference_date)?.[1],cumulative:i.cumulative_earned})).filter(i=>!!i.key&&i.cumulative!=null).sort((i,s)=>i.key<s.key?-1:i.key>s.key?1:0))t.set(r,a),n=r;if(n===void 0)return;let o=new Date().toISOString().slice(0,10);return t.get(o)??t.get(n)}function gn(e,t){let n=new mn(e).shiftedBy(-t);return!n.isFinite()||n.isZero()?"0":n.isGreaterThanOrEqualTo(1)?n.toFormat(2,mn.ROUND_DOWN):n.toFormat(4,mn.ROUND_DOWN)}function fr(e){return gn(e,0)}function hn(e,t,n){let o=new mn(n||"0");if(!o.isFinite()||o.isLessThanOrEqualTo(0))return null;let r=new mn(e||"0").shiftedBy(-t).times(o);return r.isFinite()?`$${r.toFormat(2,mn.ROUND_DOWN)}`:null}import{jsx as mo,jsxs as pa}from"react/jsx-runtime";function Ut({title:e,icon:t,iconFit:n="cover",isEmpty:o,children:r}){return pa("div",{className:"wp-svc-card",children:[pa("div",{className:"wp-svc-card-head",children:[mo("img",{className:"wp-svc-card-icon",src:t,alt:"",style:{objectFit:n}}),mo("span",{className:"wp-svc-card-title",children:e})]}),o?mo("div",{className:"wp-svc-empty",children:"No assets yet"}):mo("div",{className:"wp-svc-items",children:r})]})}import ur from"bignumber.js";import{jsx as Re,jsxs as Fe}from"react/jsx-runtime";var fc="CROSS Rewards";function uc(e){return new ur(e||"0").isGreaterThan(0)}function fa(){let{env:e,walletAddress:t,onOutlink:n}=tt(),o=!!t,{allPools:r}=uo(e,o),{depositMap:a}=la(e,t,o),{getTokenImage:i}=ca(e,o),s=(d,f)=>`${na[e]}/rewards/${d.pool_address}?action=${f}`,c=`${Gt[e]}/reward.png`,l=r.filter(d=>{let f=a.get(d.pool_address.toLowerCase()),h=f?.deposited_amount??"0",m=f?.claimable_reward??"0";return!(new ur(h).isZero()&&new ur(m).isZero())});return Re(Ut,{title:fc,icon:c,isEmpty:l.length===0,children:l.map(d=>{let f=a.get(d.pool_address.toLowerCase()),h=f?.deposited_amount??"0",m=f?.claimable_reward??"0",y=s(d,"withdraw"),x=s(d,"claim"),w=i(d.deposit_token.address,d.deposit_token.symbol),v=d.reward_tokens[0],B=v?i(v.address,v.symbol):"",u=d.reward_tokens.map(G=>G.symbol),E=u.length>0?`${d.deposit_token.symbol}-${u.join("/")}`:d.deposit_token.symbol,C=v?gn(m,v.decimals):"0",A=v?.symbol??"Reward",M=hn(h,d.deposit_token.decimals,d.deposit_token.price),Z=v?hn(m,v.decimals,v.price):null,W=!!f&&uc(m);return Fe("article",{className:"wp-item","data-side":"reward",children:[Fe("div",{className:"wp-item-body",children:[Fe("div",{className:"wp-item-line",children:[Re("span",{className:"wp-item-label",children:"Pool (Deposit - Earn)"}),Fe("div",{className:"wp-svc-token",children:[Fe("span",{className:"wp-token-stack","aria-hidden":!0,children:[w&&Re("img",{className:"wp-svc-token-icon",src:w,alt:""}),B&&Re("img",{className:"wp-svc-token-icon",src:B,alt:""})]}),Re("span",{children:E})]})]}),Fe("div",{className:"wp-item-line",children:[Re("span",{className:"wp-item-label",children:"Deposited"}),Fe("div",{className:"wp-svc-token",children:[w&&Re("img",{className:"wp-svc-token-icon",src:w,alt:""}),Fe("div",{className:"wp-svc-amount",children:[Re("span",{className:"wp-svc-amount-main",children:gn(h,d.deposit_token.decimals)}),M&&Re("span",{className:"wp-item-usd",children:M})]})]})]}),Fe("div",{className:"wp-item-line",children:[Fe("span",{className:"wp-item-label",children:["Claimable (",A,")"]}),Fe("div",{className:"wp-svc-token",children:[B&&Re("img",{className:"wp-svc-token-icon",src:B,alt:""}),Fe("div",{className:"wp-svc-amount",children:[Re("span",{className:"wp-svc-amount-main",children:C}),Z&&Re("span",{className:"wp-item-usd",children:Z})]})]})]})]}),Fe("div",{className:"wp-item-tags",children:[Fe("a",{className:"wp-tag wp-tag--muted",href:y,target:"_blank",rel:"noopener noreferrer",onClick:G=>qe(G,y,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:f}},n),children:[Re("span",{className:"wp-tag-label",children:"Withdraw"}),Re(Bt,{size:12,className:"wp-tag-icon"})]}),Fe("a",{className:"wp-tag wp-tag--mint","data-disabled":!W||void 0,"aria-disabled":!W||void 0,href:W?x:void 0,target:W?"_blank":void 0,rel:W?"noopener noreferrer":void 0,onClick:G=>{if(!W){G.preventDefault();return}qe(G,x,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:f}},n)},children:[Re("span",{className:"wp-tag-label",children:"Claim"}),Re(Bt,{size:12,className:"wp-tag-icon"})]})]})]},d.pool_address)})})}import*as mr from"react";import{useQuery as mc}from"@tanstack/react-query";var gc="wp:stake-info";function ua(e,t,n=!0){let o=un[e],r=n&&!!t,{data:a,...i}=mc({queryKey:[gc,e,t],queryFn:async({signal:c})=>{let l=await fetch(`${o}/stake/${t}`,{cache:"no-store",signal:c});if(!l.ok)throw new Error(`Stake info fetch failed: ${l.status}`);let d=await l.json();if(d.code!==0&&d.code!==200)throw new Error(`Stake info API error: ${d.code}`);return d},enabled:r,staleTime:0});return{stakeInfo:a?.data,...i}}import{useQuery as hc}from"@tanstack/react-query";var bc="wp:stake-rewards",wc=31;function ma(e,t,n=!0){let o=un[e],r=n&&!!t,{data:a,...i}=hc({queryKey:[bc,e,t],queryFn:async({signal:s})=>{let c=await fetch(`${o}/rewards/${t}?limit=${wc}`,{cache:"no-store",signal:s});if(!c.ok)throw new Error(`Stake rewards fetch failed: ${c.status}`);let l=await c.json();if(l.code!==0&&l.code!==200)throw new Error(`Stake rewards API error: ${l.code}`);return l.data?.data??[]},enabled:r,staleTime:0});return{latestReward:a?.[0]??null,aprAccrued:da(a),...i}}import{useQuery as xc}from"@tanstack/react-query";var vc="wp:network-stats";function ga(e,t=!0){let n=un[e],{data:o,...r}=xc({queryKey:[vc,e],queryFn:async({signal:i})=>{let s=await fetch(`${n}/network/stats`,{cache:"no-store",signal:i});if(!s.ok)throw new Error(`Network stats fetch failed: ${s.status}`);let c=await s.json();if(c.code!==0&&c.code!==200)throw new Error(`Network stats API error: ${c.code}`);return c},enabled:t,staleTime:0});return{networkStats:o?.data,...r}}import{useQuery as yc}from"@tanstack/react-query";var kc="wp:staking-onchain";function ha(e,t,n=!0){let o=n&&!!t&&!!e,{data:r,...a}=yc({queryKey:[kc,e],queryFn:async()=>{if(!t)throw new Error("stakingRewardsReader not provided");return t(e)},enabled:o,staleTime:0});return{onchain:r,...a}}import{useMemo as ba}from"react";import Sc from"bignumber.js";function wa(e){return e?.trim().toUpperCase()==="CROSS"}function xa(e){return new Sc(e||"0").isGreaterThan(0)}function go(e,t,n=!0){let{allPools:o}=uo(e,n),r=ba(()=>{for(let l of o)for(let d of[l.deposit_token,...l.reward_tokens])if(wa(d?.symbol)&&xa(d.price))return d.price},[o]),a=n&&r===void 0,{tokens:i}=Dt(e,t,a),{statsMap:s}=Ht(e,a),c=Ce[e].cross;return ba(()=>{if(r)return r;let l=i.find(d=>d.chainId===c&&wa(d.symbol));if(l){let d=s.get(ft(l.chainId,l.address));if(d&&xa(d.price))return d.price}return"0"},[r,i,s,c])}import $t from"bignumber.js";import{Fragment as Rc,jsx as Ke,jsxs as ut}from"react/jsx-runtime";var Cc="CROSS Staking";function va(e){if(!e)return"\u2014";let t=new $t(e);return t.isFinite()?`${t.toFormat(2,$t.ROUND_DOWN)}%`:"\u2014"}function ya(){let{env:e,walletAddress:t,onOutlink:n,stakingRewardsReader:o}=tt(),r=!!t,{stakeInfo:a}=ua(e,t,r),{latestReward:i,aprAccrued:s}=ma(e,t,r),{networkStats:c}=ga(e,r),{onchain:l}=ha(t,o,r),d=go(e,t,r),f=`${Gt[e]}/cross-staking.png`,h=ra[e],m=a?.total_stake??"0",y=mr.useMemo(()=>l?new $t(l.earnedWei.toString()).shiftedBy(-18).toString(10):i?.cumulative_earned??a?.rewards_earned??"0",[l,i,a]),x=mr.useMemo(()=>l?new $t(l.stakedWei.toString()).shiftedBy(-18):new $t(m),[l,m]),w=s!==void 0?new $t(s):void 0,v=a?.days_since_first_stake,B=w!==void 0&&w.isFinite()&&x.isGreaterThan(0)&&v!==null&&v!==void 0?w.div(x).times(365).div(Math.max(1,v)).times(100):void 0,u=!(new $t(m).isZero()&&new $t(y).isZero()),E=An[e],C=hn(m,0,d),A=hn(y,0,d);return Ke(Ut,{title:Cc,icon:f,iconFit:"contain",isEmpty:!1,children:ut("article",{className:"wp-item","data-side":"stake",children:[Ke("div",{className:"wp-item-body",children:u?ut(Rc,{children:[ut("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"Staked"}),ut("div",{className:"wp-svc-amount",children:[ut("span",{className:"wp-svc-amount-main",children:[fr(m)," CROSS"]}),C&&Ke("span",{className:"wp-item-usd",children:C})]})]}),ut("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"Rewards Earned"}),ut("div",{className:"wp-svc-amount",children:[ut("span",{className:"wp-svc-amount-main",children:[fr(y)," CROSS"]}),A&&Ke("span",{className:"wp-item-usd",children:A})]})]}),ut("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"My APR"}),Ke("span",{children:va(B?.toString(10))})]})]}):ut("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"Delegation APR"}),Ke("span",{children:va(c?.apr)})]})}),Ke("div",{className:"wp-item-tags",children:ut("a",{className:"wp-tag wp-tag--mint",href:u?h:E,target:"_blank",rel:"noopener noreferrer",onClick:M=>qe(M,u?h:E,{category:"portfolio",origin:"portfolio-stake",payload:{stakeInfo:a,networkStats:c}},n),children:[Ke("span",{className:"wp-tag-label",children:u?"Manage":"Stake Now"}),Ke(Bt,{size:12,className:"wp-tag-icon"})]})})]})})}import*as gr from"react";import{useQuery as Nc}from"@tanstack/react-query";var Tc="wp:game-swap-pools";function ka(e,t,n=!0){let o=ia[e],r=n&&!!t,{data:a,...i}=Nc({queryKey:[Tc,e,t],queryFn:async({signal:s})=>{let c=await fetch(`${o}/addresses/${t}/portfolio`,{cache:"no-store",signal:s});if(!c.ok)throw new Error(`Game-swap portfolio fetch failed: ${c.status}`);return(await c.json()).pools??[]},enabled:r,staleTime:0});return{pools:a??[],...i}}import{useQuery as Ic}from"@tanstack/react-query";var Lc="wp:game-swap-lp-balances";function Sa(e,t,n,o){let r=[...n].map(c=>c.toLowerCase()).sort(),a=!!o&&!!t&&r.length>0,{data:i,...s}=Ic({queryKey:[Lc,e,t,r],queryFn:async()=>{if(!o)return{};let c=await o(r),l={};for(let[d,f]of Object.entries(c))l[d.toLowerCase()]=f;return l},enabled:a,staleTime:0});return{balances:i??{},...s}}import Nt from"bignumber.js";import{jsx as nt,jsxs as mt}from"react/jsx-runtime";var Ec="Game Swap LP",Ra=18,Ac=new Nt("0.0001");function Ca(e){return e?.trim().toUpperCase()==="CROSS"}function Pc(e){return e&&e>0?e:Ra}function Bc(e){let t=Ca(e.token_a?.symbol)&&!Ca(e.token_b?.symbol),n=t?e.reserve_a:e.reserve_b,o=Pc(t?e.token_a?.decimals:e.token_b?.decimals),r=new Nt(n||"0").shiftedBy(-o);return!r.isFinite()||r.isLessThanOrEqualTo(0)?new Nt(0):r.times(2)}function Fc(e,t){let n=e.token_a?.symbol?.trim()||"TOKEN",o=e.token_b?.symbol?.trim()||"CROSS",r=t?.decimals??Ra,a,i;if(t&&t.totalSupply&&t.totalSupply>BigInt(0)){let s=new Nt(t.balance.toString()),c=new Nt(t.totalSupply.toString()),l=s.div(c);a=l.times(100);let d=l.times(Bc(e));if(d.isGreaterThan(0)){let f=new Nt(e.cross_usd||"0");i=f.isGreaterThan(0)?`$${d.times(f).toFormat(2,Nt.ROUND_DOWN)}`:`${d.toFormat(4,Nt.ROUND_DOWN)} CROSS`}}return{pool:e,tokenASymbol:n,tokenBSymbol:o,info:t,lpAmountRaw:t?.balance.toString(),lpDecimals:r,sharePercent:a,valueText:i}}function Na(){let{env:e,walletAddress:t,onOutlink:n,lpBalanceReader:o}=tt(),r=!!t,{pools:a}=ka(e,t,r),i=gr.useMemo(()=>a.map(h=>h.pair_address).filter(Boolean),[a]),{balances:s}=Sa(e,t,i,o),c=`${Gt[e]}/dex.png`,l=!!o,d=gr.useMemo(()=>{let h=a.map(m=>Fc(m,s[m.pair_address?.toLowerCase()]));return l?h.filter(m=>m.lpAmountRaw?new Nt(m.lpAmountRaw).shiftedBy(-m.lpDecimals).isGreaterThanOrEqualTo(Ac):!1):h},[a,s,l]),f=h=>{let m=h.token_a?.address??h.pair_address;return`${aa[e]}/tokens/${m}?trade=deposit`};return nt(Ut,{title:Ec,icon:c,iconFit:"contain",isEmpty:d.length===0,children:d.map(h=>{let{pool:m}=h,y=f(m),x=`${h.tokenASymbol} / ${h.tokenBSymbol}`,w=m.token_a?.logo_url,v=m.token_b?.logo_url;return mt("article",{className:"wp-item","data-side":"game-swap",children:[mt("div",{className:"wp-item-body",children:[mt("div",{className:"wp-item-line",children:[nt("span",{className:"wp-item-label",children:"Pool"}),mt("div",{className:"wp-svc-token",children:[mt("span",{className:"wp-token-stack","aria-hidden":!0,children:[w&&nt("img",{className:"wp-svc-token-icon",src:w,alt:""}),v&&nt("img",{className:"wp-svc-token-icon",src:v,alt:""})]}),nt("span",{children:x})]})]}),h.lpAmountRaw!==void 0&&mt("div",{className:"wp-item-line",children:[nt("span",{className:"wp-item-label",children:"My LP"}),mt("span",{children:[gn(h.lpAmountRaw,h.lpDecimals)," LP"]})]}),h.sharePercent!==void 0&&mt("div",{className:"wp-item-line",children:[nt("span",{className:"wp-item-label",children:"Pool Share"}),mt("span",{children:[h.sharePercent.toFormat(2,Nt.ROUND_DOWN),"%"]})]}),h.valueText!==void 0&&mt("div",{className:"wp-item-line",children:[nt("span",{className:"wp-item-label",children:"Value"}),nt("span",{children:h.valueText})]})]}),nt("div",{className:"wp-item-tags",children:mt("a",{className:"wp-tag wp-tag--mint",href:y,target:"_blank",rel:"noopener noreferrer",onClick:B=>qe(B,y,{category:"portfolio",origin:"portfolio-game-swap",payload:{pool:m}},n),children:[nt("span",{className:"wp-tag-label",children:"Manage"}),nt(Bt,{size:12,className:"wp-tag-icon"})]})})]},m.pair_address)})})}import Vt from"bignumber.js";import{useMemo as Hc}from"react";import{useQuery as Mc}from"@tanstack/react-query";var _c="wp:forge-pools";function Ta(e,t,n=!0){let o=fo[e],r=n&&!!t,{data:a,...i}=Mc({queryKey:[_c,e,t],queryFn:async()=>{let c=await fetch(`${o}/v1/users/${t}/pools`,{cache:"no-store"});if(!c.ok)throw new Error(`forge pools fetch failed: ${c.status}`);return(await c.json()).data?.items??[]},enabled:r,staleTime:0}),s=a??[];return{pools:s,isEmpty:s.length===0,...i}}import{useQueries as Oc}from"@tanstack/react-query";import{useMemo as zc}from"react";var Wc="wp:forge-token-detail";async function Dc(e,t){let n=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store"});return n.ok?(await n.json())?.data?.token??null:null}function Ia(e,t,n=!0){let o=fo[e],r=Oc({queries:t.map(s=>({queryKey:[Wc,e,s],queryFn:()=>Dc(o,s),enabled:n&&!!s,staleTime:3e4}))}),a=zc(()=>{let s=new Map;for(let c=0;c<r.length;c++){let l=r[c]?.data,d=t[c];l&&d&&s.set(d.toLowerCase(),l)}return s},[r,t]),i=r.some(s=>s.isLoading);return{detailMap:a,isLoading:i}}import{jsx as We,jsxs as jt}from"react/jsx-runtime";var Gc="Forge",La=18,Uc="https://contents.crosstoken.io/wallet/token/images/FT.png";function $c(e){if(!e||e==="0")return"0";let t=new Vt(e).shiftedBy(-La);return t.isZero()?"0":t.isGreaterThanOrEqualTo(1)?t.toFormat(2,Vt.ROUND_DOWN):t.toFormat(4,Vt.ROUND_DOWN)}function jc(e){let t=Number(e);return!Number.isFinite(t)||t<=0?"0%":t>=1?`${(Math.floor(t*100)/100).toFixed(2)}%`:`${(Math.floor(t*1e4)/1e4).toFixed(4)}%`}function Vc(e,t,n){let o=new Vt(n||"0");if(!o.isGreaterThan(0))return null;let r=new Vt(e.total_supply||"0"),a=new Vt(e.lp_balance||"0"),i=new Vt(t?.reserve_b||"0").shiftedBy(-La);if(!r.isGreaterThan(0)||!a.isGreaterThan(0)||!i.isGreaterThan(0))return null;let s=i.times(2),l=a.div(r).times(s).times(o);return l.isFinite()?`$${l.toFormat(2,Vt.ROUND_DOWN)}`:null}function Ea(){let{env:e,walletAddress:t,onOutlink:n}=tt(),o=!!t,{pools:r,isEmpty:a}=Ta(e,t,o),i=Hc(()=>r.map(f=>f.token.address),[r]),{detailMap:s}=Ia(e,i,o&&i.length>0),c=go(e,t,o),l=f=>`${oa[e]}/forge/token/${f.token.address}`,d=`${Gt[e]}/forge.png`;return We(Ut,{title:Gc,icon:d,iconFit:"contain",isEmpty:a,children:r.map(f=>{let h=s.get(f.token.address.toLowerCase()),m=h?.image_url||h?.image||f.token.image||Uc,y=h?.symbol||f.token.symbol,x=l(f),w=Vc(f,h,c);return jt("a",{className:"wp-item","data-side":"lp",href:x,target:"_blank",rel:"noopener noreferrer",onClick:v=>qe(v,x,{category:"portfolio",origin:"portfolio-forge",payload:{pool:f,tokenDetail:h}},n),children:[jt("div",{className:"wp-item-body",children:[jt("div",{className:"wp-item-line",children:[We("span",{className:"wp-item-label",children:"Asset"}),jt("div",{className:"wp-svc-token",children:[We("img",{className:"wp-svc-token-icon",src:m,alt:""}),We("span",{children:y}),h?.name&&We("span",{className:"wp-token-subtle",children:h.name})]})]}),jt("div",{className:"wp-item-line",children:[We("span",{className:"wp-item-label",children:"LP Balance"}),We("div",{className:"wp-svc-token",children:jt("div",{className:"wp-svc-amount",children:[We("span",{className:"wp-svc-amount-main",children:$c(f.lp_balance)}),w&&We("span",{className:"wp-item-usd",children:w})]})})]}),jt("div",{className:"wp-item-line",children:[We("span",{className:"wp-item-label",children:"Ownership"}),We("span",{className:"wp-line-value",children:jc(f.pool_ownership)})]})]}),We("div",{className:"wp-item-tags",children:jt("span",{className:"wp-tag wp-tag--muted",children:[We("span",{className:"wp-tag-label",children:"Withdraw"}),We(Bt,{size:12,className:"wp-tag-icon"})]})})]},f.pair_address)})})}_(`.wp-fullscreen[data-theme=dark],.wp-embed[data-theme=dark]{--wp-bg: var(--ds-bg-default, #202530);--wp-header-bg: var(--ds-surface-default, #252b39);--wp-card: var(--ds-surface-medium, #252b39);--wp-control: #292f40;--wp-border: var(--ds-border-default, #292f40);--wp-panel-border: var(--ds-border-medium, rgba(255, 255, 255, .18));--wp-panel-shadow: 0px 4px 30px -1px rgba(0, 0, 0, .28);--wp-text: var(--ds-content-highest, #ffffff);--wp-text-60: var(--ds-content-high, rgba(255, 255, 255, .85));--wp-text-40: var(--ds-content-medium, rgba(255, 255, 255, .65));--wp-text-30: var(--ds-content-low, rgba(255, 255, 255, .4));--wp-chrome-text: #ffffff;--wp-tooltip-bg: #151a23;--wp-tooltip-text: #ffffff;--wp-mint: var(--ds-accent-primary-default, #00a0a2);--wp-green: var(--ds-accent-primary-default, #00a0a2);--wp-accent-soft: var(--ds-accent-primary-low, rgba(0, 160, 162, .14));--wp-red: var(--ds-system-red-default, #e70077);--wp-blue: #0488fc;--wp-purple: #7346f3;--wp-orange: #ff9d00;--wp-claim-primary: #9b8cef;--wp-claim-primary-text: #202530;--wp-claim-secondary-bg: var(--wp-control);--wp-claim-success: #00d4aa;--wp-claim-success-soft: rgba(0, 212, 170, .18);--wp-claim-error: #ff3aa3;--wp-claim-error-soft: rgba(255, 58, 163, .16)}.wp-fullscreen[data-theme=light],.wp-embed[data-theme=light]{--wp-bg: var(--ds-bg-dim, #f5f7fa);--wp-header-bg: var(--ds-surface-default, #ffffff);--wp-card: var(--ds-surface-default, #ffffff);--wp-control: var(--ds-surface-medium, #f5f7fa);--wp-border: var(--ds-border-default, rgba(0, 0, 0, .07));--wp-panel-border: var(--ds-border-medium, rgba(0, 0, 0, .18));--wp-panel-shadow: 0px 4px 30px -1px rgba(0, 0, 0, .15);--wp-text: var(--ds-content-highest, #000000);--wp-text-60: var(--ds-content-high, rgba(0, 0, 0, .85));--wp-text-40: var(--ds-content-medium, rgba(0, 0, 0, .65));--wp-text-30: var(--ds-content-low, rgba(0, 0, 0, .4));--wp-chrome-text: var(--ds-content-high, rgba(0, 0, 0, .85));--wp-card-shadow: none;--wp-tooltip-bg: #192023;--wp-tooltip-text: #ffffff;--wp-mint: var(--ds-accent-primary-default, #00a0a2);--wp-green: var(--ds-accent-primary-default, #00a0a2);--wp-accent-soft: var(--ds-accent-primary-low, #e7f9f8);--wp-red: var(--ds-system-red-default, #e70077);--wp-blue: #0488fc;--wp-purple: #7346f3;--wp-orange: #ff9d00;--wp-claim-primary: #7346f3;--wp-claim-primary-text: #ffffff;--wp-claim-secondary-bg: #ffffff;--wp-claim-success: #019d92;--wp-claim-success-soft: rgba(1, 157, 146, .15);--wp-claim-error: #e70077;--wp-claim-error-soft: rgba(231, 0, 119, .12)}.wp-fullscreen{position:fixed!important;top:12px!important;left:max(12px,calc((100vw - 393px)/2))!important;right:max(12px,calc((100vw - 393px)/2))!important;bottom:12px!important;width:auto!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;z-index:50;background:var(--wp-bg);border:1px solid var(--wp-panel-border);border-radius:24px;box-shadow:var(--wp-panel-shadow);display:flex;flex-direction:column;overflow:hidden;font-family:inherit;font-feature-settings:"calt" 0,"lnum" 1,"pnum" 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;color:var(--wp-chrome-text)}.wp-embed{width:100%;height:100%;min-height:0;background:var(--wp-bg);display:flex;flex-direction:column;overflow:hidden;position:relative;font-family:inherit;font-feature-settings:"calt" 0,"lnum" 1,"pnum" 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;color:var(--wp-chrome-text)}.wp-overlay{position:fixed;inset:0;z-index:49;background:#0009}.wp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:73px;padding:24px;position:relative;border-bottom:1px solid var(--wp-border);background:var(--wp-header-bg);color:var(--wp-chrome-text);flex-shrink:0;box-sizing:border-box}.wp-header-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--ds-content-low, rgba(0, 0, 0, .4));flex-shrink:0;transition:color .15s ease}.wp-header-btn:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wp-header-edge{display:flex;align-items:center;width:24px;min-width:24px}.wp-header-edge--right{justify-content:flex-end}.wp-header-edge--right .wp-header-btn{position:absolute;top:24px;right:24px}.wp-header-spacer{display:block;width:24px;height:24px}.wp-header-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--wp-header-avatar-bg)}.wp-header-avatar-img{width:30px;height:30px;object-fit:cover;display:block}.wp-fullscreen[data-theme=dark] .wp-header-avatar,.wp-embed[data-theme=dark] .wp-header-avatar{--wp-header-avatar-bg: hsl(221.3 24.6% 25.5%)}.wp-fullscreen[data-theme=light] .wp-header-avatar,.wp-embed[data-theme=light] .wp-header-avatar{--wp-header-avatar-bg: rgba(18, 18, 18, .1)}.wp-refresh-btn{position:relative}.wp-refresh-badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--wp-mint);color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center}.wp-spin-once{animation:wp-spin-once .6s ease-in-out}@keyframes wp-spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wp-header-title{flex:1;font-family:inherit;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.01em;text-align:center;color:var(--ds-content-highest, #000000);margin:0}.wp-header-account{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.wp-header-wallet-name{flex:1;min-width:0;font-family:inherit;font-size:15px;font-weight:600;line-height:160%;letter-spacing:0;color:var(--wp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-top{flex-shrink:0;padding:0 16px 16px;display:flex;flex-direction:column;gap:16px}.wp-identity{display:flex;flex-direction:column;gap:8px}.wp-address{display:inline-flex;align-items:center;gap:8px}.wp-address-label{font-size:12px;font-weight:400;line-height:1.4;color:var(--wp-text-40)}.wp-address-chevron{display:inline-flex;align-items:center;color:var(--wp-text-40)}.wp-total{font-size:28px;font-weight:600;line-height:1.3;color:var(--wp-text);margin:0}.wp-asset{display:flex;flex-direction:column;gap:8px}.wp-asset-head{display:flex;align-items:center;gap:4px}.wp-asset-head-label{font-size:12px;font-weight:400;line-height:1.4;color:var(--wp-text-40)}.wp-asset-head-icon{display:inline-flex;color:var(--wp-text-40)}.wp-bar{display:flex;height:20px;border-radius:4px;overflow:hidden}.wp-bar-seg{display:flex;align-items:center;justify-content:center;min-width:8px}.wp-bar-seg-pct{font-size:10px;font-weight:400;line-height:1.3;color:#fff;white-space:nowrap}.wp-legend{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.wp-legend-item{display:flex;align-items:center;gap:4px}.wp-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.wp-legend-label{font-size:12px;font-weight:400;line-height:1.4;color:var(--wp-text-40)}.wp-tabs{flex-shrink:0;padding:8px 16px}.wp-tabs-inner{display:flex;align-items:center;padding:0 2px}.wp-tabs-list{display:flex;gap:20px;flex:1}.wp-tab{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:44px;padding-top:12px;background:transparent;border:none;cursor:pointer}.wp-tab-text{font-size:14px;font-weight:600;line-height:1.4;color:var(--wp-text-30);white-space:nowrap}.wp-tab[data-active=true] .wp-tab-text{color:var(--wp-mint)}.wp-tab-bar{width:20px;height:4px;border-radius:2px;background:var(--wp-mint);opacity:0}.wp-tab[data-active=true] .wp-tab-bar{opacity:1}.wp-tabs-filter-wrap{position:relative;display:flex;align-items:center;width:44px;height:44px;flex-shrink:0}.wp-tabs-filter-grad{position:absolute;inset:0;background:linear-gradient(to left,var(--wp-bg) 74%,transparent);pointer-events:none}.wp-tabs-filter{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--wp-text-40)}.wp-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--wp-border) transparent}.wp-body::-webkit-scrollbar{width:4px}.wp-body::-webkit-scrollbar-track{background:transparent}.wp-body::-webkit-scrollbar-thumb{background:var(--wp-border);border-radius:4px}.wp-body-inner{padding:16px 16px 32px;display:flex;flex-direction:column;gap:32px}.wp-summary-card{display:flex;flex-direction:column;gap:8px;width:100%;padding:0;border-radius:0;background:transparent;box-shadow:none;box-sizing:border-box}.wp-summary-head{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:4px}.wp-summary-label{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--wp-text-40);white-space:nowrap}.wp-address{display:inline-flex;align-items:center;gap:8px;min-width:0}.wp-address-avatar{width:16px;height:16px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 68% 34%,#ff78d1 0 18%,transparent 19%),radial-gradient(circle at 34% 66%,#00d4aa 0 20%,transparent 21%),linear-gradient(135deg,#7346f3,#0488fc)}.wp-address-label{font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--wp-text-40);white-space:nowrap}.wp-address-chevron{display:inline-flex;align-items:center;color:var(--wp-text-40);flex-shrink:0}.wp-summary-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:#019d921a;color:var(--wp-mint);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;white-space:nowrap}.wp-summary-estimate{position:relative;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.wp-estimate-info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--wp-text-40);cursor:help}.wp-estimate-tooltip{position:absolute;top:calc(100% + 8px);left:0;right:auto;z-index:3;display:flex;flex-direction:column;gap:8px;width:min(280px,calc(100vw - 48px));padding:12px;border-radius:8px;background:var(--wp-tooltip-bg);box-shadow:0 12px 32px #0000003d;color:var(--wp-tooltip-text);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;text-align:left;white-space:normal;opacity:0;pointer-events:none;transform:translateY(-4px);visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.wp-estimate-tooltip-title{display:block;font-size:12px;font-weight:600;line-height:1.3}.wp-estimate-tooltip-group{display:flex;flex-direction:column;gap:4px}.wp-estimate-tooltip-item{display:block;color:#ffffffc7}.wp-estimate-tooltip-item:before{content:"- "}.wp-estimate-info:hover .wp-estimate-tooltip,.wp-estimate-info:focus .wp-estimate-tooltip,.wp-estimate-info:focus-visible .wp-estimate-tooltip{opacity:1;transform:translateY(0);visibility:visible}.wp-total{font-family:var( --wp-total-font-family, Sora, Inter, system-ui, -apple-system, sans-serif );font-size:36px;font-weight:600;line-height:1.25;letter-spacing:0;color:var(--wp-text);margin:0}.wp-svc-card{display:flex;flex-direction:column;gap:12px;width:100%}.wp-svc-card-head{display:flex;align-items:center;gap:6px}.wp-svc-card-icon{width:24px;height:24px;border-radius:4px;flex-shrink:0;object-fit:cover}.wp-svc-card-title{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;color:var(--wp-text-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-svc-items{display:flex;flex-direction:column;gap:8px;width:100%;padding:0;border-radius:0;background:transparent;box-shadow:none;box-sizing:border-box}.wp-item{position:relative;display:flex;flex-direction:column;gap:20px;width:100%;padding:12px;border-radius:12px;background:var(--wp-card);box-shadow:var(--wp-card-shadow, none);box-sizing:border-box;color:inherit;text-decoration:none;cursor:pointer;outline:none;transition:opacity .15s ease}.wp-item+.wp-item{padding-top:12px;border-top:0}.wp-item:hover{opacity:.88}.wp-item-body{display:flex;flex-direction:column;gap:12px;min-width:0}.wp-order-head{display:flex;align-items:center;width:100%}.wp-item-line{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:21px;min-width:0}.wp-item-label{flex-shrink:0;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--wp-text-30);white-space:nowrap}.wp-line-value,.wp-order-side{min-width:0;overflow:hidden;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--wp-text-60);text-align:right;text-overflow:ellipsis;white-space:nowrap}.wp-order-side--buy{color:var(--wp-mint)}.wp-order-side--sell{color:var(--wp-red)}.wp-svc-token{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;min-height:21px}.wp-svc-token>span{font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--wp-text-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-svc-token-icon{width:16px;height:16px;border-radius:50%;flex-shrink:0;object-fit:cover}.wp-token-stack{display:inline-flex;align-items:center;justify-content:flex-end;width:29px;min-width:29px;overflow:visible}.wp-token-stack .wp-svc-token-icon+.wp-svc-token-icon{margin-left:-3.5px}.wp-token-subtle,.wp-item-usd{color:var(--wp-text-30)!important}.wp-svc-amount{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;min-width:0}.wp-svc-amount-main{font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--wp-text-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.wp-svc-amount .wp-item-usd{font-size:12px;font-weight:500;line-height:1.35}.wp-order-token{display:flex;align-items:center;gap:8px;min-width:0}.wp-order-token .wp-svc-token-icon{width:32px;height:32px}.wp-order-token-meta{display:flex;min-width:0;flex-direction:column;justify-content:center}.wp-order-token-symbol{overflow:hidden;color:var(--wp-text-60);font-size:14px;font-weight:500;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.wp-order-token-pair{overflow:hidden;color:var(--wp-text-30);font-size:12px;font-weight:500;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.wp-item-tags{display:flex;align-items:stretch;gap:8px;width:100%}.wp-tag{appearance:none;display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:0;min-width:0;min-height:33px;padding:6px 10px;border-radius:6px;border:0;background:var(--wp-control);font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;color:var(--wp-text-40);text-align:center;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}a.wp-tag,button.wp-tag{cursor:pointer}.wp-tag:hover{background:var(--wp-control);transform:none}.wp-tag:focus-visible{outline:2px solid var(--wp-mint);outline-offset:2px}.wp-tag[aria-disabled=true],.wp-tag[data-disabled]{cursor:default;opacity:.48;pointer-events:none}.wp-tag-label{display:inline-flex;align-items:center}.wp-tag-icon{display:none}.wp-tag:hover .wp-tag-icon{transform:none}.wp-tag--mint{color:var(--wp-mint);background:var(--wp-accent-soft)}.wp-tag--mint:hover{background:var(--wp-accent-soft)}.wp-tag--muted{color:var(--wp-text-40)}.wp-svc-empty{display:flex;align-items:center;justify-content:center;min-height:74px;padding:20px 16px;background:var(--wp-card);border-radius:12px;box-shadow:var(--wp-card-shadow, none);font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0;color:var(--wp-text-30);box-sizing:border-box}.wp-claim-overlay{position:absolute;inset:0;z-index:8;display:flex;align-items:flex-end;justify-content:center;background:#00000094;box-sizing:border-box}.wp-claim-sheet{display:flex;flex-direction:column;width:100%;max-width:375px;max-height:calc(100% - 24px);overflow:hidden;border-radius:24px 24px 0 0;background:var(--wp-bg);color:var(--wp-text);box-shadow:0 -18px 48px #00000042;animation:wp-claim-slide-up .22s ease-out}@keyframes wp-claim-slide-up{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.wp-claim-grabber{display:flex;align-items:flex-start;justify-content:center;height:38px;min-height:38px;padding-top:12px;box-sizing:border-box}.wp-claim-grabber span{display:block;width:52px;height:5px;border-radius:999px;background:var(--wp-control)}.wp-claim-content{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:20px;box-sizing:border-box}.wp-claim-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;flex-shrink:0}.wp-claim-icon--success{background:var(--wp-claim-success-soft);color:var(--wp-claim-success)}.wp-claim-icon--pending{background:#9b8cef29;color:var(--wp-claim-primary)}.wp-claim-icon--error{background:var(--wp-claim-error-soft);color:var(--wp-claim-error);font-size:30px;font-weight:600;line-height:1}.wp-claim-icon--token{background:#00d4aa29}.wp-claim-icon--token img{width:48px;height:48px;border-radius:50%;object-fit:cover}.wp-claim-icon--token span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--wp-mint);color:#101820;font-size:18px;font-weight:600}.wp-claim-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(155,140,239,.28);border-top-color:var(--wp-claim-primary);animation:wp-claim-spin .8s linear infinite}@keyframes wp-claim-spin{to{transform:rotate(360deg)}}.wp-claim-copy{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;text-align:center}.wp-claim-title{margin:0;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--wp-text)}.wp-claim-desc{max-width:335px;margin:0;font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0;color:var(--wp-text-40)}.wp-claim-heading{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.wp-claim-error-message{margin:0;color:var(--wp-claim-error);font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0}.wp-claim-reward-card{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:60px;padding:16px;border-radius:8px;background:var(--wp-card);box-sizing:border-box}.wp-claim-reward-token{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--wp-control)}.wp-claim-reward-token img{width:28px;height:28px;object-fit:cover}.wp-claim-reward-token span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--wp-mint);color:#101820;font-size:13px;font-weight:600;line-height:1}.wp-claim-reward-symbol{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--wp-text);font-size:18px;font-weight:600;line-height:1.3;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.wp-claim-reward-amount{flex-shrink:0;color:var(--wp-text);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0;white-space:nowrap}.wp-claim-account-card{display:flex;flex-direction:column;gap:12px;width:100%;padding:16px;border-radius:8px;background:var(--wp-card);box-sizing:border-box}.wp-claim-account-row{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:40px}.wp-claim-account-row>span{flex-shrink:0;color:var(--wp-text-40);font-size:14px;font-weight:400;line-height:1.3;letter-spacing:0;white-space:nowrap}.wp-claim-account{display:flex;align-items:center;gap:8px;min-width:0}.wp-claim-account strong{overflow:hidden;color:var(--wp-text);font-size:15px;font-weight:600;line-height:1.6;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.wp-claim-account-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 30% 28%,#d87aff 0 12%,transparent 13%),radial-gradient(circle at 68% 28%,#f0a1ff 0 12%,transparent 13%),radial-gradient(circle at 32% 70%,#b561e7 0 13%,transparent 14%),radial-gradient(circle at 70% 70%,#d4a2ff 0 13%,transparent 14%),radial-gradient(circle at 50% 50%,#8c4fc4 0 18%,transparent 19%),#4a315f;box-shadow:inset 0 0 0 3.37px var(--wp-control)}.wp-claim-divider{display:block;width:100%;height:1px;background:var(--wp-border)}.wp-claim-detail-list{display:flex;flex-direction:column;gap:8px;width:100%}.wp-claim-detail-row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:20px}.wp-claim-detail-row>span{min-width:0;color:var(--wp-text-40);font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0;white-space:nowrap}.wp-claim-detail-row--sub>span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 8px 3px;background:currentColor}.wp-claim-detail-row strong{min-width:0;overflow:hidden;color:var(--wp-text);font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0;text-align:right;text-overflow:ellipsis;white-space:nowrap}.wp-claim-list{display:flex;flex-direction:column;gap:8px;width:100%;padding-bottom:8px}.wp-claim-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:8px 16px;border-radius:8px;background:var(--wp-card);box-sizing:border-box}.wp-claim-list-item>span{flex-shrink:0;font-size:14px;font-weight:400;line-height:1.3;color:var(--wp-text-40);white-space:nowrap}.wp-claim-list-item strong{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;overflow:hidden;color:var(--wp-text);font-size:14px;font-weight:400;line-height:1.3;text-align:right;text-overflow:ellipsis;white-space:nowrap}.wp-claim-list-item img{width:16px;height:16px;border-radius:50%;flex-shrink:0}.wp-claim-hash{appearance:none;display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;padding:0;border:none;background:transparent;color:var(--wp-text);cursor:pointer;font:inherit}.wp-claim-hash svg{flex-shrink:0;color:var(--wp-text-60)}.wp-claim-gas-card{display:flex;flex-direction:column;gap:4px;width:100%;padding:14px 16px;border-radius:8px;border:1px solid var(--wp-border);background:var(--wp-card);box-sizing:border-box}.wp-claim-gas-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px}.wp-claim-gas-row>span{min-width:0;font-size:12px;font-weight:400;line-height:1.3;color:var(--wp-text-40)}.wp-claim-gas-row strong{min-width:0;overflow:hidden;color:var(--wp-text);font-size:12px;font-weight:400;line-height:1.3;text-align:right;text-overflow:ellipsis;white-space:nowrap}.wp-claim-gas-row--primary{min-height:32px}.wp-claim-gas-row--primary>span,.wp-claim-gas-row--primary strong{font-size:14px;color:var(--wp-text)}.wp-claim-fee-label{position:relative;display:inline-flex;align-items:center;text-decoration:underline dotted;text-underline-offset:3px;cursor:help;overflow:visible!important}.wp-claim-fee-tooltip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:2;width:min(260px,calc(100vw - 64px));padding:10px 12px;border-radius:8px;background:var(--wp-tooltip-bg);color:var(--wp-tooltip-text);box-shadow:0 12px 32px #0000003d;font-size:11px;font-weight:400;line-height:1.4;text-align:left;text-decoration:none;white-space:normal;opacity:0;pointer-events:none;transform:translateY(4px);visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.wp-claim-fee-label:hover .wp-claim-fee-tooltip,.wp-claim-fee-label:focus .wp-claim-fee-tooltip,.wp-claim-fee-label:focus-visible .wp-claim-fee-tooltip{opacity:1;transform:translateY(0);visibility:visible}.wp-claim-actions{display:flex;align-items:center;gap:8px;width:100%}.wp-claim-primary,.wp-claim-secondary{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;height:52px;padding:0 24px;border:none;border-radius:40px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:0;white-space:nowrap;cursor:pointer}.wp-claim-primary{background:var(--wp-claim-primary);color:var(--wp-claim-primary-text)}.wp-claim-primary:disabled{cursor:default;opacity:.72}.wp-claim-secondary{background:var(--wp-claim-secondary-bg, var(--wp-control));color:var(--wp-claim-primary)}.wp-claim-actions[data-count="2"] .wp-claim-primary{flex:1 1 0}.wp-claim-actions[data-count="2"] .wp-claim-secondary{flex:0 0 120px}.wp-claim-button-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(32,37,48,.28);border-top-color:var(--wp-claim-primary-text);animation:wp-claim-spin .8s linear infinite}.wp-claim-home-indicator{display:flex;align-items:flex-end;justify-content:center;height:34px;min-height:34px;padding-bottom:8px;box-sizing:border-box}.wp-claim-home-indicator span{display:block;width:134px;height:5px;border-radius:16px;background:var(--wp-text-40)}@media(max-width:359px){.wp-header{gap:12px;padding:0 12px}.wp-total{font-size:24px}.wp-body-inner{padding:0 12px 128px;gap:20px}.wp-svc-items,.wp-claim-content{padding:18px 14px}.wp-item-line{gap:10px}.wp-svc-token>span{max-width:168px}}.wp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.wi-drawer-content .wp-header,.wi-portfolio-body .wp-header{padding:16px}.wi-drawer-content .wp-header-edge--right .wp-header-btn,.wi-portfolio-body .wp-header-edge--right .wp-header-btn{top:16px;right:16px}
|
|
8
|
+
`);import{Fragment as Qc,jsx as Ne,jsxs as br}from"react/jsx-runtime";var hr=5,Kc="wp:";function bn({env:e,theme:t="light",walletAddress:n,onBack:o,showHeader:r=!0,variant:a="embed",className:i,onOutlink:s,lpBalanceReader:c,stakingRewardsReader:l}){let d=Pe(e),f=!!n,h=qc(),[,m]=gt.useState(hr),[y,x]=gt.useState(!1),w=gt.useCallback(()=>{h.invalidateQueries({predicate:C=>typeof C.queryKey[0]=="string"&&C.queryKey[0].startsWith(Kc)})},[h]),v=gt.useCallback(()=>{w(),x(!0),setTimeout(()=>x(!1),600),m(hr)},[w]);gt.useEffect(()=>{if(!f)return;let C=setInterval(()=>{m(A=>A<=1?(v(),hr):A-1)},1e3);return()=>clearInterval(C)},[f,v]);let B=gt.useCallback(()=>{o?.()},[o]),u=gt.useMemo(()=>({env:d,theme:t,open:!0,walletAddress:n,close:B,onOutlink:s,lpBalanceReader:c,stakingRewardsReader:l}),[d,t,n,B,s,c,l]),E=br(Qc,{children:[r&&br("div",{className:"wp-header",children:[Ne("div",{className:"wp-header-edge wp-header-edge--left",children:o?Ne("button",{type:"button",className:"wp-header-btn","aria-label":"Back",onClick:o,children:Ne(Pt,{size:24})}):Ne("span",{className:"wp-header-spacer","aria-hidden":!0})}),Ne("h2",{className:"wp-header-title",children:"Portfolio"}),Ne("div",{className:"wp-header-edge wp-header-edge--right",children:Ne("button",{type:"button",className:X("wp-header-btn",o?void 0:"wp-refresh-btn"),"aria-label":o?"Close portfolio":"Refresh portfolio",onClick:o??v,children:o?Ne(ea,{}):Ne(Ji,{className:y?"wp-spin-once":void 0})})})]}),Ne("div",{className:"wp-body",children:br("div",{className:"wp-body-inner",children:[Ne(fa,{}),Ne(ya,{}),Ne(Na,{}),Ne(Ea,{})]})})]});return Ne(En.Provider,{value:u,children:a==="none"?E:Ne("div",{className:X(a==="fullscreen"?"wp-fullscreen":"wp-embed",i),"data-theme":t,children:E})})}import{jsx as wr,jsxs as Aa}from"react/jsx-runtime";function Pa({className:e}){let{env:t,theme:n,walletAddress:o,close:r,onOutlink:a,lpBalanceReader:i,stakingRewardsReader:s}=tt();return Aa(ho.Portal,{children:[wr(ho.Overlay,{className:"wp-overlay"}),Aa(ho.Content,{className:X("wp-fullscreen",e),"data-theme":n,children:[wr(ho.Title,{className:"wp-sr-only",children:"Portfolio"}),wr(bn,{env:t,theme:n,walletAddress:o,onBack:r,variant:"none",onOutlink:a,lpBalanceReader:i,stakingRewardsReader:s})]})]})}import{jsx as Ba}from"react/jsx-runtime";function Zc({env:e,theme:t="light",walletAddress:n,open:o,onOpenChange:r,onOutlink:a,lpBalanceReader:i,stakingRewardsReader:s,children:c}){let l=Pe(e),d=o!==void 0,[f,h]=rn.useState(!1),m=d?o:f,y=rn.useCallback(v=>{d||h(v),r?.(v)},[d,r]),x=rn.useCallback(()=>y(!1),[y]),w=rn.useMemo(()=>({env:l,theme:t,open:m,walletAddress:n,close:x,onOutlink:a,lpBalanceReader:i,stakingRewardsReader:s}),[l,t,m,n,x,a,i,s]);return Ba(En.Provider,{value:w,children:Ba(Yc.Root,{direction:"bottom",open:m,onOpenChange:y,noBodyStyles:!0,children:c})})}var Fa=Object.assign(Zc,{Trigger:Xi,Content:Pa});import*as R from"react";import{createPortal as wn}from"react-dom";import qt from"bignumber.js";import{jsx as ot,jsxs as Xc}from"react/jsx-runtime";function Ma({size:e=20,className:t}){return Xc("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"aria-hidden":"true",children:[ot("circle",{cx:"9",cy:"9",r:"6",stroke:"currentColor",strokeWidth:1.7}),ot("path",{d:"m17 17-3.2-3.2",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round"})]})}function _a({size:e=16,className:t}){return ot("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:ot("path",{d:"M2.667 8a5.333 5.333 0 1 0 1.562-3.771L2.667 5.79M2.667 2.667v3.124h3.124M8 5.333V8l1.667 1",stroke:"currentColor",strokeWidth:1.333,strokeLinecap:"round",strokeLinejoin:"round"})})}function Oa({size:e=16,className:t}){return ot("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:ot("path",{d:"M2.667 4h4M9.333 4h4M6.667 2.667v2.666M2.667 12h4M9.333 12h4M9.333 10.667v2.666M2.667 8h1.666M7 8h6.333M4.333 6.667v2.666",stroke:"currentColor",strokeWidth:1.333,strokeLinecap:"round",strokeLinejoin:"round"})})}function za({size:e=20,className:t}){return ot("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:ot("path",{d:"M10 4.167v11.666M4.167 10 10 15.833 15.833 10",stroke:"currentColor",strokeWidth:1.667,strokeLinecap:"round",strokeLinejoin:"round"})})}function Wa({size:e=16,className:t}){return ot("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"aria-hidden":"true",children:ot("path",{d:"M3.333 8h9.334M8.667 4l4 4-4 4",stroke:"currentColor",strokeWidth:1.333,strokeLinecap:"round",strokeLinejoin:"round"})})}function Da({size:e=12,className:t}){return ot("svg",{width:e,height:e,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:ot("path",{d:"M3.5 2 1.5 4l2 2M1.5 4h9M8.5 10l2-2-2-2M10.5 8h-9",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})})}import*as T from"react";import Ua from"bignumber.js";function Ha(e){return typeof e=="number"&&Number.isFinite(e)&&e>0}function Ga(e){return!e.isFinite()||e.isNaN()||e.lte(0)?"":e.decimalPlaces(6,Ua.ROUND_DOWN).toFixed()}function Jc(e){return e.fromToken.symbol.toLowerCase()===e.toToken.symbol.toLowerCase()||e.fromToken.chainId===e.toToken.chainId&&e.fromToken.address.toLowerCase()===e.toToken.address.toLowerCase()}function ed(e){let t=e.fromToken.priceUsd,n=e.toToken.priceUsd,o=e.lastChangedBy==="to"?e.toAmount:e.fromAmount,r=new Ua(o||"0");return!r.isFinite()||r.isNaN()||r.lte(0)?{fromAmount:e.fromAmount,toAmount:e.toAmount}:Ha(t)&&Ha(n)?e.lastChangedBy==="to"?{fromAmount:Ga(r.multipliedBy(n).dividedBy(t))}:{toAmount:Ga(r.multipliedBy(t).dividedBy(n))}:Jc(e)?e.lastChangedBy==="to"?{fromAmount:e.toAmount}:{toAmount:e.fromAmount}:{fromAmount:e.lastChangedBy==="to"?"":e.fromAmount,toAmount:e.lastChangedBy==="from"?"":e.toAmount}}function $a({getQuote:e,submitBridge:t}){return{canQuote:!!e,canSubmit:!!t,async getQuote(n){return e?e(n):ed(n)},async submitBridge(n){if(!t)throw new Error("Bridge submit handler is not configured.");return t(n)}}}var ja=15,td=18;function nd(e){let t=e.replace(/[^\d.]/g,""),n=t.indexOf(".");n!==-1&&(t=t.slice(0,n+1)+t.slice(n+1).replace(/\./g,""));let o=t.indexOf(".");if(o===-1)return t.slice(0,ja);let r=t.slice(0,o).slice(0,ja),a=t.slice(o+1).slice(0,td);return`${r}.${a}`}function od(e){let t=Number(e??"0");if(!Number.isFinite(t)||t<.1)return"1";let n=o=>Math.floor(o*100)/100;if(t<3){let o=n(t*3);return String(o<1?1:o)}return"10"}function Va(e){let t=e.toUpperCase();return t.startsWith("T")&&t.slice(1).startsWith("CROSS")?t.slice(1):t}function rd(e,t){if(!e||!t||e.chainId!==t.chainId)return!1;let n=new Set([Va(e.symbol),Va(t.symbol)]);return n.has("CROSS")&&n.has("CROSSD")}function ht(e,t){return!!e&&!!t&&e.chainId===t.chainId&&e.address.toLowerCase()===t.address.toLowerCase()}function bo(e){return e[0]}function xr(e,t,n,o){if(n&&!ht(n,t))return n;let r=t?o?.(t,e):void 0;if(r?.length)return r[0];if(!t)return e[1]??bo(e);let a=e.findIndex(s=>ht(s,t)),i=a>=0?e[a+1]:void 0;return i&&!ht(i,t)?i:e.find(s=>!ht(s,t))??t}function qa({fromToken:e,toToken:t,fromAmount:n,toAmount:o,lastChangedBy:r,slippage:a}){return{fromToken:e,toToken:t,fromAmount:n,toAmount:o,lastChangedBy:r,slippage:a}}function Ka(e,t){let n=e instanceof Error?e.message:typeof e=="string"?e:"",o=e&&typeof e=="object"&&"code"in e?String(e.code):"",r=n.toLowerCase();return o==="4001"||r.includes("user rejected")||r.includes("user denied")||r.includes("rejected the request")||r.includes("request rejected")?"Transaction request was rejected.":n.split(`
|
|
9
|
+
`)[0]?.trim()||t}function Qa(e){let{tokens:t,initialFromToken:n,initialToToken:o,getToTokens:r,getApproval:a,approveBridge:i,history:s=[],initialSlippage:c="1",termsUrl:l,getQuote:d,submitBridge:f,onSubmitted:h,onSuccess:m,onFailed:y,onExit:x}=e,w=T.useMemo(()=>$a({getQuote:d,submitBridge:f}),[d,f]),[v,B]=T.useState("form"),[u,E]=T.useState(n??bo(t)),[C,A]=T.useState(()=>xr(t,n??bo(t),o,r)),[M,Z]=T.useState(""),[W,G]=T.useState(""),[q,O]=T.useState("from"),[ie,ue]=T.useState(c),[te,ae]=T.useState(null),De=T.useMemo(()=>rd(u,C),[u,C]),se=T.useMemo(()=>De?"1":ie==="auto"?od(te?.priceImpact):ie,[De,ie,te?.priceImpact]),[K,le]=T.useState(""),[J,U]=T.useState("idle"),[He,pe]=T.useState(""),[Ie,Le]=T.useState(null),[it,we]=T.useState([]),[Ft,_e]=T.useState(!1),[bt,Lt]=T.useState(!1),[ce,me]=T.useState(null),[Qe,xe]=T.useState(!1),[ge,he]=T.useState(null),[Mt,Ge]=T.useState(null),[at,ve]=T.useState(!1),[wt,xt]=T.useState(!1),Ee=T.useRef(0),st=T.useRef(null),Ye=T.useCallback(()=>{st.current&&(clearTimeout(st.current),st.current=null)},[]),ne=T.useCallback(L=>{Ye(),Ge(L)},[Ye]);T.useEffect(()=>Ye,[Ye]),T.useEffect(()=>{let L=t.find(re=>ht(re,u))??bo(t),Q=L?r?.(L,t):void 0,H=Q?.find(re=>ht(re,C))??(Q?void 0:t.find(re=>ht(re,C)))??xr(t,L,void 0,r);E(L),A(H)},[r,t,u,C]);let Ze=T.useCallback((L,Q)=>{let H=nd(L);Q==="from"?Z(H):G(H),O(Q),le("")},[]),ye=T.useCallback(()=>{Ee.current+=1,Z(""),G(""),O("from"),ae(null),le(""),pe(""),U("idle"),me(null),xe(!1),he(null),ve(!1),ne(null)},[ne]),vt=T.useCallback(L=>{ht(L,u)||(E(L),A(xr(t,L,void 0,r)),ye())},[u,r,ye,t]),Ue=T.useCallback(L=>{ht(L,C)||ht(L,u)||(A(L),ye())},[u,ye,C]),yt=T.useMemo(()=>u?r?.(u,t)??t.filter(L=>!ht(L,u)):[],[u,r,t]),kt=T.useCallback(()=>{u?.balance&&Ze(u.balance,"from")},[u?.balance,Ze]),Et=T.useCallback(()=>{!u||!C||(E(C),A(u),ye())},[u,ye,C]),_t=T.useCallback(()=>{Ee.current+=1,Z(""),G(""),O("from"),ae(null),le(""),pe("")},[]);T.useEffect(()=>{if(!u||!C)return;if(!M&&!W){ae(null),le(""),U("idle");return}let L=++Ee.current,Q=qa({fromToken:u,toToken:C,fromAmount:M,toAmount:W,lastChangedBy:q,slippage:ie});U(w.canQuote?"quoting":"idle"),(async()=>{try{let H=await w.getQuote(Q);if(Ee.current!==L)return;H.fromAmount!==void 0&&q==="to"&&Z(H.fromAmount),H.toAmount!==void 0&&q==="from"&&G(H.toAmount),ae(H.summary??null),le(H.error??"")}catch(H){if(Ee.current!==L)return;le(H instanceof Error?H.message:"Failed to quote bridge.")}finally{Ee.current===L&&U("idle")}})()},[M,u,q,w,ie,W,C]);let lt=T.useCallback(()=>!u||!C?null:qa({fromToken:u,toToken:C,fromAmount:M,toAmount:W,lastChangedBy:q,slippage:se}),[se,M,u,q,W,C]),S=T.useCallback(async(L,Q)=>{pe(""),ve(!1),xe(!1),U("submitting");try{if(!Q?.skipApprovalCheck&&a){let re=await a(L);if(re){me(re),he(L),U("idle");return}}me(null),he(null),ne("processing");let H=await w.submitBridge(L);Le(H),U("success"),we(re=>[{id:H.txHash,timestamp:new Date().toISOString(),txHash:H.txHash,fromToken:H.fromToken,toToken:H.toToken,fromAmount:H.fromAmount,toAmount:H.toAmount,summary:te??void 0,status:"pending"},...re.filter(Hn=>Hn.txHash!==H.txHash)]),_t(),xt(!0),ne(null),ve(!0),h?.(H),m?.(H)}catch(H){let re=Ka(H,"Failed to submit bridge.");ne(null),pe(re),U("error"),y?.({message:re})}},[a,y,h,m,w,_t,ne,te]),$=T.useCallback(async()=>{if(K)return;let L=lt();if(L){if(!bt){he(L),_e(!0);return}await S(L)}},[lt,K,S,bt]),ee=T.useCallback(async()=>{let L=ge??lt();L&&(Lt(!0),_e(!1),await S(L))},[lt,ge,S]),ke=T.useCallback(()=>{_e(!1),he(null)},[]),At=T.useCallback(async()=>{if(!(J==="submitting"||!ce||!ge||!i)){pe(""),U("submitting");try{await i(ge,ce),me(null),U("idle"),xe(!0)}catch(L){let Q=Ka(L,"Failed to approve token.");pe(Q),U("error"),y?.({message:Q})}}},[ce,i,y,ge,S,J]),Oe=T.useCallback(()=>{J!=="submitting"&&(me(null),xe(!1),he(null),U("idle"))},[J]),Wn=T.useCallback(async()=>{J==="submitting"||!ge||(xe(!1),await S(ge,{skipApprovalCheck:!0}))},[ge,S,J]),Bo=T.useCallback(()=>{ve(!1)},[]),yn=T.useCallback(L=>{B(L),L==="history"&&xt(!1)},[]),Xe=T.useCallback(()=>{if(v==="history"){yn("form");return}x?.()},[x,yn,v]),Dn=T.useMemo(()=>[...s,...it.filter(L=>!s.some(Q=>Q.txHash===L.txHash))],[s,it]);return{step:v,setStep:yn,status:J,error:He,quoteError:K,fromToken:u,toToken:C,tokens:t,availableToTokens:yt,fromAmount:M,toAmount:W,lastChangedBy:q,slippage:ie,effectiveSlippage:se,slippageLocked:De,setSlippage:ue,summary:te,history:Dn,submitted:Ie,canSubmit:w.canSubmit,termsOpen:Ft,approvalInfo:ce,approvalSuccessOpen:Qe,approveBridge:i,pendingSubmitInput:ge,submitToast:Mt,successDialogOpen:at,dismissSuccessDialog:Bo,hasNewHistory:wt,termsUrl:l,setFromToken:E,setToToken:A,selectFromToken:vt,selectToToken:Ue,setAmount:Ze,setMax:kt,swapTokens:Et,submit:$,confirmTerms:ee,cancelTerms:ke,confirmApproval:At,cancelApproval:Oe,continueAfterApproval:Wn,back:Xe}}_(`.bf-root{--bf-bg: var(--ds-bg-default, #1e232e);--bf-surface: var(--ds-surface-medium, rgba(255, 255, 255, .05));--bf-surface-hover: var(--ds-surface-high, rgba(255, 255, 255, .08));--bf-border: var(--ds-border-default, rgba(255, 255, 255, .07));--bf-text-high: var(--ds-content-high, rgba(255, 255, 255, .85));--bf-text-medium: var(--ds-content-medium, rgba(255, 255, 255, .65));--bf-text-low: var(--ds-content-low, rgba(255, 255, 255, .4));--bf-toast-bg: #1e232e;--bf-toast-color: rgba(255, 255, 255, .85);position:relative;display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;background:var(--bf-bg);color:var(--ds-content-highest, #ffffff);font-family:inherit}[data-theme=dark].wi-popover-content .bf-root,[data-theme=dark].wi-drawer-content .bf-root{--bf-bg: var(--ds-bg-default, #121212);--bf-surface: var(--ds-surface-medium, rgba(255, 255, 255, .05));--bf-surface-hover: var(--ds-surface-high, rgba(255, 255, 255, .1));--bf-border: var(--ds-border-default, rgba(255, 255, 255, .05));--bf-text-high: var(--ds-content-high, rgba(255, 255, 255, .85));--bf-text-medium: var(--ds-content-medium, rgba(255, 255, 255, .7));--bf-text-low: var(--ds-content-low, rgba(255, 255, 255, .5))}[data-theme=light].wi-popover-content .bf-root,[data-theme=light].wi-drawer-content .bf-root{--bf-bg: var(--ds-bg-default, #ffffff);--bf-surface: var(--ds-surface-medium, rgba(18, 18, 18, .05));--bf-surface-hover: var(--ds-surface-high, rgba(18, 18, 18, .1));--bf-border: var(--ds-border-default, rgba(18, 18, 18, .05));--bf-text-high: var(--ds-content-high, rgba(18, 18, 18, .85));--bf-text-medium: var(--ds-content-medium, rgba(18, 18, 18, .7));--bf-text-low: var(--ds-content-low, rgba(18, 18, 18, .5))}.bf-root[data-view=history]{background:var(--ds-bg-dim, #f5f7fa);color:var(--ds-content-high, rgba(0, 0, 0, .85))}.bf-header{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--bf-border);background:var(--ds-bg-default, var(--bf-bg));box-sizing:border-box}.bf-root[data-view=history] .bf-header{padding:24px;border-bottom-color:var(--ds-border-default, rgba(0, 0, 0, .07));background:var(--ds-surface-default, #ffffff)}.bf-header-btn{display:inline-flex;width:24px;height:24px;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer;transition:color .15s ease}.bf-header-btn:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.bf-header .bf-header-btn:last-child{position:absolute;top:24px;right:24px}.bf-header-title{position:absolute;left:50%;transform:translate(-50%);font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--bf-text-high);white-space:nowrap}.bf-root[data-view=history] .bf-header-title{color:var(--ds-content-highest, #000000)}.bf-body,.bf-history-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;box-sizing:border-box}.bf-body{padding:24px}.bf-history-body{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--ds-bg-dim, #f5f7fa)}.bf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.bf-chip{display:inline-flex;align-items:center;gap:4px;min-height:33px;padding:6px 8px;border:0;border-radius:12px;background:var(--bf-surface);color:var(--bf-text-medium);font:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer}.bf-chip:hover:not(:disabled){color:var(--bf-text-high);background:var(--bf-surface-hover)}.bf-chip:disabled{cursor:default}.bf-chip-history{position:relative}.bf-chip-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:999px;background:var(--ds-system-red-default, #da0b2e)}.bf-swap-card{position:relative;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.bf-field-error{margin-top:-4px;color:var(--ds-system-red-default, #ff2b5f);font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0}.bf-amount-panel{display:flex;min-height:110px;flex-direction:column;gap:8px;padding:16px;border:1px solid transparent;border-radius:12px;background:var(--bf-surface);box-sizing:border-box;transition:border-color .2s ease}.bf-amount-panel:hover{border-color:var(--bf-border)}.bf-amount-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--bf-text-high);font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-balance{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;color:var(--bf-text-low);font-size:12px;white-space:nowrap}.bf-amount-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.bf-amount-input-wrap{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.bf-amount-input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--bf-text-high);font:inherit;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.01em;outline:none}.bf-amount-input::placeholder{color:var(--ds-content-lowest, rgba(0, 0, 0, .25))}.bf-amount-usd{color:var(--bf-text-low);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-token-pill{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;min-height:33px;padding:6px 8px 6px 6px;border:1px solid var(--bf-border);border-radius:9999px;background:var(--bf-bg);color:var(--bf-text-high);font:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer}.bf-token-pill:hover:not(:disabled){background:var(--bf-surface-hover)}.bf-token-pill:disabled{cursor:default;opacity:.6}.bf-token-icon{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:0;background:var(--ds-accent-primary-default, #00ceb2);color:var(--ds-accent-primary-on, #000000);font-size:11px;font-weight:700}.bf-token-icon[data-has-image=true]{background:transparent}.bf-token-icon img{width:100%;height:100%;border-radius:0;object-fit:cover}.bf-token-fallback{line-height:1}.bf-token-picker-overlay{--bf-bg: #1e232e;--bf-surface: rgba(255, 255, 255, .05);--bf-surface-hover: rgba(255, 255, 255, .08);--bf-border: rgba(255, 255, 255, .07);--bf-text-high: rgba(255, 255, 255, .85);--bf-text-medium: rgba(255, 255, 255, .65);--bf-text-low: rgba(255, 255, 255, .4);position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000085;pointer-events:auto;box-sizing:border-box}.bf-token-picker-overlay[data-theme=light]{--bf-bg: #ffffff;--bf-surface: rgba(18, 18, 18, .05);--bf-surface-hover: rgba(18, 18, 18, .08);--bf-border: rgba(18, 18, 18, .07);--bf-text-high: rgba(18, 18, 18, .85);--bf-text-medium: rgba(18, 18, 18, .65);--bf-text-low: rgba(18, 18, 18, .4)}.bf-token-picker{display:flex;width:min(480px,calc(100vw - 48px));height:min(466px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);min-height:0;flex-direction:column;overflow:hidden;border:1px solid var(--bf-border);border-radius:24px;background:var(--bf-bg);color:var(--bf-text-high);box-shadow:0 24px 80px #0006;box-sizing:border-box}.bf-token-picker-handle{display:none}.bf-token-picker-head{position:relative;display:flex;min-height:73px;flex-shrink:0;align-items:center;justify-content:flex-start;padding:24px 56px 24px 24px;border-bottom:1px solid var(--bf-border);box-sizing:border-box}.bf-token-picker-head h3{margin:0;color:var(--bf-text-high);font-size:20px;font-weight:600;line-height:1.25;letter-spacing:0}.bf-token-picker-close{position:absolute;top:24px;right:24px;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--bf-text-medium);cursor:pointer}.bf-token-picker-close:hover{color:var(--bf-text-high)}.bf-token-search{display:flex;min-height:48px;flex-shrink:0;align-items:center;gap:8px;margin:16px 24px;padding:12px 16px;border:1px solid transparent;border-radius:12px;background:var(--ds-surface-medium, rgba(18, 18, 18, .05));color:var(--bf-text-low);box-sizing:border-box}.bf-token-search:focus-within{border-color:var(--ds-accent-primary-default, #00ceb2)}.bf-token-search input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--bf-text-high);font:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0}.bf-token-search input::placeholder{color:var(--bf-text-low)}.bf-token-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;padding:0 24px 24px;scrollbar-width:thin;box-sizing:border-box}.bf-token-row{position:relative;display:flex;width:100%;min-height:69px;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box}.bf-token-row:hover:not([data-selected=true]){background:var(--ds-surface-medium, rgba(18, 18, 18, .05))}.bf-token-row[data-selected=true]{border-color:var(--ds-accent-primary-default, #00b4b7);background:var(--ds-surface-medium, rgba(18, 18, 18, .05))}.bf-token-row-left{display:inline-flex;min-width:0;align-items:center;gap:16px}.bf-token-meta{display:flex;min-width:0;flex-direction:column}.bf-token-symbol{overflow:hidden;color:var(--bf-text-high);font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.bf-token-name{overflow:hidden;color:var(--bf-text-low);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.bf-token-row-right{display:flex;min-width:86px;max-width:42%;flex-shrink:0;flex-direction:column;align-items:flex-end}.bf-token-balance,.bf-token-price{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-token-balance{color:var(--bf-text-high);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0}.bf-token-price{color:var(--bf-text-low);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0}.bf-token-row[data-selected=true] .bf-token-symbol{color:var(--bf-text-high)}.bf-token-row[data-selected=true] .bf-token-balance{color:var(--bf-text-high);font-size:16px}.bf-token-row[data-selected=true] .bf-token-price{color:var(--bf-text-low);font-size:14px}.bf-token-empty{padding:32px 16px;color:var(--bf-text-low);font-size:14px;font-weight:500;line-height:1.5;text-align:center}.bf-slippage-overlay{position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000085;pointer-events:auto;box-sizing:border-box}.bf-slippage-dialog{display:flex;width:min(480px,calc(100vw - 48px));height:auto;min-height:min(316px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);flex-direction:column;overflow:hidden;border:1px solid var(--ds-border-medium, rgba(0, 0, 0, .18));border-radius:24px;background:var(--ds-surface-default, #ffffff);color:var(--ds-content-highest, #000000);box-shadow:var(--ds-shadow-modal, 0 4px 30px -1px rgba(0, 0, 0, .15));box-sizing:border-box}.bf-slippage-head{position:relative;display:flex;min-height:73px;flex-shrink:0;align-items:center;justify-content:flex-start;padding:24px 56px 24px 24px;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));background:var(--ds-surface-default, #ffffff);box-sizing:border-box}.bf-slippage-head h3{margin:0;color:var(--ds-content-highest, #000000);font-size:20px;font-weight:600;line-height:1.25;letter-spacing:0}.bf-slippage-close{position:absolute;top:24px;right:24px;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer}.bf-slippage-close:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.bf-slippage-body{display:flex;flex:1;min-height:0;flex-direction:column;gap:24px;padding:24px;box-sizing:border-box}.bf-slippage-desc{margin:0;color:var(--ds-content-medium, rgba(0, 0, 0, .65));font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-slippage-controls{display:flex;flex-direction:column;gap:12px;width:100%}.bf-slippage-presets{display:flex;gap:8px;width:100%}.bf-slippage-preset{appearance:none;display:inline-flex;flex:1 1 0;min-width:0;min-height:48px;align-items:center;justify-content:center;padding:12px 8px;border:1px solid transparent;border-radius:12px;background:var(--ds-surface-medium, #f5f7fa);color:var(--ds-content-medium, rgba(0, 0, 0, .65));font:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer;box-sizing:border-box}.bf-slippage-preset:hover,.bf-slippage-preset[data-selected=true]{border-color:var(--ds-accent-primary-default, #00b4b7);background:var(--ds-accent-primary-low, #e7f9f8)}.bf-slippage-custom{display:flex;min-height:48px;align-items:center;gap:8px;padding:12px;border:1px solid transparent;border-radius:12px;background:var(--ds-surface-medium, #f5f7fa);color:var(--ds-content-high, rgba(0, 0, 0, .85));box-sizing:border-box}.bf-slippage-custom:focus-within,.bf-slippage-custom[data-selected=true]{border-color:var(--ds-accent-primary-default, #00b4b7)}.bf-slippage-custom input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--ds-content-high, rgba(0, 0, 0, .85));font:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-slippage-custom input::placeholder{color:var(--ds-content-lowest, rgba(0, 0, 0, .25))}.bf-slippage-custom span:not(.bf-sr-only){flex-shrink:0;color:var(--ds-content-high, rgba(0, 0, 0, .85));font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-slippage-apply{appearance:none;margin-top:auto;width:100%;min-height:48px;padding:12px;border:0;border-radius:12px;background:var(--ds-accent-primary-default, #00b4b7);color:var(--ds-accent-primary-on-primary, #ffffff);font:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer;box-sizing:border-box}.bf-slippage-apply:hover{filter:brightness(.96)}.bf-slippage-apply:disabled{cursor:not-allowed;opacity:.5;filter:none}.bf-slippage-message{margin:0;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-slippage-message[data-variant=warning]{color:var(--ds-system-orange-high, #e56f00)}.bf-slippage-message[data-variant=error]{color:var(--ds-system-red-default, #da0b2e)}.bf-action-modal-overlay{--bf-bg: var(--ds-bg-default, #1e232e);--bf-surface: var(--ds-surface-medium, rgba(255, 255, 255, .05));--bf-surface-hover: var(--ds-surface-high, rgba(255, 255, 255, .08));--bf-border: var(--ds-border-default, rgba(255, 255, 255, .12));--bf-text-high: var(--ds-content-high, rgba(255, 255, 255, .92));--bf-text-medium: var(--ds-content-medium, rgba(255, 255, 255, .65));--bf-text-low: var(--ds-content-low, rgba(255, 255, 255, .4));position:fixed;inset:0;z-index:100003;display:flex;align-items:center;justify-content:center;padding:24px;background:#040912b8;pointer-events:auto;box-sizing:border-box}.bf-action-modal-overlay[data-theme=light]{--bf-bg: var(--ds-bg-default, #ffffff);--bf-surface: var(--ds-surface-medium, rgba(18, 18, 18, .05));--bf-surface-hover: var(--ds-surface-high, rgba(18, 18, 18, .1));--bf-border: var(--ds-border-default, rgba(18, 18, 18, .08));--bf-text-high: var(--ds-content-high, rgba(18, 18, 18, .85));--bf-text-medium: var(--ds-content-medium, rgba(18, 18, 18, .65));--bf-text-low: var(--ds-content-low, rgba(18, 18, 18, .4))}.bf-action-modal{display:flex;width:min(480px,calc(100vw - 48px));flex-direction:column;align-items:center;gap:24px;padding:48px 24px 24px;border:1px solid var(--bf-border);border-radius:24px;background:var(--bf-bg);color:#fff;box-shadow:0 24px 80px #00000073;box-sizing:border-box}.bf-action-modal h3{width:100%;margin:0;color:var(--bf-text-high);font-size:24px;font-weight:700;line-height:1.25;text-align:center;letter-spacing:0}.bf-action-modal-desc{max-width:380px;margin:0;color:var(--bf-text-low);font-size:15px;font-weight:500;line-height:1.45;text-align:center;letter-spacing:0}.bf-terms-check-row{display:grid;width:100%;min-height:56px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:12px;background:var(--bf-surface);color:var(--bf-text-medium);font-size:16px;font-weight:700;line-height:1.4;box-sizing:border-box;cursor:pointer;touch-action:manipulation;user-select:none}.bf-terms-check-button{appearance:none;display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.bf-terms-check-button:focus-visible .bf-terms-checkbox{outline:2px solid var(--ds-accent-primary-default, #00ceb2);outline-offset:2px}.bf-terms-checkbox{position:relative;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border:1px solid rgba(124,143,180,.72);border-radius:5px;background:transparent;box-sizing:border-box}.bf-terms-checkbox[data-checked=true]{border-color:var(--ds-accent-primary-default, #00ceb2);background:var(--ds-accent-primary-default, #00ceb2)}.bf-terms-checkbox[data-checked=true]:after{width:8px;height:4px;border:solid var(--ds-accent-primary-on, #000000);border-width:0 0 2px 2px;content:"";transform:rotate(-45deg) translate(1px,-1px)}.bf-terms-check-row a{position:relative;z-index:1;color:var(--ds-accent-primary-default, #00ceb2);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.bf-terms-privacy{max-width:380px;margin:0;color:var(--bf-text-low);font-size:15px;font-weight:500;line-height:1.45;text-align:center;letter-spacing:0}.bf-action-primary,.bf-action-secondary{display:inline-flex;width:100%;min-height:56px;align-items:center;justify-content:center;padding:14px 16px;border:0;border-radius:12px;font:inherit;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:0;cursor:pointer}.bf-action-primary{background:var(--ds-accent-primary-default, #00ceb2);color:var(--ds-accent-primary-on, #000000)}.bf-action-primary:disabled{cursor:not-allowed;opacity:.35}.bf-action-primary[aria-busy=true]{gap:8px;opacity:1}.bf-action-button-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.22);border-top-color:currentColor;border-right-color:currentColor;border-radius:999px;animation:bf-loading-spin .9s linear infinite}.bf-action-secondary{background:var(--bf-surface);color:var(--bf-text-low)}.bf-action-secondary:disabled{cursor:not-allowed;opacity:.5}.bf-approve-address-box{display:flex;width:100%;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--bf-border);border-radius:12px;background:var(--bf-surface);box-sizing:border-box}.bf-approve-address-box>span{color:var(--bf-text-low);font-size:14px;font-weight:700;line-height:1.4}.bf-approve-address-box>div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.bf-approve-address-box strong{min-width:0;overflow:hidden;color:var(--bf-text-high);font-size:15px;font-weight:500;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.bf-copy-button{flex-shrink:0;min-width:48px;min-height:32px;padding:6px 10px;border:1px solid rgba(0,206,178,.65);border-radius:8px;background:transparent;color:var(--ds-accent-primary-default, #00ceb2);font:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer}.bf-copy-button:disabled{cursor:not-allowed;opacity:.45}.bf-action-buttons{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:12px}.bf-approval-success-modal{gap:28px}.bf-success-mark{position:relative;display:inline-flex;width:96px;height:96px;flex-shrink:0;align-items:center;justify-content:center;border:12px solid rgba(0,206,178,.12);border-radius:999px;background:#00ceb2a8;box-shadow:0 0 0 10px #00ceb20f;box-sizing:border-box}.bf-success-mark:after{width:34px;height:18px;border:solid #ffffff;border-width:0 0 6px 6px;content:"";transform:rotate(-45deg) translate(2px,-3px)}.bf-status-toast{position:absolute;right:16px;bottom:14px;left:16px;z-index:5;display:flex;align-items:center;gap:12px;min-height:52px;padding:12px;border-radius:12px;background:var(--bf-toast-bg, #1e232e);color:var(--bf-toast-color, rgba(255, 255, 255, .85));box-shadow:0 8px 24px #0000003d;box-sizing:border-box}.bf-status-toast-icon{display:inline-flex;width:28px;height:28px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px}.bf-status-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--ds-accent-primary-default, #00ceb2);border-right-color:var(--ds-accent-primary-default, #00ceb2);border-radius:999px;animation:bf-loading-spin .9s linear infinite}.bf-status-check{position:relative;width:20px;height:20px;border-radius:999px;background:var(--ds-accent-primary-default, #00ceb2)}.bf-status-check:after{position:absolute;top:6px;left:5px;width:8px;height:4px;border:solid var(--ds-accent-primary-on, #000000);border-width:0 0 2px 2px;content:"";transform:rotate(-45deg)}.bf-status-toast-copy{display:flex;min-width:0;flex:1;flex-direction:column}.bf-status-toast-copy strong,.bf-status-toast-copy span{overflow:hidden;text-overflow:ellipsis}.bf-status-toast-copy strong{color:var(--ds-content-inverted, #ffffff);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em}.bf-status-toast-copy span{color:var(--ds-content-inverted, #ffffff);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:-.01em}.bf-status-toast[data-variant=success] .bf-status-toast-copy span{color:var(--ds-accent-primary-on-inverted, #00e8c9)}.bf-status-toast[data-variant=error]{border:1px solid rgba(255,43,95,.28);background:var(--bf-toast-bg, #1e232e)}.bf-status-toast[data-variant=error] .bf-status-toast-copy strong{color:#fff}.bf-status-error-mark{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:var(--ds-system-red-default, #ff2b5f);color:#fff;font-size:14px;font-weight:700;line-height:1}.bf-status-toast[data-variant=error] .bf-status-toast-copy span{color:#ffffffe0}.bf-success-overlay{--bf-bg: var(--ds-bg-default, #1e232e);--bf-border: var(--ds-border-default, rgba(255, 255, 255, .12));--bf-text-high: var(--ds-content-high, rgba(255, 255, 255, .92));--bf-text-medium: var(--ds-content-medium, rgba(255, 255, 255, .65));position:fixed;inset:0;z-index:100003;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;pointer-events:auto;box-sizing:border-box}.bf-success-overlay[data-theme=light]{--bf-bg: #ffffff;--bf-border: rgba(18, 18, 18, .08);--bf-text-high: rgba(18, 18, 18, .85);--bf-text-medium: rgba(18, 18, 18, .65);--bf-text-low: rgba(18, 18, 18, .4)}.bf-success-modal{display:flex;width:min(480px,calc(100vw - 48px));flex-direction:column;overflow:hidden;border:1px solid var(--bf-border);border-radius:24px;background:var(--bf-bg);color:var(--bf-text-high);box-shadow:0 24px 80px #00000073;box-sizing:border-box}.bf-success-head{display:flex;min-height:73px;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));box-sizing:border-box}.bf-success-head h3{min-width:0;margin:0;overflow:hidden;color:var(--ds-content-highest, #000000);font-size:20px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.bf-success-close{display:inline-flex;width:24px;height:24px;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer}.bf-success-close:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.bf-success-body{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 24px 24px;box-sizing:border-box}.bf-success-copy{display:flex;width:100%;flex-direction:column;align-items:center;gap:4px;color:var(--bf-text-medium);text-align:center}.bf-success-copy strong{color:var(--bf-text-high);font-size:24px;font-weight:700;line-height:1.25;letter-spacing:0}.bf-success-copy span{color:var(--bf-text-medium);font-size:15px;font-weight:500;line-height:1.5;letter-spacing:0}.bf-success-route{display:flex;align-items:center;justify-content:center;gap:12px}.bf-success-route .bf-token-icon{width:48px!important;height:48px!important;background:transparent;font-size:18px}.bf-success-route-arrow{color:var(--bf-text-low);font-size:24px;font-weight:500;line-height:1}.bf-success-ok{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;padding:12px;border:0;border-radius:12px;background:#00b4b7e0;color:#fff;font:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer}@media(max-width:767px){.bf-success-body{padding:40px 24px 24px}.bf-success-copy strong{font-size:22px}.bf-success-copy span{font-size:14px}.bf-success-mark{width:88px;height:88px}.bf-success-route .bf-token-icon{width:44px!important;height:44px!important}}@keyframes bf-loading-spin{to{transform:rotate(360deg)}}.bf-swap-toggle{position:absolute;top:100px;left:50%;z-index:1;display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border:0;border-radius:9999px;background:var(--ds-accent-primary-default, #00ceb2);color:var(--ds-accent-primary-on, #000000);box-shadow:0 1px 5px #0000001f;cursor:pointer}.bf-swap-card[data-has-from-error=true] .bf-swap-toggle{top:132px}.bf-details{display:flex;flex-direction:column;gap:24px}.bf-exchange-rate{display:flex;width:100%;align-items:center;justify-content:center;gap:4px;padding:0 0 24px;border:0;background:transparent;color:var(--bf-text-low);font:inherit;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em;cursor:pointer}.bf-exchange-rate:hover{color:var(--bf-text-medium)}.bf-detail-section,.bf-history-card{display:flex;flex-direction:column;gap:12px;padding:0;border-radius:12px;background:transparent;box-sizing:border-box}.bf-liquidity{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:var(--bf-surface);box-sizing:border-box}.bf-root[data-view=history] .bf-liquidity,.bf-root[data-view=history] .bf-detail-section,.bf-root[data-view=history] .bf-history-card{background:var(--ds-surface-default, #ffffff)}.bf-detail-section h3{margin:0;color:var(--bf-text-high);font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em}.bf-tx-fee-section{gap:12px}.bf-tx-fee-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bf-collapse-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.bf-detail-section[data-open=true] .bf-collapse-head{padding-bottom:12px;border-bottom:1px solid var(--bf-border)}.bf-collapse-chevron{flex-shrink:0;color:var(--bf-text-low);transition:transform .2s ease}.bf-detail-section[data-open=true] .bf-collapse-chevron{transform:rotate(180deg)}.bf-collapse-body{display:flex;flex-direction:column;gap:14px}.bf-root[data-view=history] .bf-detail-section[data-open=true] .bf-collapse-head{border-bottom-color:var(--ds-border-default, rgba(0, 0, 0, .07))}.bf-root[data-view=history] .bf-collapse-chevron{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.bf-tx-fee-total{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;color:var(--bf-text-medium);font-size:14px;font-weight:600;line-height:1.4;text-align:right}.bf-tx-fee-total>span[data-delegated=true]{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:currentColor}.bf-fee-delegated{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 8px;border-radius:6px;background:#379cff2e;color:#4eb3ff;font-size:10px;font-weight:500;line-height:1.3;white-space:nowrap}.bf-tx-fee-token{width:16px;height:16px;flex-shrink:0;border-radius:999px;object-fit:cover}.bf-info-card{gap:14px}.bf-info-section{display:flex;flex-direction:column;gap:10px}.bf-info-section+.bf-info-section{padding-top:2px}.bf-info-section h4{margin:0;color:var(--bf-text-high);font-size:14px;font-weight:600;line-height:1.5}.bf-root[data-view=history] .bf-detail-section h3,.bf-root[data-view=history] .bf-info-section h4{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.bf-info-rows{display:flex;flex-direction:column;gap:8px}.bf-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-liquidity-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.bf-info-label{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--bf-text-low)}.bf-tree-marker{width:10px;flex-shrink:0;color:var(--bf-text-low)}.bf-info-value{min-width:0;color:var(--bf-text-medium);text-align:right}.bf-info-route,.bf-info-value-token{display:inline-flex;align-items:center;gap:4px}.bf-info-route .bf-token-icon,.bf-info-value-token .bf-token-icon{flex-shrink:0}.bf-info-route-arrow{color:var(--bf-text-medium)}.bf-root[data-view=history] .bf-info-route-arrow{color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.bf-info-value[data-tone=accent]{color:var(--ds-accent-primary-high, #00a0a2)}.bf-info-value[data-tone=warning]{color:var(--ds-system-orange-high, #e56f00)}.bf-root[data-view=history] .bf-info-label,.bf-root[data-view=history] .bf-liquidity-head,.bf-root[data-view=history] .bf-tree-marker{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.bf-root[data-view=history] .bf-info-value{color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.bf-root[data-view=history] .bf-info-value[data-tone=accent]{color:var(--ds-accent-primary-high, #00a0a2)}.bf-root[data-view=history] .bf-info-value[data-tone=warning]{color:var(--ds-system-orange-high, #e56f00)}.bf-liquidity-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap}.bf-liquidity-status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.bf-liquidity-status[data-status=normal],.bf-liquidity-status:not([data-status]){background:#00ceb21f;color:var(--ds-accent-primary-default, #00ceb2)}.bf-liquidity-status[data-status=normal]:before,.bf-liquidity-status:not([data-status]):before{background:var(--ds-accent-primary-default, #00ceb2)}.bf-liquidity-status[data-status=low]{background:#e56f001f;color:#e56f00}.bf-liquidity-status[data-status=low]:before{background:#e56f00}.bf-liquidity-status[data-status=rebalancing]{background:#da0b2e1a;color:#da0b2e}.bf-liquidity-status[data-status=rebalancing]:before{background:#da0b2e}.bf-liquidity-track{height:8px;overflow:hidden;border-radius:999px;background:var(--bf-surface-hover)}.bf-liquidity-track span{display:block;height:100%;border-radius:inherit;background:var(--ds-accent-primary-default, #00ceb2)}.bf-error{padding:12px;border-radius:12px;background:#da0b2e1f;color:var(--ds-system-red-default, #da0b2e);font-size:13px;line-height:1.4}.bf-footer{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:10px;padding:12px 24px 24px;background:var(--ds-bg-default, var(--bf-bg))}.bf-next{width:100%;min-height:48px;padding:12px;border:0;border-radius:12px;background:var(--ds-accent-primary-default, #00ceb2);color:var(--ds-accent-primary-on, #000000);font:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;cursor:pointer}.bf-next:disabled{cursor:default;opacity:.6}.bf-powered{display:inline-flex;align-items:center;gap:3px;color:var(--bf-text-low);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em;text-decoration:none}.bf-powered:focus-visible{border-radius:4px;outline:2px solid var(--ds-accent-primary-default, #00ceb2);outline-offset:2px}.bf-powered-brand{text-decoration:underline;text-underline-offset:2px}.bf-history-tabs{display:flex;align-items:center;gap:4px;width:100%}.bf-history-tab{position:relative;display:inline-flex;min-height:37px;align-items:center;justify-content:center;padding:8px 12px;border:0;background:transparent;color:var(--ds-content-lowest, rgba(0, 0, 0, .25));font:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;cursor:pointer}.bf-history-tab[data-active=true]{color:var(--ds-accent-primary-high, #00a0a2)}.bf-history-tab[data-active=true]:after{position:absolute;right:8px;bottom:0;left:8px;height:3px;border-radius:999px;background:var(--ds-accent-primary-high, #00a0a2);content:""}.bf-history-tab-dot{position:absolute;top:8px;right:4px;width:6px;height:6px;border-radius:999px;background:var(--ds-system-red-default, #da0b2e)}.bf-history-list{display:flex;flex-direction:column;gap:12px}.bf-history-item{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--ds-surface-default, #ffffff);box-sizing:border-box}.bf-history-item-head,.bf-history-meta,.bf-history-route,.bf-history-route-token{display:inline-flex;align-items:center}.bf-history-item-head{justify-content:space-between;gap:12px;width:100%}.bf-history-status{display:inline-flex;min-height:24px;align-items:center;justify-content:center;padding:3px 8px;border-radius:4px;background:var(--ds-system-orange-low, #fcf5e9);color:var(--ds-system-orange-high, #e56f00);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;white-space:nowrap}.bf-history-status[data-status=completed]{background:var(--ds-system-green-low, #e7f9f8);color:var(--ds-system-green-high, #00a0a2)}.bf-history-status[data-status=failed]{background:var(--ds-system-red-low, rgba(218, 11, 46, .12));color:var(--ds-system-red-default, #da0b2e)}.bf-history-time{min-width:0;color:var(--ds-content-low, rgba(0, 0, 0, .4));font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;text-align:right;white-space:nowrap}.bf-history-item-body{display:flex;flex-direction:column;gap:4px}.bf-history-amount{color:var(--ds-content-high, rgba(0, 0, 0, .85));font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0}.bf-history-meta{justify-content:space-between;gap:12px;min-width:0}.bf-history-usd{min-width:0;color:var(--ds-content-low, rgba(0, 0, 0, .4));font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-history-route{justify-content:flex-end;gap:4px;min-width:0;color:var(--ds-content-high, rgba(0, 0, 0, .85));font-size:12px;font-weight:600;line-height:1.5;letter-spacing:0}.bf-history-route-token{gap:4px;min-width:0}.bf-history-route-token span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-history-route-arrow{flex-shrink:0;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.bf-empty{padding:32px 16px;text-align:center;color:var(--ds-content-low, rgba(0, 0, 0, .4));font-size:14px}.bf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.bf-token-picker-overlay{align-items:flex-end;padding:0}.bf-token-picker{width:100%;max-height:82dvh;min-height:min(520px,82dvh);border-right:0;border-bottom:0;border-left:0;border-radius:24px 24px 0 0}.bf-token-picker-handle{display:block;width:40px;height:4px;flex-shrink:0;align-self:center;margin:10px 0 0;border-radius:999px;background:#ffffff38}.bf-token-picker-head{min-height:55px;padding:12px 56px 16px 24px;border-bottom:0}.bf-token-picker-close{top:13px}.bf-token-search{margin:0 16px 12px}.bf-token-list{padding:0 16px 16px}.bf-slippage-overlay{align-items:flex-end;padding:0}.bf-slippage-dialog{width:100%;height:auto;min-height:316px;max-height:82dvh;border-right:0;border-bottom:0;border-left:0;border-radius:24px 24px 0 0}}.wi-drawer-content .bf-header{padding:16px}.wi-drawer-content .bf-header .bf-header-btn:last-child{top:16px;right:16px}.wi-drawer-content .bf-body,.wi-drawer-content .bf-history-body{padding:16px}
|
|
10
|
+
`);import{Fragment as yr,jsx as p,jsxs as k}from"react/jsx-runtime";var ts=R.createContext(void 0);function xn(){return R.useContext(ts)}function id(e){let[t,n]=R.useState(void 0);return R.useEffect(()=>{let o=e.current;if(!o)return;let r=()=>{let i=o.closest("[data-theme]");n(i?.getAttribute("data-theme")??void 0)};r();let a=new MutationObserver(r);return a.observe(document.documentElement,{attributes:!0,subtree:!0,attributeFilter:["data-theme"]}),()=>a.disconnect()},[e]),t}var Ya=[{value:"0.1",label:"0.1%"},{value:"0.5",label:"0.5%"},{value:"1",label:"1%"},{value:"5",label:"5%"}],ad={dev:"https://dev.crossdefi.io",stage:"https://stg.crossdefi.io",production:"https://crossdefi.io"},sd=[{value:"all",label:"ALL"},{value:"completed",label:"Completed"},{value:"pending",label:"Pending"}];function ld(e,t){return e==="auto"?t?`Auto ${t}%`:"Auto":e?`${e}%`:"1%"}function Za(e){let t=e.replace(/[^\d.]/g,""),[n="",...o]=t.split("."),r=o.join("");return o.length===0?n:`${n}.${r.slice(0,2)}`}function cd(e){return`${e.chainId}:${e.address.toLowerCase()}`}function ns(e){let t=Number(e);return Number.isFinite(t)?t.toLocaleString("en-US",{maximumFractionDigits:t>=1?2:6}):e||"0"}function Xa(e,t){let n=Number(e||"0"),o=t?.priceUsd??0;return`\u2248 $${(Number.isFinite(n)?n*o:0).toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})} USD`}function dd(e){if(e.priceUsd===void 0)return null;let t=new qt(e.balance||"0");return t.isFinite()?`\u2248 $${t.multipliedBy(e.priceUsd).toFormat(2)} USD`:null}function pd(e){if(e.priceUsd===void 0)return null;let t=new qt(e.priceUsd);return t.isFinite()?`$${t.toFormat(t.isLessThan(1)?4:2)}`:null}function os(e){if(!e.isFinite()||e.isNaN())return"0";let n=e.decimalPlaces(6,qt.ROUND_DOWN).toFixed(6).replace(/\.?0+$/,""),[o="0",r]=n.split("."),a=new qt(o||"0").toFormat(0);return r?`${a}.${r}`:a}function fd(e){return e.length<=14?e:`${e.slice(0,6)}...${e.slice(-6)}`}function ud(e){let t=new Date(e);if(Number.isNaN(t.getTime()))return e;let n=o=>o.toString().padStart(2,"0");return[`${t.getFullYear()}-${n(t.getMonth()+1)}-${n(t.getDate())}`,`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}`].join(" ")}function md(e){let t=new qt(e||"0");return!t.isFinite()||t.isNaN()?e||"0":os(t)}function gd(e,t){if(t?.priceUsd===void 0)return null;let n=new qt(e||"0").multipliedBy(t.priceUsd);return!n.isFinite()||n.isNaN()?null:`$${n.toFormat(2)}`}function xo(e){return e.status==="success"?"completed":e.status==="failed"?"failed":"pending"}function hd(e,t){return t==="all"?!0:xo(e)===t}function bd(e){return e==="completed"?"Completed":e==="failed"?"Failed":"Pending"}function Ja(e){return e===56||e===97?"BSC":e===612044||e===5555?"CROSS":`Chain ${e}`}function rs(e,t){return!!e&&!!t&&e.chainId===t.chainId&&e.address.toLowerCase()===t.address.toLowerCase()}function is(e,t){if(!(!e||!t))return e.chainId===t.chainId?"swap":rs(e,t)||e.symbol.toLowerCase()===t.symbol.toLowerCase()?"bridge":"swap-bridge"}function as(e){return e==="swap"||e==="deposit-swap"||e==="swap-withdraw"}function wo(e){return!e||e==="0"||Number(e)===0}function wd(e){let t=e.trim().toLowerCase();return t?t.startsWith("minimum ")?{from:e}:t.startsWith("available ")&&t.includes("or more")?{to:e}:t.includes("insufficient balance")||t.includes("not enough balance")||t.includes("exceeds balance")?{from:e}:t.includes("insufficient liquidity")||t.includes("not enough liquidity")?{to:e}:{}:{}}function xd(e){let t=e.fromToken,n=e.toToken,o=is(t,n),r=e.fromAmount||"0",a=e.toAmount||"0",i=o!==void 0&&!as(o),s=o!==void 0&&o!=="bridge";return{pathType:o,bridgeInfo:i?[{label:"Route",value:t&&n?`${Ja(t.chainId)} \u2192 ${Ja(n.chainId)}`:"-"},{label:"Validator Fee",value:wo(r)?"0":"Free",tone:wo(r)?"default":"accent"},{label:"Network Fee",value:wo(r)?"0":"Free",tone:wo(r)?"default":"accent"}]:void 0,swapInfo:s?[t&&n?{label:"Route",value:"",routeTokens:[{symbol:t.symbol,iconUrl:t.iconUrl},{symbol:n.symbol,iconUrl:n.iconUrl}]}:{label:"Route",value:"-"},{label:"Price Impact",value:"0%"},{label:"In Amount",value:r,valueToken:t?{symbol:t.symbol,iconUrl:t.iconUrl}:void 0},{label:"Swap Fee",value:"0",valueToken:t?{symbol:t.symbol,iconUrl:t.iconUrl}:void 0},{label:"Out Amount",value:a,valueToken:n?{symbol:n.symbol,iconUrl:n.iconUrl}:void 0}]:void 0,txFee:[{label:"Priority Fee Per Gas",value:"0 Gwei"},{label:"Max Fee Per Gas",value:"0 Gwei"},{label:"Gas Limit",value:"0"}],txFeeInfo:{estTxFee:"0",isDelegateFee:!1}}}function Pn({token:e,size:t=20}){let n=e?.iconUrl;return p("span",{className:"bf-token-icon","data-has-image":!!n?"true":"false",style:{width:t,height:t},children:n?p("img",{src:n,alt:"",width:t,height:t,draggable:!1}):p("span",{className:"bf-token-fallback",children:e?.symbol?.slice(0,1)??"?"})})}function es({label:e,token:t,amount:n,usd:o,onAmountChange:r,onTokenClick:a}){return k("section",{className:"bf-amount-panel",children:[k("div",{className:"bf-amount-head",children:[p("span",{children:e}),k("span",{className:"bf-balance",children:[ns(t?.balance??"0")," ",t?.symbol??""]})]}),k("div",{className:"bf-amount-main",children:[k("label",{className:"bf-amount-input-wrap",children:[k("span",{className:"bf-sr-only",children:[e," amount"]}),p("input",{type:"text",inputMode:"decimal",value:n,onChange:i=>r(i.target.value),placeholder:"0",className:"bf-amount-input"}),p("span",{className:"bf-amount-usd",children:o})]}),k("button",{type:"button",className:"bf-token-pill",onClick:a,disabled:!a,"aria-label":`Select ${e.toLowerCase()} token`,children:[p(Pn,{token:t}),p("span",{children:t?.symbol??"Select"}),p(Xt,{size:16})]})]})]})}function vd({flow:e,side:t,onClose:n}){let o=R.useId(),[r,a]=R.useState(""),[i,s]=R.useState(null),c=t==="from"?e.fromToken:e.toToken;R.useEffect(()=>{s(document.body)},[]),R.useEffect(()=>{let m=y=>{y.key==="Escape"&&n()};return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)},[n]);let l=R.useMemo(()=>t==="from"?e.tokens:e.availableToTokens,[e.availableToTokens,e.tokens,t]),d=R.useMemo(()=>{let m=r.trim().toLowerCase();return m?l.filter(y=>y.symbol.toLowerCase().includes(m)||y.name.toLowerCase().includes(m)):l},[r,l]),f=R.useCallback(m=>{t==="from"?e.selectFromToken(m):e.selectToToken(m),n()},[e,n,t]);if(!i)return null;let h=xn();return wn(p("div",{className:"bf-token-picker-overlay","data-theme":h,role:"presentation",onMouseDown:m=>{m.target===m.currentTarget&&n()},children:k("section",{className:"bf-token-picker",role:"dialog","aria-modal":"true","aria-labelledby":o,children:[p("span",{className:"bf-token-picker-handle","aria-hidden":"true"}),k("header",{className:"bf-token-picker-head",children:[p("h3",{id:o,children:"Select a token"}),p("button",{type:"button",className:"bf-token-picker-close",onClick:n,"aria-label":"Close token selector",children:p(St,{size:24})})]}),k("label",{className:"bf-token-search",children:[p(Ma,{size:20}),p("span",{className:"bf-sr-only",children:"Search tokens"}),p("input",{value:r,onChange:m=>a(m.target.value),placeholder:"Search Tokens",autoComplete:"off",spellCheck:!1})]}),k("div",{className:"bf-token-list",children:[d.map(m=>{let y=rs(m,c),x=y?pd(m):dd(m);return k("button",{type:"button",className:"bf-token-row","data-selected":y?"true":"false",onClick:()=>f(m),children:[k("span",{className:"bf-token-row-left",children:[p(Pn,{token:m,size:40}),k("span",{className:"bf-token-meta",children:[p("span",{className:"bf-token-symbol",children:m.symbol}),!y&&p("span",{className:"bf-token-name",children:m.name})]})]}),k("span",{className:"bf-token-row-right",children:[k("span",{className:"bf-token-balance",children:[ns(m.balance),y?null:` ${m.symbol}`]}),x&&p("span",{className:"bf-token-price",children:x})]})]},cd(m))}),d.length===0&&p("div",{className:"bf-token-empty",children:"No tokens found"})]})]})}),i)}function yd({flow:e,onClose:t}){let n=R.useId(),[o,r]=R.useState(null),a=Ya.find(x=>x.value===e.slippage),[i,s]=R.useState(e.slippage&&!a?e.slippage:""),c=i.trim()!==""&&i.trim()!==".",l=c?Number(i):NaN,d=Number.isFinite(l)&&l>50,f=Number.isFinite(l)&&l>=10&&!d,h=x=>{e.setSlippage(x),t()},m=()=>{!c||d||(e.setSlippage(Za(i)),t())};if(R.useEffect(()=>{r(document.body)},[]),R.useEffect(()=>{let x=w=>{w.key==="Escape"&&t()};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[t]),!o)return null;let y=xn();return wn(p("div",{className:"bf-slippage-overlay","data-theme":y,role:"presentation",onMouseDown:x=>{x.target===x.currentTarget&&t()},children:k("section",{className:"bf-slippage-dialog",role:"dialog","aria-modal":"true","aria-labelledby":n,children:[k("header",{className:"bf-slippage-head",children:[p("h3",{id:n,children:"Slippage Settings"}),p("button",{type:"button",className:"bf-slippage-close",onClick:t,"aria-label":"Close slippage settings",children:p(St,{size:24})})]}),k("div",{className:"bf-slippage-body",children:[p("p",{className:"bf-slippage-desc",children:"The maximum price difference you are willing to accept before the transaction is reverted. Higher slippage increases the chance of execution but may result in a worse price."}),k("div",{className:"bf-slippage-controls",children:[p("div",{className:"bf-slippage-presets",children:Ya.map(x=>p("button",{type:"button",className:"bf-slippage-preset","data-selected":!c&&e.slippage===x.value?"true":"false",onClick:()=>h(x.value),children:x.label},x.value))}),k("label",{className:"bf-slippage-custom","data-selected":c?"true":"false",children:[p("span",{className:"bf-sr-only",children:"Custom slippage percent"}),p("input",{value:i,onChange:x=>{s(Za(x.target.value))},onKeyDown:x=>{x.key==="Enter"&&(x.preventDefault(),m())},inputMode:"decimal",placeholder:"Enter custom slippage",autoComplete:"off",spellCheck:!1}),p("span",{"aria-hidden":"true",children:"%"})]})]}),d?p("p",{className:"bf-slippage-message","data-variant":"error",children:"Slippage cannot exceed 50%."}):f?p("p",{className:"bf-slippage-message","data-variant":"warning",children:"Your transaction may be frontrun due to high slippage."}):null,c&&p("button",{type:"button",className:"bf-slippage-apply",onClick:m,disabled:d,children:"Apply"})]})]})}),o)}function kd({flow:e}){let t=R.useId(),[n,o]=R.useState(!1),[r,a]=R.useState(null),i=xn();return R.useEffect(()=>{a(document.body)},[]),R.useEffect(()=>{let s=c=>{c.key==="Escape"&&e.cancelTerms()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e]),!r||!e.termsOpen?null:wn(p("div",{className:"bf-action-modal-overlay","data-theme":i,role:"presentation",onPointerDown:s=>{s.target===s.currentTarget&&e.cancelTerms()},children:k("section",{className:"bf-action-modal bf-terms-modal",role:"dialog","aria-modal":"true","aria-labelledby":t,children:[p("h3",{id:t,children:"Agree to Terms of Service"}),p("p",{className:"bf-action-modal-desc",children:"Please make sure to review the Terms of Service before using CROSSD."}),k("div",{className:"bf-terms-check-row","data-checked":n?"true":"false",children:[k("button",{type:"button",className:"bf-terms-check-button",role:"checkbox","aria-checked":n,onClick:()=>o(s=>!s),children:[p("span",{className:"bf-terms-checkbox","data-checked":n?"true":"false","aria-hidden":"true"}),p("span",{children:"Agree to Terms of Use"})]}),e.termsUrl&&p("a",{href:e.termsUrl,target:"_blank",rel:"noreferrer",children:"Terms of Service"})]}),p("p",{className:"bf-terms-privacy",children:"I have read and acknowledged the Privacy Policy to use CROSSD"}),p("button",{type:"button",className:"bf-action-primary",disabled:!n||e.status==="submitting",onClick:e.confirmTerms,children:"Confirm"})]})}),r)}function Sd({value:e,disabled:t=!1}){let[n,o]=R.useState(!1);return p("button",{type:"button",className:"bf-copy-button","aria-label":"Copy token address",disabled:t,onClick:()=>{t||navigator.clipboard?.writeText(e).then(()=>{o(!0),window.setTimeout(()=>o(!1),1200)})},children:n?"OK":"Copy"})}function Cd({flow:e,approval:t}){let n=R.useId(),[o,r]=R.useState(null),a=xn();if(R.useEffect(()=>{r(document.body)},[]),R.useEffect(()=>{let c=l=>{e.status!=="submitting"&&l.key==="Escape"&&e.cancelApproval()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[e]),!o)return null;let i=e.status==="submitting"||!e.approveBridge,s=e.status==="submitting";return wn(p("div",{className:"bf-action-modal-overlay","data-theme":a,role:"presentation",children:k("section",{className:"bf-action-modal bf-approve-modal",role:"dialog","aria-modal":"true","aria-labelledby":n,children:[k("h3",{id:n,children:["Approve ",t.token.symbol]}),p(Pn,{token:t.token,size:72}),k("div",{className:"bf-approve-address-box",children:[p("span",{children:"Token Address"}),k("div",{children:[p("strong",{children:t.tokenAddress}),p(Sd,{value:t.tokenAddress,disabled:s})]})]}),k("div",{className:"bf-action-buttons",children:[p("button",{type:"button",className:"bf-action-secondary",onClick:e.cancelApproval,disabled:e.status==="submitting",children:"Cancel"}),k("button",{type:"button",className:"bf-action-primary",onClick:e.confirmApproval,disabled:i,"aria-busy":s,children:[s&&p("span",{className:"bf-action-button-spinner","aria-hidden":"true"}),p("span",{children:s?"Approving...":"Approve"})]})]})]})}),o)}function Rd({flow:e}){let t=R.useId(),[n,o]=R.useState(null),r=xn();return R.useEffect(()=>{o(document.body)},[]),R.useEffect(()=>{if(!e.approvalSuccessOpen)return;let a=i=>{i.key==="Escape"&&e.cancelApproval()};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[e]),!n||!e.approvalSuccessOpen?null:wn(p("div",{className:"bf-action-modal-overlay","data-theme":r,role:"presentation",children:k("section",{className:"bf-action-modal bf-approval-success-modal",role:"dialog","aria-modal":"true","aria-labelledby":t,children:[p("h3",{id:t,children:"Approval Success"}),p("span",{className:"bf-success-mark","aria-hidden":"true"}),k("p",{className:"bf-action-modal-desc",children:["Token approval confirmed successfully.",p("br",{}),"Please continue to the next step."]}),k("div",{className:"bf-action-buttons",children:[p("button",{type:"button",className:"bf-action-secondary",onClick:e.cancelApproval,children:"Cancel"}),p("button",{type:"button",className:"bf-action-primary",onClick:e.continueAfterApproval,children:"Continue"})]})]})}),n)}function Nd({fromAmount:e,toAmount:t,fromToken:n,toToken:o}){let[r,a]=R.useState(!1),i=R.useMemo(()=>{let l=new qt(e||"0"),d=new qt(t||"0");return!l.isFinite()||!d.isFinite()||l.lte(0)||d.lte(0)?null:r?l.dividedBy(d):d.dividedBy(l)},[e,r,t]);if(!i||!n||!o)return null;let s=r?o.symbol:n.symbol,c=r?n.symbol:o.symbol;return k("button",{type:"button",className:"bf-exchange-rate",onClick:()=>a(l=>!l),children:[k("span",{children:["1 ",s]}),p(Da,{size:12}),k("span",{children:[os(i)," ",c]})]})}function Td({flow:e}){return e.submitToast?k("div",{className:"bf-status-toast","data-variant":"processing",role:"status","aria-live":"polite",children:[p("span",{className:"bf-status-toast-icon","aria-hidden":"true",children:p("span",{className:"bf-status-spinner"})}),k("span",{className:"bf-status-toast-copy",children:[p("strong",{children:"Transaction Processing"}),p("span",{children:"Your transaction is being processed on the blockchain"})]})]}):null}function Id({message:e}){let[t,n]=R.useState(!1);return R.useEffect(()=>{if(!e){n(!1);return}n(!0);let o=window.setTimeout(()=>{n(!1)},3500);return()=>window.clearTimeout(o)},[e]),!e||!t?null:k("div",{className:"bf-status-toast","data-variant":"error",role:"alert","aria-live":"assertive",children:[p("span",{className:"bf-status-toast-icon","aria-hidden":"true",children:p("span",{className:"bf-status-error-mark",children:"!"})}),k("span",{className:"bf-status-toast-copy",children:[p("strong",{children:"Error"}),p("span",{children:e})]})]})}function Ld(e){switch(e){case"swap":case"deposit-swap":case"swap-withdraw":return"Swap Transaction Sent";case"bridge":return"Bridge Transaction Sent";case"swap-bridge":return"Swap & Bridge Transaction Sent";case"bridge-swap":return"Bridge & Swap Transaction Sent";default:return"Transaction Sent"}}function Ed({flow:e}){let t=R.useId(),[n,o]=R.useState(null),r=e.submitted,a=xn();return R.useEffect(()=>{o(document.body)},[]),R.useEffect(()=>{if(!e.successDialogOpen)return;let i=s=>{s.key==="Escape"&&e.dismissSuccessDialog()};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[e]),!n||!e.successDialogOpen||!r?null:wn(p("div",{className:"bf-success-overlay","data-theme":a,role:"presentation",children:p("section",{className:"bf-success-modal",role:"dialog","aria-modal":"true","aria-labelledby":t,children:k("div",{className:"bf-success-body",children:[p("span",{className:"bf-success-mark","aria-hidden":"true"}),k("div",{className:"bf-success-copy",children:[p("strong",{id:t,children:Ld(r.pathType)}),p("span",{children:"Please check the results in the history."})]}),p("div",{className:"bf-success-route","aria-hidden":"true",children:(r.routeTokens&&r.routeTokens.length>0?r.routeTokens:[{symbol:r.fromToken.symbol,iconUrl:r.fromToken.iconUrl},{symbol:r.toToken.symbol,iconUrl:r.toToken.iconUrl}]).map((i,s)=>k(R.Fragment,{children:[s>0&&p("span",{className:"bf-success-route-arrow",children:"\u2192"}),p(vr,{token:i,size:43})]},`${i.symbol}-${s}`))}),p("button",{type:"button",className:"bf-success-ok",onClick:e.dismissSuccessDialog,children:"OK"})]})})}),n)}function vr({token:e,size:t=16}){let n=!!e.iconUrl;return p("span",{className:"bf-token-icon","data-has-image":n?"true":"false",style:{width:t,height:t},children:e.iconUrl?p("img",{src:e.iconUrl,alt:"",width:t,height:t,draggable:!1}):p("span",{className:"bf-token-fallback",children:e.symbol?.slice(0,1)??"?"})})}function Ad({row:e}){return e.routeTokens&&e.routeTokens.length>0?p("span",{className:"bf-info-route",children:e.routeTokens.map((t,n)=>k(R.Fragment,{children:[n>0&&p("span",{className:"bf-info-route-arrow","aria-hidden":"true",children:"\u2192"}),p(vr,{token:t})]},`${t.symbol}-${n}`))}):e.valueToken?k("span",{className:"bf-info-value-token",children:[p(vr,{token:e.valueToken}),p("span",{children:e.value})]}):p(yr,{children:e.value})}function ss({rows:e}){return!e||e.length===0?null:p("div",{className:"bf-info-rows",children:e.map((t,n)=>k("div",{className:"bf-info-row",children:[k("span",{className:"bf-info-label",children:[p("span",{className:"bf-tree-marker",children:n===e.length-1?"\u2514":"\u251C"}),p("span",{children:t.label})]}),p("span",{className:"bf-info-value","data-tone":t.tone??"default",children:p(Ad,{row:t})})]},`${t.label}-${t.value}`))})}function Pd(e,t,n){return e.pathType==="bridge"?"Bridge Info":as(e.pathType)?"Swap Info":t&&n?"Swap & Bridge Info":t?"Bridge Info":"Swap Info"}function Bd({summary:e}){let t=!!e.bridgeInfo?.length,n=!!e.swapInfo?.length,o=t&&n,r=e.pathType==="bridge-swap"?["bridge","swap"]:["swap","bridge"];return p(yr,{children:r.map(a=>{let i=a==="swap"?e.swapInfo:e.bridgeInfo;return i?.length?k("div",{className:"bf-info-section",children:[o&&p("h4",{children:a==="swap"?"Swap Info":"Bridge Info"}),p(ss,{rows:i})]},a):null})})}function Fd({summary:e}){let t=!!e.bridgeInfo?.length,n=!!e.swapInfo?.length,o=!!e.txFee?.length,r=Pd(e,t,n),[a,i]=R.useState(!0),[s,c]=R.useState(!0);return k("div",{className:"bf-details",children:[e.liquidity&&k("section",{className:"bf-liquidity",children:[k("div",{className:"bf-liquidity-head",children:[p("span",{children:e.liquidity.label??"Available Liquidity"}),p("span",{className:"bf-liquidity-status","data-status":e.liquidity.status,children:e.liquidity.status??"Normal"})]}),p("div",{className:"bf-liquidity-track",children:p("span",{style:{width:`${e.liquidity.percentage??50}%`}})})]}),(t||n)&&k("section",{className:"bf-detail-section bf-info-card","data-open":a?"true":"false",children:[k("button",{type:"button",className:"bf-collapse-head","aria-expanded":a,onClick:()=>i(l=>!l),children:[p("h3",{children:r}),p(Xt,{size:16,className:"bf-collapse-chevron"})]}),a&&p("div",{className:"bf-collapse-body",children:p(Bd,{summary:e})})]}),o&&k("section",{className:"bf-detail-section bf-tx-fee-section","data-open":s?"true":"false",children:[k("button",{type:"button",className:"bf-collapse-head bf-tx-fee-head","aria-expanded":s,onClick:()=>c(l=>!l),children:[p("h3",{children:"Est. Tx Fee"}),k("div",{className:"bf-tx-fee-total",children:[e.txFeeInfo?.isDelegateFee&&p("span",{className:"bf-fee-delegated",children:"Fee Delegated"}),e.txFeeInfo?.tokenIconUrl&&p("img",{className:"bf-tx-fee-token",src:e.txFeeInfo.tokenIconUrl,alt:e.txFeeInfo.tokenSymbol??"",width:16,height:16,draggable:!1}),p("span",{"data-delegated":e.txFeeInfo?.isDelegateFee&&Number(e.txFeeInfo?.estTxFee)>0?"true":void 0,children:e.txFeeInfo?.estTxFee??"0"}),p(Xt,{size:16,className:"bf-collapse-chevron"})]})]}),s&&p("div",{className:"bf-collapse-body",children:p(ss,{rows:e.txFee})})]})]})}function Md({item:e}){let t=xo(e),n=gd(e.fromAmount,e.fromToken);return k("article",{className:"bf-history-item",children:[k("div",{className:"bf-history-item-head",children:[p("span",{className:"bf-history-status","data-status":t,children:bd(t)}),p("time",{className:"bf-history-time",dateTime:e.timestamp,children:ud(e.timestamp)})]}),k("div",{className:"bf-history-item-body",children:[k("strong",{className:"bf-history-amount",children:[md(e.fromAmount)," ",e.fromToken.symbol]}),k("div",{className:"bf-history-meta",children:[p("span",{className:"bf-history-usd",children:n??fd(e.txHash)}),k("span",{className:"bf-history-route",children:[k("span",{className:"bf-history-route-token",children:[p(Pn,{token:e.fromToken,size:16}),p("span",{children:e.fromToken.symbol})]}),p(Wa,{size:16,className:"bf-history-route-arrow"}),k("span",{className:"bf-history-route-token",children:[p(Pn,{token:e.toToken,size:16}),p("span",{children:e.toToken.symbol})]})]})]})]})]})}function _d({flow:e}){let[t,n]=R.useState("all"),o=e.history.some(i=>xo(i)==="pending"),r=e.history.filter(i=>hd(i,t)),a=t==="all"?"No bridge history yet.":`No ${t} bridge history.`;return k("main",{className:"bf-history-body",children:[p("nav",{className:"bf-history-tabs","aria-label":"Bridge history filters",children:sd.map(i=>k("button",{type:"button",className:"bf-history-tab","data-active":t===i.value?"true":"false",onClick:()=>n(i.value),children:[p("span",{children:i.label}),i.value==="pending"&&o&&p("span",{className:"bf-history-tab-dot","aria-hidden":"true"})]},i.value))}),r.length>0?p("div",{className:"bf-history-list",children:r.map(i=>p(Md,{item:i},i.id||i.txHash))}):p("div",{className:"bf-empty",children:a})]})}function Od({flow:e,env:t}){let[n,o]=R.useState(null),[r,a]=R.useState(!1),[i,s]=R.useState(0),l=!!(e.fromAmount.trim()||e.toAmount.trim())?e.summary??xd(e):null,d=ad[t],f=wd(e.quoteError),h=e.quoteError&&!f.from&&!f.to?e.quoteError:"",m=e.error||h,y=e.history.some(v=>xo(v)==="pending"),w=(l?.pathType??is(e.fromToken,e.toToken))!=="bridge";return k(yr,{children:[k("main",{className:"bf-body",children:[k("div",{className:"bf-toolbar",children:[k("button",{type:"button",className:"bf-chip bf-chip-history",onClick:()=>e.setStep("history"),children:[p(_a,{}),p("span",{children:"History"}),(y||e.hasNewHistory)&&p("span",{className:"bf-chip-dot","aria-hidden":"true"})]}),w&&k("button",{type:"button",className:"bf-chip",onClick:()=>a(!0),disabled:e.slippageLocked,"aria-haspopup":"dialog","aria-expanded":r,children:[p(Oa,{}),p("span",{children:e.slippageLocked?"Auto 1%":ld(e.slippage,e.effectiveSlippage)})]})]}),k("div",{className:"bf-swap-card","data-has-from-error":f.from?"true":"false",children:[p(es,{label:"From",token:e.fromToken,amount:e.fromAmount,usd:Xa(e.fromAmount,e.fromToken),onAmountChange:v=>e.setAmount(v,"from"),onTokenClick:()=>o("from")}),f.from&&p("div",{className:"bf-field-error",children:f.from}),p("button",{type:"button",className:"bf-swap-toggle",onClick:()=>{e.swapTokens(),s(v=>v+360)},style:{transform:`translateX(-50%) rotate(${i}deg)`,transition:"transform 0.2s ease"},children:p(za,{size:22})}),p(es,{label:"To",token:e.toToken,amount:e.toAmount,usd:Xa(e.toAmount,e.toToken),onAmountChange:v=>e.setAmount(v,"to"),onTokenClick:()=>o("to")}),f.to&&p("div",{className:"bf-field-error",children:f.to})]}),p(Nd,{fromAmount:e.fromAmount,toAmount:e.toAmount,fromToken:e.fromToken,toToken:e.toToken}),l&&p(Fd,{summary:l})]}),k("footer",{className:"bf-footer",children:[p("button",{type:"button",className:"bf-next",onClick:e.submit,disabled:e.status==="submitting"||!!e.quoteError,children:e.status==="submitting"?"Processing...":"Next"}),k("a",{className:"bf-powered",href:d,target:"_blank",rel:"noreferrer",children:["Powered by ",p("span",{className:"bf-powered-brand",children:"CROSS DeFi"})]})]}),n&&p(vd,{flow:e,side:n,onClose:()=>o(null)}),r&&p(yd,{flow:e,onClose:()=>a(!1)}),p(kd,{flow:e}),e.approvalInfo&&p(Cd,{flow:e,approval:e.approvalInfo}),p(Rd,{flow:e}),p(Td,{flow:e}),p(Id,{message:e.submitToast?"":m}),p(Ed,{flow:e})]})}function vo({onClose:e,onBackToWallet:t,env:n,className:o,...r}){let a=R.useMemo(()=>Pe(n),[n]),i=Qa({...r,onExit:t}),s=R.useRef(null),c=id(s),l=i.step==="history"?"History":"Swap & Bridge";return p(ts.Provider,{value:c,children:k("div",{ref:s,className:X("bf-root",o),"data-view":i.step,"data-status":i.status,children:[k("header",{className:"bf-header",children:[p("button",{type:"button",className:"bf-header-btn",onClick:i.back,"aria-label":"Back",children:p(Pt,{size:24})}),p("span",{className:"bf-header-title",children:l}),p("button",{type:"button",className:"bf-header-btn",onClick:e,"aria-label":"Close",children:p(St,{size:24})})]}),i.step==="history"?p(_d,{flow:i}):p(Od,{flow:i,env:a})]})})}import{Fragment as ko,jsx as g,jsxs as N}from"react/jsx-runtime";var Wd="On-ramp is not available in your region.";function kr(e,t,n){let o=Ce[e],r=n.toUpperCase();if(t===o.cross&&r.includes("CROSSD"))return 0;if(t===o.cross&&r==="CROSS")return 1;if(t===o.bsc&&r==="CROSS")return 2}function Dd(e){return parseInt(e.split(":")[1],10)}function Hd(e){let t=e.lastIndexOf(".");return t===-1?{main:e,decimal:""}:{main:e.slice(0,t),decimal:e.slice(t)}}function Gd(e){let t=e.toLowerCase().replace(/^0x/,""),n=t.length>=8?t.slice(0,8):t.padEnd(8,"0"),o=parseInt(n.slice(0,4),16)%360,r=(o+60+parseInt(n.slice(4,8),16)%120)%360;return`linear-gradient(135deg, hsl(${o} 85% 65%), hsl(${r} 80% 55%))`}function ls({align:e="end",sideOffset:t=12,className:n,children:o}){let{env:r,theme:a,isMobile:i,open:s,drawerDirection:c,modal:l,showBalance:d,showForgeToken:f,showGameToken:h,showQR:m,showBridge:y,qrLogoSrc:x,walletAddress:w,accountName:v,sendAccounts:B,profileImageUrl:u,preferredTokens:E,close:C,onSelectWallet:A,onCopyAddress:M,onBuy:Z,onDisconnect:W,disconnectLabel:G,termsUrl:q,termsLabel:O,privacyUrl:ie,privacyLabel:ue,portalStyle:te,navContent:ae,navPosition:De,footerContent:se,view:K,setView:le,selectedSendToken:J,setSelectedSendToken:U,showPortfolio:He,portfolioTitle:pe,showTotalAssets:Ie,totalAssetsLabel:Le,sendTransaction:it,getTransactionReceipt:we,estimateGas:Ft,onOutlink:_e,lpBalanceReader:bt,stakingRewardsReader:Lt,bridgeTokens:ce,bridgeHistory:me,getBridgeQuote:Qe,getBridgeToTokens:xe,getBridgeApproval:ge,approveBridge:he,submitBridge:Mt,onReceive:Ge,onBridge:at,onSend:ve,onBuyDisabledMessage:wt}=Ot(),[xt,Ee]=F.useState(null),st=F.useRef(void 0),Ye=F.useCallback(b=>{Ee(b),clearTimeout(st.current),st.current=setTimeout(()=>Ee(null),4e3)},[]);F.useEffect(()=>()=>clearTimeout(st.current),[]);let ne=!!wt,Ze=F.useCallback(()=>{if(ne){Ye(wt);return}let b=Z?.();b&&typeof b.then=="function"&&b.catch(()=>{Ye(wt??Wd)})},[ne,wt,Z,Ye]),{tokens:ye,isLoading:vt}=Dt(r,w,s&&d),{statsMap:Ue}=Ht(r,d),{categoryMap:yt}=Qi(r,d),kt=d&&Ie,{displayValue:Et,isLowerBound:_t,isLoading:lt}=Yi(r,w,s&&kt),[S,$]=F.useState(!1),ee=F.useRef(null),[ke,At]=F.useState(0),{holdings:Oe,isLoading:Wn}=qi(r,w,s&&d&&f),Bo=F.useMemo(()=>Oe.map(b=>b.token),[Oe]),{imageMap:yn}=Ki(r,Bo,f&&Oe.length>0),Xe=F.useMemo(()=>{let b=[],I=[],j=[],Ae=new Map((E??[]).map((Y,fe)=>[`${Dd(Y.chainId)}:${Y.address.toLowerCase()}`,fe]));for(let Y of ye){let fe=kr(r,Y.chainId,Y.symbol)!==void 0,Qt=`${Y.chainId}:${Y.address.toLowerCase()}`,Yt=Ae.get(Qt),Ho=new Bn(Y.quantity.numeric).shiftedBy(-Y.quantity.decimals);if(fe)b.push(Y);else if(Yt!==void 0)I.push(Y);else if(Ho.isGreaterThan(0)){if(!h&&yt.get(dr(Y.chainId,Y.address))==="game")continue;j.push(Y)}}return b.sort((Y,fe)=>{let Qt=kr(r,Y.chainId,Y.symbol)??99,Yt=kr(r,fe.chainId,fe.symbol)??99;return Qt-Yt}),I.sort((Y,fe)=>{let Qt=Ae.get(`${Y.chainId}:${Y.address.toLowerCase()}`)??99,Yt=Ae.get(`${fe.chainId}:${fe.address.toLowerCase()}`)??99;return Qt-Yt}),j.sort((Y,fe)=>{let Qt=Ue.get(ft(Y.chainId,Y.address)),Yt=Ue.get(ft(fe.chainId,fe.address)),Ho=new Bn(Y.quantity.numeric).shiftedBy(-Y.quantity.decimals).multipliedBy(Qt?.price??0);return new Bn(fe.quantity.numeric).shiftedBy(-fe.quantity.decimals).multipliedBy(Yt?.price??0).minus(Ho).toNumber()}),[...b,...I,...j]},[ye,r,Ue,h,yt,E]),Dn=F.useMemo(()=>{if(!f)return[];let b=new Set(ye.map(I=>I.address.toLowerCase()));return[...Oe].filter(I=>!b.has(I.token.toLowerCase())).sort((I,j)=>{let Ae=new Bn(I.value);return new Bn(j.value).minus(Ae).toNumber()})},[Oe,f,ye]),L=F.useRef(!1),[Q,H]=F.useState(null),re=F.useRef(void 0),Hn=Q?.chainId??J?.chainId??Xe[0]?.chainId??0,{transactionUrl:Fo}=Xn(r,Hn,Q?.txHash,!!(Q?.txHash&&Hn)),$e=F.useCallback(b=>{L.current=!0,le(b)},[le]),[_s,Mo]=F.useState("recipient"),Gn=F.useCallback(()=>{U(null),Mo("recipient"),$e("wallet")},[U,$e]),_o=F.useCallback((b,I="recipient")=>{Mo(I),U(b),$e("send")},[U,$e]),Os=F.useCallback(()=>{if(at){at();return}$e("bridge")},[at,$e]),zs=F.useCallback(b=>{clearTimeout(re.current),U(null),$e("wallet"),H({status:"pending",txHash:b.txHash,chainId:b.chainId,description:`${b.amount} ${b.tokenSymbol} to ${Ve(b.recipient)}`})},[U,$e]),Ws=F.useCallback(b=>{let I=J?.chainId;U(null),$e("wallet"),!(!b||!I)&&(H(j=>({status:"success",txHash:b,chainId:I,description:j?.txHash===b?j.description:"Tap to see your transaction"})),clearTimeout(re.current),re.current=setTimeout(()=>H(null),5e3))},[J?.chainId,U,$e]),Ds=F.useCallback(b=>{let I=b.txHash;I&&(H({status:"error",txHash:I,chainId:b.chainId,description:b.message}),clearTimeout(re.current),re.current=setTimeout(()=>H(null),5e3))},[]),Oo=F.useMemo(()=>{if(Ge)return Ge;if(m)return()=>$e("qr")},[Ge,m,$e]),Ir=F.useMemo(()=>{if(ve)return ve;if(Xe.length===0)return;let b=Xe[0];return()=>_o(b,"token")},[ve,Xe,_o]);F.useEffect(()=>{s||(L.current=!1,Mo("recipient"))},[s]);let Lr=F.useRef(null);F.useEffect(()=>{let b=Lr.current;if(!b||!i)return;let I=j=>{j.pointerType==="touch"&&j.stopPropagation()};return b.addEventListener("pointerdown",I),()=>b.removeEventListener("pointerdown",I)},[i]);let[an,Er]=F.useState(!1),zo=F.useRef(void 0),[kn,Un]=F.useState(!1);F.useEffect(()=>{if(!kn)return;let b=()=>Un(!1),I=Ae=>{Ae.key==="Escape"&&Un(!1)},j=setTimeout(()=>{document.addEventListener("mousedown",b,!0),document.addEventListener("keydown",I,!0)},0);return()=>{clearTimeout(j),document.removeEventListener("mousedown",b,!0),document.removeEventListener("keydown",I,!0)}},[kn]),F.useEffect(()=>()=>clearTimeout(zo.current),[]),F.useEffect(()=>()=>clearTimeout(re.current),[]),F.useEffect(()=>{let b=ee.current;if(!b||se===null){At(0);return}let I=()=>{At(b.offsetHeight)};if(I(),typeof ResizeObserver>"u")return;let j=new ResizeObserver(I);return j.observe(b),()=>j.disconnect()},[se]);let Ar=F.useCallback(async()=>{if(!an)try{await navigator.clipboard.writeText(w),Er(!0),clearTimeout(zo.current),zo.current=setTimeout(()=>Er(!1),2e3),M?.(w,!0)}catch{M?.(w,!1)}},[w,M,an]),$n=F.useCallback(b=>{b.currentTarget.setAttribute("data-loaded","true")},[]),Pr=F.useMemo(()=>({background:Gd(w)}),[w]),jn=F.useMemo(()=>u||tn(r,w,{size:120,bg:a==="dark"?"1A1A2E":"F3F6F8"}),[u,r,w,a]),Wo=F.useMemo(()=>Hd(Et),[Et]),Br=q||ie?N("div",{className:"wi-legal-links",children:[q&&g("a",{className:"wi-legal-link",href:q,target:"_blank",rel:"noopener noreferrer",onClick:b=>qe(b,q,{category:"terms",origin:"terms"},_e),children:O}),q&&ie&&g("span",{className:"wi-legal-sep","aria-hidden":!0,children:"\xB7"}),ie&&g("a",{className:"wi-legal-link",href:ie,target:"_blank",rel:"noopener noreferrer",onClick:b=>qe(b,ie,{category:"privacy",origin:"privacy"},_e),children:ue})]}):null,Fr=W?N("button",{type:"button",className:"wi-disconnect-btn",onClick:()=>{W(),C()},children:[g(ti,{size:16}),g("span",{className:"wi-disconnect-label",children:G})]}):null,Hs=d&&!ae?N("div",{className:"wi-action-row","aria-label":"Wallet actions",children:[N("button",{type:"button",className:X("wi-action-card",ne&&"wi-action-card--dimmed"),onClick:Ze,disabled:!Z&&!ne,"aria-disabled":ne||void 0,"aria-label":"Buy",children:[g(si,{size:20}),g("span",{children:"Buy"})]}),y?N("button",{type:"button",className:"wi-action-card",onClick:Os,"aria-label":"Bridge",children:[g(li,{size:20}),g("span",{children:"Bridge"})]}):N("button",{type:"button",className:"wi-action-card",onClick:Oo,disabled:!Oo,"aria-label":"Receive",children:[g(Qo,{size:20}),g("span",{children:"Receive"})]}),N("button",{type:"button",className:"wi-action-card",onClick:Ir,disabled:!Ir,"aria-label":"Send",children:[g(ii,{size:20}),g("span",{children:"Send"})]}),N("button",{type:"button",className:"wi-action-card",onClick:()=>$e("portfolio"),disabled:!He,"aria-label":"View portfolio",children:[g(ai,{size:20}),g("span",{children:"Portfolio"})]})]}):null,Gs=N("div",{className:X("wi-view-inner",L.current&&"wi-view-wallet"),children:[kt&&N("div",{className:"wi-total-section",children:[N("div",{className:"wi-total-head",children:[g("span",{className:"wi-total-label",children:Le}),g("span",{role:"button",tabIndex:0,className:"wi-total-eye",onClick:b=>{b.stopPropagation(),$(I=>!I)},onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),b.stopPropagation(),$(I=>!I))},"aria-label":S?"Show balance":"Hide balance",children:S?g(oi,{}):g(ni,{})})]}),g("div",{className:"wi-total-body",children:lt?g("div",{className:"wi-skeleton-block wi-total-skeleton",style:{width:160,height:42}}):g("div",{className:"wi-total-value","data-hidden":S||void 0,children:S?g("span",{className:"wi-total-mask",children:"\u2022\u2022\u2022\u2022\u2022\u2022"}):N(ko,{children:[_t&&g("span",{className:"wi-total-lte",children:"\u2264"}),g("span",{className:"wi-total-currency",children:"$"}),g("span",{className:"wi-total-amount",children:Wo.main}),Wo.decimal&&g("span",{className:"wi-total-decimal",children:Wo.decimal})]})})})]}),De==="top"&&(ae?g("div",{className:"wi-nav-fixed",children:ae}):Hs),d&&g("div",{ref:Lr,className:"wi-scrollable-body","data-vaul-no-drag":!0,children:N("div",{className:"wi-token-list",children:[vt&&Array.from({length:5},(b,I)=>N("div",{className:"wi-skeleton-item",children:[N("div",{className:"wi-skeleton-left",children:[g("div",{className:"wi-skeleton-block wi-skeleton-icon"}),N("div",{className:"wi-skeleton-lines",children:[g("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),g("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),N("div",{className:"wi-skeleton-right",children:[g("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),g("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},I)),!vt&&Xe.length===0&&!f&&g("div",{className:"wi-empty",children:"No Tokens Found"}),Xe.map(b=>{let I=Ue.get(ft(b.chainId,b.address)),j=I?parseFloat(I.percent_change_24h):null,Ae=j!==null&&j>=0,Y=Ln(r,b.chainId);return N("button",{type:"button",className:"wi-token-item wi-token-item--button",onClick:()=>_o(b),"aria-label":`Send ${b.symbol}`,children:[N("div",{className:"wi-token-left",children:[N("div",{className:"wi-token-icon-wrap",children:[g("img",{src:b.icon_url,alt:b.symbol,className:"wi-token-icon",width:32,height:32,loading:"lazy",draggable:!1,onLoad:$n,onError:fe=>{fe.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),Y&&g("img",{src:Y,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:fe=>{fe.currentTarget.style.display="none"}})]}),N("div",{className:"wi-token-info",children:[g("span",{className:"wi-token-name",children:b.symbol}),I&&N("div",{className:"wi-token-price-row",children:[g("span",{className:"wi-token-price",children:Yo(I.price)}),g("span",{className:"wi-token-change","data-positive":Ae,"data-zero":j===0||void 0,children:j!==null&&(j===0?"0%":`${Ae?"+":"-"}${(Ae?Math.floor:Math.ceil)(Math.abs(j)*100)/100}%`)})]})]})]}),N("div",{className:"wi-token-right",children:[g("span",{className:"wi-token-balance",children:zt(b.quantity.numeric,b.quantity.decimals)}),I&&g("span",{className:"wi-token-value",children:di(b.quantity.numeric,b.quantity.decimals,I.price)})]})]},`${b.address}-${b.chainId}`)}),f&&Wn&&Array.from({length:3},(b,I)=>N("div",{className:"wi-skeleton-item",children:[N("div",{className:"wi-skeleton-left",children:[g("div",{className:"wi-skeleton-block wi-skeleton-icon"}),N("div",{className:"wi-skeleton-lines",children:[g("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),g("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),N("div",{className:"wi-skeleton-right",children:[g("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),g("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},`forge-sk-${I}`)),f&&!Wn&&!vt&&Xe.length===0&&Dn.length===0&&g("div",{className:"wi-empty",children:"No Tokens Found"}),f&&Dn.map(b=>{let I=yn.get(b.token)||"",j=Ln(r,Ce[r].cross);return N("div",{className:"wi-token-item",children:[N("div",{className:"wi-token-left",children:[N("div",{className:"wi-token-icon-wrap",children:[g("img",{src:I||"https://contents.crosstoken.io/wallet/token/images/FT.png",alt:b.token_name,className:"wi-token-icon",width:32,height:32,loading:"lazy",draggable:!1,onLoad:$n,onError:Ae=>{Ae.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),j&&g("img",{src:j,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:Ae=>{Ae.currentTarget.style.display="none"}})]}),N("div",{className:"wi-token-info",children:[g("span",{className:"wi-token-name",children:b.token_name}),g("div",{className:"wi-token-price-row",children:N("span",{className:"wi-token-price",children:[zt(b.current_price,18)," CROSS"]})})]})]}),N("div",{className:"wi-token-right",children:[g("span",{className:"wi-token-balance",children:zt(b.balance,18)}),g("span",{className:"wi-token-value",children:Yo(b.current_value_usd)})]})]},`forge-${b.token}`)})]})}),De==="bottom"&&ae&&g("div",{className:"wi-nav-fixed",children:ae}),Fr&&g("div",{className:"wi-wallet-disconnect-row",children:Fr})]},"wallet"),Us=He?g("div",{className:X("wi-view-inner wi-portfolio-body",L.current&&"wi-view-portfolio"),children:g(bn,{env:r,theme:a,walletAddress:w,showHeader:!1,onOutlink:_e,lpBalanceReader:bt,stakingRewardsReader:Lt})},"portfolio"):null,$s=J?g("div",{className:X("wi-view-inner wi-send-body",L.current&&"wi-view-send"),children:g(lo,{env:r,theme:a,walletAddress:w,accountName:v,accounts:B,initialStep:_s,token:J,tokens:Xe,onTokenChange:U,sendTransaction:it,getTransactionReceipt:we,estimateGas:Ft,getTokenPriceUsd:b=>{let I=Ue.get(ft(b.chainId,b.address));if(!I?.price)return;let j=parseFloat(I.price);return Number.isFinite(j)?j:void 0},onClose:C,onBackToWallet:Gn,onSubmitted:zs,onSuccess:Ws,onFailed:Ds,onOutlink:_e})},"send"):null,js=F.useMemo(()=>ce||Xe.map(b=>{let I=Ue.get(ft(b.chainId,b.address)),j=I?.price?parseFloat(I.price):void 0;return{name:b.name,symbol:b.symbol,chainId:b.chainId,address:b.address,decimals:b.quantity.decimals,balance:Tn(b.quantity.numeric,b.quantity.decimals),iconUrl:b.icon_url,priceUsd:Number.isFinite(j)?j:void 0}}),[ce,Ue,Xe]),Vs=g("div",{className:X("wi-view-inner wi-bridge-body",L.current&&"wi-view-send"),children:g(vo,{env:r,walletAddress:w,tokens:js,history:me,termsUrl:q,getQuote:Qe,getToTokens:xe,getApproval:ge,approveBridge:he,submitBridge:Mt,onClose:C,onBackToWallet:Gn})},"bridge"),Do=!!A&&v?.trim().toLowerCase()!=="my wallet",Mr=N(ko,{children:[N("span",{className:"wi-receive-avatar",children:[g("span",{className:"wi-avatar-fallback",style:Pr}),jn&&g("img",{src:jn,alt:"",className:"wi-avatar-img",width:24,height:24,draggable:!1,onLoad:$n,onError:b=>{b.currentTarget.style.display="none"}})]}),g("span",{className:"wi-receive-account-name",children:v??"Account 1"}),Do&&g("span",{className:"wi-receive-chevron","data-open":kn,"aria-hidden":"true",children:g(Xt,{size:16})})]}),qs=N("div",{className:X("wi-view-inner wi-qr-body",L.current&&"wi-view-qr"),children:[N("div",{className:"wi-receive-section",children:[Do?g("button",{type:"button",className:"wi-receive-account wi-receive-account--btn",onClick:()=>{Un(!0),A?.()},"aria-label":"Switch account",children:Mr}):g("div",{className:"wi-receive-account",children:Mr}),N("div",{className:"wi-qr-block",children:[N("div",{className:"wi-qr-box",children:[g(zd,{value:w,size:180,level:"H",marginSize:2,...x&&{imageSettings:{src:x,height:33,width:33,excavate:!0}}}),!x&&g("div",{className:"wi-qr-logo",children:g(ri,{size:33})})]}),g("p",{className:"wi-qr-address",children:w})]}),N("button",{type:"button",className:"wi-qr-copy-btn",onClick:Ar,children:[g("span",{className:"wi-qr-copy-icon",children:an?g(Cn,{size:16}):g(Ko,{size:16})}),g("span",{className:"wi-qr-copy-text",children:an?"Copied!":"Copy address"})]})]}),Br&&g("div",{className:"wi-receive-footer",children:Br})]},"qr"),Ks=K==="qr"||K==="portfolio"||K==="send"||K==="bridge",_r=se!==null?g("div",{className:"wi-builtin-footer",children:se}):null,Or=N("div",{className:"wi-account-text",children:[Do?N("button",{type:"button",className:"wi-account-row wi-account-row--btn",onClick:()=>{Un(!0),A?.()},"aria-label":"Switch account","aria-expanded":kn,children:[g("span",{className:"wi-account-name",children:v??"Account 1"}),g("span",{className:"wi-account-switch","data-open":kn,"aria-hidden":"true",children:g(Xt,{size:20})})]}):g("div",{className:"wi-account-row",children:g("span",{className:"wi-account-name",children:v??"Account 1"})}),N("button",{type:"button",className:"wi-address-row-btn",onClick:Ar,"aria-label":"Copy address",children:[g("span",{className:"wi-account-address",children:Ve(w)}),g("span",{className:"wi-account-copy","data-copied":an,children:an?g(Cn,{size:12}):g(Ko,{size:12})})]})]}),zr=N(ko,{children:[o,K==="qr"?g("div",{className:"wi-sticky-header",children:N("div",{className:"wi-header wi-header--receive",children:[g("button",{type:"button",className:"wi-header-back",onClick:Gn,"aria-label":"Back",children:g(Pt,{size:24})}),g("span",{className:"wi-receive-title",children:"Receive"}),g("button",{type:"button",className:"wi-header-action",onClick:C,"aria-label":"Close",children:g(St,{size:24})})]})}):K==="send"||K==="bridge"?null:Ks?N("div",{className:"wi-sticky-header",children:[N("div",{className:"wi-header wi-header--wallet wi-header--sub-account",children:[g("button",{type:"button",className:"wi-header-back",onClick:Gn,"aria-label":"Back",children:g(Pt,{size:24})}),g("div",{className:"wi-account-block wi-account-block--sub-account",children:Or}),g("button",{type:"button",className:"wi-header-action",onClick:C,"aria-label":"Close",children:g(St,{size:24})})]}),g("hr",{className:"wi-divider"})]}):N("div",{className:"wi-sticky-header",children:[N("div",{className:"wi-header wi-header--wallet",children:[N("div",{className:"wi-account-block",children:[N("div",{className:"wi-avatar",children:[g("div",{className:"wi-avatar-fallback",style:Pr}),jn&&g("img",{src:jn,alt:"",className:"wi-avatar-img",width:28,height:28,draggable:!1,onLoad:$n,onError:b=>{b.currentTarget.style.display="none"}})]}),Or]}),N("div",{className:"wi-header-actions",children:[m&&y&&g("button",{type:"button",className:"wi-header-action wi-header-action--qr",onClick:Oo,"aria-label":"Show QR code",children:g(Qo,{size:20})}),g("button",{type:"button",className:"wi-header-action",onClick:C,"aria-label":"Close",children:g(St,{size:24})})]})]}),g("hr",{className:"wi-divider"})]}),N("div",{className:"wi-view-container",children:[K==="wallet"&&Gs,K==="qr"&&qs,K==="portfolio"&&Us,K==="send"&&$s,K==="bridge"&&Vs]}),K==="wallet"&&xt&&g("div",{className:"wi-action-toast",role:"status","aria-live":"polite",children:xt}),K==="wallet"&&Q&&N("a",{className:"wi-send-toast",href:Fo??"#",target:"_blank",rel:"noopener noreferrer",onClick:b=>{if(!Fo){b.preventDefault();return}qe(b,Fo,{category:"send",origin:"send-transaction",payload:{chainId:Q.chainId,txHash:Q.txHash}},_e)},children:[g("span",{className:"wi-send-toast-icon","data-status":Q.status,"aria-hidden":!0,children:Q.status==="pending"?g("span",{className:"wi-send-toast-spinner"}):Q.status==="error"?g("span",{className:"wi-send-toast-error-dot"}):g(ci,{size:20})}),N("span",{className:"wi-send-toast-copy",children:[g("span",{className:"wi-send-toast-title",children:Q.status==="pending"?"Sending...":Q.status==="error"?"Send failed":"Send complete"}),g("span",{className:"wi-send-toast-desc",children:Q.status==="pending"||Q.status==="error"?Q.description:"Tap to see your transaction"})]})]}),_r&&K!=="portfolio"&&K!=="send"&&g("div",{className:"wi-sticky-footer",children:g("div",{className:"wi-footer",ref:ee,children:_r})})]}),Wr={...te,...ke>0?{"--wi-footer-height":`${ke}px`}:null};return i?N(yo.Portal,{children:[l&&g(yo.Overlay,{className:"wi-drawer-overlay"}),N(yo.Content,{className:X("wi-drawer-content",n),"data-theme":a,"data-vaul-no-drag":c==="left"||c==="right"?!0:void 0,style:Wr,"data-direction":c,"data-no-balance":!d||void 0,"data-has-footer":ke>0||void 0,"data-view":K,children:[g(yo.Title,{className:"wi-sr-only",children:"My Wallet"}),zr]})]}):N(ko,{children:[l&&s&&g("div",{className:"wi-drawer-overlay",onClick:C}),g(So.Portal,{children:g(So.Content,{align:e,sideOffset:t,className:X("wi-popover-content",n),"data-theme":a,style:Wr,"data-no-balance":!d||void 0,"data-has-footer":ke>0||void 0,"data-view":K,children:zr})})]})}import*as cs from"react";function ds({position:e="top",children:t}){let{setNavContent:n,setNavPosition:o}=Ot();return cs.useEffect(()=>(n(t),o(e),()=>n(null)),[t,e,n,o]),null}import*as ps from"react";function fs({children:e}){let{setFooterContent:t}=Ot();return ps.useEffect(()=>(t(e),()=>t(null)),[e,t]),null}_(`[data-theme=dark].wi-popover-content,[data-theme=dark].wi-drawer-content{--wi-primary: var(--ds-accent-primary-default, #019d92);--wi-secondary: var(--ds-system-red-default, #e70077);--wi-surface-bg: var(--ds-bg-default, #121212);--wi-surface-default: var(--ds-surface-medium, rgba(255, 255, 255, .05));--wi-surface-subtle: var(--ds-surface-high, rgba(255, 255, 255, .1));--wi-border-default: var(--ds-border-default, rgba(255, 255, 255, .05));--wi-border-subtle: var(--ds-border-medium, rgba(255, 255, 255, .1));--wi-texticon-primary: var(--ds-content-highest, #ffffff);--wi-texticon-secondary: var(--ds-content-medium, rgba(255, 255, 255, .7));--wi-texticon-tertiary: var(--ds-content-low, rgba(255, 255, 255, .5));--wi-on-primary: var(--ds-accent-primary-on, #ffffff);--wi-error: var(--ds-system-red-default, #e70077);--wi-shadow: 0 2px 16px -2px rgba(0, 0, 0, .4)}[data-theme=light].wi-popover-content,[data-theme=light].wi-drawer-content{--wi-primary: var(--ds-accent-primary-default, #019d92);--wi-secondary: var(--ds-system-red-default, #e70077);--wi-surface-bg: var(--ds-bg-default, #ffffff);--wi-surface-default: var(--ds-surface-medium, rgba(18, 18, 18, .05));--wi-surface-subtle: var(--ds-surface-high, rgba(18, 18, 18, .1));--wi-border-default: var(--ds-border-default, rgba(18, 18, 18, .05));--wi-border-subtle: var(--ds-border-medium, rgba(18, 18, 18, .1));--wi-texticon-primary: var(--ds-content-highest, #121212);--wi-texticon-secondary: var(--ds-content-medium, rgba(18, 18, 18, .7));--wi-texticon-tertiary: var(--ds-content-low, rgba(18, 18, 18, .5));--wi-on-primary: var(--ds-accent-primary-on, #ffffff);--wi-error: var(--ds-system-red-default, #e70077);--wi-shadow: 0 2px 16px -2px rgba(0, 0, 0, .15)}
|
|
11
|
+
`);_(`.wi-trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(255,255,255,.2);background:#1a2332;border-radius:9999px;cursor:pointer;color:#fff;font-family:inherit;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-.3125px;transition:opacity .15s ease}.wi-trigger-btn:hover{opacity:.85}.wi-trigger-btn[data-theme=light]{background:#f3f6f8;border-color:#1212121a;color:#121212}.wi-trigger-btn[data-mobile]{font-size:14px;padding:6px 12px;gap:6px;line-height:20px}.wi-trigger-address{white-space:nowrap}.wi-divider{height:1px;background:var(--wi-border-default);margin:0;border:none;flex-shrink:0}[data-theme=light] .wi-divider{background:#1212121a}[data-theme=dark] .wi-divider{background:#ffffff1a}
|
|
12
|
+
`);_(`@keyframes wi-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes wi-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes wi-slide-in-right{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes wi-slide-in-left{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}
|
|
13
|
+
`);_(`.wi-popover-content{-webkit-font-smoothing:antialiased;z-index:100001;width:393px;border-radius:24px;border:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));background:var(--wi-surface-bg);box-shadow:var(--ds-shadow-modal, var(--wi-shadow));animation:wi-fade-in .15s ease-out;height:600px;overflow:hidden;display:flex;flex-direction:column}.wi-popover-content[data-no-balance]{height:auto}.wi-popover-content[data-has-footer]:not([data-no-balance]){height:min(calc(600px + var(--wi-footer-height, 0px)),calc(100dvh - 32px))}.wi-drawer-overlay{position:fixed;inset:0;z-index:100000;background:#0009}.wi-drawer-content{-webkit-font-smoothing:antialiased;position:fixed;top:0;right:0;bottom:0;z-index:100001;width:100vw;max-height:100vh;background:var(--wi-surface-bg);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.wi-drawer-content[data-no-balance]{bottom:auto;max-height:none}.wi-drawer-content[data-no-balance][data-direction=bottom]{bottom:0;top:auto;border-radius:24px 24px 0 0}.wi-drawer-content[data-direction=left]{right:auto;left:0}.wi-drawer-content[data-direction=bottom]{top:0;left:0;right:0;width:100%;max-height:100dvh;margin:0 auto}.wi-drawer-content[data-direction=bottom][data-view=qr]{max-height:100dvh}.wi-popover-content[data-view=qr]{max-height:calc(100dvh - 32px)}.wi-sticky-header{flex-shrink:0;position:relative}.wi-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:24px}.wi-header--wallet{align-items:flex-start;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.wi-header--wallet+.wi-divider{display:none}.wi-header--sub-account{align-items:center}.wi-header--sub-account .wi-header-back{width:32px;height:38px}.wi-header--sub-account .wi-header-action{flex-shrink:0}.wi-account-block{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.wi-account-block--sub-account{align-items:center}.wi-avatar{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;background:var(--wi-surface-bg);box-sizing:border-box;overflow:hidden}.wi-avatar-fallback{position:absolute;inset:0;border-radius:50%;z-index:0}.wi-avatar-img{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;object-fit:cover;background:transparent}.wi-account-text{display:flex;flex-direction:column;gap:2px;min-width:0}.wi-account-row{display:flex;align-items:center;gap:8px;min-width:0}.wi-account-row--btn{padding:2px;margin:0;width:fit-content;border:none;background:transparent;cursor:pointer;color:inherit;font:inherit;border-radius:6px;transition:background-color .15s ease,opacity .15s ease}.wi-account-row--btn:hover{background:var(--wi-surface-subtle, rgba(255, 255, 255, .06))}.wi-account-row--btn:focus-visible{outline:2px solid var(--wi-primary, #00d5aa);outline-offset:2px}.wi-account-name{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-account-switch{display:inline-flex;align-items:center;justify-content:center;padding:2px 0;border:none;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));border-radius:4px;flex-shrink:0;transition:color .15s ease,transform .2s ease}.wi-account-switch[data-open=true]{transform:rotate(180deg)}.wi-account-row--btn:hover .wi-account-switch{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-address-row-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--ds-content-medium, rgba(0, 0, 0, .65));font:inherit;text-align:left;min-width:0;transition:color .15s ease}.wi-address-row-btn:hover .wi-account-address,.wi-address-row-btn:hover .wi-account-copy{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-account-address{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-account-copy{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--wi-texticon-tertiary);flex-shrink:0;transition:color .15s ease}.wi-account-copy[data-copied=true]{color:var(--ds-system-green-high, #00a869)}.wi-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-top:-4px}.wi-header-action{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;border-radius:0;cursor:pointer;color:var(--ds-content-low, rgba(0, 0, 0, .4));flex-shrink:0;transition:color .15s ease}.wi-header-action:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-header-action--qr{width:32px;height:32px;border-radius:8px;background:var(--ds-surface-medium, #f5f7fa);color:var(--ds-content-medium, rgba(0, 0, 0, .65));transition:background-color .15s ease,color .15s ease}.wi-header-action--qr:hover{background:var(--ds-surface-high, rgba(0, 0, 0, .08));color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-header--receive{align-items:center;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.wi-header--receive .wi-header-action,.wi-header--sub-account .wi-header-action{position:absolute;top:24px;right:24px}.wi-receive-title{position:absolute;left:50%;transform:translate(-50%);font-family:inherit;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);text-align:center;pointer-events:none}.wi-header-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.wi-header-title{font-family:inherit;font-size:16px;font-weight:600;line-height:1.3;color:var(--wi-texticon-primary);margin:0}.wi-header-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;background:var(--wi-surface-default);border-radius:8px;cursor:pointer;color:var(--ds-content-low, #00000066);transition:opacity .15s ease}.wi-header-close:hover{opacity:.7}.wi-total-section{margin:24px 24px 0;padding:0;flex-shrink:0;display:flex;flex-direction:column;gap:8px;border:none;background:transparent;border-radius:12px;color:inherit;font:inherit;text-align:left;width:auto}.wi-action-row{display:flex;align-items:flex-start;gap:8px;width:auto;margin:24px 24px 0}.wi-action-card{appearance:none;display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:none;border-radius:12px;background:var(--ds-surface-medium, #f5f7fa);color:var(--ds-content-high, rgba(0, 0, 0, .85));font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;text-align:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.wi-action-card:hover:not(:disabled){background:#2e3544!important;color:var(--ds-content-high, rgba(0, 0, 0, .85))}:root[data-ds-theme=light] .wi-action-card:hover:not(:disabled){background:#e4e8ef!important;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-action-card:disabled{cursor:default}.wi-action-card>svg{flex-shrink:0}.wi-action-card:not(:disabled){transition:background-color .15s ease,transform .1s ease}.wi-action-card:active:not(:disabled){transform:scale(.93)}.wi-total-head{display:flex;align-items:center;gap:4px}.wi-total-body{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.wi-total-label{font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65))}.wi-total-eye{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;color:var(--ds-content-low, rgba(0, 0, 0, .4));cursor:pointer;transition:color .15s ease;border-radius:4px}.wi-total-eye:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-total-eye:focus-visible{outline:1px solid var(--wi-texticon-secondary);outline-offset:2px}.wi-total-value{display:flex;align-items:baseline;gap:0;font-family:inherit;font-weight:600;line-height:1.25;color:var(--ds-content-highest, #000000);font-variant-numeric:tabular-nums;min-height:45px;white-space:nowrap}.wi-total-currency,.wi-total-amount,.wi-total-decimal{font-size:36px;color:var(--ds-content-highest, #000000)}.wi-total-lte{margin-right:2px;font-weight:500;font-size:22px;color:var(--wi-texticon-secondary)}.wi-total-mask{letter-spacing:2px;font-size:32px;color:var(--wi-texticon-secondary)}.wi-total-skeleton{border-radius:6px}.wi-scrollable-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 0 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;overscroll-behavior:contain}.wi-drawer-content .wi-scrollable-body{touch-action:pan-y}[data-theme=light] .wi-scrollable-body{scrollbar-color:rgba(0,0,0,.12) transparent}.wi-scrollable-body::-webkit-scrollbar{width:4px}.wi-scrollable-body::-webkit-scrollbar-track{background:transparent}.wi-scrollable-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.wi-scrollable-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] .wi-scrollable-body::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .wi-scrollable-body::-webkit-scrollbar-thumb:hover{background:#0003}.wi-nav-fixed{flex-shrink:0;padding:0 24px}.wi-token-list{display:flex;flex-direction:column;gap:0;padding:8px 0}.wi-token-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 24px;border:none;background:transparent;text-align:left;font-family:inherit;width:100%;box-sizing:border-box}.wi-token-item--button{cursor:pointer;background:var(--ds-surface-default, #ffffff);transition:none}.wi-token-item--button:hover{background:#252b39!important}:root[data-ds-theme=light] .wi-token-item--button:hover{background:#eff3f8!important}button.wi-token-item:focus-visible{outline:2px solid var(--wi-primary);outline-offset:2px;border-radius:4px}.wi-token-left{display:flex;align-items:center;gap:16px;min-width:0}.wi-token-icon-wrap{position:relative;width:40px;height:40px;flex-shrink:0}.wi-token-icon{width:40px;height:40px;border-radius:0;object-fit:contain;opacity:0;transition:opacity .2s ease}.wi-token-icon[data-loaded=true]{opacity:1}.wi-token-chain-badge{position:absolute;right:0;bottom:0;width:14px;height:14px;border-radius:50%;background:var(--wi-surface-bg);box-shadow:0 0 0 1.5px var(--wi-surface-bg);object-fit:contain}.wi-token-info{display:flex;flex-direction:column;min-width:0}.wi-token-name{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.wi-token-price-row{display:flex;align-items:center;gap:8px}.wi-token-price{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4));white-space:nowrap}.wi-token-change{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;white-space:nowrap}.wi-token-change[data-positive=true]{color:var(--ds-system-green-high, #00a0a2)}.wi-token-change[data-positive=false]{color:var(--ds-system-red-high, #a80927)}.wi-token-change[data-zero]{color:var(--ds-content-low, rgba(0, 0, 0, .4))}.wi-token-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.wi-token-balance{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-highest, #000000);white-space:nowrap}.wi-token-value{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4));white-space:nowrap}.wi-sticky-footer{flex-shrink:0}.wi-footer{padding:16px 24px 24px}.wi-builtin-footer{display:flex;flex-direction:column;gap:8px;align-items:stretch}.wi-wallet-disconnect-row{display:flex;justify-content:flex-end;flex-shrink:0;padding:16px 24px;border-top:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.wi-send-toast{position:absolute;left:15px;right:15px;bottom:20px;z-index:2;display:flex;align-items:center;gap:12px;min-height:52px;padding:12px;border-radius:12px;background:var(--ds-surface-inverted, #1e232e);color:var(--ds-content-inverted, #ffffff);box-sizing:border-box;text-decoration:none}.wi-action-toast{position:absolute;left:15px;right:15px;bottom:20px;z-index:3;padding:12px 14px;border-radius:12px;background:var(--ds-surface-inverted, #1e232e);color:var(--ds-content-inverted, #ffffff);font-size:14px;line-height:1.4;text-align:center;box-sizing:border-box;animation:wi-action-toast-in .18s ease-out}.wi-popover-content:has(.wi-wallet-disconnect-row) .wi-action-toast,.wi-drawer-content:has(.wi-wallet-disconnect-row) .wi-action-toast{bottom:72px}@keyframes wi-action-toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.wi-action-card--dimmed{opacity:.4;cursor:pointer}.wi-action-card--dimmed:hover{opacity:.5}.wi-popover-content:has(.wi-wallet-disconnect-row) .wi-send-toast,.wi-drawer-content:has(.wi-wallet-disconnect-row) .wi-send-toast{bottom:72px}.wi-send-toast:hover{opacity:.92}.wi-send-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--ds-accent-primary-default, #00b4b7)}.wi-send-toast-spinner{width:18px;height:18px;border:2px solid rgba(0,232,201,.22);border-top-color:var(--ds-accent-primary-on-inverted, #00e8c9);border-radius:50%;animation:wi-send-toast-spin .8s linear infinite}.wi-send-toast-error-dot{width:18px;height:18px;border-radius:50%;background:var(--ds-system-red-default, #ff3358)}@keyframes wi-send-toast-spin{to{transform:rotate(360deg)}}.wi-send-toast-copy{display:flex;min-width:0;flex-direction:column}.wi-send-toast-title{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-inverted, #ffffff)}.wi-send-toast-desc{font-family:inherit;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-accent-primary-on-inverted, #00e8c9)}.wi-send-toast-icon[data-status=error]+.wi-send-toast-copy .wi-send-toast-desc{color:var(--ds-system-red-default, #ff3358)}.wi-disconnect-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:16px;padding:0;border:none;background:transparent;color:var(--ds-content-low, rgba(0, 0, 0, .4));font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;cursor:pointer;transition:color .15s ease}.wi-disconnect-btn:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-disconnect-label{white-space:nowrap}.wi-legal-links{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;flex-shrink:0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4))}.wi-receive-avatar .wi-avatar-fallback{position:absolute;inset:0;border-radius:50%;z-index:0}.wi-receive-avatar .wi-avatar-img{width:24px;height:24px}.wi-legal-link{color:var(--ds-content-low, rgba(0, 0, 0, .4));text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.wi-legal-link:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-legal-sep{color:inherit}.wi-empty{display:flex;align-items:center;justify-content:center;padding:32px 0;font-family:inherit;font-size:16px;color:var(--wi-texticon-secondary)}.wi-skeleton-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.wi-skeleton-left{display:flex;align-items:center;gap:12px}.wi-skeleton-block{border-radius:6px;background:var(--wi-border-default);position:relative;overflow:hidden}.wi-skeleton-block:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);animation:wi-shimmer 1.5s ease-in-out infinite}[data-theme=light] .wi-skeleton-block:after{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 50%,transparent 100%)}.wi-skeleton-icon{width:32px;height:32px;border-radius:50%;flex-shrink:0}.wi-skeleton-lines{display:flex;flex-direction:column;gap:6px}.wi-skeleton-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.wi-header-back{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--ds-content-low, rgba(0, 0, 0, .4));flex-shrink:0;transition:color .15s ease}.wi-header-back:hover{color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-view-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.wi-popover-content[data-view=qr] .wi-view-container,.wi-drawer-content[data-view=qr] .wi-view-container{flex:1;min-height:0}.wi-view-inner{display:flex;flex-direction:column;flex:1;min-height:0}.wi-view-wallet{animation:wi-slide-in-left .25s ease-out}.wi-view-qr,.wi-view-portfolio{animation:wi-slide-in-right .25s ease-out}.wi-qr-body{flex:1;min-height:0;display:flex;flex-direction:column}.wi-portfolio-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.wi-portfolio-body>.wp-embed{flex:1;min-height:0}.wi-portfolio-body .wp-body-inner{padding:16px 16px 32px;gap:32px}.wi-receive-section{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px}.wi-receive-account{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:0;background:var(--ds-surface-high, #edf1f2);border-radius:9999px;font-family:inherit;color:inherit}.wi-receive-account--btn{cursor:pointer;transition:none}.wi-receive-account--btn:hover{background:#2e3544}:root[data-ds-theme=light] .wi-receive-account--btn:hover{background:#e4e8ef}.wi-receive-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.wi-receive-account-name{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.wi-receive-account>svg{color:var(--ds-content-medium, rgba(0, 0, 0, .65));flex-shrink:0}.wi-receive-chevron{display:inline-flex;align-items:center;color:var(--ds-content-medium, rgba(0, 0, 0, .65));flex-shrink:0;transition:transform .2s ease}.wi-receive-chevron[data-open=true]{transform:rotate(180deg)}.wi-qr-block{display:flex;flex-direction:column;align-items:center;gap:16px}.wi-qr-box{position:relative;display:flex;align-items:center;justify-content:center;padding:10px;background:#fff;border-radius:6px;overflow:hidden}.wi-qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.wi-qr-address{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65));text-align:center;word-break:break-all;max-width:281px;margin:0}.wi-qr-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;border:1px solid var(--ds-border-default, rgba(0, 0, 0, .07));background:var(--ds-surface-default, #ffffff);border-radius:12px;cursor:pointer;transition:border-color .15s ease}.wi-qr-copy-btn:hover{border-color:var(--ds-border-medium, rgba(0, 0, 0, .18))}.wi-qr-copy-icon{display:inline-flex;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wi-qr-copy-text{font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.wi-receive-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:16px 24px;border-top:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.wi-drawer-content .wi-header{padding:16px}.wi-drawer-content .wi-header--receive .wi-header-action,.wi-drawer-content .wi-header--sub-account .wi-header-action{top:16px;right:16px}.wi-drawer-content .wi-total-section,.wi-drawer-content .wi-action-row{margin:16px 16px 0}.wi-drawer-content .wi-nav-fixed{padding:0 16px}.wi-drawer-content .wi-token-item{padding:12px 16px}.wi-drawer-content .wi-wallet-disconnect-row{padding:16px}
|
|
14
|
+
`);_(`.wi-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
|
|
15
|
+
`);import{jsx as Sr}from"react/jsx-runtime";var $d="https://terms.crosstoken.io/docs/cross-terms-of-use",jd="https://terms.crosstoken.io/docs/nexus-privacy-policy";function Vd({env:e,theme:t="dark",mobileBreakpoint:n=768,drawerDirection:o,modal:r,showBalance:a=!1,showForgeToken:i=!1,showGameToken:s=!0,showQR:c=!0,showBridge:l=!0,qrLogoSrc:d,walletAddress:f,accountName:h,sendAccounts:m,profileImageUrl:y,connectorId:x,connectorName:w,connectorIconUrl:v,preferredTokens:B=[],onSelectWallet:u,onCopyAddress:E,onBuy:C,onBuyDisabledMessage:A,onDisconnect:M,disconnectLabel:Z="Disconnect",termsUrl:W=$d,termsLabel:G="Terms of Service",privacyUrl:q=jd,privacyLabel:O="Privacy Policy",open:ie,onOpenChange:ue,showPortfolio:te=!1,portfolioTitle:ae="My Portfolio",showTotalAssets:De=!0,totalAssetsLabel:se="Total Assets USD",sendTransaction:K,getTransactionReceipt:le,estimateGas:J,onOutlink:U,lpBalanceReader:He,stakingRewardsReader:pe,bridgeTokens:Ie,bridgeHistory:Le,getBridgeQuote:it,getBridgeToTokens:we,getBridgeApproval:Ft,approveBridge:_e,submitBridge:bt,onReceive:Lt,onBridge:ce,onSend:me,style:Qe,children:xe}){let ge=Pe(e),he=x?Zn[x]:void 0,Mt=w??he?.name,Ge=v??he?.iconUrl,at=sn(`(max-width: ${n}px)`),ve=o??(a?"right":"bottom"),wt=ve==="left"||ve==="right",xt=r??!1,Ee=ie!==void 0,[st,Ye]=Me.useState(!1),ne=Ee?ie:st,Ze=Me.useCallback(Oe=>{Ee||Ye(Oe),ue?.(Oe)},[Ee,ue]),ye=Me.useCallback(()=>Ze(!1),[Ze]),[vt,Ue]=Me.useState(null),[yt,kt]=Me.useState("top"),[Et,_t]=Me.useState(null),[lt,S]=Me.useState("wallet"),[$,ee]=Me.useState(null);Me.useEffect(()=>{ne||(S("wallet"),ee(null))},[ne]);let ke=Me.useCallback(()=>{er(f),M?.()},[M,f]),At=Me.useMemo(()=>({env:ge,theme:t,isMobile:at,open:ne,drawerDirection:ve,modal:xt,showBalance:a,showForgeToken:i,showGameToken:s,showQR:c,showBridge:l,qrLogoSrc:d,walletAddress:f,accountName:h,sendAccounts:m,profileImageUrl:y,connectorName:Mt,connectorIconUrl:Ge,preferredTokens:B,close:ye,onSelectWallet:u,onCopyAddress:E,onBuy:C,onBuyDisabledMessage:A,onDisconnect:M?ke:void 0,disconnectLabel:Z,termsUrl:W,termsLabel:G,privacyUrl:q,privacyLabel:O,portalStyle:Qe,navContent:vt,navPosition:yt,setNavContent:Ue,setNavPosition:kt,footerContent:Et,setFooterContent:_t,view:lt,setView:S,selectedSendToken:$,setSelectedSendToken:ee,showPortfolio:te,portfolioTitle:ae,showTotalAssets:De,totalAssetsLabel:se,sendTransaction:K,getTransactionReceipt:le,estimateGas:J,onOutlink:U,lpBalanceReader:He,stakingRewardsReader:pe,bridgeTokens:Ie,bridgeHistory:Le,getBridgeQuote:it,getBridgeToTokens:we,getBridgeApproval:Ft,approveBridge:_e,submitBridge:bt,onReceive:Lt,onBridge:ce,onSend:me}),[ge,t,at,ne,ve,xt,a,i,s,c,l,d,f,h,m,y,Mt,Ge,B,ye,u,E,C,A,M,ke,Z,W,G,q,O,Qe,vt,yt,Et,lt,$,te,ae,De,se,K,le,J,U,He,pe,Ie,Le,it,we,Ft,_e,bt,Lt,ce,me]);return Sr(Vo.Provider,{value:At,children:at?Sr(Ud.Root,{direction:ve,open:ne,onOpenChange:Ze,handleOnly:wt,noBodyStyles:!0,repositionInputs:!1,children:xe},"drawer"):Sr(us.Root,{open:ne,onOpenChange:Ze,children:xe},"popover")})}var vn=Object.assign(Vd,{Trigger:Vi,Content:ls,Nav:ds,Footer:fs});import*as It from"react";import*as Es from"@radix-ui/react-dialog";import{Drawer as ep}from"vaul";import{createContext as qd,useContext as Kd}from"react";var Co=qd(null);function Fn(){let e=Kd(Co);if(!e)throw new Error("WalletConnectModal compound components must be used within <WalletConnectModal>");return e}import{useState as ms,useEffect as Qd,useCallback as Yd}from"react";function Ro(){let[e,t]=ms([]),[n,o]=ms(!0);Qd(()=>{if(typeof window>"u"){o(!1);return}let a=[],i=c=>{let{info:l}=c.detail;l?.rdns&&!a.some(d=>d.rdns===l.rdns)&&(a.push({rdns:l.rdns,name:l.name,icon:l.icon}),t([...a]))};window.addEventListener("eip6963:announceProvider",i),window.addEventListener("eip6963:crossAnnounceProvider",i),window.dispatchEvent(new Event("eip6963:requestProvider")),window.dispatchEvent(new Event("eip6963:crossRequestProvider"));let s=setTimeout(()=>o(!1),500);return()=>{window.removeEventListener("eip6963:announceProvider",i),window.removeEventListener("eip6963:crossAnnounceProvider",i),clearTimeout(s)}},[]);let r=Yd(a=>e.some(i=>i.rdns===a),[e]);return{wallets:e,isDetected:r,isLoading:n}}import*as hs from"@radix-ui/react-dialog";import{Drawer as Zd}from"vaul";import{jsx as gs}from"react/jsx-runtime";function bs({asChild:e,children:t}){let{isMobile:n}=Fn(),o=n?Zd.Trigger:hs.Trigger;return gs(o,{asChild:e??t!=null,children:t??gs("button",{type:"button",children:"Connect Wallet"})})}import*as Tt from"@radix-ui/react-dialog";import{Drawer as To}from"vaul";import{jsx as D,jsxs as Kt}from"react/jsx-runtime";function No(){return Kt("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[D("circle",{cx:"20",cy:"20",r:"20",fill:"#00D5AA"}),D("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.3225 2.85742L23.7249 6.25982V11.8301L28.1175 7.43757L32.9292 12.2493L28.5806 16.5979H20.3225C18.4435 16.5979 16.9201 18.1212 16.9201 20.0003C16.9201 21.8794 18.4434 23.4027 20.3225 23.4027H28.5372L32.9293 27.7948L28.1176 32.6066L23.7249 28.2139V33.7407L20.3225 37.1431L16.9201 33.7407V28.2584L12.5719 32.6066L7.76022 27.7948L12.1524 23.4027H6.58209L3.17969 20.0003L6.58209 16.5979H12.1089L7.76035 12.2493L12.5721 7.43757L16.9201 11.7857V6.25982L20.3225 2.85742Z",fill:"black"})]})}function ws(){return Kt("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",children:[Kt("g",{clipPath:"url(#clip0_1331_27065)",children:[D("path",{d:"M37.2488 38.4674L28.6626 35.8175L22.1876 39.8295L17.6699 39.8274L11.191 35.8175L2.60875 38.4674L-0.00195312 29.3328L2.60875 19.1947L-0.00195312 10.6234L2.60875 0L16.0192 8.30453H23.838L37.2488 0L39.8595 10.6234L37.2488 19.1947L39.8595 29.3328L37.2488 38.4674Z",fill:"#FF5C16"}),D("path",{d:"M2.60938 0L16.0201 8.31037L15.4868 14.0137L2.60938 0ZM11.1919 29.3366L17.0925 33.9956L11.1919 35.8175V29.3366ZM16.6209 21.6342L15.4868 14.0175L8.22768 19.1971L8.22374 19.195V19.1988L8.24628 24.5302L11.1899 21.6345L16.6209 21.6342ZM37.2477 0L23.837 8.31037L24.3685 14.0137L37.2477 0ZM28.6654 29.3366L22.7646 33.9956L28.6654 35.8175V29.3366ZM31.6313 19.1985V19.1947L31.6297 19.1968L24.3705 14.0175L23.2364 21.6342H28.6651L31.6108 24.5296L31.6313 19.1985Z",fill:"#FF5C16"}),D("path",{d:"M11.191 35.8175L2.60875 38.4674L-0.00195312 29.3366H11.191V35.8175ZM16.62 21.6321L18.2595 32.6435L15.9873 26.5208L8.24368 24.5296L11.189 21.6324H16.62V21.6321ZM28.6662 35.8175L37.2488 38.4674L39.8595 29.3366H28.6662V35.8175ZM23.2375 21.6321L21.598 32.6435L23.8699 26.5208L31.6138 24.5296L28.6665 21.6324H23.2375V21.6321Z",fill:"#E34807"}),D("path",{d:"M-0.00195312 29.3328L2.60875 19.1947H8.22284L8.2434 24.5278L15.9876 26.519L18.2595 32.6414L17.0916 33.9897L11.191 29.3307H-0.00195312V29.3328ZM39.8595 29.3328L37.2488 19.1947H31.6344L31.6138 24.5278L23.8702 26.519L21.598 32.6414L22.7657 33.9897L28.6665 29.3307H39.8595V29.3328ZM23.838 8.30444H16.0192L15.4882 14.0078L18.2597 32.6355H21.598L24.3713 14.0078L23.838 8.30444Z",fill:"#FF8D5D"}),D("path",{d:"M2.60875 0L-0.00195312 10.6234L2.60875 19.1947H8.22284L15.4859 14.0137L2.60875 0ZM14.9975 23.8438H12.4541L11.0693 25.2508L15.9893 26.515L14.9975 23.842V23.8438ZM37.2488 0L39.8595 10.6234L37.2488 19.1947H31.6344L24.3716 14.0137L37.2488 0ZM24.8637 23.8438H27.4107L28.7955 25.2526L23.8699 26.5191L24.8637 23.8418V23.8438ZM22.1857 36.1956L22.7659 33.9936L21.598 32.6453H18.2572L17.0896 33.9936L17.6696 36.1956",fill:"#661800"}),D("path",{d:"M22.1857 36.1951V39.831H17.6699V36.1951H22.1857Z",fill:"#C0C4CD"}),D("path",{d:"M11.1914 35.8131L17.672 39.8289V36.193L17.0917 33.9912L11.1914 35.8131ZM28.6649 35.8131L22.1841 39.8289V36.193L22.7644 33.9912L28.6649 35.8131Z",fill:"#E7EBF6"})]}),D("defs",{children:D("clipPath",{id:"clip0_1331_27065",children:D("rect",{width:"40",height:"40",fill:"white"})})})]})}function xs(){return Kt("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[D("path",{d:"M12.23 16.81L20 9.04L27.77 16.81L32.29 12.29L20 0L7.71 12.29L12.23 16.81Z",fill:"#F3BA2F"}),D("path",{d:"M9.04 20L4.52 15.48L0 20L4.52 24.52L9.04 20Z",fill:"#F3BA2F"}),D("path",{d:"M12.23 23.19L20 30.96L27.77 23.19L32.29 27.71L20 40L7.71 27.71L12.23 23.19Z",fill:"#F3BA2F"}),D("path",{d:"M35.48 24.52L40 20L35.48 15.48L30.96 20L35.48 24.52Z",fill:"#F3BA2F"}),D("path",{d:"M24.58 20L20 15.41L16.61 18.8L16.22 19.19L15.42 19.99L20 24.59L24.59 20L24.58 20Z",fill:"#F3BA2F"})]})}function vs(){return Kt("svg",{xmlns:"http://www.w3.org/2000/svg",width:"247",height:"246",viewBox:"0 0 247 246",fill:"none",children:[D("rect",{width:"247.005",height:"245.105",rx:"36",fill:"#121212"}),D("path",{d:"M89.1233 136.695V59.7551H118.481V140.524L74.5862 184.774L30.4787 140.524V107.55H59.9073V136.695L74.5862 151.303L89.1233 136.695Z",fill:"white"}),D("path",{d:"M59.8364 99.8915V59.7551H12.0414L30.4787 77.8377V99.8915H59.8364Z",fill:"#2FD7FF"}),D("path",{d:"M199.534 59.9334C202.562 60.0484 208.427 60.4824 212.031 63.6902C215.635 66.898 216.937 71.0498 216.937 73.1199V104.017L198.767 114.828L216.937 125.561V172.713C216.937 174.511 216.405 178.276 211.034 181.377C205.664 184.477 202.613 184.969 201.758 184.827H143.949C141.879 184.904 136.712 184.182 132.602 180.686C128.493 177.19 128.462 175.216 128.462 173.515V125.561L146.173 114.828L128.462 104.017V71.1268C128.462 69.721 130.109 65.7781 133.237 63.5701C137.147 60.8101 141.112 59.9334 144.409 59.9334H199.534ZM158.3 122.264V166.221H187.033V122.264H158.3ZM158.3 107.794H187.033V78.5272H158.3V107.794Z",fill:"white"})]})}function ys(){return Kt("svg",{width:"40",height:"40",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Kt("g",{clipPath:"url(#clip0_1185_7785)",children:[D("path",{d:"M14 28C21.75 28 28 21.75 28 14C28 6.25 21.75 0 14 0C6.25 0 0 6.25 0 14C0 21.75 6.25 28 14 28Z",fill:"#EB0029"}),D("path",{d:"M19.4975 8.36232L6 6L13.103 23L23 11.5311L19.4975 8.36232ZM19.2801 9.4034L21.3449 11.27L15.6975 12.2424L19.2801 9.4034ZM14.4714 12.0479L8.51876 7.35252L18.247 9.05524L14.4714 12.0479ZM14.0467 12.8782L13.0765 20.5098L7.84385 7.98492L14.0467 12.8782ZM14.9454 13.2835L21.1983 12.2064L14.026 20.518L14.9454 13.2835Z",fill:"white"})]}),D("defs",{children:D("clipPath",{id:"clip0_1185_7785",children:D("rect",{width:"28",height:"28",fill:"white"})})})]})}function ks(){return Kt("svg",{width:"40",height:"40",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:[D("path",{fill:"#FFC107",d:"M43.6 20.5H42V20H24v8h11.3A12 12 0 1 1 24 12c3 0 5.8 1.2 7.9 3l5.7-5.7A20 20 0 1 0 44 24c0-1.2-.1-2.4-.4-3.5z"}),D("path",{fill:"#FF3D00",d:"M6.3 14.7l6.6 4.8A12 12 0 0 1 24 12c3 0 5.8 1.2 7.9 3l5.7-5.7A20 20 0 0 0 6.3 14.7z"}),D("path",{fill:"#4CAF50",d:"M24 44c5.2 0 10-2 13.6-5.2l-6.3-5.3A12 12 0 0 1 12.7 28l-6.5 5A20 20 0 0 0 24 44z"}),D("path",{fill:"#1976D2",d:"M43.6 20.5H42V20H24v8h11.3a12 12 0 0 1-4.1 5.5l6.3 5.3C41 35.7 44 30.3 44 24c0-1.2-.1-2.4-.4-3.5z"})]})}function Ss(){return D("svg",{width:"40",height:"40",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:D("path",{d:"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.53 4.08zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"})})}function Cs(){return D("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:D("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}var Cr={cross_embedded:{id:"cross_embedded",name:"CROSSx with Social",description:"Sign in with Google or Apple",icon:No},cross_wallet:{id:"cross_wallet",name:"CROSSx",description:"App approval is required",icon:No,featured:!0},cross_extension:{id:"cross_extension",name:"CROSSx Extension",description:"Browser extension approval is required",icon:No,rdns:"nexus.to.crosswallet.desktop",installUrl:"https://chromewebstore.google.com/detail/crossx/nninbdadmocnokibpaaohnoepbnpdgcg",visibility:"desktop-only"},metamask:{id:"metamask",name:"MetaMask",description:"Browser extension approval is required",icon:ws,rdns:"io.metamask"},binance:{id:"binance",name:"Binance",description:"Mobile app only \u2014 Add CROSS network first",icon:xs},verse8:{id:"verse8",name:"Verse8 Wallet",description:"Optimized for Forge and Verse8 ecosystem",icon:vs,badge:"For Forge"},tron:{id:"tron",name:"Tron Wallet",description:"Dedicated for Tron-based transactions and assets",icon:ys,badge:"For SHOP"}};function Rr(e){return Cr[e]}var Nr={google:{id:"google",name:"Google",icon:ks},apple:{id:"apple",name:"Apple",icon:Ss}};function Rs(e){return Nr[e]}import{Fragment as Is,jsx as z,jsxs as Te}from"react/jsx-runtime";function Xd({wallet:e,detected:t,onConnect:n}){let o=()=>{if(e.installUrl&&!t){window.open(e.installUrl,"_blank","noopener,noreferrer");return}n()},r=e.icon,a=e.featured===!0;return Te("button",{type:"button",className:X("wcm-wallet-item",a&&"wcm-wallet-item--featured"),onClick:o,children:[Te("div",{className:"wcm-wallet-item-left",children:[z("div",{className:"wcm-wallet-icon",children:z(r,{})}),Te("div",{className:"wcm-wallet-name-row",children:[z("span",{className:"wcm-wallet-name",children:e.name}),e.badge&&z("span",{className:"wcm-wallet-badge",children:e.badge})]})]}),e.installUrl&&(t?z("span",{className:"wcm-installed-label",children:"Installed"}):z("span",{className:"wcm-install-btn",children:"Install"}))]})}function Jd({social:e,onSignIn:t}){let n=e.icon,o=`Sign in with ${e.name}`;return Te("button",{type:"button",className:"wcm-social-item","data-provider":e.id,onClick:t,"aria-label":o,children:[z("span",{className:"wcm-social-icon",children:z(n,{})}),z("span",{className:"wcm-social-name",children:o})]})}function Ns(){let{wallets:e,activeWalletIds:t,socialProviders:n,activeSocialIds:o,termsUrl:r,privacyUrl:a,isDetected:i,close:s,isMobile:c}=Fn(),l=t.filter(h=>{let m=Rr(h).visibility;return!m||m==="always"?!0:m==="desktop-only"?!c:m==="mobile-only"?c:!0}),d=o.length>0,f=l.length>0;return Te(Is,{children:[Te("div",{className:"wcm-header",children:[Te("div",{className:"wcm-header-text",children:[z("h2",{className:"wcm-title",children:"CROSS Wallet"}),!c&&z("p",{className:"wcm-subtitle",children:"Sign in instantly with your social account"})]}),z("button",{type:"button",className:"wcm-close-btn",onClick:s,"aria-label":"Close",children:z(Cs,{})})]}),Te("div",{className:"wcm-body",children:[d&&Te(Is,{children:[!c&&Te("div",{className:"wcm-section-header",children:[z("span",{className:"wcm-section-title",children:"Social Account Wallet Connect"}),z("span",{className:"wcm-recommended-badge",children:"Recommended"})]}),z("div",{className:"wcm-social-grid",children:o.map(h=>{let m=Rs(h);return z(Jd,{social:m,onSignIn:()=>{n[h]?.(),s()}},h)})}),f&&Te("div",{className:"wcm-separator",children:[z("div",{className:"wcm-separator-line"}),z("span",{className:"wcm-separator-text",children:"Other Wallets"}),z("div",{className:"wcm-separator-line"})]})]}),f&&z("div",{className:"wcm-wallet-list",children:l.map(h=>{let m=Rr(h),y=m.rdns?i(m.rdns):!1;return z(Xd,{wallet:m,detected:y,onConnect:()=>{e[h]?.(),s()}},h)})}),Te("p",{className:"wcm-terms",children:["By continuing, you agree to NEXUS"," ",z(Ts,{href:r,children:"Terms of Service"})," and consent to its ",z(Ts,{href:a,children:"Privacy Policy"}),"."]})]})]})}function Ts({href:e,children:t}){return e?z("a",{className:"wcm-terms-link",href:e,target:"_blank",rel:"noopener noreferrer",children:t}):z("span",{className:"wcm-terms-link",children:t})}function Ls({className:e}){let{isMobile:t,theme:n,portalStyle:o}=Fn();return t?Te(To.Portal,{children:[z(To.Overlay,{className:"wcm-overlay"}),Te(To.Content,{className:X("wcm-drawer-content",e),"data-theme":n,style:o,children:[z(To.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),z("div",{className:"wcm-drawer-handle"}),z("div",{className:"wcm-drawer-body",children:z(Ns,{})})]})]}):Te(Tt.Portal,{children:[z(Tt.Overlay,{className:"wcm-overlay"}),Te(Tt.Content,{className:X("wcm-dialog-content",e),"data-theme":n,style:o,children:[z(Tt.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),z(Tt.Description,{className:"wcm-sr-only",children:"Sign in with a social provider or pick a wallet to connect."}),z("div",{className:"wcm-dialog-body",children:z(Ns,{})})]})]})}_(`.wcm-overlay{position:fixed;inset:0;z-index:100000;background:var(--ds-overlay-dim, rgba(0, 0, 0, .5));-webkit-backdrop-filter:var(--ds-bg-blur-7, blur(3.5px));backdrop-filter:var(--ds-bg-blur-7, blur(3.5px))}.wcm-dialog-content{-webkit-font-smoothing:antialiased;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100001;width:var(--wcm-dialog-width, 480px);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;background:var(--ds-surface-default, #ffffff);border:1px solid var(--ds-border-default, #00000012);border-radius:24px;box-shadow:var(--ds-shadow-modal, 0 4px 30px -1px rgba(0, 0, 0, .15));outline:none;animation:wcm-dialog-show .2s ease-out;font-family:inherit}.wcm-dialog-content[data-state=closed]{animation:wcm-dialog-hide .15s ease-in}.wcm-dialog-body,.wcm-drawer-body{scrollbar-width:thin;scrollbar-color:var(--ds-border-medium, rgba(0, 0, 0, .18)) transparent}.wcm-dialog-body::-webkit-scrollbar,.wcm-drawer-body::-webkit-scrollbar{width:4px}.wcm-dialog-body::-webkit-scrollbar-track,.wcm-drawer-body::-webkit-scrollbar-track{background:transparent}.wcm-dialog-body::-webkit-scrollbar-thumb,.wcm-drawer-body::-webkit-scrollbar-thumb{background:var(--ds-border-medium, rgba(0, 0, 0, .18));border-radius:4px}.wcm-drawer-content{-webkit-font-smoothing:antialiased;position:fixed;bottom:0;left:0;right:0;z-index:100001;width:100%;max-width:var(--wcm-drawer-max-width, none);min-width:var(--wcm-drawer-min-width, 0);max-height:85dvh;margin:0 auto;display:flex;flex-direction:column;background:var(--ds-surface-default, #ffffff);border:1px solid var(--ds-border-default, #00000012);border-top-left-radius:16px;border-top-right-radius:16px;outline:none;font-family:inherit;box-sizing:border-box}.wcm-drawer-content[data-vaul-drawer-direction=right]{inset:0 0 0 auto;max-height:100vh;width:var(--wcm-drawer-max-width, 400px);max-width:100vw;border-radius:16px 0 0 16px}.wcm-drawer-content[data-vaul-drawer-direction=left]{inset:0 auto 0 0;max-height:100vh;width:var(--wcm-drawer-max-width, 400px);max-width:100vw;border-radius:0 16px 16px 0}.wcm-drawer-content[data-vaul-drawer-direction=top]{inset:0 0 auto;border-radius:0 0 16px 16px}.wcm-drawer-handle{width:60px;height:4px;border-radius:999px;background:var(--ds-border-medium, rgba(0, 0, 0, .18));margin:12px auto 8px;flex-shrink:0}.wcm-drawer-content[data-vaul-drawer-direction=left] .wcm-drawer-handle,.wcm-drawer-content[data-vaul-drawer-direction=right] .wcm-drawer-handle{display:none}.wcm-dialog-body,.wcm-drawer-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.wcm-drawer-body{overscroll-behavior:contain}.wcm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px;border-bottom:1px solid var(--ds-border-default, rgba(0, 0, 0, .07))}.wcm-header-text{display:flex;flex-direction:column;gap:4px;min-width:0}.wcm-title{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:1.25;letter-spacing:0;color:var(--ds-content-highest, #000000);margin:0}.wcm-subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65));margin:0}.wcm-close-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:none;background:transparent;color:var(--ds-content-low, #00000066);cursor:pointer;padding:0;transition:opacity .15s ease}.wcm-close-btn:hover{opacity:.6}.wcm-close-btn>svg{width:24px;height:24px}.wcm-divider{display:none}.wcm-body{display:flex;flex-direction:column;gap:16px;padding:24px}.wcm-section-header{display:flex;align-items:center;gap:8px;width:100%}.wcm-section-title{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:1;letter-spacing:0;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wcm-recommended-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--ds-accent-primary-low, #e7f9f8);border-radius:9999px;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:0;color:var(--ds-accent-primary-high, #00a0a2);white-space:nowrap}.wcm-social-grid{display:grid;gap:8px;width:100%}.wcm-dialog-body .wcm-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wcm-drawer-body .wcm-social-grid{grid-template-columns:1fr}.wcm-social-item{display:flex;background:var(--ds-surface-medium, #f5f7fa);border:none;border-radius:12px;cursor:pointer;transition:none;font-family:inherit;color:var(--ds-content-high, rgba(0, 0, 0, .85))}.wcm-social-item:hover{background:#2e3544!important}:root[data-ds-theme=light] .wcm-social-item:hover{background:#eff3f8!important}.wcm-social-item[data-provider=apple] .wcm-social-icon{color:#000}[data-theme=dark] .wcm-social-item[data-provider=apple] .wcm-social-icon{color:#fff}.wcm-dialog-body .wcm-social-item{flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}.wcm-drawer-body .wcm-social-item{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:16px}.wcm-social-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.wcm-social-icon>svg{width:32px;height:32px}.wcm-social-name{font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.wcm-separator{display:flex;align-items:center;gap:12px;width:100%}.wcm-separator-line{flex:1;height:1px;background:var(--ds-border-default, rgba(0, 0, 0, .07))}.wcm-separator-text{font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-low, rgba(0, 0, 0, .4));white-space:nowrap}.wcm-wallet-list{display:flex;flex-direction:column;gap:8px}.wcm-wallet-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:20px 16px;background:var(--ds-surface-medium, #f5f7fa);border:none;border-radius:12px;cursor:pointer;text-align:left;transition:none;font-family:inherit}.wcm-wallet-item:hover{background:#2e3544!important}:root[data-ds-theme=light] .wcm-wallet-item:hover{background:#eff3f8!important}.wcm-wallet-item-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.wcm-wallet-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.wcm-wallet-icon>svg,.wcm-wallet-icon>img{width:28px;height:28px;border-radius:0;object-fit:cover}.wcm-wallet-name-row{display:flex;align-items:center;gap:8px;min-width:0}.wcm-wallet-name{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-high, rgba(0, 0, 0, .85));white-space:nowrap}.wcm-wallet-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--ds-system-purple-low, #f5f3ff);border:.5px solid var(--ds-system-purple-default, #7e54f4);border-radius:9999px;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:0;color:var(--ds-system-purple-high, #7346f3);white-space:nowrap}.wcm-install-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--ds-accent-primary-default, #00b4b7);border-radius:6px;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:0;color:var(--ds-accent-primary-on, #ffffff);white-space:nowrap}.wcm-installed-label{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:0;color:var(--ds-content-low, rgba(0, 0, 0, .4));white-space:nowrap}.wcm-terms{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.5;letter-spacing:-.01em;color:var(--ds-content-medium, rgba(0, 0, 0, .65));text-align:center;margin:0}.wcm-terms-link{color:var(--ds-accent-primary-high, #00a0a2);text-decoration:none}.wcm-terms-link:hover{text-decoration:underline}.wcm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
|
|
16
|
+
`);_(`@keyframes wcm-overlay-show{0%{opacity:0}to{opacity:1}}@keyframes wcm-overlay-hide{0%{opacity:1}to{opacity:0}}@keyframes wcm-dialog-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes wcm-dialog-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.96)}}
|
|
17
|
+
`);import{jsx as Mn}from"react/jsx-runtime";var tp={};function np({wallets:e,socialProviders:t=tp,termsUrl:n,privacyUrl:o,theme:r="dark",mobileBreakpoint:a=768,drawerDirection:i="bottom",dialogWidth:s,drawerMaxWidth:c,drawerMinWidth:l,style:d,open:f,onOpenChange:h,children:m}){let y=sn(`(max-width: ${a}px)`),[x,w]=It.useState(!1),v=f!==void 0,B=v?f:x,u=It.useCallback(q=>{v||w(q),h?.(q)},[v,h]),E=It.useCallback(()=>u(!1),[u]),{isDetected:C}=Ro(),A=It.useMemo(()=>Object.keys(e),[e]),M=It.useMemo(()=>Object.keys(t),[t]),Z=It.useMemo(()=>{let q={};return s&&(q["--wcm-dialog-width"]=s),c&&(q["--wcm-drawer-max-width"]=c),l&&(q["--wcm-drawer-min-width"]=l),{...q,...d}},[s,c,l,d]),W=It.useMemo(()=>({theme:r,isMobile:y,open:B,setOpen:u,close:E,wallets:e,activeWalletIds:A,socialProviders:t,activeSocialIds:M,termsUrl:n,privacyUrl:o,isDetected:C,portalStyle:Z}),[r,y,B,u,E,e,A,t,M,n,o,C,Z]),G=Mn("div",{"data-theme":r,style:Z,children:m});return y?Mn(Co.Provider,{value:W,children:Mn(ep.Root,{direction:i,open:B,onOpenChange:u,noBodyStyles:!0,children:G},"drawer")}):Mn(Co.Provider,{value:W,children:Mn(Es.Root,{open:B,onOpenChange:u,children:G})})}var As=Object.assign(np,{Trigger:bs,Content:Ls});_(`.cb-button{--cb-bg: var(--ds-accent-primary-default, #00b4b7);--cb-bg-hover: var(--cb-bg);--cb-color: var(--ds-accent-primary-on-primary, #ffffff);--cb-border: none;--cb-radius: 8px;--cb-height: 36px;--cb-padding: 8px 16px;--cb-font-family: Inter, system-ui, -apple-system, sans-serif;--cb-font-size: 14px;--cb-font-weight: 500;--cb-line-height: 1.5;--cb-letter-spacing: -.01em;--cb-gap: 8px;--cb-transition: opacity .15s;--cb-loading-opacity: .7;--cb-press-scale: .95;--cb-icon-size: 18px;--cb-spinner-size: 18px;--cb-spinner-thumb: currentColor;--cb-spinner-track: color-mix(in srgb, currentColor 20%, transparent)}.cb-pill{--cb-pill-bg: var(--ds-surface-default, #ffffff);--cb-pill-bg-hover: var(--cb-pill-bg);--cb-pill-color: var(--ds-content-high, rgba(0, 0, 0, .85));--cb-pill-border: 1px solid var(--ds-border-default, rgba(0, 0, 0, .07));--cb-pill-border-hover: 1px solid var(--ds-border-medium, rgba(0, 0, 0, .18));--cb-pill-radius: 8px;--cb-pill-height: 36px;--cb-pill-padding: 1px 13px;--cb-pill-press-scale: .95;--cb-pill-font-family: Inter, system-ui, -apple-system, sans-serif;--cb-pill-font-size: 14px;--cb-pill-font-weight: 500;--cb-pill-line-height: 1.5;--cb-pill-gap: 8px;--cb-pill-icon-size: 18px;--cb-pill-icon-placeholder-bg: var(--ds-surface-medium, #f5f7fa);--cb-pill-address-font: Inter, system-ui, -apple-system, sans-serif;--cb-pill-address-font-size: 14px;--cb-pill-address-letter-spacing: -.01em}
|
|
18
|
+
`);_(`.cb-button{-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--cb-height);gap:var(--cb-gap);padding:var(--cb-padding);border-radius:var(--cb-radius);border:var(--cb-border);background:var(--cb-bg);color:var(--cb-color);font-family:var(--cb-font-family);font-size:var(--cb-font-size);font-weight:var(--cb-font-weight);line-height:var(--cb-line-height);letter-spacing:var(--cb-letter-spacing);cursor:pointer;transition:var(--cb-transition)}.cb-button:hover:not(:disabled){background:var(--cb-bg-hover)}.cb-button:active:not(:disabled){transform:scale(var(--cb-press-scale))}.cb-button:disabled,.cb-button[aria-busy=true]{cursor:default;opacity:var(--cb-loading-opacity)}.cb-spinner{display:inline-block;width:var(--cb-spinner-size);height:var(--cb-spinner-size);border:2px solid var(--cb-spinner-track);border-top-color:var(--cb-spinner-thumb);border-radius:50%;animation:cb-spin .6s linear infinite;flex-shrink:0}.cb-button-icon{width:var(--cb-icon-size);height:var(--cb-icon-size);flex-shrink:0}.cb-button-label{white-space:nowrap}.cb-pill{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--cb-pill-height);gap:var(--cb-pill-gap);padding:var(--cb-pill-padding);border-radius:var(--cb-pill-radius);border:var(--cb-pill-border);background:var(--cb-pill-bg);color:var(--cb-pill-color);font-family:var(--cb-pill-font-family);font-size:var(--cb-pill-font-size);font-weight:var(--cb-pill-font-weight);line-height:var(--cb-pill-line-height);cursor:pointer}.cb-pill:hover{background:var(--cb-pill-bg-hover)}.cb-pill:active:not(:disabled){transform:scale(var(--cb-pill-press-scale))}.cb-pill-icon{width:var(--cb-pill-icon-size);height:var(--cb-pill-icon-size);border-radius:50%;object-fit:contain;flex-shrink:0;background:transparent}[data-theme=dark] .cb-pill-icon[data-provider=apple]{filter:invert(1)}.cb-pill-icon-placeholder{display:inline-block;width:var(--cb-pill-icon-size);height:var(--cb-pill-icon-size);border-radius:50%;background:var(--cb-pill-icon-placeholder-bg);flex-shrink:0}.cb-pill-address{font-family:var(--cb-pill-address-font);font-size:var(--cb-pill-address-font-size);letter-spacing:var(--cb-pill-address-letter-spacing);white-space:nowrap}@media(max-width:767.98px){.cb-button,.cb-pill{width:36px;min-width:36px;padding:0}.cb-button{height:36px}.cb-button-label,.cb-pill-address{display:none}}@keyframes cb-spin{to{transform:rotate(360deg)}}
|
|
19
|
+
`);var op='<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#c0)"><path d="M18 36C27.9411 36 36 27.9411 36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36Z" fill="#00D5AA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.2903 2.57169L21.3525 5.63385V10.6471L25.3058 6.69381L29.6364 11.0244L25.7226 14.9381H18.2903C16.5992 14.9381 15.2283 16.309 15.2283 18.0003C15.2283 19.6915 16.5992 21.0624 18.2903 21.0624H25.6836L29.6365 25.0154L25.3059 29.3459L21.3525 25.3925V30.3666L18.2903 33.4288L15.2283 30.3666V25.4326L11.3148 29.3459L6.98426 25.0154L10.9372 21.0624H5.92394L2.86178 18.0003L5.92394 14.9381H10.8981L6.98437 11.0244L11.3149 6.69383L15.2283 10.6071V5.63385L18.2903 2.57169Z" fill="#000"/></g><defs><clipPath id="c0"><rect width="36" height="36" fill="#fff"/></clipPath></defs></svg>',rp='<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 28 28" fill="none"><g clip-path="url(#m0)"><path d="M26.07 26.93L20.06 25.07L15.53 27.88L12.37 27.88L7.83 25.07L1.83 26.93L0 20.53L1.83 13.44L0 7.44L1.83 0L11.21 5.81H16.69L26.07 0L27.9 7.44L26.07 13.44L27.9 20.53Z" fill="#FF5C16"/><path d="M7.83 20.54L11.96 23.8L7.83 25.07V20.54Z" fill="#FF5C16"/><path d="M20.06 20.54L15.93 23.8L20.06 25.07L20.06 20.54Z" fill="#FF5C16"/><path d="M11.63 15.14L12.78 22.85L11.19 18.56L5.77 17.17L7.83 15.14H11.63Z" fill="#E34807"/><path d="M16.27 15.14L15.12 22.85L16.71 18.56L22.13 17.17L20.07 15.14H16.27Z" fill="#E34807"/><path d="M0 20.53L1.83 13.44H5.76L5.77 17.17L11.19 18.56L12.78 22.85L11.96 23.79L7.83 20.53H0Z" fill="#FF8D5D"/><path d="M27.9 20.53L26.07 13.44H22.14L22.13 17.17L16.71 18.56L15.12 22.85L15.94 23.79L20.07 20.53H27.9Z" fill="#FF8D5D"/><path d="M16.69 5.81H11.21L10.84 9.81L12.78 22.85H15.12L17.06 9.81L16.69 5.81Z" fill="#FF8D5D"/><path d="M15.53 25.34V27.88H12.37V25.34H15.53Z" fill="#C0C4CD"/><path d="M7.83 25.07L12.37 27.88V25.34L11.96 23.79L7.83 25.07Z" fill="#E7EBF6"/><path d="M20.07 25.07L15.53 27.88V25.34L15.94 23.79L20.07 25.07Z" fill="#E7EBF6"/></g><defs><clipPath id="m0"><rect width="28" height="28" fill="#fff"/></clipPath></defs></svg>',ip='<svg width="100%" height="100%" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.23 16.81L20 9.04L27.77 16.81L32.29 12.29L20 0L7.71 12.29L12.23 16.81Z" fill="#F3BA2F"/><path d="M9.04 20L4.52 15.48L0 20L4.52 24.52L9.04 20Z" fill="#F3BA2F"/><path d="M12.23 23.19L20 30.96L27.77 23.19L32.29 27.71L20 40L7.71 27.71L12.23 23.19Z" fill="#F3BA2F"/><path d="M35.48 24.52L40 20L35.48 15.48L30.96 20L35.48 24.52Z" fill="#F3BA2F"/><path d="M24.58 20L20 15.41L16.61 18.8L16.22 19.19L15.42 19.99L20 24.59L24.59 20L24.58 20Z" fill="#F3BA2F"/></svg>',ap='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#FFC107" d="M43.6 20.5H42V20H24v8h11.3A12 12 0 1 1 24 12c3 0 5.8 1.2 7.9 3l5.7-5.7A20 20 0 1 0 44 24c0-1.2-.1-2.4-.4-3.5z"/><path fill="#FF3D00" d="M6.3 14.7l6.6 4.8A12 12 0 0 1 24 12c3 0 5.8 1.2 7.9 3l5.7-5.7A20 20 0 0 0 6.3 14.7z"/><path fill="#4CAF50" d="M24 44c5.2 0 10-2 13.6-5.2l-6.3-5.3A12 12 0 0 1 12.7 28l-6.5 5A20 20 0 0 0 24 44z"/><path fill="#1976D2" d="M43.6 20.5H42V20H24v8h11.3a12 12 0 0 1-4.1 5.5l6.3 5.3C41 35.7 44 30.3 44 24c0-1.2-.1-2.4-.4-3.5z"/></svg>',sp='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000"><path d="M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.53 4.08zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"/></svg>';function _n(e){return`data:image/svg+xml,${encodeURIComponent(e)}`}var Io=_n(op),Lo=_n(rp),Eo=_n(ip),Ao=_n(ap),Po=_n(sp);import{jsx as rt,jsxs as On}from"react/jsx-runtime";function Bs({isConnecting:e,address:t,provider:n,providerName:o,accountName:r,sendAccounts:a,onConnect:i,onDisconnect:s,onCopy:c,onSelectWallet:l,onBuy:d,onBuyDisabledMessage:f,label:h="Connect Wallet",connectingLabel:m="Connecting...",disconnectLabel:y,className:x,theme:w="dark",env:v,showBalance:B=!0,showPortfolio:u,drawerDirection:E,modal:C,connectorId:A,style:M,walletInfoStyle:Z,sendTransaction:W,getTransactionReceipt:G,estimateGas:q,onReceive:O,onBridge:ie,onSend:ue,bridgeTokens:te,bridgeHistory:ae,getBridgeQuote:De,getBridgeToTokens:se,getBridgeApproval:K,approveBridge:le,submitBridge:J}){let U=x?`cb-button ${x}`:"cb-button",He=x?`cb-pill ${x}`:"cb-pill";if(e)return On("button",{type:"button",disabled:!0,className:U,style:M,"aria-busy":"true",children:[rt("span",{className:"cb-spinner","aria-hidden":"true"}),rt("span",{className:"cb-button-label",children:m})]});if(t){let pe=o??pp(n),Ie=n?cp[n]:void 0;return On(vn,{env:v,theme:w,drawerDirection:E,modal:C,showBalance:B,showPortfolio:u,walletAddress:t,accountName:r,sendAccounts:a,connectorId:A,onSelectWallet:l,onCopyAddress:c?(Le,it)=>{it&&c()}:void 0,onDisconnect:s,disconnectLabel:y,style:Z,sendTransaction:W,getTransactionReceipt:G,estimateGas:q,onReceive:O,onBridge:ie,onBuy:d,onBuyDisabledMessage:f,onSend:ue,bridgeTokens:te,bridgeHistory:ae,getBridgeQuote:De,getBridgeToTokens:se,getBridgeApproval:K,approveBridge:le,submitBridge:J,children:[rt(vn.Trigger,{asChild:!0,children:On("button",{type:"button",className:He,style:M,"aria-label":`Connected with ${pe}: ${Ps(t)}`,children:[Ie?rt("img",{src:Ie,alt:"",width:18,height:18,className:"cb-pill-icon","data-provider":n}):rt("span",{className:"cb-pill-icon-placeholder","aria-hidden":"true"}),rt("span",{className:"cb-pill-address",children:Ps(t)})]})}),rt(vn.Content,{align:"end",sideOffset:8})]})}return On("button",{type:"button",onClick:i,className:U,style:M,"aria-label":typeof h=="string"?h:"Connect Wallet",children:[rt(lp,{}),rt("span",{className:"cb-button-label",children:h})]})}function lp(){return On("svg",{className:"cb-button-icon",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[rt("path",{d:"M3.75 5.25H14.25C15.0784 5.25 15.75 5.92157 15.75 6.75V13.5C15.75 14.3284 15.0784 15 14.25 15H3.75C2.92157 15 2.25 14.3284 2.25 13.5V4.5C2.25 3.67157 2.92157 3 3.75 3H13.5",stroke:"currentColor",strokeWidth:"1.35",strokeLinecap:"round",strokeLinejoin:"round"}),rt("path",{d:"M12 9.75H15.75V12.75H12C11.1716 12.75 10.5 12.0784 10.5 11.25C10.5 10.4216 11.1716 9.75 12 9.75Z",stroke:"currentColor",strokeWidth:"1.35",strokeLinecap:"round",strokeLinejoin:"round"}),rt("path",{d:"M12.75 11.25H12.7575",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}var cp={google:Ao,apple:Po,cross:Io,metamask:Lo,binance:Eo},dp={google:"Google",apple:"Apple",cross:"CROSSx",metamask:"MetaMask",binance:"Binance Wallet"};function pp(e){return e?dp[e]:"Wallet"}function Ps(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}import*as Fs from"react";_(`.sb-button{--sb-bg: var(--ds-surface-default, #ffffff);--sb-border: var(--ds-border-default, rgba(0, 0, 0, .07));--sb-border-hover: var(--ds-border-default, rgba(0, 0, 0, .07));--sb-color: var(--ds-content-medium, rgba(0, 0, 0, .65));--sb-color-hover: var(--ds-content-high, rgba(0, 0, 0, .85));--sb-radius: 8px;--sb-height: 36px;--sb-padding: 1px 11px;--sb-gap: 4px;--sb-font-size: 14px;--sb-font-weight: 500;--sb-line-height: 21px;--sb-letter-spacing: 0;--sb-blur: 0px;--sb-border-width: 1px;--sb-icon-size: 18px;--sb-icon-hover-rotation: 180deg;--sb-spinner-size: 18px;--sb-spinner-thumb: currentColor;--sb-spinner-track: color-mix(in srgb, currentColor 20%, transparent);--sb-disabled-opacity: .6;--sb-press-scale: .95;--sb-hover-duration: .2s;--sb-icon-duration: .3s;--sb-easing: ease}.sb-button[data-theme=dark]{--sb-bg: var(--ds-surface-default, #1e232e);--sb-border: var(--ds-border-default, #ffffff12);--sb-border-hover: var(--ds-border-medium, #ffffff2e);--sb-color: var(--ds-content-medium, #ffffffa6);--sb-color-hover: var(--ds-content-high, #ffffffd9)}.sb-button[data-theme=light]{--sb-bg: var(--ds-surface-default, #ffffff);--sb-border: var(--ds-border-default, #00000012);--sb-border-hover: var(--ds-border-medium, #0000002e);--sb-color: var(--ds-content-medium, #000000a6);--sb-color-hover: var(--ds-content-high, #000000d9)}
|
|
20
|
+
`);_(`.sb-button{-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--sb-height);gap:var(--sb-gap);padding:var(--sb-padding);border-radius:var(--sb-radius);border:var(--sb-border-width) solid var(--sb-border);background:var(--sb-bg);backdrop-filter:blur(var(--sb-blur));-webkit-backdrop-filter:blur(var(--sb-blur));color:var(--sb-color);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:var(--sb-font-weight);font-size:var(--sb-font-size);line-height:var(--sb-line-height);letter-spacing:var(--sb-letter-spacing);cursor:pointer;transition:border-color var(--sb-hover-duration) var(--sb-easing),color var(--sb-hover-duration) var(--sb-easing)}@media(hover:hover){.sb-button:hover:not(:disabled){border-color:var(--sb-border-hover);color:var(--sb-color-hover)}.sb-button:hover:not(:disabled) .sb-button-icon{transform:rotate(var(--sb-icon-hover-rotation))}}.sb-button:active:not(:disabled){transform:scale(var(--sb-press-scale))}.sb-button:disabled,.sb-button[aria-busy=true]{cursor:default;opacity:var(--sb-disabled-opacity)}.sb-button-icon{width:var(--sb-icon-size);height:var(--sb-icon-size);flex-shrink:0;color:inherit;transition:transform var(--sb-icon-duration) var(--sb-easing),color var(--sb-icon-duration) var(--sb-easing)}.sb-spinner{display:inline-block;width:var(--sb-spinner-size);height:var(--sb-spinner-size);border:2px solid var(--sb-spinner-track);border-top-color:var(--sb-spinner-thumb);border-radius:50%;animation:sb-spin .6s linear infinite;flex-shrink:0}.sb-label{white-space:nowrap}@keyframes sb-spin{to{transform:rotate(360deg)}}
|
|
21
|
+
`);import{jsx as zn,jsxs as up}from"react/jsx-runtime";var Tr="https://skills.cross.nexus";function Ms({label:e="Skills",href:t=Tr,onClick:n,className:o,style:r,theme:a,disabled:i=!1,isLoading:s=!1,loadingLabel:c="Loading...",openInNewTab:l=!1,type:d="button"}){let[f,h]=Fs.useState(!1),m=async B=>{if(t&&!n){l?window.open(t,"_blank","noopener,noreferrer"):window.location.href=t;return}if(n)try{h(!0),await n()}finally{h(!1)}},y=i||s||f,x=s||f,w=x?c:e,v=o?`sb-button ${o}`:"sb-button";return up("button",{type:d,onClick:m,disabled:y,className:v,"data-theme":a,style:r,"aria-busy":x,children:[x?zn("span",{className:"sb-spinner","aria-hidden":"true"}):zn(fp,{}),zn("span",{className:"sb-label",children:w})]})}function fp(){return zn("svg",{className:"sb-button-icon",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:zn("path",{d:"M15.5879 3.95142C16.0211 2.78097 17.6761 2.78099 18.1094 3.95142L19.6221 8.03833C20.6569 10.8348 22.8618 13.0396 25.6582 14.0745L29.7451 15.5872C30.9157 16.0204 30.9157 17.6754 29.7451 18.1086L25.6582 19.6213C22.8618 20.6562 20.657 22.861 19.6221 25.6575L18.1094 29.7444C17.6762 30.9149 16.0211 30.9149 15.5879 29.7444L14.0752 25.6575C13.0403 22.861 10.8355 20.6562 8.03906 19.6213L3.95215 18.1086C2.78172 17.6754 2.7817 16.0204 3.95215 15.5872L8.03906 14.0745C10.8355 13.0396 13.0403 10.8348 14.0752 8.03833L15.5879 3.95142Z",stroke:"currentColor",strokeWidth:"1.93556"})})}Uo({mode:"dapp-ui"});export{Po as APPLE_ICON,$r as AppLauncher,Jr as AppLauncherContent,Qr as AppLauncherTrigger,Eo as BINANCE_ICON,vo as BridgeFlow,Zn as CONNECTOR_REGISTRY,Io as CROSSX_ICON,Bs as ConnectButton,qo as ConnectorId,Tr as DEFAULT_SKILLS_HREF,Ao as GOOGLE_ICON,Lo as METAMASK_ICON,Nr as SOCIAL_REGISTRY,lo as SendFlow,Ms as SkillsButton,cr as TOKEN_STATS_QUERY_KEY,lr as USER_BALANCE_QUERY_KEY,Cr as WALLET_REGISTRY,As as WalletConnectModal,vn as WalletInfo,Fa as WalletPortfolio,bn as WalletPortfolioBody,Uo as announceAppLauncherUsage,Pe as resolveEnvironment,Qn as useGlobalMenu,Dt as useTokenBalance,Ht as useTokenStats,Ro as useWalletDetect};
|