@nexus-cross/dapp-ui 1.3.3-beta.3 → 1.3.3-beta.5
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 +21 -21
- package/dist/index.d.cts +5 -2
- package/dist/index.d.ts +5 -2
- 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
|
-
`);_("");import{jsx as jo}from"react/jsx-runtime";function jr({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(ol.Root,{direction:"right",open:i,onOpenChange:s,noBodyStyles:!0,children:r},"drawer"):jo($r.Root,{open:i,onOpenChange:s,children:r},"popover")})}import*as Qr from"@radix-ui/react-popover";import{Drawer as il}from"vaul";import{jsx as je,jsxs as rl}from"react/jsx-runtime";function Vr({size:e=18}){return rl("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 qr(){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 Kr(){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 Yr({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(Vr,{size:18})});return r?Kn(il.Trigger,{asChild:s,children:l}):Kn(Qr.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 ll}from"@tanstack/react-query";var Zr={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 al="https://stg-contents.crosstoken.io/frontend/common/app-launcher/icons",sl="https://contents.crosstoken.io/frontend/common/app-launcher/icons";function ct(e,t){return`${e==="production"?sl:al}/${t}.png`}function Xr(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 ll({queryKey:["global-menu",t],queryFn:async({signal:n})=>{try{let o=await fetch(Zr[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 Xr(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 cl(e){return e.id==="cross-staking"||e.type==="cross-staking"}function ei({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,k)=>w.order-k.order),[c]),d=8,m=Zt.useRef(null),h=Zt.useCallback(w=>{m.current={x:w.clientX,y:w.clientY}},[]),u=typeof window<"u"?window.location.pathname:"",v=Zt.useCallback((w,k)=>{if(m.current){let A=w.clientX-m.current.x,C=w.clientY-m.current.y;if(m.current=null,Math.abs(A)>d||Math.abs(C)>d)return}let E=k.url[o]??k.url.production,f=Jr(E,i);if(!f)try{let A=new URL(E).pathname;if(u===A||u.startsWith(A+"/")){s();return}}catch{}f?window.open(E,"_blank","noopener,noreferrer"):window.location.href=E,s()},[o,i,s,u]),x=Se("div",{className:"al-grid","data-theme":r,children:l.map(w=>{let k=w.url[o]??w.url.production,E=Jr(k,i),f=!1;if(!E)try{let A=new URL(k).pathname;f=u===A||u.startsWith(A+"/")}catch{f=!1}return Sn("button",{type:"button",className:"al-grid-item","data-active":f||void 0,onPointerDown:h,onClick:A=>v(A,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&&!cl(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(qr,{})}),Se(cn.Title,{className:"al-drawer-title",children:"CROSS Services"}),Se(cn.Close,{className:"al-drawer-close",children:Se(Kr,{})})]}),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 Jr(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 ms from"@radix-ui/react-popover";import{Drawer as Vd}from"vaul";import{createContext as dl,useContext as pl}from"react";var Vo=dl(null);function zt(){let e=pl(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 ji from"react";import{jsx as V,jsxs as Rn}from"react/jsx-runtime";function ti({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 ni({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 Bt({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 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:"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 ri({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 ii({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 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:"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 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:"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 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.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 ci({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 di({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 B from"react";import Jt from"bignumber.js";function fl(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 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 pi(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 fi(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=fl(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 ul}from"react";import{useQuery as ml}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 gl="send:chain-info";function hl(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 bl(e,t,n,o){if(o)return t===Ce[e].cross?ui(t,o):n?.explorer_url?Zo(n.explorer_url,n.explorer_postfix?.transaction??"tx",o):wl(e,t,o)}function ui(e,t){return Zo("https://explorer.crosstoken.io",String(e),"tx",t)}function wl(e,t,n){let o=Ce[e];if(t===o.cross)return ui(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=ml({queryKey:[gl,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 hl(d)},enabled:o,staleTime:300*1e3}),i=a.data;return{transactionUrl:ul(()=>bl(e,t,i,n),[t,i,e,n]),chainInfo:i,...a}}var mi="0x0000000000000000000000000000000000000001";var xl="0xa9059cbb",vl=/^0x[a-fA-F0-9]{40}$/,yl="nexus-cross:dapp-ui:send:recent:",gi=10;function kl(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 vl.test(e)}function pn(e){return Nn(e.address)===mi}function Xo(e){return`${yl}${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,gi):[]}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,gi);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=kl(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`${xl}${n}${o}`}function hi(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(hi(n.cause,t+1)),o.join(`
|
|
6
|
-
`).toLowerCase()}function Sl(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=hi(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.":Sl(e)||n}var Cl=2000000000n,Rl=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 Nl(e){return`0x${e.toString(16)}`}function Tl(e){let t={to:e.to};return e.from&&(t.from=e.from),e.value!==void 0&&e.value>0n&&(t.value=Nl(e.value)),e.data&&(t.data=e.data),t}function Il(e){return e===56||e===97}async function bi(e){try{let t=await Jn(e,"eth_gasPrice",[]);return{gasPrice:eo(t)}}catch{return{gasPrice:Cl}}}async function Ll(e,t){let n=Rl;try{let o=await Jn(e,"eth_maxPriorityFeePerGas",[]);n=eo(o)}catch{}return{maxFeePerGas:t+n,maxPriorityFeePerGas:n}}async function El(e,t){if(t)return bi(e);let n;try{n=(await Jn(e,"eth_getBlockByNumber",["latest",!1]))?.baseFeePerGas}catch{}return n?Ll(e,eo(n)):bi(e)}async function wi(e,t){let n=Il(t.chainId),o=Tl(t),[r,a]=await Promise.all([Jn(e,"eth_estimateGas",[o]),El(e,n)]);return{gasLimit:eo(r),gasPrice:a.gasPrice,maxFeePerGas:a.maxFeePerGas,maxPriorityFeePerGas:a.maxPriorityFeePerGas}}function xi(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 wi(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 Al=1500,Pl=120;function vi(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 Bl(e){let{status:t}=e;return t==="reverted"||t==="0x0"||t===0||t===0n||t===!1}var Fl=e=>new Promise(t=>setTimeout(t,e));async function yi({repository:e,args:t,chainId:n,onSubmitted:o,pollIntervalMs:r=Al,pollMaxAttempts:a=Pl}){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 Bl(l)?"reverted":"success";await Fl(r)}return"timeout"}var ki=["token","recipient","amount","review"];function Si(e){let{env:t,walletAddress:n,accountName:o,accounts:r=[],initialStep:a="recipient",token:i,tokens:s=[],onTokenChange:c,sendTransaction:l,getTransactionReceipt:d,estimateGas:m,getTokenPriceUsd:h,onSubmitted:u,onSuccess:v,onFailed:x,onExit:w,onOutlink:k}=e,E=B.useMemo(()=>xi({sendTransaction:l,getTransactionReceipt:d,estimateGas:m}),[l,d,m]),[f,A]=B.useState(i);B.useEffect(()=>{A(i)},[i.address,i.chainId]);let[C,P]=B.useState(a),[M,Z]=B.useState(""),[W,U]=B.useState(""),[q,O]=B.useState({}),[ie,ue]=B.useState("idle"),[te,ae]=B.useState(""),[De,se]=B.useState(""),[K,le]=B.useState(null),[J,D]=B.useState(!1),[He,pe]=B.useState(""),Ie=B.useRef(0),[Le,it]=B.useState(null),[we,Mt]=B.useState(""),[_e,bt]=B.useState(()=>dn(n)),Et=B.useMemo(()=>Pe(t),[t]),{transactionUrl:ce,chainInfo:me}=Xn(Et,f.chainId,te||void 0,!0),Qe=me?.currency_symbol??"",xe=me?.name??`Chain ID ${f.chainId}`,ge=B.useRef({nativeSymbol:Qe||void 0,networkName:xe,tokenSymbol:f.symbol});ge.current={nativeSymbol:Qe||void 0,networkName:xe,tokenSymbol:f.symbol};let he=B.useMemo(()=>BigInt(f.quantity.numeric||"0"),[f.quantity.numeric]),_t=B.useMemo(()=>Wt(f.quantity.numeric,f.quantity.decimals),[f.quantity.numeric,f.quantity.decimals]),Ge=h?.(f),at=B.useMemo(()=>{if(Ge===void 0)return;let S=parseFloat(W.replace(/,/g,""));return Number.isFinite(S)?S*Ge:0},[W,Ge]);B.useEffect(()=>{U(""),O({})},[f.address,f.chainId]),B.useEffect(()=>{Ie.current+=1,le(null),pe(""),D(!1)},[f.address,f.chainId,M,W]),B.useEffect(()=>{bt(dn(n))},[n]);let ve=B.useCallback(S=>{Z(S),O($=>({...$,recipient:void 0}))},[]),wt=B.useCallback(S=>{U(S),O($=>({...$,amount:void 0}))},[]),xt=B.useCallback(()=>{U(Tn(f.quantity.numeric,f.quantity.decimals)),O(S=>({...S,amount:void 0}))},[f.quantity.numeric,f.quantity.decimals]),Ee=B.useCallback(S=>{A(S),c?.(S),P("recipient")},[c]),st=B.useCallback(()=>P("token"),[]),Ye=B.useCallback(()=>{P(S=>{if(S==="result")return"review";if(S===a)return w?.(),S;let $=ki.indexOf(S);return $<=0?(w?.(),S):ki[$-1]})},[a,w]),ne=B.useCallback(()=>{let{errors:S}=or({recipient:M,amount:"1",token:f,balanceRaw:he});if(S.recipient){O($=>({...$,recipient:S.recipient}));return}O($=>({...$,recipient:void 0})),P("amount")},[M,f,he]),Ze=B.useCallback(S=>{Z(S),O($=>({...$,recipient:void 0})),P("amount")},[]),ye=B.useCallback(()=>{let S=or({recipient:M,amount:W,token:f,balanceRaw:he});O(S.errors),!(vi(S.errors)||S.rawAmount===void 0||!S.recipient)&&(it(S.rawAmount),Mt(S.recipient),le(null),pe(""),ue("idle"),P("review"))},[M,W,f,he]);B.useEffect(()=>{if(C!=="review"||!we||Le===null||K!==null||J||He||!E.canEstimateGas(me?.rpc))return;let S=++Ie.current;D(!0),pe(""),(async()=>{try{let $=rr({token:f,walletAddress:n,recipient:we,rawAmount:Le}),ee=await E.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&&D(!1)}})()},[C,we,Le,K,J,He,E,me?.rpc,f,n]);let vt=B.useCallback(async()=>{if(!(!we||Le===null)){se(""),ae(""),ue("submitting");try{let S="",$=await yi({repository:E,args:rr({token:f,walletAddress:n,recipient:we,rawAmount:Le}),chainId:f.chainId,onSubmitted:ee=>{S=ee,ae(ee),ue("confirming"),bt(Jo(n,we)),u?.({txHash:ee,chainId:f.chainId,amount:W,tokenSymbol:f.symbol,recipient:we})}});if($==="success")ue("success"),S&&v?v?.(S):P("result");else if($==="reverted"){let ee="Transaction reverted on-chain.";ue("error"),se(ee),S&&x?x({txHash:S,chainId:f.chainId,message:ee}):P("result")}else{let ee="Transaction receipt was not found. Please check again later.";ue("error"),se(ee),S&&x?x({txHash:S,chainId:f.chainId,message:ee}):P("result")}}catch(S){ue("error"),se(nr(S,{nativeSymbol:Qe||void 0,networkName:xe,tokenSymbol:f.symbol})),P("result")}}},[E,we,Le,f,W,n,u,v,x,Qe,xe]),[Ue,yt]=B.useState(!1),kt=B.useRef(void 0);B.useEffect(()=>()=>clearTimeout(kt.current),[]);let At=B.useCallback(async()=>{if(te)try{await navigator.clipboard.writeText(te),yt(!0),clearTimeout(kt.current),kt.current=setTimeout(()=>yt(!1),2e3)}catch{}},[te]),Ot=B.useCallback(()=>{if(!ce||!te)return;let S=ke=>{typeof window<"u"&&window.open(ke,"_blank","noopener,noreferrer")};if(!k){S(ce);return}let $=k(ce,{category:"send",origin:"send-transaction",payload:{chainId:f.chainId,txHash:te}});if($&&typeof $.then=="function"){let ke=typeof window<"u"?window.open("","_blank","noopener,noreferrer"):null;$.then(Pt=>{if(Pt===null){ke?.close();return}let Oe=Pt??ce;if(ke)try{ke.location.href=Oe}catch{ke.close(),S(Oe)}else S(Oe)});return}let ee=$;ee!==null&&S(ee??ce)},[k,f.chainId,ce,te]),lt=B.useCallback(()=>{se(""),ae(""),ue("idle"),le(null),pe(""),P("review")},[]);return{step:C,status:ie,token:f,tokens:s.length>0?s:[f],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:Et,transactionUrl:ce,networkName:xe,nativeSymbol:Qe,nativeDecimals:me?.currency_decimals??f.quantity.decimals,balanceRaw:he,balanceText:_t,priceUsd:Ge,canSelectToken:(s.length>0?s:[f]).length>1,canSend:E.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:At,openTransaction:Ot}}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 Ci(e){return to(e,9,2)}function Ri(e){return e.toLocaleString("en-US")}function Ni(e){return e===56||e===97}function no(e){return e.gasPrice??e.maxFeePerGas}function Ti(e,t=!1){return t?no(e)!==void 0?"legacy":null:e.maxFeePerGas!==void 0?"dynamic":e.gasPrice!==void 0?"legacy":null}function Ii(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 Li({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]),[m,h]=dt.useState(!1),u=!m&&t===""?"0.00":t,v=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":v||void 0,onClick:()=>c.current?.focus(),children:In("input",{ref:c,className:"sf-amount-input",value:u,onChange:x=>{let w=x.target.value;if(m)n(w);else if(t===""){if(w.length<4)return;h(!0);let k=w.startsWith("0.00")?w.slice(4):w;n(k)}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"},Ei={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 Ei.cross;if(t===n.bsc)return Ei.bsc}var Ml={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=Ml[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 Ai({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 Pi({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 Bi({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 Fi({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 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-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 _i({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 Oi(e,t){return e.name||`Account ${(e.index??t)+1}`}function zi(e){return e.trim().slice(0,1).toUpperCase()||"A"}function Wi(e){return e.toLowerCase()}function Di({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(f=>f.address.toLowerCase()!==i.toLowerCase()),[a,i]),d=l.length>0,m=pt.useMemo(()=>new Map(l.map((f,A)=>[Wi(f.address),{account:f,index:A}])),[l]),[h,u]=pt.useState("recent"),v=pt.useRef(null);pt.useEffect(()=>{v.current?.focus()},[]);let x="1A1A2E",w=pt.useCallback(async()=>{try{let f=await navigator.clipboard.readText();f&&n(f.trim())}catch{}},[n]),k=t.trim().length>0,E=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":k||void 0,"data-invalid":o.recipient||void 0,children:[de("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:k?2:1}),k?de("button",{type:"button",className:"sf-address-action",onClick:()=>n(""),"aria-label":"Clear",children:de(Bi,{size:20})}):de("button",{type:"button",className:"sf-address-action",onClick:w,"aria-label":"Paste from clipboard",children:de(Pi,{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:()=>u("recent"),children:"Recent"}),d&&de("button",{type:"button",role:"tab",className:"sf-tab","data-active":h==="account"||void 0,"aria-selected":h==="account",onClick:()=>u("account"),children:"My Account"})]})]}),de("div",{className:"sf-address-list",children:h==="account"&&d?l.map((f,A)=>{let C=Oi(f,A),P=tn(s,f.address,{size:56,bg:x});return Rt("button",{type:"button",className:"sf-address-row",onClick:()=>c(f.address),children:[Rt("span",{className:"sf-address-avatar",children:[P&&de("img",{src:P,alt:"",width:40,height:40,draggable:!1,onError:M=>{M.currentTarget.style.display="none"}}),de("span",{className:"sf-address-avatar-fallback",children:zi(C)})]}),Rt("span",{className:"sf-address-meta",children:[de("span",{className:"sf-address-name",children:C}),de("span",{className:"sf-address-value",children:Ve(f.address)})]})]},f.address)}):r.length>0?r.map(f=>{let A=m.get(Wi(f.address)),C=A?Oi(A.account,A.index):Ve(f.address),P=tn(s,f.address,{size:56,bg:x});return Rt("button",{type:"button",className:"sf-address-row",onClick:()=>c(f.address),children:[Rt("span",{className:"sf-address-avatar",children:[P&&de("img",{src:P,alt:"",width:40,height:40,draggable:!1,onError:M=>{M.currentTarget.style.display="none"}}),de("span",{className:"sf-address-avatar-fallback",children:zi(C)})]}),Rt("span",{className:"sf-address-meta",children:[de("span",{className:"sf-address-name",children:C}),de("span",{className:"sf-address-value",children:Ve(f.address)})]})]},f.address)}):de("div",{className:"sf-empty",children:"No send history"})}),k&&!E&&!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 Gi({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(_i,{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(Hi,{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(Mi,{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(Hi,{txHash:n,hashCopied:a,onCopy:r,onOpen:i})]})}function Hi({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 Ui({flow:e}){let{token:t,reviewRawAmount:n,reviewRecipient:o,accountName:r,accounts:a,walletAddress:i,networkName:s,nativeSymbol:c,nativeDecimals:l,gasEstimate:d,gasLoading:m,gasError:h,error:u,resolvedEnv:v}=e,x=pn(t),w=n!==null?to(n,t.quantity.decimals):"",k=r?.trim()||`Account ${(a[0]?.index??0)+1}`,E=tn(v,i,{size:56,bg:"1A1A2E"}),f=c||(x?t.symbol:""),A=Ni(t.chainId),C=d?Ti(d,A):null,P=d?Ii(d,A):null,M=O=>O!==null&&f?`${ir(O,l)} ${f}`:io,Z=O=>O!==void 0?`${Ci(O)} Gwei`:io,W=(()=>{if(!x||!d||P===null||n===null)return io;let O=n+P;return`${ir(O,l)} ${f||t.symbol}`})(),U=O=>m?"\u2026":O,q=[{label:"Est. Tx Fee",value:U(M(P))},...C==="dynamic"?[{label:"Max Priority Fee",value:U(Z(d?.maxPriorityFeePerGas))},{label:"Max Gas Fee",value:U(Z(d?.maxFeePerGas))}]:C==="legacy"?[{label:"Gas Price",value:U(Z(d?no(d):void 0))}]:[],{label:"Gas Limit",value:U(d?Ri(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:E&&oe("img",{src:E,alt:"",width:28,height:28,draggable:!1,onError:O=>{O.currentTarget.style.display="none"}})}),oe("span",{className:"sf-review-party-name",children:k})]}),oe("span",{className:"sf-review-party-addr",children:i})]}),oe("span",{className:"sf-review-arrow","aria-hidden":!0,children:oe(Fi,{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:U(W)})]})]}),(h||u)&&oe("div",{className:"sf-message sf-message--error",role:"alert",children:h||u})]})}import*as ao from"react";import{jsx as Dt,jsxs as nn}from"react/jsx-runtime";function $i({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:[Dt(Ai,{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"})]}),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:[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})]}),nn("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:oo(c)})]})]},i)}),r.length===0&&Dt("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 _l={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=ji.useCallback(k=>{o?.(k),n?.(k)},[n,o]),c=Si({...a,onSuccess:o||n?i:void 0,onExit:t}),{step:l,status:d}=c,m=Ct(c.recipient.trim()),h=en(c.amount,c.token.quantity.decimals),u="value"in h&&h.value<=c.balanceRaw,v=d==="submitting"||d==="confirming",x=l!=="result",w=_l[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(Bt,{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($i,{flow:c}),l==="recipient"&&be(Di,{flow:c}),l==="amount"&&be(Li,{flow:c}),l==="review"&&be(Ui,{flow:c}),l==="result"&&be(Gi,{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":!m||void 0,"aria-disabled":!m,children:"Next"}),l==="amount"&&be("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitAmount,"data-disabled":!u||void 0,"aria-disabled":!u,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:v,children:"Cancel"}),be("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.confirmSend,disabled:v||!c.canSend,children:v?"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 Vi from"@radix-ui/react-popover";import{Drawer as Ol}from"vaul";import{jsx as co,jsxs as zl}from"react/jsx-runtime";function qi({asChild:e,className:t,children:n}){let{isMobile:o,theme:r,walletAddress:a}=zt(),i=n!=null,s=e??!0,c=i?n:zl("button",{type:"button",className:X("wi-trigger-btn",t),"data-theme":r,"data-mobile":o||void 0,children:[co(ti,{size:o?14:16}),co("span",{className:"wi-trigger-address",children:Ve(a)})]});return o?co(Ol.Trigger,{asChild:s,children:c}):co(Vi.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 Wl}from"@tanstack/react-query";import{useMemo as Dl}from"react";var lr="user-balance";async function Hl(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 Ht(e,t,n=!0){let o=Je[e],r=Ce[e],a=[r.cross,r.bsc],i=Wl({queries:a.map(d=>({queryKey:[lr,e,t,d],queryFn:({signal:m})=>Hl(o,d,t,m),enabled:!!t&&n,staleTime:0,refetchInterval:n?5e3:!1}))}),s=i.some(d=>d.isLoading),c=i.some(d=>d.isError);return{tokens:Dl(()=>{let d=[];for(let m of i)m.data&&d.push(...m.data);return d},[i]),isLoading:s,isError:c}}import{useQuery as Gl,useQueries as Ul}from"@tanstack/react-query";import{useMemo as $l}from"react";var jl="forge-holdings",Vl="forge-token-image";async function ql(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 Kl(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 Ki(e,t,n=!0){let o=sr[e],{data:r,...a}=Gl({queryKey:[jl,e,t],queryFn:({signal:i})=>ql(o,t,i),enabled:!!t&&n,staleTime:0,refetchInterval:n?5e3:!1});return{holdings:r??[],...a}}function Qi(e,t,n=!0){let o=sr[e],r=Ul({queries:t.map(i=>({queryKey:[Vl,e,i],queryFn:({signal:s})=>Kl(o,i,s),enabled:n,staleTime:1/0}))});return{imageMap:$l(()=>{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 Ql}from"@tanstack/react-query";import{useMemo as Yl}from"react";var cr="token-stats";function ft(e,t){return`${e}:${t.toLowerCase()}`}function Gt(e,t=!0){let n=Je[e],{data:o,...r}=Ql({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:Yl(()=>{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 Zl}from"@tanstack/react-query";import{useMemo as Xl}from"react";var Jl="token-info";function dr(e,t){return`${t.toLowerCase()}_${e}`}function Yi(e,t=!0){let n=Je[e],{data:o,...r}=Zl({queryKey:[Jl,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:Xl(()=>{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 ec}from"react";import pr from"bignumber.js";function Zi(e,t,n){let{tokens:o,isLoading:r}=Ht(e,t,n),{statsMap:a}=Gt(e,n);return ec(()=>{let i=new pr(0);for(let d of o){let m=a.get(ft(d.chainId,d.address));if(!m)continue;let u=new pr(d.quantity.numeric).shiftedBy(-d.quantity.decimals).multipliedBy(new pr(m.price));u.isNaN()||(i=i.plus(u))}let s=i.toFixed(),{displayValue:c,isLowerBound:l}=fi(s);return{totalUsd:s,displayValue:c,isLowerBound:l,isLoading:r}},[o,a,r])}import{QRCodeSVG as Hd}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=m=>{if(m===null){l?.close();return}let h=m??t;if(l)try{l.location.href=h}catch{l.close(),a(h)}else a(h)};r.then(d,m=>{console.error("[dapp-ui] onOutlink rejected:",m),l?.close()});return}let s=r;if(s===null)return;a(s??t)}import*as rn from"react";import{Drawer as Zc}from"vaul";import{createContext as tc,useContext as nc}from"react";var En=tc(null);function tt(){let e=nc(En);if(!e)throw new Error("WalletPortfolio compound components must be used within <WalletPortfolio>");return e}import{Drawer as oc}from"vaul";import{jsx as Xi}from"react/jsx-runtime";function Ji({asChild:e,children:t}){let{walletAddress:n}=tt(),o=t!=null,r=e??!0,a=o?t:Xi("button",{type:"button",children:Ve(n)});return Xi(oc.Trigger,{asChild:r,children:a})}import{Drawer as ho}from"vaul";import*as gt from"react";import{useQueryClient as Kc}from"@tanstack/react-query";import{jsx as on,jsxs as na}from"react/jsx-runtime";function ea({size:e=22,className:t}){return na("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 ta({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 Ft({size:e=12,className:t}){return na("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 rc}from"@tanstack/react-query";import{useMemo as la}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"},oa={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"},ra={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"},ia={dev:`${An.dev}/portfolio`,stage:`${An.stage}/portfolio`,production:`${An.production}/portfolio`},aa={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"},sa={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},Ut={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 ic="wp:reward-pools";function uo(e,t=!0){let n=po[e],{data:o,...r}=rc({queryKey:[ic,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=la(()=>o?.data.pools.filter(s=>s.pool_type==="CrossPool")??[],[o]),i=la(()=>o?.data.pools.filter(s=>s.pool_type==="GamePool")??[],[o]);return{crossPools:a,gamePools:i,allPools:o?.data.pools??[],...r}}import{useQuery as ac}from"@tanstack/react-query";import{useMemo as sc}from"react";var lc="wp:user-deposits";function ca(e,t,n=!0){let o=po[e],r=n&&!!t,{data:a,...i}=ac({queryKey:[lc,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:sc(()=>{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 cc}from"@tanstack/react-query";import{useMemo as dc}from"react";var pc="wp:token-info";function da(e,t=!0){let n=Je[e],o=Ce[e].cross,{data:r,...a}=cc({queryKey:[pc,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 m=await d.json();if(m.code!==200)throw new Error(`Token info API error: ${m.code}`);return m},enabled:t,staleTime:300*1e3}),{byChainAddr:i,byChainSym:s}=dc(()=>{let l=new Map,d=new Map;if(!r?.data)return{byChainAddr:l,byChainSym:d};for(let m of r.data){let h=m.address.toLowerCase();l.set(`${m.chain_id}:${h}`,m),l.set(h,m);let u=m.symbol.replace(/^t/,"").toUpperCase(),v=`${m.chain_id}:${u}`;d.has(v)||d.set(v,m),d.has(u)||d.set(u,m)}return{byChainAddr:l,byChainSym:d}},[r]);return{getTokenImage:(l,d)=>{let m=l.toLowerCase(),h=i.get(`${o}:${m}`);if(h?.image)return h.image;let u=i.get(m);if(u?.image)return u.image;if(d){let v=d.replace(/^t/,"").toUpperCase(),x=s.get(`${o}:${v}`);if(x?.image)return x.image;let w=s.get(v);if(w?.image)return w.image}return""},...a}}import mn from"bignumber.js";var fc=/^(\d{4}-\d{2}-\d{2})/;function pa(e){if(!e||e.length===0)return;let t=new Map,n;for(let{key:r,cumulative:a}of e.map(i=>({key:fc.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 fa}from"react/jsx-runtime";function $t({title:e,icon:t,iconFit:n="cover",isEmpty:o,children:r}){return fa("div",{className:"wp-svc-card",children:[fa("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 uc="CROSS Rewards";function mc(e){return new ur(e||"0").isGreaterThan(0)}function ua(){let{env:e,walletAddress:t,onOutlink:n}=tt(),o=!!t,{allPools:r}=uo(e,o),{depositMap:a}=ca(e,t,o),{getTokenImage:i}=da(e,o),s=(d,m)=>`${oa[e]}/rewards/${d.pool_address}?action=${m}`,c=`${Ut[e]}/reward.png`,l=r.filter(d=>{let m=a.get(d.pool_address.toLowerCase()),h=m?.deposited_amount??"0",u=m?.claimable_reward??"0";return!(new ur(h).isZero()&&new ur(u).isZero())});return Re($t,{title:uc,icon:c,isEmpty:l.length===0,children:l.map(d=>{let m=a.get(d.pool_address.toLowerCase()),h=m?.deposited_amount??"0",u=m?.claimable_reward??"0",v=s(d,"withdraw"),x=s(d,"claim"),w=i(d.deposit_token.address,d.deposit_token.symbol),k=d.reward_tokens[0],E=k?i(k.address,k.symbol):"",f=d.reward_tokens.map(U=>U.symbol),A=f.length>0?`${d.deposit_token.symbol}-${f.join("/")}`:d.deposit_token.symbol,C=k?gn(u,k.decimals):"0",P=k?.symbol??"Reward",M=hn(h,d.deposit_token.decimals,d.deposit_token.price),Z=k?hn(u,k.decimals,k.price):null,W=!!m&&mc(u);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:""}),E&&Re("img",{className:"wp-svc-token-icon",src:E,alt:""})]}),Re("span",{children:A})]})]}),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 (",P,")"]}),Fe("div",{className:"wp-svc-token",children:[E&&Re("img",{className:"wp-svc-token-icon",src:E,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:v,target:"_blank",rel:"noopener noreferrer",onClick:U=>qe(U,v,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:m}},n),children:[Re("span",{className:"wp-tag-label",children:"Withdraw"}),Re(Ft,{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:U=>{if(!W){U.preventDefault();return}qe(U,x,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:m}},n)},children:[Re("span",{className:"wp-tag-label",children:"Claim"}),Re(Ft,{size:12,className:"wp-tag-icon"})]})]})]},d.pool_address)})})}import*as mr from"react";import{useQuery as gc}from"@tanstack/react-query";var hc="wp:stake-info";function ma(e,t,n=!0){let o=un[e],r=n&&!!t,{data:a,...i}=gc({queryKey:[hc,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 bc}from"@tanstack/react-query";var wc="wp:stake-rewards",xc=31;function ga(e,t,n=!0){let o=un[e],r=n&&!!t,{data:a,...i}=bc({queryKey:[wc,e,t],queryFn:async({signal:s})=>{let c=await fetch(`${o}/rewards/${t}?limit=${xc}`,{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:pa(a),...i}}import{useQuery as vc}from"@tanstack/react-query";var yc="wp:network-stats";function ha(e,t=!0){let n=un[e],{data:o,...r}=vc({queryKey:[yc,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 kc}from"@tanstack/react-query";var Sc="wp:staking-onchain";function ba(e,t,n=!0){let o=n&&!!t&&!!e,{data:r,...a}=kc({queryKey:[Sc,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 wa}from"react";import Cc from"bignumber.js";function xa(e){return e?.trim().toUpperCase()==="CROSS"}function va(e){return new Cc(e||"0").isGreaterThan(0)}function go(e,t,n=!0){let{allPools:o}=uo(e,n),r=wa(()=>{for(let l of o)for(let d of[l.deposit_token,...l.reward_tokens])if(xa(d?.symbol)&&va(d.price))return d.price},[o]),a=n&&r===void 0,{tokens:i}=Ht(e,t,a),{statsMap:s}=Gt(e,a),c=Ce[e].cross;return wa(()=>{if(r)return r;let l=i.find(d=>d.chainId===c&&xa(d.symbol));if(l){let d=s.get(ft(l.chainId,l.address));if(d&&va(d.price))return d.price}return"0"},[r,i,s,c])}import jt from"bignumber.js";import{Fragment as Nc,jsx as Ke,jsxs as ut}from"react/jsx-runtime";var Rc="CROSS Staking";function ya(e){if(!e)return"\u2014";let t=new jt(e);return t.isFinite()?`${t.toFormat(2,jt.ROUND_DOWN)}%`:"\u2014"}function ka(){let{env:e,walletAddress:t,onOutlink:n,stakingRewardsReader:o}=tt(),r=!!t,{stakeInfo:a}=ma(e,t,r),{latestReward:i,aprAccrued:s}=ga(e,t,r),{networkStats:c}=ha(e,r),{onchain:l}=ba(t,o,r),d=go(e,t,r),m=`${Ut[e]}/cross-staking.png`,h=ia[e],u=a?.total_stake??"0",v=mr.useMemo(()=>l?new jt(l.earnedWei.toString()).shiftedBy(-18).toString(10):i?.cumulative_earned??a?.rewards_earned??"0",[l,i,a]),x=mr.useMemo(()=>l?new jt(l.stakedWei.toString()).shiftedBy(-18):new jt(u),[l,u]),w=s!==void 0?new jt(s):void 0,k=a?.days_since_first_stake,E=w!==void 0&&w.isFinite()&&x.isGreaterThan(0)&&k!==null&&k!==void 0?w.div(x).times(365).div(Math.max(1,k)).times(100):void 0,f=!(new jt(u).isZero()&&new jt(v).isZero()),A=An[e],C=hn(u,0,d),P=hn(v,0,d);return Ke($t,{title:Rc,icon:m,iconFit:"contain",isEmpty:!1,children:ut("article",{className:"wp-item","data-side":"stake",children:[Ke("div",{className:"wp-item-body",children:f?ut(Nc,{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(u)," 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(v)," CROSS"]}),P&&Ke("span",{className:"wp-item-usd",children:P})]})]}),ut("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"My APR"}),Ke("span",{children:ya(E?.toString(10))})]})]}):ut("div",{className:"wp-item-line",children:[Ke("span",{className:"wp-item-label",children:"Delegation APR"}),Ke("span",{children:ya(c?.apr)})]})}),Ke("div",{className:"wp-item-tags",children:ut("a",{className:"wp-tag wp-tag--mint",href:f?h:A,target:"_blank",rel:"noopener noreferrer",onClick:M=>qe(M,f?h:A,{category:"portfolio",origin:"portfolio-stake",payload:{stakeInfo:a,networkStats:c}},n),children:[Ke("span",{className:"wp-tag-label",children:f?"Manage":"Stake Now"}),Ke(Ft,{size:12,className:"wp-tag-icon"})]})})]})})}import*as gr from"react";import{useQuery as Tc}from"@tanstack/react-query";var Ic="wp:game-swap-pools";function Sa(e,t,n=!0){let o=aa[e],r=n&&!!t,{data:a,...i}=Tc({queryKey:[Ic,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 Lc}from"@tanstack/react-query";var Ec="wp:game-swap-lp-balances";function Ca(e,t,n,o){let r=[...n].map(c=>c.toLowerCase()).sort(),a=!!o&&!!t&&r.length>0,{data:i,...s}=Lc({queryKey:[Ec,e,t,r],queryFn:async()=>{if(!o)return{};let c=await o(r),l={};for(let[d,m]of Object.entries(c))l[d.toLowerCase()]=m;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 Ac="Game Swap LP",Na=18,Pc=new Nt("0.0001");function Ra(e){return e?.trim().toUpperCase()==="CROSS"}function Bc(e){return e&&e>0?e:Na}function Fc(e){let t=Ra(e.token_a?.symbol)&&!Ra(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 Nt(n||"0").shiftedBy(-o);return!r.isFinite()||r.isLessThanOrEqualTo(0)?new Nt(0):r.times(2)}function Mc(e,t){let n=e.token_a?.symbol?.trim()||"TOKEN",o=e.token_b?.symbol?.trim()||"CROSS",r=t?.decimals??Na,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(Fc(e));if(d.isGreaterThan(0)){let m=new Nt(e.cross_usd||"0");i=m.isGreaterThan(0)?`$${d.times(m).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 Ta(){let{env:e,walletAddress:t,onOutlink:n,lpBalanceReader:o}=tt(),r=!!t,{pools:a}=Sa(e,t,r),i=gr.useMemo(()=>a.map(h=>h.pair_address).filter(Boolean),[a]),{balances:s}=Ca(e,t,i,o),c=`${Ut[e]}/dex.png`,l=!!o,d=gr.useMemo(()=>{let h=a.map(u=>Mc(u,s[u.pair_address?.toLowerCase()]));return l?h.filter(u=>u.lpAmountRaw?new Nt(u.lpAmountRaw).shiftedBy(-u.lpDecimals).isGreaterThanOrEqualTo(Pc):!1):h},[a,s,l]),m=h=>{let u=h.token_a?.address??h.pair_address;return`${sa[e]}/tokens/${u}?trade=deposit`};return nt($t,{title:Ac,icon:c,iconFit:"contain",isEmpty:d.length===0,children:d.map(h=>{let{pool:u}=h,v=m(u),x=`${h.tokenASymbol} / ${h.tokenBSymbol}`,w=u.token_a?.logo_url,k=u.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:""}),k&&nt("img",{className:"wp-svc-token-icon",src:k,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:v,target:"_blank",rel:"noopener noreferrer",onClick:E=>qe(E,v,{category:"portfolio",origin:"portfolio-game-swap",payload:{pool:u}},n),children:[nt("span",{className:"wp-tag-label",children:"Manage"}),nt(Ft,{size:12,className:"wp-tag-icon"})]})})]},u.pair_address)})})}import qt from"bignumber.js";import{useMemo as Gc}from"react";import{useQuery as _c}from"@tanstack/react-query";var Oc="wp:forge-pools";function Ia(e,t,n=!0){let o=fo[e],r=n&&!!t,{data:a,...i}=_c({queryKey:[Oc,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 zc}from"@tanstack/react-query";import{useMemo as Wc}from"react";var Dc="wp:forge-token-detail";async function Hc(e,t){let n=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store"});return n.ok?(await n.json())?.data?.token??null:null}function La(e,t,n=!0){let o=fo[e],r=zc({queries:t.map(s=>({queryKey:[Dc,e,s],queryFn:()=>Hc(o,s),enabled:n&&!!s,staleTime:3e4}))}),a=Wc(()=>{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 Vt}from"react/jsx-runtime";var Uc="Forge",Ea=18,$c="https://contents.crosstoken.io/wallet/token/images/FT.png";function jc(e){if(!e||e==="0")return"0";let t=new qt(e).shiftedBy(-Ea);return t.isZero()?"0":t.isGreaterThanOrEqualTo(1)?t.toFormat(2,qt.ROUND_DOWN):t.toFormat(4,qt.ROUND_DOWN)}function Vc(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 qc(e,t,n){let o=new qt(n||"0");if(!o.isGreaterThan(0))return null;let r=new qt(e.total_supply||"0"),a=new qt(e.lp_balance||"0"),i=new qt(t?.reserve_b||"0").shiftedBy(-Ea);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,qt.ROUND_DOWN)}`:null}function Aa(){let{env:e,walletAddress:t,onOutlink:n}=tt(),o=!!t,{pools:r,isEmpty:a}=Ia(e,t,o),i=Gc(()=>r.map(m=>m.token.address),[r]),{detailMap:s}=La(e,i,o&&i.length>0),c=go(e,t,o),l=m=>`${ra[e]}/forge/token/${m.token.address}`,d=`${Ut[e]}/forge.png`;return We($t,{title:Uc,icon:d,iconFit:"contain",isEmpty:a,children:r.map(m=>{let h=s.get(m.token.address.toLowerCase()),u=h?.image_url||h?.image||m.token.image||$c,v=h?.symbol||m.token.symbol,x=l(m),w=qc(m,h,c);return Vt("a",{className:"wp-item","data-side":"lp",href:x,target:"_blank",rel:"noopener noreferrer",onClick:k=>qe(k,x,{category:"portfolio",origin:"portfolio-forge",payload:{pool:m,tokenDetail:h}},n),children:[Vt("div",{className:"wp-item-body",children:[Vt("div",{className:"wp-item-line",children:[We("span",{className:"wp-item-label",children:"Asset"}),Vt("div",{className:"wp-svc-token",children:[We("img",{className:"wp-svc-token-icon",src:u,alt:""}),We("span",{children:v}),h?.name&&We("span",{className:"wp-token-subtle",children:h.name})]})]}),Vt("div",{className:"wp-item-line",children:[We("span",{className:"wp-item-label",children:"LP Balance"}),We("div",{className:"wp-svc-token",children:Vt("div",{className:"wp-svc-amount",children:[We("span",{className:"wp-svc-amount-main",children:jc(m.lp_balance)}),w&&We("span",{className:"wp-item-usd",children:w})]})})]}),Vt("div",{className:"wp-item-line",children:[We("span",{className:"wp-item-label",children:"Ownership"}),We("span",{className:"wp-line-value",children:Vc(m.pool_ownership)})]})]}),We("div",{className:"wp-item-tags",children:Vt("span",{className:"wp-tag wp-tag--muted",children:[We("span",{className:"wp-tag-label",children:"Withdraw"}),We(Ft,{size:12,className:"wp-tag-icon"})]})})]},m.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
|
|
9
|
-
`)[0]?.trim()||t}function Ya(e){let{tokens:t,initialFromToken:n,initialToToken:o,getToTokens:r,getApproval:a,approveBridge:i,history:s=[],initialSlippage:c="1",termsUrl:l,getQuote:d,submitBridge:m,onSubmitted:h,onSuccess:u,onFailed:v,onExit:x}=e,w=T.useMemo(()=>ja({getQuote:d,submitBridge:m}),[d,m]),[k,E]=T.useState("form"),[f,A]=T.useState(n??bo(t)),[C,P]=T.useState(()=>xr(t,n??bo(t),o,r)),[M,Z]=T.useState(""),[W,U]=T.useState(""),[q,O]=T.useState("from"),[ie,ue]=T.useState(c),[te,ae]=T.useState(null),De=T.useMemo(()=>id(f,C),[f,C]),se=T.useMemo(()=>De?"1":ie==="auto"?rd(te?.priceImpact):ie,[De,ie,te?.priceImpact]),[K,le]=T.useState(""),[J,D]=T.useState("idle"),[He,pe]=T.useState(""),[Ie,Le]=T.useState(null),[it,we]=T.useState([]),[Mt,_e]=T.useState(!1),[bt,Et]=T.useState(!1),[ce,me]=T.useState(null),[Qe,xe]=T.useState(!1),[ge,he]=T.useState(null),[_t,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(I=>{Ye(),Ge(I)},[Ye]);T.useEffect(()=>Ye,[Ye]),T.useEffect(()=>{let I=t.find(re=>ht(re,f))??bo(t),Q=I?r?.(I,t):void 0,H=Q?.find(re=>ht(re,C))??(Q?void 0:t.find(re=>ht(re,C)))??xr(t,I,void 0,r);A(I),P(H)},[r,t,f,C]);let Ze=T.useCallback((I,Q)=>{let H=od(I);Q==="from"?Z(H):U(H),O(Q),le("")},[]),ye=T.useCallback(()=>{Ee.current+=1,Z(""),U(""),O("from"),ae(null),le(""),pe(""),D("idle"),me(null),xe(!1),he(null),ve(!1),ne(null)},[ne]),vt=T.useCallback(I=>{ht(I,f)||(A(I),P(xr(t,I,void 0,r)),ye())},[f,r,ye,t]),Ue=T.useCallback(I=>{ht(I,C)||ht(I,f)||(P(I),ye())},[f,ye,C]),yt=T.useMemo(()=>f?r?.(f,t)??t.filter(I=>!ht(I,f)):[],[f,r,t]),kt=T.useCallback(()=>{f?.balance&&Ze(f.balance,"from")},[f?.balance,Ze]),At=T.useCallback(()=>{!f||!C||(A(C),P(f),ye())},[f,ye,C]),Ot=T.useCallback(()=>{Ee.current+=1,Z(""),U(""),O("from"),ae(null),le(""),pe("")},[]);T.useEffect(()=>{if(!f||!C)return;if(!M&&!W){ae(null),le(""),D("idle");return}let I=++Ee.current,Q=Ka({fromToken:f,toToken:C,fromAmount:M,toAmount:W,lastChangedBy:q,slippage:ie});D(w.canQuote?"quoting":"idle"),(async()=>{try{let H=await w.getQuote(Q);if(Ee.current!==I)return;H.fromAmount!==void 0&&q==="to"&&Z(H.fromAmount),H.toAmount!==void 0&&q==="from"&&U(H.toAmount),ae(H.summary??null),le(H.error??"")}catch(H){if(Ee.current!==I)return;le(H instanceof Error?H.message:"Failed to quote bridge.")}finally{Ee.current===I&&D("idle")}})()},[M,f,q,w,ie,W,C]);let lt=T.useCallback(()=>!f||!C?null:Ka({fromToken:f,toToken:C,fromAmount:M,toAmount:W,lastChangedBy:q,slippage:se}),[se,M,f,q,W,C]),S=T.useCallback(async(I,Q)=>{pe(""),ve(!1),xe(!1),D("submitting");try{if(!Q?.skipApprovalCheck&&a){let re=await a(I);if(re){me(re),he(I),D("idle");return}}me(null),he(null),ne("processing");let H=await w.submitBridge(I);Le(H),D("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)]),Ot(),xt(!0),ne(null),ve(!0),h?.(H),u?.(H)}catch(H){if(ne(null),vr(H)){D("idle");return}let re=Qa(H,"Failed to submit bridge.");pe(re),D("error"),v?.({message:re})}},[a,v,h,u,w,Ot,ne,te]),$=T.useCallback(async()=>{if(K)return;let I=lt();if(I){if(!bt){he(I),_e(!0);return}await S(I)}},[lt,K,S,bt]),ee=T.useCallback(async()=>{let I=ge??lt();I&&(Et(!0),_e(!1),await S(I))},[lt,ge,S]),ke=T.useCallback(()=>{_e(!1),he(null)},[]),Pt=T.useCallback(async()=>{if(!(J==="submitting"||!ce||!ge||!i)){pe(""),D("submitting");try{await i(ge,ce),me(null),D("idle"),xe(!0)}catch(I){if(vr(I)){D("idle");return}let Q=Qa(I,"Failed to approve token.");pe(Q),D("error"),v?.({message:Q})}}},[ce,i,v,ge,S,J]),Oe=T.useCallback(()=>{J!=="submitting"&&(me(null),xe(!1),he(null),D("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(I=>{E(I),I==="history"&&xt(!1)},[]),Xe=T.useCallback(()=>{if(k==="history"){yn("form");return}x?.()},[x,yn,k]),Dn=T.useMemo(()=>[...s,...it.filter(I=>!s.some(Q=>Q.txHash===I.txHash))],[s,it]);return{step:k,setStep:yn,status:J,error:He,quoteError:K,fromToken:f,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:Mt,approvalInfo:ce,approvalSuccessOpen:Qe,approveBridge:i,pendingSubmitInput:ge,submitToast:_t,successDialogOpen:at,dismissSuccessDialog:Bo,hasNewHistory:wt,termsUrl:l,setFromToken:A,setToToken:P,selectFromToken:vt,selectToToken:Ue,setAmount:Ze,setMax:kt,swapTokens:At,submit:$,confirmTerms:ee,cancelTerms:ke,confirmApproval:Pt,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{overflow:hidden;color:var(--bf-text-low);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}.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):not([data-locked=true]){background:var(--bf-surface-hover)}.bf-token-pill:disabled{cursor:default;opacity:.6}.bf-token-pill[data-locked=true]{cursor:default}.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:#fff;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em}.bf-status-toast-copy span{color:var(--bf-toast-color, rgba(255, 255, 255, .85));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 kr,jsx as p,jsxs as y}from"react/jsx-runtime";var ns=R.createContext(void 0);function xn(){return R.useContext(ns)}function ad(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 Za=[{value:"0.1",label:"0.1%"},{value:"0.5",label:"0.5%"},{value:"1",label:"1%"},{value:"5",label:"5%"}],sd={dev:"https://dev.crossdefi.io",stage:"https://stg.crossdefi.io",production:"https://crossdefi.io"},ld=[{value:"all",label:"ALL"},{value:"completed",label:"Completed"},{value:"pending",label:"Pending"}];function cd(e,t){return e==="auto"?t?`Auto ${t}%`:"Auto":e?`${e}%`:"1%"}function Xa(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 dd(e){return`${e.chainId}:${e.address.toLowerCase()}`}function os(e){let t=Number(e);return Number.isFinite(t)?t.toLocaleString("en-US",{maximumFractionDigits:t>=1?2:6}):e||"0"}function Ja(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 pd(e,t=6){if(!e)return e;let[n,o=""]=e.split(".");if(!o)return n;let r=o.slice(0,t).replace(/0+$/,"");return r?`${n}.${r}`:n}function fd(e,t){if(!t)return!1;let n=new Tt(e||"0"),o=new Tt(t.balance||"0");return!n.isFinite()||!o.isFinite()?!1:n.isGreaterThan(o)}function ud(e){if(e.priceUsd===void 0)return null;let t=new Tt(e.balance||"0");return t.isFinite()?`\u2248 $${t.multipliedBy(e.priceUsd).toFormat(2)} USD`:null}function md(e){if(e.priceUsd===void 0)return null;let t=new Tt(e.priceUsd);return t.isFinite()?`$${t.toFormat(t.isLessThan(1)?4:2)}`:null}function rs(e){if(!e.isFinite()||e.isNaN())return"0";let n=e.decimalPlaces(6,Tt.ROUND_DOWN).toFixed(6).replace(/\.?0+$/,""),[o="0",r]=n.split("."),a=new Tt(o||"0").toFormat(0);return r?`${a}.${r}`:a}function gd(e){return e.length<=14?e:`${e.slice(0,6)}...${e.slice(-6)}`}function hd(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 bd(e){let t=new Tt(e||"0");return!t.isFinite()||t.isNaN()?e||"0":rs(t)}function wd(e,t){if(t?.priceUsd===void 0)return null;let n=new Tt(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 xd(e,t){return t==="all"?!0:xo(e)===t}function vd(e){return e==="completed"?"Completed":e==="failed"?"Failed":"Pending"}function es(e){return e===56||e===97?"BSC":e===612044||e===5555?"CROSS":`Chain ${e}`}function is(e,t){return!!e&&!!t&&e.chainId===t.chainId&&e.address.toLowerCase()===t.address.toLowerCase()}function as(e,t){if(!(!e||!t))return e.chainId===t.chainId?"swap":is(e,t)||e.symbol.toLowerCase()===t.symbol.toLowerCase()?"bridge":"swap-bridge"}function ss(e){return e==="swap"||e==="deposit-swap"||e==="swap-withdraw"}function wo(e){return!e||e==="0"||Number(e)===0}function yd(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")||t.includes("insufficient network fee")?{from:e}:t.includes("insufficient liquidity")||t.includes("not enough liquidity")?{to:e}:{}:{}}function kd(e){let t=e.fromToken,n=e.toToken,o=as(t,n),r=e.fromAmount||"0",a=e.toAmount||"0",i=o!==void 0&&!ss(o),s=o!==void 0&&o!=="bridge";return{pathType:o,bridgeInfo:i?[{label:"Route",value:t&&n?`${es(t.chainId)} \u2192 ${es(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 ts({label:e,token:t,amount:n,usd:o,onAmountChange:r,onTokenClick:a,locked:i=!1}){return y("section",{className:"bf-amount-panel",children:[y("div",{className:"bf-amount-head",children:[p("span",{children:e}),y("span",{className:"bf-balance",children:[os(t?.balance??"0")," ",t?.symbol??""]})]}),y("div",{className:"bf-amount-main",children:[y("label",{className:"bf-amount-input-wrap",children:[y("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})]}),y("button",{type:"button",className:"bf-token-pill",onClick:i?void 0:a,disabled:!i&&!a,"data-locked":i?"true":void 0,"aria-label":`Select ${e.toLowerCase()} token`,children:[p(Pn,{token:t}),p("span",{children:t?.symbol??"Select"}),!i&&p(Xt,{size:16})]})]})]})}function Sd({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 u=v=>{v.key==="Escape"&&n()};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[n]);let l=R.useMemo(()=>t==="from"?e.tokens:e.availableToTokens,[e.availableToTokens,e.tokens,t]),d=R.useMemo(()=>{let u=r.trim().toLowerCase();return u?l.filter(v=>v.symbol.toLowerCase().includes(u)||v.name.toLowerCase().includes(u)):l},[r,l]),m=R.useCallback(u=>{t==="from"?e.selectFromToken(u):e.selectToToken(u),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:u=>{u.target===u.currentTarget&&n()},children:y("section",{className:"bf-token-picker",role:"dialog","aria-modal":"true","aria-labelledby":o,children:[p("span",{className:"bf-token-picker-handle","aria-hidden":"true"}),y("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})})]}),y("label",{className:"bf-token-search",children:[p(_a,{size:20}),p("span",{className:"bf-sr-only",children:"Search tokens"}),p("input",{value:r,onChange:u=>a(u.target.value),placeholder:"Search Tokens",autoComplete:"off",spellCheck:!1})]}),y("div",{className:"bf-token-list",children:[d.map(u=>{let v=is(u,c),x=v?md(u):ud(u);return y("button",{type:"button",className:"bf-token-row","data-selected":v?"true":"false",onClick:()=>m(u),children:[y("span",{className:"bf-token-row-left",children:[p(Pn,{token:u,size:40}),y("span",{className:"bf-token-meta",children:[p("span",{className:"bf-token-symbol",children:u.symbol}),!v&&p("span",{className:"bf-token-name",children:u.name})]})]}),y("span",{className:"bf-token-row-right",children:[y("span",{className:"bf-token-balance",children:[os(u.balance),v?null:` ${u.symbol}`]}),x&&p("span",{className:"bf-token-price",children:x})]})]},dd(u))}),d.length===0&&p("div",{className:"bf-token-empty",children:"No tokens found"})]})]})}),i)}function Cd({flow:e,onClose:t}){let n=R.useId(),[o,r]=R.useState(null),a=Za.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,m=Number.isFinite(l)&&l>5&&!d,h=x=>{e.setSlippage(x),t()},u=()=>{!c||d||(e.setSlippage(Xa(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 v=xn();return wn(p("div",{className:"bf-slippage-overlay","data-theme":v,role:"presentation",onMouseDown:x=>{x.target===x.currentTarget&&t()},children:y("section",{className:"bf-slippage-dialog",role:"dialog","aria-modal":"true","aria-labelledby":n,children:[y("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})})]}),y("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."}),y("div",{className:"bf-slippage-controls",children:[p("div",{className:"bf-slippage-presets",children:Za.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))}),y("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(Xa(x.target.value))},onKeyDown:x=>{x.key==="Enter"&&(x.preventDefault(),u())},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%."}):m?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:u,disabled:d,children:"Apply"})]})]})}),o)}function Rd({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:y("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."}),y("div",{className:"bf-terms-check-row","data-checked":n?"true":"false",children:[y("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 Nd({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 Td({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:y("section",{className:"bf-action-modal bf-approve-modal",role:"dialog","aria-modal":"true","aria-labelledby":n,children:[y("h3",{id:n,children:["Approve ",t.token.symbol]}),p(Pn,{token:t.token,size:72}),y("div",{className:"bf-approve-address-box",children:[p("span",{children:"Token Address"}),y("div",{children:[p("strong",{children:t.tokenAddress}),p(Nd,{value:t.tokenAddress,disabled:s})]})]}),y("div",{className:"bf-action-buttons",children:[p("button",{type:"button",className:"bf-action-secondary",onClick:e.cancelApproval,disabled:e.status==="submitting",children:"Cancel"}),y("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 Id({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:y("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"}),y("p",{className:"bf-action-modal-desc",children:["Token approval confirmed successfully.",p("br",{}),"Please continue to the next step."]}),y("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 Ld({fromAmount:e,toAmount:t,fromToken:n,toToken:o}){let[r,a]=R.useState(!1),i=R.useMemo(()=>{let l=new Tt(e||"0"),d=new Tt(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||n.symbol===o.symbol)return null;let s=r?o.symbol:n.symbol,c=r?n.symbol:o.symbol;return y("button",{type:"button",className:"bf-exchange-rate",onClick:()=>a(l=>!l),children:[y("span",{children:["1 ",s]}),p(Ha,{size:12}),y("span",{children:[rs(i)," ",c]})]})}function Ed({flow:e}){return e.submitToast?y("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"})}),y("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 Ad({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:y("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:"!"})}),y("span",{className:"bf-status-toast-copy",children:[p("strong",{children:"Error"}),p("span",{children:e})]})]})}function Pd(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 Bd({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:y("div",{className:"bf-success-body",children:[p("span",{className:"bf-success-mark","aria-hidden":"true"}),y("div",{className:"bf-success-copy",children:[p("strong",{id:t,children:Pd(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)=>y(R.Fragment,{children:[s>0&&p("span",{className:"bf-success-route-arrow",children:"\u2192"}),p(yr,{token:i,size:43})]},`${i.symbol}-${s}`))}),p("button",{type:"button",className:"bf-success-ok",onClick:e.dismissSuccessDialog,children:"OK"})]})})}),n)}function yr({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)=>y(R.Fragment,{children:[n>0&&p("span",{className:"bf-info-route-arrow","aria-hidden":"true",children:"\u2192"}),p(yr,{token:t})]},`${t.symbol}-${n}`))}):e.valueToken?y("span",{className:"bf-info-value-token",children:[p(yr,{token:e.valueToken}),p("span",{children:e.value})]}):p(kr,{children:e.value})}function ls({rows:e}){return!e||e.length===0?null:p("div",{className:"bf-info-rows",children:e.map((t,n)=>y("div",{className:"bf-info-row",children:[y("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 Md(e,t,n){return e.pathType==="bridge"?"Bridge Info":ss(e.pathType)?"Swap Info":t&&n?"Swap & Bridge Info":t?"Bridge Info":"Swap Info"}function _d({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(kr,{children:r.map(a=>{let i=a==="swap"?e.swapInfo:e.bridgeInfo;return i?.length?y("div",{className:"bf-info-section",children:[o&&p("h4",{children:a==="swap"?"Swap Info":"Bridge Info"}),p(ls,{rows:i})]},a):null})})}function Od({summary:e}){let t=!!e.bridgeInfo?.length,n=!!e.swapInfo?.length,o=!!e.txFee?.length,r=Md(e,t,n),[a,i]=R.useState(!0),[s,c]=R.useState(!0);return y("div",{className:"bf-details",children:[e.liquidity&&y("section",{className:"bf-liquidity",children:[y("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)&&y("section",{className:"bf-detail-section bf-info-card","data-open":a?"true":"false",children:[y("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(_d,{summary:e})})]}),o&&y("section",{className:"bf-detail-section bf-tx-fee-section","data-open":s?"true":"false",children:[y("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"}),y("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:pd(e.txFeeInfo?.estTxFee??"0")}),p(Xt,{size:16,className:"bf-collapse-chevron"})]})]}),s&&p("div",{className:"bf-collapse-body",children:p(ls,{rows:e.txFee})})]})]})}function zd({item:e}){let t=xo(e),n=wd(e.fromAmount,e.fromToken);return y("article",{className:"bf-history-item",children:[y("div",{className:"bf-history-item-head",children:[p("span",{className:"bf-history-status","data-status":t,children:vd(t)}),p("time",{className:"bf-history-time",dateTime:e.timestamp,children:hd(e.timestamp)})]}),y("div",{className:"bf-history-item-body",children:[y("strong",{className:"bf-history-amount",children:[bd(e.fromAmount)," ",e.fromToken.symbol]}),y("div",{className:"bf-history-meta",children:[p("span",{className:"bf-history-usd",children:n??gd(e.txHash)}),y("span",{className:"bf-history-route",children:[y("span",{className:"bf-history-route-token",children:[p(Pn,{token:e.fromToken,size:16}),p("span",{children:e.fromToken.symbol})]}),p(Da,{size:16,className:"bf-history-route-arrow"}),y("span",{className:"bf-history-route-token",children:[p(Pn,{token:e.toToken,size:16}),p("span",{children:e.toToken.symbol})]})]})]})]})]})}function Wd({flow:e}){let[t,n]=R.useState("all"),o=e.history.some(i=>xo(i)==="pending"),r=e.history.filter(i=>xd(i,t)),a=t==="all"?"No bridge history yet.":`No ${t} bridge history.`;return y("main",{className:"bf-history-body",children:[p("nav",{className:"bf-history-tabs","aria-label":"Bridge history filters",children:ld.map(i=>y("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(zd,{item:i},i.id||i.txHash))}):p("div",{className:"bf-empty",children:a})]})}function Dd({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??kd(e):null,d=sd[t],m=yd(e.quoteError),h=fd(e.fromAmount,e.fromToken),u=h?"Insufficient balance":m.from,v=e.quoteError&&!m.from&&!m.to?e.quoteError:"",x=e.error||v,w=e.history.some(f=>xo(f)==="pending"),E=(l?.pathType??as(e.fromToken,e.toToken))!=="bridge";return y(kr,{children:[y("main",{className:"bf-body",children:[y("div",{className:"bf-toolbar",children:[y("button",{type:"button",className:"bf-chip bf-chip-history",onClick:()=>e.setStep("history"),children:[p(Oa,{}),p("span",{children:"History"}),(w||e.hasNewHistory)&&p("span",{className:"bf-chip-dot","aria-hidden":"true"})]}),E&&y("button",{type:"button",className:"bf-chip",onClick:()=>a(!0),disabled:e.slippageLocked,"aria-haspopup":"dialog","aria-expanded":r,children:[p(za,{}),p("span",{children:e.slippageLocked?"Auto 1%":cd(e.slippage,e.effectiveSlippage)})]})]}),y("div",{className:"bf-swap-card","data-has-from-error":u?"true":"false",children:[p(ts,{label:"From",token:e.fromToken,amount:e.fromAmount,usd:Ja(e.fromAmount,e.fromToken),onAmountChange:f=>e.setAmount(f,"from"),onTokenClick:()=>o("from")}),u&&p("div",{className:"bf-field-error",children:u}),p("button",{type:"button",className:"bf-swap-toggle",onClick:()=>{e.swapTokens(),s(f=>f+360)},style:{transform:`translateX(-50%) rotate(${i}deg)`,transition:"transform 0.2s ease"},children:p(Wa,{size:22})}),p(ts,{label:"To",token:e.toToken,amount:e.toAmount,usd:Ja(e.toAmount,e.toToken),onAmountChange:f=>e.setAmount(f,"to"),onTokenClick:()=>o("to"),locked:e.availableToTokens.length<=1}),m.to&&p("div",{className:"bf-field-error",children:m.to})]}),p(Ld,{fromAmount:e.fromAmount,toAmount:e.toAmount,fromToken:e.fromToken,toToken:e.toToken}),l&&p(Od,{summary:l})]}),y("footer",{className:"bf-footer",children:[p("button",{type:"button",className:"bf-next",onClick:e.submit,disabled:e.status==="submitting"||!!e.quoteError||h,children:e.status==="submitting"?"Processing...":"Next"}),y("a",{className:"bf-powered",href:d,target:"_blank",rel:"noreferrer",children:["Powered by ",p("span",{className:"bf-powered-brand",children:"CROSS DeFi"})]})]}),n&&p(Sd,{flow:e,side:n,onClose:()=>o(null)}),r&&p(Cd,{flow:e,onClose:()=>a(!1)}),p(Rd,{flow:e}),e.approvalInfo&&p(Td,{flow:e,approval:e.approvalInfo}),p(Id,{flow:e}),p(Ed,{flow:e}),p(Ad,{message:e.submitToast?"":x}),p(Bd,{flow:e})]})}function vo({onClose:e,onBackToWallet:t,env:n,className:o,...r}){let a=R.useMemo(()=>Pe(n),[n]),i=Ya({...r,onExit:t}),s=R.useRef(null),c=ad(s),l=i.step==="history"?"History":"Swap & Bridge";return p(ns.Provider,{value:c,children:y("div",{ref:s,className:X("bf-root",o),"data-view":i.step,"data-status":i.status,children:[y("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(St,{size:24})})]}),i.step==="history"?p(Wd,{flow:i}):p(Dd,{flow:i,env:a})]})})}import{Fragment as ko,jsx as g,jsxs as N}from"react/jsx-runtime";var Gd="On-ramp is not available in your region.";function Sr(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 Ud(e){return parseInt(e.split(":")[1],10)}function $d(e){let t=e.lastIndexOf(".");return t===-1?{main:e,decimal:""}:{main:e.slice(0,t),decimal:e.slice(t)}}function jd(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 cs({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:m,showGameToken:h,showQR:u,showBridge:v,qrLogoSrc:x,walletAddress:w,accountName:k,sendAccounts:E,profileImageUrl:f,preferredTokens:A,close:C,onSelectWallet:P,onCopyAddress:M,onBuy:Z,onDisconnect:W,disconnectLabel:U,termsUrl:q,termsLabel:O,privacyUrl:ie,privacyLabel:ue,portalStyle:te,navContent:ae,navPosition:De,footerContent:se,view:K,setView:le,selectedSendToken:J,setSelectedSendToken:D,showPortfolio:He,portfolioTitle:pe,showTotalAssets:Ie,totalAssetsLabel:Le,sendTransaction:it,getTransactionReceipt:we,estimateGas:Mt,onOutlink:_e,lpBalanceReader:bt,stakingRewardsReader:Et,bridgeTokens:ce,bridgeHistory:me,getBridgeQuote:Qe,getBridgeToTokens:xe,getBridgeApproval:ge,approveBridge:he,submitBridge:_t,onReceive:Ge,onBridge:at,onSend:ve,onBuyDisabledMessage:wt}=zt(),[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??Gd)})},[ne,wt,Z,Ye]),{tokens:ye,isLoading:vt}=Ht(r,w,s&&d),{statsMap:Ue}=Gt(r,d),{categoryMap:yt}=Yi(r,d),kt=d&&Ie,{displayValue:At,isLowerBound:Ot,isLoading:lt}=Zi(r,w,s&&kt),[S,$]=F.useState(!1),ee=F.useRef(null),[ke,Pt]=F.useState(0),{holdings:Oe,isLoading:Wn}=Ki(r,w,s&&d&&m),Bo=F.useMemo(()=>Oe.map(b=>b.token),[Oe]),{imageMap:yn}=Qi(r,Bo,m&&Oe.length>0),Xe=F.useMemo(()=>{let b=[],L=[],j=[],Ae=new Map((A??[]).map((Y,fe)=>[`${Ud(Y.chainId)}:${Y.address.toLowerCase()}`,fe]));for(let Y of ye){let fe=Sr(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)L.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=Sr(r,Y.chainId,Y.symbol)??99,Yt=Sr(r,fe.chainId,fe.symbol)??99;return Qt-Yt}),L.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,...L,...j]},[ye,r,Ue,h,yt,A]),Dn=F.useMemo(()=>{if(!m)return[];let b=new Set(ye.map(L=>L.address.toLowerCase()));return[...Oe].filter(L=>!b.has(L.token.toLowerCase())).sort((L,j)=>{let Ae=new Bn(L.value);return new Bn(j.value).minus(Ae).toNumber()})},[Oe,m,ye]),I=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=>{I.current=!0,le(b)},[le]),[Os,Mo]=F.useState("recipient"),Gn=F.useCallback(()=>{D(null),Mo("recipient"),$e("wallet")},[D,$e]),_o=F.useCallback((b,L="recipient")=>{Mo(L),D(b),$e("send")},[D,$e]),zs=F.useCallback(()=>{if(at){at();return}$e("bridge")},[at,$e]),Ws=F.useCallback(b=>{clearTimeout(re.current),D(null),$e("wallet"),H({status:"pending",txHash:b.txHash,chainId:b.chainId,description:`${b.amount} ${b.tokenSymbol} to ${Ve(b.recipient)}`})},[D,$e]),Ds=F.useCallback(b=>{let L=J?.chainId;D(null),$e("wallet"),!(!b||!L)&&(H(j=>({status:"success",txHash:b,chainId:L,description:j?.txHash===b?j.description:"Tap to see your transaction"})),clearTimeout(re.current),re.current=setTimeout(()=>H(null),5e3))},[J?.chainId,D,$e]),Hs=F.useCallback(b=>{let L=b.txHash;L&&(H({status:"error",txHash:L,chainId:b.chainId,description:b.message}),clearTimeout(re.current),re.current=setTimeout(()=>H(null),5e3))},[]),Oo=F.useMemo(()=>{if(Ge)return Ge;if(u)return()=>$e("qr")},[Ge,u,$e]),Lr=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||(I.current=!1,Mo("recipient"))},[s]);let Er=F.useRef(null);F.useEffect(()=>{let b=Er.current;if(!b||!i)return;let L=j=>{j.pointerType==="touch"&&j.stopPropagation()};return b.addEventListener("pointerdown",L),()=>b.removeEventListener("pointerdown",L)},[i]);let[an,Ar]=F.useState(!1),zo=F.useRef(void 0),[kn,Un]=F.useState(!1);F.useEffect(()=>{if(!kn)return;let b=()=>Un(!1),L=Ae=>{Ae.key==="Escape"&&Un(!1)},j=setTimeout(()=>{document.addEventListener("mousedown",b,!0),document.addEventListener("keydown",L,!0)},0);return()=>{clearTimeout(j),document.removeEventListener("mousedown",b,!0),document.removeEventListener("keydown",L,!0)}},[kn]),F.useEffect(()=>()=>clearTimeout(zo.current),[]),F.useEffect(()=>()=>clearTimeout(re.current),[]),F.useEffect(()=>{let b=ee.current;if(!b||se===null){Pt(0);return}let L=()=>{Pt(b.offsetHeight)};if(L(),typeof ResizeObserver>"u")return;let j=new ResizeObserver(L);return j.observe(b),()=>j.disconnect()},[se]);let Pr=F.useCallback(async()=>{if(!an)try{await navigator.clipboard.writeText(w),Ar(!0),clearTimeout(zo.current),zo.current=setTimeout(()=>Ar(!1),2e3),M?.(w,!0)}catch{M?.(w,!1)}},[w,M,an]),$n=F.useCallback(b=>{b.currentTarget.setAttribute("data-loaded","true")},[]),Br=F.useMemo(()=>({background:jd(w)}),[w]),jn=F.useMemo(()=>f||tn(r,w,{size:120,bg:a==="dark"?"1A1A2E":"F3F6F8"}),[f,r,w,a]),Wo=F.useMemo(()=>$d(At),[At]),Fr=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,Mr=W?N("button",{type:"button",className:"wi-disconnect-btn",onClick:()=>{W(),C()},children:[g(ni,{size:16}),g("span",{className:"wi-disconnect-label",children:U})]}):null,Gs=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(li,{size:20}),g("span",{children:"Buy"})]}),v?N("button",{type:"button",className:"wi-action-card",onClick:zs,"aria-label":"Bridge",children:[g(ci,{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:Lr,disabled:!Lr,"aria-label":"Send",children:[g(ai,{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(si,{size:20}),g("span",{children:"Portfolio"})]})]}):null,Us=N("div",{className:X("wi-view-inner",I.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(),$(L=>!L)},onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),b.stopPropagation(),$(L=>!L))},"aria-label":S?"Show balance":"Hide balance",children:S?g(ri,{}):g(oi,{})})]}),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:[Ot&&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}):Gs),d&&g("div",{ref:Er,className:"wi-scrollable-body","data-vaul-no-drag":!0,children:N("div",{className:"wi-token-list",children:[vt&&Array.from({length:5},(b,L)=>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}})]})]},L)),!vt&&Xe.length===0&&!m&&g("div",{className:"wi-empty",children:"No Tokens Found"}),Xe.map(b=>{let L=Ue.get(ft(b.chainId,b.address)),j=L?parseFloat(L.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}),L&&N("div",{className:"wi-token-price-row",children:[g("span",{className:"wi-token-price",children:Yo(L.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:Wt(b.quantity.numeric,b.quantity.decimals)}),L&&g("span",{className:"wi-token-value",children:pi(b.quantity.numeric,b.quantity.decimals,L.price)})]})]},`${b.address}-${b.chainId}`)}),m&&Wn&&Array.from({length:3},(b,L)=>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-${L}`)),m&&!Wn&&!vt&&Xe.length===0&&Dn.length===0&&g("div",{className:"wi-empty",children:"No Tokens Found"}),m&&Dn.map(b=>{let L=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:L||"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:[Wt(b.current_price,18)," CROSS"]})})]})]}),N("div",{className:"wi-token-right",children:[g("span",{className:"wi-token-balance",children:Wt(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}),Mr&&g("div",{className:"wi-wallet-disconnect-row",children:Mr})]},"wallet"),$s=He?g("div",{className:X("wi-view-inner wi-portfolio-body",I.current&&"wi-view-portfolio"),children:g(bn,{env:r,theme:a,walletAddress:w,showHeader:!1,onOutlink:_e,lpBalanceReader:bt,stakingRewardsReader:Et})},"portfolio"):null,js=J?g("div",{className:X("wi-view-inner wi-send-body",I.current&&"wi-view-send"),children:g(lo,{env:r,theme:a,walletAddress:w,accountName:k,accounts:E,initialStep:Os,token:J,tokens:Xe,onTokenChange:D,sendTransaction:it,getTransactionReceipt:we,estimateGas:Mt,getTokenPriceUsd:b=>{let L=Ue.get(ft(b.chainId,b.address));if(!L?.price)return;let j=parseFloat(L.price);return Number.isFinite(j)?j:void 0},onClose:C,onBackToWallet:Gn,onSubmitted:Ws,onSuccess:Ds,onFailed:Hs,onOutlink:_e})},"send"):null,Vs=F.useMemo(()=>ce||Xe.map(b=>{let L=Ue.get(ft(b.chainId,b.address)),j=L?.price?parseFloat(L.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]),qs=g("div",{className:X("wi-view-inner wi-bridge-body",I.current&&"wi-view-send"),children:g(vo,{env:r,walletAddress:w,tokens:Vs,history:me,termsUrl:q,getQuote:Qe,getToTokens:xe,getApproval:ge,approveBridge:he,submitBridge:_t,onClose:C,onBackToWallet:Gn})},"bridge"),Do=!!P&&k?.trim().toLowerCase()!=="my wallet",_r=N(ko,{children:[N("span",{className:"wi-receive-avatar",children:[g("span",{className:"wi-avatar-fallback",style:Br}),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:k??"Account 1"}),Do&&g("span",{className:"wi-receive-chevron","data-open":kn,"aria-hidden":"true",children:g(Xt,{size:16})})]}),Ks=N("div",{className:X("wi-view-inner wi-qr-body",I.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),P?.()},"aria-label":"Switch account",children:_r}):g("div",{className:"wi-receive-account",children:_r}),N("div",{className:"wi-qr-block",children:[N("div",{className:"wi-qr-box",children:[g(Hd,{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(ii,{size:33})})]}),g("p",{className:"wi-qr-address",children:w})]}),N("button",{type:"button",className:"wi-qr-copy-btn",onClick:Pr,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"})]})]}),Fr&&g("div",{className:"wi-receive-footer",children:Fr})]},"qr"),Qs=K==="qr"||K==="portfolio"||K==="send"||K==="bridge",Or=se!==null?g("div",{className:"wi-builtin-footer",children:se}):null,zr=N("div",{className:"wi-account-text",children:[Do?N("button",{type:"button",className:"wi-account-row wi-account-row--btn",onClick:()=>{Un(!0),P?.()},"aria-label":"Switch account","aria-expanded":kn,children:[g("span",{className:"wi-account-name",children:k??"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:k??"Account 1"})}),N("button",{type:"button",className:"wi-address-row-btn",onClick:Pr,"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})})]})]}),Wr=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(Bt,{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:Qs?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(Bt,{size:24})}),g("div",{className:"wi-account-block wi-account-block--sub-account",children:zr}),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:Br}),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"}})]}),zr]}),N("div",{className:"wi-header-actions",children:[u&&v&&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"&&Us,K==="qr"&&Ks,K==="portfolio"&&$s,K==="send"&&js,K==="bridge"&&qs]}),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(di,{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"})]})]}),Or&&K!=="portfolio"&&K!=="send"&&g("div",{className:"wi-sticky-footer",children:g("div",{className:"wi-footer",ref:ee,children:Or})})]}),Dr={...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:Dr,"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"}),Wr]})]}):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:Dr,"data-no-balance":!d||void 0,"data-has-footer":ke>0||void 0,"data-view":K,children:Wr})})]})}import*as ds from"react";function ps({position:e="top",children:t}){let{setNavContent:n,setNavPosition:o}=zt();return ds.useEffect(()=>(n(t),o(e),()=>n(null)),[t,e,n,o]),null}import*as fs from"react";function us({children:e}){let{setFooterContent:t}=zt();return fs.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
|
-
`);
|
|
12
|
-
`);
|
|
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
|
-
`);
|
|
15
|
-
`);import{jsx as Cr}from"react/jsx-runtime";var qd="https://terms.crosstoken.io/docs/cross-terms-of-use",Kd="https://terms.crosstoken.io/docs/nexus-privacy-policy";function Qd({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:m,accountName:h,sendAccounts:u,profileImageUrl:v,connectorId:x,connectorName:w,connectorIconUrl:k,preferredTokens:E=[],onSelectWallet:f,onCopyAddress:A,onBuy:C,onBuyDisabledMessage:P,onDisconnect:M,disconnectLabel:Z="Disconnect",termsUrl:W=qd,termsLabel:U="Terms of Service",privacyUrl:q=Kd,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:D,lpBalanceReader:He,stakingRewardsReader:pe,bridgeTokens:Ie,bridgeHistory:Le,getBridgeQuote:it,getBridgeToTokens:we,getBridgeApproval:Mt,approveBridge:_e,submitBridge:bt,onReceive:Et,onBridge:ce,onSend:me,style:Qe,children:xe}){let ge=Pe(e),he=x?Zn[x]:void 0,_t=w??he?.name,Ge=k??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"),[At,Ot]=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(m),M?.()},[M,m]),Pt=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:m,accountName:h,sendAccounts:u,profileImageUrl:v,connectorName:_t,connectorIconUrl:Ge,preferredTokens:E,close:ye,onSelectWallet:f,onCopyAddress:A,onBuy:C,onBuyDisabledMessage:P,onDisconnect:M?ke:void 0,disconnectLabel:Z,termsUrl:W,termsLabel:U,privacyUrl:q,privacyLabel:O,portalStyle:Qe,navContent:vt,navPosition:yt,setNavContent:Ue,setNavPosition:kt,footerContent:At,setFooterContent:Ot,view:lt,setView:S,selectedSendToken:$,setSelectedSendToken:ee,showPortfolio:te,portfolioTitle:ae,showTotalAssets:De,totalAssetsLabel:se,sendTransaction:K,getTransactionReceipt:le,estimateGas:J,onOutlink:D,lpBalanceReader:He,stakingRewardsReader:pe,bridgeTokens:Ie,bridgeHistory:Le,getBridgeQuote:it,getBridgeToTokens:we,getBridgeApproval:Mt,approveBridge:_e,submitBridge:bt,onReceive:Et,onBridge:ce,onSend:me}),[ge,t,at,ne,ve,xt,a,i,s,c,l,d,m,h,u,v,_t,Ge,E,ye,f,A,C,P,M,ke,Z,W,U,q,O,Qe,vt,yt,At,lt,$,te,ae,De,se,K,le,J,D,He,pe,Ie,Le,it,we,Mt,_e,bt,Et,ce,me]);return Cr(Vo.Provider,{value:Pt,children:at?Cr(Vd.Root,{direction:ve,open:ne,onOpenChange:Ze,handleOnly:wt,noBodyStyles:!0,repositionInputs:!1,children:xe},"drawer"):Cr(ms.Root,{open:ne,onOpenChange:Ze,children:xe},"popover")})}var vn=Object.assign(Qd,{Trigger:qi,Content:cs,Nav:ps,Footer:us});import*as Lt from"react";import*as As from"@radix-ui/react-dialog";import{Drawer as op}from"vaul";import{createContext as Yd,useContext as Zd}from"react";var Co=Yd(null);function Fn(){let e=Zd(Co);if(!e)throw new Error("WalletConnectModal compound components must be used within <WalletConnectModal>");return e}import{useState as gs,useEffect as Xd,useCallback as Jd}from"react";function Ro(){let[e,t]=gs([]),[n,o]=gs(!0);Xd(()=>{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=Jd(a=>e.some(i=>i.rdns===a),[e]);return{wallets:e,isDetected:r,isLoading:n}}import*as bs from"@radix-ui/react-dialog";import{Drawer as ep}from"vaul";import{jsx as hs}from"react/jsx-runtime";function ws({asChild:e,children:t}){let{isMobile:n}=Fn(),o=n?ep.Trigger:bs.Trigger;return hs(o,{asChild:e??t!=null,children:t??hs("button",{type:"button",children:"Connect Wallet"})})}import*as It from"@radix-ui/react-dialog";import{Drawer as To}from"vaul";import{jsx as G,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:[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 xs(){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:[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 vs(){return Kt("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 ys(){return Kt("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 ks(){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:[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 Ss(){return Kt("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 Cs(){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 Rs(){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 Rr={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:xs,rdns:"io.metamask"},binance:{id:"binance",name:"Binance",description:"Mobile app only \u2014 Add CROSS network first",icon:vs},verse8:{id:"verse8",name:"Verse8 Wallet",description:"Optimized for Forge and Verse8 ecosystem",icon:ys,badge:"For Forge"},tron:{id:"tron",name:"Tron Wallet",description:"Dedicated for Tron-based transactions and assets",icon:ks,badge:"For SHOP"}};function Nr(e){return Rr[e]}var Tr={google:{id:"google",name:"Google",icon:Ss},apple:{id:"apple",name:"Apple",icon:Cs}};function Ns(e){return Tr[e]}import{Fragment as Ls,jsx as z,jsxs as Te}from"react/jsx-runtime";function tp({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 np({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 Ts(){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 u=Nr(h).visibility;return!u||u==="always"?!0:u==="desktop-only"?!c:u==="mobile-only"?c:!0}),d=o.length>0,m=l.length>0;return Te(Ls,{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(Rs,{})})]}),Te("div",{className:"wcm-body",children:[d&&Te(Ls,{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 u=Ns(h);return z(np,{social:u,onSignIn:()=>{n[h]?.(),s()}},h)})}),m&&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"})]})]}),m&&z("div",{className:"wcm-wallet-list",children:l.map(h=>{let u=Nr(h),v=u.rdns?i(u.rdns):!1;return z(tp,{wallet:u,detected:v,onConnect:()=>{e[h]?.(),s()}},h)})}),Te("p",{className:"wcm-terms",children:["By continuing, you agree to NEXUS"," ",z(Is,{href:r,children:"Terms of Service"})," and consent to its ",z(Is,{href:a,children:"Privacy Policy"}),"."]})]})]})}function Is({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 Es({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(Ts,{})})]})]}):Te(It.Portal,{children:[z(It.Overlay,{className:"wcm-overlay"}),Te(It.Content,{className:X("wcm-dialog-content",e),"data-theme":n,style:o,children:[z(It.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),z(It.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(Ts,{})})]})]})}_(`.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 Ur(e){try{return import.meta.env?.[e]}catch{return}}function $r(e){if(!(typeof process>"u"))return process.env?.[e]}function Be(e){if(e)return jr(e);let t=Ur("VITE_CROSSX_ENVIRONMENT")??Ur("NEXT_PUBLIC_CROSSX_ENVIRONMENT")??$r("NEXT_PUBLIC_CROSSX_ENVIRONMENT")??$r("CROSSX_ENVIRONMENT");return jr(t)}function jr(e){switch(e?.toLowerCase()){case"dev":case"development":return"dev";case"stage":case"staging":case"stg":return"stage";default:return"production"}}var jo="1.3.3";var qn="__nexusCrossAppLauncherRuntime";function Xs(){if(typeof window>"u")return null;let e=window;return e[qn]??(e[qn]={mode:"dapp-ui"}),e[qn]}function Js(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${jo}, \uC0AC\uC6A9 \uBAA8\uB4DC: connect-kit)`)}else console.info(`[CROSSx App Launcher] dapp-ui v${jo} \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 Vo(e){let t=Xs();t&&(e?.mode==="connect-kit-react"?t.mode="connect-kit-react":t.mode||(t.mode="dapp-ui"),e?.connectKitVersion&&(t.connectKitVersion=e.connectKitVersion),Js(t))}import*as pn from"react";import*as Vr from"@radix-ui/react-popover";import{Drawer as rl}from"vaul";import{createContext as el,useContext as tl}from"react";var qo=el(null);function Kn(){let e=tl(qo);if(!e)throw new Error("AppLauncher compound components must be used within <AppLauncher>");return e}import{useState as nl,useEffect as ol}from"react";function dn(e){let[t,n]=nl(!1);return ol(()=>{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 z(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))}z(`[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
|
+
`);z(`.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
|
+
`);z(`@keyframes al-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
|
|
4
|
+
`);z(`.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
|
+
`);z("");import{jsx as Ko}from"react/jsx-runtime";function qr({env:e,theme:t="dark",mobileBreakpoint:n=768,domain:o,children:r}){let a=dn(`(max-width: ${n}px)`),[i,s]=pn.useState(!1),c=pn.useCallback(()=>s(!1),[]),l=Be(e),d=pn.useMemo(()=>({env:l,theme:t,isMobile:a,open:i,domain:o,close:c}),[l,t,a,i,o,c]);return Ko(qo.Provider,{value:d,children:a?Ko(rl.Root,{direction:"right",open:i,onOpenChange:s,noBodyStyles:!0,children:r},"drawer"):Ko(Vr.Root,{open:i,onOpenChange:s,children:r},"popover")})}import*as Zr from"@radix-ui/react-popover";import{Drawer as al}from"vaul";import{jsx as qe,jsxs as il}from"react/jsx-runtime";function Kr({size:e=18}){return il("svg",{className:"al-trigger-icon",width:e,height:e,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[qe("rect",{width:"4",height:"4",rx:"2",fill:"currentColor"}),qe("rect",{x:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),qe("rect",{x:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),qe("rect",{y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),qe("rect",{x:"7",y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),qe("rect",{x:"14",y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),qe("rect",{y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),qe("rect",{x:"7",y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),qe("rect",{x:"14",y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"})]})}function Qr(){return qe("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:qe("path",{d:"M12 19L5 12M5 12L12 5M5 12H19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function Yr(){return qe("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:qe("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as Qn}from"react/jsx-runtime";function Xr({asChild:e,children:t,className:n,style:o}){let{isMobile:r,theme:a}=Kn(),i=t!=null,s=e??!0,c=n?`al-trigger-btn ${n}`:"al-trigger-btn",l=i?t:Qn("button",{type:"button",className:c,"data-theme":a,style:o,children:Qn(Kr,{size:18})});return r?Qn(al.Trigger,{asChild:s,children:l}):Qn(Zr.Trigger,{asChild:s,children:l})}import*as Jt from"react";import*as Zn from"@radix-ui/react-popover";import{Drawer as fn}from"vaul";import{useQuery as cl}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 sl="https://stg-contents.crosstoken.io/frontend/common/app-launcher/icons",ll="https://contents.crosstoken.io/frontend/common/app-launcher/icons";function ut(e,t){return`${e==="production"?ll:sl}/${t}.png`}function ei(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:ut(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:ut(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:ut(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:ut(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:ut(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:ut(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:ut(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:ut(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:ut(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:ut(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:ut(t,"explorer"),order:12e3,type:"explorer",badge:null,isNew:!1}]}}function Yn(e){let t=Be(e);return cl({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 ei(t)}},staleTime:0,gcTime:0,retry:!1,refetchOnMount:!0})}function X(...e){return e.filter(Boolean).join(" ")}import{jsx as Re,jsxs as Nn}from"react/jsx-runtime";function dl(e){return e.id==="cross-staking"||e.type==="cross-staking"}function ni({align:e="end",sideOffset:t=8,className:n}){let{env:o,theme:r,isMobile:a,domain:i,close:s}=Kn(),{data:c}=Yn(o),l=Jt.useMemo(()=>(c?.items??[]).sort((w,k)=>w.order-k.order),[c]),d=8,u=Jt.useRef(null),h=Jt.useCallback(w=>{u.current={x:w.clientX,y:w.clientY}},[]),m=typeof window<"u"?window.location.pathname:"",v=Jt.useCallback((w,k)=>{if(u.current){let I=w.clientX-u.current.x,C=w.clientY-u.current.y;if(u.current=null,Math.abs(I)>d||Math.abs(C)>d)return}let P=k.url[o]??k.url.production,f=ti(P,i);if(!f)try{let I=new URL(P).pathname;if(m===I||m.startsWith(I+"/")){s();return}}catch{}f?window.open(P,"_blank","noopener,noreferrer"):window.location.href=P,s()},[o,i,s,m]),x=Re("div",{className:"al-grid","data-theme":r,children:l.map(w=>{let k=w.url[o]??w.url.production,P=ti(k,i),f=!1;if(!P)try{let I=new URL(k).pathname;f=m===I||m.startsWith(I+"/")}catch{f=!1}return Nn("button",{type:"button",className:"al-grid-item","data-active":f||void 0,onPointerDown:h,onClick:I=>v(I,w),children:[Nn("div",{className:"al-grid-item-left",children:[Re("div",{className:"al-grid-item-icon",children:Re("img",{src:w.iconUrl,alt:w.label,width:24,height:24,loading:"lazy"})}),Re("span",{className:"al-grid-item-label",children:w.label}),w.isNew&&Re("span",{className:"al-badge-new",children:"N"})]}),Re("div",{className:"al-grid-item-right",children:w.badge&&!dl(w)&&Re("span",{className:"al-badge",children:w.badge})})]},w.id)})});return a?Nn(fn.Portal,{children:[Re(fn.Overlay,{className:"al-drawer-overlay"}),Nn(fn.Content,{className:X("al-drawer-content",n),"data-theme":r,children:[Nn("div",{className:"al-drawer-header",children:[Re(fn.Close,{className:"al-drawer-close",children:Re(Qr,{})}),Re(fn.Title,{className:"al-drawer-title",children:"CROSS Services"}),Re(fn.Close,{className:"al-drawer-close",children:Re(Yr,{})})]}),Re("div",{className:"al-drawer-body",children:x})]})]}):Re(Zn.Portal,{children:Re(Zn.Content,{align:e,sideOffset:t,className:X("al-popover-content",n),"data-theme":r,children:x})})}function ti(e,t){try{let n=new URL(e).hostname;return typeof window>"u"?!0:n!==(t??window.location.hostname)}catch{return!1}}import*as Oe from"react";import*as gs from"@radix-ui/react-popover";import{Drawer as qd}from"vaul";import{createContext as pl,useContext as fl}from"react";var Qo=pl(null);function Wt(){let e=fl(Qo);if(!e)throw new Error("WalletInfo compound components must be used within <WalletInfo>");return e}var Yo=(o=>(o.CROSSx="crossx",o.MetaMask="io.metamask",o.Binance="com.binance.wallet",o))(Yo||{}),Xn={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 ji from"react";import{jsx as q,jsxs as In}from"react/jsx-runtime";function oi({size:e=16,className:t}){return In("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 Tn({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 en({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 Ct({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 ri({size:e=20,className:t}){return In("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 Zo({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 tn({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 nn({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 ii({size:e=16,className:t}){return In("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 ai({size:e=16,className:t}){return In("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 si({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 li({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 ci({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 di({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 pi({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 fi({size:e=20,className:t}){return In("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 A from"react";import on from"bignumber.js";function ul(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 Dt(e,t){if(!e||e==="0")return"0.00";let n=new on(e).shiftedBy(-t),o=n.isGreaterThanOrEqualTo(1)?2:4;return n.toFormat(o,on.ROUND_DOWN)}function Ke(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}function Xo(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 ui(e,t,n){let r=new on(e).shiftedBy(-t).multipliedBy(new on(n));return r.isZero()||r.isNaN()?"$0.00":`$${(r.integerValue(on.ROUND_DOWN).isGreaterThanOrEqualTo(1)?r.decimalPlaces(2,on.ROUND_DOWN):r.decimalPlaces(4,on.ROUND_DOWN)).toFormat()}`}function mi(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=ul(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 ml}from"react";import{useQuery as gl}from"@tanstack/react-query";var nt={dev:"https://stg-wallet-server.crosstoken.io/api",stage:"https://stg-wallet-server.crosstoken.io/api",production:"https://wallet-server.crosstoken.io/api"},Ne={dev:{cross:612044,bsc:97},stage:{cross:612044,bsc:97},production:{cross:612055,bsc:56}};var hl="send:chain-info";function bl(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 wl(e,t,n,o){if(o)return t===Ne[e].cross?gi(t,o):n?.explorer_url?Jo(n.explorer_url,n.explorer_postfix?.transaction??"tx",o):xl(e,t,o)}function gi(e,t){return Jo("https://explorer.crosstoken.io",String(e),"tx",t)}function xl(e,t,n){let o=Ne[e];if(t===o.cross)return gi(t,n);if(t===o.bsc)return Jo(e==="production"?"https://bscscan.com":"https://testnet.bscscan.com","tx",n)}function Jn(e,t,n,o=!0){let r=nt[e],a=gl({queryKey:[hl,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 bl(d)},enabled:o,staleTime:300*1e3}),i=a.data;return{transactionUrl:ml(()=>wl(e,t,i,n),[t,i,e,n]),chainInfo:i,...a}}var hi="0x0000000000000000000000000000000000000001";var vl="0xa9059cbb",yl=/^0x[a-fA-F0-9]{40}$/,kl="nexus-cross:dapp-ui:send:recent:",bi=10;function Sl(e){let t=e.length;for(;t>0&&e.charCodeAt(t-1)===48;)t--;return e.slice(0,t)}function Ln(e){return e.toLowerCase()}function Rt(e){return yl.test(e)}function Ht(e){return Ln(e.address)===hi}function er(e){return`${kl}${e.toLowerCase()}`}function un(e){if(typeof window>"u")return[];try{let t=window.localStorage.getItem(er(e));if(!t)return[];let n=JSON.parse(t);return Array.isArray(n)?n.filter(o=>o!==null&&typeof o=="object"&&Rt(o.address)&&typeof o.updatedAt=="number").slice(0,bi):[]}catch{return[]}}function tr(e,t){if(typeof window>"u")return[];let n=Ln(t),o=[{address:n,updatedAt:Date.now()},...un(e).filter(r=>r.address!==n)].slice(0,bi);try{window.localStorage.setItem(er(e),JSON.stringify(o))}catch{return un(e)}return o}function nr(e){if(!(typeof window>"u"))try{window.localStorage.removeItem(er(e))}catch{}}function rn(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 or(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=Sl(a.toString().padStart(t,"0"));return`${r.toString()}.${i}`}function rr(e,t){let n=e.replace(/^0x/,"").toLowerCase().padStart(64,"0"),o=t.toString(16).padStart(64,"0");return`${vl}${n}${o}`}function eo(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 eo(e,t,6)}function wi(e){return eo(e,9,2)}function xi(e){return e.toLocaleString("en-US")}function to(e){return e===56||e===97}function no(e){return e.gasPrice??e.maxFeePerGas}function vi(e,t=!1){return t?no(e)!==void 0?"legacy":null:e.maxFeePerGas!==void 0?"dynamic":e.gasPrice!==void 0?"legacy":null}function oo(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 ro(e){return!Number.isFinite(e)||e<=0?"$0.00":`$${e.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})}`}function yi(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(yi(n.cause,t+1)),o.join(`
|
|
6
|
+
`).toLowerCase()}function Cl(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 ar(e,t={},n="Failed to send transaction."){let o=yi(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.":Cl(e)||n}var Rl=2000000000n,Nl=1000000000n;async function io(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 ao(e){return BigInt(e)}function Tl(e){return`0x${e.toString(16)}`}function Il(e){let t={to:e.to};return e.from&&(t.from=e.from),e.value!==void 0&&e.value>0n&&(t.value=Tl(e.value)),e.data&&(t.data=e.data),t}function Ll(e){return e===56||e===97}async function ki(e){try{let t=await io(e,"eth_gasPrice",[]);return{gasPrice:ao(t)}}catch{return{gasPrice:Rl}}}async function El(e,t){let n=Nl;try{let o=await io(e,"eth_maxPriorityFeePerGas",[]);n=ao(o)}catch{}return{maxFeePerGas:t+n,maxPriorityFeePerGas:n}}async function Al(e,t){if(t)return ki(e);let n;try{n=(await io(e,"eth_getBlockByNumber",["latest",!1]))?.baseFeePerGas}catch{}return n?El(e,ao(n)):ki(e)}async function Si(e,t){let n=Ll(t.chainId),o=Il(t),[r,a]=await Promise.all([io(e,"eth_estimateGas",[o]),Al(e,n)]);return{gasLimit:ao(r),gasPrice:a.gasPrice,maxFeePerGas:a.maxFeePerGas,maxPriorityFeePerGas:a.maxPriorityFeePerGas}}function Ci(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 Si(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 Pl=1500,Bl=120;function Ri(e){return!!(e.token||e.recipient||e.amount)}function sr({recipient:e,amount:t,token:n,balanceRaw:o}){let r={},a=e.trim(),i=rn(t,n.quantity.decimals),s;return a?Rt(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.")),!Ht(n)&&!Rt(n.address)&&(r.token="Token contract address is invalid."),{errors:r,rawAmount:r.amount?void 0:s,recipient:a&&Rt(a)?a:void 0}}function lr({token:e,walletAddress:t,recipient:n,rawAmount:o}){let r=t;return Ht(e)?{to:n,value:o,chainId:e.chainId,from:r}:{to:Ln(e.address),data:rr(n,o),value:0n,chainId:e.chainId,from:r}}function Fl(e){let{status:t}=e;return t==="reverted"||t==="0x0"||t===0||t===0n||t===!1}var Ml=e=>new Promise(t=>setTimeout(t,e));async function Ni({repository:e,args:t,chainId:n,onSubmitted:o,pollIntervalMs:r=Pl,pollMaxAttempts:a=Bl}){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 Fl(l)?"reverted":"success";await Ml(r)}return"timeout"}var Ti=["token","recipient","amount","review"];function Ii(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:h,onSubmitted:m,onSuccess:v,onFailed:x,onExit:w,onOutlink:k}=e,P=A.useMemo(()=>Ci({sendTransaction:l,getTransactionReceipt:d,estimateGas:u}),[l,d,u]),[f,I]=A.useState(i);A.useEffect(()=>{I(i)},[i.address,i.chainId]);let[C,B]=A.useState(a),[F,Z]=A.useState(""),[O,K]=A.useState(""),[_,J]=A.useState({}),[W,he]=A.useState("idle"),[ne,ae]=A.useState(""),[De,se]=A.useState(""),[H,le]=A.useState(null),[te,G]=A.useState(!1),[He,fe]=A.useState(""),Ee=A.useRef(0),[ue,lt]=A.useState(null),[ye,_t]=A.useState(""),[ze,vt]=A.useState(()=>un(n)),At=A.useMemo(()=>Be(t),[t]),{transactionUrl:ce,chainInfo:be}=Jn(At,f.chainId,ne||void 0,!0),Ze=be?.currency_symbol??"",ke=be?.name??`Chain ID ${f.chainId}`,we=A.useRef({nativeSymbol:Ze||void 0,networkName:ke,tokenSymbol:f.symbol});we.current={nativeSymbol:Ze||void 0,networkName:ke,tokenSymbol:f.symbol};let de=A.useMemo(()=>BigInt(f.quantity.numeric||"0"),[f.quantity.numeric]),yt=A.useMemo(()=>Dt(f.quantity.numeric,f.quantity.decimals),[f.quantity.numeric,f.quantity.decimals]),Ge=h?.(f),ct=A.useMemo(()=>{if(Ge===void 0)return;let S=parseFloat(O.replace(/,/g,""));return Number.isFinite(S)?S*Ge:0},[O,Ge]);A.useEffect(()=>{K(""),J({})},[f.address,f.chainId]),A.useEffect(()=>{Ee.current+=1,le(null),fe(""),G(!1)},[f.address,f.chainId,F,O]),A.useEffect(()=>{vt(un(n))},[n]);let Se=A.useCallback(S=>{Z(S),J(j=>({...j,recipient:void 0}))},[]),kt=A.useCallback(S=>{K(S),J(j=>({...j,amount:void 0}))},[]),St=A.useCallback(()=>{K(yt.replace(/,/g,"")),J(S=>({...S,amount:void 0}))},[yt]),Ae=A.useCallback(S=>{I(S),c?.(S),B("recipient")},[c]),dt=A.useCallback(()=>B("token"),[]),Xe=A.useCallback(()=>{B(S=>{if(S==="result")return"review";if(S===a)return w?.(),S;let j=Ti.indexOf(S);return j<=0?(w?.(),S):Ti[j-1]})},[a,w]),oe=A.useCallback(()=>{let{errors:S}=sr({recipient:F,amount:"1",token:f,balanceRaw:de});if(S.recipient){J(j=>({...j,recipient:S.recipient}));return}J(j=>({...j,recipient:void 0})),B("amount")},[F,f,de]),Je=A.useCallback(S=>{Z(S),J(j=>({...j,recipient:void 0})),B("amount")},[]),Ce=A.useCallback(()=>{let S=sr({recipient:F,amount:O,token:f,balanceRaw:de});J(S.errors),!(Ri(S.errors)||S.rawAmount===void 0||!S.recipient)&&(lt(S.rawAmount),_t(S.recipient),le(null),fe(""),he("idle"),B("review"))},[F,O,f,de]);A.useEffect(()=>{if(C!=="review"||!ye||ue===null||H!==null||te||He||!P.canEstimateGas(be?.rpc))return;let S=++Ee.current;G(!0),fe(""),(async()=>{try{let j=lr({token:f,walletAddress:n,recipient:ye,rawAmount:ue}),ee=await P.estimateGas(j,be?.rpc);if(Ee.current!==S)return;le(ee)}catch(j){if(Ee.current!==S)return;fe(ar(j,we.current,"Failed to estimate gas."))}finally{Ee.current===S&&G(!1)}})()},[C,ye,ue,H,te,He,P,be?.rpc,f,n]);let et=A.useMemo(()=>{if(!Ht(f)||!H||ue===null)return!1;let S=oo(H,to(f.chainId));return S===null?!1:ue+S>de},[f,H,ue,de]),Ue=A.useCallback(async()=>{if(!(!ye||ue===null)&&!et){se(""),ae(""),he("submitting");try{let S="",j=await Ni({repository:P,args:lr({token:f,walletAddress:n,recipient:ye,rawAmount:ue}),chainId:f.chainId,onSubmitted:ee=>{S=ee,ae(ee),he("confirming"),vt(tr(n,ye)),m?.({txHash:ee,chainId:f.chainId,amount:O,tokenSymbol:f.symbol,recipient:ye})}});if(j==="success")he("success"),S&&v?v?.(S):B("result");else if(j==="reverted"){let ee="Transaction reverted on-chain.";he("error"),se(ee),S&&x?x({txHash:S,chainId:f.chainId,message:ee}):B("result")}else{let ee="Transaction receipt was not found. Please check again later.";he("error"),se(ee),S&&x?x({txHash:S,chainId:f.chainId,message:ee}):B("result")}}catch(S){he("error"),se(ar(S,{nativeSymbol:Ze||void 0,networkName:ke,tokenSymbol:f.symbol})),B("result")}}},[P,ye,ue,et,f,O,n,m,v,x,Ze,ke]),[Pt,Bt]=A.useState(!1),pt=A.useRef(void 0);A.useEffect(()=>()=>clearTimeout(pt.current),[]);let Ot=A.useCallback(async()=>{if(ne)try{await navigator.clipboard.writeText(ne),Bt(!0),clearTimeout(pt.current),pt.current=setTimeout(()=>Bt(!1),2e3)}catch{}},[ne]),ft=A.useCallback(()=>{if(!ce||!ne)return;let S=$e=>{typeof window<"u"&&window.open($e,"_blank","noopener,noreferrer")};if(!k){S(ce);return}let j=k(ce,{category:"send",origin:"send-transaction",payload:{chainId:f.chainId,txHash:ne}});if(j&&typeof j.then=="function"){let $e=typeof window<"u"?window.open("","_blank","noopener,noreferrer"):null;j.then(je=>{if(je===null){$e?.close();return}let zt=je??ce;if($e)try{$e.location.href=zt}catch{$e.close(),S(zt)}else S(zt)});return}let ee=j;ee!==null&&S(ee??ce)},[k,f.chainId,ce,ne]),xe=A.useCallback(()=>{se(""),ae(""),he("idle"),le(null),fe(""),B("review")},[]);return{step:C,status:W,token:f,tokens:s.length>0?s:[f],recipient:F,amount:O,amountUsd:ct,fieldErrors:_,error:De,txHash:ne,gasEstimate:H,gasLoading:te,gasError:He,insufficientGas:et,reviewRawAmount:ue,reviewRecipient:ye,recentAddresses:ze,accounts:r,accountName:o,walletAddress:n,resolvedEnv:At,transactionUrl:ce,networkName:ke,nativeSymbol:Ze,nativeDecimals:be?.currency_decimals??f.quantity.decimals,balanceRaw:de,balanceText:yt,priceUsd:Ge,canSelectToken:(s.length>0?s:[f]).length>1,canSend:P.canSend,getTokenPriceUsd:h,setRecipient:Se,setAmount:kt,setMax:St,selectToken:Ae,goToTokenSelect:dt,selectRecipient:Je,submitRecipient:oe,submitAmount:Ce,confirmSend:Ue,retry:xe,back:Xe,hashCopied:Pt,copyHash:Ot,openTransaction:ft}}import*as mt from"react";import{jsx as En,jsxs as cr}from"react/jsx-runtime";function Li({flow:e}){let{amount:t,setAmount:n,amountUsd:o,balanceText:r,balanceRaw:a,token:i,setMax:s}=e,c=mt.useRef(null),l=mt.useCallback(()=>{requestAnimationFrame(()=>{let x=c.current;if(!x)return;let w=x.value.length;x.setSelectionRange(w,w)})},[]);mt.useEffect(()=>{c.current?.focus(),l()},[l]),mt.useEffect(()=>{t===""&&(h(!1),l())},[t,l]);let d=mt.useMemo(()=>{let x=rn(t,i.quantity.decimals);return"value"in x&&x.value>a},[t,i.quantity.decimals,a]),[u,h]=mt.useState(!1),m=!u&&t===""?"0.00":t,v=t.trim()===""||t.trim()==="0";return En("div",{className:"sf-body sf-amount",children:cr("div",{className:"sf-amount-center",children:[En("span",{className:"sf-amount-usd",children:o!==void 0?ro(o):"\xA0"}),En("div",{className:"sf-amount-input-wrap","data-over":d||void 0,"data-empty":v||void 0,onClick:()=>c.current?.focus(),children:En("input",{ref:c,className:"sf-amount-input",value:m,onChange:x=>{let w=x.target.value;if(u)n(w);else if(t===""){if(w.length<4)return;h(!0);let k=w.startsWith("0.00")?w.slice(4):w;n(k)}else h(!0),n(w)},placeholder:"0.00",inputMode:"decimal",autoComplete:"off","aria-label":`Amount in ${i.symbol}`,size:1})}),cr("div",{className:"sf-amount-balance",children:[En("span",{children:"Balance:"}),cr("button",{type:"button",className:"sf-amount-max",onClick:s,children:[r," ",i.symbol]})]})]})})}import*as gt from"react";var dr={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"},Ei={cross:"https://contents.crosstoken.io/wallet/token/images/CROSS.svg",bsc:"https://contents.crosstoken.io/wallet/token/images/BSC.svg"};function An(e,t){let n=Ne[e];if(t===n.cross)return Ei.cross;if(t===n.bsc)return Ei.bsc}var _l={dev:"https://dev-portrait.crosstoken.io",stage:"https://dev-portrait.crosstoken.io",production:"https://portrait.crosstoken.io"};function Ft(e,t,n={}){if(!t||!t.startsWith("0x"))return;let{size:o=120,bg:r,format:a="png"}=n,i=_l[e],s=r?`&bg=${r}`:"";return`${i}/portrait/evm/${t}.${a}?size=${o}${s}`}import{jsx as ot,jsxs as so}from"react/jsx-runtime";function Ai({size:e=20,className:t}){return so("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",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 Pi({size:e=20,className:t}){return ot("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",className:t,"aria-hidden":"true",children:ot("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 Bi({size:e=20,className:t}){return so("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,"aria-hidden":"true",children:[ot("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor",opacity:"0.12"}),ot("path",{d:"M7 7l6 6M13 7l-6 6",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})]})}function Fi({size:e=16,className:t}){return ot("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",className:t,"aria-hidden":"true",children:ot("path",{d:"M8 3v10m0 0 4-4m-4 4-4-4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})}function Mi({size:e=56,className:t}){return so("svg",{width:e,height:e,viewBox:"0 0 56 56",fill:"none",className:t,"aria-hidden":"true",children:[ot("circle",{cx:"28",cy:"28",r:"28",fill:"var(--ds-accent-primary-default, #00b4b7)"}),ot("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 _i({size:e=56,className:t}){return so("svg",{width:e,height:e,viewBox:"0 0 56 56",fill:"none",className:t,"aria-hidden":"true",children:[ot("circle",{cx:"28",cy:"28",r:"28",fill:"var(--ds-system-red-default, #da0b2e)"}),ot("path",{d:"M20 20 36 36m0-16L20 36",stroke:"#ffffff",strokeWidth:"4",strokeLinecap:"round"})]})}import{jsx as pe,jsxs as Nt}from"react/jsx-runtime";function Oi(e,t){return e.name||`Account ${(e.index??t)+1}`}function zi(e){return e.trim().slice(0,1).toUpperCase()||"A"}function Wi(e){return e.toLowerCase()}function Di({flow:e}){let{recipient:t,setRecipient:n,fieldErrors:o,recentAddresses:r,accounts:a,walletAddress:i,resolvedEnv:s,selectRecipient:c}=e,l=gt.useMemo(()=>a.filter(f=>f.address.toLowerCase()!==i.toLowerCase()),[a,i]),d=l.length>0,u=gt.useMemo(()=>new Map(l.map((f,I)=>[Wi(f.address),{account:f,index:I}])),[l]),[h,m]=gt.useState("recent"),v=gt.useRef(null);gt.useEffect(()=>{v.current?.focus()},[]);let x="1A1A2E",w=gt.useCallback(async()=>{try{let f=await navigator.clipboard.readText();f&&n(f.trim())}catch{}},[n]),k=t.trim().length>0,P=Rt(t.trim());return Nt("div",{className:"sf-recipient",children:[Nt("div",{className:"sf-recipient-top",children:[Nt("div",{className:"sf-address-field","data-filled":k||void 0,"data-invalid":o.recipient||void 0,children:[pe("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:k?2:1}),k?pe("button",{type:"button",className:"sf-address-action",onClick:()=>n(""),"aria-label":"Clear",children:pe(Bi,{size:20})}):pe("button",{type:"button",className:"sf-address-action",onClick:w,"aria-label":"Paste from clipboard",children:pe(Pi,{size:20})})]}),o.recipient&&pe("p",{className:"sf-field-error",role:"alert",children:o.recipient}),Nt("div",{className:"sf-tabs",role:"tablist",children:[pe("button",{type:"button",role:"tab",className:"sf-tab","data-active":h==="recent"||void 0,"aria-selected":h==="recent",onClick:()=>m("recent"),children:"Recent"}),d&&pe("button",{type:"button",role:"tab",className:"sf-tab","data-active":h==="account"||void 0,"aria-selected":h==="account",onClick:()=>m("account"),children:"My Account"})]})]}),pe("div",{className:"sf-address-list",children:h==="account"&&d?l.map((f,I)=>{let C=Oi(f,I),B=Ft(s,f.address,{size:56,bg:x});return Nt("button",{type:"button",className:"sf-address-row",onClick:()=>c(f.address),children:[Nt("span",{className:"sf-address-avatar",children:[B&&pe("img",{src:B,alt:"",width:40,height:40,draggable:!1,onError:F=>{F.currentTarget.style.display="none"}}),pe("span",{className:"sf-address-avatar-fallback",children:zi(C)})]}),Nt("span",{className:"sf-address-meta",children:[pe("span",{className:"sf-address-name",children:C}),pe("span",{className:"sf-address-value",children:Ke(f.address)})]})]},f.address)}):r.length>0?r.map(f=>{let I=u.get(Wi(f.address)),C=I?Oi(I.account,I.index):Ke(f.address),B=Ft(s,f.address,{size:56,bg:x});return Nt("button",{type:"button",className:"sf-address-row",onClick:()=>c(f.address),children:[Nt("span",{className:"sf-address-avatar",children:[B&&pe("img",{src:B,alt:"",width:40,height:40,draggable:!1,onError:F=>{F.currentTarget.style.display="none"}}),pe("span",{className:"sf-address-avatar-fallback",children:zi(C)})]}),Nt("span",{className:"sf-address-meta",children:[pe("span",{className:"sf-address-name",children:C}),pe("span",{className:"sf-address-value",children:Ke(f.address)})]})]},f.address)}):pe("div",{className:"sf-empty",children:"No send history"})}),k&&!P&&!o.recipient&&pe("p",{className:"sf-field-error",role:"alert",children:"Enter a valid EVM recipient address."})]})}import{jsx as Fe,jsxs as mn}from"react/jsx-runtime";function Gi({flow:e}){let{status:t,txHash:n,error:o,copyHash:r,hashCopied:a,openTransaction:i}=e,s=t==="error",c=t==="success";return s?mn("div",{className:"sf-body sf-result sf-result--error",children:[Fe("span",{className:"sf-result-icon",children:Fe(_i,{size:56})}),mn("div",{className:"sf-result-copy",children:[Fe("h3",{className:"sf-result-title",children:"Transaction Failed"}),Fe("p",{className:"sf-result-desc",children:o||"Something went wrong. Please try again."})]}),n&&Fe(Hi,{txHash:n,hashCopied:a,onCopy:r,onOpen:i})]}):mn("div",{className:"sf-body sf-result",children:[Fe("span",{className:"sf-result-icon","data-pending":!c||void 0,children:c?Fe(Mi,{size:56}):Fe("span",{className:"sf-result-spinner"})}),mn("div",{className:"sf-result-copy",children:[Fe("h3",{className:"sf-result-title",children:c?"Transaction Complete":"Transaction in Progress"}),Fe("p",{className:"sf-result-desc",children:c?"Your transfer was sent successfully.":"Transfer in progress. Waiting for confirmation."})]}),n&&Fe(Hi,{txHash:n,hashCopied:a,onCopy:r,onOpen:i})]})}function Hi({txHash:e,hashCopied:t,onCopy:n,onOpen:o}){return mn("div",{className:"sf-result-hash-card",children:[Fe("span",{className:"sf-result-hash-label",children:"Transaction Hash"}),mn("div",{className:"sf-result-hash-row",children:[Fe("button",{type:"button",className:"sf-result-hash-link",onClick:o,"aria-label":"Open transaction in explorer",children:Ke(e)}),Fe("button",{type:"button",className:"sf-result-copy-btn",onClick:n,"aria-label":"Copy transaction hash",children:t?Fe(en,{size:16}):"Copy"})]})]})}import{jsx as re,jsxs as Me}from"react/jsx-runtime";var lo="\u2014";function Ui({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:h,insufficientGas:m,error:v,resolvedEnv:x}=e,w=Ht(t),k=n!==null?eo(n,t.quantity.decimals):"",P=r?.trim()||`Account ${(a[0]?.index??0)+1}`,f=Ft(x,i,{size:56,bg:"1A1A2E"}),I=c||(w?t.symbol:""),C=to(t.chainId),B=d?vi(d,C):null,F=d?oo(d,C):null,Z=W=>W!==null&&I?`${ir(W,l)} ${I}`:lo,O=W=>W!==void 0?`${wi(W)} Gwei`:lo,K=(()=>{if(!w||!d||F===null||n===null)return lo;let W=n+F;return`${ir(W,l)} ${I||t.symbol}`})(),_=W=>u?"\u2026":W,J=[{label:"Est. Tx Fee",value:_(Z(F))},...B==="dynamic"?[{label:"Max Priority Fee",value:_(O(d?.maxPriorityFeePerGas))},{label:"Max Gas Fee",value:_(O(d?.maxFeePerGas))}]:B==="legacy"?[{label:"Gas Price",value:_(O(d?no(d):void 0))}]:[],{label:"Gas Limit",value:_(d?xi(d.gasLimit):lo)}];return Me("div",{className:"sf-body sf-review",children:[Me("div",{className:"sf-review-amount",children:[re("img",{className:"sf-review-amount-icon",src:t.icon_url,alt:"",width:40,height:40,draggable:!1,onError:W=>{W.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),Me("span",{className:"sf-review-amount-value",children:[k,re("span",{className:"sf-review-amount-symbol",children:t.symbol})]})]}),Me("div",{className:"sf-review-parties",children:[Me("div",{className:"sf-review-card sf-review-party",children:[re("span",{className:"sf-review-party-label",children:"From"}),Me("div",{className:"sf-review-party-head",children:[re("span",{className:"sf-review-party-avatar",children:f&&re("img",{src:f,alt:"",width:28,height:28,draggable:!1,onError:W=>{W.currentTarget.style.display="none"}})}),re("span",{className:"sf-review-party-name",children:P})]}),re("span",{className:"sf-review-party-addr",children:i})]}),re("span",{className:"sf-review-arrow","aria-hidden":!0,children:re(Fi,{size:16})}),Me("div",{className:"sf-review-card sf-review-party",children:[re("span",{className:"sf-review-party-label",children:"To"}),re("span",{className:"sf-review-party-addr",children:o})]})]}),Me("section",{className:"sf-review-card",children:[re("h3",{className:"sf-review-section-title",children:"Summary"}),Me("div",{className:"sf-review-row",children:[re("span",{className:"sf-review-row-label",children:"Network"}),re("span",{className:"sf-review-row-value",children:s})]}),J.map(W=>Me("div",{className:"sf-review-row",children:[re("span",{className:"sf-review-row-label",children:W.label}),re("span",{className:"sf-review-row-value",children:W.value})]},W.label))]}),Me("section",{className:"sf-review-card",children:[re("h3",{className:"sf-review-section-title",children:"Total"}),Me("div",{className:"sf-review-row",children:[re("span",{className:"sf-review-row-label",children:"Total Amount"}),Me("span",{className:"sf-review-row-value",children:[k," ",t.symbol]})]}),w&&Me("div",{className:"sf-review-row",children:[re("span",{className:"sf-review-row-label",children:"Max. Total Amount"}),re("span",{className:"sf-review-row-value",children:_(K)})]})]}),m&&!h&&!v&&Me("div",{className:"sf-message sf-message--error",role:"alert",children:["Not enough ",I||t.symbol," to cover the amount plus the network fee. Reduce the amount and try again."]}),(h||v)&&re("div",{className:"sf-message sf-message--error",role:"alert",children:h||v})]})}import*as co from"react";import{jsx as Gt,jsxs as an}from"react/jsx-runtime";function $i({flow:e}){let[t,n]=co.useState(""),o=t.trim().toLowerCase(),r=co.useMemo(()=>o?e.tokens.filter(a=>a.symbol.toLowerCase().includes(o)||a.name.toLowerCase().includes(o)):e.tokens,[e.tokens,o]);return an("div",{className:"sf-body sf-token-select",children:[an("div",{className:"sf-search",children:[Gt(Ai,{size:20}),Gt("input",{className:"sf-search-input",value:t,onChange:a=>n(a.target.value),placeholder:"Search Tokens",autoComplete:"off",spellCheck:!1,"aria-label":"Search tokens"})]}),an("div",{className:"sf-token-list",children:[r.map(a=>{let i=`${a.chainId}:${a.address.toLowerCase()}`,s=An(e.resolvedEnv,a.chainId),c=e.getTokenPriceUsd?.(a);return an("button",{type:"button",className:"sf-token-row",onClick:()=>e.selectToken(a),children:[an("span",{className:"sf-token-left",children:[an("span",{className:"sf-token-icon-wrap",children:[Gt("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&&Gt("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"}})]}),Gt("span",{className:"sf-token-name",children:a.symbol})]}),an("span",{className:"sf-token-right",children:[Gt("span",{className:"sf-token-balance",children:Dt(a.quantity.numeric,a.quantity.decimals)}),c!==void 0&&Gt("span",{className:"sf-token-price",children:ro(c)})]})]},i)}),r.length===0&&Gt("div",{className:"sf-empty",children:"No tokens found"})]})]})}z(`.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 ve,jsxs as po}from"react/jsx-runtime";var Ol={token:"Send",recipient:"Send",amount:"Send",review:"Sign Transaction",result:""};function fo({onClose:e,onBackToWallet:t,onConfirmSuccess:n,onSuccess:o,className:r,...a}){let i=ji.useCallback(k=>{o?.(k),n?.(k)},[n,o]),c=Ii({...a,onSuccess:o||n?i:void 0,onExit:t}),{step:l,status:d}=c,u=Rt(c.recipient.trim()),h=rn(c.amount,c.token.quantity.decimals),m="value"in h&&h.value<=c.balanceRaw,v=d==="submitting"||d==="confirming",x=l!=="result",w=Ol[l]??"";return po("div",{className:X("sf-root",r),"data-step":l,children:[po("header",{className:"sf-header",children:[x?ve("button",{type:"button",className:"sf-header-btn",onClick:c.back,"aria-label":"Back",children:ve(tn,{size:24})}):ve("span",{className:"sf-header-btn","aria-hidden":!0}),ve("span",{className:"sf-header-title",children:w}),ve("button",{type:"button",className:"sf-header-btn",onClick:e,"aria-label":"Close",children:ve(Ct,{size:24})})]}),l==="token"&&ve($i,{flow:c}),l==="recipient"&&ve(Di,{flow:c}),l==="amount"&&ve(Li,{flow:c}),l==="review"&&ve(Ui,{flow:c}),l==="result"&&ve(Gi,{flow:c}),po("footer",{className:"sf-footer","data-step":l,children:[l==="recipient"&&ve("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitRecipient,"data-disabled":!u||void 0,"aria-disabled":!u,children:"Next"}),l==="amount"&&ve("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitAmount,"data-disabled":!m||void 0,"aria-disabled":!m,children:"Next"}),l==="review"&&po("div",{className:"sf-footer-row",children:[ve("button",{type:"button",className:"sf-btn sf-btn--secondary",onClick:c.back,disabled:v,children:"Cancel"}),ve("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.confirmSend,disabled:v||!c.canSend||c.insufficientGas,children:v?"Sending...":"Send"})]}),l==="result"&&d==="success"&&ve("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:()=>n?.(c.txHash||void 0),children:"All done"}),l==="result"&&d==="error"&&ve("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.retry,children:"Try Again"})]})]})}import*as Vi from"@radix-ui/react-popover";import{Drawer as zl}from"vaul";import{jsx as uo,jsxs as Wl}from"react/jsx-runtime";function qi({asChild:e,className:t,children:n}){let{isMobile:o,theme:r,walletAddress:a}=Wt(),i=n!=null,s=e??!0,c=i?n:Wl("button",{type:"button",className:X("wi-trigger-btn",t),"data-theme":r,"data-mobile":o||void 0,children:[uo(oi,{size:o?14:16}),uo("span",{className:"wi-trigger-address",children:Ke(a)})]});return o?uo(zl.Trigger,{asChild:s,children:c}):uo(Vi.Trigger,{asChild:s,children:c})}import*as M from"react";import*as No from"@radix-ui/react-popover";import{Drawer as Co}from"vaul";import Mn from"bignumber.js";import{useQueries as Dl}from"@tanstack/react-query";import{useMemo as Hl}from"react";var pr="user-balance";async function Gl(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 Ut(e,t,n=!0){let o=nt[e],r=Ne[e],a=[r.cross,r.bsc],i=Dl({queries:a.map(d=>({queryKey:[pr,e,t,d],queryFn:({signal:u})=>Gl(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:Hl(()=>{let d=[];for(let u of i)u.data&&d.push(...u.data);return d},[i]),isLoading:s,isError:c}}import{useQuery as Ul,useQueries as $l}from"@tanstack/react-query";import{useMemo as jl}from"react";var Vl="forge-holdings",ql="forge-token-image";async function Kl(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 Ki(e,t,n=!0){let o=dr[e],{data:r,...a}=Ul({queryKey:[Vl,e,t],queryFn:({signal:i})=>Kl(o,t,i),enabled:!!t&&n,staleTime:0,refetchInterval:n?5e3:!1});return{holdings:r??[],...a}}function Qi(e,t,n=!0){let o=dr[e],r=$l({queries:t.map(i=>({queryKey:[ql,e,i],queryFn:({signal:s})=>Ql(o,i,s),enabled:n,staleTime:1/0}))});return{imageMap:jl(()=>{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 Yl}from"@tanstack/react-query";import{useMemo as Zl}from"react";var fr="token-stats";function ht(e,t){return`${e}:${t.toLowerCase()}`}function $t(e,t=!0){let n=nt[e],{data:o,...r}=Yl({queryKey:[fr,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=ht(s.chain_id,s.address);i.set(c,s)}return i},[o]),...r}}import{useQuery as Xl}from"@tanstack/react-query";import{useMemo as Jl}from"react";var ec="token-info";function ur(e,t){return`${t.toLowerCase()}_${e}`}function Yi(e,t=!0){let n=nt[e],{data:o,...r}=Xl({queryKey:[ec,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:Jl(()=>{let i=new Map;if(!o?.data)return i;for(let s of o.data){let c=ur(s.chain_id,s.address);i.set(c,s.category)}return i},[o]),...r}}import{useMemo as tc}from"react";import mr from"bignumber.js";function Zi(e,t,n){let{tokens:o,isLoading:r}=Ut(e,t,n),{statsMap:a}=$t(e,n);return tc(()=>{let i=new mr(0);for(let d of o){let u=a.get(ht(d.chainId,d.address));if(!u)continue;let m=new mr(d.quantity.numeric).shiftedBy(-d.quantity.decimals).multipliedBy(new mr(u.price));m.isNaN()||(i=i.plus(m))}let s=i.toFixed(),{displayValue:c,isLowerBound:l}=mi(s);return{totalUsd:s,displayValue:c,isLowerBound:l,isLoading:r}},[o,a,r])}import{QRCodeSVG as Gd}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=u=>{if(u===null){l?.close();return}let h=u??t;if(l)try{l.location.href=h}catch{l.close(),a(h)}else a(h)};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 ln from"react";import{Drawer as Xc}from"vaul";import{createContext as nc,useContext as oc}from"react";var Pn=nc(null);function rt(){let e=oc(Pn);if(!e)throw new Error("WalletPortfolio compound components must be used within <WalletPortfolio>");return e}import{Drawer as rc}from"vaul";import{jsx as Xi}from"react/jsx-runtime";function Ji({asChild:e,children:t}){let{walletAddress:n}=rt(),o=t!=null,r=e??!0,a=o?t:Xi("button",{type:"button",children:Ke(n)});return Xi(rc.Trigger,{asChild:r,children:a})}import{Drawer as xo}from"vaul";import*as Ie from"react";import{useQueryClient as Qc}from"@tanstack/react-query";import{jsx as sn,jsxs as na}from"react/jsx-runtime";function ea({size:e=22,className:t}){return sn("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:sn("path",{d:"M14 4L7 11L14 18",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function ta({size:e=22,className:t}){return na("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[sn("path",{d:"M18.333 3.667v5.5h-5.5",stroke:"currentColor",strokeWidth:1.833,strokeLinecap:"round",strokeLinejoin:"round"}),sn("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 Mt({size:e=12,className:t}){return na("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:[sn("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"}),sn("path",{d:"M7 1H11V5",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),sn("path",{d:"M11 1L6 6",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})]})}import gn from"bignumber.js";var ic=/^(\d{4}-\d{2}-\d{2})/;function oa(e){if(!e||e.length===0)return;let t=new Map,n;for(let{key:r,cumulative:a}of e.map(i=>({key:ic.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 ra(e){return e.length<=12?e:`${e.slice(0,6)}...${e.slice(-4)}`}function hn(e,t){let n=new gn(e).shiftedBy(-t);return!n.isFinite()||n.isZero()?"0":n.isGreaterThanOrEqualTo(1)?n.toFormat(2,gn.ROUND_DOWN):n.toFormat(4,gn.ROUND_DOWN)}function gr(e){return hn(e,0)}function bn(e,t,n){let o=new gn(n||"0");if(!o.isFinite()||o.isLessThanOrEqualTo(0))return null;let r=new gn(e||"0").shiftedBy(-t).times(o);return r.isFinite()?`$${r.toFormat(2,gn.ROUND_DOWN)}`:null}import{useQuery as ac}from"@tanstack/react-query";import{useMemo as da}from"react";var mo={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"},ia={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},go={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"},aa={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},wn={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"},Bn={dev:"https://dev-stake.ogfcorp.com",stage:"https://stg-stake.ogfcorp.com",production:"https://stake.ogfcorp.com"},sa={dev:`${Bn.dev}/portfolio`,stage:`${Bn.stage}/portfolio`,production:`${Bn.production}/portfolio`},la={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"},ca={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},jt={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 sc="wp:reward-pools";function ho(e,t=!0){let n=mo[e],{data:o,...r}=ac({queryKey:[sc,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=da(()=>o?.data.pools.filter(s=>s.pool_type==="CrossPool")??[],[o]),i=da(()=>o?.data.pools.filter(s=>s.pool_type==="GamePool")??[],[o]);return{crossPools:a,gamePools:i,allPools:o?.data.pools??[],...r}}import{useQuery as lc}from"@tanstack/react-query";import{useMemo as cc}from"react";var dc="wp:user-deposits";function pa(e,t,n=!0){let o=mo[e],r=n&&!!t,{data:a,...i}=lc({queryKey:[dc,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:cc(()=>{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 pc}from"@tanstack/react-query";import{useMemo as fc}from"react";var uc="wp:token-info";function fa(e,t=!0){let n=nt[e],o=Ne[e].cross,{data:r,...a}=pc({queryKey:[uc,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}=fc(()=>{let l=new Map,d=new Map;if(!r?.data)return{byChainAddr:l,byChainSym:d};for(let u of r.data){let h=u.address.toLowerCase();l.set(`${u.chain_id}:${h}`,u),l.set(h,u);let m=u.symbol.replace(/^t/,"").toUpperCase(),v=`${u.chain_id}:${m}`;d.has(v)||d.set(v,u),d.has(m)||d.set(m,u)}return{byChainAddr:l,byChainSym:d}},[r]);return{getTokenImage:(l,d)=>{let u=l.toLowerCase(),h=i.get(`${o}:${u}`);if(h?.image)return h.image;let m=i.get(u);if(m?.image)return m.image;if(d){let v=d.replace(/^t/,"").toUpperCase(),x=s.get(`${o}:${v}`);if(x?.image)return x.image;let w=s.get(v);if(w?.image)return w.image}return""},...a}}import{jsx as bo,jsxs as ua}from"react/jsx-runtime";function Vt({title:e,icon:t,iconFit:n="cover",isEmpty:o,children:r}){return ua("div",{className:"wp-svc-card",children:[ua("div",{className:"wp-svc-card-head",children:[bo("img",{className:"wp-svc-card-icon",src:t,alt:"",style:{objectFit:n}}),bo("span",{className:"wp-svc-card-title",children:e})]}),o?bo("div",{className:"wp-svc-empty",children:"No assets yet"}):bo("div",{className:"wp-svc-items",children:r})]})}import hr from"bignumber.js";import{jsx as Te,jsxs as _e}from"react/jsx-runtime";var mc="CROSS Rewards";function gc(e){return new hr(e||"0").isGreaterThan(0)}function ma(){let{env:e,walletAddress:t,onOutlink:n}=rt(),o=!!t,{allPools:r}=ho(e,o),{depositMap:a}=pa(e,t,o),{getTokenImage:i}=fa(e,o),s=(d,u)=>`${ia[e]}/rewards/${d.pool_address}?action=${u}`,c=`${jt[e]}/reward.png`,l=r.filter(d=>{let u=a.get(d.pool_address.toLowerCase()),h=u?.deposited_amount??"0",m=u?.claimable_reward??"0";return!(new hr(h).isZero()&&new hr(m).isZero())});return Te(Vt,{title:mc,icon:c,isEmpty:l.length===0,children:l.map(d=>{let u=a.get(d.pool_address.toLowerCase()),h=u?.deposited_amount??"0",m=u?.claimable_reward??"0",v=s(d,"withdraw"),x=s(d,"claim"),w=i(d.deposit_token.address,d.deposit_token.symbol),k=d.reward_tokens[0],P=k?i(k.address,k.symbol):"",f=d.reward_tokens.map(K=>K.symbol),I=f.length>0?`${d.deposit_token.symbol}-${f.join("/")}`:d.deposit_token.symbol,C=k?hn(m,k.decimals):"0",B=k?.symbol??"Reward",F=bn(h,d.deposit_token.decimals,d.deposit_token.price),Z=k?bn(m,k.decimals,k.price):null,O=!!u&&gc(m);return _e("article",{className:"wp-item","data-side":"reward",children:[_e("div",{className:"wp-item-body",children:[_e("div",{className:"wp-item-line",children:[Te("span",{className:"wp-item-label",children:"Pool (Deposit - Earn)"}),_e("div",{className:"wp-svc-token",children:[_e("span",{className:"wp-token-stack","aria-hidden":!0,children:[w&&Te("img",{className:"wp-svc-token-icon",src:w,alt:""}),P&&Te("img",{className:"wp-svc-token-icon",src:P,alt:""})]}),Te("span",{children:I})]})]}),_e("div",{className:"wp-item-line",children:[Te("span",{className:"wp-item-label",children:"Deposited"}),_e("div",{className:"wp-svc-token",children:[w&&Te("img",{className:"wp-svc-token-icon",src:w,alt:""}),_e("div",{className:"wp-svc-amount",children:[Te("span",{className:"wp-svc-amount-main",children:hn(h,d.deposit_token.decimals)}),F&&Te("span",{className:"wp-item-usd",children:F})]})]})]}),_e("div",{className:"wp-item-line",children:[_e("span",{className:"wp-item-label",children:["Claimable (",B,")"]}),_e("div",{className:"wp-svc-token",children:[P&&Te("img",{className:"wp-svc-token-icon",src:P,alt:""}),_e("div",{className:"wp-svc-amount",children:[Te("span",{className:"wp-svc-amount-main",children:C}),Z&&Te("span",{className:"wp-item-usd",children:Z})]})]})]})]}),_e("div",{className:"wp-item-tags",children:[_e("a",{className:"wp-tag wp-tag--muted",href:v,target:"_blank",rel:"noopener noreferrer",onClick:K=>Qe(K,v,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:u}},n),children:[Te("span",{className:"wp-tag-label",children:"Withdraw"}),Te(Mt,{size:12,className:"wp-tag-icon"})]}),_e("a",{className:"wp-tag wp-tag--mint","data-disabled":!O||void 0,"aria-disabled":!O||void 0,href:O?x:void 0,target:O?"_blank":void 0,rel:O?"noopener noreferrer":void 0,onClick:K=>{if(!O){K.preventDefault();return}Qe(K,x,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:u}},n)},children:[Te("span",{className:"wp-tag-label",children:"Claim"}),Te(Mt,{size:12,className:"wp-tag-icon"})]})]})]},d.pool_address)})})}import*as br from"react";import{useQuery as hc}from"@tanstack/react-query";var bc="wp:stake-info";function ga(e,t,n=!0){let o=wn[e],r=n&&!!t,{data:a,...i}=hc({queryKey:[bc,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 wc}from"@tanstack/react-query";var xc="wp:stake-rewards",vc=31;function ha(e,t,n=!0){let o=wn[e],r=n&&!!t,{data:a,...i}=wc({queryKey:[xc,e,t],queryFn:async({signal:s})=>{let c=await fetch(`${o}/rewards/${t}?limit=${vc}`,{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:oa(a),...i}}import{useQuery as yc}from"@tanstack/react-query";var kc="wp:network-stats";function ba(e,t=!0){let n=wn[e],{data:o,...r}=yc({queryKey:[kc,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 Sc}from"@tanstack/react-query";var Cc="wp:staking-onchain";function wa(e,t,n=!0){let o=n&&!!t&&!!e,{data:r,...a}=Sc({queryKey:[Cc,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 xa}from"react";import Rc from"bignumber.js";function va(e){return e?.trim().toUpperCase()==="CROSS"}function ya(e){return new Rc(e||"0").isGreaterThan(0)}function wo(e,t,n=!0){let{allPools:o}=ho(e,n),r=xa(()=>{for(let l of o)for(let d of[l.deposit_token,...l.reward_tokens])if(va(d?.symbol)&&ya(d.price))return d.price},[o]),a=n&&r===void 0,{tokens:i}=Ut(e,t,a),{statsMap:s}=$t(e,a),c=Ne[e].cross;return xa(()=>{if(r)return r;let l=i.find(d=>d.chainId===c&&va(d.symbol));if(l){let d=s.get(ht(l.chainId,l.address));if(d&&ya(d.price))return d.price}return"0"},[r,i,s,c])}import qt from"bignumber.js";import{Fragment as Tc,jsx as Ye,jsxs as bt}from"react/jsx-runtime";var Nc="CROSS Staking";function ka(e){if(!e)return"\u2014";let t=new qt(e);return t.isFinite()?`${t.toFormat(2,qt.ROUND_DOWN)}%`:"\u2014"}function Sa(){let{env:e,walletAddress:t,onOutlink:n,stakingRewardsReader:o}=rt(),r=!!t,{stakeInfo:a}=ga(e,t,r),{latestReward:i,aprAccrued:s}=ha(e,t,r),{networkStats:c}=ba(e,r),{onchain:l}=wa(t,o,r),d=wo(e,t,r),u=`${jt[e]}/cross-staking.png`,h=sa[e],m=a?.total_stake??"0",v=br.useMemo(()=>l?new qt(l.earnedWei.toString()).shiftedBy(-18).toString(10):i?.cumulative_earned??a?.rewards_earned??"0",[l,i,a]),x=br.useMemo(()=>l?new qt(l.stakedWei.toString()).shiftedBy(-18):new qt(m),[l,m]),w=s!==void 0?new qt(s):void 0,k=a?.days_since_first_stake,P=w!==void 0&&w.isFinite()&&x.isGreaterThan(0)&&k!==null&&k!==void 0?w.div(x).times(365).div(Math.max(1,k)).times(100):void 0,f=!(new qt(m).isZero()&&new qt(v).isZero()),I=Bn[e],C=bn(m,0,d),B=bn(v,0,d);return Ye(Vt,{title:Nc,icon:u,iconFit:"contain",isEmpty:!1,children:bt("article",{className:"wp-item","data-side":"stake",children:[Ye("div",{className:"wp-item-body",children:f?bt(Tc,{children:[bt("div",{className:"wp-item-line",children:[Ye("span",{className:"wp-item-label",children:"Staked"}),bt("div",{className:"wp-svc-amount",children:[bt("span",{className:"wp-svc-amount-main",children:[gr(m)," CROSS"]}),C&&Ye("span",{className:"wp-item-usd",children:C})]})]}),bt("div",{className:"wp-item-line",children:[Ye("span",{className:"wp-item-label",children:"Rewards Earned"}),bt("div",{className:"wp-svc-amount",children:[bt("span",{className:"wp-svc-amount-main",children:[gr(v)," CROSS"]}),B&&Ye("span",{className:"wp-item-usd",children:B})]})]}),bt("div",{className:"wp-item-line",children:[Ye("span",{className:"wp-item-label",children:"My APR"}),Ye("span",{children:ka(P?.toString(10))})]})]}):bt("div",{className:"wp-item-line",children:[Ye("span",{className:"wp-item-label",children:"Delegation APR"}),Ye("span",{children:ka(c?.apr)})]})}),Ye("div",{className:"wp-item-tags",children:bt("a",{className:"wp-tag wp-tag--mint",href:f?h:I,target:"_blank",rel:"noopener noreferrer",onClick:F=>Qe(F,f?h:I,{category:"portfolio",origin:"portfolio-stake",payload:{stakeInfo:a,networkStats:c}},n),children:[Ye("span",{className:"wp-tag-label",children:f?"Manage":"Stake Now"}),Ye(Mt,{size:12,className:"wp-tag-icon"})]})})]})})}import*as wr from"react";import{useQuery as Ic}from"@tanstack/react-query";var Lc="wp:game-swap-pools";function Ca(e,t,n=!0){let o=la[e],r=n&&!!t,{data:a,...i}=Ic({queryKey:[Lc,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 Ec}from"@tanstack/react-query";var Ac="wp:game-swap-lp-balances";function Ra(e,t,n,o){let r=[...n].map(c=>c.toLowerCase()).sort(),a=!!o&&!!t&&r.length>0,{data:i,...s}=Ec({queryKey:[Ac,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 it,jsxs as wt}from"react/jsx-runtime";var Pc="Game Swap LP",Ta=18,Bc=new Tt("0.0001");function Na(e){return e?.trim().toUpperCase()==="CROSS"}function Fc(e){return e&&e>0?e:Ta}function Mc(e){let t=Na(e.token_a?.symbol)&&!Na(e.token_b?.symbol),n=t?e.reserve_a:e.reserve_b,o=Fc(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 _c(e,t){let n=e.token_a?.symbol?.trim()||"TOKEN",o=e.token_b?.symbol?.trim()||"CROSS",r=t?.decimals??Ta,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(Mc(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 Ia(){let{env:e,walletAddress:t,onOutlink:n,lpBalanceReader:o}=rt(),r=!!t,{pools:a}=Ca(e,t,r),i=wr.useMemo(()=>a.map(h=>h.pair_address).filter(Boolean),[a]),{balances:s}=Ra(e,t,i,o),c=`${jt[e]}/dex.png`,l=!!o,d=wr.useMemo(()=>{let h=a.map(m=>_c(m,s[m.pair_address?.toLowerCase()]));return l?h.filter(m=>m.lpAmountRaw?new Tt(m.lpAmountRaw).shiftedBy(-m.lpDecimals).isGreaterThanOrEqualTo(Bc):!1):h},[a,s,l]),u=h=>{let m=h.token_a?.address??h.pair_address;return`${ca[e]}/tokens/${m}?trade=deposit`};return it(Vt,{title:Pc,icon:c,iconFit:"contain",isEmpty:d.length===0,children:d.map(h=>{let{pool:m}=h,v=u(m),x=`${h.tokenASymbol} / ${h.tokenBSymbol}`,w=m.token_a?.logo_url,k=m.token_b?.logo_url;return wt("article",{className:"wp-item","data-side":"game-swap",children:[wt("div",{className:"wp-item-body",children:[wt("div",{className:"wp-item-line",children:[it("span",{className:"wp-item-label",children:"Pool"}),wt("div",{className:"wp-svc-token",children:[wt("span",{className:"wp-token-stack","aria-hidden":!0,children:[w&&it("img",{className:"wp-svc-token-icon",src:w,alt:""}),k&&it("img",{className:"wp-svc-token-icon",src:k,alt:""})]}),it("span",{children:x})]})]}),h.lpAmountRaw!==void 0&&wt("div",{className:"wp-item-line",children:[it("span",{className:"wp-item-label",children:"My LP"}),wt("span",{children:[hn(h.lpAmountRaw,h.lpDecimals)," LP"]})]}),h.sharePercent!==void 0&&wt("div",{className:"wp-item-line",children:[it("span",{className:"wp-item-label",children:"Pool Share"}),wt("span",{children:[h.sharePercent.toFormat(2,Tt.ROUND_DOWN),"%"]})]}),h.valueText!==void 0&&wt("div",{className:"wp-item-line",children:[it("span",{className:"wp-item-label",children:"Value"}),it("span",{children:h.valueText})]})]}),it("div",{className:"wp-item-tags",children:wt("a",{className:"wp-tag wp-tag--mint",href:v,target:"_blank",rel:"noopener noreferrer",onClick:P=>Qe(P,v,{category:"portfolio",origin:"portfolio-game-swap",payload:{pool:m}},n),children:[it("span",{className:"wp-tag-label",children:"Manage"}),it(Mt,{size:12,className:"wp-tag-icon"})]})})]},m.pair_address)})})}import Qt from"bignumber.js";import{useMemo as Uc}from"react";import{useQuery as Oc}from"@tanstack/react-query";var zc="wp:forge-pools";function La(e,t,n=!0){let o=go[e],r=n&&!!t,{data:a,...i}=Oc({queryKey:[zc,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 Wc}from"@tanstack/react-query";import{useMemo as Dc}from"react";var Hc="wp:forge-token-detail";async function Gc(e,t){let n=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store"});return n.ok?(await n.json())?.data?.token??null:null}function Ea(e,t,n=!0){let o=go[e],r=Wc({queries:t.map(s=>({queryKey:[Hc,e,s],queryFn:()=>Gc(o,s),enabled:n&&!!s,staleTime:3e4}))}),a=Dc(()=>{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 Kt}from"react/jsx-runtime";var $c="Forge",Aa=18,jc="https://contents.crosstoken.io/wallet/token/images/FT.png";function Vc(e){if(!e||e==="0")return"0";let t=new Qt(e).shiftedBy(-Aa);return t.isZero()?"0":t.isGreaterThanOrEqualTo(1)?t.toFormat(2,Qt.ROUND_DOWN):t.toFormat(4,Qt.ROUND_DOWN)}function qc(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 Kc(e,t,n){let o=new Qt(n||"0");if(!o.isGreaterThan(0))return null;let r=new Qt(e.total_supply||"0"),a=new Qt(e.lp_balance||"0"),i=new Qt(t?.reserve_b||"0").shiftedBy(-Aa);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,Qt.ROUND_DOWN)}`:null}function Pa(){let{env:e,walletAddress:t,onOutlink:n}=rt(),o=!!t,{pools:r,isEmpty:a}=La(e,t,o),i=Uc(()=>r.map(u=>u.token.address),[r]),{detailMap:s}=Ea(e,i,o&&i.length>0),c=wo(e,t,o),l=u=>`${aa[e]}/forge/token/${u.token.address}`,d=`${jt[e]}/forge.png`;return We(Vt,{title:$c,icon:d,iconFit:"contain",isEmpty:a,children:r.map(u=>{let h=s.get(u.token.address.toLowerCase()),m=h?.image_url||h?.image||u.token.image||jc,v=h?.symbol||u.token.symbol,x=l(u),w=Kc(u,h,c);return Kt("a",{className:"wp-item","data-side":"lp",href:x,target:"_blank",rel:"noopener noreferrer",onClick:k=>Qe(k,x,{category:"portfolio",origin:"portfolio-forge",payload:{pool:u,tokenDetail:h}},n),children:[Kt("div",{className:"wp-item-body",children:[Kt("div",{className:"wp-item-line",children:[We("span",{className:"wp-item-label",children:"Asset"}),Kt("div",{className:"wp-svc-token",children:[We("img",{className:"wp-svc-token-icon",src:m,alt:""}),We("span",{children:v}),h?.name&&We("span",{className:"wp-token-subtle",children:h.name})]})]}),Kt("div",{className:"wp-item-line",children:[We("span",{className:"wp-item-label",children:"LP Balance"}),We("div",{className:"wp-svc-token",children:Kt("div",{className:"wp-svc-amount",children:[We("span",{className:"wp-svc-amount-main",children:Vc(u.lp_balance)}),w&&We("span",{className:"wp-item-usd",children:w})]})})]}),Kt("div",{className:"wp-item-line",children:[We("span",{className:"wp-item-label",children:"Ownership"}),We("span",{className:"wp-line-value",children:qc(u.pool_ownership)})]})]}),We("div",{className:"wp-item-tags",children:Kt("span",{className:"wp-tag wp-tag--muted",children:[We("span",{className:"wp-tag-label",children:"Withdraw"}),We(Mt,{size:12,className:"wp-tag-icon"})]})})]},u.pair_address)})})}z(`.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;inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;z-index:50;background:var(--wp-bg);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:center;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-account-meta{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:2px}.wp-header-wallet-name{min-width:0;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:0;color:var(--wp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-header-address-btn{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;max-width:100%;padding:0;border:0;background:transparent;cursor:pointer;font:inherit}.wp-header-address{min-width:0;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--wp-text-40);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-header-address-copy{display:inline-flex;align-items:center;flex-shrink:0;color:var(--wp-text-40);transition:color .15s ease}.wp-header-address-btn:hover .wp-header-address-copy{color:var(--wp-text-60)}.wp-header-address-copy[data-copied=true]{color:var(--wp-mint)}.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 Zc,jsx as ge,jsxs as xn}from"react/jsx-runtime";var xr=5,Yc="wp:";function vn({env:e,theme:t="light",walletAddress:n,walletName:o,onBack:r,showHeader:a=!0,variant:i="embed",className:s,onOutlink:c,lpBalanceReader:l,stakingRewardsReader:d}){let u=Be(e),h=!!n,m=Qc(),[,v]=Ie.useState(xr),[x,w]=Ie.useState(!1),[k,P]=Ie.useState(!1),f=Ie.useRef(void 0),I=Ie.useCallback(()=>{m.invalidateQueries({predicate:_=>typeof _.queryKey[0]=="string"&&_.queryKey[0].startsWith(Yc)})},[m]),C=Ie.useCallback(()=>{I(),w(!0),setTimeout(()=>w(!1),600),v(xr)},[I]);Ie.useEffect(()=>{if(!h)return;let _=setInterval(()=>{v(J=>J<=1?(C(),xr):J-1)},1e3);return()=>clearInterval(_)},[h,C]);let B=Ie.useCallback(()=>{r?.()},[r]),F=h?Ft(u,n,{size:64}):void 0,Z=Ie.useCallback(async()=>{if(!(k||!n))try{await navigator.clipboard.writeText(n),P(!0),clearTimeout(f.current),f.current=setTimeout(()=>P(!1),2e3)}catch{}},[n,k]);Ie.useEffect(()=>()=>clearTimeout(f.current),[]);let O=Ie.useMemo(()=>({env:u,theme:t,open:!0,walletAddress:n,close:B,onOutlink:c,lpBalanceReader:l,stakingRewardsReader:d}),[u,t,n,B,c,l,d]),K=xn(Zc,{children:[a&&xn("div",{className:"wp-header",children:[xn("div",{className:"wp-header-account",children:[r&&ge("button",{type:"button",className:"wp-header-btn","aria-label":"Back",onClick:r,children:ge(ea,{})}),ge("span",{className:"wp-header-avatar","aria-hidden":!0,children:F&&ge("img",{src:F,alt:"",className:"wp-header-avatar-img",draggable:!1})}),(o||n)&&xn("div",{className:"wp-header-account-meta",children:[o&&ge("span",{className:"wp-header-wallet-name",title:o,children:o}),n&&xn("button",{type:"button",className:"wp-header-address-btn",onClick:Z,"aria-label":"Copy wallet address",children:[ge("span",{className:"wp-header-address",children:ra(n)}),ge("span",{className:"wp-header-address-copy","data-copied":k,children:k?ge(en,{size:14}):ge(Tn,{size:14})})]})]})]}),ge("button",{type:"button",className:"wp-header-btn wp-refresh-btn","aria-label":"Refresh portfolio",onClick:C,children:ge(ta,{className:x?"wp-spin-once":void 0})})]}),ge("div",{className:"wp-body",children:xn("div",{className:"wp-body-inner",children:[ge(ma,{}),ge(Sa,{}),ge(Ia,{}),ge(Pa,{})]})})]});return ge(Pn.Provider,{value:O,children:i==="none"?K:ge("div",{className:X(i==="fullscreen"?"wp-fullscreen":"wp-embed",s),"data-theme":t,children:K})})}import{jsx as vr,jsxs as Ba}from"react/jsx-runtime";function Fa({className:e}){let{env:t,theme:n,walletAddress:o,close:r,onOutlink:a,lpBalanceReader:i,stakingRewardsReader:s}=rt();return Ba(xo.Portal,{children:[vr(xo.Overlay,{className:"wp-overlay"}),Ba(xo.Content,{className:X("wp-fullscreen",e),"data-theme":n,children:[vr(xo.Title,{className:"wp-sr-only",children:"Portfolio"}),vr(vn,{env:t,theme:n,walletAddress:o,onBack:r,variant:"none",onOutlink:a,lpBalanceReader:i,stakingRewardsReader:s})]})]})}import{jsx as Ma}from"react/jsx-runtime";function Jc({env:e,theme:t="light",walletAddress:n,open:o,onOpenChange:r,onOutlink:a,lpBalanceReader:i,stakingRewardsReader:s,children:c}){let l=Be(e),d=o!==void 0,[u,h]=ln.useState(!1),m=d?o:u,v=ln.useCallback(k=>{d||h(k),r?.(k)},[d,r]),x=ln.useCallback(()=>v(!1),[v]),w=ln.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 Ma(Pn.Provider,{value:w,children:Ma(Xc.Root,{direction:"bottom",open:m,onOpenChange:v,noBodyStyles:!0,children:c})})}var _a=Object.assign(Jc,{Trigger:Ji,Content:Fa});import*as R from"react";import{createPortal as yn}from"react-dom";import It from"bignumber.js";import{jsx as at,jsxs as ed}from"react/jsx-runtime";function Oa({size:e=20,className:t}){return ed("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:[at("circle",{cx:"9",cy:"9",r:"6",stroke:"currentColor",strokeWidth:1.7}),at("path",{d:"m17 17-3.2-3.2",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round"})]})}function za({size:e=16,className:t}){return at("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:at("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 Wa({size:e=16,className:t}){return at("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:at("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 Da({size:e=20,className:t}){return at("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:at("path",{d:"M10 4.167v11.666M4.167 10 10 15.833 15.833 10",stroke:"currentColor",strokeWidth:1.667,strokeLinecap:"round",strokeLinejoin:"round"})})}function Ha({size:e=16,className:t}){return at("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:at("path",{d:"M3.333 8h9.334M8.667 4l4 4-4 4",stroke:"currentColor",strokeWidth:1.333,strokeLinecap:"round",strokeLinejoin:"round"})})}function Ga({size:e=12,className:t}){return at("svg",{width:e,height:e,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:at("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 ja from"bignumber.js";function Ua(e){return typeof e=="number"&&Number.isFinite(e)&&e>0}function $a(e){return!e.isFinite()||e.isNaN()||e.lte(0)?"":e.decimalPlaces(6,ja.ROUND_DOWN).toFixed()}function td(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 nd(e){let t=e.fromToken.priceUsd,n=e.toToken.priceUsd,o=e.lastChangedBy==="to"?e.toAmount:e.fromAmount,r=new ja(o||"0");return!r.isFinite()||r.isNaN()||r.lte(0)?{fromAmount:e.fromAmount,toAmount:e.toAmount}:Ua(t)&&Ua(n)?e.lastChangedBy==="to"?{fromAmount:$a(r.multipliedBy(n).dividedBy(t))}:{toAmount:$a(r.multipliedBy(t).dividedBy(n))}:td(e)?e.lastChangedBy==="to"?{fromAmount:e.toAmount}:{toAmount:e.fromAmount}:{fromAmount:e.lastChangedBy==="to"?"":e.fromAmount,toAmount:e.lastChangedBy==="from"?"":e.toAmount}}function Va({getQuote:e,submitBridge:t}){return{canQuote:!!e,canSubmit:!!t,async getQuote(n){return e?e(n):nd(n)},async submitBridge(n){if(!t)throw new Error("Bridge submit handler is not configured.");return t(n)}}}var qa=15,od=18;function rd(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,qa);let r=t.slice(0,o).slice(0,qa),a=t.slice(o+1).slice(0,od);return`${r}.${a}`}function id(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 Ka(e){let t=e.toUpperCase();return t.startsWith("T")&&t.slice(1).startsWith("CROSS")?t.slice(1):t}function ad(e,t){if(!e||!t||e.chainId!==t.chainId)return!1;let n=new Set([Ka(e.symbol),Ka(t.symbol)]);return n.has("CROSS")&&n.has("CROSSD")}function xt(e,t){return!!e&&!!t&&e.chainId===t.chainId&&e.address.toLowerCase()===t.address.toLowerCase()}function vo(e){return e[0]}function yr(e,t,n,o){if(n&&!xt(n,t))return n;let r=t?o?.(t,e):void 0;if(r?.length)return r[0];if(!t)return e[1]??vo(e);let a=e.findIndex(s=>xt(s,t)),i=a>=0?e[a+1]:void 0;return i&&!xt(i,t)?i:e.find(s=>!xt(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 kr(e){let t=e instanceof Error?e.message:typeof e=="string"?e:"",n=e&&typeof e=="object"&&"code"in e?String(e.code):"",o=t.toLowerCase();return n==="4001"||o.includes("user rejected")||o.includes("user denied")||o.includes("rejected the request")||o.includes("request rejected")}function Ya(e,t){return kr(e)?"Transaction request was rejected.":(e instanceof Error?e.message:typeof e=="string"?e:"").split(`
|
|
9
|
+
`)[0]?.trim()||t}function Za(e){let{tokens:t,initialFromToken:n,initialToToken:o,getToTokens:r,getApproval:a,approveBridge:i,history:s=[],initialSlippage:c="1",termsUrl:l,getQuote:d,submitBridge:u,onSubmitted:h,onSuccess:m,onFailed:v,onExit:x}=e,w=T.useMemo(()=>Va({getQuote:d,submitBridge:u}),[d,u]),[k,P]=T.useState("form"),[f,I]=T.useState(n??vo(t)),[C,B]=T.useState(()=>yr(t,n??vo(t),o,r)),[F,Z]=T.useState(""),[O,K]=T.useState(""),[_,J]=T.useState("from"),[W,he]=T.useState(c),[ne,ae]=T.useState(null),De=T.useMemo(()=>ad(f,C),[f,C]),se=T.useMemo(()=>De?"1":W==="auto"?id(ne?.priceImpact):W,[De,W,ne?.priceImpact]),[H,le]=T.useState(""),[te,G]=T.useState("idle"),[He,fe]=T.useState(""),[Ee,ue]=T.useState(null),[lt,ye]=T.useState([]),[_t,ze]=T.useState(!1),[vt,At]=T.useState(!1),[ce,be]=T.useState(null),[Ze,ke]=T.useState(!1),[we,de]=T.useState(null),[yt,Ge]=T.useState(null),[ct,Se]=T.useState(!1),[kt,St]=T.useState(!1),Ae=T.useRef(0),dt=T.useRef(null),Xe=T.useCallback(()=>{dt.current&&(clearTimeout(dt.current),dt.current=null)},[]),oe=T.useCallback(L=>{Xe(),Ge(L)},[Xe]);T.useEffect(()=>Xe,[Xe]),T.useEffect(()=>{let L=t.find(ie=>xt(ie,f))??vo(t),Q=L?r?.(L,t):void 0,U=Q?.find(ie=>xt(ie,C))??(Q?void 0:t.find(ie=>xt(ie,C)))??yr(t,L,void 0,r);I(L),B(U)},[r,t,f,C]);let Je=T.useCallback((L,Q)=>{let U=rd(L);Q==="from"?Z(U):K(U),J(Q),le("")},[]),Ce=T.useCallback(()=>{Ae.current+=1,Z(""),K(""),J("from"),ae(null),le(""),fe(""),G("idle"),be(null),ke(!1),de(null),Se(!1),oe(null)},[oe]),et=T.useCallback(L=>{xt(L,f)||(I(L),B(yr(t,L,void 0,r)),Ce())},[f,r,Ce,t]),Ue=T.useCallback(L=>{xt(L,C)||xt(L,f)||(B(L),Ce())},[f,Ce,C]),Pt=T.useMemo(()=>f?r?.(f,t)??t.filter(L=>!xt(L,f)):[],[f,r,t]),Bt=T.useCallback(()=>{f?.balance&&Je(f.balance,"from")},[f?.balance,Je]),pt=T.useCallback(()=>{!f||!C||(I(C),B(f),Ce())},[f,Ce,C]),Ot=T.useCallback(()=>{Ae.current+=1,Z(""),K(""),J("from"),ae(null),le(""),fe("")},[]);T.useEffect(()=>{if(!f||!C)return;if(!F&&!O){ae(null),le(""),G("idle");return}let L=++Ae.current,Q=Qa({fromToken:f,toToken:C,fromAmount:F,toAmount:O,lastChangedBy:_,slippage:W});G(w.canQuote?"quoting":"idle"),(async()=>{try{let U=await w.getQuote(Q);if(Ae.current!==L)return;U.fromAmount!==void 0&&_==="to"&&Z(U.fromAmount),U.toAmount!==void 0&&_==="from"&&K(U.toAmount),ae(U.summary??null),le(U.error??"")}catch(U){if(Ae.current!==L)return;le(U instanceof Error?U.message:"Failed to quote bridge.")}finally{Ae.current===L&&G("idle")}})()},[F,f,_,w,W,O,C]);let ft=T.useCallback(()=>!f||!C?null:Qa({fromToken:f,toToken:C,fromAmount:F,toAmount:O,lastChangedBy:_,slippage:se}),[se,F,f,_,O,C]),xe=T.useCallback(async(L,Q)=>{fe(""),Se(!1),ke(!1),G("submitting");try{if(!Q?.skipApprovalCheck&&a){let ie=await a(L);if(ie){be(ie),de(L),G("idle");return}}be(null),de(null),oe("processing");let U=await w.submitBridge(L);ue(U),G("success"),ye(ie=>[{id:U.txHash,timestamp:new Date().toISOString(),txHash:U.txHash,fromToken:U.fromToken,toToken:U.toToken,fromAmount:U.fromAmount,toAmount:U.toAmount,summary:ne??void 0,status:"pending"},...ie.filter(Gn=>Gn.txHash!==U.txHash)]),Ot(),St(!0),oe(null),Se(!0),h?.(U),m?.(U)}catch(U){if(oe(null),kr(U)){G("idle");return}let ie=Ya(U,"Failed to submit bridge.");fe(ie),G("error"),v?.({message:ie})}},[a,v,h,m,w,Ot,oe,ne]),S=T.useCallback(async()=>{if(H)return;let L=ft();if(L){if(!vt){de(L),ze(!0);return}await xe(L)}},[ft,H,xe,vt]),j=T.useCallback(async()=>{let L=we??ft();L&&(At(!0),ze(!1),await xe(L))},[ft,we,xe]),ee=T.useCallback(()=>{ze(!1),de(null)},[]),$e=T.useCallback(async()=>{if(!(te==="submitting"||!ce||!we||!i)){fe(""),G("submitting");try{await i(we,ce),be(null),G("idle"),ke(!0)}catch(L){if(kr(L)){G("idle");return}let Q=Ya(L,"Failed to approve token.");fe(Q),G("error"),v?.({message:Q})}}},[ce,i,v,we,xe,te]),je=T.useCallback(()=>{te!=="submitting"&&(be(null),ke(!1),de(null),G("idle"))},[te]),zt=T.useCallback(async()=>{te==="submitting"||!we||(ke(!1),await xe(we,{skipApprovalCheck:!0}))},[we,xe,te]),_o=T.useCallback(()=>{Se(!1)},[]),Cn=T.useCallback(L=>{P(L),L==="history"&&St(!1)},[]),tt=T.useCallback(()=>{if(k==="history"){Cn("form");return}x?.()},[x,Cn,k]),Hn=T.useMemo(()=>[...s,...lt.filter(L=>!s.some(Q=>Q.txHash===L.txHash))],[s,lt]);return{step:k,setStep:Cn,status:te,error:He,quoteError:H,fromToken:f,toToken:C,tokens:t,availableToTokens:Pt,fromAmount:F,toAmount:O,lastChangedBy:_,slippage:W,effectiveSlippage:se,slippageLocked:De,setSlippage:he,summary:ne,history:Hn,submitted:Ee,canSubmit:w.canSubmit,termsOpen:_t,approvalInfo:ce,approvalSuccessOpen:Ze,approveBridge:i,pendingSubmitInput:we,submitToast:yt,successDialogOpen:ct,dismissSuccessDialog:_o,hasNewHistory:kt,termsUrl:l,setFromToken:I,setToToken:B,selectFromToken:et,selectToToken:Ue,setAmount:Je,setMax:Bt,swapTokens:pt,submit:S,confirmTerms:j,cancelTerms:ee,confirmApproval:$e,cancelApproval:je,continueAfterApproval:zt,back:tt}}z(`.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{overflow:hidden;color:var(--bf-text-low);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}.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):not([data-locked=true]){background:var(--bf-surface-hover)}.bf-token-pill:disabled{cursor:default;opacity:.6}.bf-token-pill[data-locked=true]{cursor:default}.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:#fff;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.01em}.bf-status-toast-copy span{color:var(--bf-toast-color, rgba(255, 255, 255, .85));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 Cr,jsx as p,jsxs as y}from"react/jsx-runtime";var os=R.createContext(void 0);function kn(){return R.useContext(os)}function sd(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 Xa=[{value:"0.1",label:"0.1%"},{value:"0.5",label:"0.5%"},{value:"1",label:"1%"},{value:"5",label:"5%"}],ld={dev:"https://dev.crossdefi.io",stage:"https://stg.crossdefi.io",production:"https://crossdefi.io"},cd=[{value:"all",label:"ALL"},{value:"completed",label:"Completed"},{value:"pending",label:"Pending"}];function dd(e,t){return e==="auto"?t?`Auto ${t}%`:"Auto":e?`${e}%`:"1%"}function Ja(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 pd(e){return`${e.chainId}:${e.address.toLowerCase()}`}function rs(e){let t=Number(e);return Number.isFinite(t)?t.toLocaleString("en-US",{maximumFractionDigits:t>=1?2:6}):e||"0"}function es(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 fd(e,t=6){if(!e)return e;let[n,o=""]=e.split(".");if(!o)return n;let r=o.slice(0,t).replace(/0+$/,"");return r?`${n}.${r}`:n}function ud(e,t){if(!t)return!1;let n=new It(e||"0"),o=new It(t.balance||"0");return!n.isFinite()||!o.isFinite()?!1:n.isGreaterThan(o)}function md(e){if(e.priceUsd===void 0)return null;let t=new It(e.balance||"0");return t.isFinite()?`\u2248 $${t.multipliedBy(e.priceUsd).toFormat(2)} USD`:null}function gd(e){if(e.priceUsd===void 0)return null;let t=new It(e.priceUsd);return t.isFinite()?`$${t.toFormat(t.isLessThan(1)?4:2)}`:null}function is(e){if(!e.isFinite()||e.isNaN())return"0";let n=e.decimalPlaces(6,It.ROUND_DOWN).toFixed(6).replace(/\.?0+$/,""),[o="0",r]=n.split("."),a=new It(o||"0").toFormat(0);return r?`${a}.${r}`:a}function hd(e){return e.length<=14?e:`${e.slice(0,6)}...${e.slice(-6)}`}function bd(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 wd(e){let t=new It(e||"0");return!t.isFinite()||t.isNaN()?e||"0":is(t)}function xd(e,t){if(t?.priceUsd===void 0)return null;let n=new It(e||"0").multipliedBy(t.priceUsd);return!n.isFinite()||n.isNaN()?null:`$${n.toFormat(2)}`}function ko(e){return e.status==="success"?"completed":e.status==="failed"?"failed":"pending"}function vd(e,t){return t==="all"?!0:ko(e)===t}function yd(e){return e==="completed"?"Completed":e==="failed"?"Failed":"Pending"}function ts(e){return e===56||e===97?"BSC":e===612044||e===5555?"CROSS":`Chain ${e}`}function as(e,t){return!!e&&!!t&&e.chainId===t.chainId&&e.address.toLowerCase()===t.address.toLowerCase()}function ss(e,t){if(!(!e||!t))return e.chainId===t.chainId?"swap":as(e,t)||e.symbol.toLowerCase()===t.symbol.toLowerCase()?"bridge":"swap-bridge"}function ls(e){return e==="swap"||e==="deposit-swap"||e==="swap-withdraw"}function yo(e){return!e||e==="0"||Number(e)===0}function kd(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")||t.includes("insufficient network fee")?{from:e}:t.includes("insufficient liquidity")||t.includes("not enough liquidity")?{to:e}:{}:{}}function Sd(e){let t=e.fromToken,n=e.toToken,o=ss(t,n),r=e.fromAmount||"0",a=e.toAmount||"0",i=o!==void 0&&!ls(o),s=o!==void 0&&o!=="bridge";return{pathType:o,bridgeInfo:i?[{label:"Route",value:t&&n?`${ts(t.chainId)} \u2192 ${ts(n.chainId)}`:"-"},{label:"Validator Fee",value:yo(r)?"0":"Free",tone:yo(r)?"default":"accent"},{label:"Network Fee",value:yo(r)?"0":"Free",tone:yo(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 Fn({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 ns({label:e,token:t,amount:n,usd:o,onAmountChange:r,onTokenClick:a,locked:i=!1}){return y("section",{className:"bf-amount-panel",children:[y("div",{className:"bf-amount-head",children:[p("span",{children:e}),y("span",{className:"bf-balance",children:[rs(t?.balance??"0")," ",t?.symbol??""]})]}),y("div",{className:"bf-amount-main",children:[y("label",{className:"bf-amount-input-wrap",children:[y("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})]}),y("button",{type:"button",className:"bf-token-pill",onClick:i?void 0:a,disabled:!i&&!a,"data-locked":i?"true":void 0,"aria-label":`Select ${e.toLowerCase()} token`,children:[p(Fn,{token:t}),p("span",{children:t?.symbol??"Select"}),!i&&p(nn,{size:16})]})]})]})}function Cd({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=v=>{v.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(v=>v.symbol.toLowerCase().includes(m)||v.name.toLowerCase().includes(m)):l},[r,l]),u=R.useCallback(m=>{t==="from"?e.selectFromToken(m):e.selectToToken(m),n()},[e,n,t]);if(!i)return null;let h=kn();return yn(p("div",{className:"bf-token-picker-overlay","data-theme":h,role:"presentation",onMouseDown:m=>{m.target===m.currentTarget&&n()},children:y("section",{className:"bf-token-picker",role:"dialog","aria-modal":"true","aria-labelledby":o,children:[p("span",{className:"bf-token-picker-handle","aria-hidden":"true"}),y("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(Ct,{size:24})})]}),y("label",{className:"bf-token-search",children:[p(Oa,{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})]}),y("div",{className:"bf-token-list",children:[d.map(m=>{let v=as(m,c),x=v?gd(m):md(m);return y("button",{type:"button",className:"bf-token-row","data-selected":v?"true":"false",onClick:()=>u(m),children:[y("span",{className:"bf-token-row-left",children:[p(Fn,{token:m,size:40}),y("span",{className:"bf-token-meta",children:[p("span",{className:"bf-token-symbol",children:m.symbol}),!v&&p("span",{className:"bf-token-name",children:m.name})]})]}),y("span",{className:"bf-token-row-right",children:[y("span",{className:"bf-token-balance",children:[rs(m.balance),v?null:` ${m.symbol}`]}),x&&p("span",{className:"bf-token-price",children:x})]})]},pd(m))}),d.length===0&&p("div",{className:"bf-token-empty",children:"No tokens found"})]})]})}),i)}function Rd({flow:e,onClose:t}){let n=R.useId(),[o,r]=R.useState(null),a=Xa.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,u=Number.isFinite(l)&&l>5&&!d,h=x=>{e.setSlippage(x),t()},m=()=>{!c||d||(e.setSlippage(Ja(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 v=kn();return yn(p("div",{className:"bf-slippage-overlay","data-theme":v,role:"presentation",onMouseDown:x=>{x.target===x.currentTarget&&t()},children:y("section",{className:"bf-slippage-dialog",role:"dialog","aria-modal":"true","aria-labelledby":n,children:[y("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(Ct,{size:24})})]}),y("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."}),y("div",{className:"bf-slippage-controls",children:[p("div",{className:"bf-slippage-presets",children:Xa.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))}),y("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(Ja(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%."}):u?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 Nd({flow:e}){let t=R.useId(),[n,o]=R.useState(!1),[r,a]=R.useState(null),i=kn();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:yn(p("div",{className:"bf-action-modal-overlay","data-theme":i,role:"presentation",onPointerDown:s=>{s.target===s.currentTarget&&e.cancelTerms()},children:y("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."}),y("div",{className:"bf-terms-check-row","data-checked":n?"true":"false",children:[y("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 Td({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 Id({flow:e,approval:t}){let n=R.useId(),[o,r]=R.useState(null),a=kn();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 yn(p("div",{className:"bf-action-modal-overlay","data-theme":a,role:"presentation",children:y("section",{className:"bf-action-modal bf-approve-modal",role:"dialog","aria-modal":"true","aria-labelledby":n,children:[y("h3",{id:n,children:["Approve ",t.token.symbol]}),p(Fn,{token:t.token,size:72}),y("div",{className:"bf-approve-address-box",children:[p("span",{children:"Token Address"}),y("div",{children:[p("strong",{children:t.tokenAddress}),p(Td,{value:t.tokenAddress,disabled:s})]})]}),y("div",{className:"bf-action-buttons",children:[p("button",{type:"button",className:"bf-action-secondary",onClick:e.cancelApproval,disabled:e.status==="submitting",children:"Cancel"}),y("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 Ld({flow:e}){let t=R.useId(),[n,o]=R.useState(null),r=kn();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:yn(p("div",{className:"bf-action-modal-overlay","data-theme":r,role:"presentation",children:y("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"}),y("p",{className:"bf-action-modal-desc",children:["Token approval confirmed successfully.",p("br",{}),"Please continue to the next step."]}),y("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 Ed({fromAmount:e,toAmount:t,fromToken:n,toToken:o}){let[r,a]=R.useState(!1),i=R.useMemo(()=>{let l=new It(e||"0"),d=new It(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||n.symbol===o.symbol)return null;let s=r?o.symbol:n.symbol,c=r?n.symbol:o.symbol;return y("button",{type:"button",className:"bf-exchange-rate",onClick:()=>a(l=>!l),children:[y("span",{children:["1 ",s]}),p(Ga,{size:12}),y("span",{children:[is(i)," ",c]})]})}function Ad({flow:e}){return e.submitToast?y("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"})}),y("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 Pd({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:y("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:"!"})}),y("span",{className:"bf-status-toast-copy",children:[p("strong",{children:"Error"}),p("span",{children:e})]})]})}function Bd(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 Fd({flow:e}){let t=R.useId(),[n,o]=R.useState(null),r=e.submitted,a=kn();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:yn(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:y("div",{className:"bf-success-body",children:[p("span",{className:"bf-success-mark","aria-hidden":"true"}),y("div",{className:"bf-success-copy",children:[p("strong",{id:t,children:Bd(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)=>y(R.Fragment,{children:[s>0&&p("span",{className:"bf-success-route-arrow",children:"\u2192"}),p(Sr,{token:i,size:43})]},`${i.symbol}-${s}`))}),p("button",{type:"button",className:"bf-success-ok",onClick:e.dismissSuccessDialog,children:"OK"})]})})}),n)}function Sr({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 Md({row:e}){return e.routeTokens&&e.routeTokens.length>0?p("span",{className:"bf-info-route",children:e.routeTokens.map((t,n)=>y(R.Fragment,{children:[n>0&&p("span",{className:"bf-info-route-arrow","aria-hidden":"true",children:"\u2192"}),p(Sr,{token:t})]},`${t.symbol}-${n}`))}):e.valueToken?y("span",{className:"bf-info-value-token",children:[p(Sr,{token:e.valueToken}),p("span",{children:e.value})]}):p(Cr,{children:e.value})}function cs({rows:e}){return!e||e.length===0?null:p("div",{className:"bf-info-rows",children:e.map((t,n)=>y("div",{className:"bf-info-row",children:[y("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(Md,{row:t})})]},`${t.label}-${t.value}`))})}function _d(e,t,n){return e.pathType==="bridge"?"Bridge Info":ls(e.pathType)?"Swap Info":t&&n?"Swap & Bridge Info":t?"Bridge Info":"Swap Info"}function Od({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(Cr,{children:r.map(a=>{let i=a==="swap"?e.swapInfo:e.bridgeInfo;return i?.length?y("div",{className:"bf-info-section",children:[o&&p("h4",{children:a==="swap"?"Swap Info":"Bridge Info"}),p(cs,{rows:i})]},a):null})})}function zd({summary:e}){let t=!!e.bridgeInfo?.length,n=!!e.swapInfo?.length,o=!!e.txFee?.length,r=_d(e,t,n),[a,i]=R.useState(!0),[s,c]=R.useState(!0);return y("div",{className:"bf-details",children:[e.liquidity&&y("section",{className:"bf-liquidity",children:[y("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)&&y("section",{className:"bf-detail-section bf-info-card","data-open":a?"true":"false",children:[y("button",{type:"button",className:"bf-collapse-head","aria-expanded":a,onClick:()=>i(l=>!l),children:[p("h3",{children:r}),p(nn,{size:16,className:"bf-collapse-chevron"})]}),a&&p("div",{className:"bf-collapse-body",children:p(Od,{summary:e})})]}),o&&y("section",{className:"bf-detail-section bf-tx-fee-section","data-open":s?"true":"false",children:[y("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"}),y("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:fd(e.txFeeInfo?.estTxFee??"0")}),p(nn,{size:16,className:"bf-collapse-chevron"})]})]}),s&&p("div",{className:"bf-collapse-body",children:p(cs,{rows:e.txFee})})]})]})}function Wd({item:e}){let t=ko(e),n=xd(e.fromAmount,e.fromToken);return y("article",{className:"bf-history-item",children:[y("div",{className:"bf-history-item-head",children:[p("span",{className:"bf-history-status","data-status":t,children:yd(t)}),p("time",{className:"bf-history-time",dateTime:e.timestamp,children:bd(e.timestamp)})]}),y("div",{className:"bf-history-item-body",children:[y("strong",{className:"bf-history-amount",children:[wd(e.fromAmount)," ",e.fromToken.symbol]}),y("div",{className:"bf-history-meta",children:[p("span",{className:"bf-history-usd",children:n??hd(e.txHash)}),y("span",{className:"bf-history-route",children:[y("span",{className:"bf-history-route-token",children:[p(Fn,{token:e.fromToken,size:16}),p("span",{children:e.fromToken.symbol})]}),p(Ha,{size:16,className:"bf-history-route-arrow"}),y("span",{className:"bf-history-route-token",children:[p(Fn,{token:e.toToken,size:16}),p("span",{children:e.toToken.symbol})]})]})]})]})]})}function Dd({flow:e}){let[t,n]=R.useState("all"),o=e.history.some(i=>ko(i)==="pending"),r=e.history.filter(i=>vd(i,t)),a=t==="all"?"No bridge history yet.":`No ${t} bridge history.`;return y("main",{className:"bf-history-body",children:[p("nav",{className:"bf-history-tabs","aria-label":"Bridge history filters",children:cd.map(i=>y("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(Wd,{item:i},i.id||i.txHash))}):p("div",{className:"bf-empty",children:a})]})}function Hd({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??Sd(e):null,d=ld[t],u=kd(e.quoteError),h=ud(e.fromAmount,e.fromToken),m=h?"Insufficient balance":u.from,v=e.quoteError&&!u.from&&!u.to?e.quoteError:"",x=e.error||v,w=e.history.some(f=>ko(f)==="pending"),P=(l?.pathType??ss(e.fromToken,e.toToken))!=="bridge";return y(Cr,{children:[y("main",{className:"bf-body",children:[y("div",{className:"bf-toolbar",children:[y("button",{type:"button",className:"bf-chip bf-chip-history",onClick:()=>e.setStep("history"),children:[p(za,{}),p("span",{children:"History"}),(w||e.hasNewHistory)&&p("span",{className:"bf-chip-dot","aria-hidden":"true"})]}),P&&y("button",{type:"button",className:"bf-chip",onClick:()=>a(!0),disabled:e.slippageLocked,"aria-haspopup":"dialog","aria-expanded":r,children:[p(Wa,{}),p("span",{children:e.slippageLocked?"Auto 1%":dd(e.slippage,e.effectiveSlippage)})]})]}),y("div",{className:"bf-swap-card","data-has-from-error":m?"true":"false",children:[p(ns,{label:"From",token:e.fromToken,amount:e.fromAmount,usd:es(e.fromAmount,e.fromToken),onAmountChange:f=>e.setAmount(f,"from"),onTokenClick:()=>o("from")}),m&&p("div",{className:"bf-field-error",children:m}),p("button",{type:"button",className:"bf-swap-toggle",onClick:()=>{e.swapTokens(),s(f=>f+360)},style:{transform:`translateX(-50%) rotate(${i}deg)`,transition:"transform 0.2s ease"},children:p(Da,{size:22})}),p(ns,{label:"To",token:e.toToken,amount:e.toAmount,usd:es(e.toAmount,e.toToken),onAmountChange:f=>e.setAmount(f,"to"),onTokenClick:()=>o("to"),locked:e.availableToTokens.length<=1}),u.to&&p("div",{className:"bf-field-error",children:u.to})]}),p(Ed,{fromAmount:e.fromAmount,toAmount:e.toAmount,fromToken:e.fromToken,toToken:e.toToken}),l&&p(zd,{summary:l})]}),y("footer",{className:"bf-footer",children:[p("button",{type:"button",className:"bf-next",onClick:e.submit,disabled:e.status==="submitting"||!!e.quoteError||h,children:e.status==="submitting"?"Processing...":"Next"}),y("a",{className:"bf-powered",href:d,target:"_blank",rel:"noreferrer",children:["Powered by ",p("span",{className:"bf-powered-brand",children:"CROSS DeFi"})]})]}),n&&p(Cd,{flow:e,side:n,onClose:()=>o(null)}),r&&p(Rd,{flow:e,onClose:()=>a(!1)}),p(Nd,{flow:e}),e.approvalInfo&&p(Id,{flow:e,approval:e.approvalInfo}),p(Ld,{flow:e}),p(Ad,{flow:e}),p(Pd,{message:e.submitToast?"":x}),p(Fd,{flow:e})]})}function So({onClose:e,onBackToWallet:t,env:n,className:o,...r}){let a=R.useMemo(()=>Be(n),[n]),i=Za({...r,onExit:t}),s=R.useRef(null),c=sd(s),l=i.step==="history"?"History":"Swap & Bridge";return p(os.Provider,{value:c,children:y("div",{ref:s,className:X("bf-root",o),"data-view":i.step,"data-status":i.status,children:[y("header",{className:"bf-header",children:[p("button",{type:"button",className:"bf-header-btn",onClick:i.back,"aria-label":"Back",children:p(tn,{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(Ct,{size:24})})]}),i.step==="history"?p(Dd,{flow:i}):p(Hd,{flow:i,env:a})]})})}import{Fragment as Ro,jsx as g,jsxs as N}from"react/jsx-runtime";var Ud="On-ramp is not available in your region.";function Rr(e,t,n){let o=Ne[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 $d(e){return parseInt(e.split(":")[1],10)}function jd(e){let t=e.lastIndexOf(".");return t===-1?{main:e,decimal:""}:{main:e.slice(0,t),decimal:e.slice(t)}}function Vd(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 ds({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:h,showQR:m,showBridge:v,qrLogoSrc:x,walletAddress:w,accountName:k,sendAccounts:P,profileImageUrl:f,preferredTokens:I,close:C,onSelectWallet:B,onCopyAddress:F,onBuy:Z,onDisconnect:O,disconnectLabel:K,termsUrl:_,termsLabel:J,privacyUrl:W,privacyLabel:he,portalStyle:ne,navContent:ae,navPosition:De,footerContent:se,view:H,setView:le,selectedSendToken:te,setSelectedSendToken:G,showPortfolio:He,portfolioTitle:fe,showTotalAssets:Ee,totalAssetsLabel:ue,sendTransaction:lt,getTransactionReceipt:ye,estimateGas:_t,onOutlink:ze,lpBalanceReader:vt,stakingRewardsReader:At,bridgeTokens:ce,bridgeHistory:be,getBridgeQuote:Ze,getBridgeToTokens:ke,getBridgeApproval:we,approveBridge:de,submitBridge:yt,onReceive:Ge,onBridge:ct,onSend:Se,onBuyDisabledMessage:kt}=Wt(),[St,Ae]=M.useState(null),dt=M.useRef(void 0),Xe=M.useCallback(b=>{Ae(b),clearTimeout(dt.current),dt.current=setTimeout(()=>Ae(null),4e3)},[]);M.useEffect(()=>()=>clearTimeout(dt.current),[]);let oe=!!kt,Je=M.useCallback(()=>{if(oe){Xe(kt);return}let b=Z?.();b&&typeof b.then=="function"&&b.catch(()=>{Xe(kt??Ud)})},[oe,kt,Z,Xe]),{tokens:Ce,isLoading:et}=Ut(r,w,s&&d),{statsMap:Ue}=$t(r,d),{categoryMap:Pt}=Yi(r,d),Bt=d&&Ee,{displayValue:pt,isLowerBound:Ot,isLoading:ft}=Zi(r,w,s&&Bt),[xe,S]=M.useState(!1),j=M.useRef(null),[ee,$e]=M.useState(0),{holdings:je,isLoading:zt}=Ki(r,w,s&&d&&u),_o=M.useMemo(()=>je.map(b=>b.token),[je]),{imageMap:Cn}=Qi(r,_o,u&&je.length>0),tt=M.useMemo(()=>{let b=[],E=[],V=[],Pe=new Map((I??[]).map((Y,me)=>[`${$d(Y.chainId)}:${Y.address.toLowerCase()}`,me]));for(let Y of Ce){let me=Rr(r,Y.chainId,Y.symbol)!==void 0,Zt=`${Y.chainId}:${Y.address.toLowerCase()}`,Xt=Pe.get(Zt),$o=new Mn(Y.quantity.numeric).shiftedBy(-Y.quantity.decimals);if(me)b.push(Y);else if(Xt!==void 0)E.push(Y);else if($o.isGreaterThan(0)){if(!h&&Pt.get(ur(Y.chainId,Y.address))==="game")continue;V.push(Y)}}return b.sort((Y,me)=>{let Zt=Rr(r,Y.chainId,Y.symbol)??99,Xt=Rr(r,me.chainId,me.symbol)??99;return Zt-Xt}),E.sort((Y,me)=>{let Zt=Pe.get(`${Y.chainId}:${Y.address.toLowerCase()}`)??99,Xt=Pe.get(`${me.chainId}:${me.address.toLowerCase()}`)??99;return Zt-Xt}),V.sort((Y,me)=>{let Zt=Ue.get(ht(Y.chainId,Y.address)),Xt=Ue.get(ht(me.chainId,me.address)),$o=new Mn(Y.quantity.numeric).shiftedBy(-Y.quantity.decimals).multipliedBy(Zt?.price??0);return new Mn(me.quantity.numeric).shiftedBy(-me.quantity.decimals).multipliedBy(Xt?.price??0).minus($o).toNumber()}),[...b,...E,...V]},[Ce,r,Ue,h,Pt,I]),Hn=M.useMemo(()=>{if(!u)return[];let b=new Set(Ce.map(E=>E.address.toLowerCase()));return[...je].filter(E=>!b.has(E.token.toLowerCase())).sort((E,V)=>{let Pe=new Mn(E.value);return new Mn(V.value).minus(Pe).toNumber()})},[je,u,Ce]),L=M.useRef(!1),[Q,U]=M.useState(null),ie=M.useRef(void 0),Gn=Q?.chainId??te?.chainId??tt[0]?.chainId??0,{transactionUrl:Oo}=Jn(r,Gn,Q?.txHash,!!(Q?.txHash&&Gn)),Ve=M.useCallback(b=>{L.current=!0,le(b)},[le]),[zs,zo]=M.useState("recipient"),Un=M.useCallback(()=>{G(null),zo("recipient"),Ve("wallet")},[G,Ve]),Wo=M.useCallback((b,E="recipient")=>{zo(E),G(b),Ve("send")},[G,Ve]),Ws=M.useCallback(()=>{if(ct){ct();return}Ve("bridge")},[ct,Ve]),Ds=M.useCallback(b=>{clearTimeout(ie.current),G(null),Ve("wallet"),U({status:"pending",txHash:b.txHash,chainId:b.chainId,description:`${b.amount} ${b.tokenSymbol} to ${Ke(b.recipient)}`})},[G,Ve]),Hs=M.useCallback(b=>{let E=te?.chainId;G(null),Ve("wallet"),!(!b||!E)&&(U(V=>({status:"success",txHash:b,chainId:E,description:V?.txHash===b?V.description:"Tap to see your transaction"})),clearTimeout(ie.current),ie.current=setTimeout(()=>U(null),5e3))},[te?.chainId,G,Ve]),Gs=M.useCallback(b=>{let E=b.txHash;E&&(U({status:"error",txHash:E,chainId:b.chainId,description:b.message}),clearTimeout(ie.current),ie.current=setTimeout(()=>U(null),5e3))},[]),Do=M.useMemo(()=>{if(Ge)return Ge;if(m)return()=>Ve("qr")},[Ge,m,Ve]),Ar=M.useMemo(()=>{if(Se)return Se;if(tt.length===0)return;let b=tt[0];return()=>Wo(b,"token")},[Se,tt,Wo]);M.useEffect(()=>{s||(L.current=!1,zo("recipient"))},[s]);let Pr=M.useRef(null);M.useEffect(()=>{let b=Pr.current;if(!b||!i)return;let E=V=>{V.pointerType==="touch"&&V.stopPropagation()};return b.addEventListener("pointerdown",E),()=>b.removeEventListener("pointerdown",E)},[i]);let[cn,Br]=M.useState(!1),Ho=M.useRef(void 0),[Rn,$n]=M.useState(!1);M.useEffect(()=>{if(!Rn)return;let b=()=>$n(!1),E=Pe=>{Pe.key==="Escape"&&$n(!1)},V=setTimeout(()=>{document.addEventListener("mousedown",b,!0),document.addEventListener("keydown",E,!0)},0);return()=>{clearTimeout(V),document.removeEventListener("mousedown",b,!0),document.removeEventListener("keydown",E,!0)}},[Rn]),M.useEffect(()=>()=>clearTimeout(Ho.current),[]),M.useEffect(()=>()=>clearTimeout(ie.current),[]),M.useEffect(()=>{let b=j.current;if(!b||se===null){$e(0);return}let E=()=>{$e(b.offsetHeight)};if(E(),typeof ResizeObserver>"u")return;let V=new ResizeObserver(E);return V.observe(b),()=>V.disconnect()},[se]);let Fr=M.useCallback(async()=>{if(!cn)try{await navigator.clipboard.writeText(w),Br(!0),clearTimeout(Ho.current),Ho.current=setTimeout(()=>Br(!1),2e3),F?.(w,!0)}catch{F?.(w,!1)}},[w,F,cn]),jn=M.useCallback(b=>{b.currentTarget.setAttribute("data-loaded","true")},[]),Mr=M.useMemo(()=>({background:Vd(w)}),[w]),Vn=M.useMemo(()=>f||Ft(r,w,{size:120,bg:a==="dark"?"1A1A2E":"F3F6F8"}),[f,r,w,a]),Go=M.useMemo(()=>jd(pt),[pt]),_r=_||W?N("div",{className:"wi-legal-links",children:[_&&g("a",{className:"wi-legal-link",href:_,target:"_blank",rel:"noopener noreferrer",onClick:b=>Qe(b,_,{category:"terms",origin:"terms"},ze),children:J}),_&&W&&g("span",{className:"wi-legal-sep","aria-hidden":!0,children:"\xB7"}),W&&g("a",{className:"wi-legal-link",href:W,target:"_blank",rel:"noopener noreferrer",onClick:b=>Qe(b,W,{category:"privacy",origin:"privacy"},ze),children:he})]}):null,Or=O?N("button",{type:"button",className:"wi-disconnect-btn",onClick:()=>{O(),C()},children:[g(ri,{size:16}),g("span",{className:"wi-disconnect-label",children:K})]}):null,Us=d&&!ae?N("div",{className:"wi-action-row","aria-label":"Wallet actions",children:[N("button",{type:"button",className:X("wi-action-card",oe&&"wi-action-card--dimmed"),onClick:Je,disabled:!Z&&!oe,"aria-disabled":oe||void 0,"aria-label":"Buy",children:[g(di,{size:20}),g("span",{children:"Buy"})]}),v?N("button",{type:"button",className:"wi-action-card",onClick:Ws,"aria-label":"Bridge",children:[g(pi,{size:20}),g("span",{children:"Bridge"})]}):N("button",{type:"button",className:"wi-action-card",onClick:Do,disabled:!Do,"aria-label":"Receive",children:[g(Zo,{size:20}),g("span",{children:"Receive"})]}),N("button",{type:"button",className:"wi-action-card",onClick:Ar,disabled:!Ar,"aria-label":"Send",children:[g(li,{size:20}),g("span",{children:"Send"})]}),N("button",{type:"button",className:"wi-action-card",onClick:()=>Ve("portfolio"),disabled:!He,"aria-label":"View portfolio",children:[g(ci,{size:20}),g("span",{children:"Portfolio"})]})]}):null,$s=N("div",{className:X("wi-view-inner",L.current&&"wi-view-wallet"),children:[Bt&&N("div",{className:"wi-total-section",children:[N("div",{className:"wi-total-head",children:[g("span",{className:"wi-total-label",children:ue}),g("span",{role:"button",tabIndex:0,className:"wi-total-eye",onClick:b=>{b.stopPropagation(),S(E=>!E)},onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),b.stopPropagation(),S(E=>!E))},"aria-label":xe?"Show balance":"Hide balance",children:xe?g(ai,{}):g(ii,{})})]}),g("div",{className:"wi-total-body",children:ft?g("div",{className:"wi-skeleton-block wi-total-skeleton",style:{width:160,height:42}}):g("div",{className:"wi-total-value","data-hidden":xe||void 0,children:xe?g("span",{className:"wi-total-mask",children:"\u2022\u2022\u2022\u2022\u2022\u2022"}):N(Ro,{children:[Ot&&g("span",{className:"wi-total-lte",children:"\u2264"}),g("span",{className:"wi-total-currency",children:"$"}),g("span",{className:"wi-total-amount",children:Go.main}),Go.decimal&&g("span",{className:"wi-total-decimal",children:Go.decimal})]})})})]}),De==="top"&&(ae?g("div",{className:"wi-nav-fixed",children:ae}):Us),d&&g("div",{ref:Pr,className:"wi-scrollable-body","data-vaul-no-drag":!0,children:N("div",{className:"wi-token-list",children:[et&&Array.from({length:5},(b,E)=>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}})]})]},E)),!et&&tt.length===0&&!u&&g("div",{className:"wi-empty",children:"No Tokens Found"}),tt.map(b=>{let E=Ue.get(ht(b.chainId,b.address)),V=E?parseFloat(E.percent_change_24h):null,Pe=V!==null&&V>=0,Y=An(r,b.chainId);return N("button",{type:"button",className:"wi-token-item wi-token-item--button",onClick:()=>Wo(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:jn,onError:me=>{me.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:me=>{me.currentTarget.style.display="none"}})]}),N("div",{className:"wi-token-info",children:[g("span",{className:"wi-token-name",children:b.symbol}),E&&N("div",{className:"wi-token-price-row",children:[g("span",{className:"wi-token-price",children:Xo(E.price)}),g("span",{className:"wi-token-change","data-positive":Pe,"data-zero":V===0||void 0,children:V!==null&&(V===0?"0%":`${Pe?"+":"-"}${(Pe?Math.floor:Math.ceil)(Math.abs(V)*100)/100}%`)})]})]})]}),N("div",{className:"wi-token-right",children:[g("span",{className:"wi-token-balance",children:Dt(b.quantity.numeric,b.quantity.decimals)}),E&&g("span",{className:"wi-token-value",children:ui(b.quantity.numeric,b.quantity.decimals,E.price)})]})]},`${b.address}-${b.chainId}`)}),u&&zt&&Array.from({length:3},(b,E)=>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-${E}`)),u&&!zt&&!et&&tt.length===0&&Hn.length===0&&g("div",{className:"wi-empty",children:"No Tokens Found"}),u&&Hn.map(b=>{let E=Cn.get(b.token)||"",V=An(r,Ne[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:E||"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:jn,onError:Pe=>{Pe.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),V&&g("img",{src:V,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:Pe=>{Pe.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:[Dt(b.current_price,18)," CROSS"]})})]})]}),N("div",{className:"wi-token-right",children:[g("span",{className:"wi-token-balance",children:Dt(b.balance,18)}),g("span",{className:"wi-token-value",children:Xo(b.current_value_usd)})]})]},`forge-${b.token}`)})]})}),De==="bottom"&&ae&&g("div",{className:"wi-nav-fixed",children:ae}),Or&&g("div",{className:"wi-wallet-disconnect-row",children:Or})]},"wallet"),js=He?g("div",{className:X("wi-view-inner wi-portfolio-body",L.current&&"wi-view-portfolio"),children:g(vn,{env:r,theme:a,walletAddress:w,showHeader:!1,onOutlink:ze,lpBalanceReader:vt,stakingRewardsReader:At})},"portfolio"):null,Vs=te?g("div",{className:X("wi-view-inner wi-send-body",L.current&&"wi-view-send"),children:g(fo,{env:r,theme:a,walletAddress:w,accountName:k,accounts:P,initialStep:zs,token:te,tokens:tt,onTokenChange:G,sendTransaction:lt,getTransactionReceipt:ye,estimateGas:_t,getTokenPriceUsd:b=>{let E=Ue.get(ht(b.chainId,b.address));if(!E?.price)return;let V=parseFloat(E.price);return Number.isFinite(V)?V:void 0},onClose:C,onBackToWallet:Un,onSubmitted:Ds,onSuccess:Hs,onFailed:Gs,onOutlink:ze})},"send"):null,qs=M.useMemo(()=>ce||tt.map(b=>{let E=Ue.get(ht(b.chainId,b.address)),V=E?.price?parseFloat(E.price):void 0;return{name:b.name,symbol:b.symbol,chainId:b.chainId,address:b.address,decimals:b.quantity.decimals,balance:or(b.quantity.numeric,b.quantity.decimals),iconUrl:b.icon_url,priceUsd:Number.isFinite(V)?V:void 0}}),[ce,Ue,tt]),Ks=g("div",{className:X("wi-view-inner wi-bridge-body",L.current&&"wi-view-send"),children:g(So,{env:r,walletAddress:w,tokens:qs,history:be,termsUrl:_,getQuote:Ze,getToTokens:ke,getApproval:we,approveBridge:de,submitBridge:yt,onClose:C,onBackToWallet:Un})},"bridge"),Uo=!!B&&k?.trim().toLowerCase()!=="my wallet",zr=N(Ro,{children:[N("span",{className:"wi-receive-avatar",children:[g("span",{className:"wi-avatar-fallback",style:Mr}),Vn&&g("img",{src:Vn,alt:"",className:"wi-avatar-img",width:24,height:24,draggable:!1,onLoad:jn,onError:b=>{b.currentTarget.style.display="none"}})]}),g("span",{className:"wi-receive-account-name",children:k??"Account 1"}),Uo&&g("span",{className:"wi-receive-chevron","data-open":Rn,"aria-hidden":"true",children:g(nn,{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:[Uo?g("button",{type:"button",className:"wi-receive-account wi-receive-account--btn",onClick:()=>{$n(!0),B?.()},"aria-label":"Switch account",children:zr}):g("div",{className:"wi-receive-account",children:zr}),N("div",{className:"wi-qr-block",children:[N("div",{className:"wi-qr-box",children:[g(Gd,{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(si,{size:33})})]}),g("p",{className:"wi-qr-address",children:w})]}),N("button",{type:"button",className:"wi-qr-copy-btn",onClick:Fr,children:[g("span",{className:"wi-qr-copy-icon",children:cn?g(en,{size:16}):g(Tn,{size:16})}),g("span",{className:"wi-qr-copy-text",children:cn?"Copied!":"Copy address"})]})]}),_r&&g("div",{className:"wi-receive-footer",children:_r})]},"qr"),Ys=H==="qr"||H==="portfolio"||H==="send"||H==="bridge",Wr=se!==null?g("div",{className:"wi-builtin-footer",children:se}):null,Dr=N("div",{className:"wi-account-text",children:[Uo?N("button",{type:"button",className:"wi-account-row wi-account-row--btn",onClick:()=>{$n(!0),B?.()},"aria-label":"Switch account","aria-expanded":Rn,children:[g("span",{className:"wi-account-name",children:k??"Account 1"}),g("span",{className:"wi-account-switch","data-open":Rn,"aria-hidden":"true",children:g(nn,{size:20})})]}):g("div",{className:"wi-account-row",children:g("span",{className:"wi-account-name",children:k??"Account 1"})}),N("button",{type:"button",className:"wi-address-row-btn",onClick:Fr,"aria-label":"Copy address",children:[g("span",{className:"wi-account-address",children:Ke(w)}),g("span",{className:"wi-account-copy","data-copied":cn,children:cn?g(en,{size:12}):g(Tn,{size:12})})]})]}),Hr=N(Ro,{children:[o,H==="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:Un,"aria-label":"Back",children:g(tn,{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(Ct,{size:24})})]})}):H==="send"||H==="bridge"?null:Ys?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:Un,"aria-label":"Back",children:g(tn,{size:24})}),g("div",{className:"wi-account-block wi-account-block--sub-account",children:Dr}),g("button",{type:"button",className:"wi-header-action",onClick:C,"aria-label":"Close",children:g(Ct,{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:Mr}),Vn&&g("img",{src:Vn,alt:"",className:"wi-avatar-img",width:28,height:28,draggable:!1,onLoad:jn,onError:b=>{b.currentTarget.style.display="none"}})]}),Dr]}),N("div",{className:"wi-header-actions",children:[m&&v&&g("button",{type:"button",className:"wi-header-action wi-header-action--qr",onClick:Do,"aria-label":"Show QR code",children:g(Zo,{size:20})}),g("button",{type:"button",className:"wi-header-action",onClick:C,"aria-label":"Close",children:g(Ct,{size:24})})]})]}),g("hr",{className:"wi-divider"})]}),N("div",{className:"wi-view-container",children:[H==="wallet"&&$s,H==="qr"&&Qs,H==="portfolio"&&js,H==="send"&&Vs,H==="bridge"&&Ks]}),H==="wallet"&&St&&g("div",{className:"wi-action-toast",role:"status","aria-live":"polite",children:St}),H==="wallet"&&Q&&N("a",{className:"wi-send-toast",href:Oo??"#",target:"_blank",rel:"noopener noreferrer",onClick:b=>{if(!Oo){b.preventDefault();return}Qe(b,Oo,{category:"send",origin:"send-transaction",payload:{chainId:Q.chainId,txHash:Q.txHash}},ze)},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(fi,{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"})]})]}),Wr&&H!=="portfolio"&&H!=="send"&&g("div",{className:"wi-sticky-footer",children:g("div",{className:"wi-footer",ref:j,children:Wr})})]}),Gr={...ne,...ee>0?{"--wi-footer-height":`${ee}px`}:null};return i?N(Co.Portal,{children:[l&&g(Co.Overlay,{className:"wi-drawer-overlay"}),N(Co.Content,{className:X("wi-drawer-content",n),"data-theme":a,"data-vaul-no-drag":c==="left"||c==="right"?!0:void 0,style:Gr,"data-direction":c,"data-no-balance":!d||void 0,"data-has-footer":ee>0||void 0,"data-view":H,children:[g(Co.Title,{className:"wi-sr-only",children:"My Wallet"}),Hr]})]}):N(Ro,{children:[l&&s&&g("div",{className:"wi-drawer-overlay",onClick:C}),g(No.Portal,{children:g(No.Content,{align:e,sideOffset:t,className:X("wi-popover-content",n),"data-theme":a,style:Gr,"data-no-balance":!d||void 0,"data-has-footer":ee>0||void 0,"data-view":H,children:Hr})})]})}import*as ps from"react";function fs({position:e="top",children:t}){let{setNavContent:n,setNavPosition:o}=Wt();return ps.useEffect(()=>(n(t),o(e),()=>n(null)),[t,e,n,o]),null}import*as us from"react";function ms({children:e}){let{setFooterContent:t}=Wt();return us.useEffect(()=>(t(e),()=>t(null)),[e,t]),null}z(`[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
|
+
`);z(`.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
|
+
`);z(`@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
|
+
`);z(`.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
|
+
`);z(`.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 Nr}from"react/jsx-runtime";var Kd="https://terms.crosstoken.io/docs/cross-terms-of-use",Qd="https://terms.crosstoken.io/docs/nexus-privacy-policy";function Yd({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:h,sendAccounts:m,profileImageUrl:v,connectorId:x,connectorName:w,connectorIconUrl:k,preferredTokens:P=[],onSelectWallet:f,onCopyAddress:I,onBuy:C,onBuyDisabledMessage:B,onDisconnect:F,disconnectLabel:Z="Disconnect",termsUrl:O=Kd,termsLabel:K="Terms of Service",privacyUrl:_=Qd,privacyLabel:J="Privacy Policy",open:W,onOpenChange:he,showPortfolio:ne=!1,portfolioTitle:ae="My Portfolio",showTotalAssets:De=!0,totalAssetsLabel:se="Total Assets USD",sendTransaction:H,getTransactionReceipt:le,estimateGas:te,onOutlink:G,lpBalanceReader:He,stakingRewardsReader:fe,bridgeTokens:Ee,bridgeHistory:ue,getBridgeQuote:lt,getBridgeToTokens:ye,getBridgeApproval:_t,approveBridge:ze,submitBridge:vt,onReceive:At,onBridge:ce,onSend:be,style:Ze,children:ke}){let we=Be(e),de=x?Xn[x]:void 0,yt=w??de?.name,Ge=k??de?.iconUrl,ct=dn(`(max-width: ${n}px)`),Se=o??(a?"right":"bottom"),kt=Se==="left"||Se==="right",St=r??!1,Ae=W!==void 0,[dt,Xe]=Oe.useState(!1),oe=Ae?W:dt,Je=Oe.useCallback(je=>{Ae||Xe(je),he?.(je)},[Ae,he]),Ce=Oe.useCallback(()=>Je(!1),[Je]),[et,Ue]=Oe.useState(null),[Pt,Bt]=Oe.useState("top"),[pt,Ot]=Oe.useState(null),[ft,xe]=Oe.useState("wallet"),[S,j]=Oe.useState(null);Oe.useEffect(()=>{oe||(xe("wallet"),j(null))},[oe]);let ee=Oe.useCallback(()=>{nr(u),F?.()},[F,u]),$e=Oe.useMemo(()=>({env:we,theme:t,isMobile:ct,open:oe,drawerDirection:Se,modal:St,showBalance:a,showForgeToken:i,showGameToken:s,showQR:c,showBridge:l,qrLogoSrc:d,walletAddress:u,accountName:h,sendAccounts:m,profileImageUrl:v,connectorName:yt,connectorIconUrl:Ge,preferredTokens:P,close:Ce,onSelectWallet:f,onCopyAddress:I,onBuy:C,onBuyDisabledMessage:B,onDisconnect:F?ee:void 0,disconnectLabel:Z,termsUrl:O,termsLabel:K,privacyUrl:_,privacyLabel:J,portalStyle:Ze,navContent:et,navPosition:Pt,setNavContent:Ue,setNavPosition:Bt,footerContent:pt,setFooterContent:Ot,view:ft,setView:xe,selectedSendToken:S,setSelectedSendToken:j,showPortfolio:ne,portfolioTitle:ae,showTotalAssets:De,totalAssetsLabel:se,sendTransaction:H,getTransactionReceipt:le,estimateGas:te,onOutlink:G,lpBalanceReader:He,stakingRewardsReader:fe,bridgeTokens:Ee,bridgeHistory:ue,getBridgeQuote:lt,getBridgeToTokens:ye,getBridgeApproval:_t,approveBridge:ze,submitBridge:vt,onReceive:At,onBridge:ce,onSend:be}),[we,t,ct,oe,Se,St,a,i,s,c,l,d,u,h,m,v,yt,Ge,P,Ce,f,I,C,B,F,ee,Z,O,K,_,J,Ze,et,Pt,pt,ft,S,ne,ae,De,se,H,le,te,G,He,fe,Ee,ue,lt,ye,_t,ze,vt,At,ce,be]);return Nr(Qo.Provider,{value:$e,children:ct?Nr(qd.Root,{direction:Se,open:oe,onOpenChange:Je,handleOnly:kt,noBodyStyles:!0,repositionInputs:!1,children:ke},"drawer"):Nr(gs.Root,{open:oe,onOpenChange:Je,children:ke},"popover")})}var Sn=Object.assign(Yd,{Trigger:qi,Content:ds,Nav:fs,Footer:ms});import*as Et from"react";import*as Ps from"@radix-ui/react-dialog";import{Drawer as rp}from"vaul";import{createContext as Zd,useContext as Xd}from"react";var To=Zd(null);function _n(){let e=Xd(To);if(!e)throw new Error("WalletConnectModal compound components must be used within <WalletConnectModal>");return e}import{useState as hs,useEffect as Jd,useCallback as ep}from"react";function Io(){let[e,t]=hs([]),[n,o]=hs(!0);Jd(()=>{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=ep(a=>e.some(i=>i.rdns===a),[e]);return{wallets:e,isDetected:r,isLoading:n}}import*as ws from"@radix-ui/react-dialog";import{Drawer as tp}from"vaul";import{jsx as bs}from"react/jsx-runtime";function xs({asChild:e,children:t}){let{isMobile:n}=_n(),o=n?tp.Trigger:ws.Trigger;return bs(o,{asChild:e??t!=null,children:t??bs("button",{type:"button",children:"Connect Wallet"})})}import*as Lt from"@radix-ui/react-dialog";import{Drawer as Eo}from"vaul";import{jsx as $,jsxs as Yt}from"react/jsx-runtime";function Lo(){return Yt("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[$("circle",{cx:"20",cy:"20",r:"20",fill:"#00D5AA"}),$("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 vs(){return Yt("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",children:[Yt("g",{clipPath:"url(#clip0_1331_27065)",children:[$("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"}),$("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"}),$("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"}),$("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"}),$("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"}),$("path",{d:"M22.1857 36.1951V39.831H17.6699V36.1951H22.1857Z",fill:"#C0C4CD"}),$("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"})]}),$("defs",{children:$("clipPath",{id:"clip0_1331_27065",children:$("rect",{width:"40",height:"40",fill:"white"})})})]})}function ys(){return Yt("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[$("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"})]})}function ks(){return Yt("svg",{xmlns:"http://www.w3.org/2000/svg",width:"247",height:"246",viewBox:"0 0 247 246",fill:"none",children:[$("rect",{width:"247.005",height:"245.105",rx:"36",fill:"#121212"}),$("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"}),$("path",{d:"M59.8364 99.8915V59.7551H12.0414L30.4787 77.8377V99.8915H59.8364Z",fill:"#2FD7FF"}),$("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 Ss(){return Yt("svg",{width:"40",height:"40",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Yt("g",{clipPath:"url(#clip0_1185_7785)",children:[$("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"}),$("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"})]}),$("defs",{children:$("clipPath",{id:"clip0_1185_7785",children:$("rect",{width:"28",height:"28",fill:"white"})})})]})}function Cs(){return Yt("svg",{width:"40",height:"40",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:[$("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"})]})}function Rs(){return $("svg",{width:"40",height:"40",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:$("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 Ns(){return $("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:$("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}var Tr={cross_embedded:{id:"cross_embedded",name:"CROSSx with Social",description:"Sign in with Google or Apple",icon:Lo},cross_wallet:{id:"cross_wallet",name:"CROSSx",description:"App approval is required",icon:Lo,featured:!0},cross_extension:{id:"cross_extension",name:"CROSSx Extension",description:"Browser extension approval is required",icon:Lo,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:vs,rdns:"io.metamask"},binance:{id:"binance",name:"Binance",description:"Mobile app only \u2014 Add CROSS network first",icon:ys},verse8:{id:"verse8",name:"Verse8 Wallet",description:"Optimized for Forge and Verse8 ecosystem",icon:ks,badge:"For Forge"},tron:{id:"tron",name:"Tron Wallet",description:"Dedicated for Tron-based transactions and assets",icon:Ss,badge:"For SHOP"}};function Ir(e){return Tr[e]}var Lr={google:{id:"google",name:"Google",icon:Cs},apple:{id:"apple",name:"Apple",icon:Rs}};function Ts(e){return Lr[e]}import{Fragment as Es,jsx as D,jsxs as Le}from"react/jsx-runtime";function np({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 Le("button",{type:"button",className:X("wcm-wallet-item",a&&"wcm-wallet-item--featured"),onClick:o,children:[Le("div",{className:"wcm-wallet-item-left",children:[D("div",{className:"wcm-wallet-icon",children:D(r,{})}),Le("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 op({social:e,onSignIn:t}){let n=e.icon,o=`Sign in with ${e.name}`;return Le("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 Is(){let{wallets:e,activeWalletIds:t,socialProviders:n,activeSocialIds:o,termsUrl:r,privacyUrl:a,isDetected:i,close:s,isMobile:c}=_n(),l=t.filter(h=>{let m=Ir(h).visibility;return!m||m==="always"?!0:m==="desktop-only"?!c:m==="mobile-only"?c:!0}),d=o.length>0,u=l.length>0;return Le(Es,{children:[Le("div",{className:"wcm-header",children:[Le("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(Ns,{})})]}),Le("div",{className:"wcm-body",children:[d&&Le(Es,{children:[!c&&Le("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(h=>{let m=Ts(h);return D(op,{social:m,onSignIn:()=>{n[h]?.(),s()}},h)})}),u&&Le("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(h=>{let m=Ir(h),v=m.rdns?i(m.rdns):!1;return D(np,{wallet:m,detected:v,onConnect:()=>{e[h]?.(),s()}},h)})}),Le("p",{className:"wcm-terms",children:["By continuing, you agree to NEXUS"," ",D(Ls,{href:r,children:"Terms of Service"})," and consent to its ",D(Ls,{href:a,children:"Privacy Policy"}),"."]})]})]})}function Ls({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 As({className:e}){let{isMobile:t,theme:n,portalStyle:o}=_n();return t?Le(Eo.Portal,{children:[D(Eo.Overlay,{className:"wcm-overlay"}),Le(Eo.Content,{className:X("wcm-drawer-content",e),"data-theme":n,style:o,children:[D(Eo.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),D("div",{className:"wcm-drawer-handle"}),D("div",{className:"wcm-drawer-body",children:D(Is,{})})]})]}):Le(Lt.Portal,{children:[D(Lt.Overlay,{className:"wcm-overlay"}),Le(Lt.Content,{className:X("wcm-dialog-content",e),"data-theme":n,style:o,children:[D(Lt.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),D(Lt.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(Is,{})})]})]})}z(`.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
|
+
`);z(`@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 On}from"react/jsx-runtime";var ip={};function ap({wallets:e,socialProviders:t=ip,termsUrl:n,privacyUrl:o,theme:r="dark",mobileBreakpoint:a=768,drawerDirection:i="bottom",dialogWidth:s,drawerMaxWidth:c,drawerMinWidth:l,style:d,open:u,onOpenChange:h,children:m}){let v=dn(`(max-width: ${a}px)`),[x,w]=Et.useState(!1),k=u!==void 0,P=k?u:x,f=Et.useCallback(_=>{k||w(_),h?.(_)},[k,h]),I=Et.useCallback(()=>f(!1),[f]),{isDetected:C}=Io(),B=Et.useMemo(()=>Object.keys(e),[e]),F=Et.useMemo(()=>Object.keys(t),[t]),Z=Et.useMemo(()=>{let _={};return s&&(_["--wcm-dialog-width"]=s),c&&(_["--wcm-drawer-max-width"]=c),l&&(_["--wcm-drawer-min-width"]=l),{..._,...d}},[s,c,l,d]),O=Et.useMemo(()=>({theme:r,isMobile:v,open:P,setOpen:f,close:I,wallets:e,activeWalletIds:B,socialProviders:t,activeSocialIds:F,termsUrl:n,privacyUrl:o,isDetected:C,portalStyle:Z}),[r,v,P,f,I,e,B,t,F,n,o,C,Z]),K=On("div",{"data-theme":r,style:Z,children:m});return v?On(To.Provider,{value:O,children:On(rp.Root,{direction:i,open:P,onOpenChange:f,noBodyStyles:!0,children:K},"drawer")}):On(To.Provider,{value:O,children:On(Ps.Root,{open:P,onOpenChange:f,children:K})})}var Bs=Object.assign(ap,{Trigger:xs,Content:As});z(`.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
|
+
`);z(`.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 sp='<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>',lp='<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>',cp='<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>',dp='<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>',pp='<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 zn(e){return`data:image/svg+xml,${encodeURIComponent(e)}`}var Ao=zn(sp),Po=zn(lp),Bo=zn(cp),Fo=zn(dp),Mo=zn(pp);import{jsx as st,jsxs as Wn}from"react/jsx-runtime";function Ms({isConnecting:e,address:t,provider:n,providerName:o,accountName:r,sendAccounts:a,onConnect:i,onDisconnect:s,onCopy:c,onSelectWallet:l,onBuy:d,onBuyDisabledMessage:u,label:h="Connect Wallet",connectingLabel:m="Connecting...",disconnectLabel:v,className:x,theme:w="dark",env:k,showBalance:P=!0,showPortfolio:f,drawerDirection:I,modal:C,connectorId:B,style:F,walletInfoStyle:Z,sendTransaction:O,getTransactionReceipt:K,estimateGas:_,onReceive:J,onBridge:W,onSend:he,bridgeTokens:ne,bridgeHistory:ae,getBridgeQuote:De,getBridgeToTokens:se,getBridgeApproval:H,approveBridge:le,submitBridge:te}){let G=x?`cb-button ${x}`:"cb-button",He=x?`cb-pill ${x}`:"cb-pill";if(e)return Wn("button",{type:"button",disabled:!0,className:G,style:F,"aria-busy":"true",children:[st("span",{className:"cb-spinner","aria-hidden":"true"}),st("span",{className:"cb-button-label",children:m})]});if(t){let fe=o??gp(n),Ee=n?up[n]:void 0;return Wn(Sn,{env:k,theme:w,drawerDirection:I,modal:C,showBalance:P,showPortfolio:f,walletAddress:t,accountName:r,sendAccounts:a,connectorId:B,onSelectWallet:l,onCopyAddress:c?(ue,lt)=>{lt&&c()}:void 0,onDisconnect:s,disconnectLabel:v,style:Z,sendTransaction:O,getTransactionReceipt:K,estimateGas:_,onReceive:J,onBridge:W,onBuy:d,onBuyDisabledMessage:u,onSend:he,bridgeTokens:ne,bridgeHistory:ae,getBridgeQuote:De,getBridgeToTokens:se,getBridgeApproval:H,approveBridge:le,submitBridge:te,children:[st(Sn.Trigger,{asChild:!0,children:Wn("button",{type:"button",className:He,style:F,"aria-label":`Connected with ${fe}: ${Fs(t)}`,children:[Ee?st("img",{src:Ee,alt:"",width:18,height:18,className:"cb-pill-icon","data-provider":n}):st("span",{className:"cb-pill-icon-placeholder","aria-hidden":"true"}),st("span",{className:"cb-pill-address",children:Fs(t)})]})}),st(Sn.Content,{align:"end",sideOffset:8})]})}return Wn("button",{type:"button",onClick:i,className:G,style:F,"aria-label":typeof h=="string"?h:"Connect Wallet",children:[st(fp,{}),st("span",{className:"cb-button-label",children:h})]})}function fp(){return Wn("svg",{className:"cb-button-icon",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[st("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"}),st("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"}),st("path",{d:"M12.75 11.25H12.7575",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}var up={google:Fo,apple:Mo,cross:Ao,metamask:Po,binance:Bo},mp={google:"Google",apple:"Apple",cross:"CROSSx",metamask:"MetaMask",binance:"Binance Wallet"};function gp(e){return e?mp[e]:"Wallet"}function Fs(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}import*as _s from"react";z(`.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
|
+
`);z(`.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 Dn,jsxs as bp}from"react/jsx-runtime";var Er="https://skills.cross.nexus";function Os({label:e="Skills",href:t=Er,onClick:n,className:o,style:r,theme:a,disabled:i=!1,isLoading:s=!1,loadingLabel:c="Loading...",openInNewTab:l=!1,type:d="button"}){let[u,h]=_s.useState(!1),m=async P=>{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)}},v=i||s||u,x=s||u,w=x?c:e,k=o?`sb-button ${o}`:"sb-button";return bp("button",{type:d,onClick:m,disabled:v,className:k,"data-theme":a,style:r,"aria-busy":x,children:[x?Dn("span",{className:"sb-spinner","aria-hidden":"true"}):Dn(hp,{}),Dn("span",{className:"sb-label",children:w})]})}function hp(){return Dn("svg",{className:"sb-button-icon",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:Dn("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"})})}Vo({mode:"dapp-ui"});export{Mo as APPLE_ICON,qr as AppLauncher,ni as AppLauncherContent,Xr as AppLauncherTrigger,Bo as BINANCE_ICON,So as BridgeFlow,Xn as CONNECTOR_REGISTRY,Ao as CROSSX_ICON,Ms as ConnectButton,Yo as ConnectorId,Er as DEFAULT_SKILLS_HREF,Fo as GOOGLE_ICON,Po as METAMASK_ICON,Lr as SOCIAL_REGISTRY,fo as SendFlow,Os as SkillsButton,fr as TOKEN_STATS_QUERY_KEY,pr as USER_BALANCE_QUERY_KEY,Tr as WALLET_REGISTRY,Bs as WalletConnectModal,Sn as WalletInfo,_a as WalletPortfolio,vn as WalletPortfolioBody,Vo as announceAppLauncherUsage,Be as resolveEnvironment,Yn as useGlobalMenu,Ut as useTokenBalance,$t as useTokenStats,Io as useWalletDetect};
|