@nexus-cross/dapp-ui 1.3.4-beta.2 → 1.3.4-beta.4
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
|
-
`);z("");import{jsx as or}from"react/jsx-runtime";function ri({env:e,theme:t="dark",mobileBreakpoint:n=768,domain:o,children:r}){let a=bn(`(max-width: ${n}px)`),[i,s]=wn.useState(!1),c=wn.useCallback(()=>s(!1),[]),l=Me(e),d=wn.useMemo(()=>({env:l,theme:t,isMobile:a,open:i,domain:o,close:c}),[l,t,a,i,o,c]);return or(nr.Provider,{value:d,children:a?or(yl.Root,{direction:"right",open:i,onOpenChange:s,noBodyStyles:!0,children:r},"drawer"):or(oi.Root,{open:i,onOpenChange:s,children:r},"popover")})}import*as li from"@radix-ui/react-popover";import{Drawer as Sl}from"vaul";import{jsx as Xe,jsxs as kl}from"react/jsx-runtime";function ii({size:e=18}){return kl("svg",{className:"al-trigger-icon",width:e,height:e,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Xe("rect",{width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"7",y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"14",y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"7",y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"14",y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"})]})}function ai(){return Xe("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Xe("path",{d:"M12 19L5 12M5 12L12 5M5 12H19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function si(){return Xe("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Xe("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as no}from"react/jsx-runtime";function ci({asChild:e,children:t,className:n,style:o}){let{isMobile:r,theme:a}=to(),i=t!=null,s=e??!0,c=n?`al-trigger-btn ${n}`:"al-trigger-btn",l=i?t:no("button",{type:"button",className:c,"data-theme":a,style:o,children:no(ii,{size:18})});return r?no(Sl.Trigger,{asChild:s,children:l}):no(li.Trigger,{asChild:s,children:l})}import*as nn from"react";import*as ro from"@radix-ui/react-popover";import{Drawer as xn}from"vaul";import{useQuery as Tl}from"@tanstack/react-query";var di={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 Rl="https://stg-contents.crosstoken.io/frontend/common/app-launcher/icons",Cl="https://contents.crosstoken.io/frontend/common/app-launcher/icons";function bt(e,t){return`${e==="production"?Cl:Rl}/${t}.png`}function pi(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.onechain.nexus/gametoken/CROSS",stage:"https://stg.onechain.nexus/gametoken/CROSS",production:"https://onechain.nexus/gametoken/CROSS"},iconUrl:bt(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.onechain.nexus/forge",stage:"https://stg.onechain.nexus/forge",production:"https://onechain.nexus/forge"},iconUrl:bt(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:bt(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:bt(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.onechain.nexus/rewards",stage:"https://stg.onechain.nexus/rewards",production:"https://onechain.nexus/rewards"},iconUrl:bt(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:bt(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:bt(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:bt(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.onechain.nexus/points",stage:"https://stg.onechain.nexus/points",production:"https://onechain.nexus/points"},iconUrl:bt(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:bt(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.onechain.nexus/612055",stage:"https://stg-explorer.onechain.nexus/612055",production:"https://explorer.onechain.nexus/612055"},iconUrl:bt(t,"explorer"),order:12e3,type:"explorer",badge:null,isNew:!1}]}}function oo(e){let t=Me(e);return Tl({queryKey:["global-menu",t],queryFn:async({signal:n})=>{try{let o=await fetch(di[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 pi(t)}},staleTime:0,gcTime:0,retry:!1,refetchOnMount:!0})}function Z(...e){return e.filter(Boolean).join(" ")}import{jsx as Ne,jsxs as _n}from"react/jsx-runtime";function Nl(e){return e.id==="cross-staking"||e.type==="cross-staking"}function ui({align:e="end",sideOffset:t=8,className:n}){let{env:o,theme:r,isMobile:a,domain:i,close:s}=to(),{data:c}=oo(o),l=nn.useMemo(()=>(c?.items??[]).sort((w,k)=>w.order-k.order),[c]),d=8,u=nn.useRef(null),h=nn.useCallback(w=>{u.current={x:w.clientX,y:w.clientY}},[]),m=typeof window<"u"?window.location.pathname:"",v=nn.useCallback((w,k)=>{if(u.current){let I=w.clientX-u.current.x,T=w.clientY-u.current.y;if(u.current=null,Math.abs(I)>d||Math.abs(T)>d)return}let F=k.url[o]??k.url.production,f=fi(F,i);if(!f)try{let I=new URL(F).pathname;if(m===I||m.startsWith(I+"/")){s();return}}catch{}f?window.open(F,"_blank","noopener,noreferrer"):window.location.href=F,s()},[o,i,s,m]),x=Ne("div",{className:"al-grid","data-theme":r,children:l.map(w=>{let k=w.url[o]??w.url.production,F=fi(k,i),f=!1;if(!F)try{let I=new URL(k).pathname;f=m===I||m.startsWith(I+"/")}catch{f=!1}return _n("button",{type:"button",className:"al-grid-item","data-active":f||void 0,onPointerDown:h,onClick:I=>v(I,w),children:[_n("div",{className:"al-grid-item-left",children:[Ne("div",{className:"al-grid-item-icon",children:Ne("img",{src:w.iconUrl,alt:w.label,width:24,height:24,loading:"lazy"})}),Ne("span",{className:"al-grid-item-label",children:w.label}),w.isNew&&Ne("span",{className:"al-badge-new",children:"N"})]}),Ne("div",{className:"al-grid-item-right",children:w.badge&&!Nl(w)&&Ne("span",{className:"al-badge",children:w.badge})})]},w.id)})});return a?_n(xn.Portal,{children:[Ne(xn.Overlay,{className:"al-drawer-overlay"}),_n(xn.Content,{className:Z("al-drawer-content",n),"data-theme":r,children:[_n("div",{className:"al-drawer-header",children:[Ne(xn.Close,{className:"al-drawer-close",children:Ne(ai,{})}),Ne(xn.Title,{className:"al-drawer-title",children:"CROSS Services"}),Ne(xn.Close,{className:"al-drawer-close",children:Ne(si,{})})]}),Ne("div",{className:"al-drawer-body",children:x})]})]}):Ne(ro.Portal,{children:Ne(ro.Content,{align:e,sideOffset:t,className:Z("al-popover-content",n),"data-theme":r,children:x})})}function fi(e,t){try{let n=new URL(e).hostname;return typeof window>"u"?!0:n!==(t??window.location.hostname)}catch{return!1}}import*as We from"react";import*as As from"@radix-ui/react-popover";import{Drawer as Cp}from"vaul";import{createContext as Il,useContext as Ll}from"react";var rr=Il(null);function Ht(){let e=Ll(rr);if(!e)throw new Error("WalletInfo compound components must be used within <WalletInfo>");return e}var ir=(o=>(o.CROSSx="crossx",o.MetaMask="io.metamask",o.Binance="com.binance.wallet",o))(ir||{}),io={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 oa from"react";import{jsx as q,jsxs as On}from"react/jsx-runtime";function mi({size:e=16,className:t}){return On("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 Mn({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 on({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 Lt({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 gi({size:e=20,className:t}){return On("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 ao({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 rn({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 an({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 hi({size:e=16,className:t}){return On("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 bi({size:e=16,className:t}){return On("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 wi({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 xi({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 vi({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 yi({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 ki({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 Si({size:e=20,className:t}){return On("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 sn from"bignumber.js";function El(e){let t=e.length;for(;t>0&&e.charCodeAt(t-1)===48;)t--;return t>0&&e.charCodeAt(t-1)===46&&t--,e.slice(0,t)}function Ut(e,t){if(!e||e==="0")return"0.00";let n=new sn(e).shiftedBy(-t),o=n.isGreaterThanOrEqualTo(1)?2:4;return n.toFormat(o,sn.ROUND_DOWN)}function Je(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}function ar(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 Ri(e,t,n){let r=new sn(e).shiftedBy(-t).multipliedBy(new sn(n));return r.isZero()||r.isNaN()?"$0.00":`$${(r.integerValue(sn.ROUND_DOWN).isGreaterThanOrEqualTo(1)?r.decimalPlaces(2,sn.ROUND_DOWN):r.decimalPlaces(4,sn.ROUND_DOWN)).toFormat()}`}function Ci(e){if(e===""||e===null||e===void 0)return{displayValue:"0",isLowerBound:!1};let t=typeof e=="number"?e.toString():e;if(t==="0"||t==="0.0")return{displayValue:"0",isLowerBound:!1};let n=t;if(n.includes("e")||n.includes("E")){let i=Number(n);if(!Number.isFinite(i)||i===0)return{displayValue:"0",isLowerBound:!1};n=El(i.toFixed(18))}let[o="0",r=""]=n.split(".");if(Number(o)>=1){let i=r.slice(0,2).padEnd(2,"0");return{displayValue:`${Number(o).toLocaleString("en-US")}.${i}`,isLowerBound:!1}}return r.length<4?{displayValue:`${o}.${r}`,isLowerBound:!1}:r.slice(0,4)==="0000"?{displayValue:"0.0001",isLowerBound:!0}:{displayValue:`0.${r.slice(0,4)}`,isLowerBound:!1}}import{useMemo as Al}from"react";import{useQuery as Pl}from"@tanstack/react-query";var He={dev:"https://stg-wallet-server.crosstoken.io/api",stage:"https://stg-wallet-server.crosstoken.io/api",production:"https://wallet-server.crosstoken.io/api"},be={dev:{cross:612044,bsc:97},stage:{cross:612044,bsc:97},production:{cross:612055,bsc:56}},vn="https://terms.crosstoken.io/docs/cross-terms-of-use",so="https://terms.crosstoken.io/docs/nexus-privacy-policy";var Bl="send:chain-info";function Fl(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 sr(e,...t){let n=e.replace(/\/+$/,""),o=t.map(r=>r.replace(/^\/+|\/+$/g,"")).filter(Boolean);return[n,...o].join("/")}function _l(e,t,n,o){if(o)return t===be[e].cross?Ti(t,o):n?.explorer_url?sr(n.explorer_url,n.explorer_postfix?.transaction??"tx",o):Ml(e,t,o)}function Ti(e,t){return sr("https://explorer.onechain.nexus",String(e),"tx",t)}function Ml(e,t,n){let o=be[e];if(t===o.cross)return Ti(t,n);if(t===o.bsc)return sr(e==="production"?"https://bscscan.com":"https://testnet.bscscan.com","tx",n)}function lo(e,t,n,o=!0){let r=He[e],a=Pl({queryKey:[Bl,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 Fl(d)},enabled:o,staleTime:300*1e3}),i=a.data;return{transactionUrl:Al(()=>_l(e,t,i,n),[t,i,e,n]),chainInfo:i,...a}}var Ni="0x0000000000000000000000000000000000000001";var Ol="0xa9059cbb",Dl=/^0x[a-fA-F0-9]{40}$/,zl="nexus-cross:dapp-ui:send:recent:",Ii=10;function Wl(e){let t=e.length;for(;t>0&&e.charCodeAt(t-1)===48;)t--;return e.slice(0,t)}function Dn(e){return e.toLowerCase()}function Et(e){return Dl.test(e)}function $t(e){return Dn(e.address)===Ni}function lr(e){return`${zl}${e.toLowerCase()}`}function yn(e){if(typeof window>"u")return[];try{let t=window.localStorage.getItem(lr(e));if(!t)return[];let n=JSON.parse(t);return Array.isArray(n)?n.filter(o=>o!==null&&typeof o=="object"&&Et(o.address)&&typeof o.updatedAt=="number").slice(0,Ii):[]}catch{return[]}}function cr(e,t){if(typeof window>"u")return[];let n=Dn(t),o=[{address:n,updatedAt:Date.now()},...yn(e).filter(r=>r.address!==n)].slice(0,Ii);try{window.localStorage.setItem(lr(e),JSON.stringify(o))}catch{return yn(e)}return o}function dr(e){if(!(typeof window>"u"))try{window.localStorage.removeItem(lr(e))}catch{}}function ln(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 pr(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=Wl(a.toString().padStart(t,"0"));return`${r.toString()}.${i}`}function fr(e,t){let n=e.replace(/^0x/,"").toLowerCase().padStart(64,"0"),o=t.toString(16).padStart(64,"0");return`${Ol}${n}${o}`}function co(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 ur(e,t){return co(e,t,6)}function Li(e){return co(e,9,2)}function Ei(e){return e.toLocaleString("en-US")}function po(e){return e===56||e===97}function fo(e){return e.gasPrice??e.maxFeePerGas}function Ai(e,t=!1){return t?fo(e)!==void 0?"legacy":null:e.maxFeePerGas!==void 0?"dynamic":e.gasPrice!==void 0?"legacy":null}function uo(e,t=!1){if(t){let n=fo(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 mo(e){return!Number.isFinite(e)||e<=0?"$0.00":`$${e.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})}`}function Pi(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(Pi(n.cause,t+1)),o.join(`
|
|
6
|
-
`).toLowerCase()}function Gl(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 mr(e,t={},n="Failed to send transaction."){let o=Pi(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.":Gl(e)||n}var Hl=2000000000n,Ul=1000000000n;async function go(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 ho(e){return BigInt(e)}function $l(e){return`0x${e.toString(16)}`}function jl(e){let t={to:e.to};return e.from&&(t.from=e.from),e.value!==void 0&&e.value>0n&&(t.value=$l(e.value)),e.data&&(t.data=e.data),t}function Vl(e){return e===56||e===97}async function Bi(e){try{let t=await go(e,"eth_gasPrice",[]);return{gasPrice:ho(t)}}catch{return{gasPrice:Hl}}}async function ql(e,t){let n=Ul;try{let o=await go(e,"eth_maxPriorityFeePerGas",[]);n=ho(o)}catch{}return{maxFeePerGas:t+n,maxPriorityFeePerGas:n}}async function Kl(e,t){if(t)return Bi(e);let n;try{n=(await go(e,"eth_getBlockByNumber",["latest",!1]))?.baseFeePerGas}catch{}return n?ql(e,ho(n)):Bi(e)}async function Fi(e,t){let n=Vl(t.chainId),o=jl(t),[r,a]=await Promise.all([go(e,"eth_estimateGas",[o]),Kl(e,n)]);return{gasLimit:ho(r),gasPrice:a.gasPrice,maxFeePerGas:a.maxFeePerGas,maxPriorityFeePerGas:a.maxPriorityFeePerGas}}function _i(e){let{estimateGas:t,sendTransaction:n,getTransactionReceipt:o}=e;return{canSend:!!n,canEstimateGas(r){return!!t||!!r},async estimateGas(r,a){if(t)return t(r);if(a)return Fi(a,r);throw new Error("Gas estimation is not available.")},async sendTransaction(r){if(!n)throw new Error("Sending is not available for this wallet.");return n(r)},getTransactionReceipt:o}}var Ql=1500,Yl=120;function Mi(e){return!!(e.token||e.recipient||e.amount)}function gr({recipient:e,amount:t,token:n,balanceRaw:o}){let r={},a=e.trim(),i=ln(t,n.quantity.decimals),s;return a?Et(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.")),!$t(n)&&!Et(n.address)&&(r.token="Token contract address is invalid."),{errors:r,rawAmount:r.amount?void 0:s,recipient:a&&Et(a)?a:void 0}}function hr({token:e,walletAddress:t,recipient:n,rawAmount:o}){let r=t;return $t(e)?{to:n,value:o,chainId:e.chainId,from:r}:{to:Dn(e.address),data:fr(n,o),value:0n,chainId:e.chainId,from:r}}function Zl(e){let{status:t}=e;return t==="reverted"||t==="0x0"||t===0||t===0n||t===!1}var Xl=e=>new Promise(t=>setTimeout(t,e));async function Oi({repository:e,args:t,chainId:n,onSubmitted:o,pollIntervalMs:r=Ql,pollMaxAttempts:a=Yl}){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 Zl(l)?"reverted":"success";await Xl(r)}return"timeout"}var Di=["token","recipient","amount","review"];function zi(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,F=A.useMemo(()=>_i({sendTransaction:l,getTransactionReceipt:d,estimateGas:u}),[l,d,u]),[f,I]=A.useState(i);A.useEffect(()=>{I(i)},[i.address,i.chainId]);let[T,P]=A.useState(a),[_,Q]=A.useState(""),[M,K]=A.useState(""),[W,X]=A.useState({}),[O,J]=A.useState("idle"),[ee,re]=A.useState(""),[$e,se]=A.useState(""),[U,ie]=A.useState(null),[te,G]=A.useState(!1),[je,le]=A.useState(""),Ee=A.useRef(0),[ue,pt]=A.useState(null),[Re,Gt]=A.useState(""),[Rt,Ge]=A.useState(()=>yn(n)),Mt=A.useMemo(()=>Me(t),[t]),{transactionUrl:xe,chainInfo:ce}=lo(Mt,f.chainId,ee||void 0,!0),nt=ce?.currency_symbol??"",ve=ce?.name??`Chain ID ${f.chainId}`,Ce=A.useRef({nativeSymbol:nt||void 0,networkName:ve,tokenSymbol:f.symbol});Ce.current={nativeSymbol:nt||void 0,networkName:ve,tokenSymbol:f.symbol};let de=A.useMemo(()=>BigInt(f.quantity.numeric||"0"),[f.quantity.numeric]),Ct=A.useMemo(()=>Ut(f.quantity.numeric,f.quantity.decimals),[f.quantity.numeric,f.quantity.decimals]),ft=h?.(f),Tt=A.useMemo(()=>{if(ft===void 0)return;let R=parseFloat(M.replace(/,/g,""));return Number.isFinite(R)?R*ft:0},[M,ft]);A.useEffect(()=>{K(""),X({})},[f.address,f.chainId]),A.useEffect(()=>{Ee.current+=1,ie(null),le(""),G(!1)},[f.address,f.chainId,_,M]),A.useEffect(()=>{Ge(yn(n))},[n]);let Ve=A.useCallback(R=>{Q(R),X(j=>({...j,recipient:void 0}))},[]),Nt=A.useCallback(R=>{K(R),X(j=>({...j,amount:void 0}))},[]),qe=A.useCallback(()=>{K(Ct.replace(/,/g,"")),X(R=>({...R,amount:void 0}))},[Ct]),pe=A.useCallback(R=>{I(R),c?.(R),P("recipient")},[c]),Ke=A.useCallback(()=>P("token"),[]),ot=A.useCallback(()=>{P(R=>{if(R==="result")return"review";if(R===a)return w?.(),R;let j=Di.indexOf(R);return j<=0?(w?.(),R):Di[j-1]})},[a,w]),Ae=A.useCallback(()=>{let{errors:R}=gr({recipient:_,amount:"1",token:f,balanceRaw:de});if(R.recipient){X(j=>({...j,recipient:R.recipient}));return}X(j=>({...j,recipient:void 0})),P("amount")},[_,f,de]),ut=A.useCallback(R=>{Q(R),X(j=>({...j,recipient:void 0})),P("amount")},[]),ae=A.useCallback(()=>{let R=gr({recipient:_,amount:M,token:f,balanceRaw:de});X(R.errors),!(Mi(R.errors)||R.rawAmount===void 0||!R.recipient)&&(pt(R.rawAmount),Gt(R.recipient),ie(null),le(""),J("idle"),P("review"))},[_,M,f,de]);A.useEffect(()=>{if(T!=="review"||!Re||ue===null||U!==null||te||je||!F.canEstimateGas(ce?.rpc))return;let R=++Ee.current;G(!0),le(""),(async()=>{try{let j=hr({token:f,walletAddress:n,recipient:Re,rawAmount:ue}),ne=await F.estimateGas(j,ce?.rpc);if(Ee.current!==R)return;ie(ne)}catch(j){if(Ee.current!==R)return;le(mr(j,Ce.current,"Failed to estimate gas."))}finally{Ee.current===R&&G(!1)}})()},[T,Re,ue,U,te,je,F,ce?.rpc,f,n]);let me=A.useMemo(()=>{if(!$t(f)||!U||ue===null)return!1;let R=uo(U,po(f.chainId));return R===null?!1:ue+R>de},[f,U,ue,de]),It=A.useCallback(async()=>{if(!(!Re||ue===null)&&!me){se(""),re(""),J("submitting");try{let R="",j=await Oi({repository:F,args:hr({token:f,walletAddress:n,recipient:Re,rawAmount:ue}),chainId:f.chainId,onSubmitted:ne=>{R=ne,re(ne),J("confirming"),Ge(cr(n,Re)),m?.({txHash:ne,chainId:f.chainId,amount:M,tokenSymbol:f.symbol,recipient:Re})}});if(j==="success")J("success"),R&&v?v?.(R):P("result");else if(j==="reverted"){let ne="Transaction reverted on-chain.";J("error"),se(ne),R&&x?x({txHash:R,chainId:f.chainId,message:ne}):P("result")}else{let ne="Transaction receipt was not found. Please check again later.";J("error"),se(ne),R&&x?x({txHash:R,chainId:f.chainId,message:ne}):P("result")}}catch(R){J("error"),se(mr(R,{nativeSymbol:nt||void 0,networkName:ve,tokenSymbol:f.symbol})),P("result")}}},[F,Re,ue,me,f,M,n,m,v,x,nt,ve]),[mt,Pe]=A.useState(!1),rt=A.useRef(void 0);A.useEffect(()=>()=>clearTimeout(rt.current),[]);let gt=A.useCallback(async()=>{if(ee)try{await navigator.clipboard.writeText(ee),Pe(!0),clearTimeout(rt.current),rt.current=setTimeout(()=>Pe(!1),2e3)}catch{}},[ee]),ge=A.useCallback(()=>{if(!xe||!ee)return;let R=Qe=>{typeof window<"u"&&window.open(Qe,"_blank","noopener,noreferrer")};if(!k){R(xe);return}let j=k(xe,{category:"send",origin:"send-transaction",payload:{chainId:f.chainId,txHash:ee}});if(j&&typeof j.then=="function"){let Qe=typeof window<"u"?window.open("","_blank","noopener,noreferrer"):null;j.then(Ot=>{if(Ot===null){Qe?.close();return}let Ye=Ot??xe;if(Qe)try{Qe.location.href=Ye}catch{Qe.close(),R(Ye)}else R(Ye)});return}let ne=j;ne!==null&&R(ne??xe)},[k,f.chainId,xe,ee]),ye=A.useCallback(()=>{se(""),re(""),J("idle"),ie(null),le(""),P("review")},[]);return{step:T,status:O,token:f,tokens:s.length>0?s:[f],recipient:_,amount:M,amountUsd:Tt,fieldErrors:W,error:$e,txHash:ee,gasEstimate:U,gasLoading:te,gasError:je,insufficientGas:me,reviewRawAmount:ue,reviewRecipient:Re,recentAddresses:Rt,accounts:r,accountName:o,walletAddress:n,resolvedEnv:Mt,transactionUrl:xe,networkName:ve,nativeSymbol:nt,nativeDecimals:ce?.currency_decimals??f.quantity.decimals,balanceRaw:de,balanceText:Ct,priceUsd:ft,canSelectToken:(s.length>0?s:[f]).length>1,canSend:F.canSend,getTokenPriceUsd:h,setRecipient:Ve,setAmount:Nt,setMax:qe,selectToken:pe,goToTokenSelect:Ke,selectRecipient:ut,submitRecipient:Ae,submitAmount:ae,confirmSend:It,retry:ye,back:ot,hashCopied:mt,copyHash:gt,openTransaction:ge}}import*as wt from"react";import{jsx as zn,jsxs as br}from"react/jsx-runtime";function Wi({flow:e}){let{amount:t,setAmount:n,amountUsd:o,balanceText:r,balanceRaw:a,token:i,setMax:s}=e,c=wt.useRef(null),l=wt.useCallback(()=>{requestAnimationFrame(()=>{let x=c.current;if(!x)return;let w=x.value.length;x.setSelectionRange(w,w)})},[]);wt.useEffect(()=>{c.current?.focus(),l()},[l]),wt.useEffect(()=>{t===""&&(h(!1),l())},[t,l]);let d=wt.useMemo(()=>{let x=ln(t,i.quantity.decimals);return"value"in x&&x.value>a},[t,i.quantity.decimals,a]),[u,h]=wt.useState(!1),m=!u&&t===""?"0.00":t,v=t.trim()===""||t.trim()==="0";return zn("div",{className:"sf-body sf-amount",children:br("div",{className:"sf-amount-center",children:[zn("span",{className:"sf-amount-usd",children:o!==void 0?mo(o):"\xA0"}),zn("div",{className:"sf-amount-input-wrap","data-over":d||void 0,"data-empty":v||void 0,onClick:()=>c.current?.focus(),children:zn("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})}),br("div",{className:"sf-amount-balance",children:[zn("span",{children:"Balance:"}),br("button",{type:"button",className:"sf-amount-max",onClick:s,children:[r," ",i.symbol]})]})]})})}import*as xt from"react";var Jl=new Set(["0xff42c13d927a6b9265236619161accb227b6d452","0x9364ea6790f6e0ecfaa5164085f2a7de34ec55fb"].map(e=>e.toLowerCase()));function Hi(e){return Jl.has(e.toLowerCase())}var wr={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"},Gi={cross:"https://contents.crosstoken.io/wallet/token/images/CROSS.svg",bsc:"https://contents.crosstoken.io/wallet/token/images/BSC.svg"};function Wn(e,t){let n=be[e];if(t===n.cross)return Gi.cross;if(t===n.bsc)return Gi.bsc}var ec={dev:"https://dev-portrait.crosstoken.io",stage:"https://dev-portrait.crosstoken.io",production:"https://portrait.crosstoken.io"};function zt(e,t,n={}){if(!t||!t.startsWith("0x"))return;let{size:o=120,bg:r,format:a="png"}=n,i=ec[e],s=r?`&bg=${r}`:"";return`${i}/portrait/evm/${t}.${a}?size=${o}${s}`}import{jsx as at,jsxs as bo}from"react/jsx-runtime";function Ui({size:e=20,className:t}){return bo("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",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 $i({size:e=20,className:t}){return at("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",className:t,"aria-hidden":"true",children:at("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 ji({size:e=20,className:t}){return bo("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,"aria-hidden":"true",children:[at("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor",opacity:"0.12"}),at("path",{d:"M7 7l6 6M13 7l-6 6",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})]})}function Vi({size:e=16,className:t}){return at("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",className:t,"aria-hidden":"true",children:at("path",{d:"M8 3v10m0 0 4-4m-4 4-4-4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})}function qi({size:e=56,className:t}){return bo("svg",{width:e,height:e,viewBox:"0 0 56 56",fill:"none",className:t,"aria-hidden":"true",children:[at("circle",{cx:"28",cy:"28",r:"28",fill:"var(--ds-accent-primary-default, #00b4b7)"}),at("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 Ki({size:e=56,className:t}){return bo("svg",{width:e,height:e,viewBox:"0 0 56 56",fill:"none",className:t,"aria-hidden":"true",children:[at("circle",{cx:"28",cy:"28",r:"28",fill:"var(--ds-system-red-default, #da0b2e)"}),at("path",{d:"M20 20 36 36m0-16L20 36",stroke:"#ffffff",strokeWidth:"4",strokeLinecap:"round"})]})}import{jsx as fe,jsxs as At}from"react/jsx-runtime";function Qi(e,t){return e.name||`Account ${(e.index??t)+1}`}function Yi(e){return e.trim().slice(0,1).toUpperCase()||"A"}function Zi(e){return e.toLowerCase()}function Xi({flow:e}){let{recipient:t,setRecipient:n,fieldErrors:o,recentAddresses:r,accounts:a,walletAddress:i,resolvedEnv:s,selectRecipient:c}=e,l=xt.useMemo(()=>a.filter(f=>f.address.toLowerCase()!==i.toLowerCase()),[a,i]),d=l.length>0,u=xt.useMemo(()=>new Map(l.map((f,I)=>[Zi(f.address),{account:f,index:I}])),[l]),[h,m]=xt.useState("recent"),v=xt.useRef(null);xt.useEffect(()=>{v.current?.focus()},[]);let x="1A1A2E",w=xt.useCallback(async()=>{try{let f=await navigator.clipboard.readText();f&&n(f.trim())}catch{}},[n]),k=t.trim().length>0,F=Et(t.trim());return At("div",{className:"sf-recipient",children:[At("div",{className:"sf-recipient-top",children:[At("div",{className:"sf-address-field","data-filled":k||void 0,"data-invalid":o.recipient||void 0,children:[fe("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?fe("button",{type:"button",className:"sf-address-action",onClick:()=>n(""),"aria-label":"Clear",children:fe(ji,{size:20})}):fe("button",{type:"button",className:"sf-address-action",onClick:w,"aria-label":"Paste from clipboard",children:fe($i,{size:20})})]}),o.recipient&&fe("p",{className:"sf-field-error",role:"alert",children:o.recipient}),At("div",{className:"sf-tabs",role:"tablist",children:[fe("button",{type:"button",role:"tab",className:"sf-tab","data-active":h==="recent"||void 0,"aria-selected":h==="recent",onClick:()=>m("recent"),children:"Recent"}),d&&fe("button",{type:"button",role:"tab",className:"sf-tab","data-active":h==="account"||void 0,"aria-selected":h==="account",onClick:()=>m("account"),children:"My Account"})]})]}),fe("div",{className:"sf-address-list",children:h==="account"&&d?l.map((f,I)=>{let T=Qi(f,I),P=zt(s,f.address,{size:56,bg:x});return At("button",{type:"button",className:"sf-address-row",onClick:()=>c(f.address),children:[At("span",{className:"sf-address-avatar",children:[P&&fe("img",{src:P,alt:"",width:40,height:40,draggable:!1,onError:_=>{_.currentTarget.style.display="none"}}),fe("span",{className:"sf-address-avatar-fallback",children:Yi(T)})]}),At("span",{className:"sf-address-meta",children:[fe("span",{className:"sf-address-name",children:T}),fe("span",{className:"sf-address-value",children:Je(f.address)})]})]},f.address)}):r.length>0?r.map(f=>{let I=u.get(Zi(f.address)),T=I?Qi(I.account,I.index):Je(f.address),P=zt(s,f.address,{size:56,bg:x});return At("button",{type:"button",className:"sf-address-row",onClick:()=>c(f.address),children:[At("span",{className:"sf-address-avatar",children:[P&&fe("img",{src:P,alt:"",width:40,height:40,draggable:!1,onError:_=>{_.currentTarget.style.display="none"}}),fe("span",{className:"sf-address-avatar-fallback",children:Yi(T)})]}),At("span",{className:"sf-address-meta",children:[fe("span",{className:"sf-address-name",children:T}),fe("span",{className:"sf-address-value",children:Je(f.address)})]})]},f.address)}):fe("div",{className:"sf-empty",children:"No send history"})}),k&&!F&&!o.recipient&&fe("p",{className:"sf-field-error",role:"alert",children:"Enter a valid EVM recipient address."})]})}import{jsx as Oe,jsxs as kn}from"react/jsx-runtime";function ea({flow:e}){let{status:t,txHash:n,error:o,copyHash:r,hashCopied:a,openTransaction:i}=e,s=t==="error",c=t==="success";return s?kn("div",{className:"sf-body sf-result sf-result--error",children:[Oe("span",{className:"sf-result-icon",children:Oe(Ki,{size:56})}),kn("div",{className:"sf-result-copy",children:[Oe("h3",{className:"sf-result-title",children:"Transaction Failed"}),Oe("p",{className:"sf-result-desc",children:o||"Something went wrong. Please try again."})]}),n&&Oe(Ji,{txHash:n,hashCopied:a,onCopy:r,onOpen:i})]}):kn("div",{className:"sf-body sf-result",children:[Oe("span",{className:"sf-result-icon","data-pending":!c||void 0,children:c?Oe(qi,{size:56}):Oe("span",{className:"sf-result-spinner"})}),kn("div",{className:"sf-result-copy",children:[Oe("h3",{className:"sf-result-title",children:c?"Transaction Complete":"Transaction in Progress"}),Oe("p",{className:"sf-result-desc",children:c?"Your transfer was sent successfully.":"Transfer in progress. Waiting for confirmation."})]}),n&&Oe(Ji,{txHash:n,hashCopied:a,onCopy:r,onOpen:i})]})}function Ji({txHash:e,hashCopied:t,onCopy:n,onOpen:o}){return kn("div",{className:"sf-result-hash-card",children:[Oe("span",{className:"sf-result-hash-label",children:"Transaction Hash"}),kn("div",{className:"sf-result-hash-row",children:[Oe("button",{type:"button",className:"sf-result-hash-link",onClick:o,"aria-label":"Open transaction in explorer",children:Je(e)}),Oe("button",{type:"button",className:"sf-result-copy-btn",onClick:n,"aria-label":"Copy transaction hash",children:t?Oe(on,{size:16}):"Copy"})]})]})}import{jsx as oe,jsxs as De}from"react/jsx-runtime";var wo="\u2014";function ta({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=$t(t),k=n!==null?co(n,t.quantity.decimals):"",F=r?.trim()||`Account ${(a[0]?.index??0)+1}`,f=zt(x,i,{size:56,bg:"1A1A2E"}),I=c||(w?t.symbol:""),T=po(t.chainId),P=d?Ai(d,T):null,_=d?uo(d,T):null,Q=O=>O!==null&&I?`${ur(O,l)} ${I}`:wo,M=O=>O!==void 0?`${Li(O)} Gwei`:wo,K=(()=>{if(!w||!d||_===null||n===null)return wo;let O=n+_;return`${ur(O,l)} ${I||t.symbol}`})(),W=O=>u?"\u2026":O,X=[{label:"Est. Tx Fee",value:W(Q(_))},...P==="dynamic"?[{label:"Max Priority Fee",value:W(M(d?.maxPriorityFeePerGas))},{label:"Max Gas Fee",value:W(M(d?.maxFeePerGas))}]:P==="legacy"?[{label:"Gas Price",value:W(M(d?fo(d):void 0))}]:[],{label:"Gas Limit",value:W(d?Ei(d.gasLimit):wo)}];return De("div",{className:"sf-body sf-review",children:[De("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"}}),De("span",{className:"sf-review-amount-value",children:[k,oe("span",{className:"sf-review-amount-symbol",children:t.symbol})]})]}),De("div",{className:"sf-review-parties",children:[De("div",{className:"sf-review-card sf-review-party",children:[oe("span",{className:"sf-review-party-label",children:"From"}),De("div",{className:"sf-review-party-head",children:[oe("span",{className:"sf-review-party-avatar",children:f&&oe("img",{src:f,alt:"",width:28,height:28,draggable:!1,onError:O=>{O.currentTarget.style.display="none"}})}),oe("span",{className:"sf-review-party-name",children:F})]}),oe("span",{className:"sf-review-party-addr",children:i})]}),oe("span",{className:"sf-review-arrow","aria-hidden":!0,children:oe(Vi,{size:16})}),De("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})]})]}),De("section",{className:"sf-review-card",children:[oe("h3",{className:"sf-review-section-title",children:"Summary"}),De("div",{className:"sf-review-row",children:[oe("span",{className:"sf-review-row-label",children:"Network"}),oe("span",{className:"sf-review-row-value",children:s})]}),X.map(O=>De("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))]}),De("section",{className:"sf-review-card",children:[oe("h3",{className:"sf-review-section-title",children:"Total"}),De("div",{className:"sf-review-row",children:[oe("span",{className:"sf-review-row-label",children:"Total Amount"}),De("span",{className:"sf-review-row-value",children:[k," ",t.symbol]})]}),w&&De("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:W(K)})]})]}),m&&!h&&!v&&De("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)&&oe("div",{className:"sf-message sf-message--error",role:"alert",children:h||v})]})}import*as xo from"react";import{jsx as jt,jsxs as cn}from"react/jsx-runtime";function na({flow:e}){let[t,n]=xo.useState(""),o=t.trim().toLowerCase(),r=xo.useMemo(()=>o?e.tokens.filter(a=>a.symbol.toLowerCase().includes(o)||a.name.toLowerCase().includes(o)):e.tokens,[e.tokens,o]);return cn("div",{className:"sf-body sf-token-select",children:[cn("div",{className:"sf-search",children:[jt(Ui,{size:20}),jt("input",{className:"sf-search-input",value:t,onChange:a=>n(a.target.value),placeholder:"Search Tokens",autoComplete:"off",spellCheck:!1,"aria-label":"Search tokens"})]}),cn("div",{className:"sf-token-list",children:[r.map(a=>{let i=`${a.chainId}:${a.address.toLowerCase()}`,s=Wn(e.resolvedEnv,a.chainId),c=e.getTokenPriceUsd?.(a);return cn("button",{type:"button",className:"sf-token-row",onClick:()=>e.selectToken(a),children:[cn("span",{className:"sf-token-left",children:[cn("span",{className:"sf-token-icon-wrap",children:[jt("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&&jt("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"}})]}),jt("span",{className:"sf-token-name",children:a.symbol})]}),cn("span",{className:"sf-token-right",children:[jt("span",{className:"sf-token-balance",children:Ut(a.quantity.numeric,a.quantity.decimals)}),c!==void 0&&jt("span",{className:"sf-token-price",children:mo(c)})]})]},i)}),r.length===0&&jt("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;flex-shrink:0;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;flex:1;min-height:0;width:100%;margin-top:8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}[data-theme=light] .sf-address-list{scrollbar-color:rgba(0,0,0,.12) transparent}.sf-address-list::-webkit-scrollbar{width:4px}.sf-address-list::-webkit-scrollbar-track{background:transparent}.sf-address-list::-webkit-scrollbar-thumb{border-radius:4px;background:#ffffff26}[data-theme=light] .sf-address-list::-webkit-scrollbar-thumb{background:#0000001f}.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;z-index:1;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 ke,jsxs as vo}from"react/jsx-runtime";var tc={token:"Send",recipient:"Send",amount:"Send",review:"Sign Transaction",result:""};function yo({onClose:e,onBackToWallet:t,onConfirmSuccess:n,onSuccess:o,className:r,...a}){let i=oa.useCallback(k=>{o?.(k),n?.(k)},[n,o]),c=zi({...a,onSuccess:o||n?i:void 0,onExit:t}),{step:l,status:d}=c,u=Et(c.recipient.trim()),h=ln(c.amount,c.token.quantity.decimals),m="value"in h&&h.value<=c.balanceRaw,v=d==="submitting"||d==="confirming",x=l!=="result",w=tc[l]??"";return vo("div",{className:Z("sf-root",r),"data-step":l,children:[vo("header",{className:"sf-header",children:[x?ke("button",{type:"button",className:"sf-header-btn",onClick:c.back,"aria-label":"Back",children:ke(rn,{size:24})}):ke("span",{className:"sf-header-btn","aria-hidden":!0}),ke("span",{className:"sf-header-title",children:w}),ke("button",{type:"button",className:"sf-header-btn",onClick:e,"aria-label":"Close",children:ke(Lt,{size:24})})]}),l==="token"&&ke(na,{flow:c}),l==="recipient"&&ke(Xi,{flow:c}),l==="amount"&&ke(Wi,{flow:c}),l==="review"&&ke(ta,{flow:c}),l==="result"&&ke(ea,{flow:c}),vo("footer",{className:"sf-footer","data-step":l,children:[l==="recipient"&&ke("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitRecipient,"data-disabled":!u||void 0,"aria-disabled":!u,children:"Next"}),l==="amount"&&ke("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitAmount,"data-disabled":!m||void 0,"aria-disabled":!m,children:"Next"}),l==="review"&&vo("div",{className:"sf-footer-row",children:[ke("button",{type:"button",className:"sf-btn sf-btn--secondary",onClick:c.back,disabled:v,children:"Cancel"}),ke("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"&&ke("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:()=>n?.(c.txHash||void 0),children:"All done"}),l==="result"&&d==="error"&&ke("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.retry,children:"Try Again"})]})]})}import*as ra from"@radix-ui/react-popover";import{Drawer as nc}from"vaul";import{jsx as ko,jsxs as oc}from"react/jsx-runtime";function ia({asChild:e,className:t,children:n}){let{isMobile:o,theme:r,walletAddress:a}=Ht(),i=n!=null,s=e??!0,c=i?n:oc("button",{type:"button",className:Z("wi-trigger-btn",t),"data-theme":r,"data-mobile":o||void 0,children:[ko(mi,{size:o?14:16}),ko("span",{className:"wi-trigger-address",children:Je(a)})]});return o?ko(nc.Trigger,{asChild:s,children:c}):ko(ra.Trigger,{asChild:s,children:c})}import*as B from"react";import*as Mo from"@radix-ui/react-popover";import{Drawer as Fo}from"vaul";import $n from"bignumber.js";import{useQueries as rc}from"@tanstack/react-query";import{useMemo as ic}from"react";var xr="user-balance";async function ac(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 Vt(e,t,n=!0){let o=He[e],r=be[e],a=[r.cross,r.bsc],i=rc({queries:a.map(d=>({queryKey:[xr,e,t,d],queryFn:({signal:u})=>ac(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:ic(()=>{let d=[];for(let u of i)u.data&&d.push(...u.data);return d},[i]),isLoading:s,isError:c}}import{useQuery as sc,useQueries as lc}from"@tanstack/react-query";import{useMemo as cc}from"react";var dc="forge-holdings",pc="forge-token-image";async function fc(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 uc(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 aa(e,t,n=!0){let o=wr[e],{data:r,...a}=sc({queryKey:[dc,e,t],queryFn:({signal:i})=>fc(o,t,i),enabled:!!t&&n,staleTime:0,refetchInterval:n?5e3:!1});return{holdings:r??[],...a}}function sa(e,t,n=!0){let o=wr[e],r=lc({queries:t.map(i=>({queryKey:[pc,e,i],queryFn:({signal:s})=>uc(o,i,s),enabled:n,staleTime:1/0}))});return{imageMap:cc(()=>{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 mc}from"@tanstack/react-query";import{useMemo as gc}from"react";var vr="token-stats";function vt(e,t){return`${e}:${t.toLowerCase()}`}function qt(e,t=!0){let n=He[e],{data:o,...r}=mc({queryKey:[vr,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:gc(()=>{let i=new Map;if(!o?.data)return i;for(let s of o.data){let c=vt(s.chain_id,s.address);i.set(c,s)}return i},[o]),...r}}import{useQuery as hc}from"@tanstack/react-query";var bc="crossd-apy",wc="https://crossd-dashboard-api.crossdefi.io/api/v1/overview";function la(){let{data:e,...t}=hc({queryKey:[bc],queryFn:async({signal:n})=>{let o=await fetch(wc,{cache:"no-store",signal:n});if(!o.ok)throw new Error(`Failed to fetch CROSSD overview: ${o.status}`);let r=await o.json();if(r.code!==200)throw new Error(`CROSSD overview API error: ${r.code}`);let a=parseFloat(r.data.est_last_epoch_apy);if(!Number.isFinite(a))throw new Error("CROSSD overview returned a non-numeric APY");return a*100},staleTime:6e4});return{apyPercent:e??null,...t}}import{useQuery as xc}from"@tanstack/react-query";import{useMemo as vc}from"react";var yc="token-info";function yr(e,t){return`${t.toLowerCase()}_${e}`}function ca(e,t=!0){let n=He[e],{data:o,...r}=xc({queryKey:[yc,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:vc(()=>{let i=new Map;if(!o?.data)return i;for(let s of o.data){let c=yr(s.chain_id,s.address);i.set(c,s.category)}return i},[o]),...r}}import{useMemo as kc}from"react";import kr from"bignumber.js";function da(e,t,n){let{tokens:o,isLoading:r}=Vt(e,t,n),{statsMap:a}=qt(e,n);return kc(()=>{let i=new kr(0);for(let d of o){let u=a.get(vt(d.chainId,d.address));if(!u)continue;let m=new kr(d.quantity.numeric).shiftedBy(-d.quantity.decimals).multipliedBy(new kr(u.price));m.isNaN()||(i=i.plus(m))}let s=i.toFixed(),{displayValue:c,isLowerBound:l}=Ci(s);return{totalUsd:s,displayValue:c,isLowerBound:l,isLoading:r}},[o,a,r])}import{QRCodeSVG as vp}from"qrcode.react";function et(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 fn from"react";import{Drawer as Nd}from"vaul";import{createContext as Sc,useContext as Rc}from"react";var Gn=Sc(null);function st(){let e=Rc(Gn);if(!e)throw new Error("WalletPortfolio compound components must be used within <WalletPortfolio>");return e}import{Drawer as Cc}from"vaul";import{jsx as pa}from"react/jsx-runtime";function fa({asChild:e,children:t}){let{walletAddress:n}=st(),o=t!=null,r=e??!0,a=o?t:pa("button",{type:"button",children:Je(n)});return pa(Cc.Trigger,{asChild:r,children:a})}import{Drawer as Io}from"vaul";import*as Se from"react";import{useQueryClient as Rd}from"@tanstack/react-query";import{jsx as dn,jsxs as ga}from"react/jsx-runtime";function ua({size:e=22,className:t}){return dn("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:dn("path",{d:"M14 4L7 11L14 18",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function ma({size:e=22,className:t}){return ga("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[dn("path",{d:"M18.333 3.667v5.5h-5.5",stroke:"currentColor",strokeWidth:1.833,strokeLinecap:"round",strokeLinejoin:"round"}),dn("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 Wt({size:e=12,className:t}){return ga("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:[dn("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"}),dn("path",{d:"M7 1H11V5",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),dn("path",{d:"M11 1L6 6",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})]})}import Sn from"bignumber.js";var Tc=/^(\d{4}-\d{2}-\d{2})/;function ha(e){if(!e||e.length===0)return;let t=new Map,n;for(let{key:r,cumulative:a}of e.map(i=>({key:Tc.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 ba(e){return e.length<=12?e:`${e.slice(0,6)}...${e.slice(-4)}`}function Rn(e,t){let n=new Sn(e).shiftedBy(-t);return!n.isFinite()||n.isZero()?"0":n.isGreaterThanOrEqualTo(1)?n.toFormat(2,Sn.ROUND_DOWN):n.toFormat(4,Sn.ROUND_DOWN)}function Sr(e){return Rn(e,0)}function Cn(e,t,n){let o=new Sn(n||"0");if(!o.isFinite()||o.isLessThanOrEqualTo(0))return null;let r=new Sn(e||"0").shiftedBy(-t).times(o);return r.isFinite()?`$${r.toFormat(2,Sn.ROUND_DOWN)}`:null}import{useQuery as Nc}from"@tanstack/react-query";import{useMemo as Sa}from"react";var So={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"},wa={dev:"https://stg.onechain.nexus",stage:"https://stg.onechain.nexus",production:"https://onechain.nexus"},Ro={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"},xa={dev:"https://stg.onechain.nexus",stage:"https://stg.onechain.nexus",production:"https://onechain.nexus"},Tn={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"},Hn={dev:"https://dev-stake.ogfcorp.com",stage:"https://stg-stake.ogfcorp.com",production:"https://stake.ogfcorp.com"},va={dev:`${Hn.dev}/portfolio`,stage:`${Hn.stage}/portfolio`,production:`${Hn.production}/portfolio`},ya={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"},ka={dev:"https://stg.onechain.nexus",stage:"https://stg.onechain.nexus",production:"https://onechain.nexus"},Kt={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 Co(e,t=!0){let n=So[e],{data:o,...r}=Nc({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=Sa(()=>o?.data.pools.filter(s=>s.pool_type==="CrossPool")??[],[o]),i=Sa(()=>o?.data.pools.filter(s=>s.pool_type==="GamePool")??[],[o]);return{crossPools:a,gamePools:i,allPools:o?.data.pools??[],...r}}import{useQuery as Lc}from"@tanstack/react-query";import{useMemo as Ec}from"react";var Ac="wp:user-deposits";function Ra(e,t,n=!0){let o=So[e],r=n&&!!t,{data:a,...i}=Lc({queryKey:[Ac,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:Ec(()=>{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 Bc}from"react";var Fc="wp:token-info";function Ca(e,t=!0){let n=He[e],o=be[e].cross,{data:r,...a}=Pc({queryKey:[Fc,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}=Bc(()=>{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 To,jsxs as Ta}from"react/jsx-runtime";function Qt({title:e,icon:t,iconFit:n="cover",isEmpty:o,children:r}){return Ta("div",{className:"wp-svc-card",children:[Ta("div",{className:"wp-svc-card-head",children:[To("img",{className:"wp-svc-card-icon",src:t,alt:"",style:{objectFit:n}}),To("span",{className:"wp-svc-card-title",children:e})]}),o?To("div",{className:"wp-svc-empty",children:"No assets yet"}):To("div",{className:"wp-svc-items",children:r})]})}import Rr from"bignumber.js";import{jsx as Ie,jsxs as ze}from"react/jsx-runtime";var _c="CROSS Rewards";function Mc(e){return new Rr(e||"0").isGreaterThan(0)}function Na(){let{env:e,walletAddress:t,onOutlink:n}=st(),o=!!t,{allPools:r}=Co(e,o),{depositMap:a}=Ra(e,t,o),{getTokenImage:i}=Ca(e,o),s=(d,u)=>`${wa[e]}/rewards/${d.pool_address}?action=${u}`,c=`${Kt[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 Rr(h).isZero()&&new Rr(m).isZero())});return Ie(Qt,{title:_c,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],F=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,T=k?Rn(m,k.decimals):"0",P=k?.symbol??"Reward",_=Cn(h,d.deposit_token.decimals,d.deposit_token.price),Q=k?Cn(m,k.decimals,k.price):null,M=!!u&&Mc(m);return ze("article",{className:"wp-item","data-side":"reward",children:[ze("div",{className:"wp-item-body",children:[ze("div",{className:"wp-item-line",children:[Ie("span",{className:"wp-item-label",children:"Pool (Deposit - Earn)"}),ze("div",{className:"wp-svc-token",children:[ze("span",{className:"wp-token-stack","aria-hidden":!0,children:[w&&Ie("img",{className:"wp-svc-token-icon",src:w,alt:""}),F&&Ie("img",{className:"wp-svc-token-icon",src:F,alt:""})]}),Ie("span",{children:I})]})]}),ze("div",{className:"wp-item-line",children:[Ie("span",{className:"wp-item-label",children:"Deposited"}),ze("div",{className:"wp-svc-token wp-svc-token--amount",children:[w&&Ie("img",{className:"wp-svc-token-icon",src:w,alt:""}),ze("div",{className:"wp-svc-amount",children:[Ie("span",{className:"wp-svc-amount-main",children:Rn(h,d.deposit_token.decimals)}),_&&Ie("span",{className:"wp-item-usd",children:_})]})]})]}),ze("div",{className:"wp-item-line",children:[ze("span",{className:"wp-item-label",children:["Claimable (",P,")"]}),ze("div",{className:"wp-svc-token wp-svc-token--amount",children:[F&&Ie("img",{className:"wp-svc-token-icon",src:F,alt:""}),ze("div",{className:"wp-svc-amount",children:[Ie("span",{className:"wp-svc-amount-main",children:T}),Q&&Ie("span",{className:"wp-item-usd",children:Q})]})]})]})]}),ze("div",{className:"wp-item-tags",children:[ze("a",{className:"wp-tag wp-tag--muted",href:v,target:"_blank",rel:"noopener noreferrer",onClick:K=>et(K,v,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:u}},n),children:[Ie("span",{className:"wp-tag-label",children:"Withdraw"}),Ie(Wt,{size:12,className:"wp-tag-icon"})]}),ze("a",{className:"wp-tag wp-tag--mint","data-disabled":!M||void 0,"aria-disabled":!M||void 0,href:M?x:void 0,target:M?"_blank":void 0,rel:M?"noopener noreferrer":void 0,onClick:K=>{if(!M){K.preventDefault();return}et(K,x,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:u}},n)},children:[Ie("span",{className:"wp-tag-label",children:"Claim"}),Ie(Wt,{size:12,className:"wp-tag-icon"})]})]})]},d.pool_address)})})}import*as Cr from"react";import{useQuery as Oc}from"@tanstack/react-query";var Dc="wp:stake-info";function Ia(e,t,n=!0){let o=Tn[e],r=n&&!!t,{data:a,...i}=Oc({queryKey:[Dc,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 zc}from"@tanstack/react-query";var Wc="wp:stake-rewards",Gc=31;function La(e,t,n=!0){let o=Tn[e],r=n&&!!t,{data:a,...i}=zc({queryKey:[Wc,e,t],queryFn:async({signal:s})=>{let c=await fetch(`${o}/rewards/${t}?limit=${Gc}`,{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:ha(a),...i}}import{useQuery as Hc}from"@tanstack/react-query";var Uc="wp:network-stats";function Ea(e,t=!0){let n=Tn[e],{data:o,...r}=Hc({queryKey:[Uc,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 $c}from"@tanstack/react-query";var jc="wp:staking-onchain";function Aa(e,t,n=!0){let o=n&&!!t&&!!e,{data:r,...a}=$c({queryKey:[jc,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 Pa}from"react";import Vc from"bignumber.js";function Ba(e){return e?.trim().toUpperCase()==="CROSS"}function Fa(e){return new Vc(e||"0").isGreaterThan(0)}function No(e,t,n=!0){let{allPools:o}=Co(e,n),r=Pa(()=>{for(let l of o)for(let d of[l.deposit_token,...l.reward_tokens])if(Ba(d?.symbol)&&Fa(d.price))return d.price},[o]),a=n&&r===void 0,{tokens:i}=Vt(e,t,a),{statsMap:s}=qt(e,a),c=be[e].cross;return Pa(()=>{if(r)return r;let l=i.find(d=>d.chainId===c&&Ba(d.symbol));if(l){let d=s.get(vt(l.chainId,l.address));if(d&&Fa(d.price))return d.price}return"0"},[r,i,s,c])}import Yt from"bignumber.js";import{Fragment as Kc,jsx as tt,jsxs as yt}from"react/jsx-runtime";var qc="CROSS Staking";function _a(e){if(!e)return"\u2014";let t=new Yt(e);return t.isFinite()?`${t.toFormat(2,Yt.ROUND_DOWN)}%`:"\u2014"}function Ma(){let{env:e,walletAddress:t,onOutlink:n,stakingRewardsReader:o}=st(),r=!!t,{stakeInfo:a}=Ia(e,t,r),{latestReward:i,aprAccrued:s}=La(e,t,r),{networkStats:c}=Ea(e,r),{onchain:l}=Aa(t,o,r),d=No(e,t,r),u=`${Kt[e]}/cross-staking.png`,h=va[e],m=a?.total_stake??"0",v=Cr.useMemo(()=>l?new Yt(l.earnedWei.toString()).shiftedBy(-18).toString(10):i?.cumulative_earned??a?.rewards_earned??"0",[l,i,a]),x=Cr.useMemo(()=>l?new Yt(l.stakedWei.toString()).shiftedBy(-18):new Yt(m),[l,m]),w=s!==void 0?new Yt(s):void 0,k=a?.days_since_first_stake,F=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 Yt(m).isZero()&&new Yt(v).isZero()),I=Hn[e],T=Cn(m,0,d),P=Cn(v,0,d);return tt(Qt,{title:qc,icon:u,iconFit:"contain",isEmpty:!1,children:yt("article",{className:"wp-item","data-side":"stake",children:[tt("div",{className:"wp-item-body",children:f?yt(Kc,{children:[yt("div",{className:"wp-item-line",children:[tt("span",{className:"wp-item-label",children:"Staked"}),yt("div",{className:"wp-svc-amount",children:[yt("span",{className:"wp-svc-amount-main",children:[Sr(m)," CROSS"]}),T&&tt("span",{className:"wp-item-usd",children:T})]})]}),yt("div",{className:"wp-item-line",children:[tt("span",{className:"wp-item-label",children:"Rewards Earned"}),yt("div",{className:"wp-svc-amount",children:[yt("span",{className:"wp-svc-amount-main",children:[Sr(v)," CROSS"]}),P&&tt("span",{className:"wp-item-usd",children:P})]})]}),yt("div",{className:"wp-item-line",children:[tt("span",{className:"wp-item-label",children:"My APR"}),tt("span",{children:_a(F?.toString(10))})]})]}):yt("div",{className:"wp-item-line",children:[tt("span",{className:"wp-item-label",children:"Delegation APR"}),tt("span",{children:_a(c?.apr)})]})}),tt("div",{className:"wp-item-tags",children:yt("a",{className:"wp-tag wp-tag--mint",href:f?h:I,target:"_blank",rel:"noopener noreferrer",onClick:_=>et(_,f?h:I,{category:"portfolio",origin:"portfolio-stake",payload:{stakeInfo:a,networkStats:c}},n),children:[tt("span",{className:"wp-tag-label",children:f?"Manage":"Stake Now"}),tt(Wt,{size:12,className:"wp-tag-icon"})]})})]})})}import*as Ir from"react";import{useQuery as Qc}from"@tanstack/react-query";var Yc="wp:game-swap-pools";function Oa(e,t,n=!0){let o=ya[e],r=n&&!!t,{data:a,...i}=Qc({queryKey:[Yc,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 id}from"@tanstack/react-query";var Zc="0x70a08231",Xc="0x18160ddd",Jc="0x313ce567",ed=8e3;async function td(e,t,n,o){let r=new AbortController,a=setTimeout(()=>r.abort(),ed);o&&o.addEventListener("abort",()=>r.abort(),{once:!0});let i=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({jsonrpc:"2.0",id:1,method:t,params:n}),signal:r.signal}).finally(()=>clearTimeout(a));if(!i.ok)throw new Error(`RPC ${t} HTTP ${i.status}`);let s=await i.json();if(s.error)throw new Error(`RPC ${t}: ${s.error.message}`);if(s.result===void 0)throw new Error(`RPC ${t}: empty result`);return s.result}function nd(e){return e.toLowerCase().replace(/^0x/,"").padStart(64,"0")}function Tr(e){if(!(!e||e==="0x"))try{return BigInt(e)}catch{return}}async function Nr(e,t,n,o){try{return await td(e,"eth_call",[{to:t,data:n},"latest"],o)}catch{return}}async function od(e,t,n,o){let[r,a,i]=await Promise.all([Nr(e,n,Zc+nd(t),o),Nr(e,n,Xc,o),Nr(e,n,Jc,o)]),s=Tr(r);if(s===void 0)return null;let c=Tr(i);return{balance:s,totalSupply:Tr(a),decimals:c!==void 0?Number(c):void 0}}async function rd(e,t){let n=be[e].cross,o=await fetch(`${He[e]}/v1/public/chain/info/${n}`,{cache:"no-store",signal:t});if(!o.ok)return;let r=await o.json();return("data"in r&&r.data!==void 0?Array.isArray(r.data)?r.data[0]:r.data:r)?.rpc||void 0}async function Da(e,t,n,o){if(!t||n.length===0)return{};let r;try{r=await rd(e,o)}catch{r=void 0}if(!r)return{};let a=await Promise.all(n.map(async s=>[s.toLowerCase(),await od(r,t,s,o)])),i={};for(let[s,c]of a)c&&(i[s]=c);return i}var ad="wp:game-swap-lp-balances";function za(e,t,n,o){let r=[...n].map(c=>c.toLowerCase()).sort(),a=!!t&&r.length>0,{data:i,...s}=id({queryKey:[ad,e,t,r,!!o],queryFn:async({signal:c})=>{let l=o?await o(r):await Da(e,t,r,c),d={};for(let[u,h]of Object.entries(l))d[u.toLowerCase()]=h;return d},enabled:a,staleTime:0});return{balances:i??{},...s}}import Pt from"bignumber.js";import{jsx as lt,jsxs as kt}from"react/jsx-runtime";var sd="Gametoken LP",Ga=18,ld=new Pt("0.0001");function Wa(e){return e?.trim().toUpperCase()==="CROSS"}function cd(e){return e&&e>0?e:Ga}function dd(e){let t=Wa(e.token_a?.symbol)&&!Wa(e.token_b?.symbol),n=t?e.reserve_a:e.reserve_b,o=cd(t?e.token_a?.decimals:e.token_b?.decimals),r=new Pt(n||"0").shiftedBy(-o);return!r.isFinite()||r.isLessThanOrEqualTo(0)?new Pt(0):r.times(2)}function pd(e,t){let n=e.token_a?.symbol?.trim()||"TOKEN",o=e.token_b?.symbol?.trim()||"CROSS",r=t?.decimals??Ga,a,i;if(t&&t.totalSupply&&t.totalSupply>BigInt(0)){let s=new Pt(t.balance.toString()),c=new Pt(t.totalSupply.toString()),l=s.div(c);a=l.times(100);let d=l.times(dd(e));if(d.isGreaterThan(0)){let u=new Pt(e.quote_usd??e.cross_usd??"0");i=u.isGreaterThan(0)?`$${d.times(u).toFormat(2,Pt.ROUND_DOWN)}`:`${d.toFormat(4,Pt.ROUND_DOWN)} CROSS`}}return{pool:e,tokenASymbol:n,tokenBSymbol:o,info:t,lpAmountRaw:t?.balance.toString(),lpDecimals:r,sharePercent:a,valueText:i}}function Ha(){let{env:e,walletAddress:t,onOutlink:n,lpBalanceReader:o}=st(),r=!!t,{pools:a}=Oa(e,t,r),i=Ir.useMemo(()=>a.map(h=>h.pair_address).filter(Boolean),[a]),{balances:s}=za(e,t,i,o),c=`${Kt[e]}/dex.png`,l=Object.keys(s).length>0,d=Ir.useMemo(()=>{let h=a.map(m=>pd(m,s[m.pair_address?.toLowerCase()]));return l?h.filter(m=>m.lpAmountRaw?new Pt(m.lpAmountRaw).shiftedBy(-m.lpDecimals).isGreaterThanOrEqualTo(ld):!1):h},[a,s,l]),u=h=>{let m=h.token_a?.address??h.pair_address;return`${ka[e]}/tokens/${m}?trade=deposit`};return lt(Qt,{title:sd,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 kt("article",{className:"wp-item","data-side":"game-swap",children:[kt("div",{className:"wp-item-body",children:[kt("div",{className:"wp-item-line",children:[lt("span",{className:"wp-item-label",children:"Pool"}),kt("div",{className:"wp-svc-token",children:[kt("span",{className:"wp-token-stack","aria-hidden":!0,children:[w&<("img",{className:"wp-svc-token-icon",src:w,alt:""}),k&<("img",{className:"wp-svc-token-icon",src:k,alt:""})]}),lt("span",{children:x})]})]}),h.lpAmountRaw!==void 0&&kt("div",{className:"wp-item-line",children:[lt("span",{className:"wp-item-label",children:"My LP"}),kt("span",{children:[Rn(h.lpAmountRaw,h.lpDecimals)," LP"]})]}),h.sharePercent!==void 0&&kt("div",{className:"wp-item-line",children:[lt("span",{className:"wp-item-label",children:"Pool Share"}),kt("span",{children:[h.sharePercent.toFormat(2,Pt.ROUND_DOWN),"%"]})]}),h.valueText!==void 0&&kt("div",{className:"wp-item-line",children:[lt("span",{className:"wp-item-label",children:"Value"}),lt("span",{children:h.valueText})]})]}),lt("div",{className:"wp-item-tags",children:kt("a",{className:"wp-tag wp-tag--mint",href:v,target:"_blank",rel:"noopener noreferrer",onClick:F=>et(F,v,{category:"portfolio",origin:"portfolio-game-swap",payload:{pool:m}},n),children:[lt("span",{className:"wp-tag-label",children:"Manage"}),lt(Wt,{size:12,className:"wp-tag-icon"})]})})]},m.pair_address)})})}import Xt from"bignumber.js";import{useMemo as wd}from"react";import{useQuery as fd}from"@tanstack/react-query";var ud="wp:forge-pools";function Ua(e,t,n=!0){let o=Ro[e],r=n&&!!t,{data:a,...i}=fd({queryKey:[ud,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 md}from"@tanstack/react-query";import{useMemo as gd}from"react";var hd="wp:forge-token-detail";async function bd(e,t){let n=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store"});return n.ok?(await n.json())?.data?.token??null:null}function $a(e,t,n=!0){let o=Ro[e],r=md({queries:t.map(s=>({queryKey:[hd,e,s],queryFn:()=>bd(o,s),enabled:n&&!!s,staleTime:3e4}))}),a=gd(()=>{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 Ue,jsxs as Zt}from"react/jsx-runtime";var xd="Forge",ja=18,vd="https://contents.crosstoken.io/wallet/token/images/FT.png";function yd(e){if(!e||e==="0")return"0";let t=new Xt(e).shiftedBy(-ja);return t.isZero()?"0":t.isGreaterThanOrEqualTo(1)?t.toFormat(2,Xt.ROUND_DOWN):t.toFormat(4,Xt.ROUND_DOWN)}function kd(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 Sd(e,t,n){let o=new Xt(n||"0");if(!o.isGreaterThan(0))return null;let r=new Xt(e.total_supply||"0"),a=new Xt(e.lp_balance||"0"),i=new Xt(t?.reserve_b||"0").shiftedBy(-ja);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,Xt.ROUND_DOWN)}`:null}function Va(){let{env:e,walletAddress:t,onOutlink:n}=st(),o=!!t,{pools:r,isEmpty:a}=Ua(e,t,o),i=wd(()=>r.map(u=>u.token.address),[r]),{detailMap:s}=$a(e,i,o&&i.length>0),c=No(e,t,o),l=u=>`${xa[e]}/forge/token/${u.token.address}`,d=`${Kt[e]}/forge.png`;return Ue(Qt,{title:xd,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||vd,v=h?.symbol||u.token.symbol,x=l(u),w=Sd(u,h,c);return Zt("a",{className:"wp-item","data-side":"lp",href:x,target:"_blank",rel:"noopener noreferrer",onClick:k=>et(k,x,{category:"portfolio",origin:"portfolio-forge",payload:{pool:u,tokenDetail:h}},n),children:[Zt("div",{className:"wp-item-body",children:[Zt("div",{className:"wp-item-line",children:[Ue("span",{className:"wp-item-label",children:"Asset"}),Zt("div",{className:"wp-svc-token",children:[Ue("img",{className:"wp-svc-token-icon",src:m,alt:""}),Ue("span",{children:v}),h?.name&&Ue("span",{className:"wp-token-subtle",children:h.name})]})]}),Zt("div",{className:"wp-item-line",children:[Ue("span",{className:"wp-item-label",children:"LP Balance"}),Ue("div",{className:"wp-svc-token wp-svc-token--amount",children:Zt("div",{className:"wp-svc-amount",children:[Ue("span",{className:"wp-svc-amount-main",children:yd(u.lp_balance)}),w&&Ue("span",{className:"wp-item-usd",children:w})]})})]}),Zt("div",{className:"wp-item-line",children:[Ue("span",{className:"wp-item-label",children:"Ownership"}),Ue("span",{className:"wp-line-value",children:kd(u.pool_ownership)})]})]}),Ue("div",{className:"wp-item-tags",children:Zt("span",{className:"wp-tag wp-tag--muted",children:[Ue("span",{className:"wp-tag-label",children:"Withdraw"}),Ue(Wt,{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-fullscreen .wp-header{height:60px;min-height:60px;padding:11px 20px;border-bottom:none;background:transparent}.wp-fullscreen .wp-header-btn{width:22px;height:22px;color:var(--wp-chrome-text)}.wp-fullscreen .wp-header-btn:hover{color:var(--wp-chrome-text)}.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-fullscreen .wp-body-inner{padding-top:8px;gap:24px}.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-svc-token--amount{align-items:flex-start}.wp-svc-token--amount>.wp-svc-token-icon{margin-top:2.5px}.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 us(e){let{tokens:t,initialFromToken:n,initialToToken:o,getToTokens:r,getApproval:a,approveBridge:i,history:s=[],initialSlippage:c="1",termsUrl:l=vn,getQuote:d,submitBridge:u,onSubmitted:h,onSuccess:m,onFailed:v,onExit:x}=e,w=N.useMemo(()=>ss({getQuote:d,submitBridge:u}),[d,u]),[k,F]=N.useState("form"),[f,I]=N.useState(n??Lo(t)),[T,P]=N.useState(()=>Ar(t,n??Lo(t),o,r)),[_,Q]=N.useState(""),[M,K]=N.useState(""),[W,X]=N.useState("from"),[O,J]=N.useState(c),[ee,re]=N.useState(null),$e=N.useMemo(()=>Dd(f,T),[f,T]),se=N.useMemo(()=>$e?"1":O==="auto"?Od(ee?.priceImpact):O,[$e,O,ee?.priceImpact]),[U,ie]=N.useState(""),[te,G]=N.useState("idle"),[je,le]=N.useState(""),[Ee,ue]=N.useState(null),[pt,Re]=N.useState([]),[Gt,Rt]=N.useState(!1),[Ge,Mt]=N.useState(_d),[xe,ce]=N.useState(null),[nt,ve]=N.useState(!1),[Ce,de]=N.useState(null),[Ct,ft]=N.useState(null),[Tt,Ve]=N.useState(!1),[Nt,qe]=N.useState(!1),pe=N.useRef(0),Ke=N.useRef(null),ot=N.useCallback(()=>{Ke.current&&(clearTimeout(Ke.current),Ke.current=null)},[]),Ae=N.useCallback(L=>{ot(),ft(L)},[ot]);N.useEffect(()=>ot,[ot]),N.useEffect(()=>{let L=t.find(Be=>St(Be,f))??Lo(t),he=L?r?.(L,t):void 0,D=he?.find(Be=>St(Be,T))??(he?void 0:t.find(Be=>St(Be,T)))??Ar(t,L,void 0,r);I(L),P(D)},[r,t,f,T]);let ut=N.useCallback((L,he)=>{let D=Fd(L);if(!D){pe.current+=1,Q(""),K(""),X(he),re(null),ie(""),G("idle");return}he==="from"?Q(D):K(D),X(he),ie("")},[]),ae=N.useCallback(()=>{pe.current+=1,Q(""),K(""),X("from"),re(null),ie(""),le(""),G("idle"),ce(null),ve(!1),de(null),Ve(!1),Ae(null)},[Ae]),me=N.useCallback(L=>{St(L,f)||(I(L),P(Ar(t,L,void 0,r)),ae())},[f,r,ae,t]),It=N.useCallback(L=>{St(L,T)||St(L,f)||(P(L),ae())},[f,ae,T]),mt=N.useMemo(()=>f?r?.(f,t)??t.filter(L=>!St(L,f)):[],[f,r,t]),Pe=N.useCallback(()=>{f?.balance&&ut(f.balance,"from")},[f?.balance,ut]),rt=N.useCallback(()=>{!f||!T||(I(T),P(f),ae())},[f,ae,T]),gt=N.useCallback(()=>{pe.current+=1,Q(""),K(""),X("from"),re(null),ie(""),le("")},[]);N.useEffect(()=>{if(!f||!T)return;if(!_&&!M){re(null),ie(""),G(D=>D==="quoting"?"idle":D);return}let L=++pe.current,he=ds({fromToken:f,toToken:T,fromAmount:_,toAmount:M,lastChangedBy:W,slippage:O});G(D=>D==="submitting"?D:w.canQuote?"quoting":"idle"),(async()=>{try{let D=await w.getQuote(he);if(pe.current!==L)return;D.fromAmount!==void 0&&W==="to"&&Q(D.fromAmount),D.toAmount!==void 0&&W==="from"&&K(D.toAmount),re(D.summary??null),ie(D.error??"")}catch(D){if(pe.current!==L)return;ie(D instanceof Error?D.message:"Failed to quote bridge.")}finally{pe.current===L&&G(D=>D==="quoting"?"idle":D)}})()},[_,f,W,w,O,M,T]);let ge=N.useCallback(()=>!f||!T?null:ds({fromToken:f,toToken:T,fromAmount:_,toAmount:M,lastChangedBy:W,slippage:se}),[se,_,f,W,M,T]),ye=N.useCallback(async(L,he)=>{le(""),Ve(!1),ve(!1),G("submitting");try{if(!he?.skipApprovalCheck&&a){let Be=await a(L);if(Be){ce(Be),de(L),G("idle");return}}ce(null),de(null),Ae("processing");let D=await w.submitBridge(L);ue(D),G("success"),Re(Be=>[{id:D.txHash,timestamp:new Date().toISOString(),txHash:D.txHash,fromToken:D.fromToken,toToken:D.toToken,fromAmount:D.fromAmount,toAmount:D.toAmount,summary:ee??void 0,status:"pending"},...Be.filter(it=>it.txHash!==D.txHash)]),gt(),qe(!0),Ae(null),Ve(!0),h?.(D),m?.(D)}catch(D){if(Ae(null),Pr(D)){G("idle");return}let Be=ps(D,"Failed to submit bridge.");le(Be),G("error"),v?.({message:Be})}},[a,v,h,m,w,gt,Ae,ee]),R=N.useCallback(async()=>{if(U)return;let L=ge();if(L){if(!Ge){de(L),Rt(!0);return}await ye(L)}},[ge,U,ye,Ge]),j=N.useCallback(async()=>{let L=Ce??ge();L&&(Md(),Mt(!0),Rt(!1),await ye(L))},[ge,Ce,ye]),ne=N.useCallback(()=>{Rt(!1),de(null)},[]),Qe=N.useCallback(async()=>{if(!(te==="submitting"||!xe||!Ce||!i)){le(""),G("submitting");try{await i(Ce,xe),ce(null),G("idle"),ve(!0)}catch(L){if(Pr(L)){G("idle");return}let he=ps(L,"Failed to approve token.");le(he),G("error"),v?.({message:he})}}},[xe,i,v,Ce,ye,te]),Ot=N.useCallback(()=>{te!=="submitting"&&(ce(null),ve(!1),de(null),G("idle"))},[te]),Ye=N.useCallback(async()=>{if(te==="submitting")return;let L=Ce??ge();if(!L){ve(!1),le("Bridge input is no longer available. Please try again."),G("error");return}ve(!1),await ye(L,{skipApprovalCheck:!0})},[ge,Ce,ye,te]),un=N.useCallback(()=>{Ve(!1)},[]),Dt=N.useCallback(L=>{F(L),L==="history"&&qe(!1)},[]),mn=N.useCallback(()=>{if(k==="history"){Dt("form");return}x?.()},[x,Dt,k]),Yn=N.useMemo(()=>[...s,...pt.filter(L=>!s.some(he=>he.txHash===L.txHash))],[s,pt]);return{step:k,setStep:Dt,status:te,error:je,quoteError:U,fromToken:f,toToken:T,tokens:t,availableToTokens:mt,fromAmount:_,toAmount:M,lastChangedBy:W,slippage:O,effectiveSlippage:se,slippageLocked:$e,setSlippage:J,summary:ee,history:Yn,submitted:Ee,canSubmit:w.canSubmit,termsOpen:Gt,approvalInfo:xe,approvalSuccessOpen:nt,approveBridge:i,pendingSubmitInput:Ce,submitToast:Ct,successDialogOpen:Tt,dismissSuccessDialog:un,hasNewHistory:Nt,termsUrl:l,setFromToken:I,setToToken:P,selectFromToken:me,selectToToken:It,setAmount:ut,setMax:Pe,swapTokens:rt,submit:R,confirmTerms:j,cancelTerms:ne,confirmApproval:Qe,cancelApproval:Ot,continueAfterApproval:Ye,back:mn}}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:20px minmax(0,1fr);align-items:center;column-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}.bf-terms-check-button{appearance:none;display:inline-flex;min-width:0;width:20px;height:20px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.bf-terms-copy{display:flex;width:100%;min-width:0;align-items:baseline;justify-content:space-between;column-gap:12px;row-gap:4px;flex-wrap:wrap}.bf-terms-label{min-width:0}.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 Fr,jsx as p,jsxs as y}from"react/jsx-runtime";var xs=C.createContext(void 0);function Ln(){return C.useContext(xs)}function zd(e){let[t,n]=C.useState(void 0);return C.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 ms=[{value:"0.1",label:"0.1%"},{value:"0.5",label:"0.5%"},{value:"1",label:"1%"},{value:"5",label:"5%"}],Wd={dev:"https://dev.crossdefi.io",stage:"https://stg.crossdefi.io",production:"https://crossdefi.io"},Gd=[{value:"all",label:"ALL"},{value:"completed",label:"Completed"},{value:"pending",label:"Pending"}];function Hd(e,t){return e==="auto"?t?`Auto ${t}%`:"Auto":e?`${e}%`:"1%"}function gs(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 Ud(e){return`${e.chainId}:${e.address.toLowerCase()}`}function vs(e){let t=Number(e);return Number.isFinite(t)?t.toLocaleString("en-US",{maximumFractionDigits:t>=1?2:6}):e||"0"}function hs(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 $d(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 jd(e,t){if(!t)return!1;let n=new Bt(e||"0"),o=new Bt(t.balance||"0");return!n.isFinite()||!o.isFinite()?!1:n.isGreaterThan(o)}function Vd(e){if(e.priceUsd===void 0)return null;let t=new Bt(e.balance||"0");return t.isFinite()?`\u2248 $${t.multipliedBy(e.priceUsd).toFormat(2)} USD`:null}function qd(e){if(e.priceUsd===void 0)return null;let t=new Bt(e.priceUsd);return t.isFinite()?`$${t.toFormat(t.isLessThan(1)?4:2)}`:null}function ys(e){if(!e.isFinite()||e.isNaN())return"0";let n=e.decimalPlaces(6,Bt.ROUND_DOWN).toFixed(6).replace(/\.?0+$/,""),[o="0",r]=n.split("."),a=new Bt(o||"0").toFormat(0);return r?`${a}.${r}`:a}function Kd(e){return e.length<=14?e:`${e.slice(0,6)}...${e.slice(-6)}`}function Qd(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 Yd(e){let t=new Bt(e||"0");return!t.isFinite()||t.isNaN()?e||"0":ys(t)}function Zd(e,t){if(t?.priceUsd===void 0)return null;let n=new Bt(e||"0").multipliedBy(t.priceUsd);return!n.isFinite()||n.isNaN()?null:`$${n.toFormat(2)}`}function Po(e){return e.status==="success"?"completed":e.status==="failed"?"failed":"pending"}function Xd(e,t){return t==="all"?!0:Po(e)===t}function Jd(e){return e==="completed"?"Completed":e==="failed"?"Failed":"Pending"}function bs(e){return e===56||e===97?"BSC":e===612044||e===5555?"CROSS":`Chain ${e}`}function ks(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":ks(e,t)||e.symbol.toLowerCase()===t.symbol.toLowerCase()?"bridge":"swap-bridge"}function Rs(e){return e==="swap"||e==="deposit-swap"||e==="swap-withdraw"}function Ao(e){return!e||e==="0"||Number(e)===0}function ep(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 tp(e){let t=e.fromToken,n=e.toToken,o=Ss(t,n),r=e.fromAmount||"0",a=e.toAmount||"0",i=o!==void 0&&!Rs(o),s=o!==void 0&&o!=="bridge";return{pathType:o,bridgeInfo:i?[{label:"Route",value:t&&n?`${bs(t.chainId)} \u2192 ${bs(n.chainId)}`:"-"},{label:"Validator Fee",value:Ao(r)?"0":"Free",tone:Ao(r)?"default":"accent"},{label:"Network Fee",value:Ao(r)?"0":"Free",tone:Ao(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 Un({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 ws({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:[vs(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(Un,{token:t}),p("span",{children:t?.symbol??"Select"}),!i&&p(an,{size:16})]})]})]})}function np({flow:e,side:t,onClose:n}){let o=C.useId(),[r,a]=C.useState(""),[i,s]=C.useState(null),c=Ln(),l=t==="from"?e.fromToken:e.toToken;C.useEffect(()=>{s(document.body)},[]),C.useEffect(()=>{let m=v=>{v.key==="Escape"&&n()};return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)},[n]);let d=C.useMemo(()=>t==="from"?e.tokens:e.availableToTokens,[e.availableToTokens,e.tokens,t]),u=C.useMemo(()=>{let m=r.trim().toLowerCase();return m?d.filter(v=>v.symbol.toLowerCase().includes(m)||v.name.toLowerCase().includes(m)):d},[r,d]),h=C.useCallback(m=>{t==="from"?e.selectFromToken(m):e.selectToToken(m),n()},[e,n,t]);return i?In(p("div",{className:"bf-token-picker-overlay","data-theme":c,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(Lt,{size:24})})]}),y("label",{className:"bf-token-search",children:[p(Xa,{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:[u.map(m=>{let v=ks(m,l),x=v?qd(m):Vd(m);return y("button",{type:"button",className:"bf-token-row","data-selected":v?"true":"false",onClick:()=>h(m),children:[y("span",{className:"bf-token-row-left",children:[p(Un,{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:[vs(m.balance),v?null:` ${m.symbol}`]}),x&&p("span",{className:"bf-token-price",children:x})]})]},Ud(m))}),u.length===0&&p("div",{className:"bf-token-empty",children:"No tokens found"})]})]})}),i):null}function op({flow:e,onClose:t}){let n=C.useId(),[o,r]=C.useState(null),a=ms.find(x=>x.value===e.slippage),[i,s]=C.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(gs(i)),t())};if(C.useEffect(()=>{r(document.body)},[]),C.useEffect(()=>{let x=w=>{w.key==="Escape"&&t()};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[t]),!o)return null;let v=Ln();return In(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(Lt,{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:ms.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(gs(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 rp({flow:e}){let t=C.useId(),[n,o]=C.useState(!1),[r,a]=C.useState(null),i=Ln();return C.useEffect(()=>{a(document.body)},[]),C.useEffect(()=>{let s=c=>{c.key==="Escape"&&e.cancelTerms()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e]),!r||!e.termsOpen?null:In(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:[p("button",{type:"button",className:"bf-terms-check-button",role:"checkbox","aria-checked":n,"aria-label":"Agree to Terms of Use",onClick:()=>o(s=>!s),children:p("span",{className:"bf-terms-checkbox","data-checked":n?"true":"false","aria-hidden":"true"})}),y("div",{className:"bf-terms-copy",children:[p("span",{className:"bf-terms-label",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 ip({value:e,disabled:t=!1}){let[n,o]=C.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 ap({flow:e,approval:t}){let n=C.useId(),[o,r]=C.useState(null),a=Ln();if(C.useEffect(()=>{r(document.body)},[]),C.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 In(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(Un,{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(ip,{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 sp({flow:e}){let t=C.useId(),[n,o]=C.useState(null),r=Ln();if(C.useEffect(()=>{o(document.body)},[]),C.useEffect(()=>{if(!e.approvalSuccessOpen)return;let i=s=>{s.key==="Escape"&&e.cancelApproval()};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[e]),!n||!e.approvalSuccessOpen)return null;let a=e.status==="submitting";return In(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,disabled:a,children:"Cancel"}),y("button",{type:"button",className:"bf-action-primary",onClick:e.continueAfterApproval,disabled:a,"aria-busy":a,children:[a&&p("span",{className:"bf-action-button-spinner","aria-hidden":"true"}),p("span",{children:a?"Continuing...":"Continue"})]})]})]})}),n)}function lp({fromAmount:e,toAmount:t,fromToken:n,toToken:o}){let[r,a]=C.useState(!1),i=C.useMemo(()=>{let l=new Bt(e||"0"),d=new Bt(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(os,{size:12}),y("span",{children:[ys(i)," ",c]})]})}function cp({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 dp({message:e}){let[t,n]=C.useState(!1);return C.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 pp(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 fp({flow:e}){let t=C.useId(),[n,o]=C.useState(null),r=e.submitted,a=Ln();return C.useEffect(()=>{o(document.body)},[]),C.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:In(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:pp(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(C.Fragment,{children:[s>0&&p("span",{className:"bf-success-route-arrow",children:"\u2192"}),p(Br,{token:i,size:43})]},`${i.symbol}-${s}`))}),p("button",{type:"button",className:"bf-success-ok",onClick:e.dismissSuccessDialog,children:"OK"})]})})}),n)}function Br({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 up({row:e}){return e.routeTokens&&e.routeTokens.length>0?p("span",{className:"bf-info-route",children:e.routeTokens.map((t,n)=>y(C.Fragment,{children:[n>0&&p("span",{className:"bf-info-route-arrow","aria-hidden":"true",children:"\u2192"}),p(Br,{token:t})]},`${t.symbol}-${n}`))}):e.valueToken?y("span",{className:"bf-info-value-token",children:[p(Br,{token:e.valueToken}),p("span",{children:e.value})]}):p(Fr,{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(up,{row:t})})]},`${t.label}-${t.value}`))})}function mp(e,t,n){return e.pathType==="bridge"?"Bridge Info":Rs(e.pathType)?"Swap Info":t&&n?"Swap & Bridge Info":t?"Bridge Info":"Swap Info"}function gp({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(Fr,{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 hp({summary:e}){let t=!!e.bridgeInfo?.length,n=!!e.swapInfo?.length,o=!!e.txFee?.length,r=mp(e,t,n),[a,i]=C.useState(!0),[s,c]=C.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(an,{size:16,className:"bf-collapse-chevron"})]}),a&&p("div",{className:"bf-collapse-body",children:p(gp,{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:$d(e.txFeeInfo?.estTxFee??"0")}),p(an,{size:16,className:"bf-collapse-chevron"})]})]}),s&&p("div",{className:"bf-collapse-body",children:p(Cs,{rows:e.txFee})})]})]})}function bp({item:e}){let t=Po(e),n=Zd(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:Jd(t)}),p("time",{className:"bf-history-time",dateTime:e.timestamp,children:Qd(e.timestamp)})]}),y("div",{className:"bf-history-item-body",children:[y("strong",{className:"bf-history-amount",children:[Yd(e.fromAmount)," ",e.fromToken.symbol]}),y("div",{className:"bf-history-meta",children:[p("span",{className:"bf-history-usd",children:n??Kd(e.txHash)}),y("span",{className:"bf-history-route",children:[y("span",{className:"bf-history-route-token",children:[p(Un,{token:e.fromToken,size:16}),p("span",{children:e.fromToken.symbol})]}),p(ns,{size:16,className:"bf-history-route-arrow"}),y("span",{className:"bf-history-route-token",children:[p(Un,{token:e.toToken,size:16}),p("span",{children:e.toToken.symbol})]})]})]})]})]})}function wp({flow:e}){let[t,n]=C.useState("all"),o=e.history.some(i=>Po(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:Gd.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(bp,{item:i},i.id||i.txHash))}):p("div",{className:"bf-empty",children:a})]})}function xp({flow:e,env:t}){let[n,o]=C.useState(null),[r,a]=C.useState(!1),[i,s]=C.useState(0),l=!!(e.fromAmount.trim()||e.toAmount.trim())?e.summary??tp(e):null,d=Wd[t],u=ep(e.quoteError),h=jd(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=>Po(f)==="pending"),F=(l?.pathType??Ss(e.fromToken,e.toToken))!=="bridge";return y(Fr,{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(Ja,{}),p("span",{children:"History"}),(w||e.hasNewHistory)&&p("span",{className:"bf-chip-dot","aria-hidden":"true"})]}),F&&y("button",{type:"button",className:"bf-chip",onClick:()=>a(!0),disabled:e.slippageLocked,"aria-haspopup":"dialog","aria-expanded":r,children:[p(es,{}),p("span",{children:e.slippageLocked?"Auto 1%":Hd(e.slippage,e.effectiveSlippage)})]})]}),y("div",{className:"bf-swap-card","data-has-from-error":m?"true":"false",children:[p(ws,{label:"From",token:e.fromToken,amount:e.fromAmount,usd:hs(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(ts,{size:22})}),p(ws,{label:"To",token:e.toToken,amount:e.toAmount,usd:hs(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(lp,{fromAmount:e.fromAmount,toAmount:e.toAmount,fromToken:e.fromToken,toToken:e.toToken}),l&&p(hp,{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(np,{flow:e,side:n,onClose:()=>o(null)}),r&&p(op,{flow:e,onClose:()=>a(!1)}),p(rp,{flow:e}),e.approvalInfo&&p(ap,{flow:e,approval:e.approvalInfo}),p(sp,{flow:e}),p(cp,{flow:e}),p(dp,{message:e.submitToast?"":x}),p(fp,{flow:e})]})}function Bo({onClose:e,onBackToWallet:t,env:n,className:o,...r}){let a=C.useMemo(()=>Me(n),[n]),i=us({...r,onExit:t}),s=C.useRef(null),c=zd(s),l=i.step==="history"?"History":"Swap & Bridge";return p(xs.Provider,{value:c,children:y("div",{ref:s,className:Z("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(rn,{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(Lt,{size:24})})]}),i.step==="history"?p(wp,{flow:i}):p(xp,{flow:i,env:a})]})})}import{Fragment as _o,jsx as g,jsxs as S}from"react/jsx-runtime";var yp="On-ramp is not available in your region.";function _r(e,t,n){let o=be[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 kp(e){return parseInt(e.split(":")[1],10)}function Sp(e){let t=e.lastIndexOf(".");return t===-1?{main:e,decimal:""}:{main:e.slice(0,t),decimal:e.slice(t)}}function Rp(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 Ts({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:F,profileImageUrl:f,preferredTokens:I,close:T,onSelectWallet:P,onCopyAddress:_,onBuy:Q,onDisconnect:M,disconnectLabel:K,termsUrl:W,termsLabel:X,privacyUrl:O,privacyLabel:J,portalStyle:ee,navContent:re,navPosition:$e,footerContent:se,view:U,setView:ie,selectedSendToken:te,setSelectedSendToken:G,showPortfolio:je,portfolioTitle:le,portfolioSections:Ee,showTotalAssets:ue,totalAssetsLabel:pt,sendTransaction:Re,getTransactionReceipt:Gt,estimateGas:Rt,onOutlink:Ge,lpBalanceReader:Mt,stakingRewardsReader:xe,bridgeTokens:ce,bridgeHistory:nt,getBridgeQuote:ve,getBridgeToTokens:Ce,getBridgeApproval:de,approveBridge:Ct,submitBridge:ft,onReceive:Tt,onBridge:Ve,onSend:Nt,onBuyDisabledMessage:qe,onBridgeDisabledMessage:pe,onSendDisabledMessage:Ke}=Ht(),[ot,Ae]=B.useState(null),ut=B.useRef(void 0),ae=B.useCallback(b=>{Ae(b),clearTimeout(ut.current),ut.current=setTimeout(()=>Ae(null),4e3)},[]);B.useEffect(()=>()=>clearTimeout(ut.current),[]);let me=!!qe,It=B.useCallback(()=>{if(me){ae(qe);return}let b=Q?.();b&&typeof b.then=="function"&&b.catch(()=>{ae(qe??yp)})},[me,qe,Q,ae]),mt=!!pe,Pe=!!Ke,{tokens:rt,isLoading:gt}=Vt(r,w,s&&d),{statsMap:ge}=qt(r,d),{apyPercent:ye}=la(),{categoryMap:R}=ca(r,d),j=d&&ue,{displayValue:ne,isLowerBound:Qe,isLoading:Ot}=da(r,w,s&&j),[Ye,un]=B.useState(!1),Dt=B.useRef(null),[mn,Yn]=B.useState(0),{holdings:L,isLoading:he}=aa(r,w,s&&d&&u),D=B.useMemo(()=>L.map(b=>b.token),[L]),{imageMap:Be}=sa(r,D,u&&L.length>0),it=B.useMemo(()=>{let b=[],E=[],V=[],_e=new Map((I??[]).map((Y,Te)=>[`${kp(Y.chainId)}:${Y.address.toLowerCase()}`,Te]));for(let Y of rt){let Te=_r(r,Y.chainId,Y.symbol)!==void 0,ht=`${Y.chainId}:${Y.address.toLowerCase()}`,tn=_e.get(ht),Jo=new $n(Y.quantity.numeric).shiftedBy(-Y.quantity.decimals);if(Te)b.push(Y);else if(tn!==void 0)E.push(Y);else if(Jo.isGreaterThan(0)){if(!h&&R.get(yr(Y.chainId,Y.address))==="game")continue;V.push(Y)}}return b.sort((Y,Te)=>{let ht=_r(r,Y.chainId,Y.symbol)??99,tn=_r(r,Te.chainId,Te.symbol)??99;return ht-tn}),E.sort((Y,Te)=>{let ht=_e.get(`${Y.chainId}:${Y.address.toLowerCase()}`)??99,tn=_e.get(`${Te.chainId}:${Te.address.toLowerCase()}`)??99;return ht-tn}),V.sort((Y,Te)=>{let ht=ge.get(vt(Y.chainId,Y.address)),tn=ge.get(vt(Te.chainId,Te.address)),Jo=new $n(Y.quantity.numeric).shiftedBy(-Y.quantity.decimals).multipliedBy(ht?.price??0);return new $n(Te.quantity.numeric).shiftedBy(-Te.quantity.decimals).multipliedBy(tn?.price??0).minus(Jo).toNumber()}),[...b,...E,...V]},[rt,r,ge,h,R,I]),Gr=B.useMemo(()=>{if(!u)return[];let b=new Set(rt.map(E=>E.address.toLowerCase()));return[...L].filter(E=>!b.has(E.token.toLowerCase())).sort((E,V)=>{let _e=new $n(E.value);return new $n(V.value).minus(_e).toNumber()})},[L,u,rt]),en=B.useRef(!1),[Fe,An]=B.useState(null),gn=B.useRef(void 0),Hr=Fe?.chainId??te?.chainId??it[0]?.chainId??0,{transactionUrl:Vo}=lo(r,Hr,Fe?.txHash,!!(Fe?.txHash&&Hr)),Ze=B.useCallback(b=>{en.current=!0,ie(b)},[ie]),[el,qo]=B.useState("recipient"),Zn=B.useCallback(()=>{G(null),qo("recipient"),Ze("wallet")},[G,Ze]),Ko=B.useCallback((b,E="recipient")=>{if(Pe){ae(Ke);return}qo(E),G(b),Ze("send")},[Pe,Ke,ae,G,Ze]),tl=B.useCallback(()=>{if(mt){ae(pe);return}if(Ve){Ve();return}Ze("bridge")},[mt,pe,Ve,Ze,ae]),nl=B.useCallback(b=>{clearTimeout(gn.current),G(null),Ze("wallet"),An({status:"pending",txHash:b.txHash,chainId:b.chainId,description:`${b.amount} ${b.tokenSymbol} to ${Je(b.recipient)}`})},[G,Ze]),ol=B.useCallback(b=>{let E=te?.chainId;G(null),Ze("wallet"),!(!b||!E)&&(An(V=>({status:"success",txHash:b,chainId:E,description:V?.txHash===b?V.description:"Tap to see your transaction"})),clearTimeout(gn.current),gn.current=setTimeout(()=>An(null),5e3))},[te?.chainId,G,Ze]),rl=B.useCallback(b=>{let E=b.txHash;E&&(An({status:"error",txHash:E,chainId:b.chainId,description:b.message}),clearTimeout(gn.current),gn.current=setTimeout(()=>An(null),5e3))},[]),Pn=B.useMemo(()=>{if(Tt)return Tt;if(m)return()=>Ze("qr")},[Tt,m,Ze]),Qo=B.useMemo(()=>{if(Nt)return Nt;if(it.length===0)return;let b=it[0];return()=>Ko(b,"token")},[Nt,it,Ko]),il=B.useCallback(()=>{if(Pe){ae(Ke);return}Qo?.()},[Pe,Ke,Qo,ae]);B.useEffect(()=>{s||(en.current=!1,qo("recipient"))},[s]);let Ur=B.useRef(null);B.useEffect(()=>{let b=Ur.current;if(!b||!i)return;let E=V=>{V.pointerType==="touch"&&V.stopPropagation()};return b.addEventListener("pointerdown",E),()=>b.removeEventListener("pointerdown",E)},[i]);let[hn,$r]=B.useState(!1),Yo=B.useRef(void 0),[Bn,Fn]=B.useState(!1);B.useEffect(()=>{if(!Bn)return;let b=()=>Fn(!1),E=_e=>{_e.key==="Escape"&&Fn(!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)}},[Bn]),B.useEffect(()=>{Fn(!1)},[w]),B.useEffect(()=>()=>clearTimeout(Yo.current),[]),B.useEffect(()=>()=>clearTimeout(gn.current),[]),B.useEffect(()=>{let b=Dt.current;if(!b||se===null){Yn(0);return}let E=()=>{Yn(b.offsetHeight)};if(E(),typeof ResizeObserver>"u")return;let V=new ResizeObserver(E);return V.observe(b),()=>V.disconnect()},[se]);let jr=B.useCallback(async()=>{if(!hn)try{await navigator.clipboard.writeText(w),$r(!0),clearTimeout(Yo.current),Yo.current=setTimeout(()=>$r(!1),2e3),_?.(w,!0)}catch{_?.(w,!1)}},[w,_,hn]),Xn=B.useCallback(b=>{b.currentTarget.setAttribute("data-loaded","true")},[]),Vr=B.useMemo(()=>({background:Rp(w)}),[w]),Jn=B.useMemo(()=>f||zt(r,w,{size:120,bg:a==="dark"?"1A1A2E":"F3F6F8"}),[f,r,w,a]),Zo=B.useMemo(()=>Sp(ne),[ne]),qr=W||O?S("div",{className:"wi-legal-links",children:[W&&g("a",{className:"wi-legal-link",href:W,target:"_blank",rel:"noopener noreferrer",onClick:b=>et(b,W,{category:"terms",origin:"terms"},Ge),children:X}),W&&O&&g("span",{className:"wi-legal-sep","aria-hidden":!0,children:"\xB7"}),O&&g("a",{className:"wi-legal-link",href:O,target:"_blank",rel:"noopener noreferrer",onClick:b=>et(b,O,{category:"privacy",origin:"privacy"},Ge),children:J})]}):null,Kr=M?S("button",{type:"button",className:"wi-disconnect-btn",onClick:()=>{M(),T()},children:[g(gi,{size:16}),g("span",{className:"wi-disconnect-label",children:K})]}):null,al=d&&!re?S("div",{className:"wi-action-row","aria-label":"Wallet actions",children:[S("button",{type:"button",className:Z("wi-action-card",me&&"wi-action-card--dimmed"),onClick:It,disabled:!Q&&!me,"aria-disabled":me||void 0,"aria-label":"Buy",children:[g(yi,{size:20}),g("span",{children:"Buy"})]}),v?S("button",{type:"button",className:Z("wi-action-card",mt&&"wi-action-card--dimmed"),onClick:tl,"aria-disabled":mt||void 0,"aria-label":"Bridge",children:[g(ki,{size:20}),g("span",{children:"Bridge"})]}):S("button",{type:"button",className:"wi-action-card",onClick:Pn,disabled:!Pn,"aria-label":"Receive",children:[g(ao,{size:20}),g("span",{children:"Receive"})]}),S("button",{type:"button",className:Z("wi-action-card",Pe&&"wi-action-card--dimmed"),onClick:il,disabled:!Pe&&!Qo,"aria-disabled":Pe||void 0,"aria-label":"Send",children:[g(xi,{size:20}),g("span",{children:"Send"})]}),je?S("button",{type:"button",className:"wi-action-card",onClick:()=>Ze("portfolio"),"aria-label":"View portfolio",children:[g(vi,{size:20}),g("span",{children:"Portfolio"})]}):v?S("button",{type:"button",className:"wi-action-card",onClick:Pn,disabled:!Pn,"aria-label":"Receive",children:[g(ao,{size:20}),g("span",{children:"Receive"})]}):null]}):null,sl=S("div",{className:Z("wi-view-inner",en.current&&"wi-view-wallet"),children:[j&&S("div",{className:"wi-total-section",children:[S("div",{className:"wi-total-head",children:[g("span",{className:"wi-total-label",children:pt}),g("span",{role:"button",tabIndex:0,className:"wi-total-eye",onClick:b=>{b.stopPropagation(),un(E=>!E)},onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),b.stopPropagation(),un(E=>!E))},"aria-label":Ye?"Show balance":"Hide balance",children:Ye?g(bi,{}):g(hi,{})})]}),g("div",{className:"wi-total-body",children:Ot?g("div",{className:"wi-skeleton-block wi-total-skeleton",style:{width:160,height:42}}):g("div",{className:"wi-total-value","data-hidden":Ye||void 0,children:Ye?g("span",{className:"wi-total-mask",children:"\u2022\u2022\u2022\u2022\u2022\u2022"}):S(_o,{children:[Qe&&g("span",{className:"wi-total-lte",children:"\u2264"}),g("span",{className:"wi-total-currency",children:"$"}),g("span",{className:"wi-total-amount",children:Zo.main}),Zo.decimal&&g("span",{className:"wi-total-decimal",children:Zo.decimal})]})})})]}),$e==="top"&&(re?g("div",{className:"wi-nav-fixed",children:re}):al),d&&g("div",{ref:Ur,className:"wi-scrollable-body","data-vaul-no-drag":!0,children:S("div",{className:"wi-token-list",children:[gt&&Array.from({length:5},(b,E)=>S("div",{className:"wi-skeleton-item",children:[S("div",{className:"wi-skeleton-left",children:[g("div",{className:"wi-skeleton-block wi-skeleton-icon"}),S("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}})]})]}),S("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)),!gt&&it.length===0&&!u&&g("div",{className:"wi-empty",children:"No Tokens Found"}),it.map(b=>{let E=ge.get(vt(b.chainId,b.address)),V=E?parseFloat(E.percent_change_24h):null,_e=V!==null&&V>=0,Y=Wn(r,b.chainId),Te=Hi(b.address);return S("button",{type:"button",className:"wi-token-item wi-token-item--button",onClick:()=>Ko(b),"aria-label":`Send ${b.symbol}`,children:[S("div",{className:"wi-token-left",children:[S("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:Xn,onError:ht=>{ht.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:ht=>{ht.currentTarget.style.display="none"}})]}),S("div",{className:"wi-token-info",children:[S("span",{className:"wi-token-name-row",children:[g("span",{className:"wi-token-name",children:b.symbol}),Te&&ye!==null&&g("span",{className:"wi-token-apy",children:`APY ${ye>=0?"+":"-"}${(ye>=0?Math.floor:Math.ceil)(Math.abs(ye)*100)/100}%`})]}),E&&S("div",{className:"wi-token-price-row",children:[g("span",{className:"wi-token-price",children:ar(E.price)}),g("span",{className:"wi-token-change","data-positive":_e,"data-zero":V===0||void 0,children:V!==null&&(V===0?"0%":`${_e?"+":"-"}${(_e?Math.floor:Math.ceil)(Math.abs(V)*100)/100}%`)})]})]})]}),S("div",{className:"wi-token-right",children:[g("span",{className:"wi-token-balance",children:Ut(b.quantity.numeric,b.quantity.decimals)}),E&&g("span",{className:"wi-token-value",children:Ri(b.quantity.numeric,b.quantity.decimals,E.price)})]})]},`${b.address}-${b.chainId}`)}),u&&he&&Array.from({length:3},(b,E)=>S("div",{className:"wi-skeleton-item",children:[S("div",{className:"wi-skeleton-left",children:[g("div",{className:"wi-skeleton-block wi-skeleton-icon"}),S("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}})]})]}),S("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&&!he&&!gt&&it.length===0&&Gr.length===0&&g("div",{className:"wi-empty",children:"No Tokens Found"}),u&&Gr.map(b=>{let E=Be.get(b.token)||"",V=Wn(r,be[r].cross);return S("div",{className:"wi-token-item",children:[S("div",{className:"wi-token-left",children:[S("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:Xn,onError:_e=>{_e.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:_e=>{_e.currentTarget.style.display="none"}})]}),S("div",{className:"wi-token-info",children:[g("span",{className:"wi-token-name",children:b.token_name}),g("div",{className:"wi-token-price-row",children:S("span",{className:"wi-token-price",children:[Ut(b.current_price,18)," CROSS"]})})]})]}),S("div",{className:"wi-token-right",children:[g("span",{className:"wi-token-balance",children:Ut(b.balance,18)}),g("span",{className:"wi-token-value",children:ar(b.current_value_usd)})]})]},`forge-${b.token}`)})]})}),$e==="bottom"&&re&&g("div",{className:"wi-nav-fixed",children:re}),Kr&&g("div",{className:"wi-wallet-disconnect-row",children:Kr})]},"wallet"),ll=je?g("div",{className:Z("wi-view-inner wi-portfolio-body",en.current&&"wi-view-portfolio"),children:g(Nn,{env:r,theme:a,walletAddress:w,showHeader:!1,onOutlink:Ge,lpBalanceReader:Mt,stakingRewardsReader:xe,sections:Ee})},"portfolio"):null,cl=te?g("div",{className:Z("wi-view-inner wi-send-body",en.current&&"wi-view-send"),children:g(yo,{env:r,theme:a,walletAddress:w,accountName:k,accounts:F,initialStep:el,token:te,tokens:it,onTokenChange:G,sendTransaction:Re,getTransactionReceipt:Gt,estimateGas:Rt,getTokenPriceUsd:b=>{let E=ge.get(vt(b.chainId,b.address));if(!E?.price)return;let V=parseFloat(E.price);return Number.isFinite(V)?V:void 0},onClose:T,onBackToWallet:Zn,onSubmitted:nl,onSuccess:ol,onFailed:rl,onOutlink:Ge})},"send"):null,dl=B.useMemo(()=>ce||it.map(b=>{let E=ge.get(vt(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:pr(b.quantity.numeric,b.quantity.decimals),iconUrl:b.icon_url,priceUsd:Number.isFinite(V)?V:void 0}}),[ce,ge,it]),pl=g("div",{className:Z("wi-view-inner wi-bridge-body",en.current&&"wi-view-send"),children:g(Bo,{env:r,walletAddress:w,tokens:dl,history:nt,termsUrl:W,getQuote:ve,getToTokens:Ce,getApproval:de,approveBridge:Ct,submitBridge:ft,onClose:T,onBackToWallet:Zn})},"bridge"),Xo=!!P&&k?.trim().toLowerCase()!=="my wallet",Qr=S(_o,{children:[S("span",{className:"wi-receive-avatar",children:[g("span",{className:"wi-avatar-fallback",style:Vr}),Jn&&g("img",{src:Jn,alt:"",className:"wi-avatar-img",width:24,height:24,draggable:!1,onLoad:Xn,onError:b=>{b.currentTarget.style.display="none"}})]}),g("span",{className:"wi-receive-account-name",children:k??"Account 1"}),Xo&&g("span",{className:"wi-receive-chevron","data-open":Bn,"aria-hidden":"true",children:g(an,{size:16})})]}),fl=S("div",{className:Z("wi-view-inner wi-qr-body",en.current&&"wi-view-qr"),children:[S("div",{className:"wi-receive-section",children:[Xo?g("button",{type:"button",className:"wi-receive-account wi-receive-account--btn",onClick:()=>{Fn(!0),P?.()},"aria-label":"Switch account",children:Qr}):g("div",{className:"wi-receive-account",children:Qr}),S("div",{className:"wi-qr-block",children:[S("div",{className:"wi-qr-box",children:[g(vp,{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(wi,{size:33})})]}),g("p",{className:"wi-qr-address",children:w})]}),S("button",{type:"button",className:"wi-qr-copy-btn",onClick:jr,children:[g("span",{className:"wi-qr-copy-icon",children:hn?g(on,{size:16}):g(Mn,{size:16})}),g("span",{className:"wi-qr-copy-text",children:hn?"Copied!":"Copy address"})]})]}),qr&&g("div",{className:"wi-receive-footer",children:qr})]},"qr"),ul=U==="qr"||U==="portfolio"||U==="send"||U==="bridge",Yr=se!==null?g("div",{className:"wi-builtin-footer",children:se}):null,Zr=S("div",{className:"wi-account-text",children:[Xo?S("button",{type:"button",className:"wi-account-row wi-account-row--btn",onClick:()=>{Fn(!0),P?.()},"aria-label":"Switch account","aria-expanded":Bn,children:[g("span",{className:"wi-account-name",children:k??"Account 1"}),g("span",{className:"wi-account-switch","data-open":Bn,"aria-hidden":"true",children:g(an,{size:20})})]}):g("div",{className:"wi-account-row",children:g("span",{className:"wi-account-name",children:k??"Account 1"})}),S("button",{type:"button",className:"wi-address-row-btn",onClick:jr,"aria-label":"Copy address",children:[g("span",{className:"wi-account-address",children:Je(w)}),g("span",{className:"wi-account-copy","data-copied":hn,children:hn?g(on,{size:12}):g(Mn,{size:12})})]})]}),Xr=S(_o,{children:[o,U==="qr"?g("div",{className:"wi-sticky-header",children:S("div",{className:"wi-header wi-header--receive",children:[g("button",{type:"button",className:"wi-header-back",onClick:Zn,"aria-label":"Back",children:g(rn,{size:24})}),g("span",{className:"wi-receive-title",children:"Receive"}),g("button",{type:"button",className:"wi-header-action",onClick:T,"aria-label":"Close",children:g(Lt,{size:24})})]})}):U==="send"||U==="bridge"?null:ul?S("div",{className:"wi-sticky-header",children:[S("div",{className:"wi-header wi-header--wallet wi-header--sub-account",children:[g("button",{type:"button",className:"wi-header-back",onClick:Zn,"aria-label":"Back",children:g(rn,{size:24})}),g("div",{className:"wi-account-block wi-account-block--sub-account",children:Zr}),g("button",{type:"button",className:"wi-header-action",onClick:T,"aria-label":"Close",children:g(Lt,{size:24})})]}),g("hr",{className:"wi-divider"})]}):S("div",{className:"wi-sticky-header",children:[S("div",{className:"wi-header wi-header--wallet",children:[S("div",{className:"wi-account-block",children:[S("div",{className:"wi-avatar",children:[g("div",{className:"wi-avatar-fallback",style:Vr}),Jn&&g("img",{src:Jn,alt:"",className:"wi-avatar-img",width:28,height:28,draggable:!1,onLoad:Xn,onError:b=>{b.currentTarget.style.display="none"}})]}),Zr]}),S("div",{className:"wi-header-actions",children:[m&&v&&g("button",{type:"button",className:"wi-header-action wi-header-action--qr",onClick:Pn,"aria-label":"Show QR code",children:g(ao,{size:20})}),g("button",{type:"button",className:"wi-header-action",onClick:T,"aria-label":"Close",children:g(Lt,{size:24})})]})]}),g("hr",{className:"wi-divider"})]}),S("div",{className:"wi-view-container",children:[U==="wallet"&&sl,U==="qr"&&fl,U==="portfolio"&&ll,U==="send"&&cl,U==="bridge"&&pl]}),U==="wallet"&&ot&&g("div",{className:"wi-action-toast",role:"status","aria-live":"polite",children:ot}),U==="wallet"&&Fe&&S("a",{className:"wi-send-toast",href:Vo??"#",target:"_blank",rel:"noopener noreferrer",onClick:b=>{if(!Vo){b.preventDefault();return}et(b,Vo,{category:"send",origin:"send-transaction",payload:{chainId:Fe.chainId,txHash:Fe.txHash}},Ge)},children:[g("span",{className:"wi-send-toast-icon","data-status":Fe.status,"aria-hidden":!0,children:Fe.status==="pending"?g("span",{className:"wi-send-toast-spinner"}):Fe.status==="error"?g("span",{className:"wi-send-toast-error-dot"}):g(Si,{size:20})}),S("span",{className:"wi-send-toast-copy",children:[g("span",{className:"wi-send-toast-title",children:Fe.status==="pending"?"Sending...":Fe.status==="error"?"Send failed":"Send complete"}),g("span",{className:"wi-send-toast-desc",children:Fe.status==="pending"||Fe.status==="error"?Fe.description:"Tap to see your transaction"})]})]}),Yr&&U!=="portfolio"&&U!=="send"&&g("div",{className:"wi-sticky-footer",children:g("div",{className:"wi-footer",ref:Dt,children:Yr})})]}),Jr={...ee,...mn>0?{"--wi-footer-height":`${mn}px`}:null};return i?S(Fo.Portal,{children:[l&&g(Fo.Overlay,{className:"wi-drawer-overlay"}),S(Fo.Content,{className:Z("wi-drawer-content",n),"data-theme":a,"data-vaul-no-drag":c==="left"||c==="right"?!0:void 0,style:Jr,"data-direction":c,"data-no-balance":!d||void 0,"data-has-footer":mn>0||void 0,"data-view":U,children:[g(Fo.Title,{className:"wi-sr-only",children:"My Wallet"}),Xr]})]}):S(_o,{children:[l&&s&&g("div",{className:"wi-drawer-overlay",onClick:T}),g(Mo.Portal,{children:g(Mo.Content,{align:e,sideOffset:t,className:Z("wi-popover-content",n),"data-theme":a,style:Jr,"data-no-balance":!d||void 0,"data-has-footer":mn>0||void 0,"data-view":U,children:Xr})})]})}import*as Ns from"react";function Is({position:e="top",children:t}){let{setNavContent:n,setNavPosition:o}=Ht();return Ns.useEffect(()=>(n(t),o(e),()=>n(null)),[t,e,n,o]),null}import*as Ls from"react";function Es({children:e}){let{setFooterContent:t}=Ht();return Ls.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
|
-
`);
|
|
12
|
-
`);
|
|
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-row{display:flex;align-items:center;gap:6px;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-apy{flex-shrink:0;font-family:inherit;font-size:12px;font-weight:600;line-height:1;color:var(--ds-system-purple-high, #9b78ff);background:var(--ds-system-purple-low, #2e2854);padding:4px;border-radius:6px;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 Mr}from"react/jsx-runtime";function Tp({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:F=[],onSelectWallet:f,onCopyAddress:I,onBuy:T,onBuyDisabledMessage:P,onBridgeDisabledMessage:_,onSendDisabledMessage:Q,onDisconnect:M,disconnectLabel:K="Disconnect",termsUrl:W=vn,termsLabel:X="Terms of Service",privacyUrl:O=so,privacyLabel:J="Privacy Policy",open:ee,onOpenChange:re,showPortfolio:$e=!1,portfolioTitle:se="My Portfolio",portfolioSections:U,showTotalAssets:ie=!0,totalAssetsLabel:te="Total Assets USD",sendTransaction:G,getTransactionReceipt:je,estimateGas:le,onOutlink:Ee,lpBalanceReader:ue,stakingRewardsReader:pt,bridgeTokens:Re,bridgeHistory:Gt,getBridgeQuote:Rt,getBridgeToTokens:Ge,getBridgeApproval:Mt,approveBridge:xe,submitBridge:ce,onReceive:nt,onBridge:ve,onSend:Ce,style:de,children:Ct}){let ft=Me(e),Tt=x?io[x]:void 0,Ve=w??Tt?.name,Nt=k??Tt?.iconUrl,qe=bn(`(max-width: ${n}px)`),pe=o??(a?"right":"bottom"),Ke=pe==="left"||pe==="right",ot=r??!1,Ae=ee!==void 0,[ut,ae]=We.useState(!1),me=Ae?ee:ut,It=We.useCallback(Dt=>{Ae||ae(Dt),re?.(Dt)},[Ae,re]),mt=We.useCallback(()=>It(!1),[It]),[Pe,rt]=We.useState(null),[gt,ge]=We.useState("top"),[ye,R]=We.useState(null),[j,ne]=We.useState("wallet"),[Qe,Ot]=We.useState(null);We.useEffect(()=>{me||(ne("wallet"),Ot(null))},[me]);let Ye=We.useCallback(()=>{dr(u),M?.()},[M,u]),un=We.useMemo(()=>({env:ft,theme:t,isMobile:qe,open:me,drawerDirection:pe,modal:ot,showBalance:a,showForgeToken:i,showGameToken:s,showQR:c,showBridge:l,qrLogoSrc:d,walletAddress:u,accountName:h,sendAccounts:m,profileImageUrl:v,connectorName:Ve,connectorIconUrl:Nt,preferredTokens:F,close:mt,onSelectWallet:f,onCopyAddress:I,onBuy:T,onBuyDisabledMessage:P,onBridgeDisabledMessage:_,onSendDisabledMessage:Q,onDisconnect:M?Ye:void 0,disconnectLabel:K,termsUrl:W,termsLabel:X,privacyUrl:O,privacyLabel:J,portalStyle:de,navContent:Pe,navPosition:gt,setNavContent:rt,setNavPosition:ge,footerContent:ye,setFooterContent:R,view:j,setView:ne,selectedSendToken:Qe,setSelectedSendToken:Ot,showPortfolio:$e,portfolioTitle:se,portfolioSections:U,showTotalAssets:ie,totalAssetsLabel:te,sendTransaction:G,getTransactionReceipt:je,estimateGas:le,onOutlink:Ee,lpBalanceReader:ue,stakingRewardsReader:pt,bridgeTokens:Re,bridgeHistory:Gt,getBridgeQuote:Rt,getBridgeToTokens:Ge,getBridgeApproval:Mt,approveBridge:xe,submitBridge:ce,onReceive:nt,onBridge:ve,onSend:Ce}),[ft,t,qe,me,pe,ot,a,i,s,c,l,d,u,h,m,v,Ve,Nt,F,mt,f,I,T,P,_,Q,M,Ye,K,W,X,O,J,de,Pe,gt,ye,j,Qe,$e,se,U,ie,te,G,je,le,Ee,ue,pt,Re,Gt,Rt,Ge,Mt,xe,ce,nt,ve,Ce]);return Mr(rr.Provider,{value:un,children:qe?Mr(Cp.Root,{direction:pe,open:me,onOpenChange:It,handleOnly:Ke,noBodyStyles:!0,repositionInputs:!1,children:Ct},"drawer"):Mr(As.Root,{open:me,onOpenChange:It,children:Ct},"popover")})}var En=Object.assign(Tp,{Trigger:ia,Content:Ts,Nav:Is,Footer:Es});import*as _t from"react";import*as Ks from"@radix-ui/react-dialog";import{Drawer as Fp}from"vaul";import{createContext as Np,useContext as Ip}from"react";var Oo=Np(null);function jn(){let e=Ip(Oo);if(!e)throw new Error("WalletConnectModal compound components must be used within <WalletConnectModal>");return e}import{useState as Ps,useEffect as Lp,useCallback as Ep}from"react";function Do(){let[e,t]=Ps([]),[n,o]=Ps(!0);Lp(()=>{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 Fs from"@radix-ui/react-dialog";import{Drawer as Ap}from"vaul";import{jsx as Bs}from"react/jsx-runtime";function _s({asChild:e,children:t}){let{isMobile:n}=jn(),o=n?Ap.Trigger:Fs.Trigger;return Bs(o,{asChild:e??t!=null,children:t??Bs("button",{type:"button",children:"Connect Wallet"})})}import*as Ft from"@radix-ui/react-dialog";import{Drawer as Wo}from"vaul";import{jsx as $,jsxs as Jt}from"react/jsx-runtime";function zo(){return Jt("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 Ms(){return Jt("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",children:[Jt("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 Os(){return Jt("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 Ds(){return Jt("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 zs(){return Jt("svg",{width:"40",height:"40",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Jt("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 Ws(){return Jt("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 Gs(){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 Hs(){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 Or={cross_embedded:{id:"cross_embedded",name:"CROSSx with Social",description:"Sign in with Google or Apple",icon:zo},cross_wallet:{id:"cross_wallet",name:"CROSSx",description:"App approval is required",icon:zo,featured:!0},cross_extension:{id:"cross_extension",name:"CROSSx Extension",description:"Browser extension approval is required",icon:zo,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:Ms,rdns:"io.metamask"},binance:{id:"binance",name:"Binance",description:"Mobile app only \u2014 Add CROSS network first",icon:Os},verse8:{id:"verse8",name:"Verse8 Wallet",description:"Optimized for Forge and Verse8 ecosystem",icon:Ds,badge:"For Forge"},tron:{id:"tron",name:"Tron Wallet",description:"Dedicated for Tron-based transactions and assets",icon:zs,badge:"For SHOP"}};function Dr(e){return Or[e]}var zr={google:{id:"google",name:"Google",icon:Ws},apple:{id:"apple",name:"Apple",icon:Gs}};function Us(e){return zr[e]}import{Fragment as Vs,jsx as H,jsxs as Le}from"react/jsx-runtime";function Pp({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:Z("wcm-wallet-item",a&&"wcm-wallet-item--featured"),onClick:o,children:[Le("div",{className:"wcm-wallet-item-left",children:[H("div",{className:"wcm-wallet-icon",children:H(r,{})}),Le("div",{className:"wcm-wallet-name-row",children:[H("span",{className:"wcm-wallet-name",children:e.name}),e.badge&&H("span",{className:"wcm-wallet-badge",children:e.badge})]})]}),e.installUrl&&(t?H("span",{className:"wcm-installed-label",children:"Installed"}):H("span",{className:"wcm-install-btn",children:"Install"}))]})}function Bp({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:[H("span",{className:"wcm-social-icon",children:H(n,{})}),H("span",{className:"wcm-social-name",children:o})]})}function $s(){let{wallets:e,activeWalletIds:t,socialProviders:n,activeSocialIds:o,termsUrl:r,privacyUrl:a,isDetected:i,close:s,isMobile:c}=jn(),l=t.filter(h=>{let m=Dr(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(Vs,{children:[Le("div",{className:"wcm-header",children:[Le("div",{className:"wcm-header-text",children:[H("h2",{className:"wcm-title",children:"CROSS Wallet"}),!c&&H("p",{className:"wcm-subtitle",children:"Sign in instantly with your social account"})]}),H("button",{type:"button",className:"wcm-close-btn",onClick:s,"aria-label":"Close",children:H(Hs,{})})]}),Le("div",{className:"wcm-body",children:[d&&Le(Vs,{children:[!c&&Le("div",{className:"wcm-section-header",children:[H("span",{className:"wcm-section-title",children:"Social Account Wallet Connect"}),H("span",{className:"wcm-recommended-badge",children:"Recommended"})]}),H("div",{className:"wcm-social-grid",children:o.map(h=>{let m=Us(h);return H(Bp,{social:m,onSignIn:()=>{n[h]?.(),s()}},h)})}),u&&Le("div",{className:"wcm-separator",children:[H("div",{className:"wcm-separator-line"}),H("span",{className:"wcm-separator-text",children:"Other Wallets"}),H("div",{className:"wcm-separator-line"})]})]}),u&&H("div",{className:"wcm-wallet-list",children:l.map(h=>{let m=Dr(h),v=m.rdns?i(m.rdns):!1;return H(Pp,{wallet:m,detected:v,onConnect:()=>{e[h]?.(),s()}},h)})}),Le("p",{className:"wcm-terms",children:["By continuing, you agree to NEXUS"," ",H(js,{href:r,children:"Terms of Service"})," and consent to its ",H(js,{href:a,children:"Privacy Policy"}),"."]})]})]})}function js({href:e,children:t}){return e?H("a",{className:"wcm-terms-link",href:e,target:"_blank",rel:"noopener noreferrer",children:t}):H("span",{className:"wcm-terms-link",children:t})}function qs({className:e}){let{isMobile:t,theme:n,portalStyle:o}=jn();return t?Le(Wo.Portal,{children:[H(Wo.Overlay,{className:"wcm-overlay"}),Le(Wo.Content,{className:Z("wcm-drawer-content",e),"data-theme":n,style:o,children:[H(Wo.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),H("div",{className:"wcm-drawer-handle"}),H("div",{className:"wcm-drawer-body",children:H($s,{})})]})]}):Le(Ft.Portal,{children:[H(Ft.Overlay,{className:"wcm-overlay"}),Le(Ft.Content,{className:Z("wcm-dialog-content",e),"data-theme":n,style:o,children:[H(Ft.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),H(Ft.Description,{className:"wcm-sr-only",children:"Sign in with a social provider or pick a wallet to connect."}),H("div",{className:"wcm-dialog-body",children:H($s,{})})]})]})}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
|
-
`);
|
|
17
|
-
`);import{jsx as Vn}from"react/jsx-runtime";var
|
|
18
|
-
`);
|
|
19
|
-
`);var
|
|
20
|
-
`);
|
|
21
|
-
`);import{jsx as Qn,jsxs as
|
|
1
|
+
function na(e){try{return import.meta.env?.[e]}catch{return}}function oa(e){if(!(typeof process>"u"))return process.env?.[e]}function Me(e){if(e)return ra(e);let t=na("VITE_CROSSX_ENVIRONMENT")??na("NEXT_PUBLIC_CROSSX_ENVIRONMENT")??oa("NEXT_PUBLIC_CROSSX_ENVIRONMENT")??oa("CROSSX_ENVIRONMENT");return ra(t)}function ra(e){switch(e?.toLowerCase()){case"dev":case"development":return"dev";case"stage":case"staging":case"stg":return"stage";default:return"production"}}var tr="1.3.4";var eo="__nexusCrossAppLauncherRuntime";function yl(){if(typeof window>"u")return null;let e=window;return e[eo]??(e[eo]={mode:"dapp-ui"}),e[eo]}function kl(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${tr}, \uC0AC\uC6A9 \uBAA8\uB4DC: connect-kit)`)}else console.info(`[CROSSx App Launcher] dapp-ui v${tr} \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 nr(e){let t=yl();t&&(e?.mode==="connect-kit-react"?t.mode="connect-kit-react":t.mode||(t.mode="dapp-ui"),e?.connectKitVersion&&(t.connectKitVersion=e.connectKitVersion),kl(t))}import*as xn from"react";import*as aa from"@radix-ui/react-popover";import{Drawer as Nl}from"vaul";import{createContext as Sl,useContext as Rl}from"react";var or=Sl(null);function to(){let e=Rl(or);if(!e)throw new Error("AppLauncher compound components must be used within <AppLauncher>");return e}import{useState as Cl,useEffect as Tl}from"react";function wn(e){let[t,n]=Cl(!1);return Tl(()=>{let o=window.matchMedia(e);n(o.matches);let r=i=>n(i.matches);return o.addEventListener("change",r),()=>o.removeEventListener("change",r)},[e]),t}function G(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))}G(`[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-primary: #f3742e;--al-primary-hover: #ff8a4a;--al-primary-soft: #3a261f;--al-ending-bg: #ed0a72;--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-primary: #f3742e;--al-primary-hover: #ff8a4a;--al-primary-soft: #fff1eb;--al-ending-bg: #ed0a72;--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
|
+
`);G(`.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
|
+
`);G(`@keyframes al-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
|
|
4
|
+
`);G(`.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-menu{display:flex;flex-direction:column;gap:14px;width:424px;max-width:calc(100vw - 32px);padding:0 12px;box-sizing:border-box}.al-popover-content .al-grid{display:grid;grid-template-columns:repeat(4,100px);row-gap:12px;column-gap:0;justify-content:center;align-items:start}.al-popover-content .al-grid-item{position:relative;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-text{justify-content:center;max-width:100%}.al-popover-content .al-badge-new,.al-popover-content .al-badge-ending{height:14px;min-width:28px;padding:1px 5px 0;align-items:center;box-sizing:border-box;font-size:9px;line-height:1}.al-popover-content .al-badge-new-inline,.al-popover-content .al-badge-ending-inline{display:none}.al-popover-content .al-badge-new-tag,.al-popover-content .al-badge-ending-tag{display:inline-flex}.al-popover-content .al-grid-item-right{display:flex;align-items:center;position:absolute;top:8px;right:8px;pointer-events:none}.al-popover-content .al-badge-list{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-menu{display:flex;flex-direction:column;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;overflow:visible}.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(--al-text-secondary);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-category-tabs{display:flex;align-items:center;gap:4px;padding:0;min-width:0}.al-drawer-content .al-category-tabs{padding:0 16px 8px}.al-category-tab{display:inline-flex;align-items:center;justify-content:center;min-width:0;flex:1 1 0;height:32px;padding:0 10px;border:none;border-radius:8px;background:transparent;color:var(--al-text-secondary);font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer}.al-category-tab:hover,.al-category-tab[data-active=true]{background:var(--al-primary-soft);color:var(--al-primary)}.al-category-tab:disabled{opacity:.4;cursor:not-allowed}.al-category-tab:disabled:hover{background:transparent;color:var(--al-text-secondary)}.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:var(--al-bg-hover)!important}.al-grid-item-left{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.al-grid-item-text{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0}.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;position:relative;width:24px;height:24px;overflow:hidden;border-radius:5px;flex-shrink:0}.al-grid-item-icon img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.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,.al-badge-ending{display:inline-flex;height:16px;min-width:30px;padding:1px 6px 0;justify-content:center;align-items:center;box-sizing:border-box;border-radius:12px;color:#fff;font-family:Pretendard,Inter,sans-serif;font-size:9px;font-weight:700;line-height:1;white-space:nowrap;flex-shrink:0}.al-badge-new{background:var(--al-primary)}.al-badge-new-tag,.al-drawer-content .al-badge-new-tag{display:none}.al-badge-ending{background:var(--al-ending-bg)}.al-badge-ending-tag,.al-drawer-content .al-badge-ending-tag{display:none}
|
|
5
|
+
`);G("");import{jsx as rr}from"react/jsx-runtime";function ia({env:e,theme:t="dark",mobileBreakpoint:n=768,domain:o,children:r}){let i=wn(`(max-width: ${n}px)`),[a,s]=xn.useState(!1),c=xn.useCallback(()=>s(!1),[]),l=Me(e),d=xn.useMemo(()=>({env:l,theme:t,isMobile:i,open:a,domain:o,close:c}),[l,t,i,a,o,c]);return rr(or.Provider,{value:d,children:i?rr(Nl.Root,{direction:"right",open:a,onOpenChange:s,noBodyStyles:!0,children:r},"drawer"):rr(aa.Root,{open:a,onOpenChange:s,children:r},"popover")})}import*as da from"@radix-ui/react-popover";import{Drawer as Ll}from"vaul";import{jsx as Xe,jsxs as Il}from"react/jsx-runtime";function sa({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:[Xe("rect",{width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"7",y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"14",y:"7",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"7",y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"}),Xe("rect",{x:"14",y:"14",width:"4",height:"4",rx:"2",fill:"currentColor"})]})}function la(){return Xe("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Xe("path",{d:"M12 19L5 12M5 12L12 5M5 12H19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function ca(){return Xe("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Xe("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as no}from"react/jsx-runtime";function pa({asChild:e,children:t,className:n,style:o}){let{isMobile:r,theme:i}=to(),a=t!=null,s=e??!0,c=n?`al-trigger-btn ${n}`:"al-trigger-btn",l=a?t:no("button",{type:"button",className:c,"data-theme":i,style:o,children:no(sa,{size:18})});return r?no(Ll.Trigger,{asChild:s,children:l}):no(da.Trigger,{asChild:s,children:l})}import*as wt from"react";import*as ao from"@radix-ui/react-popover";import{Drawer as vn}from"vaul";import{useQuery as Pl}from"@tanstack/react-query";var fa={dev:"https://stg-contents.crosstoken.io/frontend/common/app-launcher/app-launcher-v2.json",stage:"https://stg-contents.crosstoken.io/frontend/common/app-launcher/app-launcher-v2.json",production:"https://contents.crosstoken.io/frontend/common/app-launcher/app-launcher-v2.json"};var El="https://stg-contents.crosstoken.io/frontend/common/app-launcher/icons",Al="https://contents.crosstoken.io/frontend/common/app-launcher/icons";function it(e,t){return`${e==="production"?Al:El}/${t}.png`}function ua(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://stg.onechain.nexus/gametoken",stage:"https://stg.onechain.nexus/gametoken",production:"https://www.onechain.nexus/gametoken"},iconUrl:it(t,"game-token"),order:1e3,type:"gametoken",badge:null,isNew:!1,serviceStatus:"available"},{id:"forge",label:"Forge",description:"Launch Your Game, Ignite the Market",url:{dev:"https://stg.onechain.nexus/forge",stage:"https://stg.onechain.nexus/forge",production:"https://onechain.nexus/forge"},iconUrl:it(t,"forge"),order:4e3,type:"forge",badge:null,isNew:!0,serviceStatus:"available"},{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:it(t,"crossd"),order:5e3,type:"crossd",badge:null,isNew:!1,serviceStatus:"ending"},{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:it(t,"prediction"),order:6e3,type:"prediction",badge:null,isNew:!0,serviceStatus:"available"},{id:"rewards",label:"Rewards",description:"Deposit CROSS and earn rewards. Grow together.",url:{dev:"https://stg.onechain.nexus/rewards",stage:"https://stg.onechain.nexus/rewards",production:"https://onechain.nexus/rewards"},iconUrl:it(t,"reward"),order:7e3,type:"rewards",badge:null,isNew:!1,serviceStatus:"ending"},{id:"cross-staking",label:"Staking",description:"Stake CROSS and earn rewards.",url:{dev:"https://stg-stake.ogfcorp.com",stage:"https://stg-stake.ogfcorp.com",production:"https://stake.ogfcorp.com"},iconUrl:it(t,"cross-staking"),order:7500,type:"cross-staking",badge:null,isNew:!0,serviceStatus:"available"},{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:it(t,"nft"),order:8e3,type:"nft",badge:null,isNew:!1,serviceStatus:"available"},{id:"play",label:"Quest",description:"Discover and play games on CROSS.",url:{dev:"https://stg.onechain.nexus/quest",stage:"https://stg.onechain.nexus/quest",production:"https://www.onechain.nexus/quest"},iconUrl:it(t,"play"),order:8500,type:"play",badge:null,isNew:!0,serviceStatus:"available"},{id:"shop",label:"Shop",description:"Game Payment Platform & In-Game Currency Store.",url:{dev:"https://stg.onechain.nexus/shop",stage:"https://stg.onechain.nexus/shop",production:"https://www.onechain.nexus/shop"},iconUrl:it(t,"shop"),order:9e3,type:"shop",badge:null,isNew:!1,serviceStatus:"available"},{id:"points",label:"Points",description:"Dive into CROSS World, Earn CROSS Points",url:{dev:"https://stg.onechain.nexus/points",stage:"https://stg.onechain.nexus/points",production:"https://onechain.nexus/points"},iconUrl:it(t,"point"),order:1e4,type:"points",badge:null,isNew:!1,serviceStatus:"available"},{id:"explorer",label:"Explorer",description:"View transactions, blocks, and token data on the CROSS network.",url:{dev:"https://stg-explorer.onechain.nexus",stage:"https://stg-explorer.onechain.nexus",production:"https://explorer.onechain.nexus"},iconUrl:it(t,"explorer"),order:12e3,type:"explorer",badge:null,isNew:!1,serviceStatus:"available"},{id:"wave",label:"Wave",description:"Stream, support, and earn in the CROSS ecosystem.",url:{dev:"https://stg.onechain.nexus/wave",stage:"https://stg.onechain.nexus/wave",production:"https://www.onechain.nexus/wave"},iconUrl:it(t,"wave"),order:11e4,type:"wave",badge:null,isNew:!1,serviceStatus:"available"}]}}function oo(e){let t=Me(e);return Pl({queryKey:["global-menu",t],queryFn:async({signal:n})=>{try{let o=await fetch(fa[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 ua(t)}},staleTime:0,gcTime:0,retry:!1,refetchOnMount:!0})}var ar=[{status:"all",label:"All"},{status:"ending",label:"Ending Soon"}];function ro(e){return e.serviceStatus==="ending"||e.serviceStatus==="comingSoon"?e.serviceStatus:"available"}function ga(e){return e==="ending"?"END":null}function ba(e,t){return typeof e=="string"?e:e[t]??e.production??e.stage??e.dev}function ha(e){let t=[...e].sort((n,o)=>{let r=ma(n)-ma(o);return r!==0?r:n.order-o.order});return ar.map(n=>({...n,items:n.status==="all"?t:t.filter(o=>ro(o)===n.status)})).filter(n=>n.items.length>0)}function ma(e){let t=ro(e);return t==="comingSoon"?0:t==="ending"?2:1}function Z(...e){return e.filter(Boolean).join(" ")}import{jsx as se,jsxs as Ht}from"react/jsx-runtime";function Bl(e){return e.id==="cross-staking"||e.type==="cross-staking"}function xa({align:e="end",sideOffset:t=8,className:n}){let{env:o,theme:r,isMobile:i,domain:a,close:s}=to(),{data:c}=oo(o),l=wt.useMemo(()=>ha(c?.items??[]),[c]),[d,g]=wt.useState("all");wt.useEffect(()=>{l.length!==0&&(l.some(k=>k.status===d)||g(l[0].status))},[l,d]);let b=8,u=wt.useRef(null),v=wt.useCallback(k=>{u.current={x:k.clientX,y:k.clientY}},[]),w=typeof window<"u"?window.location.pathname:"",x=wt.useCallback((k,R)=>{if(u.current){let O=k.clientX-u.current.x,F=k.clientY-u.current.y;if(u.current=null,Math.abs(O)>b||Math.abs(F)>b)return}let I=R.url[o]??R.url.production,E=wa(I,a);if(!E)try{let O=new URL(I).pathname;if(w===O||w.startsWith(O+"/")){s();return}}catch{}E?window.open(I,"_blank","noopener,noreferrer"):window.location.href=I,s()},[o,a,s,w]),S=l.find(k=>k.status===d)??l[0],D=k=>{let R=k.url[o]??k.url.production,I=wa(R,a),E=ro(k),O=ga(E),F=ba(k.iconUrl,o),$=!1;if(!I)try{let M=new URL(R).pathname;$=w===M||w.startsWith(M+"/")}catch{$=!1}return Ht("button",{type:"button",className:"al-grid-item","data-active":$||void 0,"data-service-status":E,onPointerDown:v,onClick:M=>x(M,k),children:[Ht("div",{className:"al-grid-item-left",children:[se("div",{className:"al-grid-item-icon",children:se("img",{src:F,alt:k.label,width:24,height:24,loading:"lazy"})}),Ht("span",{className:"al-grid-item-text",children:[se("span",{className:"al-grid-item-label",children:k.label}),k.isNew&&se("span",{className:"al-badge-new al-badge-new-inline",children:"NEW"}),O&&se("span",{className:"al-badge-ending al-badge-ending-inline",children:O})]})]}),Ht("div",{className:"al-grid-item-right",children:[k.isNew&&se("span",{className:"al-badge-new al-badge-new-tag",children:"NEW"}),O&&se("span",{className:"al-badge-ending al-badge-ending-tag",children:O}),k.badge&&!Bl(k)&&se("span",{className:"al-badge al-badge-list",children:k.badge})]})]},k.id)},f=Ht("div",{className:"al-menu","data-theme":r,children:[se("div",{className:"al-category-tabs",role:"tablist","aria-label":"Service categories",children:ar.map(k=>{let R=l.find(O=>O.status===k.status),I=d===k.status,E=!R||R.items.length===0;return se("button",{type:"button",className:"al-category-tab",role:"tab","aria-selected":I,"aria-controls":`al-panel-${k.status}`,disabled:E,"data-active":I||void 0,onClick:()=>g(k.status),children:k.label},k.status)})}),se("div",{id:`al-panel-${S?.status??"available"}`,className:"al-grid",role:"tabpanel",children:(S?.items??[]).map(D)})]});return i?Ht(vn.Portal,{children:[se(vn.Overlay,{className:"al-drawer-overlay"}),Ht(vn.Content,{className:Z("al-drawer-content",n),"data-theme":r,children:[Ht("div",{className:"al-drawer-header",children:[se(vn.Close,{className:"al-drawer-close",children:se(la,{})}),se(vn.Title,{className:"al-drawer-title",children:"CROSS Services"}),se(vn.Close,{className:"al-drawer-close",children:se(ca,{})})]}),se("div",{className:"al-drawer-body",children:f})]})]}):se(ao.Portal,{children:se(ao.Content,{align:e,sideOffset:t,className:Z("al-popover-content",n),"data-theme":r,children:f})})}function wa(e,t){try{let n=new URL(e).hostname;return typeof window>"u"?!0:n!==(t??window.location.hostname)}catch{return!1}}import*as We from"react";import*as Os from"@radix-ui/react-popover";import{Drawer as Ap}from"vaul";import{createContext as Fl,useContext as _l}from"react";var ir=Fl(null);function $t(){let e=_l(ir);if(!e)throw new Error("WalletInfo compound components must be used within <WalletInfo>");return e}var sr=(o=>(o.CROSSx="crossx",o.MetaMask="io.metamask",o.Binance="com.binance.wallet",o))(sr||{}),io={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 ci from"react";import{jsx as Q,jsxs as On}from"react/jsx-runtime";function va({size:e=16,className:t}){return On("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 Mn({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 rn({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 Et({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 ya({size:e=20,className:t}){return On("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 so({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 an({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 sn({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 ka({size:e=16,className:t}){return On("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 Sa({size:e=16,className:t}){return On("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 Ra({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 Ca({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 Ta({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 Na({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 Ia({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 La({size:e=20,className:t}){return On("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 B from"react";import ln from"bignumber.js";function Ml(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 jt(e,t){if(!e||e==="0")return"0.00";let n=new ln(e).shiftedBy(-t),o=n.isGreaterThanOrEqualTo(1)?2:4;return n.toFormat(o,ln.ROUND_DOWN)}function Je(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}function lr(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 Ea(e,t,n){let r=new ln(e).shiftedBy(-t).multipliedBy(new ln(n));return r.isZero()||r.isNaN()?"$0.00":`$${(r.integerValue(ln.ROUND_DOWN).isGreaterThanOrEqualTo(1)?r.decimalPlaces(2,ln.ROUND_DOWN):r.decimalPlaces(4,ln.ROUND_DOWN)).toFormat()}`}function Aa(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 a=Number(n);if(!Number.isFinite(a)||a===0)return{displayValue:"0",isLowerBound:!1};n=Ml(a.toFixed(18))}let[o="0",r=""]=n.split(".");if(Number(o)>=1){let a=r.slice(0,2).padEnd(2,"0");return{displayValue:`${Number(o).toLocaleString("en-US")}.${a}`,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 Ol}from"react";import{useQuery as Dl}from"@tanstack/react-query";var Ue={dev:"https://stg-wallet-server.crosstoken.io/api",stage:"https://stg-wallet-server.crosstoken.io/api",production:"https://wallet-server.crosstoken.io/api"},we={dev:{cross:612044,bsc:97},stage:{cross:612044,bsc:97},production:{cross:612055,bsc:56}},yn="https://terms.crosstoken.io/docs/cross-terms-of-use",lo="https://terms.crosstoken.io/docs/nexus-privacy-policy";var zl="send:chain-info";function Wl(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 cr(e,...t){let n=e.replace(/\/+$/,""),o=t.map(r=>r.replace(/^\/+|\/+$/g,"")).filter(Boolean);return[n,...o].join("/")}function Gl(e,t,n,o){if(o)return t===we[e].cross?Pa(t,o):n?.explorer_url?cr(n.explorer_url,n.explorer_postfix?.transaction??"tx",o):Ul(e,t,o)}function Pa(e,t){return cr("https://explorer.onechain.nexus",String(e),"tx",t)}function Ul(e,t,n){let o=we[e];if(t===o.cross)return Pa(t,n);if(t===o.bsc)return cr(e==="production"?"https://bscscan.com":"https://testnet.bscscan.com","tx",n)}function co(e,t,n,o=!0){let r=Ue[e],i=Dl({queryKey:[zl,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 Wl(d)},enabled:o,staleTime:300*1e3}),a=i.data;return{transactionUrl:Ol(()=>Gl(e,t,a,n),[t,a,e,n]),chainInfo:a,...i}}var Ba="0x0000000000000000000000000000000000000001";var Hl="0xa9059cbb",$l=/^0x[a-fA-F0-9]{40}$/,jl="nexus-cross:dapp-ui:send:recent:",Fa=10;function Vl(e){let t=e.length;for(;t>0&&e.charCodeAt(t-1)===48;)t--;return e.slice(0,t)}function Dn(e){return e.toLowerCase()}function At(e){return $l.test(e)}function Vt(e){return Dn(e.address)===Ba}function dr(e){return`${jl}${e.toLowerCase()}`}function kn(e){if(typeof window>"u")return[];try{let t=window.localStorage.getItem(dr(e));if(!t)return[];let n=JSON.parse(t);return Array.isArray(n)?n.filter(o=>o!==null&&typeof o=="object"&&At(o.address)&&typeof o.updatedAt=="number").slice(0,Fa):[]}catch{return[]}}function pr(e,t){if(typeof window>"u")return[];let n=Dn(t),o=[{address:n,updatedAt:Date.now()},...kn(e).filter(r=>r.address!==n)].slice(0,Fa);try{window.localStorage.setItem(dr(e),JSON.stringify(o))}catch{return kn(e)}return o}function fr(e){if(!(typeof window>"u"))try{window.localStorage.removeItem(dr(e))}catch{}}function cn(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 i=BigInt(o||"0"),a=r.padEnd(t,"0"),s=a?BigInt(a):0n,c=10n**BigInt(t),l=i*c+s;return l<=0n?{error:"Amount must be greater than 0."}:{value:l}}function ur(e,t){let n=BigInt(e||"0"),o=10n**BigInt(t),r=n/o,i=n%o;if(i===0n)return r.toString();let a=Vl(i.toString().padStart(t,"0"));return`${r.toString()}.${a}`}function mr(e,t){let n=e.replace(/^0x/,"").toLowerCase().padStart(64,"0"),o=t.toString(16).padStart(64,"0");return`${Hl}${n}${o}`}function po(e,t,n=10){if(t<=0)return e.toString();let o=10n**BigInt(t),r=e/o,i=e%o;if(i===0n)return r.toString();let s=i.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 gr(e,t){return po(e,t,6)}function _a(e){return po(e,9,2)}function Ma(e){return e.toLocaleString("en-US")}function fo(e){return e===56||e===97}function uo(e){return e.gasPrice??e.maxFeePerGas}function Oa(e,t=!1){return t?uo(e)!==void 0?"legacy":null:e.maxFeePerGas!==void 0?"dynamic":e.gasPrice!==void 0?"legacy":null}function mo(e,t=!1){if(t){let n=uo(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 go(e){return!Number.isFinite(e)||e<=0?"$0.00":`$${e.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})}`}function Da(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(Da(n.cause,t+1)),o.join(`
|
|
6
|
+
`).toLowerCase()}function ql(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 br(e,t={},n="Failed to send transaction."){let o=Da(e);if(!o)return n;let r=t.nativeSymbol?.trim()||"gas token",i=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 a=i?` on ${i}`:"";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.":ql(e)||n}var Kl=2000000000n,Ql=1000000000n;async function bo(e,t,n){let o=new AbortController,r=setTimeout(()=>o.abort(),8e3),i=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(!i.ok)throw new Error(`RPC ${t} HTTP ${i.status}`);let a=await i.json();if(a.error)throw new Error(`RPC ${t}: ${a.error.message}`);if(a.result===void 0)throw new Error(`RPC ${t}: empty result`);return a.result}function ho(e){return BigInt(e)}function Yl(e){return`0x${e.toString(16)}`}function Zl(e){let t={to:e.to};return e.from&&(t.from=e.from),e.value!==void 0&&e.value>0n&&(t.value=Yl(e.value)),e.data&&(t.data=e.data),t}function Xl(e){return e===56||e===97}async function za(e){try{let t=await bo(e,"eth_gasPrice",[]);return{gasPrice:ho(t)}}catch{return{gasPrice:Kl}}}async function Jl(e,t){let n=Ql;try{let o=await bo(e,"eth_maxPriorityFeePerGas",[]);n=ho(o)}catch{}return{maxFeePerGas:t+n,maxPriorityFeePerGas:n}}async function ec(e,t){if(t)return za(e);let n;try{n=(await bo(e,"eth_getBlockByNumber",["latest",!1]))?.baseFeePerGas}catch{}return n?Jl(e,ho(n)):za(e)}async function Wa(e,t){let n=Xl(t.chainId),o=Zl(t),[r,i]=await Promise.all([bo(e,"eth_estimateGas",[o]),ec(e,n)]);return{gasLimit:ho(r),gasPrice:i.gasPrice,maxFeePerGas:i.maxFeePerGas,maxPriorityFeePerGas:i.maxPriorityFeePerGas}}function Ga(e){let{estimateGas:t,sendTransaction:n,getTransactionReceipt:o}=e;return{canSend:!!n,canEstimateGas(r){return!!t||!!r},async estimateGas(r,i){if(t)return t(r);if(i)return Wa(i,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 tc=1500,nc=120;function Ua(e){return!!(e.token||e.recipient||e.amount)}function hr({recipient:e,amount:t,token:n,balanceRaw:o}){let r={},i=e.trim(),a=cn(t,n.quantity.decimals),s;return i?At(i)||(r.recipient="Enter a valid EVM recipient address."):r.recipient="Enter a recipient address.","error"in a?r.amount=a.error:(s=a.value,s>o&&(r.amount="Amount exceeds available balance.")),!Vt(n)&&!At(n.address)&&(r.token="Token contract address is invalid."),{errors:r,rawAmount:r.amount?void 0:s,recipient:i&&At(i)?i:void 0}}function wr({token:e,walletAddress:t,recipient:n,rawAmount:o}){let r=t;return Vt(e)?{to:n,value:o,chainId:e.chainId,from:r}:{to:Dn(e.address),data:mr(n,o),value:0n,chainId:e.chainId,from:r}}function oc(e){let{status:t}=e;return t==="reverted"||t==="0x0"||t===0||t===0n||t===!1}var rc=e=>new Promise(t=>setTimeout(t,e));async function Ha({repository:e,args:t,chainId:n,onSubmitted:o,pollIntervalMs:r=tc,pollMaxAttempts:i=nc}){let a=await e.sendTransaction(t);o(a);let{getTransactionReceipt:s}=e;if(!s)return"success";for(let c=0;c<i;c+=1){let l=await s({hash:a,chainId:n}).catch(()=>null);if(l)return oc(l)?"reverted":"success";await rc(r)}return"timeout"}var $a=["token","recipient","amount","review"];function ja(e){let{env:t,walletAddress:n,accountName:o,accounts:r=[],initialStep:i="recipient",token:a,tokens:s=[],onTokenChange:c,sendTransaction:l,getTransactionReceipt:d,estimateGas:g,getTokenPriceUsd:b,onSubmitted:u,onSuccess:v,onFailed:w,onExit:x,onOutlink:S}=e,D=B.useMemo(()=>Ga({sendTransaction:l,getTransactionReceipt:d,estimateGas:g}),[l,d,g]),[f,k]=B.useState(a);B.useEffect(()=>{k(a)},[a.address,a.chainId]);let[R,I]=B.useState(i),[E,O]=B.useState(""),[F,$]=B.useState(""),[M,X]=B.useState({}),[z,J]=B.useState("idle"),[ee,re]=B.useState(""),[$e,le]=B.useState(""),[j,ae]=B.useState(null),[te,U]=B.useState(!1),[je,ce]=B.useState(""),Ee=B.useRef(0),[me,ft]=B.useState(null),[Ce,Ut]=B.useState(""),[Ct,Ge]=B.useState(()=>kn(n)),Ot=B.useMemo(()=>Me(t),[t]),{transactionUrl:ve,chainInfo:de}=co(Ot,f.chainId,ee||void 0,!0),nt=de?.currency_symbol??"",ye=de?.name??`Chain ID ${f.chainId}`,Te=B.useRef({nativeSymbol:nt||void 0,networkName:ye,tokenSymbol:f.symbol});Te.current={nativeSymbol:nt||void 0,networkName:ye,tokenSymbol:f.symbol};let pe=B.useMemo(()=>BigInt(f.quantity.numeric||"0"),[f.quantity.numeric]),Tt=B.useMemo(()=>jt(f.quantity.numeric,f.quantity.decimals),[f.quantity.numeric,f.quantity.decimals]),ut=b?.(f),Nt=B.useMemo(()=>{if(ut===void 0)return;let T=parseFloat(F.replace(/,/g,""));return Number.isFinite(T)?T*ut:0},[F,ut]);B.useEffect(()=>{$(""),X({})},[f.address,f.chainId]),B.useEffect(()=>{Ee.current+=1,ae(null),ce(""),U(!1)},[f.address,f.chainId,E,F]),B.useEffect(()=>{Ge(kn(n))},[n]);let Ve=B.useCallback(T=>{O(T),X(q=>({...q,recipient:void 0}))},[]),It=B.useCallback(T=>{$(T),X(q=>({...q,amount:void 0}))},[]),qe=B.useCallback(()=>{$(Tt.replace(/,/g,"")),X(T=>({...T,amount:void 0}))},[Tt]),fe=B.useCallback(T=>{k(T),c?.(T),I("recipient")},[c]),Ke=B.useCallback(()=>I("token"),[]),ot=B.useCallback(()=>{I(T=>{if(T==="result")return"review";if(T===i)return x?.(),T;let q=$a.indexOf(T);return q<=0?(x?.(),T):$a[q-1]})},[i,x]),Ae=B.useCallback(()=>{let{errors:T}=hr({recipient:E,amount:"1",token:f,balanceRaw:pe});if(T.recipient){X(q=>({...q,recipient:T.recipient}));return}X(q=>({...q,recipient:void 0})),I("amount")},[E,f,pe]),mt=B.useCallback(T=>{O(T),X(q=>({...q,recipient:void 0})),I("amount")},[]),ie=B.useCallback(()=>{let T=hr({recipient:E,amount:F,token:f,balanceRaw:pe});X(T.errors),!(Ua(T.errors)||T.rawAmount===void 0||!T.recipient)&&(ft(T.rawAmount),Ut(T.recipient),ae(null),ce(""),J("idle"),I("review"))},[E,F,f,pe]);B.useEffect(()=>{if(R!=="review"||!Ce||me===null||j!==null||te||je||!D.canEstimateGas(de?.rpc))return;let T=++Ee.current;U(!0),ce(""),(async()=>{try{let q=wr({token:f,walletAddress:n,recipient:Ce,rawAmount:me}),ne=await D.estimateGas(q,de?.rpc);if(Ee.current!==T)return;ae(ne)}catch(q){if(Ee.current!==T)return;ce(br(q,Te.current,"Failed to estimate gas."))}finally{Ee.current===T&&U(!1)}})()},[R,Ce,me,j,te,je,D,de?.rpc,f,n]);let ge=B.useMemo(()=>{if(!Vt(f)||!j||me===null)return!1;let T=mo(j,fo(f.chainId));return T===null?!1:me+T>pe},[f,j,me,pe]),Lt=B.useCallback(async()=>{if(!(!Ce||me===null)&&!ge){le(""),re(""),J("submitting");try{let T="",q=await Ha({repository:D,args:wr({token:f,walletAddress:n,recipient:Ce,rawAmount:me}),chainId:f.chainId,onSubmitted:ne=>{T=ne,re(ne),J("confirming"),Ge(pr(n,Ce)),u?.({txHash:ne,chainId:f.chainId,amount:F,tokenSymbol:f.symbol,recipient:Ce})}});if(q==="success")J("success"),T&&v?v?.(T):I("result");else if(q==="reverted"){let ne="Transaction reverted on-chain.";J("error"),le(ne),T&&w?w({txHash:T,chainId:f.chainId,message:ne}):I("result")}else{let ne="Transaction receipt was not found. Please check again later.";J("error"),le(ne),T&&w?w({txHash:T,chainId:f.chainId,message:ne}):I("result")}}catch(T){J("error"),le(br(T,{nativeSymbol:nt||void 0,networkName:ye,tokenSymbol:f.symbol})),I("result")}}},[D,Ce,me,ge,f,F,n,u,v,w,nt,ye]),[gt,Pe]=B.useState(!1),rt=B.useRef(void 0);B.useEffect(()=>()=>clearTimeout(rt.current),[]);let bt=B.useCallback(async()=>{if(ee)try{await navigator.clipboard.writeText(ee),Pe(!0),clearTimeout(rt.current),rt.current=setTimeout(()=>Pe(!1),2e3)}catch{}},[ee]),be=B.useCallback(()=>{if(!ve||!ee)return;let T=Qe=>{typeof window<"u"&&window.open(Qe,"_blank","noopener,noreferrer")};if(!S){T(ve);return}let q=S(ve,{category:"send",origin:"send-transaction",payload:{chainId:f.chainId,txHash:ee}});if(q&&typeof q.then=="function"){let Qe=typeof window<"u"?window.open("","_blank","noopener,noreferrer"):null;q.then(Dt=>{if(Dt===null){Qe?.close();return}let Ye=Dt??ve;if(Qe)try{Qe.location.href=Ye}catch{Qe.close(),T(Ye)}else T(Ye)});return}let ne=q;ne!==null&&T(ne??ve)},[S,f.chainId,ve,ee]),ke=B.useCallback(()=>{le(""),re(""),J("idle"),ae(null),ce(""),I("review")},[]);return{step:R,status:z,token:f,tokens:s.length>0?s:[f],recipient:E,amount:F,amountUsd:Nt,fieldErrors:M,error:$e,txHash:ee,gasEstimate:j,gasLoading:te,gasError:je,insufficientGas:ge,reviewRawAmount:me,reviewRecipient:Ce,recentAddresses:Ct,accounts:r,accountName:o,walletAddress:n,resolvedEnv:Ot,transactionUrl:ve,networkName:ye,nativeSymbol:nt,nativeDecimals:de?.currency_decimals??f.quantity.decimals,balanceRaw:pe,balanceText:Tt,priceUsd:ut,canSelectToken:(s.length>0?s:[f]).length>1,canSend:D.canSend,getTokenPriceUsd:b,setRecipient:Ve,setAmount:It,setMax:qe,selectToken:fe,goToTokenSelect:Ke,selectRecipient:mt,submitRecipient:Ae,submitAmount:ie,confirmSend:Lt,retry:ke,back:ot,hashCopied:gt,copyHash:bt,openTransaction:be}}import*as xt from"react";import{jsx as zn,jsxs as xr}from"react/jsx-runtime";function Va({flow:e}){let{amount:t,setAmount:n,amountUsd:o,balanceText:r,balanceRaw:i,token:a,setMax:s}=e,c=xt.useRef(null),l=xt.useCallback(()=>{requestAnimationFrame(()=>{let w=c.current;if(!w)return;let x=w.value.length;w.setSelectionRange(x,x)})},[]);xt.useEffect(()=>{c.current?.focus(),l()},[l]),xt.useEffect(()=>{t===""&&(b(!1),l())},[t,l]);let d=xt.useMemo(()=>{let w=cn(t,a.quantity.decimals);return"value"in w&&w.value>i},[t,a.quantity.decimals,i]),[g,b]=xt.useState(!1),u=!g&&t===""?"0.00":t,v=t.trim()===""||t.trim()==="0";return zn("div",{className:"sf-body sf-amount",children:xr("div",{className:"sf-amount-center",children:[zn("span",{className:"sf-amount-usd",children:o!==void 0?go(o):"\xA0"}),zn("div",{className:"sf-amount-input-wrap","data-over":d||void 0,"data-empty":v||void 0,onClick:()=>c.current?.focus(),children:zn("input",{ref:c,className:"sf-amount-input",value:u,onChange:w=>{let x=w.target.value;if(g)n(x);else if(t===""){if(x.length<4)return;b(!0);let S=x.startsWith("0.00")?x.slice(4):x;n(S)}else b(!0),n(x)},placeholder:"0.00",inputMode:"decimal",autoComplete:"off","aria-label":`Amount in ${a.symbol}`,size:1})}),xr("div",{className:"sf-amount-balance",children:[zn("span",{children:"Balance:"}),xr("button",{type:"button",className:"sf-amount-max",onClick:s,children:[r," ",a.symbol]})]})]})})}import*as vt from"react";var ac=new Set(["0xff42c13d927a6b9265236619161accb227b6d452","0x9364ea6790f6e0ecfaa5164085f2a7de34ec55fb"].map(e=>e.toLowerCase()));function Ka(e){return ac.has(e.toLowerCase())}var vr={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"},qa={cross:"https://contents.crosstoken.io/wallet/token/images/CROSS.svg",bsc:"https://contents.crosstoken.io/wallet/token/images/BSC.svg"};function Wn(e,t){let n=we[e];if(t===n.cross)return qa.cross;if(t===n.bsc)return qa.bsc}var ic={dev:"https://dev-portrait.crosstoken.io",stage:"https://dev-portrait.crosstoken.io",production:"https://portrait.crosstoken.io"};function Wt(e,t,n={}){if(!t||!t.startsWith("0x"))return;let{size:o=120,bg:r,format:i="png"}=n,a=ic[e],s=r?`&bg=${r}`:"";return`${a}/portrait/evm/${t}.${i}?size=${o}${s}`}import{jsx as st,jsxs as wo}from"react/jsx-runtime";function Qa({size:e=20,className:t}){return wo("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,"aria-hidden":"true",children:[st("circle",{cx:"9",cy:"9",r:"6",stroke:"currentColor",strokeWidth:"1.7"}),st("path",{d:"m17 17-3.2-3.2",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round"})]})}function Ya({size:e=20,className:t}){return st("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",className:t,"aria-hidden":"true",children:st("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 Za({size:e=20,className:t}){return wo("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,"aria-hidden":"true",children:[st("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor",opacity:"0.12"}),st("path",{d:"M7 7l6 6M13 7l-6 6",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})]})}function Xa({size:e=16,className:t}){return st("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",className:t,"aria-hidden":"true",children:st("path",{d:"M8 3v10m0 0 4-4m-4 4-4-4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})})}function Ja({size:e=56,className:t}){return wo("svg",{width:e,height:e,viewBox:"0 0 56 56",fill:"none",className:t,"aria-hidden":"true",children:[st("circle",{cx:"28",cy:"28",r:"28",fill:"var(--ds-accent-primary-default, #00b4b7)"}),st("path",{d:"M17 28.5 24.2 35.5 39 20.5",stroke:"var(--ds-accent-primary-on, #ffffff)",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"})]})}function ei({size:e=56,className:t}){return wo("svg",{width:e,height:e,viewBox:"0 0 56 56",fill:"none",className:t,"aria-hidden":"true",children:[st("circle",{cx:"28",cy:"28",r:"28",fill:"var(--ds-system-red-default, #da0b2e)"}),st("path",{d:"M20 20 36 36m0-16L20 36",stroke:"#ffffff",strokeWidth:"4",strokeLinecap:"round"})]})}import{jsx as ue,jsxs as Pt}from"react/jsx-runtime";function ti(e,t){return e.name||`Account ${(e.index??t)+1}`}function ni(e){return e.trim().slice(0,1).toUpperCase()||"A"}function oi(e){return e.toLowerCase()}function ri({flow:e}){let{recipient:t,setRecipient:n,fieldErrors:o,recentAddresses:r,accounts:i,walletAddress:a,resolvedEnv:s,selectRecipient:c}=e,l=vt.useMemo(()=>i.filter(f=>f.address.toLowerCase()!==a.toLowerCase()),[i,a]),d=l.length>0,g=vt.useMemo(()=>new Map(l.map((f,k)=>[oi(f.address),{account:f,index:k}])),[l]),[b,u]=vt.useState("recent"),v=vt.useRef(null);vt.useEffect(()=>{v.current?.focus()},[]);let w="1A1A2E",x=vt.useCallback(async()=>{try{let f=await navigator.clipboard.readText();f&&n(f.trim())}catch{}},[n]),S=t.trim().length>0,D=At(t.trim());return Pt("div",{className:"sf-recipient",children:[Pt("div",{className:"sf-recipient-top",children:[Pt("div",{className:"sf-address-field","data-filled":S||void 0,"data-invalid":o.recipient||void 0,children:[ue("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:S?2:1}),S?ue("button",{type:"button",className:"sf-address-action",onClick:()=>n(""),"aria-label":"Clear",children:ue(Za,{size:20})}):ue("button",{type:"button",className:"sf-address-action",onClick:x,"aria-label":"Paste from clipboard",children:ue(Ya,{size:20})})]}),o.recipient&&ue("p",{className:"sf-field-error",role:"alert",children:o.recipient}),Pt("div",{className:"sf-tabs",role:"tablist",children:[ue("button",{type:"button",role:"tab",className:"sf-tab","data-active":b==="recent"||void 0,"aria-selected":b==="recent",onClick:()=>u("recent"),children:"Recent"}),d&&ue("button",{type:"button",role:"tab",className:"sf-tab","data-active":b==="account"||void 0,"aria-selected":b==="account",onClick:()=>u("account"),children:"My Account"})]})]}),ue("div",{className:"sf-address-list",children:b==="account"&&d?l.map((f,k)=>{let R=ti(f,k),I=Wt(s,f.address,{size:56,bg:w});return Pt("button",{type:"button",className:"sf-address-row",onClick:()=>c(f.address),children:[Pt("span",{className:"sf-address-avatar",children:[I&&ue("img",{src:I,alt:"",width:40,height:40,draggable:!1,onError:E=>{E.currentTarget.style.display="none"}}),ue("span",{className:"sf-address-avatar-fallback",children:ni(R)})]}),Pt("span",{className:"sf-address-meta",children:[ue("span",{className:"sf-address-name",children:R}),ue("span",{className:"sf-address-value",children:Je(f.address)})]})]},f.address)}):r.length>0?r.map(f=>{let k=g.get(oi(f.address)),R=k?ti(k.account,k.index):Je(f.address),I=Wt(s,f.address,{size:56,bg:w});return Pt("button",{type:"button",className:"sf-address-row",onClick:()=>c(f.address),children:[Pt("span",{className:"sf-address-avatar",children:[I&&ue("img",{src:I,alt:"",width:40,height:40,draggable:!1,onError:E=>{E.currentTarget.style.display="none"}}),ue("span",{className:"sf-address-avatar-fallback",children:ni(R)})]}),Pt("span",{className:"sf-address-meta",children:[ue("span",{className:"sf-address-name",children:R}),ue("span",{className:"sf-address-value",children:Je(f.address)})]})]},f.address)}):ue("div",{className:"sf-empty",children:"No send history"})}),S&&!D&&!o.recipient&&ue("p",{className:"sf-field-error",role:"alert",children:"Enter a valid EVM recipient address."})]})}import{jsx as Oe,jsxs as Sn}from"react/jsx-runtime";function ii({flow:e}){let{status:t,txHash:n,error:o,copyHash:r,hashCopied:i,openTransaction:a}=e,s=t==="error",c=t==="success";return s?Sn("div",{className:"sf-body sf-result sf-result--error",children:[Oe("span",{className:"sf-result-icon",children:Oe(ei,{size:56})}),Sn("div",{className:"sf-result-copy",children:[Oe("h3",{className:"sf-result-title",children:"Transaction Failed"}),Oe("p",{className:"sf-result-desc",children:o||"Something went wrong. Please try again."})]}),n&&Oe(ai,{txHash:n,hashCopied:i,onCopy:r,onOpen:a})]}):Sn("div",{className:"sf-body sf-result",children:[Oe("span",{className:"sf-result-icon","data-pending":!c||void 0,children:c?Oe(Ja,{size:56}):Oe("span",{className:"sf-result-spinner"})}),Sn("div",{className:"sf-result-copy",children:[Oe("h3",{className:"sf-result-title",children:c?"Transaction Complete":"Transaction in Progress"}),Oe("p",{className:"sf-result-desc",children:c?"Your transfer was sent successfully.":"Transfer in progress. Waiting for confirmation."})]}),n&&Oe(ai,{txHash:n,hashCopied:i,onCopy:r,onOpen:a})]})}function ai({txHash:e,hashCopied:t,onCopy:n,onOpen:o}){return Sn("div",{className:"sf-result-hash-card",children:[Oe("span",{className:"sf-result-hash-label",children:"Transaction Hash"}),Sn("div",{className:"sf-result-hash-row",children:[Oe("button",{type:"button",className:"sf-result-hash-link",onClick:o,"aria-label":"Open transaction in explorer",children:Je(e)}),Oe("button",{type:"button",className:"sf-result-copy-btn",onClick:n,"aria-label":"Copy transaction hash",children:t?Oe(rn,{size:16}):"Copy"})]})]})}import{jsx as oe,jsxs as De}from"react/jsx-runtime";var xo="\u2014";function si({flow:e}){let{token:t,reviewRawAmount:n,reviewRecipient:o,accountName:r,accounts:i,walletAddress:a,networkName:s,nativeSymbol:c,nativeDecimals:l,gasEstimate:d,gasLoading:g,gasError:b,insufficientGas:u,error:v,resolvedEnv:w}=e,x=Vt(t),S=n!==null?po(n,t.quantity.decimals):"",D=r?.trim()||`Account ${(i[0]?.index??0)+1}`,f=Wt(w,a,{size:56,bg:"1A1A2E"}),k=c||(x?t.symbol:""),R=fo(t.chainId),I=d?Oa(d,R):null,E=d?mo(d,R):null,O=z=>z!==null&&k?`${gr(z,l)} ${k}`:xo,F=z=>z!==void 0?`${_a(z)} Gwei`:xo,$=(()=>{if(!x||!d||E===null||n===null)return xo;let z=n+E;return`${gr(z,l)} ${k||t.symbol}`})(),M=z=>g?"\u2026":z,X=[{label:"Est. Tx Fee",value:M(O(E))},...I==="dynamic"?[{label:"Max Priority Fee",value:M(F(d?.maxPriorityFeePerGas))},{label:"Max Gas Fee",value:M(F(d?.maxFeePerGas))}]:I==="legacy"?[{label:"Gas Price",value:M(F(d?uo(d):void 0))}]:[],{label:"Gas Limit",value:M(d?Ma(d.gasLimit):xo)}];return De("div",{className:"sf-body sf-review",children:[De("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:z=>{z.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),De("span",{className:"sf-review-amount-value",children:[S,oe("span",{className:"sf-review-amount-symbol",children:t.symbol})]})]}),De("div",{className:"sf-review-parties",children:[De("div",{className:"sf-review-card sf-review-party",children:[oe("span",{className:"sf-review-party-label",children:"From"}),De("div",{className:"sf-review-party-head",children:[oe("span",{className:"sf-review-party-avatar",children:f&&oe("img",{src:f,alt:"",width:28,height:28,draggable:!1,onError:z=>{z.currentTarget.style.display="none"}})}),oe("span",{className:"sf-review-party-name",children:D})]}),oe("span",{className:"sf-review-party-addr",children:a})]}),oe("span",{className:"sf-review-arrow","aria-hidden":!0,children:oe(Xa,{size:16})}),De("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})]})]}),De("section",{className:"sf-review-card",children:[oe("h3",{className:"sf-review-section-title",children:"Summary"}),De("div",{className:"sf-review-row",children:[oe("span",{className:"sf-review-row-label",children:"Network"}),oe("span",{className:"sf-review-row-value",children:s})]}),X.map(z=>De("div",{className:"sf-review-row",children:[oe("span",{className:"sf-review-row-label",children:z.label}),oe("span",{className:"sf-review-row-value",children:z.value})]},z.label))]}),De("section",{className:"sf-review-card",children:[oe("h3",{className:"sf-review-section-title",children:"Total"}),De("div",{className:"sf-review-row",children:[oe("span",{className:"sf-review-row-label",children:"Total Amount"}),De("span",{className:"sf-review-row-value",children:[S," ",t.symbol]})]}),x&&De("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:M($)})]})]}),u&&!b&&!v&&De("div",{className:"sf-message sf-message--error",role:"alert",children:["Not enough ",k||t.symbol," to cover the amount plus the network fee. Reduce the amount and try again."]}),(b||v)&&oe("div",{className:"sf-message sf-message--error",role:"alert",children:b||v})]})}import*as vo from"react";import{jsx as qt,jsxs as dn}from"react/jsx-runtime";function li({flow:e}){let[t,n]=vo.useState(""),o=t.trim().toLowerCase(),r=vo.useMemo(()=>o?e.tokens.filter(i=>i.symbol.toLowerCase().includes(o)||i.name.toLowerCase().includes(o)):e.tokens,[e.tokens,o]);return dn("div",{className:"sf-body sf-token-select",children:[dn("div",{className:"sf-search",children:[qt(Qa,{size:20}),qt("input",{className:"sf-search-input",value:t,onChange:i=>n(i.target.value),placeholder:"Search Tokens",autoComplete:"off",spellCheck:!1,"aria-label":"Search tokens"})]}),dn("div",{className:"sf-token-list",children:[r.map(i=>{let a=`${i.chainId}:${i.address.toLowerCase()}`,s=Wn(e.resolvedEnv,i.chainId),c=e.getTokenPriceUsd?.(i);return dn("button",{type:"button",className:"sf-token-row",onClick:()=>e.selectToken(i),children:[dn("span",{className:"sf-token-left",children:[dn("span",{className:"sf-token-icon-wrap",children:[qt("img",{className:"sf-token-icon",src:i.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&&qt("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"}})]}),qt("span",{className:"sf-token-name",children:i.symbol})]}),dn("span",{className:"sf-token-right",children:[qt("span",{className:"sf-token-balance",children:jt(i.quantity.numeric,i.quantity.decimals)}),c!==void 0&&qt("span",{className:"sf-token-price",children:go(c)})]})]},a)}),r.length===0&&qt("div",{className:"sf-empty",children:"No tokens found"})]})]})}G(`.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;flex-shrink:0;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;flex:1;min-height:0;width:100%;margin-top:8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}[data-theme=light] .sf-address-list{scrollbar-color:rgba(0,0,0,.12) transparent}.sf-address-list::-webkit-scrollbar{width:4px}.sf-address-list::-webkit-scrollbar-track{background:transparent}.sf-address-list::-webkit-scrollbar-thumb{border-radius:4px;background:#ffffff26}[data-theme=light] .sf-address-list::-webkit-scrollbar-thumb{background:#0000001f}.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;z-index:1;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 Se,jsxs as yo}from"react/jsx-runtime";var sc={token:"Send",recipient:"Send",amount:"Send",review:"Sign Transaction",result:""};function ko({onClose:e,onBackToWallet:t,onConfirmSuccess:n,onSuccess:o,className:r,...i}){let a=ci.useCallback(S=>{o?.(S),n?.(S)},[n,o]),c=ja({...i,onSuccess:o||n?a:void 0,onExit:t}),{step:l,status:d}=c,g=At(c.recipient.trim()),b=cn(c.amount,c.token.quantity.decimals),u="value"in b&&b.value<=c.balanceRaw,v=d==="submitting"||d==="confirming",w=l!=="result",x=sc[l]??"";return yo("div",{className:Z("sf-root",r),"data-step":l,children:[yo("header",{className:"sf-header",children:[w?Se("button",{type:"button",className:"sf-header-btn",onClick:c.back,"aria-label":"Back",children:Se(an,{size:24})}):Se("span",{className:"sf-header-btn","aria-hidden":!0}),Se("span",{className:"sf-header-title",children:x}),Se("button",{type:"button",className:"sf-header-btn",onClick:e,"aria-label":"Close",children:Se(Et,{size:24})})]}),l==="token"&&Se(li,{flow:c}),l==="recipient"&&Se(ri,{flow:c}),l==="amount"&&Se(Va,{flow:c}),l==="review"&&Se(si,{flow:c}),l==="result"&&Se(ii,{flow:c}),yo("footer",{className:"sf-footer","data-step":l,children:[l==="recipient"&&Se("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitRecipient,"data-disabled":!g||void 0,"aria-disabled":!g,children:"Next"}),l==="amount"&&Se("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.submitAmount,"data-disabled":!u||void 0,"aria-disabled":!u,children:"Next"}),l==="review"&&yo("div",{className:"sf-footer-row",children:[Se("button",{type:"button",className:"sf-btn sf-btn--secondary",onClick:c.back,disabled:v,children:"Cancel"}),Se("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"&&Se("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:()=>n?.(c.txHash||void 0),children:"All done"}),l==="result"&&d==="error"&&Se("button",{type:"button",className:"sf-btn sf-btn--primary",onClick:c.retry,children:"Try Again"})]})]})}import*as di from"@radix-ui/react-popover";import{Drawer as lc}from"vaul";import{jsx as So,jsxs as cc}from"react/jsx-runtime";function pi({asChild:e,className:t,children:n}){let{isMobile:o,theme:r,walletAddress:i}=$t(),a=n!=null,s=e??!0,c=a?n:cc("button",{type:"button",className:Z("wi-trigger-btn",t),"data-theme":r,"data-mobile":o||void 0,children:[So(va,{size:o?14:16}),So("span",{className:"wi-trigger-address",children:Je(i)})]});return o?So(lc.Trigger,{asChild:s,children:c}):So(di.Trigger,{asChild:s,children:c})}import*as _ from"react";import*as Oo from"@radix-ui/react-popover";import{Drawer as _o}from"vaul";import $n from"bignumber.js";import{useQueries as dc}from"@tanstack/react-query";import{useMemo as pc}from"react";var yr="user-balance";async function fc(e,t,n,o){let r=new URLSearchParams({networkId:`eip155:${t}`,account:n}),i=await fetch(`${e}/v1/public/token/balance?${r}`,{cache:"no-store",signal:o});if(!i.ok)throw new Error(`Failed to fetch token balance: ${i.status}`);let a=await i.json();if(a.code!==200)throw new Error(`Token balance API error: ${a.code}`);return a.data}function Kt(e,t,n=!0){let o=Ue[e],r=we[e],i=[r.cross,r.bsc],a=dc({queries:i.map(d=>({queryKey:[yr,e,t,d],queryFn:({signal:g})=>fc(o,d,t,g),enabled:!!t&&n,staleTime:0,refetchInterval:n?5e3:!1}))}),s=a.some(d=>d.isLoading),c=a.some(d=>d.isError);return{tokens:pc(()=>{let d=[];for(let g of a)g.data&&d.push(...g.data);return d},[a]),isLoading:s,isError:c}}import{useQuery as uc,useQueries as mc}from"@tanstack/react-query";import{useMemo as gc}from"react";var bc="forge-holdings",hc="forge-token-image";async function wc(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 xc(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 fi(e,t,n=!0){let o=vr[e],{data:r,...i}=uc({queryKey:[bc,e,t],queryFn:({signal:a})=>wc(o,t,a),enabled:!!t&&n,staleTime:0,refetchInterval:n?5e3:!1});return{holdings:r??[],...i}}function ui(e,t,n=!0){let o=vr[e],r=mc({queries:t.map(a=>({queryKey:[hc,e,a],queryFn:({signal:s})=>xc(o,a,s),enabled:n,staleTime:1/0}))});return{imageMap:gc(()=>{let a=new Map;for(let s of r)s.data&&a.set(s.data.address,s.data.image_url);return a},[r])}}import{useQuery as vc}from"@tanstack/react-query";import{useMemo as yc}from"react";var kr="token-stats";function yt(e,t){return`${e}:${t.toLowerCase()}`}function Qt(e,t=!0){let n=Ue[e],{data:o,...r}=vc({queryKey:[kr,e],queryFn:async({signal:a})=>{let s=await fetch(`${n}/v1/public/token/stats`,{cache:"no-store",signal:a});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:yc(()=>{let a=new Map;if(!o?.data)return a;for(let s of o.data){let c=yt(s.chain_id,s.address);a.set(c,s)}return a},[o]),...r}}import{useQuery as kc}from"@tanstack/react-query";var Sc="crossd-apy",Rc="https://crossd-dashboard-api.crossdefi.io/api/v1/overview";function mi(){let{data:e,...t}=kc({queryKey:[Sc],queryFn:async({signal:n})=>{let o=await fetch(Rc,{cache:"no-store",signal:n});if(!o.ok)throw new Error(`Failed to fetch CROSSD overview: ${o.status}`);let r=await o.json();if(r.code!==200)throw new Error(`CROSSD overview API error: ${r.code}`);let i=parseFloat(r.data.est_last_epoch_apy);if(!Number.isFinite(i))throw new Error("CROSSD overview returned a non-numeric APY");return i*100},staleTime:6e4});return{apyPercent:e??null,...t}}import{useQuery as Cc}from"@tanstack/react-query";import{useMemo as Tc}from"react";var Nc="token-info";function Sr(e,t){return`${t.toLowerCase()}_${e}`}function gi(e,t=!0){let n=Ue[e],{data:o,...r}=Cc({queryKey:[Nc,e],queryFn:async({signal:a})=>{let s=await fetch(`${n}/v1/public/token/info`,{cache:"no-store",signal:a});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:Tc(()=>{let a=new Map;if(!o?.data)return a;for(let s of o.data){let c=Sr(s.chain_id,s.address);a.set(c,s.category)}return a},[o]),...r}}import{useMemo as Ic}from"react";import Rr from"bignumber.js";function bi(e,t,n){let{tokens:o,isLoading:r}=Kt(e,t,n),{statsMap:i}=Qt(e,n);return Ic(()=>{let a=new Rr(0);for(let d of o){let g=i.get(yt(d.chainId,d.address));if(!g)continue;let u=new Rr(d.quantity.numeric).shiftedBy(-d.quantity.decimals).multipliedBy(new Rr(g.price));u.isNaN()||(a=a.plus(u))}let s=a.toFixed(),{displayValue:c,isLowerBound:l}=Aa(s);return{totalUsd:s,displayValue:c,isLowerBound:l,isLoading:r}},[o,i,r])}import{QRCodeSVG as Tp}from"qrcode.react";function et(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 i=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=g=>{if(g===null){l?.close();return}let b=g??t;if(l)try{l.location.href=b}catch{l.close(),i(b)}else i(b)};r.then(d,g=>{console.error("[dapp-ui] onOutlink rejected:",g),l?.close()});return}let s=r;if(s===null)return;i(s??t)}import*as un from"react";import{Drawer as Bd}from"vaul";import{createContext as Lc,useContext as Ec}from"react";var Gn=Lc(null);function lt(){let e=Ec(Gn);if(!e)throw new Error("WalletPortfolio compound components must be used within <WalletPortfolio>");return e}import{Drawer as Ac}from"vaul";import{jsx as hi}from"react/jsx-runtime";function wi({asChild:e,children:t}){let{walletAddress:n}=lt(),o=t!=null,r=e??!0,i=o?t:hi("button",{type:"button",children:Je(n)});return hi(Ac.Trigger,{asChild:r,children:i})}import{Drawer as Lo}from"vaul";import*as Re from"react";import{useQueryClient as Ed}from"@tanstack/react-query";import{jsx as pn,jsxs as yi}from"react/jsx-runtime";function xi({size:e=22,className:t}){return pn("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:pn("path",{d:"M14 4L7 11L14 18",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function vi({size:e=22,className:t}){return yi("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[pn("path",{d:"M18.333 3.667v5.5h-5.5",stroke:"currentColor",strokeWidth:1.833,strokeLinecap:"round",strokeLinejoin:"round"}),pn("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 Gt({size:e=12,className:t}){return yi("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:[pn("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"}),pn("path",{d:"M7 1H11V5",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),pn("path",{d:"M11 1L6 6",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})]})}import Rn from"bignumber.js";var Pc=/^(\d{4}-\d{2}-\d{2})/;function ki(e){if(!e||e.length===0)return;let t=new Map,n;for(let{key:r,cumulative:i}of e.map(a=>({key:Pc.exec(a.reference_date)?.[1],cumulative:a.cumulative_earned})).filter(a=>!!a.key&&a.cumulative!=null).sort((a,s)=>a.key<s.key?-1:a.key>s.key?1:0))t.set(r,i),n=r;if(n===void 0)return;let o=new Date().toISOString().slice(0,10);return t.get(o)??t.get(n)}function Si(e){return e.length<=12?e:`${e.slice(0,6)}...${e.slice(-4)}`}function Cn(e,t){let n=new Rn(e).shiftedBy(-t);return!n.isFinite()||n.isZero()?"0":n.isGreaterThanOrEqualTo(1)?n.toFormat(2,Rn.ROUND_DOWN):n.toFormat(4,Rn.ROUND_DOWN)}function Cr(e){return Cn(e,0)}function Tn(e,t,n){let o=new Rn(n||"0");if(!o.isFinite()||o.isLessThanOrEqualTo(0))return null;let r=new Rn(e||"0").shiftedBy(-t).times(o);return r.isFinite()?`$${r.toFormat(2,Rn.ROUND_DOWN)}`:null}import{useQuery as Bc}from"@tanstack/react-query";import{useMemo as Li}from"react";var Ro={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"},Ri={dev:"https://stg.onechain.nexus",stage:"https://stg.onechain.nexus",production:"https://onechain.nexus"},Co={dev:"https://stg-bonding-curve-api.crosstoken.io/api",stage:"https://stg-bonding-curve-api.crosstoken.io/api",production:"https://bonding-curve-api.crosstoken.io/api"},Ci={dev:"https://stg.onechain.nexus",stage:"https://stg.onechain.nexus",production:"https://onechain.nexus"},Nn={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"},Un={dev:"https://dev-stake.ogfcorp.com",stage:"https://stg-stake.ogfcorp.com",production:"https://stake.ogfcorp.com"},Ti={dev:`${Un.dev}/portfolio`,stage:`${Un.stage}/portfolio`,production:`${Un.production}/portfolio`},Ni={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"},Ii={dev:"https://stg.onechain.nexus",stage:"https://stg.onechain.nexus",production:"https://onechain.nexus"},Yt={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 Fc="wp:reward-pools";function To(e,t=!0){let n=Ro[e],{data:o,...r}=Bc({queryKey:[Fc,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}),i=Li(()=>o?.data.pools.filter(s=>s.pool_type==="CrossPool")??[],[o]),a=Li(()=>o?.data.pools.filter(s=>s.pool_type==="GamePool")??[],[o]);return{crossPools:i,gamePools:a,allPools:o?.data.pools??[],...r}}import{useQuery as _c}from"@tanstack/react-query";import{useMemo as Mc}from"react";var Oc="wp:user-deposits";function Ei(e,t,n=!0){let o=Ro[e],r=n&&!!t,{data:i,...a}=_c({queryKey:[Oc,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:Mc(()=>{let c=new Map;if(!i?.data.user_deposits)return c;for(let l of i.data.user_deposits)c.set(l.pool_address.toLowerCase(),l);return c},[i]),deposits:i?.data.user_deposits??[],...a}}import{useQuery as Dc}from"@tanstack/react-query";import{useMemo as zc}from"react";var Wc="wp:token-info";function Ai(e,t=!0){let n=Ue[e],o=we[e].cross,{data:r,...i}=Dc({queryKey:[Wc,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 g=await d.json();if(g.code!==200)throw new Error(`Token info API error: ${g.code}`);return g},enabled:t,staleTime:300*1e3}),{byChainAddr:a,byChainSym:s}=zc(()=>{let l=new Map,d=new Map;if(!r?.data)return{byChainAddr:l,byChainSym:d};for(let g of r.data){let b=g.address.toLowerCase();l.set(`${g.chain_id}:${b}`,g),l.set(b,g);let u=g.symbol.replace(/^t/,"").toUpperCase(),v=`${g.chain_id}:${u}`;d.has(v)||d.set(v,g),d.has(u)||d.set(u,g)}return{byChainAddr:l,byChainSym:d}},[r]);return{getTokenImage:(l,d)=>{let g=l.toLowerCase(),b=a.get(`${o}:${g}`);if(b?.image)return b.image;let u=a.get(g);if(u?.image)return u.image;if(d){let v=d.replace(/^t/,"").toUpperCase(),w=s.get(`${o}:${v}`);if(w?.image)return w.image;let x=s.get(v);if(x?.image)return x.image}return""},...i}}import{jsx as No,jsxs as Pi}from"react/jsx-runtime";function Zt({title:e,icon:t,iconFit:n="cover",isEmpty:o,children:r}){return Pi("div",{className:"wp-svc-card",children:[Pi("div",{className:"wp-svc-card-head",children:[No("img",{className:"wp-svc-card-icon",src:t,alt:"",style:{objectFit:n}}),No("span",{className:"wp-svc-card-title",children:e})]}),o?No("div",{className:"wp-svc-empty",children:"No assets yet"}):No("div",{className:"wp-svc-items",children:r})]})}import Tr from"bignumber.js";import{jsx as Ie,jsxs as ze}from"react/jsx-runtime";var Gc="CROSS Rewards";function Uc(e){return new Tr(e||"0").isGreaterThan(0)}function Bi(){let{env:e,walletAddress:t,onOutlink:n}=lt(),o=!!t,{allPools:r}=To(e,o),{depositMap:i}=Ei(e,t,o),{getTokenImage:a}=Ai(e,o),s=(d,g)=>`${Ri[e]}/rewards/${d.pool_address}?action=${g}`,c=`${Yt[e]}/reward.png`,l=r.filter(d=>{let g=i.get(d.pool_address.toLowerCase()),b=g?.deposited_amount??"0",u=g?.claimable_reward??"0";return!(new Tr(b).isZero()&&new Tr(u).isZero())});return Ie(Zt,{title:Gc,icon:c,isEmpty:l.length===0,children:l.map(d=>{let g=i.get(d.pool_address.toLowerCase()),b=g?.deposited_amount??"0",u=g?.claimable_reward??"0",v=s(d,"withdraw"),w=s(d,"claim"),x=a(d.deposit_token.address,d.deposit_token.symbol),S=d.reward_tokens[0],D=S?a(S.address,S.symbol):"",f=d.reward_tokens.map($=>$.symbol),k=f.length>0?`${d.deposit_token.symbol}-${f.join("/")}`:d.deposit_token.symbol,R=S?Cn(u,S.decimals):"0",I=S?.symbol??"Reward",E=Tn(b,d.deposit_token.decimals,d.deposit_token.price),O=S?Tn(u,S.decimals,S.price):null,F=!!g&&Uc(u);return ze("article",{className:"wp-item","data-side":"reward",children:[ze("div",{className:"wp-item-body",children:[ze("div",{className:"wp-item-line",children:[Ie("span",{className:"wp-item-label",children:"Pool (Deposit - Earn)"}),ze("div",{className:"wp-svc-token",children:[ze("span",{className:"wp-token-stack","aria-hidden":!0,children:[x&&Ie("img",{className:"wp-svc-token-icon",src:x,alt:""}),D&&Ie("img",{className:"wp-svc-token-icon",src:D,alt:""})]}),Ie("span",{children:k})]})]}),ze("div",{className:"wp-item-line",children:[Ie("span",{className:"wp-item-label",children:"Deposited"}),ze("div",{className:"wp-svc-token wp-svc-token--amount",children:[x&&Ie("img",{className:"wp-svc-token-icon",src:x,alt:""}),ze("div",{className:"wp-svc-amount",children:[Ie("span",{className:"wp-svc-amount-main",children:Cn(b,d.deposit_token.decimals)}),E&&Ie("span",{className:"wp-item-usd",children:E})]})]})]}),ze("div",{className:"wp-item-line",children:[ze("span",{className:"wp-item-label",children:["Claimable (",I,")"]}),ze("div",{className:"wp-svc-token wp-svc-token--amount",children:[D&&Ie("img",{className:"wp-svc-token-icon",src:D,alt:""}),ze("div",{className:"wp-svc-amount",children:[Ie("span",{className:"wp-svc-amount-main",children:R}),O&&Ie("span",{className:"wp-item-usd",children:O})]})]})]})]}),ze("div",{className:"wp-item-tags",children:[ze("a",{className:"wp-tag wp-tag--muted",href:v,target:"_blank",rel:"noopener noreferrer",onClick:$=>et($,v,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:g}},n),children:[Ie("span",{className:"wp-tag-label",children:"Withdraw"}),Ie(Gt,{size:12,className:"wp-tag-icon"})]}),ze("a",{className:"wp-tag wp-tag--mint","data-disabled":!F||void 0,"aria-disabled":!F||void 0,href:F?w:void 0,target:F?"_blank":void 0,rel:F?"noopener noreferrer":void 0,onClick:$=>{if(!F){$.preventDefault();return}et($,w,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:d,userDeposit:g}},n)},children:[Ie("span",{className:"wp-tag-label",children:"Claim"}),Ie(Gt,{size:12,className:"wp-tag-icon"})]})]})]},d.pool_address)})})}import*as Nr from"react";import{useQuery as Hc}from"@tanstack/react-query";var $c="wp:stake-info";function Fi(e,t,n=!0){let o=Nn[e],r=n&&!!t,{data:i,...a}=Hc({queryKey:[$c,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:i?.data,...a}}import{useQuery as jc}from"@tanstack/react-query";var Vc="wp:stake-rewards",qc=31;function _i(e,t,n=!0){let o=Nn[e],r=n&&!!t,{data:i,...a}=jc({queryKey:[Vc,e,t],queryFn:async({signal:s})=>{let c=await fetch(`${o}/rewards/${t}?limit=${qc}`,{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:i?.[0]??null,aprAccrued:ki(i),...a}}import{useQuery as Kc}from"@tanstack/react-query";var Qc="wp:network-stats";function Mi(e,t=!0){let n=Nn[e],{data:o,...r}=Kc({queryKey:[Qc,e],queryFn:async({signal:a})=>{let s=await fetch(`${n}/network/stats`,{cache:"no-store",signal:a});if(!s.ok)throw new Error(`Network stats fetch failed: ${s.status}`);let c=await s.json();if(c.code!==0&&c.code!==200)throw new Error(`Network stats API error: ${c.code}`);return c},enabled:t,staleTime:0});return{networkStats:o?.data,...r}}import{useQuery as Yc}from"@tanstack/react-query";var Zc="wp:staking-onchain";function Oi(e,t,n=!0){let o=n&&!!t&&!!e,{data:r,...i}=Yc({queryKey:[Zc,e],queryFn:async()=>{if(!t)throw new Error("stakingRewardsReader not provided");return t(e)},enabled:o,staleTime:0});return{onchain:r,...i}}import{useMemo as Di}from"react";import Xc from"bignumber.js";function zi(e){return e?.trim().toUpperCase()==="CROSS"}function Wi(e){return new Xc(e||"0").isGreaterThan(0)}function Io(e,t,n=!0){let{allPools:o}=To(e,n),r=Di(()=>{for(let l of o)for(let d of[l.deposit_token,...l.reward_tokens])if(zi(d?.symbol)&&Wi(d.price))return d.price},[o]),i=n&&r===void 0,{tokens:a}=Kt(e,t,i),{statsMap:s}=Qt(e,i),c=we[e].cross;return Di(()=>{if(r)return r;let l=a.find(d=>d.chainId===c&&zi(d.symbol));if(l){let d=s.get(yt(l.chainId,l.address));if(d&&Wi(d.price))return d.price}return"0"},[r,a,s,c])}import Xt from"bignumber.js";import{Fragment as ed,jsx as tt,jsxs as kt}from"react/jsx-runtime";var Jc="CROSS Staking";function Gi(e){if(!e)return"\u2014";let t=new Xt(e);return t.isFinite()?`${t.toFormat(2,Xt.ROUND_DOWN)}%`:"\u2014"}function Ui(){let{env:e,walletAddress:t,onOutlink:n,stakingRewardsReader:o}=lt(),r=!!t,{stakeInfo:i}=Fi(e,t,r),{latestReward:a,aprAccrued:s}=_i(e,t,r),{networkStats:c}=Mi(e,r),{onchain:l}=Oi(t,o,r),d=Io(e,t,r),g=`${Yt[e]}/cross-staking.png`,b=Ti[e],u=i?.total_stake??"0",v=Nr.useMemo(()=>l?new Xt(l.earnedWei.toString()).shiftedBy(-18).toString(10):a?.cumulative_earned??i?.rewards_earned??"0",[l,a,i]),w=Nr.useMemo(()=>l?new Xt(l.stakedWei.toString()).shiftedBy(-18):new Xt(u),[l,u]),x=s!==void 0?new Xt(s):void 0,S=i?.days_since_first_stake,D=x!==void 0&&x.isFinite()&&w.isGreaterThan(0)&&S!==null&&S!==void 0?x.div(w).times(365).div(Math.max(1,S)).times(100):void 0,f=!(new Xt(u).isZero()&&new Xt(v).isZero()),k=Un[e],R=Tn(u,0,d),I=Tn(v,0,d);return tt(Zt,{title:Jc,icon:g,iconFit:"contain",isEmpty:!1,children:kt("article",{className:"wp-item","data-side":"stake",children:[tt("div",{className:"wp-item-body",children:f?kt(ed,{children:[kt("div",{className:"wp-item-line",children:[tt("span",{className:"wp-item-label",children:"Staked"}),kt("div",{className:"wp-svc-amount",children:[kt("span",{className:"wp-svc-amount-main",children:[Cr(u)," CROSS"]}),R&&tt("span",{className:"wp-item-usd",children:R})]})]}),kt("div",{className:"wp-item-line",children:[tt("span",{className:"wp-item-label",children:"Rewards Earned"}),kt("div",{className:"wp-svc-amount",children:[kt("span",{className:"wp-svc-amount-main",children:[Cr(v)," CROSS"]}),I&&tt("span",{className:"wp-item-usd",children:I})]})]}),kt("div",{className:"wp-item-line",children:[tt("span",{className:"wp-item-label",children:"My APR"}),tt("span",{children:Gi(D?.toString(10))})]})]}):kt("div",{className:"wp-item-line",children:[tt("span",{className:"wp-item-label",children:"Delegation APR"}),tt("span",{children:Gi(c?.apr)})]})}),tt("div",{className:"wp-item-tags",children:kt("a",{className:"wp-tag wp-tag--mint",href:f?b:k,target:"_blank",rel:"noopener noreferrer",onClick:E=>et(E,f?b:k,{category:"portfolio",origin:"portfolio-stake",payload:{stakeInfo:i,networkStats:c}},n),children:[tt("span",{className:"wp-tag-label",children:f?"Manage":"Stake Now"}),tt(Gt,{size:12,className:"wp-tag-icon"})]})})]})})}import*as Er from"react";import{useQuery as td}from"@tanstack/react-query";var nd="wp:game-swap-pools";function Hi(e,t,n=!0){let o=Ni[e],r=n&&!!t,{data:i,...a}=td({queryKey:[nd,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:i??[],...a}}import{useQuery as pd}from"@tanstack/react-query";var od="0x70a08231",rd="0x18160ddd",ad="0x313ce567",id=8e3;async function sd(e,t,n,o){let r=new AbortController,i=setTimeout(()=>r.abort(),id);o&&o.addEventListener("abort",()=>r.abort(),{once:!0});let a=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({jsonrpc:"2.0",id:1,method:t,params:n}),signal:r.signal}).finally(()=>clearTimeout(i));if(!a.ok)throw new Error(`RPC ${t} HTTP ${a.status}`);let s=await a.json();if(s.error)throw new Error(`RPC ${t}: ${s.error.message}`);if(s.result===void 0)throw new Error(`RPC ${t}: empty result`);return s.result}function ld(e){return e.toLowerCase().replace(/^0x/,"").padStart(64,"0")}function Ir(e){if(!(!e||e==="0x"))try{return BigInt(e)}catch{return}}async function Lr(e,t,n,o){try{return await sd(e,"eth_call",[{to:t,data:n},"latest"],o)}catch{return}}async function cd(e,t,n,o){let[r,i,a]=await Promise.all([Lr(e,n,od+ld(t),o),Lr(e,n,rd,o),Lr(e,n,ad,o)]),s=Ir(r);if(s===void 0)return null;let c=Ir(a);return{balance:s,totalSupply:Ir(i),decimals:c!==void 0?Number(c):void 0}}async function dd(e,t){let n=we[e].cross,o=await fetch(`${Ue[e]}/v1/public/chain/info/${n}`,{cache:"no-store",signal:t});if(!o.ok)return;let r=await o.json();return("data"in r&&r.data!==void 0?Array.isArray(r.data)?r.data[0]:r.data:r)?.rpc||void 0}async function $i(e,t,n,o){if(!t||n.length===0)return{};let r;try{r=await dd(e,o)}catch{r=void 0}if(!r)return{};let i=await Promise.all(n.map(async s=>[s.toLowerCase(),await cd(r,t,s,o)])),a={};for(let[s,c]of i)c&&(a[s]=c);return a}var fd="wp:game-swap-lp-balances";function ji(e,t,n,o){let r=[...n].map(c=>c.toLowerCase()).sort(),i=!!t&&r.length>0,{data:a,...s}=pd({queryKey:[fd,e,t,r,!!o],queryFn:async({signal:c})=>{let l=o?await o(r):await $i(e,t,r,c),d={};for(let[g,b]of Object.entries(l))d[g.toLowerCase()]=b;return d},enabled:i,staleTime:0});return{balances:a??{},...s}}import Bt from"bignumber.js";import{jsx as ct,jsxs as St}from"react/jsx-runtime";var ud="Gametoken LP",qi=18,md=new Bt("0.0001");function Vi(e){return e?.trim().toUpperCase()==="CROSS"}function gd(e){return e&&e>0?e:qi}function bd(e){let t=Vi(e.token_a?.symbol)&&!Vi(e.token_b?.symbol),n=t?e.reserve_a:e.reserve_b,o=gd(t?e.token_a?.decimals:e.token_b?.decimals),r=new Bt(n||"0").shiftedBy(-o);return!r.isFinite()||r.isLessThanOrEqualTo(0)?new Bt(0):r.times(2)}function hd(e,t){let n=e.token_a?.symbol?.trim()||"TOKEN",o=e.token_b?.symbol?.trim()||"CROSS",r=t?.decimals??qi,i,a;if(t&&t.totalSupply&&t.totalSupply>BigInt(0)){let s=new Bt(t.balance.toString()),c=new Bt(t.totalSupply.toString()),l=s.div(c);i=l.times(100);let d=l.times(bd(e));if(d.isGreaterThan(0)){let g=new Bt(e.quote_usd??e.cross_usd??"0");a=g.isGreaterThan(0)?`$${d.times(g).toFormat(2,Bt.ROUND_DOWN)}`:`${d.toFormat(4,Bt.ROUND_DOWN)} CROSS`}}return{pool:e,tokenASymbol:n,tokenBSymbol:o,info:t,lpAmountRaw:t?.balance.toString(),lpDecimals:r,sharePercent:i,valueText:a}}function Ki(){let{env:e,walletAddress:t,onOutlink:n,lpBalanceReader:o}=lt(),r=!!t,{pools:i}=Hi(e,t,r),a=Er.useMemo(()=>i.map(b=>b.pair_address).filter(Boolean),[i]),{balances:s}=ji(e,t,a,o),c=`${Yt[e]}/dex.png`,l=Object.keys(s).length>0,d=Er.useMemo(()=>{let b=i.map(u=>hd(u,s[u.pair_address?.toLowerCase()]));return l?b.filter(u=>u.lpAmountRaw?new Bt(u.lpAmountRaw).shiftedBy(-u.lpDecimals).isGreaterThanOrEqualTo(md):!1):b},[i,s,l]),g=b=>{let u=b.token_a?.address??b.pair_address;return`${Ii[e]}/tokens/${u}?trade=deposit`};return ct(Zt,{title:ud,icon:c,iconFit:"contain",isEmpty:d.length===0,children:d.map(b=>{let{pool:u}=b,v=g(u),w=`${b.tokenASymbol} / ${b.tokenBSymbol}`,x=u.token_a?.logo_url,S=u.token_b?.logo_url;return St("article",{className:"wp-item","data-side":"game-swap",children:[St("div",{className:"wp-item-body",children:[St("div",{className:"wp-item-line",children:[ct("span",{className:"wp-item-label",children:"Pool"}),St("div",{className:"wp-svc-token",children:[St("span",{className:"wp-token-stack","aria-hidden":!0,children:[x&&ct("img",{className:"wp-svc-token-icon",src:x,alt:""}),S&&ct("img",{className:"wp-svc-token-icon",src:S,alt:""})]}),ct("span",{children:w})]})]}),b.lpAmountRaw!==void 0&&St("div",{className:"wp-item-line",children:[ct("span",{className:"wp-item-label",children:"My LP"}),St("span",{children:[Cn(b.lpAmountRaw,b.lpDecimals)," LP"]})]}),b.sharePercent!==void 0&&St("div",{className:"wp-item-line",children:[ct("span",{className:"wp-item-label",children:"Pool Share"}),St("span",{children:[b.sharePercent.toFormat(2,Bt.ROUND_DOWN),"%"]})]}),b.valueText!==void 0&&St("div",{className:"wp-item-line",children:[ct("span",{className:"wp-item-label",children:"Value"}),ct("span",{children:b.valueText})]})]}),ct("div",{className:"wp-item-tags",children:St("a",{className:"wp-tag wp-tag--mint",href:v,target:"_blank",rel:"noopener noreferrer",onClick:D=>et(D,v,{category:"portfolio",origin:"portfolio-game-swap",payload:{pool:u}},n),children:[ct("span",{className:"wp-tag-label",children:"Manage"}),ct(Gt,{size:12,className:"wp-tag-icon"})]})})]},u.pair_address)})})}import en from"bignumber.js";import{useMemo as Rd}from"react";import{useQuery as wd}from"@tanstack/react-query";var xd="wp:forge-pools";function Qi(e,t,n=!0){let o=Co[e],r=n&&!!t,{data:i,...a}=wd({queryKey:[xd,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=i??[];return{pools:s,isEmpty:s.length===0,...a}}import{useQueries as vd}from"@tanstack/react-query";import{useMemo as yd}from"react";var kd="wp:forge-token-detail";async function Sd(e,t){let n=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store"});return n.ok?(await n.json())?.data?.token??null:null}function Yi(e,t,n=!0){let o=Co[e],r=vd({queries:t.map(s=>({queryKey:[kd,e,s],queryFn:()=>Sd(o,s),enabled:n&&!!s,staleTime:3e4}))}),i=yd(()=>{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]),a=r.some(s=>s.isLoading);return{detailMap:i,isLoading:a}}import{jsx as He,jsxs as Jt}from"react/jsx-runtime";var Cd="Forge",Zi=18,Td="https://contents.crosstoken.io/wallet/token/images/FT.png";function Nd(e){if(!e||e==="0")return"0";let t=new en(e).shiftedBy(-Zi);return t.isZero()?"0":t.isGreaterThanOrEqualTo(1)?t.toFormat(2,en.ROUND_DOWN):t.toFormat(4,en.ROUND_DOWN)}function Id(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 Ld(e,t,n){let o=new en(n||"0");if(!o.isGreaterThan(0))return null;let r=new en(e.total_supply||"0"),i=new en(e.lp_balance||"0"),a=new en(t?.reserve_b||"0").shiftedBy(-Zi);if(!r.isGreaterThan(0)||!i.isGreaterThan(0)||!a.isGreaterThan(0))return null;let s=a.times(2),l=i.div(r).times(s).times(o);return l.isFinite()?`$${l.toFormat(2,en.ROUND_DOWN)}`:null}function Xi(){let{env:e,walletAddress:t,onOutlink:n}=lt(),o=!!t,{pools:r,isEmpty:i}=Qi(e,t,o),a=Rd(()=>r.map(g=>g.token.address),[r]),{detailMap:s}=Yi(e,a,o&&a.length>0),c=Io(e,t,o),l=g=>`${Ci[e]}/forge/token/${g.token.address}`,d=`${Yt[e]}/forge.png`;return He(Zt,{title:Cd,icon:d,iconFit:"contain",isEmpty:i,children:r.map(g=>{let b=s.get(g.token.address.toLowerCase()),u=b?.image_url||b?.image||g.token.image||Td,v=b?.symbol||g.token.symbol,w=l(g),x=Ld(g,b,c);return Jt("a",{className:"wp-item","data-side":"lp",href:w,target:"_blank",rel:"noopener noreferrer",onClick:S=>et(S,w,{category:"portfolio",origin:"portfolio-forge",payload:{pool:g,tokenDetail:b}},n),children:[Jt("div",{className:"wp-item-body",children:[Jt("div",{className:"wp-item-line",children:[He("span",{className:"wp-item-label",children:"Asset"}),Jt("div",{className:"wp-svc-token",children:[He("img",{className:"wp-svc-token-icon",src:u,alt:""}),He("span",{children:v}),b?.name&&He("span",{className:"wp-token-subtle",children:b.name})]})]}),Jt("div",{className:"wp-item-line",children:[He("span",{className:"wp-item-label",children:"LP Balance"}),He("div",{className:"wp-svc-token wp-svc-token--amount",children:Jt("div",{className:"wp-svc-amount",children:[He("span",{className:"wp-svc-amount-main",children:Nd(g.lp_balance)}),x&&He("span",{className:"wp-item-usd",children:x})]})})]}),Jt("div",{className:"wp-item-line",children:[He("span",{className:"wp-item-label",children:"Ownership"}),He("span",{className:"wp-line-value",children:Id(g.pool_ownership)})]})]}),He("div",{className:"wp-item-tags",children:Jt("span",{className:"wp-tag wp-tag--muted",children:[He("span",{className:"wp-tag-label",children:"Withdraw"}),He(Gt,{size:12,className:"wp-tag-icon"})]})})]},g.pair_address)})})}G(`.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-fullscreen .wp-header{height:60px;min-height:60px;padding:11px 20px;border-bottom:none;background:transparent}.wp-fullscreen .wp-header-btn{width:22px;height:22px;color:var(--wp-chrome-text)}.wp-fullscreen .wp-header-btn:hover{color:var(--wp-chrome-text)}.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-fullscreen .wp-body-inner{padding-top:8px;gap:24px}.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-svc-token--amount{align-items:flex-start}.wp-svc-token--amount>.wp-svc-token-icon{margin-top:2.5px}.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 Pd,jsx as xe,jsxs as fn}from"react/jsx-runtime";var Ar=5,Ad="wp:";function In({env:e,theme:t="light",walletAddress:n,walletName:o,onBack:r,showHeader:i=!0,variant:a="embed",className:s,onOutlink:c,lpBalanceReader:l,stakingRewardsReader:d,sections:g}){let b=Me(e),u=Re.useCallback(J=>!g||g.includes(J),[g]),v=!!n,w=Ed(),[x,S]=Re.useState(Ar),[D,f]=Re.useState(!1),[k,R]=Re.useState(!1),I=Re.useRef(void 0),E=Re.useCallback(()=>{w.invalidateQueries({predicate:J=>typeof J.queryKey[0]=="string"&&J.queryKey[0].startsWith(Ad)})},[w]),O=Re.useCallback(()=>{E(),f(!0),setTimeout(()=>f(!1),600),S(Ar)},[E]);Re.useEffect(()=>{if(!v)return;let J=setInterval(()=>{S(ee=>ee<=1?(O(),Ar):ee-1)},1e3);return()=>clearInterval(J)},[v,O]);let F=Re.useCallback(()=>{r?.()},[r]),$=v?Wt(b,n,{size:64}):void 0,M=Re.useCallback(async()=>{if(!(k||!n))try{await navigator.clipboard.writeText(n),R(!0),clearTimeout(I.current),I.current=setTimeout(()=>R(!1),2e3)}catch{}},[n,k]);Re.useEffect(()=>()=>clearTimeout(I.current),[]);let X=Re.useMemo(()=>({env:b,theme:t,open:!0,walletAddress:n,close:F,onOutlink:c,lpBalanceReader:l,stakingRewardsReader:d}),[b,t,n,F,c,l,d]),z=fn(Pd,{children:[i&&fn("div",{className:"wp-header",children:[fn("div",{className:"wp-header-account",children:[r&&xe("button",{type:"button",className:"wp-header-btn","aria-label":"Back",onClick:r,children:xe(xi,{})}),xe("span",{className:"wp-header-avatar","aria-hidden":!0,children:$&&xe("img",{src:$,alt:"",className:"wp-header-avatar-img",draggable:!1})}),(o||n)&&fn("div",{className:"wp-header-account-meta",children:[o&&xe("span",{className:"wp-header-wallet-name",title:o,children:o}),n&&fn("button",{type:"button",className:"wp-header-address-btn",onClick:M,"aria-label":"Copy wallet address",children:[xe("span",{className:"wp-header-address",children:Si(n)}),xe("span",{className:"wp-header-address-copy","data-copied":k,children:k?xe(rn,{size:14}):xe(Mn,{size:14})})]})]})]}),fn("button",{type:"button",className:"wp-header-btn wp-refresh-btn","aria-label":"Refresh portfolio",onClick:O,children:[xe(vi,{className:D?"wp-spin-once":void 0}),v&&xe("span",{className:"wp-refresh-badge",children:x})]})]}),xe("div",{className:"wp-body",children:fn("div",{className:"wp-body-inner",children:[u("rewards")&&xe(Bi,{}),u("staking")&&xe(Ui,{}),u("gameSwap")&&xe(Ki,{}),u("forge")&&xe(Xi,{})]})})]});return xe(Gn.Provider,{value:X,children:a==="none"?z:xe("div",{className:Z(a==="fullscreen"?"wp-fullscreen":"wp-embed",s),"data-theme":t,children:z})})}import{jsx as Pr,jsxs as Ji}from"react/jsx-runtime";function es({className:e}){let{env:t,theme:n,walletAddress:o,close:r,onOutlink:i,lpBalanceReader:a,stakingRewardsReader:s}=lt();return Ji(Lo.Portal,{children:[Pr(Lo.Overlay,{className:"wp-overlay"}),Ji(Lo.Content,{className:Z("wp-fullscreen",e),"data-theme":n,children:[Pr(Lo.Title,{className:"wp-sr-only",children:"Portfolio"}),Pr(In,{env:t,theme:n,walletAddress:o,onBack:r,variant:"none",onOutlink:i,lpBalanceReader:a,stakingRewardsReader:s})]})]})}import{jsx as ts}from"react/jsx-runtime";function Fd({env:e,theme:t="light",walletAddress:n,open:o,onOpenChange:r,onOutlink:i,lpBalanceReader:a,stakingRewardsReader:s,children:c}){let l=Me(e),d=o!==void 0,[g,b]=un.useState(!1),u=d?o:g,v=un.useCallback(S=>{d||b(S),r?.(S)},[d,r]),w=un.useCallback(()=>v(!1),[v]),x=un.useMemo(()=>({env:l,theme:t,open:u,walletAddress:n,close:w,onOutlink:i,lpBalanceReader:a,stakingRewardsReader:s}),[l,t,u,n,w,i,a,s]);return ts(Gn.Provider,{value:x,children:ts(Bd.Root,{direction:"bottom",open:u,onOpenChange:v,noBodyStyles:!0,children:c})})}var ns=Object.assign(Fd,{Trigger:wi,Content:es});var os=["rewards","staking","gameSwap","forge"];import*as N from"react";import{createPortal as Ln}from"react-dom";import Ft from"bignumber.js";import{jsx as dt,jsxs as _d}from"react/jsx-runtime";function rs({size:e=20,className:t}){return _d("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:[dt("circle",{cx:"9",cy:"9",r:"6",stroke:"currentColor",strokeWidth:1.7}),dt("path",{d:"m17 17-3.2-3.2",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round"})]})}function as({size:e=16,className:t}){return dt("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:dt("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 is({size:e=16,className:t}){return dt("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:dt("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 ss({size:e=20,className:t}){return dt("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:dt("path",{d:"M10 4.167v11.666M4.167 10 10 15.833 15.833 10",stroke:"currentColor",strokeWidth:1.667,strokeLinecap:"round",strokeLinejoin:"round"})})}function ls({size:e=16,className:t}){return dt("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:dt("path",{d:"M3.333 8h9.334M8.667 4l4 4-4 4",stroke:"currentColor",strokeWidth:1.333,strokeLinecap:"round",strokeLinejoin:"round"})})}function cs({size:e=12,className:t}){return dt("svg",{width:e,height:e,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:dt("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 L from"react";import fs from"bignumber.js";function ds(e){return typeof e=="number"&&Number.isFinite(e)&&e>0}function ps(e){return!e.isFinite()||e.isNaN()||e.lte(0)?"":e.decimalPlaces(6,fs.ROUND_DOWN).toFixed()}function Md(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 Od(e){let t=e.fromToken.priceUsd,n=e.toToken.priceUsd,o=e.lastChangedBy==="to"?e.toAmount:e.fromAmount,r=new fs(o||"0");return!r.isFinite()||r.isNaN()||r.lte(0)?{fromAmount:e.fromAmount,toAmount:e.toAmount}:ds(t)&&ds(n)?e.lastChangedBy==="to"?{fromAmount:ps(r.multipliedBy(n).dividedBy(t))}:{toAmount:ps(r.multipliedBy(t).dividedBy(n))}:Md(e)?e.lastChangedBy==="to"?{fromAmount:e.toAmount}:{toAmount:e.fromAmount}:{fromAmount:e.lastChangedBy==="to"?"":e.fromAmount,toAmount:e.lastChangedBy==="from"?"":e.toAmount}}function us({getQuote:e,submitBridge:t}){return{canQuote:!!e,canSubmit:!!t,async getQuote(n){return e?e(n):Od(n)},async submitBridge(n){if(!t)throw new Error("Bridge submit handler is not configured.");return t(n)}}}var ms=15,Dd=18,ws="cross_bridge_terms_accepted",zd=3600*24*365;function Wd(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,ms);let r=t.slice(0,o).slice(0,ms),i=t.slice(o+1).slice(0,Dd);return`${r}.${i}`}function Gd(){return typeof document>"u"?!1:document.cookie.split(";").map(e=>e.trim()).some(e=>e===`${ws}=true`)}function Ud(){if(typeof document>"u")return;let e=typeof window<"u"&&window.location.protocol==="https:"?"; Secure":"";document.cookie=[`${ws}=true`,"Path=/",`Max-Age=${zd}`,"SameSite=Lax",e].filter(Boolean).join("; ")}function Hd(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 gs(e){let t=e.toUpperCase();return t.startsWith("T")&&t.slice(1).startsWith("CROSS")?t.slice(1):t}function $d(e,t){if(!e||!t||e.chainId!==t.chainId)return!1;let n=new Set([gs(e.symbol),gs(t.symbol)]);return n.has("CROSS")&&n.has("CROSSD")}function Rt(e,t){return!!e&&!!t&&e.chainId===t.chainId&&e.address.toLowerCase()===t.address.toLowerCase()}function Eo(e){return e[0]}function Br(e,t,n,o){if(n&&!Rt(n,t))return n;let r=t?o?.(t,e):void 0;if(r?.length)return r[0];if(!t)return e[1]??Eo(e);let i=e.findIndex(s=>Rt(s,t)),a=i>=0?e[i+1]:void 0;return a&&!Rt(a,t)?a:e.find(s=>!Rt(s,t))??t}function bs({fromToken:e,toToken:t,fromAmount:n,toAmount:o,lastChangedBy:r,slippage:i}){return{fromToken:e,toToken:t,fromAmount:n,toAmount:o,lastChangedBy:r,slippage:i}}function Ao(e,t=0){if(!e||t>5)return[];if(typeof e=="string")return[e];if(!(e instanceof Error)&&typeof e!="object")return[String(e)];let n=e;return[...[e instanceof Error?e.name:n.name,e instanceof Error?e.message:n.message,n.shortMessage,n.details,n.code].filter(r=>typeof r=="string"||typeof r=="number").map(String),...Ao(n.cause,t+1),...Ao(n.data,t+1),...Ao(n.error,t+1)]}function Fr(e){let t=Ao(e).join(" ").toLowerCase(),n=t.includes("signature_failed")&&(t.includes("\uD0C0\uC785 \uB370\uC774\uD130 \uC11C\uBA85\uC5D0 \uC2E4\uD328")||t.includes("typed data")||t.includes("signtypeddata"));return t.includes("4001")||t.includes("err_user_rejected")||t.includes("userrejectedrequesterror")||t.includes("user rejected")||t.includes("user denied")||t.includes("user cancelled")||t.includes("user canceled")||t.includes("rejected the request")||t.includes("request rejected")||t.includes("action_rejected")||t.includes("rejected by user")||n}function hs(e,t){return Fr(e)?"Transaction request was rejected.":(e instanceof Error?e.message:typeof e=="string"?e:"").split(`
|
|
9
|
+
`)[0]?.trim()||t}function xs(e){let{tokens:t,initialFromToken:n,initialToToken:o,getToTokens:r,getApproval:i,approveBridge:a,history:s=[],initialSlippage:c="1",termsUrl:l=yn,getQuote:d,submitBridge:g,onSubmitted:b,onSuccess:u,onFailed:v,onExit:w}=e,x=L.useMemo(()=>us({getQuote:d,submitBridge:g}),[d,g]),[S,D]=L.useState("form"),[f,k]=L.useState(n??Eo(t)),[R,I]=L.useState(()=>Br(t,n??Eo(t),o,r)),[E,O]=L.useState(""),[F,$]=L.useState(""),[M,X]=L.useState("from"),[z,J]=L.useState(c),[ee,re]=L.useState(null),$e=L.useMemo(()=>$d(f,R),[f,R]),le=L.useMemo(()=>$e?"1":z==="auto"?Hd(ee?.priceImpact):z,[$e,z,ee?.priceImpact]),[j,ae]=L.useState(""),[te,U]=L.useState("idle"),[je,ce]=L.useState(""),[Ee,me]=L.useState(null),[ft,Ce]=L.useState([]),[Ut,Ct]=L.useState(!1),[Ge,Ot]=L.useState(Gd),[ve,de]=L.useState(null),[nt,ye]=L.useState(!1),[Te,pe]=L.useState(null),[Tt,ut]=L.useState(null),[Nt,Ve]=L.useState(!1),[It,qe]=L.useState(!1),fe=L.useRef(0),Ke=L.useRef(null),ot=L.useCallback(()=>{Ke.current&&(clearTimeout(Ke.current),Ke.current=null)},[]),Ae=L.useCallback(A=>{ot(),ut(A)},[ot]);L.useEffect(()=>ot,[ot]),L.useEffect(()=>{let A=t.find(Be=>Rt(Be,f))??Eo(t),he=A?r?.(A,t):void 0,W=he?.find(Be=>Rt(Be,R))??(he?void 0:t.find(Be=>Rt(Be,R)))??Br(t,A,void 0,r);k(A),I(W)},[r,t,f,R]);let mt=L.useCallback((A,he)=>{let W=Wd(A);if(!W){fe.current+=1,O(""),$(""),X(he),re(null),ae(""),U("idle");return}he==="from"?O(W):$(W),X(he),ae("")},[]),ie=L.useCallback(()=>{fe.current+=1,O(""),$(""),X("from"),re(null),ae(""),ce(""),U("idle"),de(null),ye(!1),pe(null),Ve(!1),Ae(null)},[Ae]),ge=L.useCallback(A=>{Rt(A,f)||(k(A),I(Br(t,A,void 0,r)),ie())},[f,r,ie,t]),Lt=L.useCallback(A=>{Rt(A,R)||Rt(A,f)||(I(A),ie())},[f,ie,R]),gt=L.useMemo(()=>f?r?.(f,t)??t.filter(A=>!Rt(A,f)):[],[f,r,t]),Pe=L.useCallback(()=>{f?.balance&&mt(f.balance,"from")},[f?.balance,mt]),rt=L.useCallback(()=>{!f||!R||(k(R),I(f),ie())},[f,ie,R]),bt=L.useCallback(()=>{fe.current+=1,O(""),$(""),X("from"),re(null),ae(""),ce("")},[]);L.useEffect(()=>{if(!f||!R)return;if(!E&&!F){re(null),ae(""),U(W=>W==="quoting"?"idle":W);return}let A=++fe.current,he=bs({fromToken:f,toToken:R,fromAmount:E,toAmount:F,lastChangedBy:M,slippage:z});U(W=>W==="submitting"?W:x.canQuote?"quoting":"idle"),(async()=>{try{let W=await x.getQuote(he);if(fe.current!==A)return;W.fromAmount!==void 0&&M==="to"&&O(W.fromAmount),W.toAmount!==void 0&&M==="from"&&$(W.toAmount),re(W.summary??null),ae(W.error??"")}catch(W){if(fe.current!==A)return;ae(W instanceof Error?W.message:"Failed to quote bridge.")}finally{fe.current===A&&U(W=>W==="quoting"?"idle":W)}})()},[E,f,M,x,z,F,R]);let be=L.useCallback(()=>!f||!R?null:bs({fromToken:f,toToken:R,fromAmount:E,toAmount:F,lastChangedBy:M,slippage:le}),[le,E,f,M,F,R]),ke=L.useCallback(async(A,he)=>{ce(""),Ve(!1),ye(!1),U("submitting");try{if(!he?.skipApprovalCheck&&i){let Be=await i(A);if(Be){de(Be),pe(A),U("idle");return}}de(null),pe(null),Ae("processing");let W=await x.submitBridge(A);me(W),U("success"),Ce(Be=>[{id:W.txHash,timestamp:new Date().toISOString(),txHash:W.txHash,fromToken:W.fromToken,toToken:W.toToken,fromAmount:W.fromAmount,toAmount:W.toAmount,summary:ee??void 0,status:"pending"},...Be.filter(at=>at.txHash!==W.txHash)]),bt(),qe(!0),Ae(null),Ve(!0),b?.(W),u?.(W)}catch(W){if(Ae(null),Fr(W)){U("idle");return}let Be=hs(W,"Failed to submit bridge.");ce(Be),U("error"),v?.({message:Be})}},[i,v,b,u,x,bt,Ae,ee]),T=L.useCallback(async()=>{if(j)return;let A=be();if(A){if(!Ge){pe(A),Ct(!0);return}await ke(A)}},[be,j,ke,Ge]),q=L.useCallback(async()=>{let A=Te??be();A&&(Ud(),Ot(!0),Ct(!1),await ke(A))},[be,Te,ke]),ne=L.useCallback(()=>{Ct(!1),pe(null)},[]),Qe=L.useCallback(async()=>{if(!(te==="submitting"||!ve||!Te||!a)){ce(""),U("submitting");try{await a(Te,ve),de(null),U("idle"),ye(!0)}catch(A){if(Fr(A)){U("idle");return}let he=hs(A,"Failed to approve token.");ce(he),U("error"),v?.({message:he})}}},[ve,a,v,Te,ke,te]),Dt=L.useCallback(()=>{te!=="submitting"&&(de(null),ye(!1),pe(null),U("idle"))},[te]),Ye=L.useCallback(async()=>{if(te==="submitting")return;let A=Te??be();if(!A){ye(!1),ce("Bridge input is no longer available. Please try again."),U("error");return}ye(!1),await ke(A,{skipApprovalCheck:!0})},[be,Te,ke,te]),mn=L.useCallback(()=>{Ve(!1)},[]),zt=L.useCallback(A=>{D(A),A==="history"&&qe(!1)},[]),gn=L.useCallback(()=>{if(S==="history"){zt("form");return}w?.()},[w,zt,S]),Yn=L.useMemo(()=>[...s,...ft.filter(A=>!s.some(he=>he.txHash===A.txHash))],[s,ft]);return{step:S,setStep:zt,status:te,error:je,quoteError:j,fromToken:f,toToken:R,tokens:t,availableToTokens:gt,fromAmount:E,toAmount:F,lastChangedBy:M,slippage:z,effectiveSlippage:le,slippageLocked:$e,setSlippage:J,summary:ee,history:Yn,submitted:Ee,canSubmit:x.canSubmit,termsOpen:Ut,approvalInfo:ve,approvalSuccessOpen:nt,approveBridge:a,pendingSubmitInput:Te,submitToast:Tt,successDialogOpen:Nt,dismissSuccessDialog:mn,hasNewHistory:It,termsUrl:l,setFromToken:k,setToToken:I,selectFromToken:ge,selectToToken:Lt,setAmount:mt,setMax:Pe,swapTokens:rt,submit:T,confirmTerms:q,cancelTerms:ne,confirmApproval:Qe,cancelApproval:Dt,continueAfterApproval:Ye,back:gn}}G(`.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:20px minmax(0,1fr);align-items:center;column-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}.bf-terms-check-button{appearance:none;display:inline-flex;min-width:0;width:20px;height:20px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.bf-terms-copy{display:flex;width:100%;min-width:0;align-items:baseline;justify-content:space-between;column-gap:12px;row-gap:4px;flex-wrap:wrap}.bf-terms-label{min-width:0}.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 Mr,jsx as p,jsxs as y}from"react/jsx-runtime";var Cs=N.createContext(void 0);function En(){return N.useContext(Cs)}function jd(e){let[t,n]=N.useState(void 0);return N.useEffect(()=>{let o=e.current;if(!o)return;let r=()=>{let a=o.closest("[data-theme]");n(a?.getAttribute("data-theme")??void 0)};r();let i=new MutationObserver(r);return i.observe(document.documentElement,{attributes:!0,subtree:!0,attributeFilter:["data-theme"]}),()=>i.disconnect()},[e]),t}var vs=[{value:"0.1",label:"0.1%"},{value:"0.5",label:"0.5%"},{value:"1",label:"1%"},{value:"5",label:"5%"}],Vd={dev:"https://dev.crossdefi.io",stage:"https://stg.crossdefi.io",production:"https://crossdefi.io"},qd=[{value:"all",label:"ALL"},{value:"completed",label:"Completed"},{value:"pending",label:"Pending"}];function Kd(e,t){return e==="auto"?t?`Auto ${t}%`:"Auto":e?`${e}%`:"1%"}function ys(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 Qd(e){return`${e.chainId}:${e.address.toLowerCase()}`}function Ts(e){let t=Number(e);return Number.isFinite(t)?t.toLocaleString("en-US",{maximumFractionDigits:t>=1?2:6}):e||"0"}function ks(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 Yd(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 Zd(e,t){if(!t)return!1;let n=new Ft(e||"0"),o=new Ft(t.balance||"0");return!n.isFinite()||!o.isFinite()?!1:n.isGreaterThan(o)}function Xd(e){if(e.priceUsd===void 0)return null;let t=new Ft(e.balance||"0");return t.isFinite()?`\u2248 $${t.multipliedBy(e.priceUsd).toFormat(2)} USD`:null}function Jd(e){if(e.priceUsd===void 0)return null;let t=new Ft(e.priceUsd);return t.isFinite()?`$${t.toFormat(t.isLessThan(1)?4:2)}`:null}function Ns(e){if(!e.isFinite()||e.isNaN())return"0";let n=e.decimalPlaces(6,Ft.ROUND_DOWN).toFixed(6).replace(/\.?0+$/,""),[o="0",r]=n.split("."),i=new Ft(o||"0").toFormat(0);return r?`${i}.${r}`:i}function ep(e){return e.length<=14?e:`${e.slice(0,6)}...${e.slice(-6)}`}function tp(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 np(e){let t=new Ft(e||"0");return!t.isFinite()||t.isNaN()?e||"0":Ns(t)}function op(e,t){if(t?.priceUsd===void 0)return null;let n=new Ft(e||"0").multipliedBy(t.priceUsd);return!n.isFinite()||n.isNaN()?null:`$${n.toFormat(2)}`}function Bo(e){return e.status==="success"?"completed":e.status==="failed"?"failed":"pending"}function rp(e,t){return t==="all"?!0:Bo(e)===t}function ap(e){return e==="completed"?"Completed":e==="failed"?"Failed":"Pending"}function Ss(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 Ls(e,t){if(!(!e||!t))return e.chainId===t.chainId?"swap":Is(e,t)||e.symbol.toLowerCase()===t.symbol.toLowerCase()?"bridge":"swap-bridge"}function Es(e){return e==="swap"||e==="deposit-swap"||e==="swap-withdraw"}function Po(e){return!e||e==="0"||Number(e)===0}function ip(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 sp(e){let t=e.fromToken,n=e.toToken,o=Ls(t,n),r=e.fromAmount||"0",i=e.toAmount||"0",a=o!==void 0&&!Es(o),s=o!==void 0&&o!=="bridge";return{pathType:o,bridgeInfo:a?[{label:"Route",value:t&&n?`${Ss(t.chainId)} \u2192 ${Ss(n.chainId)}`:"-"},{label:"Validator Fee",value:Po(r)?"0":"Free",tone:Po(r)?"default":"accent"},{label:"Network Fee",value:Po(r)?"0":"Free",tone:Po(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:i,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 Hn({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 Rs({label:e,token:t,amount:n,usd:o,onAmountChange:r,onTokenClick:i,locked:a=!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:[Ts(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:a?void 0:i,disabled:!a&&!i,"data-locked":a?"true":void 0,"aria-label":`Select ${e.toLowerCase()} token`,children:[p(Hn,{token:t}),p("span",{children:t?.symbol??"Select"}),!a&&p(sn,{size:16})]})]})]})}function lp({flow:e,side:t,onClose:n}){let o=N.useId(),[r,i]=N.useState(""),[a,s]=N.useState(null),c=En(),l=t==="from"?e.fromToken:e.toToken;N.useEffect(()=>{s(document.body)},[]),N.useEffect(()=>{let u=v=>{v.key==="Escape"&&n()};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[n]);let d=N.useMemo(()=>t==="from"?e.tokens:e.availableToTokens,[e.availableToTokens,e.tokens,t]),g=N.useMemo(()=>{let u=r.trim().toLowerCase();return u?d.filter(v=>v.symbol.toLowerCase().includes(u)||v.name.toLowerCase().includes(u)):d},[r,d]),b=N.useCallback(u=>{t==="from"?e.selectFromToken(u):e.selectToToken(u),n()},[e,n,t]);return a?Ln(p("div",{className:"bf-token-picker-overlay","data-theme":c,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(Et,{size:24})})]}),y("label",{className:"bf-token-search",children:[p(rs,{size:20}),p("span",{className:"bf-sr-only",children:"Search tokens"}),p("input",{value:r,onChange:u=>i(u.target.value),placeholder:"Search Tokens",autoComplete:"off",spellCheck:!1})]}),y("div",{className:"bf-token-list",children:[g.map(u=>{let v=Is(u,l),w=v?Jd(u):Xd(u);return y("button",{type:"button",className:"bf-token-row","data-selected":v?"true":"false",onClick:()=>b(u),children:[y("span",{className:"bf-token-row-left",children:[p(Hn,{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:[Ts(u.balance),v?null:` ${u.symbol}`]}),w&&p("span",{className:"bf-token-price",children:w})]})]},Qd(u))}),g.length===0&&p("div",{className:"bf-token-empty",children:"No tokens found"})]})]})}),a):null}function cp({flow:e,onClose:t}){let n=N.useId(),[o,r]=N.useState(null),i=vs.find(w=>w.value===e.slippage),[a,s]=N.useState(e.slippage&&!i?e.slippage:""),c=a.trim()!==""&&a.trim()!==".",l=c?Number(a):NaN,d=Number.isFinite(l)&&l>50,g=Number.isFinite(l)&&l>5&&!d,b=w=>{e.setSlippage(w),t()},u=()=>{!c||d||(e.setSlippage(ys(a)),t())};if(N.useEffect(()=>{r(document.body)},[]),N.useEffect(()=>{let w=x=>{x.key==="Escape"&&t()};return document.addEventListener("keydown",w),()=>document.removeEventListener("keydown",w)},[t]),!o)return null;let v=En();return Ln(p("div",{className:"bf-slippage-overlay","data-theme":v,role:"presentation",onMouseDown:w=>{w.target===w.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(Et,{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:vs.map(w=>p("button",{type:"button",className:"bf-slippage-preset","data-selected":!c&&e.slippage===w.value?"true":"false",onClick:()=>b(w.value),children:w.label},w.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:a,onChange:w=>{s(ys(w.target.value))},onKeyDown:w=>{w.key==="Enter"&&(w.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%."}):g?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 dp({flow:e}){let t=N.useId(),[n,o]=N.useState(!1),[r,i]=N.useState(null),a=En();return N.useEffect(()=>{i(document.body)},[]),N.useEffect(()=>{let s=c=>{c.key==="Escape"&&e.cancelTerms()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e]),!r||!e.termsOpen?null:Ln(p("div",{className:"bf-action-modal-overlay","data-theme":a,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:[p("button",{type:"button",className:"bf-terms-check-button",role:"checkbox","aria-checked":n,"aria-label":"Agree to Terms of Use",onClick:()=>o(s=>!s),children:p("span",{className:"bf-terms-checkbox","data-checked":n?"true":"false","aria-hidden":"true"})}),y("div",{className:"bf-terms-copy",children:[p("span",{className:"bf-terms-label",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 pp({value:e,disabled:t=!1}){let[n,o]=N.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 fp({flow:e,approval:t}){let n=N.useId(),[o,r]=N.useState(null),i=En();if(N.useEffect(()=>{r(document.body)},[]),N.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 a=e.status==="submitting"||!e.approveBridge,s=e.status==="submitting";return Ln(p("div",{className:"bf-action-modal-overlay","data-theme":i,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(Hn,{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(pp,{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:a,"aria-busy":s,children:[s&&p("span",{className:"bf-action-button-spinner","aria-hidden":"true"}),p("span",{children:s?"Approving...":"Approve"})]})]})]})}),o)}function up({flow:e}){let t=N.useId(),[n,o]=N.useState(null),r=En();if(N.useEffect(()=>{o(document.body)},[]),N.useEffect(()=>{if(!e.approvalSuccessOpen)return;let a=s=>{s.key==="Escape"&&e.cancelApproval()};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[e]),!n||!e.approvalSuccessOpen)return null;let i=e.status==="submitting";return Ln(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,disabled:i,children:"Cancel"}),y("button",{type:"button",className:"bf-action-primary",onClick:e.continueAfterApproval,disabled:i,"aria-busy":i,children:[i&&p("span",{className:"bf-action-button-spinner","aria-hidden":"true"}),p("span",{children:i?"Continuing...":"Continue"})]})]})]})}),n)}function mp({fromAmount:e,toAmount:t,fromToken:n,toToken:o}){let[r,i]=N.useState(!1),a=N.useMemo(()=>{let l=new Ft(e||"0"),d=new Ft(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(!a||!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:()=>i(l=>!l),children:[y("span",{children:["1 ",s]}),p(cs,{size:12}),y("span",{children:[Ns(a)," ",c]})]})}function gp({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 bp({message:e}){let[t,n]=N.useState(!1);return N.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 hp(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 wp({flow:e}){let t=N.useId(),[n,o]=N.useState(null),r=e.submitted,i=En();return N.useEffect(()=>{o(document.body)},[]),N.useEffect(()=>{if(!e.successDialogOpen)return;let a=s=>{s.key==="Escape"&&e.dismissSuccessDialog()};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[e]),!n||!e.successDialogOpen||!r?null:Ln(p("div",{className:"bf-success-overlay","data-theme":i,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:hp(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((a,s)=>y(N.Fragment,{children:[s>0&&p("span",{className:"bf-success-route-arrow",children:"\u2192"}),p(_r,{token:a,size:43})]},`${a.symbol}-${s}`))}),p("button",{type:"button",className:"bf-success-ok",onClick:e.dismissSuccessDialog,children:"OK"})]})})}),n)}function _r({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 xp({row:e}){return e.routeTokens&&e.routeTokens.length>0?p("span",{className:"bf-info-route",children:e.routeTokens.map((t,n)=>y(N.Fragment,{children:[n>0&&p("span",{className:"bf-info-route-arrow","aria-hidden":"true",children:"\u2192"}),p(_r,{token:t})]},`${t.symbol}-${n}`))}):e.valueToken?y("span",{className:"bf-info-value-token",children:[p(_r,{token:e.valueToken}),p("span",{children:e.value})]}):p(Mr,{children:e.value})}function As({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(xp,{row:t})})]},`${t.label}-${t.value}`))})}function vp(e,t,n){return e.pathType==="bridge"?"Bridge Info":Es(e.pathType)?"Swap Info":t&&n?"Swap & Bridge Info":t?"Bridge Info":"Swap Info"}function yp({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(Mr,{children:r.map(i=>{let a=i==="swap"?e.swapInfo:e.bridgeInfo;return a?.length?y("div",{className:"bf-info-section",children:[o&&p("h4",{children:i==="swap"?"Swap Info":"Bridge Info"}),p(As,{rows:a})]},i):null})})}function kp({summary:e}){let t=!!e.bridgeInfo?.length,n=!!e.swapInfo?.length,o=!!e.txFee?.length,r=vp(e,t,n),[i,a]=N.useState(!0),[s,c]=N.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":i?"true":"false",children:[y("button",{type:"button",className:"bf-collapse-head","aria-expanded":i,onClick:()=>a(l=>!l),children:[p("h3",{children:r}),p(sn,{size:16,className:"bf-collapse-chevron"})]}),i&&p("div",{className:"bf-collapse-body",children:p(yp,{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:Yd(e.txFeeInfo?.estTxFee??"0")}),p(sn,{size:16,className:"bf-collapse-chevron"})]})]}),s&&p("div",{className:"bf-collapse-body",children:p(As,{rows:e.txFee})})]})]})}function Sp({item:e}){let t=Bo(e),n=op(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:ap(t)}),p("time",{className:"bf-history-time",dateTime:e.timestamp,children:tp(e.timestamp)})]}),y("div",{className:"bf-history-item-body",children:[y("strong",{className:"bf-history-amount",children:[np(e.fromAmount)," ",e.fromToken.symbol]}),y("div",{className:"bf-history-meta",children:[p("span",{className:"bf-history-usd",children:n??ep(e.txHash)}),y("span",{className:"bf-history-route",children:[y("span",{className:"bf-history-route-token",children:[p(Hn,{token:e.fromToken,size:16}),p("span",{children:e.fromToken.symbol})]}),p(ls,{size:16,className:"bf-history-route-arrow"}),y("span",{className:"bf-history-route-token",children:[p(Hn,{token:e.toToken,size:16}),p("span",{children:e.toToken.symbol})]})]})]})]})]})}function Rp({flow:e}){let[t,n]=N.useState("all"),o=e.history.some(a=>Bo(a)==="pending"),r=e.history.filter(a=>rp(a,t)),i=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:qd.map(a=>y("button",{type:"button",className:"bf-history-tab","data-active":t===a.value?"true":"false",onClick:()=>n(a.value),children:[p("span",{children:a.label}),a.value==="pending"&&o&&p("span",{className:"bf-history-tab-dot","aria-hidden":"true"})]},a.value))}),r.length>0?p("div",{className:"bf-history-list",children:r.map(a=>p(Sp,{item:a},a.id||a.txHash))}):p("div",{className:"bf-empty",children:i})]})}function Cp({flow:e,env:t}){let[n,o]=N.useState(null),[r,i]=N.useState(!1),[a,s]=N.useState(0),l=!!(e.fromAmount.trim()||e.toAmount.trim())?e.summary??sp(e):null,d=Vd[t],g=ip(e.quoteError),b=Zd(e.fromAmount,e.fromToken),u=b?"Insufficient balance":g.from,v=e.quoteError&&!g.from&&!g.to?e.quoteError:"",w=e.error||v,x=e.history.some(f=>Bo(f)==="pending"),D=(l?.pathType??Ls(e.fromToken,e.toToken))!=="bridge";return y(Mr,{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(as,{}),p("span",{children:"History"}),(x||e.hasNewHistory)&&p("span",{className:"bf-chip-dot","aria-hidden":"true"})]}),D&&y("button",{type:"button",className:"bf-chip",onClick:()=>i(!0),disabled:e.slippageLocked,"aria-haspopup":"dialog","aria-expanded":r,children:[p(is,{}),p("span",{children:e.slippageLocked?"Auto 1%":Kd(e.slippage,e.effectiveSlippage)})]})]}),y("div",{className:"bf-swap-card","data-has-from-error":u?"true":"false",children:[p(Rs,{label:"From",token:e.fromToken,amount:e.fromAmount,usd:ks(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(${a}deg)`,transition:"transform 0.2s ease"},children:p(ss,{size:22})}),p(Rs,{label:"To",token:e.toToken,amount:e.toAmount,usd:ks(e.toAmount,e.toToken),onAmountChange:f=>e.setAmount(f,"to"),onTokenClick:()=>o("to"),locked:e.availableToTokens.length<=1}),g.to&&p("div",{className:"bf-field-error",children:g.to})]}),p(mp,{fromAmount:e.fromAmount,toAmount:e.toAmount,fromToken:e.fromToken,toToken:e.toToken}),l&&p(kp,{summary:l})]}),y("footer",{className:"bf-footer",children:[p("button",{type:"button",className:"bf-next",onClick:e.submit,disabled:e.status==="submitting"||!!e.quoteError||b,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(lp,{flow:e,side:n,onClose:()=>o(null)}),r&&p(cp,{flow:e,onClose:()=>i(!1)}),p(dp,{flow:e}),e.approvalInfo&&p(fp,{flow:e,approval:e.approvalInfo}),p(up,{flow:e}),p(gp,{flow:e}),p(bp,{message:e.submitToast?"":w}),p(wp,{flow:e})]})}function Fo({onClose:e,onBackToWallet:t,env:n,className:o,...r}){let i=N.useMemo(()=>Me(n),[n]),a=xs({...r,onExit:t}),s=N.useRef(null),c=jd(s),l=a.step==="history"?"History":"Swap & Bridge";return p(Cs.Provider,{value:c,children:y("div",{ref:s,className:Z("bf-root",o),"data-view":a.step,"data-status":a.status,children:[y("header",{className:"bf-header",children:[p("button",{type:"button",className:"bf-header-btn",onClick:a.back,"aria-label":"Back",children:p(an,{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(Et,{size:24})})]}),a.step==="history"?p(Rp,{flow:a}):p(Cp,{flow:a,env:i})]})})}import{Fragment as Mo,jsx as m,jsxs as C}from"react/jsx-runtime";var Np="On-ramp is not available in your region.";function Or(e,t,n){let o=we[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 Ip(e){return parseInt(e.split(":")[1],10)}function Lp(e){let t=e.lastIndexOf(".");return t===-1?{main:e,decimal:""}:{main:e.slice(0,t),decimal:e.slice(t)}}function Ep(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 Ps({align:e="end",sideOffset:t=12,className:n,children:o}){let{env:r,theme:i,isMobile:a,open:s,drawerDirection:c,modal:l,showBalance:d,showForgeToken:g,showGameToken:b,showQR:u,showBridge:v,qrLogoSrc:w,walletAddress:x,accountName:S,sendAccounts:D,profileImageUrl:f,preferredTokens:k,close:R,onSelectWallet:I,onCopyAddress:E,onBuy:O,onDisconnect:F,disconnectLabel:$,termsUrl:M,termsLabel:X,privacyUrl:z,privacyLabel:J,portalStyle:ee,navContent:re,navPosition:$e,footerContent:le,view:j,setView:ae,selectedSendToken:te,setSelectedSendToken:U,showPortfolio:je,portfolioTitle:ce,portfolioSections:Ee,showTotalAssets:me,totalAssetsLabel:ft,sendTransaction:Ce,getTransactionReceipt:Ut,estimateGas:Ct,onOutlink:Ge,lpBalanceReader:Ot,stakingRewardsReader:ve,bridgeTokens:de,bridgeHistory:nt,getBridgeQuote:ye,getBridgeToTokens:Te,getBridgeApproval:pe,approveBridge:Tt,submitBridge:ut,onReceive:Nt,onBridge:Ve,onSend:It,onBuyDisabledMessage:qe,onBridgeDisabledMessage:fe,onSendDisabledMessage:Ke}=$t(),[ot,Ae]=_.useState(null),mt=_.useRef(void 0),ie=_.useCallback(h=>{Ae(h),clearTimeout(mt.current),mt.current=setTimeout(()=>Ae(null),4e3)},[]);_.useEffect(()=>()=>clearTimeout(mt.current),[]);let ge=!!qe,Lt=_.useCallback(()=>{if(ge){ie(qe);return}let h=O?.();h&&typeof h.then=="function"&&h.catch(()=>{ie(qe??Np)})},[ge,qe,O,ie]),gt=!!fe,Pe=!!Ke,{tokens:rt,isLoading:bt}=Kt(r,x,s&&d),{statsMap:be}=Qt(r,d),{apyPercent:ke}=mi(),{categoryMap:T}=gi(r,d),q=d&&me,{displayValue:ne,isLowerBound:Qe,isLoading:Dt}=bi(r,x,s&&q),[Ye,mn]=_.useState(!1),zt=_.useRef(null),[gn,Yn]=_.useState(0),{holdings:A,isLoading:he}=fi(r,x,s&&d&&g),W=_.useMemo(()=>A.map(h=>h.token),[A]),{imageMap:Be}=ui(r,W,g&&A.length>0),at=_.useMemo(()=>{let h=[],P=[],K=[],_e=new Map((k??[]).map((Y,Ne)=>[`${Ip(Y.chainId)}:${Y.address.toLowerCase()}`,Ne]));for(let Y of rt){let Ne=Or(r,Y.chainId,Y.symbol)!==void 0,ht=`${Y.chainId}:${Y.address.toLowerCase()}`,on=_e.get(ht),er=new $n(Y.quantity.numeric).shiftedBy(-Y.quantity.decimals);if(Ne)h.push(Y);else if(on!==void 0)P.push(Y);else if(er.isGreaterThan(0)){if(!b&&T.get(Sr(Y.chainId,Y.address))==="game")continue;K.push(Y)}}return h.sort((Y,Ne)=>{let ht=Or(r,Y.chainId,Y.symbol)??99,on=Or(r,Ne.chainId,Ne.symbol)??99;return ht-on}),P.sort((Y,Ne)=>{let ht=_e.get(`${Y.chainId}:${Y.address.toLowerCase()}`)??99,on=_e.get(`${Ne.chainId}:${Ne.address.toLowerCase()}`)??99;return ht-on}),K.sort((Y,Ne)=>{let ht=be.get(yt(Y.chainId,Y.address)),on=be.get(yt(Ne.chainId,Ne.address)),er=new $n(Y.quantity.numeric).shiftedBy(-Y.quantity.decimals).multipliedBy(ht?.price??0);return new $n(Ne.quantity.numeric).shiftedBy(-Ne.quantity.decimals).multipliedBy(on?.price??0).minus(er).toNumber()}),[...h,...P,...K]},[rt,r,be,b,T,k]),Hr=_.useMemo(()=>{if(!g)return[];let h=new Set(rt.map(P=>P.address.toLowerCase()));return[...A].filter(P=>!h.has(P.token.toLowerCase())).sort((P,K)=>{let _e=new $n(P.value);return new $n(K.value).minus(_e).toNumber()})},[A,g,rt]),nn=_.useRef(!1),[Fe,Pn]=_.useState(null),bn=_.useRef(void 0),$r=Fe?.chainId??te?.chainId??at[0]?.chainId??0,{transactionUrl:qo}=co(r,$r,Fe?.txHash,!!(Fe?.txHash&&$r)),Ze=_.useCallback(h=>{nn.current=!0,ae(h)},[ae]),[il,Ko]=_.useState("recipient"),Zn=_.useCallback(()=>{U(null),Ko("recipient"),Ze("wallet")},[U,Ze]),Qo=_.useCallback((h,P="recipient")=>{if(Pe){ie(Ke);return}Ko(P),U(h),Ze("send")},[Pe,Ke,ie,U,Ze]),sl=_.useCallback(()=>{if(gt){ie(fe);return}if(Ve){Ve();return}Ze("bridge")},[gt,fe,Ve,Ze,ie]),ll=_.useCallback(h=>{clearTimeout(bn.current),U(null),Ze("wallet"),Pn({status:"pending",txHash:h.txHash,chainId:h.chainId,description:`${h.amount} ${h.tokenSymbol} to ${Je(h.recipient)}`})},[U,Ze]),cl=_.useCallback(h=>{let P=te?.chainId;U(null),Ze("wallet"),!(!h||!P)&&(Pn(K=>({status:"success",txHash:h,chainId:P,description:K?.txHash===h?K.description:"Tap to see your transaction"})),clearTimeout(bn.current),bn.current=setTimeout(()=>Pn(null),5e3))},[te?.chainId,U,Ze]),dl=_.useCallback(h=>{let P=h.txHash;P&&(Pn({status:"error",txHash:P,chainId:h.chainId,description:h.message}),clearTimeout(bn.current),bn.current=setTimeout(()=>Pn(null),5e3))},[]),Bn=_.useMemo(()=>{if(Nt)return Nt;if(u)return()=>Ze("qr")},[Nt,u,Ze]),Yo=_.useMemo(()=>{if(It)return It;if(at.length===0)return;let h=at[0];return()=>Qo(h,"token")},[It,at,Qo]),pl=_.useCallback(()=>{if(Pe){ie(Ke);return}Yo?.()},[Pe,Ke,Yo,ie]);_.useEffect(()=>{s||(nn.current=!1,Ko("recipient"))},[s]);let jr=_.useRef(null);_.useEffect(()=>{let h=jr.current;if(!h||!a)return;let P=K=>{K.pointerType==="touch"&&K.stopPropagation()};return h.addEventListener("pointerdown",P),()=>h.removeEventListener("pointerdown",P)},[a]);let[hn,Vr]=_.useState(!1),Zo=_.useRef(void 0),[Fn,_n]=_.useState(!1);_.useEffect(()=>{if(!Fn)return;let h=()=>_n(!1),P=_e=>{_e.key==="Escape"&&_n(!1)},K=setTimeout(()=>{document.addEventListener("mousedown",h,!0),document.addEventListener("keydown",P,!0)},0);return()=>{clearTimeout(K),document.removeEventListener("mousedown",h,!0),document.removeEventListener("keydown",P,!0)}},[Fn]),_.useEffect(()=>{_n(!1)},[x]),_.useEffect(()=>()=>clearTimeout(Zo.current),[]),_.useEffect(()=>()=>clearTimeout(bn.current),[]),_.useEffect(()=>{let h=zt.current;if(!h||le===null){Yn(0);return}let P=()=>{Yn(h.offsetHeight)};if(P(),typeof ResizeObserver>"u")return;let K=new ResizeObserver(P);return K.observe(h),()=>K.disconnect()},[le]);let qr=_.useCallback(async()=>{if(!hn)try{await navigator.clipboard.writeText(x),Vr(!0),clearTimeout(Zo.current),Zo.current=setTimeout(()=>Vr(!1),2e3),E?.(x,!0)}catch{E?.(x,!1)}},[x,E,hn]),Xn=_.useCallback(h=>{h.currentTarget.setAttribute("data-loaded","true")},[]),Kr=_.useMemo(()=>({background:Ep(x)}),[x]),Jn=_.useMemo(()=>f||Wt(r,x,{size:120,bg:i==="dark"?"1A1A2E":"F3F6F8"}),[f,r,x,i]),Xo=_.useMemo(()=>Lp(ne),[ne]),Qr=M||z?C("div",{className:"wi-legal-links",children:[M&&m("a",{className:"wi-legal-link",href:M,target:"_blank",rel:"noopener noreferrer",onClick:h=>et(h,M,{category:"terms",origin:"terms"},Ge),children:X}),M&&z&&m("span",{className:"wi-legal-sep","aria-hidden":!0,children:"\xB7"}),z&&m("a",{className:"wi-legal-link",href:z,target:"_blank",rel:"noopener noreferrer",onClick:h=>et(h,z,{category:"privacy",origin:"privacy"},Ge),children:J})]}):null,Yr=F?C("button",{type:"button",className:"wi-disconnect-btn",onClick:()=>{F(),R()},children:[m(ya,{size:16}),m("span",{className:"wi-disconnect-label",children:$})]}):null,fl=d&&!re?C("div",{className:"wi-action-row","aria-label":"Wallet actions",children:[C("button",{type:"button",className:Z("wi-action-card",ge&&"wi-action-card--dimmed"),onClick:Lt,disabled:!O&&!ge,"aria-disabled":ge||void 0,"aria-label":"Buy",children:[m(Na,{size:20}),m("span",{children:"Buy"})]}),v?C("button",{type:"button",className:Z("wi-action-card",gt&&"wi-action-card--dimmed"),onClick:sl,"aria-disabled":gt||void 0,"aria-label":"Bridge",children:[m(Ia,{size:20}),m("span",{children:"Bridge"})]}):C("button",{type:"button",className:"wi-action-card",onClick:Bn,disabled:!Bn,"aria-label":"Receive",children:[m(so,{size:20}),m("span",{children:"Receive"})]}),C("button",{type:"button",className:Z("wi-action-card",Pe&&"wi-action-card--dimmed"),onClick:pl,disabled:!Pe&&!Yo,"aria-disabled":Pe||void 0,"aria-label":"Send",children:[m(Ca,{size:20}),m("span",{children:"Send"})]}),je?C("button",{type:"button",className:"wi-action-card",onClick:()=>Ze("portfolio"),"aria-label":"View portfolio",children:[m(Ta,{size:20}),m("span",{children:"Portfolio"})]}):v?C("button",{type:"button",className:"wi-action-card",onClick:Bn,disabled:!Bn,"aria-label":"Receive",children:[m(so,{size:20}),m("span",{children:"Receive"})]}):null]}):null,ul=C("div",{className:Z("wi-view-inner",nn.current&&"wi-view-wallet"),children:[q&&C("div",{className:"wi-total-section",children:[C("div",{className:"wi-total-head",children:[m("span",{className:"wi-total-label",children:ft}),m("span",{role:"button",tabIndex:0,className:"wi-total-eye",onClick:h=>{h.stopPropagation(),mn(P=>!P)},onKeyDown:h=>{(h.key==="Enter"||h.key===" ")&&(h.preventDefault(),h.stopPropagation(),mn(P=>!P))},"aria-label":Ye?"Show balance":"Hide balance",children:Ye?m(Sa,{}):m(ka,{})})]}),m("div",{className:"wi-total-body",children:Dt?m("div",{className:"wi-skeleton-block wi-total-skeleton",style:{width:160,height:42}}):m("div",{className:"wi-total-value","data-hidden":Ye||void 0,children:Ye?m("span",{className:"wi-total-mask",children:"\u2022\u2022\u2022\u2022\u2022\u2022"}):C(Mo,{children:[Qe&&m("span",{className:"wi-total-lte",children:"\u2264"}),m("span",{className:"wi-total-currency",children:"$"}),m("span",{className:"wi-total-amount",children:Xo.main}),Xo.decimal&&m("span",{className:"wi-total-decimal",children:Xo.decimal})]})})})]}),$e==="top"&&(re?m("div",{className:"wi-nav-fixed",children:re}):fl),d&&m("div",{ref:jr,className:"wi-scrollable-body","data-vaul-no-drag":!0,children:C("div",{className:"wi-token-list",children:[bt&&Array.from({length:5},(h,P)=>C("div",{className:"wi-skeleton-item",children:[C("div",{className:"wi-skeleton-left",children:[m("div",{className:"wi-skeleton-block wi-skeleton-icon"}),C("div",{className:"wi-skeleton-lines",children:[m("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),m("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),C("div",{className:"wi-skeleton-right",children:[m("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),m("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},P)),!bt&&at.length===0&&!g&&m("div",{className:"wi-empty",children:"No Tokens Found"}),at.map(h=>{let P=be.get(yt(h.chainId,h.address)),K=P?parseFloat(P.percent_change_24h):null,_e=K!==null&&K>=0,Y=Wn(r,h.chainId),Ne=Ka(h.address);return C("button",{type:"button",className:"wi-token-item wi-token-item--button",onClick:()=>Qo(h),"aria-label":`Send ${h.symbol}`,children:[C("div",{className:"wi-token-left",children:[C("div",{className:"wi-token-icon-wrap",children:[m("img",{src:h.icon_url,alt:h.symbol,className:"wi-token-icon",width:32,height:32,loading:"lazy",draggable:!1,onLoad:Xn,onError:ht=>{ht.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),Y&&m("img",{src:Y,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:ht=>{ht.currentTarget.style.display="none"}})]}),C("div",{className:"wi-token-info",children:[C("span",{className:"wi-token-name-row",children:[m("span",{className:"wi-token-name",children:h.symbol}),Ne&&ke!==null&&m("span",{className:"wi-token-apy",children:`APY ${ke>=0?"+":"-"}${(ke>=0?Math.floor:Math.ceil)(Math.abs(ke)*100)/100}%`})]}),P&&C("div",{className:"wi-token-price-row",children:[m("span",{className:"wi-token-price",children:lr(P.price)}),m("span",{className:"wi-token-change","data-positive":_e,"data-zero":K===0||void 0,children:K!==null&&(K===0?"0%":`${_e?"+":"-"}${(_e?Math.floor:Math.ceil)(Math.abs(K)*100)/100}%`)})]})]})]}),C("div",{className:"wi-token-right",children:[m("span",{className:"wi-token-balance",children:jt(h.quantity.numeric,h.quantity.decimals)}),P&&m("span",{className:"wi-token-value",children:Ea(h.quantity.numeric,h.quantity.decimals,P.price)})]})]},`${h.address}-${h.chainId}`)}),g&&he&&Array.from({length:3},(h,P)=>C("div",{className:"wi-skeleton-item",children:[C("div",{className:"wi-skeleton-left",children:[m("div",{className:"wi-skeleton-block wi-skeleton-icon"}),C("div",{className:"wi-skeleton-lines",children:[m("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),m("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),C("div",{className:"wi-skeleton-right",children:[m("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),m("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},`forge-sk-${P}`)),g&&!he&&!bt&&at.length===0&&Hr.length===0&&m("div",{className:"wi-empty",children:"No Tokens Found"}),g&&Hr.map(h=>{let P=Be.get(h.token)||"",K=Wn(r,we[r].cross);return C("div",{className:"wi-token-item",children:[C("div",{className:"wi-token-left",children:[C("div",{className:"wi-token-icon-wrap",children:[m("img",{src:P||"https://contents.crosstoken.io/wallet/token/images/FT.png",alt:h.token_name,className:"wi-token-icon",width:32,height:32,loading:"lazy",draggable:!1,onLoad:Xn,onError:_e=>{_e.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),K&&m("img",{src:K,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:_e=>{_e.currentTarget.style.display="none"}})]}),C("div",{className:"wi-token-info",children:[m("span",{className:"wi-token-name",children:h.token_name}),m("div",{className:"wi-token-price-row",children:C("span",{className:"wi-token-price",children:[jt(h.current_price,18)," CROSS"]})})]})]}),C("div",{className:"wi-token-right",children:[m("span",{className:"wi-token-balance",children:jt(h.balance,18)}),m("span",{className:"wi-token-value",children:lr(h.current_value_usd)})]})]},`forge-${h.token}`)})]})}),$e==="bottom"&&re&&m("div",{className:"wi-nav-fixed",children:re}),Yr&&m("div",{className:"wi-wallet-disconnect-row",children:Yr})]},"wallet"),ml=je?m("div",{className:Z("wi-view-inner wi-portfolio-body",nn.current&&"wi-view-portfolio"),children:m(In,{env:r,theme:i,walletAddress:x,showHeader:!1,onOutlink:Ge,lpBalanceReader:Ot,stakingRewardsReader:ve,sections:Ee})},"portfolio"):null,gl=te?m("div",{className:Z("wi-view-inner wi-send-body",nn.current&&"wi-view-send"),children:m(ko,{env:r,theme:i,walletAddress:x,accountName:S,accounts:D,initialStep:il,token:te,tokens:at,onTokenChange:U,sendTransaction:Ce,getTransactionReceipt:Ut,estimateGas:Ct,getTokenPriceUsd:h=>{let P=be.get(yt(h.chainId,h.address));if(!P?.price)return;let K=parseFloat(P.price);return Number.isFinite(K)?K:void 0},onClose:R,onBackToWallet:Zn,onSubmitted:ll,onSuccess:cl,onFailed:dl,onOutlink:Ge})},"send"):null,bl=_.useMemo(()=>de||at.map(h=>{let P=be.get(yt(h.chainId,h.address)),K=P?.price?parseFloat(P.price):void 0;return{name:h.name,symbol:h.symbol,chainId:h.chainId,address:h.address,decimals:h.quantity.decimals,balance:ur(h.quantity.numeric,h.quantity.decimals),iconUrl:h.icon_url,priceUsd:Number.isFinite(K)?K:void 0}}),[de,be,at]),hl=m("div",{className:Z("wi-view-inner wi-bridge-body",nn.current&&"wi-view-send"),children:m(Fo,{env:r,walletAddress:x,tokens:bl,history:nt,termsUrl:M,getQuote:ye,getToTokens:Te,getApproval:pe,approveBridge:Tt,submitBridge:ut,onClose:R,onBackToWallet:Zn})},"bridge"),Jo=!!I&&S?.trim().toLowerCase()!=="my wallet",Zr=C(Mo,{children:[C("span",{className:"wi-receive-avatar",children:[m("span",{className:"wi-avatar-fallback",style:Kr}),Jn&&m("img",{src:Jn,alt:"",className:"wi-avatar-img",width:24,height:24,draggable:!1,onLoad:Xn,onError:h=>{h.currentTarget.style.display="none"}})]}),m("span",{className:"wi-receive-account-name",children:S??"Account 1"}),Jo&&m("span",{className:"wi-receive-chevron","data-open":Fn,"aria-hidden":"true",children:m(sn,{size:16})})]}),wl=C("div",{className:Z("wi-view-inner wi-qr-body",nn.current&&"wi-view-qr"),children:[C("div",{className:"wi-receive-section",children:[Jo?m("button",{type:"button",className:"wi-receive-account wi-receive-account--btn",onClick:()=>{_n(!0),I?.()},"aria-label":"Switch account",children:Zr}):m("div",{className:"wi-receive-account",children:Zr}),C("div",{className:"wi-qr-block",children:[C("div",{className:"wi-qr-box",children:[m(Tp,{value:x,size:180,level:"H",marginSize:2,...w&&{imageSettings:{src:w,height:33,width:33,excavate:!0}}}),!w&&m("div",{className:"wi-qr-logo",children:m(Ra,{size:33})})]}),m("p",{className:"wi-qr-address",children:x})]}),C("button",{type:"button",className:"wi-qr-copy-btn",onClick:qr,children:[m("span",{className:"wi-qr-copy-icon",children:hn?m(rn,{size:16}):m(Mn,{size:16})}),m("span",{className:"wi-qr-copy-text",children:hn?"Copied!":"Copy address"})]})]}),Qr&&m("div",{className:"wi-receive-footer",children:Qr})]},"qr"),xl=j==="qr"||j==="portfolio"||j==="send"||j==="bridge",Xr=le!==null?m("div",{className:"wi-builtin-footer",children:le}):null,Jr=C("div",{className:"wi-account-text",children:[Jo?C("button",{type:"button",className:"wi-account-row wi-account-row--btn",onClick:()=>{_n(!0),I?.()},"aria-label":"Switch account","aria-expanded":Fn,children:[m("span",{className:"wi-account-name",children:S??"Account 1"}),m("span",{className:"wi-account-switch","data-open":Fn,"aria-hidden":"true",children:m(sn,{size:20})})]}):m("div",{className:"wi-account-row",children:m("span",{className:"wi-account-name",children:S??"Account 1"})}),C("button",{type:"button",className:"wi-address-row-btn",onClick:qr,"aria-label":"Copy address",children:[m("span",{className:"wi-account-address",children:Je(x)}),m("span",{className:"wi-account-copy","data-copied":hn,children:hn?m(rn,{size:12}):m(Mn,{size:12})})]})]}),ea=C(Mo,{children:[o,j==="qr"?m("div",{className:"wi-sticky-header",children:C("div",{className:"wi-header wi-header--receive",children:[m("button",{type:"button",className:"wi-header-back",onClick:Zn,"aria-label":"Back",children:m(an,{size:24})}),m("span",{className:"wi-receive-title",children:"Receive"}),m("button",{type:"button",className:"wi-header-action",onClick:R,"aria-label":"Close",children:m(Et,{size:24})})]})}):j==="send"||j==="bridge"?null:xl?C("div",{className:"wi-sticky-header",children:[C("div",{className:"wi-header wi-header--wallet wi-header--sub-account",children:[m("button",{type:"button",className:"wi-header-back",onClick:Zn,"aria-label":"Back",children:m(an,{size:24})}),m("div",{className:"wi-account-block wi-account-block--sub-account",children:Jr}),m("button",{type:"button",className:"wi-header-action",onClick:R,"aria-label":"Close",children:m(Et,{size:24})})]}),m("hr",{className:"wi-divider"})]}):C("div",{className:"wi-sticky-header",children:[C("div",{className:"wi-header wi-header--wallet",children:[C("div",{className:"wi-account-block",children:[C("div",{className:"wi-avatar",children:[m("div",{className:"wi-avatar-fallback",style:Kr}),Jn&&m("img",{src:Jn,alt:"",className:"wi-avatar-img",width:28,height:28,draggable:!1,onLoad:Xn,onError:h=>{h.currentTarget.style.display="none"}})]}),Jr]}),C("div",{className:"wi-header-actions",children:[u&&v&&m("button",{type:"button",className:"wi-header-action wi-header-action--qr",onClick:Bn,"aria-label":"Show QR code",children:m(so,{size:20})}),m("button",{type:"button",className:"wi-header-action",onClick:R,"aria-label":"Close",children:m(Et,{size:24})})]})]}),m("hr",{className:"wi-divider"})]}),C("div",{className:"wi-view-container",children:[j==="wallet"&&ul,j==="qr"&&wl,j==="portfolio"&&ml,j==="send"&&gl,j==="bridge"&&hl]}),j==="wallet"&&ot&&m("div",{className:"wi-action-toast",role:"status","aria-live":"polite",children:ot}),j==="wallet"&&Fe&&C("a",{className:"wi-send-toast",href:qo??"#",target:"_blank",rel:"noopener noreferrer",onClick:h=>{if(!qo){h.preventDefault();return}et(h,qo,{category:"send",origin:"send-transaction",payload:{chainId:Fe.chainId,txHash:Fe.txHash}},Ge)},children:[m("span",{className:"wi-send-toast-icon","data-status":Fe.status,"aria-hidden":!0,children:Fe.status==="pending"?m("span",{className:"wi-send-toast-spinner"}):Fe.status==="error"?m("span",{className:"wi-send-toast-error-dot"}):m(La,{size:20})}),C("span",{className:"wi-send-toast-copy",children:[m("span",{className:"wi-send-toast-title",children:Fe.status==="pending"?"Sending...":Fe.status==="error"?"Send failed":"Send complete"}),m("span",{className:"wi-send-toast-desc",children:Fe.status==="pending"||Fe.status==="error"?Fe.description:"Tap to see your transaction"})]})]}),Xr&&j!=="portfolio"&&j!=="send"&&m("div",{className:"wi-sticky-footer",children:m("div",{className:"wi-footer",ref:zt,children:Xr})})]}),ta={...ee,...gn>0?{"--wi-footer-height":`${gn}px`}:null};return a?C(_o.Portal,{children:[l&&m(_o.Overlay,{className:"wi-drawer-overlay"}),C(_o.Content,{className:Z("wi-drawer-content",n),"data-theme":i,"data-vaul-no-drag":c==="left"||c==="right"?!0:void 0,style:ta,"data-direction":c,"data-no-balance":!d||void 0,"data-has-footer":gn>0||void 0,"data-view":j,children:[m(_o.Title,{className:"wi-sr-only",children:"My Wallet"}),ea]})]}):C(Mo,{children:[l&&s&&m("div",{className:"wi-drawer-overlay",onClick:R}),m(Oo.Portal,{children:m(Oo.Content,{align:e,sideOffset:t,className:Z("wi-popover-content",n),"data-theme":i,style:ta,"data-no-balance":!d||void 0,"data-has-footer":gn>0||void 0,"data-view":j,children:ea})})]})}import*as Bs from"react";function Fs({position:e="top",children:t}){let{setNavContent:n,setNavPosition:o}=$t();return Bs.useEffect(()=>(n(t),o(e),()=>n(null)),[t,e,n,o]),null}import*as _s from"react";function Ms({children:e}){let{setFooterContent:t}=$t();return _s.useEffect(()=>(t(e),()=>t(null)),[e,t]),null}G(`[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
|
+
`);G(`.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
|
+
`);G(`@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
|
+
`);G(`.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-row{display:flex;align-items:center;gap:6px;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-apy{flex-shrink:0;font-family:inherit;font-size:12px;font-weight:600;line-height:1;color:var(--ds-system-purple-high, #9b78ff);background:var(--ds-system-purple-low, #2e2854);padding:4px;border-radius:6px;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
|
+
`);G(`.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 Dr}from"react/jsx-runtime";function Pp({env:e,theme:t="dark",mobileBreakpoint:n=768,drawerDirection:o,modal:r,showBalance:i=!1,showForgeToken:a=!1,showGameToken:s=!0,showQR:c=!0,showBridge:l=!0,qrLogoSrc:d,walletAddress:g,accountName:b,sendAccounts:u,profileImageUrl:v,connectorId:w,connectorName:x,connectorIconUrl:S,preferredTokens:D=[],onSelectWallet:f,onCopyAddress:k,onBuy:R,onBuyDisabledMessage:I,onBridgeDisabledMessage:E,onSendDisabledMessage:O,onDisconnect:F,disconnectLabel:$="Disconnect",termsUrl:M=yn,termsLabel:X="Terms of Service",privacyUrl:z=lo,privacyLabel:J="Privacy Policy",open:ee,onOpenChange:re,showPortfolio:$e=!1,portfolioTitle:le="My Portfolio",portfolioSections:j,showTotalAssets:ae=!0,totalAssetsLabel:te="Total Assets USD",sendTransaction:U,getTransactionReceipt:je,estimateGas:ce,onOutlink:Ee,lpBalanceReader:me,stakingRewardsReader:ft,bridgeTokens:Ce,bridgeHistory:Ut,getBridgeQuote:Ct,getBridgeToTokens:Ge,getBridgeApproval:Ot,approveBridge:ve,submitBridge:de,onReceive:nt,onBridge:ye,onSend:Te,style:pe,children:Tt}){let ut=Me(e),Nt=w?io[w]:void 0,Ve=x??Nt?.name,It=S??Nt?.iconUrl,qe=wn(`(max-width: ${n}px)`),fe=o??(i?"right":"bottom"),Ke=fe==="left"||fe==="right",ot=r??!1,Ae=ee!==void 0,[mt,ie]=We.useState(!1),ge=Ae?ee:mt,Lt=We.useCallback(zt=>{Ae||ie(zt),re?.(zt)},[Ae,re]),gt=We.useCallback(()=>Lt(!1),[Lt]),[Pe,rt]=We.useState(null),[bt,be]=We.useState("top"),[ke,T]=We.useState(null),[q,ne]=We.useState("wallet"),[Qe,Dt]=We.useState(null);We.useEffect(()=>{ge||(ne("wallet"),Dt(null))},[ge]);let Ye=We.useCallback(()=>{fr(g),F?.()},[F,g]),mn=We.useMemo(()=>({env:ut,theme:t,isMobile:qe,open:ge,drawerDirection:fe,modal:ot,showBalance:i,showForgeToken:a,showGameToken:s,showQR:c,showBridge:l,qrLogoSrc:d,walletAddress:g,accountName:b,sendAccounts:u,profileImageUrl:v,connectorName:Ve,connectorIconUrl:It,preferredTokens:D,close:gt,onSelectWallet:f,onCopyAddress:k,onBuy:R,onBuyDisabledMessage:I,onBridgeDisabledMessage:E,onSendDisabledMessage:O,onDisconnect:F?Ye:void 0,disconnectLabel:$,termsUrl:M,termsLabel:X,privacyUrl:z,privacyLabel:J,portalStyle:pe,navContent:Pe,navPosition:bt,setNavContent:rt,setNavPosition:be,footerContent:ke,setFooterContent:T,view:q,setView:ne,selectedSendToken:Qe,setSelectedSendToken:Dt,showPortfolio:$e,portfolioTitle:le,portfolioSections:j,showTotalAssets:ae,totalAssetsLabel:te,sendTransaction:U,getTransactionReceipt:je,estimateGas:ce,onOutlink:Ee,lpBalanceReader:me,stakingRewardsReader:ft,bridgeTokens:Ce,bridgeHistory:Ut,getBridgeQuote:Ct,getBridgeToTokens:Ge,getBridgeApproval:Ot,approveBridge:ve,submitBridge:de,onReceive:nt,onBridge:ye,onSend:Te}),[ut,t,qe,ge,fe,ot,i,a,s,c,l,d,g,b,u,v,Ve,It,D,gt,f,k,R,I,E,O,F,Ye,$,M,X,z,J,pe,Pe,bt,ke,q,Qe,$e,le,j,ae,te,U,je,ce,Ee,me,ft,Ce,Ut,Ct,Ge,Ot,ve,de,nt,ye,Te]);return Dr(ir.Provider,{value:mn,children:qe?Dr(Ap.Root,{direction:fe,open:ge,onOpenChange:Lt,handleOnly:Ke,noBodyStyles:!0,repositionInputs:!1,children:Tt},"drawer"):Dr(Os.Root,{open:ge,onOpenChange:Lt,children:Tt},"popover")})}var An=Object.assign(Pp,{Trigger:pi,Content:Ps,Nav:Fs,Footer:Ms});import*as Mt from"react";import*as el from"@radix-ui/react-dialog";import{Drawer as Wp}from"vaul";import{createContext as Bp,useContext as Fp}from"react";var Do=Bp(null);function jn(){let e=Fp(Do);if(!e)throw new Error("WalletConnectModal compound components must be used within <WalletConnectModal>");return e}import{useState as Ds,useEffect as _p,useCallback as Mp}from"react";function zo(){let[e,t]=Ds([]),[n,o]=Ds(!0);_p(()=>{if(typeof window>"u"){o(!1);return}let i=[],a=c=>{let{info:l}=c.detail;l?.rdns&&!i.some(d=>d.rdns===l.rdns)&&(i.push({rdns:l.rdns,name:l.name,icon:l.icon}),t([...i]))};window.addEventListener("eip6963:announceProvider",a),window.addEventListener("eip6963:crossAnnounceProvider",a),window.dispatchEvent(new Event("eip6963:requestProvider")),window.dispatchEvent(new Event("eip6963:crossRequestProvider"));let s=setTimeout(()=>o(!1),500);return()=>{window.removeEventListener("eip6963:announceProvider",a),window.removeEventListener("eip6963:crossAnnounceProvider",a),clearTimeout(s)}},[]);let r=Mp(i=>e.some(a=>a.rdns===i),[e]);return{wallets:e,isDetected:r,isLoading:n}}import*as Ws from"@radix-ui/react-dialog";import{Drawer as Op}from"vaul";import{jsx as zs}from"react/jsx-runtime";function Gs({asChild:e,children:t}){let{isMobile:n}=jn(),o=n?Op.Trigger:Ws.Trigger;return zs(o,{asChild:e??t!=null,children:t??zs("button",{type:"button",children:"Connect Wallet"})})}import*as _t from"@radix-ui/react-dialog";import{Drawer as Go}from"vaul";import{jsx as V,jsxs as tn}from"react/jsx-runtime";function Wo(){return tn("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[V("circle",{cx:"20",cy:"20",r:"20",fill:"#00D5AA"}),V("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 Us(){return tn("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",children:[tn("g",{clipPath:"url(#clip0_1331_27065)",children:[V("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"}),V("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"}),V("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"}),V("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"}),V("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"}),V("path",{d:"M22.1857 36.1951V39.831H17.6699V36.1951H22.1857Z",fill:"#C0C4CD"}),V("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"})]}),V("defs",{children:V("clipPath",{id:"clip0_1331_27065",children:V("rect",{width:"40",height:"40",fill:"white"})})})]})}function Hs(){return tn("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[V("path",{d:"M12.23 16.81L20 9.04L27.77 16.81L32.29 12.29L20 0L7.71 12.29L12.23 16.81Z",fill:"#F3BA2F"}),V("path",{d:"M9.04 20L4.52 15.48L0 20L4.52 24.52L9.04 20Z",fill:"#F3BA2F"}),V("path",{d:"M12.23 23.19L20 30.96L27.77 23.19L32.29 27.71L20 40L7.71 27.71L12.23 23.19Z",fill:"#F3BA2F"}),V("path",{d:"M35.48 24.52L40 20L35.48 15.48L30.96 20L35.48 24.52Z",fill:"#F3BA2F"}),V("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 $s(){return tn("svg",{xmlns:"http://www.w3.org/2000/svg",width:"247",height:"246",viewBox:"0 0 247 246",fill:"none",children:[V("rect",{width:"247.005",height:"245.105",rx:"36",fill:"#121212"}),V("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"}),V("path",{d:"M59.8364 99.8915V59.7551H12.0414L30.4787 77.8377V99.8915H59.8364Z",fill:"#2FD7FF"}),V("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 js(){return tn("svg",{width:"40",height:"40",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[tn("g",{clipPath:"url(#clip0_1185_7785)",children:[V("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"}),V("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"})]}),V("defs",{children:V("clipPath",{id:"clip0_1185_7785",children:V("rect",{width:"28",height:"28",fill:"white"})})})]})}function Vs(){return tn("svg",{width:"40",height:"40",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:[V("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"}),V("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"}),V("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"}),V("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 qs(){return V("svg",{width:"40",height:"40",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:V("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 Ks(){return V("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:V("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}var zr={cross_embedded:{id:"cross_embedded",name:"CROSSx with Social",description:"Sign in with Google or Apple",icon:Wo},cross_wallet:{id:"cross_wallet",name:"CROSSx",description:"App approval is required",icon:Wo,featured:!0},cross_extension:{id:"cross_extension",name:"CROSSx Extension",description:"Browser extension approval is required",icon:Wo,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:Us,rdns:"io.metamask"},binance:{id:"binance",name:"Binance",description:"Mobile app only \u2014 Add CROSS network first",icon:Hs},verse8:{id:"verse8",name:"Verse8 Wallet",description:"Optimized for Forge and Verse8 ecosystem",icon:$s,badge:"For Forge"},tron:{id:"tron",name:"Tron Wallet",description:"Dedicated for Tron-based transactions and assets",icon:js,badge:"For SHOP"}};function Wr(e){return zr[e]}var Gr={google:{id:"google",name:"Google",icon:Vs},apple:{id:"apple",name:"Apple",icon:qs}};function Qs(e){return Gr[e]}import{Fragment as Xs,jsx as H,jsxs as Le}from"react/jsx-runtime";function Dp({wallet:e,detected:t,onConnect:n}){let o=()=>{if(e.installUrl&&!t){window.open(e.installUrl,"_blank","noopener,noreferrer");return}n()},r=e.icon,i=e.featured===!0;return Le("button",{type:"button",className:Z("wcm-wallet-item",i&&"wcm-wallet-item--featured"),onClick:o,children:[Le("div",{className:"wcm-wallet-item-left",children:[H("div",{className:"wcm-wallet-icon",children:H(r,{})}),Le("div",{className:"wcm-wallet-name-row",children:[H("span",{className:"wcm-wallet-name",children:e.name}),e.badge&&H("span",{className:"wcm-wallet-badge",children:e.badge})]})]}),e.installUrl&&(t?H("span",{className:"wcm-installed-label",children:"Installed"}):H("span",{className:"wcm-install-btn",children:"Install"}))]})}function zp({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:[H("span",{className:"wcm-social-icon",children:H(n,{})}),H("span",{className:"wcm-social-name",children:o})]})}function Ys(){let{wallets:e,activeWalletIds:t,socialProviders:n,activeSocialIds:o,termsUrl:r,privacyUrl:i,isDetected:a,close:s,isMobile:c}=jn(),l=t.filter(b=>{let u=Wr(b).visibility;return!u||u==="always"?!0:u==="desktop-only"?!c:u==="mobile-only"?c:!0}),d=o.length>0,g=l.length>0;return Le(Xs,{children:[Le("div",{className:"wcm-header",children:[Le("div",{className:"wcm-header-text",children:[H("h2",{className:"wcm-title",children:"CROSS Wallet"}),!c&&H("p",{className:"wcm-subtitle",children:"Sign in instantly with your social account"})]}),H("button",{type:"button",className:"wcm-close-btn",onClick:s,"aria-label":"Close",children:H(Ks,{})})]}),Le("div",{className:"wcm-body",children:[d&&Le(Xs,{children:[!c&&Le("div",{className:"wcm-section-header",children:[H("span",{className:"wcm-section-title",children:"Social Account Wallet Connect"}),H("span",{className:"wcm-recommended-badge",children:"Recommended"})]}),H("div",{className:"wcm-social-grid",children:o.map(b=>{let u=Qs(b);return H(zp,{social:u,onSignIn:()=>{n[b]?.(),s()}},b)})}),g&&Le("div",{className:"wcm-separator",children:[H("div",{className:"wcm-separator-line"}),H("span",{className:"wcm-separator-text",children:"Other Wallets"}),H("div",{className:"wcm-separator-line"})]})]}),g&&H("div",{className:"wcm-wallet-list",children:l.map(b=>{let u=Wr(b),v=u.rdns?a(u.rdns):!1;return H(Dp,{wallet:u,detected:v,onConnect:()=>{e[b]?.(),s()}},b)})}),Le("p",{className:"wcm-terms",children:["By continuing, you agree to NEXUS"," ",H(Zs,{href:r,children:"Terms of Service"})," and consent to its ",H(Zs,{href:i,children:"Privacy Policy"}),"."]})]})]})}function Zs({href:e,children:t}){return e?H("a",{className:"wcm-terms-link",href:e,target:"_blank",rel:"noopener noreferrer",children:t}):H("span",{className:"wcm-terms-link",children:t})}function Js({className:e}){let{isMobile:t,theme:n,portalStyle:o}=jn();return t?Le(Go.Portal,{children:[H(Go.Overlay,{className:"wcm-overlay"}),Le(Go.Content,{className:Z("wcm-drawer-content",e),"data-theme":n,style:o,children:[H(Go.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),H("div",{className:"wcm-drawer-handle"}),H("div",{className:"wcm-drawer-body",children:H(Ys,{})})]})]}):Le(_t.Portal,{children:[H(_t.Overlay,{className:"wcm-overlay"}),Le(_t.Content,{className:Z("wcm-dialog-content",e),"data-theme":n,style:o,children:[H(_t.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),H(_t.Description,{className:"wcm-sr-only",children:"Sign in with a social provider or pick a wallet to connect."}),H("div",{className:"wcm-dialog-body",children:H(Ys,{})})]})]})}G(`.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
|
+
`);G(`@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 Vn}from"react/jsx-runtime";var Gp={};function Up({wallets:e,socialProviders:t=Gp,termsUrl:n,privacyUrl:o,theme:r="dark",mobileBreakpoint:i=768,drawerDirection:a="bottom",dialogWidth:s,drawerMaxWidth:c,drawerMinWidth:l,style:d,open:g,onOpenChange:b,children:u}){let v=wn(`(max-width: ${i}px)`),[w,x]=Mt.useState(!1),S=g!==void 0,D=S?g:w,f=Mt.useCallback(M=>{S||x(M),b?.(M)},[S,b]),k=Mt.useCallback(()=>f(!1),[f]),{isDetected:R}=zo(),I=Mt.useMemo(()=>Object.keys(e),[e]),E=Mt.useMemo(()=>Object.keys(t),[t]),O=Mt.useMemo(()=>{let M={};return s&&(M["--wcm-dialog-width"]=s),c&&(M["--wcm-drawer-max-width"]=c),l&&(M["--wcm-drawer-min-width"]=l),{...M,...d}},[s,c,l,d]),F=Mt.useMemo(()=>({theme:r,isMobile:v,open:D,setOpen:f,close:k,wallets:e,activeWalletIds:I,socialProviders:t,activeSocialIds:E,termsUrl:n??yn,privacyUrl:o??lo,isDetected:R,portalStyle:O}),[r,v,D,f,k,e,I,t,E,n,o,R,O]),$=Vn("div",{"data-theme":r,style:O,children:u});return v?Vn(Do.Provider,{value:F,children:Vn(Wp.Root,{direction:a,open:D,onOpenChange:f,noBodyStyles:!0,children:$},"drawer")}):Vn(Do.Provider,{value:F,children:Vn(el.Root,{open:D,onOpenChange:f,children:$})})}var tl=Object.assign(Up,{Trigger:Gs,Content:Js});G(`.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
|
+
`);G(`.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 Hp='<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>',$p='<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>',jp='<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>',Vp='<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>',qp='<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 qn(e){return`data:image/svg+xml,${encodeURIComponent(e)}`}var Uo=qn(Hp),Ho=qn($p),$o=qn(jp),jo=qn(Vp),Vo=qn(qp);import{jsx as pt,jsxs as Kn}from"react/jsx-runtime";function ol({isConnecting:e,address:t,provider:n,providerName:o,accountName:r,sendAccounts:i,onConnect:a,onDisconnect:s,onCopy:c,onSelectWallet:l,onBuy:d,onBuyDisabledMessage:g,label:b="Connect Wallet",connectingLabel:u="Connecting...",disconnectLabel:v,className:w,theme:x="dark",env:S,showBalance:D=!0,showPortfolio:f,drawerDirection:k,modal:R,connectorId:I,style:E,walletInfoStyle:O,sendTransaction:F,getTransactionReceipt:$,estimateGas:M,onReceive:X,onBridge:z,onSend:J,bridgeTokens:ee,bridgeHistory:re,getBridgeQuote:$e,getBridgeToTokens:le,getBridgeApproval:j,approveBridge:ae,submitBridge:te}){let U=w?`cb-button ${w}`:"cb-button",je=w?`cb-pill ${w}`:"cb-pill";if(e)return Kn("button",{type:"button",disabled:!0,className:U,style:E,"aria-busy":"true",children:[pt("span",{className:"cb-spinner","aria-hidden":"true"}),pt("span",{className:"cb-button-label",children:u})]});if(t){let ce=o??Zp(n),Ee=n?Qp[n]:void 0;return Kn(An,{env:S,theme:x,drawerDirection:k,modal:R,showBalance:D,showPortfolio:f,walletAddress:t,accountName:r,sendAccounts:i,connectorId:I,onSelectWallet:l,onCopyAddress:c?(me,ft)=>{ft&&c()}:void 0,onDisconnect:s,disconnectLabel:v,style:O,sendTransaction:F,getTransactionReceipt:$,estimateGas:M,onReceive:X,onBridge:z,onBuy:d,onBuyDisabledMessage:g,onSend:J,bridgeTokens:ee,bridgeHistory:re,getBridgeQuote:$e,getBridgeToTokens:le,getBridgeApproval:j,approveBridge:ae,submitBridge:te,children:[pt(An.Trigger,{asChild:!0,children:Kn("button",{type:"button",className:je,style:E,"aria-label":`Connected with ${ce}: ${nl(t)}`,children:[Ee?pt("img",{src:Ee,alt:"",width:18,height:18,className:"cb-pill-icon","data-provider":n}):pt("span",{className:"cb-pill-icon-placeholder","aria-hidden":"true"}),pt("span",{className:"cb-pill-address",children:nl(t)})]})}),pt(An.Content,{align:"end",sideOffset:8})]})}return Kn("button",{type:"button",onClick:a,className:U,style:E,"aria-label":typeof b=="string"?b:"Connect Wallet",children:[pt(Kp,{}),pt("span",{className:"cb-button-label",children:b})]})}function Kp(){return Kn("svg",{className:"cb-button-icon",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[pt("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"}),pt("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"}),pt("path",{d:"M12.75 11.25H12.7575",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})}var Qp={google:jo,apple:Vo,cross:Uo,metamask:Ho,binance:$o},Yp={google:"Google",apple:"Apple",cross:"CROSSx",metamask:"MetaMask",binance:"Binance Wallet"};function Zp(e){return e?Yp[e]:"Wallet"}function nl(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}import*as rl from"react";G(`.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
|
+
`);G(`.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 Qn,jsxs as Jp}from"react/jsx-runtime";var Ur="https://www.onechain.nexus/skills";function al({label:e="Skills",href:t=Ur,onClick:n,className:o,style:r,theme:i,disabled:a=!1,isLoading:s=!1,loadingLabel:c="Loading...",openInNewTab:l=!1,type:d="button"}){let[g,b]=rl.useState(!1),u=async D=>{if(t&&!n){l?window.open(t,"_blank","noopener,noreferrer"):window.location.href=t;return}if(n)try{b(!0),await n()}finally{b(!1)}},v=a||s||g,w=s||g,x=w?c:e,S=o?`sb-button ${o}`:"sb-button";return Jp("button",{type:d,onClick:u,disabled:v,className:S,"data-theme":i,style:r,"aria-busy":w,children:[w?Qn("span",{className:"sb-spinner","aria-hidden":"true"}):Qn(Xp,{}),Qn("span",{className:"sb-label",children:x})]})}function Xp(){return Qn("svg",{className:"sb-button-icon",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:Qn("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"})})}nr({mode:"dapp-ui"});export{Vo as APPLE_ICON,ia as AppLauncher,xa as AppLauncherContent,pa as AppLauncherTrigger,$o as BINANCE_ICON,Fo as BridgeFlow,io as CONNECTOR_REGISTRY,Uo as CROSSX_ICON,ol as ConnectButton,sr as ConnectorId,Ur as DEFAULT_SKILLS_HREF,jo as GOOGLE_ICON,Ho as METAMASK_ICON,os as PORTFOLIO_SECTIONS,Gr as SOCIAL_REGISTRY,ko as SendFlow,al as SkillsButton,kr as TOKEN_STATS_QUERY_KEY,yr as USER_BALANCE_QUERY_KEY,zr as WALLET_REGISTRY,tl as WalletConnectModal,An as WalletInfo,ns as WalletPortfolio,In as WalletPortfolioBody,nr as announceAppLauncherUsage,Me as resolveEnvironment,oo as useGlobalMenu,Kt as useTokenBalance,Qt as useTokenStats,zo as useWalletDetect};
|