@nexus-cross/dapp-ui 1.0.3-beta.1 → 1.0.3
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 +14 -15
- package/dist/index.d.cts +3 -54
- package/dist/index.d.ts +3 -54
- package/dist/index.js +14 -15
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
function
|
|
2
|
-
`);
|
|
3
|
-
`);
|
|
4
|
-
`);
|
|
5
|
-
`);E("");import{jsx as co}from"react/jsx-runtime";function Qo({env:e,theme:t="dark",mobileBreakpoint:r=768,domain:n,children:o}){let s=et(`(max-width: ${r}px)`),[i,l]=tt.useState(!1),c=tt.useCallback(()=>l(!1),[]),a=ae(e),d=tt.useMemo(()=>({env:a,theme:t,isMobile:s,open:i,domain:n,close:c}),[a,t,s,i,n,c]);return co(lo.Provider,{value:d,children:s?co(Vr.Root,{direction:"right",open:i,onOpenChange:l,noBodyStyles:!0,children:o},"drawer"):co(Yo.Root,{open:i,onOpenChange:l,children:o},"popover")})}import*as tn from"@radix-ui/react-popover";import{Drawer as $r}from"vaul";import{jsx as ie,jsxs as Hr}from"react/jsx-runtime";function Xo({size:e=18}){return Hr("svg",{className:"al-trigger-icon",width:e,height:e,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[ie("rect",{width:"4",height:"4",fill:"currentColor"}),ie("rect",{x:"7",width:"4",height:"4",fill:"currentColor"}),ie("rect",{x:"14",width:"4",height:"4",fill:"currentColor"}),ie("rect",{y:"7",width:"4",height:"4",fill:"currentColor"}),ie("rect",{x:"7",y:"7",width:"4",height:"4",fill:"currentColor"}),ie("rect",{x:"14",y:"7",width:"4",height:"4",fill:"currentColor"}),ie("rect",{y:"14",width:"4",height:"4",fill:"currentColor"}),ie("rect",{x:"7",y:"14",width:"4",height:"4",fill:"currentColor"}),ie("rect",{x:"14",y:"14",width:"4",height:"4",fill:"currentColor"})]})}function Jo(){return ie("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:ie("path",{d:"M12 19L5 12M5 12L12 5M5 12H19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function en(){return ie("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:ie("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as _t}from"react/jsx-runtime";function on({asChild:e,children:t}){let{isMobile:r,theme:n}=Mt(),o=t!=null,s=e??!0,i=o?t:_t("button",{type:"button",className:"al-trigger-btn","data-theme":n,children:_t(Xo,{size:r?12:18})});return r?_t($r.Trigger,{asChild:s,children:i}):_t(tn.Trigger,{asChild:s,children:i})}import*as Ue from"react";import*as Ot from"@radix-ui/react-popover";import{Drawer as ot}from"vaul";import{useQuery as zr}from"@tanstack/react-query";var nn={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"};function At(e){let t=ae(e);return zr({queryKey:["global-menu",t],queryFn:async({signal:r})=>{let n=await fetch(nn[t],{cache:"no-store",signal:r});if(!n.ok)throw new Error(`Failed to fetch global menu: ${n.status}`);return n.json()},staleTime:0,gcTime:0,refetchOnMount:!0})}function G(...e){return e.filter(Boolean).join(" ")}import{jsx as Q,jsxs as bt}from"react/jsx-runtime";function an({align:e="end",sideOffset:t=12,className:r}){let{env:n,theme:o,isMobile:s,domain:i,close:l}=Mt(),{data:c}=At(n),a=Ue.useMemo(()=>(c?.items??[]).sort((u,L)=>u.order-L.order),[c]),d=8,m=Ue.useRef(null),b=Ue.useCallback(u=>{m.current={x:u.clientX,y:u.clientY}},[]),f=typeof window<"u"?window.location.pathname:"",x=Ue.useCallback((u,L)=>{if(m.current){let R=u.clientX-m.current.x,W=u.clientY-m.current.y;if(m.current=null,Math.abs(R)>d||Math.abs(W)>d)return}let P=L.url[n]??L.url.production,A=rn(P,i);if(!A)try{let R=new URL(P).pathname;if(f===R||f.startsWith(R+"/")){l();return}}catch{}A?window.open(P,"_blank","noopener,noreferrer"):window.location.href=P,l()},[n,i,l,f]),g=Q("div",{className:"al-grid","data-theme":o,children:a.map(u=>{let L=u.url[n]??u.url.production,P=rn(L,i),A=!1;if(!P)try{let R=new URL(L).pathname;A=f===R||f.startsWith(R+"/")}catch{A=!1}return bt("button",{type:"button",className:"al-grid-item","data-active":A||void 0,onPointerDown:b,onClick:R=>x(R,u),children:[bt("div",{className:"al-grid-item-left",children:[Q("div",{className:"al-grid-item-icon",children:Q("img",{src:u.iconUrl,alt:u.label,width:24,height:24,loading:"lazy"})}),Q("span",{className:"al-grid-item-label",children:u.label}),u.isNew&&Q("span",{className:"al-badge-new",children:"N"})]}),Q("div",{className:"al-grid-item-right",children:u.badge&&Q("span",{className:"al-badge",children:u.badge})})]},u.id)})});return s?bt(ot.Portal,{children:[Q(ot.Overlay,{className:"al-drawer-overlay"}),bt(ot.Content,{className:G("al-drawer-content",r),"data-theme":o,children:[bt("div",{className:"al-drawer-header",children:[Q(ot.Close,{className:"al-drawer-close",children:Q(Jo,{})}),Q(ot.Title,{className:"al-drawer-title",children:"CROSS Services"}),Q(ot.Close,{className:"al-drawer-close",children:Q(en,{})})]}),Q("div",{className:"al-drawer-body",children:g})]})]}):Q(Ot.Portal,{children:Q(Ot.Content,{align:e,sideOffset:t,className:G("al-popover-content",r),"data-theme":o,children:g})})}function rn(e,t){try{let r=new URL(e).hostname;return typeof window>"u"?!0:r!==(t??window.location.hostname)}catch{return!1}}import*as te from"react";import*as cr from"@radix-ui/react-popover";import{Drawer as gi}from"vaul";import{createContext as Ur,useContext as jr}from"react";var po=Ur(null);function Ee(){let e=jr(po);if(!e)throw new Error("WalletInfo compound components must be used within <WalletInfo>");return e}var mo=(n=>(n.CROSSx="crossx",n.MetaMask="io.metamask",n.Binance="com.binance.wallet",n))(mo||{}),Dt={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 _ from"react";import je from"bignumber.js";function qr(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 qe(e,t){if(!e||e==="0")return"0.00";let r=new je(e).shiftedBy(-t),n=r.isGreaterThanOrEqualTo(1)?2:4;return r.toFormat(n,je.ROUND_DOWN)}function pe(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}function fo(e){let t=typeof e=="string"?parseFloat(e):e;if(Number.isNaN(t)||t===0)return"$0.00";let r=t>=1?2:4,n=Math.pow(10,r);return`$${(Math.floor(t*n)/n).toLocaleString("en-US",{minimumFractionDigits:r,maximumFractionDigits:r})}`}function sn(e,t,r){let o=new je(e).shiftedBy(-t).multipliedBy(new je(r));return o.isZero()||o.isNaN()?"$0.00":`$${(o.integerValue(je.ROUND_DOWN).isGreaterThanOrEqualTo(1)?o.decimalPlaces(2,je.ROUND_DOWN):o.decimalPlaces(4,je.ROUND_DOWN)).toFormat()}`}function ln(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 r=t;if(r.includes("e")||r.includes("E")){let i=Number(r);if(!Number.isFinite(i)||i===0)return{displayValue:"0",isLowerBound:!1};r=qr(i.toFixed(18))}let[n="0",o=""]=r.split(".");if(Number(n)>=1){let i=o.slice(0,2).padEnd(2,"0");return{displayValue:`${Number(n).toLocaleString("en-US")}.${i}`,isLowerBound:!1}}return o.length<4?{displayValue:`${n}.${o}`,isLowerBound:!1}:o.slice(0,4)==="0000"?{displayValue:"0.0001",isLowerBound:!0}:{displayValue:`0.${o.slice(0,4)}`,isLowerBound:!1}}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"},me={dev:{cross:612044,bsc:97},stage:{cross:612044,bsc:97},production:{cross:612055,bsc:56}};var uo={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"},cn={cross:"https://contents.crosstoken.io/wallet/token/images/CROSS.svg",bsc:"https://contents.crosstoken.io/wallet/token/images/BSC.svg"};function go(e,t){let r=me[e];if(t===r.cross)return cn.cross;if(t===r.bsc)return cn.bsc}var Gr={dev:"https://dev-portrait.crosstoken.io",stage:"https://dev-portrait.crosstoken.io",production:"https://portrait.crosstoken.io"};function Wt(e,t,r={}){if(!t||!t.startsWith("0x"))return;let{size:n=120,bg:o,format:s="png"}=r,i=Gr[e],l=o?`&bg=${o}`:"";return`${i}/portrait/evm/${t}.${s}?size=${n}${l}`}import{jsx as B,jsxs as Ft}from"react/jsx-runtime";function dn({size:e=16,className:t}){return Ft("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[B("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"}),B("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 wo({size:e=16,className:t}){return B("svg",{width:e,height:e,viewBox:"4 4 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:B("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 vt({size:e=16,className:t}){return B("svg",{width:e,height:e,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:B("path",{d:"M11.6667 3.5L5.25 9.91667L2.33334 7",stroke:"currentColor",strokeWidth:1.16667,strokeLinecap:"round",strokeLinejoin:"round"})})}function ho({size:e=24,className:t}){return B("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:B("path",{d:"M18 6L6 18M6 6l12 12",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function pn({size:e=20,className:t}){return Ft("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[B("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"}),B("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 mn({size:e=20,className:t}){return B("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,children:B("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 fn({size:e=20,className:t}){return B("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:B("path",{d:"M12.5 15L7.5 10L12.5 5",stroke:"currentColor",strokeWidth:1.67,strokeLinecap:"round",strokeLinejoin:"round"})})}function un({size:e=20,className:t}){return B("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:B("path",{d:"M8 5L13 10L8 15",stroke:"currentColor",strokeWidth:1.67,strokeLinecap:"round",strokeLinejoin:"round"})})}function gn({size:e=20,className:t}){return B("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:B("path",{d:"M5 8L10 13L15 8",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function wn({size:e=16,className:t}){return Ft("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[B("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"}),B("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 hn({size:e=16,className:t}){return Ft("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[B("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"}),B("path",{d:"M1.667 1.667l16.666 16.666",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})]})}function xn({size:e=42,className:t}){return B("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 42 42",fill:"none",className:t,children:B("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})})}var bn="0x0000000000000000000000000000000000000001";var Zr="0xa9059cbb",Kr=/^0x[a-fA-F0-9]{40}$/,Yr="nexus-cross:dapp-ui:send:recent:",vn=10;function Qr(e){let t=e.length;for(;t>0&&e.charCodeAt(t-1)===48;)t--;return e.slice(0,t)}function yt(e){return e.toLowerCase()}function kt(e){return Kr.test(e)}function xo(e){return yt(e.address)===bn}function bo(e){return`${Yr}${e.toLowerCase()}`}function nt(e){if(typeof window>"u")return[];try{let t=window.localStorage.getItem(bo(e));if(!t)return[];let r=JSON.parse(t);return Array.isArray(r)?r.filter(n=>n!==null&&typeof n=="object"&&kt(n.address)&&typeof n.updatedAt=="number").slice(0,vn):[]}catch{return[]}}function vo(e,t){if(typeof window>"u")return[];let r=yt(t),n=[{address:r,updatedAt:Date.now()},...nt(e).filter(o=>o.address!==r)].slice(0,vn);try{window.localStorage.setItem(bo(e),JSON.stringify(n))}catch{return nt(e)}return n}function yo(e){if(!(typeof window>"u"))try{window.localStorage.removeItem(bo(e))}catch{}}function ko(e,t){let r=e.trim();if(!r)return{error:"Enter an amount."};if(!/^\d+(\.\d*)?$/.test(r))return{error:"Enter a valid amount."};let[n="0",o=""]=r.split(".");if(o.length>t)return{error:`Max ${t} decimal places.`};let s=BigInt(n||"0"),i=o.padEnd(t,"0"),l=i?BigInt(i):0n,c=10n**BigInt(t),a=s*c+l;return a<=0n?{error:"Amount must be greater than 0."}:{value:a}}function Co(e,t){let r=BigInt(e||"0"),n=10n**BigInt(t),o=r/n,s=r%n;if(s===0n)return o.toString();let i=Qr(s.toString().padStart(t,"0"));return`${o.toString()}.${i}`}function No(e,t){let r=e.replace(/^0x/,"").toLowerCase().padStart(64,"0"),n=t.toString(16).padStart(64,"0");return`${Zr}${r}${n}`}E(`.wi-token-item--button{position:relative;width:100%;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;padding:6px 8px;margin:-2px -8px;transition:background-color .15s ease,transform .15s ease}.wi-token-item--button:before{content:"";position:absolute;inset:-6px -16px;border-radius:16px}.wi-token-item--button:active{transform:scale(.99)}.wi-token-item--button:focus-visible{outline:2px solid var(--wi-primary);outline-offset:2px}.wi-view-send{animation:wi-slide-in-right .25s ease-out}.wi-send-body{flex:1;min-height:0;overflow:hidden}.wi-drawer-content[data-direction=bottom][data-view=send]{max-height:85dvh}.send-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.send-scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;padding:16px 24px 18px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;overscroll-behavior:contain}[data-theme=light] .send-scroll{scrollbar-color:rgba(0,0,0,.12) transparent}.send-scroll::-webkit-scrollbar{width:4px}.send-scroll::-webkit-scrollbar-track{background:transparent}.send-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}[data-theme=light] .send-scroll::-webkit-scrollbar-thumb{background:#0000001f}.send-section{display:flex;flex-direction:column;gap:8px}.send-asset-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px;border:1px solid var(--wi-border-subtle);border-radius:18px;background:var(--wi-surface-default);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.send-asset-card:disabled{cursor:default}.send-asset-card:not(:disabled):hover,.send-asset-card[aria-expanded=true]{border-color:var(--wi-primary);background:var(--wi-surface-subtle)}.send-token-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding:6px;border:1px solid var(--wi-border-subtle);border-radius:16px;background:var(--wi-surface-default)}.send-token-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;border:none;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;padding:8px;cursor:pointer}.send-token-option:hover,.send-token-option[data-selected]{background:var(--wi-surface-subtle)}.send-token-option:focus-visible,.send-asset-card:focus-visible{outline:2px solid var(--wi-primary);outline-offset:2px}.send-token-option-icon{flex-shrink:0;width:28px;height:28px;border-radius:8px;object-fit:contain;background:transparent}.send-token-option-symbol{color:var(--wi-texticon-primary);font-size:13px;font-weight:700;line-height:1.3}.send-token-option-balance{color:var(--wi-texticon-secondary);font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}.send-asset-left{display:flex;align-items:center;gap:12px;min-width:0}.send-asset-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;object-fit:contain;background:transparent}.send-asset-info,.send-asset-balance{min-width:0;display:flex;flex-direction:column}.send-asset-symbol{color:var(--wi-texticon-primary);font-size:15px;font-weight:700;line-height:1.3}.send-asset-name,.send-balance-label{color:var(--wi-texticon-tertiary);font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.send-asset-balance{align-items:flex-end;text-align:right}.send-balance-value{color:var(--wi-texticon-primary);font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap}.send-form{display:flex;flex-direction:column;gap:14px}.send-field{display:flex;flex-direction:column;gap:8px}.send-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.send-label{color:var(--wi-texticon-secondary);font-size:13px;font-weight:600;line-height:1.3}.send-input,.send-amount-wrap{width:100%;box-sizing:border-box;border:1px solid var(--wi-border-subtle);border-radius:14px;background:var(--wi-surface-default);color:var(--wi-texticon-primary);font:inherit}.send-input{min-height:46px;padding:0 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.send-input:focus{border-color:var(--wi-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--wi-primary) 18%,transparent)}.send-input::placeholder{color:var(--wi-texticon-tertiary)}.send-address-wrap{display:flex;align-items:center;width:100%;box-sizing:border-box;border:1px solid var(--wi-border-subtle);border-radius:14px;background:var(--wi-surface-default);transition:border-color .15s ease,box-shadow .15s ease}.send-address-wrap:focus-within{border-color:var(--wi-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--wi-primary) 18%,transparent)}.send-input--address{flex:1;min-width:0;border:none;background:transparent;box-shadow:none}.send-input--address:focus{box-shadow:none}.send-address-book-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:2px;border:none;border-radius:12px;background:transparent;color:var(--wi-texticon-tertiary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.send-address-book-btn:hover,.send-address-book-btn[aria-expanded=true]{background:var(--wi-surface-subtle);color:var(--wi-primary)}.send-address-book-btn:focus-visible{outline:2px solid var(--wi-primary);outline-offset:2px}.send-address-picker{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--wi-border-subtle);border-radius:18px;background:var(--wi-surface-default)}.send-address-tabs{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--wi-border-subtle)}.send-address-tab{position:relative;border:none;background:transparent;color:var(--wi-texticon-tertiary);font:inherit;font-size:14px;font-weight:800;line-height:1.3;padding:0 0 12px;cursor:pointer}.send-address-tab[data-active]{color:var(--wi-primary)}.send-address-tab[data-active]:after{content:"";position:absolute;left:50%;bottom:-1px;width:34px;height:4px;border-radius:999px;background:var(--wi-primary);transform:translate(-50%)}.send-address-list{display:flex;flex-direction:column;gap:10px;max-height:224px;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}[data-theme=light] .send-address-list{scrollbar-color:rgba(0,0,0,.14) transparent}.send-address-list::-webkit-scrollbar{width:3px}.send-address-list::-webkit-scrollbar-track{background:transparent}.send-address-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}[data-theme=light] .send-address-list::-webkit-scrollbar-thumb{background:#00000024}.send-address-option{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;border:none;border-radius:14px;background:transparent;color:inherit;font:inherit;text-align:left;padding:8px;cursor:pointer;transition:background-color .15s ease}.send-address-option:hover{background:var(--wi-surface-subtle)}.send-address-option:focus-visible{outline:2px solid var(--wi-primary);outline-offset:2px}.send-address-avatar{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--wi-surface-subtle);color:var(--wi-primary);font-size:12px;font-weight:800;overflow:hidden}.send-address-avatar-img{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;object-fit:cover}.send-address-avatar-fallback{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center}.send-address-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.send-address-name{color:var(--wi-texticon-primary);font-size:14px;font-weight:800;line-height:1.3}.send-address-value{color:var(--wi-texticon-tertiary);font-size:12px;font-weight:600;line-height:1.3}.send-address-empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--wi-texticon-tertiary);font-size:14px;font-weight:700}.send-amount-wrap{display:flex;align-items:center;padding-right:12px}.send-amount-wrap:focus-within{border-color:var(--wi-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--wi-primary) 18%,transparent)}.send-input--amount{border:none;background:transparent;box-shadow:none;flex:1;min-width:0}.send-input--amount:focus{box-shadow:none}.send-amount-symbol{color:var(--wi-texticon-secondary);font-size:13px;font-weight:700}.send-max-btn{border:none;border-radius:999px;background:var(--wi-surface-subtle);color:var(--wi-primary);font:inherit;font-size:12px;font-weight:700;padding:4px 10px;cursor:pointer}.send-max-btn:disabled{cursor:not-allowed;opacity:.45}.send-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--wi-texticon-tertiary);font-size:12px;line-height:1.4}.send-meta span:last-child{color:var(--wi-texticon-secondary);font-weight:600}.send-message{border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.45}.send-message--error{background:#ff50501f;color:#ff6b6b}.send-message--success{background:color-mix(in srgb,var(--wi-primary) 12%,transparent);color:var(--wi-primary)}.send-message span{font-weight:700}.send-submit-btn{width:100%;min-height:48px;border:none;border-radius:999px;background:var(--wi-primary);color:var(--wi-primary-contrast, #001410);font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.send-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.send-submit-btn:disabled{cursor:not-allowed;opacity:.45}.send-footer{flex-shrink:0;padding:14px 24px 24px;border-top:1px solid var(--wi-border-subtle);background:var(--wi-surface-bg)}.send-page--success{background:var(--wi-surface-bg)}.send-success-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 24px;text-align:center}.send-success-icon{display:inline-flex;align-items:center;justify-content:center}.send-success-icon[data-pending]{width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--wi-primary) 14%,transparent)}.send-success-spinner{width:28px;height:28px;border:3px solid color-mix(in srgb,var(--wi-primary) 22%,transparent);border-top-color:var(--wi-primary);border-radius:50%;animation:cross-send-spin .8s linear infinite}.send-success-copy{display:flex;flex-direction:column;gap:8px}.send-success-title{margin:0;color:var(--wi-texticon-primary);font-size:22px;font-weight:800;line-height:1.25}.send-success-desc{margin:0;color:var(--wi-texticon-tertiary);font-size:14px;font-weight:600;line-height:1.45}.send-success-hash-card{width:100%;display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--wi-border-subtle);border-radius:18px;background:var(--wi-surface-default);box-sizing:border-box}.send-success-hash-label{color:var(--wi-texticon-tertiary);font-size:12px;font-weight:700;line-height:1.3;text-align:left}.send-success-hash-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:none;border-radius:12px;background:var(--wi-surface-subtle);color:var(--wi-texticon-primary);font:inherit;font-size:14px;font-weight:800;padding:12px;cursor:pointer}.send-success-hash-btn:focus-visible{outline:2px solid var(--wi-primary);outline-offset:2px}.send-success-copy-icon{display:inline-flex;align-items:center;justify-content:center;min-width:32px;color:var(--wi-primary);font-size:12px;font-weight:800}@keyframes cross-send-spin{to{transform:rotate(360deg)}}
|
|
6
|
-
`);import{jsx as v,jsxs as I}from"react/jsx-runtime";var Xr=1500,Jr=120;function Lo(e){return`${e.chainId}:${e.address.toLowerCase()}`}function ea(e,t){return e.name||`Account ${(e.index??t)+1}`}function ta(e){return e.trim().slice(0,1).toUpperCase()||"A"}function oa(e){return new Promise(t=>setTimeout(t,e))}function na(e){let{status:t}=e;return t==="reverted"||t==="0x0"||t===0||t===0n||t===!1}function ra(){return I("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[v("path",{d:"M4.5 4.5C4.5 3.67 5.17 3 6 3h8.25c.69 0 1.25.56 1.25 1.25V16.5H6A1.5 1.5 0 0 1 4.5 15V4.5Z",stroke:"currentColor",strokeWidth:"1.7",strokeLinejoin:"round"}),v("path",{d:"M4.5 14.5C4.5 13.67 5.17 13 6 13h9.5",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round"}),v("path",{d:"M8 6.5h4M8 9h3",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round"})]})}function aa(){return I("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none","aria-hidden":"true",children:[v("circle",{cx:"28",cy:"28",r:"28",fill:"var(--wi-primary)"}),v("path",{d:"M17 28.5L24.2 35.5L39 20.5",stroke:"var(--wi-primary-contrast, #001410)",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Bt({env:e,theme:t="dark",walletAddress:r,accounts:n=[],token:o,tokens:s=[],onTokenChange:i,sendTransaction:l,getTransactionReceipt:c,onSuccess:a,onConfirmSuccess:d}){let[m,b]=_.useState(""),[f,x]=_.useState(""),[g,u]=_.useState(""),[L,P]=_.useState(""),[A,R]=_.useState(!1),[W,w]=_.useState(!1),[N,F]=_.useState(!1),[C,z]=_.useState("account"),V=_.useRef(void 0),[ce,We]=_.useState(()=>nt(r)),[ne,U]=_.useState("idle"),de=xo(o),j=_.useMemo(()=>BigInt(o.quantity.numeric||"0"),[o.quantity.numeric]),Fe=_.useMemo(()=>qe(o.quantity.numeric,o.quantity.decimals),[o.quantity.numeric,o.quantity.decimals]),Ne=_.useMemo(()=>n.filter(y=>y.address.toLowerCase()!==r.toLowerCase()),[n,r]),ee=Ne.length>0,Be=_.useMemo(()=>ae(e),[e]),ft=t==="dark"?"1A1A2E":"F3F6F8",Ve=s.length>0?s:[o],ye=Ve.length>1&&!!i;_.useEffect(()=>{u(""),P(""),U("idle")},[o.address,o.chainId,m,f]),_.useEffect(()=>{x(""),R(!1)},[o.address,o.chainId]),_.useEffect(()=>{We(nt(r))},[r]),_.useEffect(()=>()=>clearTimeout(V.current),[]),_.useEffect(()=>{!ee&&C==="account"&&z("recent")},[C,ee]);let Le=_.useCallback(()=>{x(Co(o.quantity.numeric,o.quantity.decimals))},[o.quantity.numeric,o.quantity.decimals]),Re=_.useCallback(y=>{b(y),w(!1)},[]),Te=_.useCallback(async()=>{if(L)try{await navigator.clipboard.writeText(L),F(!0),clearTimeout(V.current),V.current=setTimeout(()=>F(!1),2e3)}catch{}},[L]),ge=_.useCallback(async y=>{if(y.preventDefault(),u(""),P(""),!l){U("error"),u("Sending is not available for this wallet.");return}let q=m.trim();if(!kt(q)){U("error"),u("Enter a valid EVM recipient address.");return}let Y=ko(f,o.quantity.decimals);if("error"in Y){U("error"),u(Y.error);return}let le=Y.value;if(le>j){U("error"),u("Amount exceeds available balance.");return}if(!de&&!kt(o.address)){U("error"),u("Token contract address is invalid.");return}try{U("submitting");let re=de?await l({to:q,value:le,chainId:o.chainId}):await l({to:yt(o.address),data:No(q,le),value:0n,chainId:o.chainId});if(P(re),U("confirming"),We(vo(r,q)),a?.(re),!c){U("success");return}for(let Ye=0;Ye<Jr;Ye+=1){let we=await c({hash:re,chainId:o.chainId}).catch(()=>null);if(we){if(na(we)){U("error"),u("Transaction reverted on-chain.");return}U("success");return}await oa(Xr)}U("error"),u("Transaction receipt was not found. Please check again later.")}catch(re){U("error"),u(re instanceof Error?re.message:"Failed to send transaction.")}},[f,j,c,de,a,m,l,o.address,o.chainId,o.quantity.decimals,r]),He=ne==="submitting"||j<=0n;if((ne==="confirming"||ne==="success")&&L){let y=ne==="success";return I("div",{className:"send-page send-page--success",children:[I("div",{className:"send-success-body",children:[v("div",{className:"send-success-icon","data-pending":!y||void 0,children:y?v(aa,{}):v("span",{className:"send-success-spinner"})}),I("div",{className:"send-success-copy",children:[v("h3",{className:"send-success-title",children:y?"Transfer Complete":"Transfer in Progress"}),v("p",{className:"send-success-desc",children:y?"Transfer complete.":"Transfer in progress. Waiting for confirmation."})]}),I("div",{className:"send-success-hash-card",children:[v("span",{className:"send-success-hash-label",children:"Transaction Hash"}),I("button",{type:"button",className:"send-success-hash-btn",onClick:Te,"aria-label":"Copy transaction hash",children:[v("span",{children:pe(L)}),v("span",{className:"send-success-copy-icon","aria-hidden":!0,children:N?v(vt,{size:16}):"Copy"})]})]})]}),v("div",{className:"send-footer",children:v("button",{type:"button",className:"send-submit-btn",onClick:d,disabled:!y,children:y?"Confirm":"Sending..."})})]})}return I("form",{className:"send-page",onSubmit:ge,children:[I("div",{className:"send-scroll","data-vaul-no-drag":!0,children:[I("section",{className:"send-section","aria-label":"Select token to send",children:[v("span",{className:"send-label",children:"Token"}),I("button",{type:"button",className:"send-asset-card",onClick:()=>{ye&&R(y=>!y)},disabled:!ye,"aria-expanded":ye?A:void 0,children:[I("span",{className:"send-asset-left",children:[v("img",{className:"send-asset-icon",src:o.icon_url,alt:o.symbol,width:40,height:40,draggable:!1,onError:y=>{y.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),I("span",{className:"send-asset-info",children:[v("span",{className:"send-asset-symbol",children:o.symbol}),v("span",{className:"send-asset-name",children:o.name})]})]}),I("span",{className:"send-asset-balance",children:[v("span",{className:"send-balance-label",children:"Available"}),I("span",{className:"send-balance-value",children:[Fe," ",o.symbol]})]})]}),ye&&A&&v("div",{className:"send-token-list",role:"listbox",children:Ve.map(y=>{let q=Lo(y)===Lo(o);return I("button",{type:"button",role:"option","aria-selected":q,className:"send-token-option","data-selected":q||void 0,onClick:()=>i?.(y),children:[I("span",{className:"send-asset-left",children:[v("img",{className:"send-token-option-icon",src:y.icon_url,alt:y.symbol,width:28,height:28,draggable:!1,onError:Y=>{Y.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),I("span",{className:"send-asset-info",children:[v("span",{className:"send-token-option-symbol",children:y.symbol}),v("span",{className:"send-asset-name",children:y.name})]})]}),v("span",{className:"send-token-option-balance",children:qe(y.quantity.numeric,y.quantity.decimals)})]},Lo(y))})})]}),I("section",{className:"send-field","aria-label":"Recipient address",children:[v("span",{className:"send-label",children:"To"}),I("div",{className:"send-address-wrap",children:[v("input",{className:"send-input send-input--address",value:m,onChange:y=>b(y.target.value),placeholder:"0x...",autoComplete:"off",spellCheck:!1}),v("button",{type:"button",className:"send-address-book-btn",onClick:()=>w(y=>!y),"aria-label":"Open address book","aria-expanded":W,children:v(ra,{})})]}),W&&I("div",{className:"send-address-picker",children:[I("div",{className:"send-address-tabs",role:"tablist",children:[ee&&v("button",{type:"button",role:"tab",className:"send-address-tab","data-active":C==="account"||void 0,"aria-selected":C==="account",onClick:()=>z("account"),children:"My Account"}),v("button",{type:"button",role:"tab",className:"send-address-tab","data-active":C==="recent"||void 0,"aria-selected":C==="recent",onClick:()=>z("recent"),children:"Recent"})]}),ee&&C==="account"?v("div",{className:"send-address-list",children:Ne.map((y,q)=>{let Y=ea(y,q),le=Wt(Be,y.address,{size:56,bg:ft});return I("button",{type:"button",className:"send-address-option",onClick:()=>Re(y.address),children:[I("span",{className:"send-address-avatar","aria-hidden":!0,children:[le&&v("img",{className:"send-address-avatar-img",src:le,alt:"",width:36,height:36,draggable:!1,onError:re=>{re.currentTarget.style.display="none"}}),v("span",{className:"send-address-avatar-fallback",children:ta(Y)})]}),I("span",{className:"send-address-copy",children:[v("span",{className:"send-address-name",children:Y}),v("span",{className:"send-address-value",children:pe(y.address)})]})]},y.address)})}):ce.length>0?v("div",{className:"send-address-list",children:ce.map(y=>I("button",{type:"button",className:"send-address-option",onClick:()=>Re(y.address),children:[v("span",{className:"send-address-avatar","aria-hidden":!0,children:y.address.slice(2,4).toUpperCase()}),I("span",{className:"send-address-copy",children:[v("span",{className:"send-address-name",children:pe(y.address)}),v("span",{className:"send-address-value",children:"Recently sent"})]})]},y.address))}):v("div",{className:"send-address-empty",children:"No Send History"})]})]}),I("label",{className:"send-field",children:[I("span",{className:"send-label-row",children:[v("span",{className:"send-label",children:"Amount"}),v("button",{type:"button",className:"send-max-btn",onClick:Le,disabled:j<=0n||ne==="submitting",children:"Max"})]}),I("div",{className:"send-amount-wrap",children:[v("input",{className:"send-input send-input--amount",value:f,onChange:y=>x(y.target.value),placeholder:"0.00",inputMode:"decimal",autoComplete:"off"}),v("span",{className:"send-amount-symbol",children:o.symbol})]})]}),I("div",{className:"send-meta",children:[v("span",{children:"From"}),v("span",{children:pe(r)})]}),I("div",{className:"send-meta",children:[v("span",{children:"Network"}),I("span",{children:["Chain ID ",o.chainId]})]}),g&&v("div",{className:"send-message send-message--error",role:"alert",children:g})]}),v("div",{className:"send-footer",children:v("button",{type:"submit",className:"send-submit-btn",disabled:He,children:ne==="submitting"?"Sending...":"Send"})})]})}import*as yn from"@radix-ui/react-popover";import{Drawer as ia}from"vaul";import{jsx as Vt,jsxs as sa}from"react/jsx-runtime";function kn({asChild:e,className:t,children:r}){let{isMobile:n,theme:o,walletAddress:s}=Ee(),i=r!=null,l=e??!0,c=i?r:sa("button",{type:"button",className:G("wi-trigger-btn",t),"data-theme":o,"data-mobile":n||void 0,children:[Vt(dn,{size:n?14:16}),Vt("span",{className:"wi-trigger-address",children:pe(s)})]});return n?Vt(ia.Trigger,{asChild:l,children:c}):Vt(yn.Trigger,{asChild:l,children:c})}import*as D from"react";import*as Zt from"@radix-ui/react-popover";import{Drawer as Gt}from"vaul";import Lt from"bignumber.js";import{useQueries as la}from"@tanstack/react-query";import{useMemo as ca}from"react";var Ro="user-balance";async function da(e,t,r,n){let o=new URLSearchParams({networkId:`eip155:${t}`,account:r}),s=await fetch(`${e}/v1/public/token/balance?${o}`,{cache:"no-store",signal:n});if(!s.ok)throw new Error(`Failed to fetch token balance: ${s.status}`);let i=await s.json();if(i.code!==200)throw new Error(`Token balance API error: ${i.code}`);return i.data}function rt(e,t,r=!0){let n=he[e],o=me[e],s=[o.cross,o.bsc],i=la({queries:s.map(d=>({queryKey:[Ro,e,t,d],queryFn:({signal:m})=>da(n,d,t,m),enabled:!!t&&r,staleTime:0,refetchInterval:r?5e3:!1}))}),l=i.some(d=>d.isLoading),c=i.some(d=>d.isError);return{tokens:ca(()=>{let d=[];for(let m of i)m.data&&d.push(...m.data);return d},[i]),isLoading:l,isError:c}}import{useQuery as pa,useQueries as ma}from"@tanstack/react-query";import{useMemo as fa}from"react";var ua="forge-holdings",ga="forge-token-image";async function wa(e,t,r){let n=await fetch(`${e}/v1/users/${t}/holdings`,{cache:"no-store",signal:r});if(!n.ok)throw new Error(`Failed to fetch forge holdings: ${n.status}`);let o=await n.json();if(!o.success)throw new Error("Forge holdings API error");return o.data.items}async function ha(e,t,r){let n=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store",signal:r});if(!n.ok)return{address:t,image_url:""};let o=await n.json();return o.success?{address:t,image_url:o.data.token.image_url}:{address:t,image_url:""}}function Cn(e,t,r=!0){let n=uo[e],{data:o,...s}=pa({queryKey:[ua,e,t],queryFn:({signal:i})=>wa(n,t,i),enabled:!!t&&r,staleTime:0,refetchInterval:r?5e3:!1});return{holdings:o??[],...s}}function Nn(e,t,r=!0){let n=uo[e],o=ma({queries:t.map(i=>({queryKey:[ga,e,i],queryFn:({signal:l})=>ha(n,i,l),enabled:r,staleTime:1/0}))});return{imageMap:fa(()=>{let i=new Map;for(let l of o)l.data&&i.set(l.data.address,l.data.image_url);return i},[o])}}import{useQuery as xa}from"@tanstack/react-query";import{useMemo as ba}from"react";var To="token-stats";function Ge(e,t){return`${e}:${t.toLowerCase()}`}function at(e,t=!0){let r=he[e],{data:n,...o}=xa({queryKey:[To,e],queryFn:async({signal:i})=>{let l=await fetch(`${r}/v1/public/token/stats`,{cache:"no-store",signal:i});if(!l.ok)throw new Error(`Failed to fetch token stats: ${l.status}`);let c=await l.json();if(c.code!==200)throw new Error(`Token stats API error: ${c.code}`);return c},enabled:t,staleTime:3e4});return{statsMap:ba(()=>{let i=new Map;if(!n?.data)return i;for(let l of n.data){let c=Ge(l.chain_id,l.address);i.set(c,l)}return i},[n]),...o}}import{useQuery as va}from"@tanstack/react-query";import{useMemo as ya}from"react";var ka="token-info";function Io(e,t){return`${t.toLowerCase()}_${e}`}function Ln(e,t=!0){let r=he[e],{data:n,...o}=va({queryKey:[ka,e],queryFn:async({signal:i})=>{let l=await fetch(`${r}/v1/public/token/info`,{cache:"no-store",signal:i});if(!l.ok)throw new Error(`Failed to fetch token info: ${l.status}`);let c=await l.json();if(c.code!==200)throw new Error(`Token info API error: ${c.code}`);return c},enabled:t,staleTime:1/0});return{categoryMap:ya(()=>{let i=new Map;if(!n?.data)return i;for(let l of n.data){let c=Io(l.chain_id,l.address);i.set(c,l.category)}return i},[n]),...o}}import{useMemo as Ca}from"react";import Po from"bignumber.js";function Rn(e,t,r){let{tokens:n,isLoading:o}=rt(e,t,r),{statsMap:s}=at(e,r);return Ca(()=>{let i=new Po(0);for(let d of n){let m=s.get(Ge(d.chainId,d.address));if(!m)continue;let f=new Po(d.quantity.numeric).shiftedBy(-d.quantity.decimals).multipliedBy(new Po(m.price));f.isNaN()||(i=i.plus(f))}let l=i.toFixed(),{displayValue:c,isLowerBound:a}=ln(l);return{totalUsd:l,displayValue:c,isLowerBound:a,isLoading:o}},[n,s,o])}import{QRCodeSVG as pi}from"qrcode.react";function xe(e,t,r,n){if(!n||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.defaultPrevented)return;e.preventDefault();let o;try{o=n(t,r)}catch(a){console.error("[dapp-ui] onOutlink threw:",a);return}let s=a=>{typeof window>"u"||window.open(a,"_blank","noopener,noreferrer")};if((a=>!!a&&(typeof a=="object"||typeof a=="function")&&typeof a.then=="function")(o)){let a=typeof window<"u"?window.open("","_blank","noopener,noreferrer"):null,d=m=>{if(m===null){a?.close();return}let b=m??t;if(a)try{a.location.href=b}catch{a.close(),s(b)}else s(b)};o.then(d,m=>{console.error("[dapp-ui] onOutlink rejected:",m),a?.close()});return}let l=o;if(l===null)return;s(l??t)}import*as Ke from"react";import{Drawer as ci}from"vaul";import{createContext as Na,useContext as La}from"react";var Ct=Na(null);function X(){let e=La(Ct);if(!e)throw new Error("WalletPortfolio compound components must be used within <WalletPortfolio>");return e}import{Drawer as Ra}from"vaul";import{jsx as Tn}from"react/jsx-runtime";function In({asChild:e,children:t}){let{walletAddress:r}=X(),n=t!=null,o=e??!0,s=n?t:Tn("button",{type:"button",children:pe(r)});return Tn(Ra.Trigger,{asChild:o,children:s})}import{Drawer as qt}from"vaul";import*as ue from"react";import{useQueryClient as ii}from"@tanstack/react-query";import{useMemo as Ma}from"react";import Eo from"bignumber.js";import{useQuery as Ta}from"@tanstack/react-query";import{useMemo as Sn}from"react";var Ht={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"},Pn={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},$t={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"},Se={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},En={dev:{cross:"https://stg-dex-api.crosstoken.io/dex",crossd:"https://stg-crossd-dex-api.crosstoken.io/dex",forge:"https://stg-forge-dex-api.crosstoken.io/dex"},stage:{cross:"https://stg-dex-api.crosstoken.io/dex",crossd:"https://stg-crossd-dex-api.crosstoken.io/dex",forge:"https://stg-forge-dex-api.crosstoken.io/dex"},production:{cross:"https://dex-api.crosstoken.io/dex",crossd:"https://crossd-dex-api.crosstoken.io/dex",forge:"https://forge-dex-api.crosstoken.io/dex"}};var Ia="wp:reward-pools";function zt(e,t=!0){let r=Ht[e],{data:n,...o}=Ta({queryKey:[Ia,e],queryFn:async({signal:l})=>{let c=await fetch(`${r}/v1/pools`,{cache:"no-store",signal:l});if(!c.ok)throw new Error(`Failed to fetch pools: ${c.status}`);let a=await c.json();if(a.code!==200)throw new Error(`Pools API error: ${a.code}`);return a},enabled:t,staleTime:0}),s=Sn(()=>n?.data.pools.filter(l=>l.pool_type==="CrossPool")??[],[n]),i=Sn(()=>n?.data.pools.filter(l=>l.pool_type==="GamePool")??[],[n]);return{crossPools:s,gamePools:i,allPools:n?.data.pools??[],...o}}import{useQuery as Pa}from"@tanstack/react-query";import{useMemo as Ea}from"react";var Sa="wp:user-deposits";function Ut(e,t,r=!0){let n=Ht[e],o=r&&!!t,{data:s,...i}=Pa({queryKey:[Sa,e,t],queryFn:async({signal:c})=>{let a=await fetch(`${n}/v1/users/${t}/deposits`,{cache:"no-store",signal:c});if(!a.ok)throw new Error(`Deposits fetch failed: ${a.status}`);let d=await a.json();if(d.code!==200)throw new Error(`Deposits API error: ${d.code}`);return d},enabled:o,staleTime:0});return{depositMap:Ea(()=>{let c=new Map;if(!s?.data.user_deposits)return c;for(let a of s.data.user_deposits)c.set(a.pool_address.toLowerCase(),a);return c},[s]),deposits:s?.data.user_deposits??[],...i}}import{useQuery as Mn}from"@tanstack/react-query";import{useMemo as _n}from"react";function be(e,t,r,n=!0){let o=En[e][t],s=n&&!!r,{data:i,...l}=Mn({queryKey:["wp:dex-pairs",e,t],queryFn:async({signal:x})=>{let g=await fetch(`${o}/pair-info`,{cache:"no-store",signal:x});if(!g.ok)throw new Error(`pair-info fetch failed: ${g.status}`);let u=await g.json();if(u.code!==200)throw new Error(`pair-info API error: ${u.code}`);return u},enabled:n,staleTime:0}),c=i?.data??[],a=_n(()=>{let x=new Map;for(let g of c)x.set(g.pair_address.toLowerCase(),g);return x},[c]),{data:d,...m}=Mn({queryKey:["wp:dex-orders",e,t,r],queryFn:async({signal:x})=>{let g=Math.floor(Date.now()/1e3),u=new URLSearchParams({owner:r,size:"200",start_date:"0",end_date:String(g)}),L=await fetch(`${o}/open-order?${u}`,{cache:"no-store",signal:x});if(!L.ok)throw new Error(`open-order fetch failed: ${L.status}`);let P=await L.json();if(P.code!==200)throw new Error(`open-order API error: ${P.code}`);return P.data?.data??[]},enabled:s,staleTime:0}),b=d??[],f=_n(()=>{let x=new Map;for(let g of b){let u=g.pair.toLowerCase();x.has(u)||x.set(u,{buys:[],sells:[]});let L=x.get(u);g.order_side===1?L.buys.push(g):L.sells.push(g)}return x},[b]);return{allPairs:c,pairMap:a,orders:b,ordersByPair:f,isEmpty:b.length===0,isLoading:l.isLoading||m.isLoading}}var _a=["var(--wp-blue)","var(--wp-purple)","var(--wp-red)","var(--wp-orange)"],An="var(--wp-green)",On=4;function Dn(e,t,r=!0){let n=r&&!!t,{allPools:o}=zt(e,n),{depositMap:s}=Ut(e,t,n),{allPairs:i,pairMap:l,ordersByPair:c}=be(e,"cross",t,n),{allPairs:a,pairMap:d,ordersByPair:m}=be(e,"crossd",t,n),{allPairs:b,pairMap:f,ordersByPair:x}=be(e,"forge",t,n);return Ma(()=>{let g=new Map,u=new Map,L=(w,N)=>{!Number.isFinite(N)||N<=0||u.set(w,(u.get(w)??0)+N)};for(let w of o){let N=Number(w.deposit_token.price);N>0&&g.set(w.deposit_token.symbol,N);for(let F of w.reward_tokens){let C=Number(F.price);C>0&&g.set(F.symbol,C)}}for(let w of[...i,...a,...b]){let N=g.get(w.quote_symbol),F=Number(w.billboard?.price);N&&F>0&&!g.has(w.base_symbol)&&g.set(w.base_symbol,F*N)}for(let w of o){let N=s.get(w.pool_address.toLowerCase());if(!N)continue;let F=new Eo(N.deposited_amount).shiftedBy(-w.deposit_token.decimals).toNumber();if(L(w.deposit_token.symbol,F),w.reward_tokens.length>0){let C=w.reward_tokens[0],z=new Eo(N.claimable_reward).shiftedBy(-C.decimals).toNumber();L(C.symbol,z)}}let P=[{pairMap:l,ordersByPair:c},{pairMap:d,ordersByPair:m},{pairMap:f,ordersByPair:x}];for(let{pairMap:w,ordersByPair:N}of P)for(let[F,C]of N){let z=w.get(F);if(z){for(let V of C.buys){let ce=Number(V.amount)-Number(V.filled);L(z.quote_symbol,ce*Number(V.price))}for(let V of C.sells){let ce=Number(V.amount)-Number(V.filled);L(z.base_symbol,ce)}}}let A=[],R=0;for(let[w,N]of u){let F=g.get(w)??0,C=N*F;C>0&&(A.push({symbol:w,usdValue:C}),R+=C)}A.sort((w,N)=>N.usdValue-w.usdValue);let W=[];if(R>0){let w=A.slice(0,On),N=A.slice(On);for(let C=0;C<w.length;C++)W.push({symbol:w[C].symbol,usdValue:w[C].usdValue,percentage:Math.round(w[C].usdValue/R*100),color:_a[C]??An});if(N.length>0){let C=N.reduce((z,V)=>z+V.usdValue,0);W.push({symbol:"Others",usdValue:C,percentage:Math.round(C/R*100),color:An})}let F=W.reduce((C,z)=>C+z.percentage,0);F!==100&&W.length>0&&(W[0].percentage+=100-F)}return{totalUsd:R,formattedTotal:R>0?`$${new Eo(R).toFormat(2)}`:"$0.00",segments:W}},[o,s,i,l,c,a,d,m,b,f,x])}import{jsx as it,jsxs as Aa}from"react/jsx-runtime";function Wn({size:e=22,className:t}){return it("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:it("path",{d:"M14 4L7 11L14 18",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function Fn({size:e=22,className:t}){return Aa("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[it("path",{d:"M18.333 3.667v5.5h-5.5",stroke:"currentColor",strokeWidth:1.833,strokeLinecap:"round",strokeLinejoin:"round"}),it("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 Bn({size:e=12,className:t}){return it("svg",{width:e,height:e,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:it("path",{d:"M6 11A5 5 0 106 1a5 5 0 000 10zM6 8V6M6 4h.005",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})})}import{useQuery as Oa}from"@tanstack/react-query";import{useMemo as Da}from"react";var Wa="wp:token-info";function Me(e,t=!0){let r=he[e],n=me[e].cross,{data:o,...s}=Oa({queryKey:[Wa,e],queryFn:async({signal:a})=>{let d=await fetch(`${r}/v1/public/token/info`,{cache:"no-store",signal:a});if(!d.ok)throw new Error(`Failed to fetch token info: ${d.status}`);let m=await d.json();if(m.code!==200)throw new Error(`Token info API error: ${m.code}`);return m},enabled:t,staleTime:300*1e3}),{byChainAddr:i,byChainSym:l}=Da(()=>{let a=new Map,d=new Map;if(!o?.data)return{byChainAddr:a,byChainSym:d};for(let m of o.data){let b=m.address.toLowerCase();a.set(`${m.chain_id}:${b}`,m),a.set(b,m);let f=m.symbol.replace(/^t/,"").toUpperCase(),x=`${m.chain_id}:${f}`;d.has(x)||d.set(x,m),d.has(f)||d.set(f,m)}return{byChainAddr:a,byChainSym:d}},[o]);return{getTokenImage:(a,d)=>{let m=a.toLowerCase(),b=i.get(`${n}:${m}`);if(b?.image)return b.image;let f=i.get(m);if(f?.image)return f.image;if(d){let x=d.replace(/^t/,"").toUpperCase(),g=l.get(`${n}:${x}`);if(g?.image)return g.image;let u=l.get(x);if(u?.image)return u.image}return""},...s}}import{jsx as jt,jsxs as Vn}from"react/jsx-runtime";function ve({title:e,icon:t,iconFit:r="cover",isEmpty:n,children:o}){return Vn("div",{className:"wp-svc-card",children:[Vn("div",{className:"wp-svc-card-head",children:[jt("img",{className:"wp-svc-card-icon",src:t,alt:"",style:{objectFit:r}}),jt("span",{className:"wp-svc-card-title",children:e})]}),n?jt("div",{className:"wp-svc-empty",children:"No assets yet"}):jt("div",{className:"wp-svc-items",children:o})]})}import Nt from"bignumber.js";import{jsx as Ze,jsxs as ke}from"react/jsx-runtime";var Fa="CROSS Rewards",Ba="https://contents.crosstoken.io/frontend/common/app-launcher/icons/award.svg";function Hn(e,t){let r=new Nt(e).shiftedBy(-t);return r.isZero()?"0":r.isGreaterThanOrEqualTo(1)?r.toFormat(2,Nt.ROUND_DOWN):r.toFormat(4,Nt.ROUND_DOWN)}function $n(){let{env:e,walletAddress:t,onOutlink:r}=X(),n=!!t,{allPools:o}=zt(e,n),{depositMap:s}=Ut(e,t,n),{getTokenImage:i}=Me(e,n),l=a=>`${Pn[e]}/rewards/${a.pool_address}?action=withdraw`,c=o.filter(a=>{let d=s.get(a.pool_address.toLowerCase()),m=d?.deposited_amount??"0",b=d?.claimable_reward??"0";return!(new Nt(m).isZero()&&new Nt(b).isZero())});return Ze(ve,{title:Fa,icon:Ba,isEmpty:c.length===0,children:c.map(a=>{let d=s.get(a.pool_address.toLowerCase()),m=d?.deposited_amount??"0",b=l(a);return ke("a",{className:"wp-item","data-side":"reward",href:b,target:"_blank",rel:"noopener noreferrer",onClick:f=>xe(f,b,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:a,userDeposit:d}},r),children:[ke("div",{className:"wp-item-body",children:[ke("div",{className:"wp-item-field",children:[ke("span",{className:"wp-item-label",children:["Deposited (",a.deposit_token.symbol,")"]}),ke("div",{className:"wp-svc-token",children:[i(a.deposit_token.address,a.deposit_token.symbol)&&Ze("img",{className:"wp-svc-token-icon",src:i(a.deposit_token.address,a.deposit_token.symbol),alt:""}),Ze("span",{children:Hn(m,a.deposit_token.decimals)})]})]}),ke("div",{className:"wp-item-field",children:[ke("span",{className:"wp-item-label",children:["Rewards (",a.reward_tokens.map(f=>f.symbol).join(", "),")"]}),a.reward_tokens.map(f=>{let x=i(f.address,f.symbol);return ke("div",{className:"wp-svc-token",children:[x&&Ze("img",{className:"wp-svc-token-icon",src:x,alt:""}),Ze("span",{children:d?Hn(d.claimable_reward,f.decimals):"0"})]},f.address)})]})]}),ke("div",{className:"wp-item-badges",children:[Ze("span",{className:"wp-badge wp-badge--mint",children:"Claim"}),Ze("span",{className:"wp-badge wp-badge--muted",children:"Withdraw"})]})]},a.pool_address)})})}import Un from"bignumber.js";import{Fragment as Va,jsx as se,jsxs as J}from"react/jsx-runtime";function So(e){let t=new Un(e);if(t.isNaN())return e;let r=t.decimalPlaces()??0;return t.toFormat(r)}function zn(e){let t=new Un(e.amount).minus(e.filled);return So(t.toString())}function st({market:e,pairMap:t,ordersByPair:r,getDexUrl:n,getTokenImage:o}){let{onOutlink:s}=X(),i=[];for(let[l,c]of r){let a=t.get(l),d=a?o(a.base_address,a.base_symbol):"",m=a?o(a.quote_address,a.quote_symbol):"",b=n(l);for(let f of c.buys)i.push(J("a",{className:"wp-item","data-side":"buy",href:b,target:"_blank",rel:"noopener noreferrer",onClick:x=>xe(x,b,{category:"portfolio",origin:"portfolio-dex-order",payload:{market:e,side:"buy",order:f,pair:a}},s),children:[J("div",{className:"wp-item-body",children:[J("div",{className:"wp-item-field",children:[J("span",{className:"wp-item-label wp-item-label--buy",children:["Buy",a?.base_symbol?` (${a.base_symbol})`:""]}),J("div",{className:"wp-svc-token",children:[d&&se("img",{className:"wp-svc-token-icon",src:d,alt:""}),se("span",{children:zn(f)})]})]}),J("div",{className:"wp-item-field",children:[J("span",{className:"wp-item-label",children:["Price",a?.quote_symbol?` (${a.quote_symbol})`:""]}),J("div",{className:"wp-svc-token",children:[m&&se("img",{className:"wp-svc-token-icon",src:m,alt:""}),se("span",{children:So(f.price)})]})]})]}),se("div",{className:"wp-item-badges",children:se("span",{className:"wp-badge wp-badge--red",children:"Cancel"})})]},`buy-${f.order_id}`));for(let f of c.sells)i.push(J("a",{className:"wp-item","data-side":"sell",href:b,target:"_blank",rel:"noopener noreferrer",onClick:x=>xe(x,b,{category:"portfolio",origin:"portfolio-dex-order",payload:{market:e,side:"sell",order:f,pair:a}},s),children:[J("div",{className:"wp-item-body",children:[J("div",{className:"wp-item-field",children:[J("span",{className:"wp-item-label wp-item-label--sell",children:["Sell",a?.base_symbol?` (${a.base_symbol})`:""]}),J("div",{className:"wp-svc-token",children:[d&&se("img",{className:"wp-svc-token-icon",src:d,alt:""}),se("span",{children:zn(f)})]})]}),J("div",{className:"wp-item-field",children:[J("span",{className:"wp-item-label",children:["Price",a?.quote_symbol?` (${a.quote_symbol})`:""]}),J("div",{className:"wp-svc-token",children:[m&&se("img",{className:"wp-svc-token-icon",src:m,alt:""}),se("span",{children:So(f.price)})]})]})]}),se("div",{className:"wp-item-badges",children:se("span",{className:"wp-badge wp-badge--red",children:"Cancel"})})]},`sell-${f.order_id}`))}return se(Va,{children:i})}import{jsx as jn}from"react/jsx-runtime";var Ha="Gametoken - CROSS",$a="https://contents.crosstoken.io/frontend/common/app-launcher/icons/dex.svg";function qn(){let{env:e,walletAddress:t}=X(),r=!!t,{pairMap:n,ordersByPair:o,isEmpty:s}=be(e,"cross",t,r),{getTokenImage:i}=Me(e,r);return jn(ve,{title:Ha,icon:$a,isEmpty:s,children:jn(st,{market:"cross",pairMap:n,ordersByPair:o,getDexUrl:c=>{let a=n.get(c.toLowerCase());return`${Se[e]}/gametoken/cross/${a?.base_symbol??""}`},getTokenImage:i})})}import{jsx as Gn}from"react/jsx-runtime";var za="Gametoken - CROSSD",Ua="https://contents.crosstoken.io/frontend/common/app-launcher/icons/dex.svg";function Zn(){let{env:e,walletAddress:t}=X(),r=!!t,{pairMap:n,ordersByPair:o,isEmpty:s}=be(e,"crossd",t,r),{getTokenImage:i}=Me(e,r);return Gn(ve,{title:za,icon:Ua,isEmpty:s,children:Gn(st,{market:"crossd",pairMap:n,ordersByPair:o,getDexUrl:c=>{let a=n.get(c.toLowerCase());return`${Se[e]}/gametoken/crossd/${a?.base_symbol??""}`},getTokenImage:i})})}import{jsx as Kn}from"react/jsx-runtime";var ja="Gametoken - Forge",qa="https://contents.crosstoken.io/frontend/common/app-launcher/icons/dex.svg";function Yn(){let{env:e,walletAddress:t}=X(),r=!!t,{pairMap:n,ordersByPair:o,isEmpty:s}=be(e,"forge",t,r),{getTokenImage:i}=Me(e,r);return s?null:Kn(ve,{title:ja,icon:qa,isEmpty:s,children:Kn(st,{market:"forge",pairMap:n,ordersByPair:o,getDexUrl:c=>{let a=n.get(c.toLowerCase());return`${Se[e]}/gametoken/forge/${a?.base_symbol??""}`},getTokenImage:i})})}import Mo from"bignumber.js";import{useMemo as Ja}from"react";import{useQuery as Ga}from"@tanstack/react-query";var Za="wp:forge-pools";function Qn(e,t,r=!0){let n=$t[e],o=r&&!!t,{data:s,...i}=Ga({queryKey:[Za,e,t],queryFn:async()=>{let c=await fetch(`${n}/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:o,staleTime:0}),l=s??[];return{pools:l,isEmpty:l.length===0,...i}}import{useQueries as Ka}from"@tanstack/react-query";import{useMemo as Ya}from"react";var Qa="wp:forge-token-detail";async function Xa(e,t){let r=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store"});return r.ok?(await r.json())?.data?.token??null:null}function Xn(e,t,r=!0){let n=$t[e],o=Ka({queries:t.map(l=>({queryKey:[Qa,e,l],queryFn:()=>Xa(n,l),enabled:r&&!!l,staleTime:3e4}))}),s=Ya(()=>{let l=new Map;for(let c=0;c<o.length;c++){let a=o[c]?.data,d=t[c];a&&d&&l.set(d.toLowerCase(),a)}return l},[o,t]),i=o.some(l=>l.isLoading);return{detailMap:s,isLoading:i}}import{jsx as fe,jsxs as lt}from"react/jsx-runtime";var ei="Forge",ti="https://x.crosstoken.io/forge/favicon-96x96.png",oi=18,ni="https://contents.crosstoken.io/wallet/token/images/FT.png";function ri(e){if(!e||e==="0")return"0";let t=new Mo(e).shiftedBy(-oi);return t.isZero()?"0":t.isGreaterThanOrEqualTo(1)?t.toFormat(2,Mo.ROUND_DOWN):t.toFormat(4,Mo.ROUND_DOWN)}function ai(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 Jn(){let{env:e,walletAddress:t,onOutlink:r}=X(),n=!!t,{pools:o,isEmpty:s}=Qn(e,t,n),i=Ja(()=>o.map(a=>a.token.address),[o]),{detailMap:l}=Xn(e,i,n&&i.length>0),c=a=>`${Se[e]}/forge/token/${a.token.address}`;return fe(ve,{title:ei,icon:ti,iconFit:"contain",isEmpty:s,children:o.map(a=>{let d=l.get(a.token.address.toLowerCase()),m=d?.image_url||d?.image||a.token.image||ni,b=d?.symbol||a.token.symbol,f=c(a);return lt("a",{className:"wp-item","data-side":"lp",href:f,target:"_blank",rel:"noopener noreferrer",onClick:x=>xe(x,f,{category:"portfolio",origin:"portfolio-forge",payload:{pool:a,tokenDetail:d}},r),children:[lt("div",{className:"wp-item-body",children:[lt("div",{className:"wp-item-field",children:[lt("span",{className:"wp-item-label",children:["Pair (",b,")"]}),fe("div",{className:"wp-svc-token",children:fe("img",{className:"wp-svc-token-icon",src:m,alt:""})})]}),lt("div",{className:"wp-item-field",children:[fe("span",{className:"wp-item-label",children:"LP Balance"}),fe("div",{className:"wp-svc-token",children:fe("span",{children:ri(a.lp_balance)})})]}),lt("div",{className:"wp-item-field",children:[fe("span",{className:"wp-item-label",children:"Ownership"}),fe("div",{className:"wp-svc-token",children:fe("span",{children:ai(a.pool_ownership)})})]})]}),fe("div",{className:"wp-item-badges",children:fe("span",{className:"wp-badge wp-badge--mint",children:"Withdraw"})})]},a.pair_address)})})}E(`.wp-fullscreen[data-theme=dark],.wp-embed[data-theme=dark]{--wp-bg: var(--cck-surface-bg, #202530);--wp-card: var(--cck-surface-default, #292f40);--wp-border: var(--cck-border-default, #313b51);--wp-text: var(--cck-texticon-primary, #ffffff);--wp-text-60: var(--cck-texticon-secondary, #d3d7df);--wp-text-40: #8c97ad;--wp-text-30: var(--cck-texticon-tertiary, #717d97);--wp-mint: #00d4aa;--wp-green: var(--cck-primary, #019d92);--wp-red: var(--cck-error, #e70077);--wp-blue: #0488fc;--wp-purple: #7346f3;--wp-orange: #ff9d00}.wp-fullscreen[data-theme=light],.wp-embed[data-theme=light]{--wp-bg: var(--cck-surface-bg, #f5f6f8);--wp-card: var(--cck-surface-default, #ffffff);--wp-border: var(--cck-border-default, #e2e5ea);--wp-text: var(--cck-texticon-primary, #202530);--wp-text-60: var(--cck-texticon-secondary, #49556e);--wp-text-40: #8c97ad;--wp-text-30: var(--cck-texticon-tertiary, #a0a9b8);--wp-mint: #00d4aa;--wp-green: var(--cck-primary, #019d92);--wp-red: var(--cck-error, #e70077);--wp-blue: #0488fc;--wp-purple: #7346f3;--wp-orange: #ff9d00}.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:Sora,sans-serif;font-feature-settings:"calt" 0,"lnum" 1,"pnum" 1;box-sizing:border-box;-webkit-font-smoothing:antialiased}.wp-embed{width:100%;height:100%;min-height:0;background:var(--wp-bg);display:flex;flex-direction:column;overflow:hidden;font-family:Sora,sans-serif;font-feature-settings:"calt" 0,"lnum" 1,"pnum" 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;color:var(--wp-text)}.wp-overlay{position:fixed;inset:0;z-index:49;background:#0009}.wp-header{display:flex;align-items:center;gap:20px;height:60px;padding:0 20px;flex-shrink:0}.wp-header-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--wp-text);flex-shrink:0}.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:Roboto,Sora,sans-serif;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.15px;text-align:center;color:var(--wp-text);margin:0}.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:rgba(255,255,255,.08) transparent}.wp-body::-webkit-scrollbar{width:4px}.wp-body::-webkit-scrollbar-track{background:transparent}.wp-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.wp-body-inner{padding:16px 16px 128px;display:flex;flex-direction:column;gap:20px}.wp-svc-card{display:flex;flex-direction:column;gap:8px}.wp-svc-card-head{display:flex;align-items:center;gap:8px}.wp-svc-card-icon{width:20px;height:20px;border-radius:4px;flex-shrink:0;object-fit:cover}.wp-svc-card-title{font-size:14px;font-weight:600;line-height:1.3;color:var(--wp-text-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-svc-items{display:flex;flex-direction:column;gap:10px}.wp-item{position:relative;background:var(--wp-card);border-radius:12px;padding:14px 40px 14px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #00000014,0 2px 8px #0000000a;overflow:hidden;text-decoration:none;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.wp-item:hover{box-shadow:0 2px 6px #0000001f,0 4px 14px #0000000f;transform:translateY(-1px)}.wp-item:active{transform:translateY(0);box-shadow:0 1px 3px #00000014}.wp-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;border-radius:3px 0 0 3px;background:var(--wp-border)}.wp-item:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:currentColor;opacity:.25;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 1.5h7v7M10.5 1.5L1.5 10.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 1.5h7v7M10.5 1.5L1.5 10.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:opacity .15s}.wp-item:hover:after{opacity:.5}.wp-item[data-side=buy]:before{background:var(--wp-green)}.wp-item[data-side=sell]:before{background:var(--wp-red)}.wp-item[data-side=reward]:before{background:var(--wp-mint)}.wp-item[data-side=lp]:before{background:var(--wp-purple)}.wp-item-body{display:flex;gap:12px}.wp-item-field{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.wp-item-label{font-size:11px;font-weight:500;line-height:1.3;color:var(--wp-text-40);letter-spacing:.03em;text-transform:uppercase}.wp-item-label--buy{color:var(--wp-green)}.wp-item-label--sell{color:var(--wp-red)}.wp-svc-token{display:flex;align-items:center;gap:8px;min-width:0}.wp-svc-token>span{font-size:14px;font-weight:600;line-height:1.4;color:var(--wp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-svc-token-icon{width:22px;height:22px;border-radius:50%;flex-shrink:0;object-fit:cover}.wp-svc-buy{color:var(--wp-green)}.wp-svc-sell{color:var(--wp-red)}.wp-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:4px;border:1px solid transparent;pointer-events:none}.wp-badge--mint{color:var(--wp-mint);background:#00d4aa1a;border-color:#00d4aa40}.wp-badge--muted{color:var(--wp-text-40);background:#8c97ad14;border-color:#8c97ad2e}.wp-badge--red{color:var(--wp-red);background:#e7007714;border-color:#e7007733}.wp-item-badges{display:flex;align-items:center;gap:6px}.wp-svc-empty{display:flex;align-items:center;justify-content:center;height:56px;background:var(--wp-card);border-radius:12px;font-size:13px;font-weight:400;color:var(--wp-text-30);box-shadow:0 1px 3px #00000014}@media(max-width:375px){.wp-header{gap:12px;padding:0 12px}.wp-top{padding:0 12px 12px;gap:12px}.wp-total{font-size:22px}.wp-legend{gap:10px}.wp-legend-label{font-size:11px}.wp-body-inner{padding:12px 12px 128px;gap:14px}.wp-svc-items{gap:8px}.wp-item{padding:12px 36px 12px 14px;gap:6px;border-radius:10px}.wp-item:after{right:10px;width:11px;height:11px}.wp-item-body{gap:10px}.wp-svc-token{gap:6px}.wp-svc-token>span{font-size:13px}.wp-svc-token-icon{width:20px;height:20px}}.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}
|
|
7
|
-
`);import{Fragment as li,jsx as H,jsxs as _e}from"react/jsx-runtime";var _o=5,si="wp:";function ct({env:e,theme:t="dark",walletAddress:r,onBack:n,showHeader:o=!0,variant:s="embed",className:i,sendTransaction:l,onOutlink:c}){let a=ae(e),d=!!r,m=ii(),{segments:b}=Dn(a,r,d),[f,x]=ue.useState(_o),[g,u]=ue.useState(!1),L=ue.useCallback(()=>{m.invalidateQueries({predicate:w=>typeof w.queryKey[0]=="string"&&w.queryKey[0].startsWith(si)})},[m]),P=ue.useCallback(()=>{L(),u(!0),setTimeout(()=>u(!1),600),x(_o)},[L]);ue.useEffect(()=>{if(!d)return;let w=setInterval(()=>{x(N=>N<=1?(P(),_o):N-1)},1e3);return()=>clearInterval(w)},[d,P]);let A=ue.useCallback(()=>{n?.()},[n]),R=ue.useMemo(()=>({env:a,theme:t,open:!0,walletAddress:r,close:A,sendTransaction:l,onOutlink:c}),[a,t,r,A,l,c]),W=_e(li,{children:[o&&_e("div",{className:"wp-header",children:[n?H("button",{type:"button",className:"wp-header-btn",onClick:n,children:H(Wn,{})}):H("span",{className:"wp-header-btn","aria-hidden":!0}),H("h2",{className:"wp-header-title",children:"My Portfolio"}),_e("button",{type:"button",className:"wp-header-btn wp-refresh-btn",onClick:P,children:[H(Fn,{className:g?"wp-spin-once":void 0}),d&&H("span",{className:"wp-refresh-badge",children:f})]})]}),H("div",{className:"wp-top",children:b.length>0&&_e("div",{className:"wp-asset",children:[_e("div",{className:"wp-asset-head",children:[H("span",{className:"wp-asset-head-label",children:"Consolidated Asset"}),H("span",{className:"wp-asset-head-icon",children:H(Bn,{})})]}),H("div",{className:"wp-bar",children:b.map(w=>H("div",{className:"wp-bar-seg",style:{flex:`${w.percentage} 0 0`,background:w.color},children:w.percentage>=5&&_e("span",{className:"wp-bar-seg-pct",children:[w.percentage,"%"]})},w.symbol))}),H("div",{className:"wp-legend",children:b.map(w=>_e("div",{className:"wp-legend-item",children:[H("span",{className:"wp-legend-dot",style:{background:w.color}}),H("span",{className:"wp-legend-label",children:w.symbol})]},w.symbol))})]})}),H("div",{className:"wp-body",children:_e("div",{className:"wp-body-inner",children:[H($n,{}),H(qn,{}),H(Zn,{}),H(Yn,{}),H(Jn,{})]})})]});return H(Ct.Provider,{value:R,children:s==="none"?W:H("div",{className:G(s==="fullscreen"?"wp-fullscreen":"wp-embed",i),"data-theme":t,children:W})})}import{jsx as Ao,jsxs as er}from"react/jsx-runtime";function tr({className:e}){let{env:t,theme:r,walletAddress:n,close:o,sendTransaction:s}=X();return er(qt.Portal,{children:[Ao(qt.Overlay,{className:"wp-overlay"}),er(qt.Content,{className:G("wp-fullscreen",e),"data-theme":r,children:[Ao(qt.Title,{className:"wp-sr-only",children:"My Portfolio"}),Ao(ct,{env:t,theme:r,walletAddress:n,onBack:o,variant:"none",sendTransaction:s})]})]})}import{jsx as or}from"react/jsx-runtime";function di({env:e,theme:t="dark",walletAddress:r,open:n,onOpenChange:o,sendTransaction:s,onOutlink:i,children:l}){let c=ae(e),a=n!==void 0,[d,m]=Ke.useState(!1),b=a?n:d,f=Ke.useCallback(u=>{a||m(u),o?.(u)},[a,o]),x=Ke.useCallback(()=>f(!1),[f]),g=Ke.useMemo(()=>({env:c,theme:t,open:b,walletAddress:r,close:x,sendTransaction:s,onOutlink:i}),[c,t,b,r,x,s,i]);return or(Ct.Provider,{value:g,children:or(ci.Root,{direction:"bottom",open:b,onOpenChange:f,noBodyStyles:!0,children:l})})}var nr=Object.assign(di,{Trigger:In,Content:tr});import{Fragment as Do,jsx as p,jsxs as k}from"react/jsx-runtime";function Oo(e,t,r){let n=me[e],o=r.toUpperCase();if(t===n.cross&&o.includes("CROSSD"))return 0;if(t===n.cross&&o==="CROSS")return 1;if(t===n.bsc&&o==="CROSS")return 2}function mi(e){return parseInt(e.split(":")[1],10)}function fi(e){let t=e.lastIndexOf(".");return t===-1?{main:e,decimal:""}:{main:e.slice(0,t),decimal:e.slice(t)}}function ui(e){let t=e.toLowerCase().replace(/^0x/,""),r=t.length>=8?t.slice(0,8):t.padEnd(8,"0"),n=parseInt(r.slice(0,4),16)%360,o=(n+60+parseInt(r.slice(4,8),16)%120)%360;return`linear-gradient(135deg, hsl(${n} 85% 65%), hsl(${o} 80% 55%))`}function rr({align:e="end",sideOffset:t=12,className:r,children:n}){let{env:o,theme:s,isMobile:i,open:l,drawerDirection:c,modal:a,showBalance:d,showForgeToken:m,showGameToken:b,showQR:f,qrLogoSrc:x,walletAddress:g,accountName:u,sendAccounts:L,profileImageUrl:P,preferredTokens:A,close:R,onSelectWallet:W,onCopyAddress:w,onDisconnect:N,disconnectLabel:F,termsUrl:C,termsLabel:z,privacyUrl:V,privacyLabel:ce,portalStyle:We,navContent:ne,navPosition:U,footerContent:de,view:j,setView:Fe,selectedSendToken:Ne,setSelectedSendToken:ee,showPortfolio:Be,portfolioTitle:ft,showTotalAssets:Ve,totalAssetsLabel:ye,sendTransaction:Le,getTransactionReceipt:Re,onOutlink:Te}=Ee(),{tokens:ge,isLoading:He}=rt(o,g,l&&d),{statsMap:y}=at(o,d),{categoryMap:q}=Ln(o,d),Y=d&&Ve,{displayValue:le,isLowerBound:re,isLoading:Ye}=Rn(o,g,l&&Y),[we,Pt]=D.useState(!1),ut=D.useRef(null),[Qe,gt]=D.useState(0),{holdings:Ie,isLoading:wt}=Cn(o,g,l&&d&&m),Et=D.useMemo(()=>Ie.map(h=>h.token),[Ie]),{imageMap:St}=Nn(o,Et,m&&Ie.length>0),Xe=D.useMemo(()=>{let h=[],S=[],O=[],K=new Map((A??[]).map((M,Z)=>[`${mi(M.chainId)}:${M.address.toLowerCase()}`,Z]));for(let M of ge){let Z=Oo(o,M.chainId,M.symbol)!==void 0,$e=`${M.chainId}:${M.address.toLowerCase()}`,ze=K.get($e),so=new Lt(M.quantity.numeric).shiftedBy(-M.quantity.decimals);if(Z)h.push(M);else if(ze!==void 0)S.push(M);else if(so.isGreaterThan(0)){if(!b&&q.get(Io(M.chainId,M.address))==="game")continue;O.push(M)}}return h.sort((M,Z)=>{let $e=Oo(o,M.chainId,M.symbol)??99,ze=Oo(o,Z.chainId,Z.symbol)??99;return $e-ze}),S.sort((M,Z)=>{let $e=K.get(`${M.chainId}:${M.address.toLowerCase()}`)??99,ze=K.get(`${Z.chainId}:${Z.address.toLowerCase()}`)??99;return $e-ze}),O.sort((M,Z)=>{let $e=y.get(Ge(M.chainId,M.address)),ze=y.get(Ge(Z.chainId,Z.address)),so=new Lt(M.quantity.numeric).shiftedBy(-M.quantity.decimals).multipliedBy($e?.price??0);return new Lt(Z.quantity.numeric).shiftedBy(-Z.quantity.decimals).multipliedBy(ze?.price??0).minus(so).toNumber()}),[...h,...S,...O]},[ge,o,y,b,q,A]),ht=D.useMemo(()=>{if(!m)return[];let h=new Set(ge.map(S=>S.address.toLowerCase()));return[...Ie].filter(S=>!h.has(S.token.toLowerCase())).sort((S,O)=>{let K=new Lt(S.value);return new Lt(O.value).minus(K).toNumber()})},[Ie,m,ge]),Je=D.useRef(!1),Pe=D.useCallback(h=>{Je.current=!0,Fe(h)},[Fe]),Lr=D.useCallback(()=>{ee(null),Pe("wallet")},[ee,Pe]),Rr=D.useCallback(h=>{ee(h),Pe("send")},[ee,Pe]),Tr=D.useCallback(()=>{ee(null),Pe("wallet")},[ee,Pe]);D.useEffect(()=>{l||(Je.current=!1)},[l]);let Vo=D.useRef(null);D.useEffect(()=>{let h=Vo.current;if(!h||!i)return;let S=O=>{O.pointerType==="touch"&&O.stopPropagation()};return h.addEventListener("pointerdown",S),()=>h.removeEventListener("pointerdown",S)},[i]);let[xt,Ho]=D.useState(!1),ro=D.useRef(void 0);D.useEffect(()=>()=>clearTimeout(ro.current),[]),D.useEffect(()=>{let h=ut.current;if(!h||de===null){gt(0);return}let S=()=>{gt(h.offsetHeight)};if(S(),typeof ResizeObserver>"u")return;let O=new ResizeObserver(S);return O.observe(h),()=>O.disconnect()},[de]);let $o=D.useCallback(async()=>{if(!xt)try{await navigator.clipboard.writeText(g),Ho(!0),clearTimeout(ro.current),ro.current=setTimeout(()=>Ho(!1),2e3),w?.(g,!0)}catch{w?.(g,!1)}},[g,w,xt]),ao=D.useCallback(h=>{h.currentTarget.setAttribute("data-loaded","true")},[]),Ir=D.useMemo(()=>({background:ui(g)}),[g]),zo=D.useMemo(()=>P||Wt(o,g,{size:120,bg:s==="dark"?"1A1A2E":"F3F6F8"}),[P,o,g,s]),io=D.useMemo(()=>fi(le),[le]),Pr=C||V?k("div",{className:"wi-legal-links",children:[C&&p("a",{className:"wi-legal-link",href:C,target:"_blank",rel:"noopener noreferrer",onClick:h=>xe(h,C,{category:"terms",origin:"terms"},Te),children:z}),C&&V&&p("span",{className:"wi-legal-sep","aria-hidden":!0,children:"\xB7"}),V&&p("a",{className:"wi-legal-link",href:V,target:"_blank",rel:"noopener noreferrer",onClick:h=>xe(h,V,{category:"privacy",origin:"privacy"},Te),children:ce})]}):null,Uo=N?k("button",{type:"button",className:"wi-disconnect-btn",onClick:()=>{N(),R()},children:[p(pn,{size:12}),p("span",{className:"wi-disconnect-label",children:F})]}):null,Er=k("div",{className:G("wi-view-inner",Je.current&&"wi-view-wallet"),children:[Y&&(()=>{let h=Be;return k(h?"button":"div",{...h?{type:"button",onClick:()=>Pe("portfolio"),"aria-label":"View Portfolio"}:{},className:"wi-total-section","data-clickable":h||void 0,children:[k("div",{className:"wi-total-head",children:[p("span",{className:"wi-total-label",children:ye}),p("span",{role:"button",tabIndex:0,className:"wi-total-eye",onClick:O=>{O.stopPropagation(),Pt(K=>!K)},onKeyDown:O=>{(O.key==="Enter"||O.key===" ")&&(O.preventDefault(),O.stopPropagation(),Pt(K=>!K))},"aria-label":we?"Show balance":"Hide balance",children:we?p(hn,{}):p(wn,{})})]}),k("div",{className:"wi-total-body",children:[Ye?p("div",{className:"wi-skeleton-block wi-total-skeleton",style:{width:160,height:36}}):p("div",{className:"wi-total-value","data-hidden":we||void 0,children:we?p("span",{className:"wi-total-mask",children:"\u2022\u2022\u2022\u2022\u2022\u2022"}):k(Do,{children:[re&&p("span",{className:"wi-total-lte",children:"\u2264"}),p("span",{className:"wi-total-currency",children:"$"}),p("span",{className:"wi-total-amount",children:io.main}),io.decimal&&p("span",{className:"wi-total-decimal",children:io.decimal})]})}),h&&p("span",{className:"wi-total-chevron","aria-hidden":!0,children:p(un,{size:18})})]})]})})(),U==="top"&&ne&&p("div",{className:"wi-nav-fixed",children:ne}),d&&p("div",{ref:Vo,className:"wi-scrollable-body","data-vaul-no-drag":!0,children:k("div",{className:"wi-token-list",children:[He&&Array.from({length:5},(h,S)=>k("div",{className:"wi-skeleton-item",children:[k("div",{className:"wi-skeleton-left",children:[p("div",{className:"wi-skeleton-block wi-skeleton-icon"}),k("div",{className:"wi-skeleton-lines",children:[p("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),p("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),k("div",{className:"wi-skeleton-right",children:[p("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),p("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},S)),!He&&Xe.length===0&&!m&&p("div",{className:"wi-empty",children:"No Tokens Found"}),Xe.map(h=>{let S=y.get(Ge(h.chainId,h.address)),O=S?parseFloat(S.percent_change_24h):null,K=O!==null&&O>=0,M=go(o,h.chainId);return k("button",{type:"button",className:"wi-token-item wi-token-item--button",onClick:()=>Rr(h),"aria-label":`Send ${h.symbol}`,children:[k("div",{className:"wi-token-left",children:[k("div",{className:"wi-token-icon-wrap",children:[p("img",{src:h.icon_url,alt:h.symbol,className:"wi-token-icon",width:32,height:32,loading:"lazy",draggable:!1,onLoad:ao,onError:Z=>{Z.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),M&&p("img",{src:M,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:Z=>{Z.currentTarget.style.display="none"}})]}),k("div",{className:"wi-token-info",children:[p("span",{className:"wi-token-name",children:h.symbol}),S&&k("div",{className:"wi-token-price-row",children:[p("span",{className:"wi-token-price",children:fo(S.price)}),p("span",{className:"wi-token-change","data-positive":K,"data-zero":O===0||void 0,children:O!==null&&(O===0?"0%":`${K?"+":"-"}${(K?Math.floor:Math.ceil)(Math.abs(O)*100)/100}%`)})]})]})]}),k("div",{className:"wi-token-right",children:[p("span",{className:"wi-token-balance",children:qe(h.quantity.numeric,h.quantity.decimals)}),S&&p("span",{className:"wi-token-value",children:sn(h.quantity.numeric,h.quantity.decimals,S.price)})]})]},`${h.address}-${h.chainId}`)}),m&&wt&&Array.from({length:3},(h,S)=>k("div",{className:"wi-skeleton-item",children:[k("div",{className:"wi-skeleton-left",children:[p("div",{className:"wi-skeleton-block wi-skeleton-icon"}),k("div",{className:"wi-skeleton-lines",children:[p("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),p("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),k("div",{className:"wi-skeleton-right",children:[p("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),p("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},`forge-sk-${S}`)),m&&!wt&&!He&&Xe.length===0&&ht.length===0&&p("div",{className:"wi-empty",children:"No Tokens Found"}),m&&ht.map(h=>{let S=St.get(h.token)||"",O=go(o,me[o].cross);return k("div",{className:"wi-token-item",children:[k("div",{className:"wi-token-left",children:[k("div",{className:"wi-token-icon-wrap",children:[p("img",{src:S||"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:ao,onError:K=>{K.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),O&&p("img",{src:O,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:K=>{K.currentTarget.style.display="none"}})]}),k("div",{className:"wi-token-info",children:[p("span",{className:"wi-token-name",children:h.token_name}),p("div",{className:"wi-token-price-row",children:k("span",{className:"wi-token-price",children:[qe(h.current_price,18)," CROSS"]})})]})]}),k("div",{className:"wi-token-right",children:[p("span",{className:"wi-token-balance",children:qe(h.balance,18)}),p("span",{className:"wi-token-value",children:fo(h.current_value_usd)})]})]},`forge-${h.token}`)})]})}),U==="bottom"&&ne&&p("div",{className:"wi-nav-fixed",children:ne}),Uo&&p("div",{className:"wi-wallet-disconnect-row",children:Uo})]},"wallet"),Sr=Be?p("div",{className:G("wi-view-inner wi-portfolio-body",Je.current&&"wi-view-portfolio"),children:p(ct,{env:o,theme:s,walletAddress:g,showHeader:!1,sendTransaction:Le,onOutlink:Te})},"portfolio"):null,Mr=Ne?p("div",{className:G("wi-view-inner wi-send-body",Je.current&&"wi-view-send"),children:p(Bt,{env:o,theme:s,walletAddress:g,accountName:u,accounts:L,token:Ne,tokens:Xe,onTokenChange:ee,sendTransaction:Le,getTransactionReceipt:Re,onConfirmSuccess:Tr})},"send"):null,_r=p("div",{className:G("wi-view-inner wi-qr-body",Je.current&&"wi-view-qr"),children:k("div",{className:"wi-qr-section",children:[k("div",{className:"wi-qr-card",children:[k("div",{className:"wi-qr-code",children:[p(pi,{value:g,size:180,level:"H",marginSize:2,...x&&{imageSettings:{src:x,height:33,width:33,excavate:!0}}}),!x&&p("div",{className:"wi-qr-logo",children:p(xn,{size:33})})]}),p("p",{className:"wi-qr-address",children:g}),k("button",{type:"button",className:"wi-qr-copy-btn",onClick:$o,children:[p("span",{className:"wi-qr-copy-icon",children:xt?p(vt,{size:16}):p(wo,{size:16})}),p("span",{className:"wi-qr-copy-text",children:xt?"Copied!":"Copy address"})]})]}),Pr]})},"qr"),Ar=j==="qr"||j==="portfolio"||j==="send",jo=de!==null?p("div",{className:"wi-builtin-footer",children:de}):null,qo=k("div",{className:"wi-account-text",children:[W?k("button",{type:"button",className:"wi-account-row wi-account-row--btn",onClick:W,"aria-label":"Switch account",children:[p("span",{className:"wi-account-name",children:u??"Account 1"}),p("span",{className:"wi-account-switch","aria-hidden":"true",children:p(gn,{size:12})})]}):p("div",{className:"wi-account-row",children:p("span",{className:"wi-account-name",children:u??"Account 1"})}),k("button",{type:"button",className:"wi-address-row-btn",onClick:$o,"aria-label":"Copy address",children:[p("span",{className:"wi-account-address",children:pe(g)}),p("span",{className:"wi-account-copy",children:xt?p(vt,{size:14}):p(wo,{size:14})})]})]}),Go=k(Do,{children:[n,Ar?k("div",{className:"wi-sticky-header",children:[k("div",{className:"wi-header wi-header--wallet wi-header--sub-account",children:[p("button",{type:"button",className:"wi-header-back",onClick:Lr,"aria-label":"Back",children:p(fn,{})}),p("div",{className:"wi-account-block wi-account-block--sub-account",children:qo}),p("button",{type:"button",className:"wi-header-action",onClick:R,"aria-label":"Close",children:p(ho,{size:24})})]}),p("hr",{className:"wi-divider"})]}):k("div",{className:"wi-sticky-header",children:[k("div",{className:"wi-header wi-header--wallet",children:[k("div",{className:"wi-account-block",children:[k("div",{className:"wi-avatar",children:[p("div",{className:"wi-avatar-fallback",style:Ir}),zo&&p("img",{src:zo,alt:"",className:"wi-avatar-img",width:30,height:30,draggable:!1,onLoad:ao,onError:h=>{h.currentTarget.style.display="none"}})]}),qo]}),k("div",{className:"wi-header-actions",children:[f&&p("button",{type:"button",className:"wi-header-action",onClick:()=>Pe("qr"),"aria-label":"Show QR code",children:p(mn,{size:20})}),p("button",{type:"button",className:"wi-header-action",onClick:R,"aria-label":"Close",children:p(ho,{size:24})})]})]}),p("hr",{className:"wi-divider"})]}),k("div",{className:"wi-view-container",children:[j==="wallet"&&Er,j==="qr"&&_r,j==="portfolio"&&Sr,j==="send"&&Mr]}),jo&&j!=="portfolio"&&j!=="send"&&p("div",{className:"wi-sticky-footer",children:p("div",{className:"wi-footer",ref:ut,children:jo})})]}),Zo={...We,...Qe>0?{"--wi-footer-height":`${Qe}px`}:null};return i?k(Gt.Portal,{children:[a&&p(Gt.Overlay,{className:"wi-drawer-overlay"}),k(Gt.Content,{className:G("wi-drawer-content",r),"data-theme":s,style:Zo,"data-direction":c,"data-no-balance":!d||void 0,"data-has-footer":Qe>0||void 0,"data-view":j,children:[p(Gt.Title,{className:"wi-sr-only",children:"My Wallet"}),Go]})]}):k(Do,{children:[a&&l&&p("div",{className:"wi-drawer-overlay",onClick:R}),p(Zt.Portal,{children:p(Zt.Content,{align:e,sideOffset:t,className:G("wi-popover-content",r),"data-theme":s,style:Zo,"data-no-balance":!d||void 0,"data-has-footer":Qe>0||void 0,"data-view":j,children:Go})})]})}import*as ar from"react";function ir({position:e="top",children:t}){let{setNavContent:r,setNavPosition:n}=Ee();return ar.useEffect(()=>(r(t),n(e),()=>r(null)),[t,e,r,n]),null}import*as sr from"react";function lr({children:e}){let{setFooterContent:t}=Ee();return sr.useEffect(()=>(t(e),()=>t(null)),[e,t]),null}E(`[data-theme=dark].wi-popover-content,[data-theme=dark].wi-drawer-content{--wi-primary: var(--cck-primary, #019d92);--wi-secondary: var(--cck-secondary, #e70077);--wi-surface-bg: var(--cck-surface-bg, #121212);--wi-surface-default: var(--cck-surface-default, rgba(255, 255, 255, .05));--wi-surface-subtle: var(--cck-surface-subtle, rgba(255, 255, 255, .1));--wi-border-default: var(--cck-border-default, rgba(255, 255, 255, .05));--wi-border-subtle: var(--cck-border-subtle, rgba(255, 255, 255, .1));--wi-texticon-primary: var(--cck-texticon-primary, #ffffff);--wi-texticon-secondary: var(--cck-texticon-secondary, rgba(255, 255, 255, .7));--wi-texticon-tertiary: var(--cck-texticon-tertiary, rgba(255, 255, 255, .5));--wi-on-primary: var(--cck-on-primary, #ffffff);--wi-error: var(--cck-error, #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(--cck-primary, #019d92);--wi-secondary: var(--cck-secondary, #e70077);--wi-surface-bg: var(--cck-surface-bg, #ffffff);--wi-surface-default: var(--cck-surface-default, rgba(18, 18, 18, .05));--wi-surface-subtle: var(--cck-surface-subtle, rgba(18, 18, 18, .1));--wi-border-default: var(--cck-border-default, rgba(18, 18, 18, .05));--wi-border-subtle: var(--cck-border-subtle, rgba(18, 18, 18, .1));--wi-texticon-primary: var(--cck-texticon-primary, #121212);--wi-texticon-secondary: var(--cck-texticon-secondary, rgba(18, 18, 18, .7));--wi-texticon-tertiary: var(--cck-texticon-tertiary, rgba(18, 18, 18, .5));--wi-on-primary: var(--cck-on-primary, #ffffff);--wi-error: var(--cck-error, #e70077);--wi-shadow: 0 2px 16px -2px rgba(0, 0, 0, .15)}
|
|
8
|
-
`);
|
|
9
|
-
`);E(`@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}}
|
|
10
|
-
`);E(`.wi-popover-content{z-index:100001;width:343px;border-radius:24px;border:1px solid var(--wi-border-default);background:var(--wi-surface-bg);box-shadow:var(--wi-shadow);animation:wi-fade-in .15s ease-out;height:552px;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(552px + var(--wi-footer-height, 0px)),calc(100dvh - 32px))}.wi-drawer-overlay{position:fixed;inset:0;z-index:100000;background:#0009}.wi-drawer-content{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:auto;left:0;right:0;width:100%;max-height:60vh;margin:0 auto}.wi-drawer-content[data-has-footer][data-direction=bottom]{max-height:min(calc(60vh + var(--wi-footer-height, 0px)),85dvh)}.wi-drawer-content[data-direction=bottom][data-view=qr]{max-height:85dvh}.wi-sticky-header{flex-shrink:0}.wi-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 24px}.wi-header--wallet{align-items:flex-start}.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:38px;height:38px;padding:4px;border-radius:50%;background:var(--wi-surface-bg);box-sizing:border-box;overflow:hidden}.wi-avatar-fallback{position:absolute;inset:4px;border-radius:50%;z-index:0}.wi-avatar-img{position:relative;z-index:1;width:30px;height:30px;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 4px;margin:-2px -4px;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:14px;font-weight:600;line-height:1.4;color:var(--wi-texticon-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-account-switch{display:inline-flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;color:var(--wi-texticon-tertiary);border-radius:4px;flex-shrink:0}.wi-address-row-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;cursor:pointer;color:inherit;font:inherit;text-align:left;min-width:0;transition:opacity .15s ease}.wi-address-row-btn:hover{opacity:.7}.wi-account-address{font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;color:var(--wi-texticon-tertiary);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}.wi-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.wi-header-action{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(--wi-texticon-primary);flex-shrink:0;transition:opacity .15s ease,background .15s ease}.wi-header-action:hover{opacity:.75}.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(--wi-texticon-primary);transition:opacity .15s ease}.wi-header-close:hover{opacity:.7}.wi-total-section{margin:16px 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}button.wi-total-section{cursor:pointer;transition:opacity .15s ease}button.wi-total-section:hover,button.wi-total-section:focus-visible{outline:none;opacity:.85}.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-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--wi-texticon-tertiary);flex-shrink:0;transition:transform .15s ease,color .15s ease}button.wi-total-section:hover .wi-total-chevron,button.wi-total-section:focus-visible .wi-total-chevron{color:var(--wi-texticon-primary);transform:translate(2px)}.wi-total-label{font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;color:var(--wi-texticon-tertiary)}.wi-total-eye{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;color:var(--wi-texticon-tertiary);cursor:pointer;transition:opacity .15s ease;border-radius:4px}.wi-total-eye:hover{opacity:.7}.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.3;color:var(--wi-texticon-primary);font-variant-numeric:tabular-nums;min-height:36px;white-space:nowrap}.wi-total-currency,.wi-total-amount{font-size:28px}.wi-total-decimal{font-size:20px;color:var(--wi-texticon-primary)}.wi-total-lte{margin-right:2px;font-weight:500;font-size:20px;color:var(--wi-texticon-secondary)}.wi-total-mask{letter-spacing:2px;font-size:28px;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:16px 24px 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:12px}.wi-token-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.wi-token-left{display:flex;align-items:center;gap:12px;min-width:0}.wi-token-icon-wrap{position:relative;width:32px;height:32px;flex-shrink:0}.wi-token-icon{width:28px;height:28px;border-radius:8px;object-fit:contain;opacity:0;transition:opacity .2s ease;background:var(--wi-surface-default)}.wi-token-icon[data-loaded=true]{opacity:1}.wi-token-chain-badge{position:absolute;right:0;bottom:0;width:14px;height:14px;border-radius:50%;background:var(--wi-surface-bg);box-shadow:0 0 0 1.5px var(--wi-surface-bg);object-fit:contain}.wi-token-info{display:flex;flex-direction:column;min-width:0}.wi-token-name{font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;color:var(--wi-texticon-primary);white-space:nowrap}.wi-token-price-row{display:flex;align-items:center;gap:4px}.wi-token-price{font-family:inherit;font-size:12px;font-weight:400;line-height:1.3;color:var(--wi-texticon-secondary);white-space:nowrap}.wi-token-change{font-family:inherit;font-size:12px;font-weight:400;line-height:1.3;white-space:nowrap}.wi-token-change[data-positive=true]{color:var(--wi-primary)}.wi-token-change[data-positive=false]{color:var(--wi-secondary)}.wi-token-change[data-zero]{opacity:.8}.wi-token-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.wi-token-balance{font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;color:var(--wi-texticon-primary);white-space:nowrap}.wi-token-value{font-family:inherit;font-size:12px;font-weight:400;line-height:1.3;color:var(--wi-texticon-secondary);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:8px 24px 16px}.wi-disconnect-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:16px;padding:0;border:none;background:transparent;color:var(--wi-texticon-tertiary);font-family:inherit;font-size:12px;font-weight:400;line-height:1.3;cursor:pointer;transition:opacity .15s ease}.wi-disconnect-btn:hover{opacity:.75}.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;margin-top:16px;font-family:inherit;font-size:10px;font-weight:400;line-height:1.3;color:var(--wi-texticon-tertiary)}.wi-legal-link{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:opacity .15s ease}.wi-legal-link:hover{opacity:.75}.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;padding:0;border:none;background:transparent;cursor:pointer;color:var(--wi-texticon-primary);flex-shrink:0;transition:opacity .15s ease}.wi-header-back:hover{opacity:.7}.wi-view-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.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-top{padding:16px 20px;gap:14px}.wi-portfolio-body .wp-body-inner{padding:4px 20px 24px;gap:16px}.wi-qr-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:16px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;overscroll-behavior:contain}[data-theme=light] .wi-qr-section{scrollbar-color:rgba(0,0,0,.12) transparent}.wi-qr-section::-webkit-scrollbar{width:4px}.wi-qr-section::-webkit-scrollbar-track{background:transparent}.wi-qr-section::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.wi-qr-section::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] .wi-qr-section::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .wi-qr-section::-webkit-scrollbar-thumb:hover{background:#0003}.wi-qr-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1;min-height:0;padding:32px 24px;background:var(--wi-border-default);border:1px solid var(--wi-border-default);border-radius:12px}.wi-qr-code{position:relative;display:flex;align-items:center;justify-content:center}.wi-qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.wi-qr-address{font-family:inherit;font-size:14px;font-weight:400;line-height:1.3;color:var(--wi-texticon-primary);text-align:center;word-break:break-all;max-width:247px;margin:0}.wi-qr-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid var(--wi-border-subtle);background:var(--wi-surface-default);border-radius:8px;cursor:pointer;transition:opacity .15s ease}.wi-qr-copy-btn:hover{opacity:.7}.wi-qr-copy-icon{display:inline-flex;color:var(--wi-texticon-secondary)}.wi-qr-copy-text{font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;color:var(--wi-texticon-secondary);white-space:nowrap}
|
|
11
|
-
`);E(`.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}
|
|
12
|
-
`);import{jsx as Wo}from"react/jsx-runtime";var wi="https://terms.crosstoken.io/docs/cross-terms-of-use",hi="https://terms.crosstoken.io/docs/nexus-privacy-policy";function xi({env:e,theme:t="dark",mobileBreakpoint:r=768,drawerDirection:n,modal:o,showBalance:s=!1,showForgeToken:i=!1,showGameToken:l=!0,showQR:c=!0,qrLogoSrc:a,walletAddress:d,accountName:m,sendAccounts:b,profileImageUrl:f,connectorId:x,connectorName:g,connectorIconUrl:u,preferredTokens:L=[],onSelectWallet:P,onCopyAddress:A,onDisconnect:R,disconnectLabel:W="Disconnect",termsUrl:w=wi,termsLabel:N="Terms of Service",privacyUrl:F=hi,privacyLabel:C="Privacy Policy",open:z,onOpenChange:V,showPortfolio:ce=!1,portfolioTitle:We="My Portfolio",showTotalAssets:ne=!0,totalAssetsLabel:U="Total Assets USD",sendTransaction:de,getTransactionReceipt:j,onOutlink:Fe,style:Ne,children:ee}){let Be=ae(e),ft=x?Dt[x]:void 0,Ve=g??ft?.name,ye=u??ft?.iconUrl,Le=et(`(max-width: ${r}px)`),Re=n??(s?"right":"bottom"),Te=o??!1,ge=z!==void 0,[He,y]=te.useState(!1),q=ge?z:He,Y=te.useCallback(ht=>{ge||y(ht),V?.(ht)},[ge,V]),le=te.useCallback(()=>Y(!1),[Y]),[re,Ye]=te.useState(null),[we,Pt]=te.useState("top"),[ut,Qe]=te.useState(null),[gt,Ie]=te.useState("wallet"),[wt,Et]=te.useState(null);te.useEffect(()=>{q||(Ie("wallet"),Et(null))},[q]);let St=te.useCallback(()=>{yo(d),R?.()},[R,d]),Xe=te.useMemo(()=>({env:Be,theme:t,isMobile:Le,open:q,drawerDirection:Re,modal:Te,showBalance:s,showForgeToken:i,showGameToken:l,showQR:c,qrLogoSrc:a,walletAddress:d,accountName:m,sendAccounts:b,profileImageUrl:f,connectorName:Ve,connectorIconUrl:ye,preferredTokens:L,close:le,onSelectWallet:P,onCopyAddress:A,onDisconnect:R?St:void 0,disconnectLabel:W,termsUrl:w,termsLabel:N,privacyUrl:F,privacyLabel:C,portalStyle:Ne,navContent:re,navPosition:we,setNavContent:Ye,setNavPosition:Pt,footerContent:ut,setFooterContent:Qe,view:gt,setView:Ie,selectedSendToken:wt,setSelectedSendToken:Et,showPortfolio:ce,portfolioTitle:We,showTotalAssets:ne,totalAssetsLabel:U,sendTransaction:de,getTransactionReceipt:j,onOutlink:Fe}),[Be,t,Le,q,Re,Te,s,i,l,c,a,d,m,b,f,Ve,ye,L,le,P,A,R,St,W,w,N,F,C,Ne,re,we,ut,gt,wt,ce,We,ne,U,de,j,Fe]);return Wo(po.Provider,{value:Xe,children:Le?Wo(gi.Root,{direction:Re,open:q,onOpenChange:Y,noBodyStyles:!0,children:ee},"drawer"):Wo(cr.Root,{open:q,onOpenChange:Y,children:ee},"popover")})}var dt=Object.assign(xi,{Trigger:kn,Content:rr,Nav:ir,Footer:lr});import*as Ce from"react";import*as yr from"@radix-ui/react-dialog";import{Drawer as Li}from"vaul";import{createContext as bi,useContext as vi}from"react";var Kt=bi(null);function Rt(){let e=vi(Kt);if(!e)throw new Error("WalletConnectModal compound components must be used within <WalletConnectModal>");return e}import{useState as dr,useEffect as yi,useCallback as ki}from"react";function Yt(){let[e,t]=dr([]),[r,n]=dr(!0);yi(()=>{if(typeof window>"u"){n(!1);return}let s=[],i=c=>{let{info:a}=c.detail;a?.rdns&&!s.some(d=>d.rdns===a.rdns)&&(s.push({rdns:a.rdns,name:a.name,icon:a.icon}),t([...s]))};window.addEventListener("eip6963:announceProvider",i),window.addEventListener("eip6963:crossAnnounceProvider",i),window.dispatchEvent(new Event("eip6963:requestProvider")),window.dispatchEvent(new Event("eip6963:crossRequestProvider"));let l=setTimeout(()=>n(!1),500);return()=>{window.removeEventListener("eip6963:announceProvider",i),window.removeEventListener("eip6963:crossAnnounceProvider",i),clearTimeout(l)}},[]);let o=ki(s=>e.some(i=>i.rdns===s),[e]);return{wallets:e,isDetected:o,isLoading:r}}import*as mr from"@radix-ui/react-dialog";import{Drawer as Ci}from"vaul";import{jsx as pr}from"react/jsx-runtime";function fr({asChild:e,children:t}){let{isMobile:r}=Rt(),n=r?Ci.Trigger:mr.Trigger;return pr(n,{asChild:e??t!=null,children:t??pr("button",{type:"button",children:"Connect Wallet"})})}import*as Ae from"@radix-ui/react-dialog";import{Drawer as Xt}from"vaul";import{jsx as $,jsxs as pt}from"react/jsx-runtime";function Qt(){return pt("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 ur(){return pt("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",children:[pt("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 gr(){return pt("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 wr(){return pt("svg",{width:"40",height:"40",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[pt("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 hr(){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 Fo={cross_embedded:{id:"cross_embedded",name:"CROSSx with Social",description:"Sign in with Google or Apple",icon:Qt,featured:!0},cross_wallet:{id:"cross_wallet",name:"CROSSx",description:"App approval is required",icon:Qt},cross_extension:{id:"cross_extension",name:"CROSSx Extension",description:"Browser extension approval is required",icon:Qt,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:ur,rdns:"io.metamask"},verse8:{id:"verse8",name:"Verse8 Wallet",description:"Optimized for Forge and Verse8 ecosystem",icon:gr,badge:"For Forge"},tron:{id:"tron",name:"Tron Wallet",description:"Dedicated for Tron-based transactions and assets",icon:wr,badge:"For SHOP"}};function mt(e){return Fo[e]}import{Fragment as Ni,jsx as T,jsxs as oe}from"react/jsx-runtime";function xr({wallet:e,detected:t,onConnect:r}){let n=()=>{if(e.installUrl&&!t){window.open(e.installUrl,"_blank","noopener,noreferrer");return}r()},o=e.icon;return oe("button",{type:"button",className:"wcm-wallet-item",onClick:n,children:[oe("div",{className:"wcm-wallet-item-left",children:[T("div",{className:"wcm-wallet-icon",children:T(o,{})}),oe("div",{className:"wcm-wallet-info",children:[oe("div",{className:"wcm-wallet-name-row",children:[T("span",{className:"wcm-wallet-name",children:e.name}),e.badge&&T("span",{className:"wcm-wallet-badge",children:e.badge})]}),T("span",{className:"wcm-wallet-desc",children:e.description})]})]}),e.installUrl&&(t?T("span",{className:"wcm-installed-label",children:"Installed"}):T("span",{className:"wcm-install-btn",children:"Install"}))]})}function br(){let{wallets:e,activeWalletIds:t,isDetected:r,close:n,isMobile:o}=Rt(),s=t.filter(c=>{let a=mt(c).visibility;return!a||a==="always"?!0:a==="desktop-only"?!o:a==="mobile-only"?o:!0}),i=s.filter(c=>mt(c).featured),l=s.filter(c=>!mt(c).featured);return oe(Ni,{children:[oe("div",{className:"wcm-header",children:[oe("div",{className:"wcm-header-text",children:[T("h2",{className:"wcm-title",children:"Connect Wallet"}),T("p",{className:"wcm-subtitle",children:"Connect with one of our available wallet providers to continue."})]}),T("button",{type:"button",className:"wcm-close-btn",onClick:n,children:T(hr,{})})]}),T("div",{className:"wcm-divider"}),oe("div",{className:"wcm-body",children:[i.map(c=>{let a=mt(c),d=a.rdns?r(a.rdns):!1;return T(xr,{wallet:a,detected:d,onConnect:()=>{e[c]?.(),n()}},c)}),i.length>0&&l.length>0&&oe("div",{className:"wcm-separator",children:[T("div",{className:"wcm-separator-line"}),T("span",{className:"wcm-separator-text",children:"or"}),T("div",{className:"wcm-separator-line"})]}),T("div",{className:"wcm-wallet-list",children:l.map(c=>{let a=mt(c),d=a.rdns?r(a.rdns):!1;return T(xr,{wallet:a,detected:d,onConnect:()=>{e[c]?.(),n()}},c)})}),oe("div",{className:"wcm-help",children:[T("p",{className:"wcm-help-title",children:"Wallet not detected?"}),oe("ul",{className:"wcm-help-list",children:[T("li",{children:"Ensure your wallet extension is installed and unlocked"}),T("li",{children:"Try refreshing the page"}),T("li",{children:"Some wallets may require you to first open the extension"}),T("li",{children:"You can try clicking the wallet anyway"})]})]}),T("div",{className:"wcm-divider"}),T("p",{className:"wcm-terms",children:"By connecting your wallet and accessing this service, you acknowledge and agree to be bound by the applicable terms and conditions."})]})]})}function vr({className:e}){let{isMobile:t,theme:r,portalStyle:n}=Rt();return t?oe(Xt.Portal,{children:[T(Xt.Overlay,{className:"wcm-overlay"}),oe(Xt.Content,{className:G("wcm-drawer-content",e),"data-theme":r,style:n,children:[T(Xt.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),T("div",{className:"wcm-drawer-handle"}),T("div",{className:"wcm-drawer-body",children:T(br,{})})]})]}):oe(Ae.Portal,{children:[T(Ae.Overlay,{className:"wcm-overlay"}),oe(Ae.Content,{className:G("wcm-dialog-content",e),"data-theme":r,style:n,children:[T(Ae.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),T("div",{className:"wcm-dialog-body",children:T(br,{})})]})]})}E(`[data-theme=dark]{--wcm-primary: var(--cck-primary, #9b8cef);--wcm-secondary: var(--cck-secondary, #ff3aa3);--wcm-surface-bg: var(--cck-surface-bg, #202530);--wcm-surface-default: var(--cck-surface-default, #292f40);--wcm-surface-subtle: var(--cck-surface-subtle, #313b51);--wcm-border-default: var(--cck-border-default, #313b51);--wcm-border-subtle: var(--cck-border-subtle, #49556e);--wcm-texticon-primary: var(--cck-texticon-primary, #ffffff);--wcm-texticon-secondary: var(--cck-texticon-secondary, #eff0f4);--wcm-texticon-tertiary: var(--cck-texticon-tertiary, #717d97)}[data-theme=light]{--wcm-primary: var(--cck-primary, #019d92);--wcm-secondary: var(--cck-secondary, #e70077);--wcm-surface-bg: var(--cck-surface-bg, #ffffff);--wcm-surface-default: var(--cck-surface-default, rgba(18, 18, 18, .05));--wcm-surface-subtle: var(--cck-surface-subtle, rgba(18, 18, 18, .1));--wcm-border-default: var(--cck-border-default, rgba(18, 18, 18, .05));--wcm-border-subtle: var(--cck-border-subtle, rgba(18, 18, 18, .1));--wcm-texticon-primary: var(--cck-texticon-primary, #121212);--wcm-texticon-secondary: var(--cck-texticon-secondary, rgba(18, 18, 18, .7));--wcm-texticon-tertiary: var(--cck-texticon-tertiary, rgba(18, 18, 18, .5))}
|
|
13
|
-
`);
|
|
14
|
-
`);E(
|
|
15
|
-
`);import{jsx as Tt}from"react/jsx-runtime";function Ri({wallets:e,theme:t="dark",mobileBreakpoint:r=768,drawerDirection:n="bottom",dialogWidth:o,drawerMaxWidth:s,drawerMinWidth:i,style:l,open:c,onOpenChange:a,children:d}){let m=et(`(max-width: ${r}px)`),[b,f]=Ce.useState(!1),x=c!==void 0,g=x?c:b,u=Ce.useCallback(N=>{x||f(N),a?.(N)},[x,a]),L=Ce.useCallback(()=>u(!1),[u]),{isDetected:P}=Yt(),A=Ce.useMemo(()=>Object.keys(e),[e]),R=Ce.useMemo(()=>{let N={};return o&&(N["--wcm-dialog-width"]=o),s&&(N["--wcm-drawer-max-width"]=s),i&&(N["--wcm-drawer-min-width"]=i),{...N,...l}},[o,s,i,l]),W=Ce.useMemo(()=>({theme:t,isMobile:m,open:g,setOpen:u,close:L,wallets:e,activeWalletIds:A,isDetected:P,portalStyle:R}),[t,m,g,u,L,e,A,P,R]),w=Tt("div",{"data-theme":t,style:R,children:d});return m?Tt(Kt.Provider,{value:W,children:Tt(Li.Root,{direction:n,open:g,onOpenChange:u,noBodyStyles:!0,children:w},"drawer")}):Tt(Kt.Provider,{value:W,children:Tt(yr.Root,{open:g,onOpenChange:u,children:w})})}var kr=Object.assign(Ri,{Trigger:fr,Content:vr});var Ti='<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>',Ii='<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>',Pi='<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>',Ei='<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>',Si='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><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 It(e){return`data:image/svg+xml,${encodeURIComponent(e)}`}var Jt=It(Ti),eo=It(Ii),to=It(Pi),oo=It(Ei),no=It(Si);import{jsx as De,jsxs as Bo}from"react/jsx-runtime";function Nr({isConnecting:e,address:t,provider:r,providerName:n,accountName:o,sendAccounts:s,onConnect:i,onDisconnect:l,onCopy:c,onSelectWallet:a,label:d="Connect Wallet",connectingLabel:m="Connecting...",disconnectLabel:b,className:f,theme:x="dark",env:g,showBalance:u=!0,showPortfolio:L,drawerDirection:P,modal:A,connectorId:R,style:W,sendTransaction:w,getTransactionReceipt:N}){if(e)return Bo("button",{type:"button",disabled:!0,className:f,style:f?void 0:{...Oe.button,...Oe.buttonLoading},"aria-busy":"true",children:[De("style",{children:Oi}),De("span",{style:Oe.spinner,"aria-hidden":"true"}),m]});if(t){let F=n??Ai(r),C=r?Mi[r]:void 0;return Bo(dt,{env:g,theme:x,drawerDirection:P,modal:A,showBalance:u,showPortfolio:L,walletAddress:t,accountName:o,sendAccounts:s,connectorId:R,onSelectWallet:a,onCopyAddress:c?(z,V)=>{V&&c()}:void 0,onDisconnect:l,disconnectLabel:b,style:W,sendTransaction:w,getTransactionReceipt:N,children:[De(dt.Trigger,{asChild:!0,children:Bo("button",{type:"button",className:f,style:f?void 0:Oe.connectedBtn,"aria-label":`Connected with ${F}: ${Cr(t)}`,children:[C?De("img",{src:C,alt:"",width:20,height:20,style:Oe.connectedIcon}):De("span",{style:Oe.connectedIconPlaceholder,"aria-hidden":"true"}),De("span",{style:Oe.connectedAddress,children:Cr(t)})]})}),De(dt.Content,{align:"end",sideOffset:8})]})}return De("button",{type:"button",onClick:i,className:f,style:f?void 0:Oe.button,children:d})}var Mi={google:oo,apple:no,cross:Jt,metamask:eo,binance:to},_i={google:"Google",apple:"Apple",cross:"CROSSx",metamask:"MetaMask",binance:"Binance Wallet"};function Ai(e){return e?_i[e]:"Wallet"}function Cr(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}var Oi="@keyframes cross-cb-spin{to{transform:rotate(360deg)}}",Oe={button:{padding:"10px 24px",borderRadius:"12px",border:"none",background:"#00D5AA",color:"#000",fontWeight:700,fontSize:"14px",cursor:"pointer",display:"inline-flex",alignItems:"center",gap:"8px",transition:"opacity 0.15s",fontFamily:"inherit"},buttonLoading:{opacity:.7,cursor:"default"},spinner:{display:"inline-block",width:"14px",height:"14px",border:"2px solid #00000030",borderTopColor:"#000",borderRadius:"50%",animation:"cross-cb-spin 0.6s linear infinite"},connectedBtn:{display:"inline-flex",alignItems:"center",gap:"8px",padding:"8px 14px",borderRadius:"999px",border:"1px solid var(--wi-border-default, #2a2d3a)",background:"var(--wi-surface-default, #1e232e)",color:"var(--wi-texticon-primary, #ffffff)",fontWeight:600,fontSize:"14px",cursor:"pointer",fontFamily:"inherit"},connectedIcon:{width:"20px",height:"20px",borderRadius:"50%",objectFit:"contain",flexShrink:0,background:"transparent"},connectedIconPlaceholder:{display:"inline-block",width:"20px",height:"20px",borderRadius:"50%",background:"var(--wi-surface-subtle, #2a2d3a)",flexShrink:0},connectedAddress:{fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSize:"13px",letterSpacing:"0.02em"}};export{no as APPLE_ICON,Qo as AppLauncher,an as AppLauncherContent,on as AppLauncherTrigger,to as BINANCE_ICON,Dt as CONNECTOR_REGISTRY,Jt as CROSSX_ICON,Nr as ConnectButton,mo as ConnectorId,oo as GOOGLE_ICON,eo as METAMASK_ICON,Bt as SendPage,To as TOKEN_STATS_QUERY_KEY,Ro as USER_BALANCE_QUERY_KEY,Fo as WALLET_REGISTRY,kr as WalletConnectModal,dt as WalletInfo,nr as WalletPortfolio,ct as WalletPortfolioBody,ae as resolveEnvironment,At as useGlobalMenu,rt as useTokenBalance,at as useTokenStats,Yt as useWalletDetect};
|
|
1
|
+
function Q(e){if(e)return Io(e);let t=typeof process<"u"?process.env?.NEXT_PUBLIC_CROSSX_ENVIRONMENT:void 0;return Io(t)}function Io(e){switch(e?.toLowerCase()){case"dev":case"development":return"dev";case"stage":case"staging":case"stg":return"stage";default:return"production"}}import*as De from"react";import*as Po from"@radix-ui/react-popover";import{Drawer as mn}from"vaul";import{createContext as ln,useContext as cn}from"react";var Zt=ln(null);function wt(){let e=cn(Zt);if(!e)throw new Error("AppLauncher compound components must be used within <AppLauncher>");return e}import{useState as pn,useEffect as dn}from"react";function We(e){let[t,r]=pn(!1);return dn(()=>{let o=window.matchMedia(e);r(o.matches);let n=c=>r(c.matches);return o.addEventListener("change",n),()=>o.removeEventListener("change",n)},[e]),t}function P(e,{insertAt:t}={}){if(!e||typeof document>"u")return;let r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",t==="top"&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}P(`[data-theme=dark]{--al-bg: var(--cck-surface-bg, #1e232e);--al-bg-hover: var(--cck-surface-default, #252b39);--al-text: var(--cck-texticon-primary, hsla(200, 19%, 94%, 1));--al-text-secondary: var(--cck-texticon-secondary, hsla(200, 10%, 70%, 1));--al-border: var(--cck-border-subtle, #3b4153);--al-shadow: 0 2px 8px -1px rgba(0, 0, 0, .15);--al-badge-bg: #123f3c;--al-badge-text: hsla(168, 85%, 47%, 1);--al-badge-new-text: #000;--al-drawer-overlay: rgba(0, 0, 0, .6)}[data-theme=light]{--al-bg: var(--cck-surface-bg, #fff);--al-bg-hover: var(--cck-surface-default, #f3f6f8);--al-text: var(--cck-texticon-primary, hsla(221, 21%, 15%, 1));--al-text-secondary: var(--cck-texticon-secondary, hsla(220, 10%, 40%, 1));--al-border: var(--cck-border-subtle, #ecf0f2);--al-shadow: 0 2px 8px -1px rgba(0, 0, 0, .15);--al-badge-bg: #cdf4ed;--al-badge-text: hsla(170, 82%, 32%, 1);--al-badge-new-text: #fff;--al-drawer-overlay: rgba(0, 0, 0, .4)}
|
|
2
|
+
`);P(`.al-trigger-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.al-trigger-btn[data-theme=dark]{color:#edf1f3}.al-trigger-btn[data-theme=light]{color:#1e232e}
|
|
3
|
+
`);P(`@keyframes al-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
|
|
4
|
+
`);P(`.al-popover-content{z-index:100001;border-radius:16px;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:24px 4px;box-sizing:border-box}.al-popover-content .al-grid{grid-template-columns:repeat(4,100px);row-gap:24px;column-gap:0;padding:0;justify-content:center}.al-popover-content .al-grid-item{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:8px 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:54px;height:54px;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;letter-spacing:0;text-align:center;color:var(--al-text);max-width:100%;white-space:normal;overflow-wrap:anywhere}.al-popover-content .al-grid-item-right,.al-popover-content .al-badge-new{display:none}.al-drawer-overlay{position:fixed;inset:0;z-index:100000;background:var(--al-drawer-overlay)}.al-drawer-content{position:fixed;top:0;right:0;bottom:0;z-index:100001;width:100vw;background:var(--al-bg);overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;box-sizing:border-box}.al-drawer-body{flex:1;overflow-y:auto;overscroll-behavior-y:contain;min-height:0}.al-drawer-content .al-grid{display:flex;flex-direction:column;grid-template-columns:none;max-width:100%;overflow:hidden;flex-shrink:0;gap:0;row-gap:0;column-gap:0;padding:16px}.al-drawer-content .al-grid-item{width:100%;max-width:100%;gap:8px;padding:16px 12px;border-radius:8px;overflow:hidden;background:transparent}.al-drawer-content .al-grid-item:hover,.al-drawer-content .al-grid-item[data-active=true]{background:var(--al-bg-hover)}.al-drawer-content .al-grid-item-left{gap:8px;flex:1 1 auto;min-width:0}.al-drawer-content .al-grid-item-icon{width:36px;height:36px;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.5;letter-spacing:-.16px;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:-.16px;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);transition:opacity .15s ease}.al-drawer-close:hover{opacity:.7}.al-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px}.al-grid-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background-color .15s ease;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)}.al-grid-item-left{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.al-grid-item-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.al-grid-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.al-grid-item-icon img{width:100%;height:100%;object-fit:contain}.al-grid-item-label{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:150%;letter-spacing:-.16px;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:-.1px;white-space:nowrap;flex-shrink:0}.al-badge-new{display:flex;width:16px;height:16px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:12px;background:#7346f3;color:var(--al-badge-new-text);font-family:Pretendard,Inter,sans-serif;font-size:9px;font-weight:700;flex-shrink:0}
|
|
5
|
+
`);P("");import{jsx as Gt}from"react/jsx-runtime";function Ro({env:e,theme:t="dark",mobileBreakpoint:r=768,domain:o,children:n}){let c=We(`(max-width: ${r}px)`),[s,l]=De.useState(!1),p=De.useCallback(()=>l(!1),[]),i=Q(e),a=De.useMemo(()=>({env:i,theme:t,isMobile:c,open:s,domain:o,close:p}),[i,t,c,s,o,p]);return Gt(Zt.Provider,{value:a,children:c?Gt(mn.Root,{direction:"right",open:s,onOpenChange:l,noBodyStyles:!0,children:n},"drawer"):Gt(Po.Root,{open:s,onOpenChange:l,children:n},"popover")})}import*as _o from"@radix-ui/react-popover";import{Drawer as un}from"vaul";import{jsx as Z,jsxs as fn}from"react/jsx-runtime";function Eo({size:e=18}){return fn("svg",{className:"al-trigger-icon",width:e,height:e,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Z("rect",{width:"4",height:"4",fill:"currentColor"}),Z("rect",{x:"7",width:"4",height:"4",fill:"currentColor"}),Z("rect",{x:"14",width:"4",height:"4",fill:"currentColor"}),Z("rect",{y:"7",width:"4",height:"4",fill:"currentColor"}),Z("rect",{x:"7",y:"7",width:"4",height:"4",fill:"currentColor"}),Z("rect",{x:"14",y:"7",width:"4",height:"4",fill:"currentColor"}),Z("rect",{y:"14",width:"4",height:"4",fill:"currentColor"}),Z("rect",{x:"7",y:"14",width:"4",height:"4",fill:"currentColor"}),Z("rect",{x:"14",y:"14",width:"4",height:"4",fill:"currentColor"})]})}function To(){return Z("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Z("path",{d:"M12 19L5 12M5 12L12 5M5 12H19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function Mo(){return Z("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Z("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}import{jsx as ht}from"react/jsx-runtime";function So({asChild:e,children:t}){let{isMobile:r,theme:o}=wt(),n=t!=null,c=e??!0,s=n?t:ht("button",{type:"button",className:"al-trigger-btn","data-theme":o,children:ht(Eo,{size:r?12:18})});return r?ht(un.Trigger,{asChild:c,children:s}):ht(_o.Trigger,{asChild:c,children:s})}import*as Ie from"react";import*as bt from"@radix-ui/react-popover";import{Drawer as Ae}from"vaul";import{useQuery as gn}from"@tanstack/react-query";var Oo={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"};function xt(e){let t=Q(e);return gn({queryKey:["global-menu",t],queryFn:async({signal:r})=>{let o=await fetch(Oo[t],{cache:"no-store",signal:r});if(!o.ok)throw new Error(`Failed to fetch global menu: ${o.status}`);return o.json()},staleTime:0,gcTime:0,refetchOnMount:!0})}function V(...e){return e.filter(Boolean).join(" ")}import{jsx as U,jsxs as et}from"react/jsx-runtime";function Do({align:e="end",sideOffset:t=12,className:r}){let{env:o,theme:n,isMobile:c,domain:s,close:l}=wt(),{data:p}=xt(o),i=Ie.useMemo(()=>(p?.items??[]).sort((g,k)=>g.order-k.order),[p]),a=8,m=Ie.useRef(null),h=Ie.useCallback(g=>{m.current={x:g.clientX,y:g.clientY}},[]),x=typeof window<"u"?window.location.pathname:"",u=Ie.useCallback((g,k)=>{if(m.current){let L=g.clientX-m.current.x,_=g.clientY-m.current.y;if(m.current=null,Math.abs(L)>a||Math.abs(_)>a)return}let R=k.url[o]??k.url.production,E=Wo(R,s);if(!E)try{let L=new URL(R).pathname;if(x===L||x.startsWith(L+"/")){l();return}}catch{}E?window.open(R,"_blank","noopener,noreferrer"):window.location.href=R,l()},[o,s,l,x]),f=U("div",{className:"al-grid","data-theme":n,children:i.map(g=>{let k=g.url[o]??g.url.production,R=Wo(k,s),E=!1;if(!R)try{let L=new URL(k).pathname;E=x===L||x.startsWith(L+"/")}catch{E=!1}return et("button",{type:"button",className:"al-grid-item","data-active":E||void 0,onPointerDown:h,onClick:L=>u(L,g),children:[et("div",{className:"al-grid-item-left",children:[U("div",{className:"al-grid-item-icon",children:U("img",{src:g.iconUrl,alt:g.label,width:24,height:24,loading:"lazy"})}),U("span",{className:"al-grid-item-label",children:g.label}),g.isNew&&U("span",{className:"al-badge-new",children:"N"})]}),U("div",{className:"al-grid-item-right",children:g.badge&&U("span",{className:"al-badge",children:g.badge})})]},g.id)})});return c?et(Ae.Portal,{children:[U(Ae.Overlay,{className:"al-drawer-overlay"}),et(Ae.Content,{className:V("al-drawer-content",r),"data-theme":n,children:[et("div",{className:"al-drawer-header",children:[U(Ae.Close,{className:"al-drawer-close",children:U(To,{})}),U(Ae.Title,{className:"al-drawer-title",children:"CROSS Services"}),U(Ae.Close,{className:"al-drawer-close",children:U(Mo,{})})]}),U("div",{className:"al-drawer-body",children:f})]})]}):U(bt.Portal,{children:U(bt.Content,{align:e,sideOffset:t,className:V("al-popover-content",r),"data-theme":n,children:f})})}function Wo(e,t){try{let r=new URL(e).hostname;return typeof window>"u"?!0:r!==(t??window.location.hostname)}catch{return!1}}import*as K from"react";import*as Fr from"@radix-ui/react-popover";import{Drawer as Li}from"vaul";import{createContext as wn,useContext as hn}from"react";var Kt=wn(null);function fe(){let e=hn(Kt);if(!e)throw new Error("WalletInfo compound components must be used within <WalletInfo>");return e}var Yt=(o=>(o.CROSSx="crossx",o.MetaMask="io.metamask",o.Binance="com.binance.wallet",o))(Yt||{}),vt={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 Go from"@radix-ui/react-popover";import{Drawer as bn}from"vaul";import{jsx as O,jsxs as yt}from"react/jsx-runtime";function Ao({size:e=16,className:t}){return yt("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[O("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"}),O("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 Qt({size:e=16,className:t}){return O("svg",{width:e,height:e,viewBox:"4 4 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:O("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 Xt({size:e=16,className:t}){return O("svg",{width:e,height:e,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:O("path",{d:"M11.6667 3.5L5.25 9.91667L2.33334 7",stroke:"currentColor",strokeWidth:1.16667,strokeLinecap:"round",strokeLinejoin:"round"})})}function Jt({size:e=24,className:t}){return O("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:O("path",{d:"M18 6L6 18M6 6l12 12",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function Fo({size:e=20,className:t}){return yt("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[O("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"}),O("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 Bo({size:e=20,className:t}){return O("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,children:O("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 Vo({size:e=20,className:t}){return O("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:O("path",{d:"M12.5 15L7.5 10L12.5 5",stroke:"currentColor",strokeWidth:1.67,strokeLinecap:"round",strokeLinejoin:"round"})})}function Ho({size:e=20,className:t}){return O("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:O("path",{d:"M8 5L13 10L8 15",stroke:"currentColor",strokeWidth:1.67,strokeLinecap:"round",strokeLinejoin:"round"})})}function Uo({size:e=20,className:t}){return O("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:O("path",{d:"M5 8L10 13L15 8",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function $o({size:e=16,className:t}){return yt("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[O("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"}),O("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 qo({size:e=16,className:t}){return yt("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[O("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"}),O("path",{d:"M1.667 1.667l16.666 16.666",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})]})}function zo({size:e=42,className:t}){return O("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 42 42",fill:"none",className:t,children:O("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})})}import Pe from"bignumber.js";function xn(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 kt(e,t){if(!e||e==="0")return"0.00";let r=new Pe(e).shiftedBy(-t),o=r.isGreaterThanOrEqualTo(1)?2:4;return r.toFormat(o,Pe.ROUND_DOWN)}function Fe(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}function eo(e){let t=typeof e=="string"?parseFloat(e):e;if(Number.isNaN(t)||t===0)return"$0.00";let r=t>=1?2:4,o=Math.pow(10,r);return`$${(Math.floor(t*o)/o).toLocaleString("en-US",{minimumFractionDigits:r,maximumFractionDigits:r})}`}function jo(e,t,r){let n=new Pe(e).shiftedBy(-t).multipliedBy(new Pe(r));return n.isZero()||n.isNaN()?"$0.00":`$${(n.integerValue(Pe.ROUND_DOWN).isGreaterThanOrEqualTo(1)?n.decimalPlaces(2,Pe.ROUND_DOWN):n.decimalPlaces(4,Pe.ROUND_DOWN)).toFormat()}`}function Zo(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 r=t;if(r.includes("e")||r.includes("E")){let s=Number(r);if(!Number.isFinite(s)||s===0)return{displayValue:"0",isLowerBound:!1};r=xn(s.toFixed(18))}let[o="0",n=""]=r.split(".");if(Number(o)>=1){let s=n.slice(0,2).padEnd(2,"0");return{displayValue:`${Number(o).toLocaleString("en-US")}.${s}`,isLowerBound:!1}}return n.length<4?{displayValue:`${o}.${n}`,isLowerBound:!1}:n.slice(0,4)==="0000"?{displayValue:"0.0001",isLowerBound:!0}:{displayValue:`0.${n.slice(0,4)}`,isLowerBound:!1}}import{jsx as Ct,jsxs as vn}from"react/jsx-runtime";function Ko({asChild:e,className:t,children:r}){let{isMobile:o,theme:n,walletAddress:c}=fe(),s=r!=null,l=e??!0,p=s?r:vn("button",{type:"button",className:V("wi-trigger-btn",t),"data-theme":n,"data-mobile":o||void 0,children:[Ct(Ao,{size:o?14:16}),Ct("span",{className:"wi-trigger-address",children:Fe(c)})]});return o?Ct(bn.Trigger,{asChild:l,children:p}):Ct(Go.Trigger,{asChild:l,children:p})}import*as A from"react";import*as Mt from"@radix-ui/react-popover";import{Drawer as Tt}from"vaul";import rt from"bignumber.js";import{useQueries as kn}from"@tanstack/react-query";import{useMemo as Cn}from"react";var te={dev:"https://stg-wallet-server.crosstoken.io/api",stage:"https://stg-wallet-server.crosstoken.io/api",production:"https://wallet-server.crosstoken.io/api"},X={dev:{cross:612044,bsc:97},stage:{cross:612044,bsc:97},production:{cross:612055,bsc:56}};var to={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"},Yo={cross:"https://contents.crosstoken.io/wallet/token/images/CROSS.svg",bsc:"https://contents.crosstoken.io/wallet/token/images/BSC.svg"};function oo(e,t){let r=X[e];if(t===r.cross)return Yo.cross;if(t===r.bsc)return Yo.bsc}var yn={dev:"https://dev-portrait.crosstoken.io",stage:"https://dev-portrait.crosstoken.io",production:"https://portrait.crosstoken.io"};function Qo(e,t,r={}){if(!t||!t.startsWith("0x"))return;let{size:o=120,bg:n,format:c="png"}=r,s=yn[e],l=n?`&bg=${n}`:"";return`${s}/portrait/evm/${t}.${c}?size=${o}${l}`}var ro="user-balance";async function Ln(e,t,r,o){let n=new URLSearchParams({networkId:`eip155:${t}`,account:r}),c=await fetch(`${e}/v1/public/token/balance?${n}`,{cache:"no-store",signal:o});if(!c.ok)throw new Error(`Failed to fetch token balance: ${c.status}`);let s=await c.json();if(s.code!==200)throw new Error(`Token balance API error: ${s.code}`);return s.data}function Be(e,t,r=!0){let o=te[e],n=X[e],c=[n.cross,n.bsc],s=kn({queries:c.map(a=>({queryKey:[ro,e,t,a],queryFn:({signal:m})=>Ln(o,a,t,m),enabled:!!t&&r,staleTime:0,refetchInterval:r?5e3:!1}))}),l=s.some(a=>a.isLoading),p=s.some(a=>a.isError);return{tokens:Cn(()=>{let a=[];for(let m of s)m.data&&a.push(...m.data);return a},[s]),isLoading:l,isError:p}}import{useQuery as Nn,useQueries as In}from"@tanstack/react-query";import{useMemo as Pn}from"react";var Rn="forge-holdings",En="forge-token-image";async function Tn(e,t,r){let o=await fetch(`${e}/v1/users/${t}/holdings`,{cache:"no-store",signal:r});if(!o.ok)throw new Error(`Failed to fetch forge holdings: ${o.status}`);let n=await o.json();if(!n.success)throw new Error("Forge holdings API error");return n.data.items}async function Mn(e,t,r){let o=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store",signal:r});if(!o.ok)return{address:t,image_url:""};let n=await o.json();return n.success?{address:t,image_url:n.data.token.image_url}:{address:t,image_url:""}}function Xo(e,t,r=!0){let o=to[e],{data:n,...c}=Nn({queryKey:[Rn,e,t],queryFn:({signal:s})=>Tn(o,t,s),enabled:!!t&&r,staleTime:0,refetchInterval:r?5e3:!1});return{holdings:n??[],...c}}function Jo(e,t,r=!0){let o=to[e],n=In({queries:t.map(s=>({queryKey:[En,e,s],queryFn:({signal:l})=>Mn(o,s,l),enabled:r,staleTime:1/0}))});return{imageMap:Pn(()=>{let s=new Map;for(let l of n)l.data&&s.set(l.data.address,l.data.image_url);return s},[n])}}import{useQuery as _n}from"@tanstack/react-query";import{useMemo as Sn}from"react";var no="token-stats";function Re(e,t){return`${e}:${t.toLowerCase()}`}function Ve(e,t=!0){let r=te[e],{data:o,...n}=_n({queryKey:[no,e],queryFn:async({signal:s})=>{let l=await fetch(`${r}/v1/public/token/stats`,{cache:"no-store",signal:s});if(!l.ok)throw new Error(`Failed to fetch token stats: ${l.status}`);let p=await l.json();if(p.code!==200)throw new Error(`Token stats API error: ${p.code}`);return p},enabled:t,staleTime:3e4});return{statsMap:Sn(()=>{let s=new Map;if(!o?.data)return s;for(let l of o.data){let p=Re(l.chain_id,l.address);s.set(p,l)}return s},[o]),...n}}import{useQuery as On}from"@tanstack/react-query";import{useMemo as Wn}from"react";var Dn="token-info";function io(e,t){return`${t.toLowerCase()}_${e}`}function er(e,t=!0){let r=te[e],{data:o,...n}=On({queryKey:[Dn,e],queryFn:async({signal:s})=>{let l=await fetch(`${r}/v1/public/token/info`,{cache:"no-store",signal:s});if(!l.ok)throw new Error(`Failed to fetch token info: ${l.status}`);let p=await l.json();if(p.code!==200)throw new Error(`Token info API error: ${p.code}`);return p},enabled:t,staleTime:1/0});return{categoryMap:Wn(()=>{let s=new Map;if(!o?.data)return s;for(let l of o.data){let p=io(l.chain_id,l.address);s.set(p,l.category)}return s},[o]),...n}}import{useMemo as An}from"react";import ao from"bignumber.js";function tr(e,t,r){let{tokens:o,isLoading:n}=Be(e,t,r),{statsMap:c}=Ve(e,r);return An(()=>{let s=new ao(0);for(let a of o){let m=c.get(Re(a.chainId,a.address));if(!m)continue;let x=new ao(a.quantity.numeric).shiftedBy(-a.quantity.decimals).multipliedBy(new ao(m.price));x.isNaN()||(s=s.plus(x))}let l=s.toFixed(),{displayValue:p,isLowerBound:i}=Zo(l);return{totalUsd:l,displayValue:p,isLowerBound:i,isLoading:n}},[o,c,n])}import{QRCodeSVG as vi}from"qrcode.react";function oe(e,t,r,o){if(!o||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.defaultPrevented)return;e.preventDefault();let n;try{n=o(t,r)}catch(i){console.error("[dapp-ui] onOutlink threw:",i);return}let c=i=>{typeof window>"u"||window.open(i,"_blank","noopener,noreferrer")};if((i=>!!i&&(typeof i=="object"||typeof i=="function")&&typeof i.then=="function")(n)){let i=typeof window<"u"?window.open("","_blank","noopener,noreferrer"):null,a=m=>{if(m===null){i?.close();return}let h=m??t;if(i)try{i.location.href=h}catch{i.close(),c(h)}else c(h)};n.then(a,m=>{console.error("[dapp-ui] onOutlink rejected:",m),i?.close()});return}let l=n;if(l===null)return;c(l??t)}import*as Te from"react";import{Drawer as xi}from"vaul";import{createContext as Fn,useContext as Bn}from"react";var tt=Fn(null);function $(){let e=Bn(tt);if(!e)throw new Error("WalletPortfolio compound components must be used within <WalletPortfolio>");return e}import{Drawer as Vn}from"vaul";import{jsx as or}from"react/jsx-runtime";function rr({asChild:e,children:t}){let{walletAddress:r}=$(),o=t!=null,n=e??!0,c=o?t:or("button",{type:"button",children:Fe(r)});return or(Vn.Trigger,{asChild:n,children:c})}import{Drawer as Et}from"vaul";import*as ee from"react";import{useQueryClient as gi}from"@tanstack/react-query";import{useMemo as jn}from"react";import so from"bignumber.js";import{useQuery as Hn}from"@tanstack/react-query";import{useMemo as ar}from"react";var Lt={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"},nr={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},Nt={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"},ue={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},re={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"},ir={dev:{cross:"https://stg-dex-api.crosstoken.io/dex",crossd:"https://stg-crossd-dex-api.crosstoken.io/dex",forge:"https://stg-forge-dex-api.crosstoken.io/dex"},stage:{cross:"https://stg-dex-api.crosstoken.io/dex",crossd:"https://stg-crossd-dex-api.crosstoken.io/dex",forge:"https://stg-forge-dex-api.crosstoken.io/dex"},production:{cross:"https://dex-api.crosstoken.io/dex",crossd:"https://crossd-dex-api.crosstoken.io/dex",forge:"https://forge-dex-api.crosstoken.io/dex"}};var Un="wp:reward-pools";function It(e,t=!0){let r=Lt[e],{data:o,...n}=Hn({queryKey:[Un,e],queryFn:async({signal:l})=>{let p=await fetch(`${r}/v1/pools`,{cache:"no-store",signal:l});if(!p.ok)throw new Error(`Failed to fetch pools: ${p.status}`);let i=await p.json();if(i.code!==200)throw new Error(`Pools API error: ${i.code}`);return i},enabled:t,staleTime:0}),c=ar(()=>o?.data.pools.filter(l=>l.pool_type==="CrossPool")??[],[o]),s=ar(()=>o?.data.pools.filter(l=>l.pool_type==="GamePool")??[],[o]);return{crossPools:c,gamePools:s,allPools:o?.data.pools??[],...n}}import{useQuery as $n}from"@tanstack/react-query";import{useMemo as qn}from"react";var zn="wp:user-deposits";function Pt(e,t,r=!0){let o=Lt[e],n=r&&!!t,{data:c,...s}=$n({queryKey:[zn,e,t],queryFn:async({signal:p})=>{let i=await fetch(`${o}/v1/users/${t}/deposits`,{cache:"no-store",signal:p});if(!i.ok)throw new Error(`Deposits fetch failed: ${i.status}`);let a=await i.json();if(a.code!==200)throw new Error(`Deposits API error: ${a.code}`);return a},enabled:n,staleTime:0});return{depositMap:qn(()=>{let p=new Map;if(!c?.data.user_deposits)return p;for(let i of c.data.user_deposits)p.set(i.pool_address.toLowerCase(),i);return p},[c]),deposits:c?.data.user_deposits??[],...s}}import{useQuery as sr}from"@tanstack/react-query";import{useMemo as lr}from"react";function ne(e,t,r,o=!0){let n=ir[e][t],c=o&&!!r,{data:s,...l}=sr({queryKey:["wp:dex-pairs",e,t],queryFn:async({signal:u})=>{let f=await fetch(`${n}/pair-info`,{cache:"no-store",signal:u});if(!f.ok)throw new Error(`pair-info fetch failed: ${f.status}`);let g=await f.json();if(g.code!==200)throw new Error(`pair-info API error: ${g.code}`);return g},enabled:o,staleTime:0}),p=s?.data??[],i=lr(()=>{let u=new Map;for(let f of p)u.set(f.pair_address.toLowerCase(),f);return u},[p]),{data:a,...m}=sr({queryKey:["wp:dex-orders",e,t,r],queryFn:async({signal:u})=>{let f=Math.floor(Date.now()/1e3),g=new URLSearchParams({owner:r,size:"200",start_date:"0",end_date:String(f)}),k=await fetch(`${n}/open-order?${g}`,{cache:"no-store",signal:u});if(!k.ok)throw new Error(`open-order fetch failed: ${k.status}`);let R=await k.json();if(R.code!==200)throw new Error(`open-order API error: ${R.code}`);return R.data?.data??[]},enabled:c,staleTime:0}),h=a??[],x=lr(()=>{let u=new Map;for(let f of h){let g=f.pair.toLowerCase();u.has(g)||u.set(g,{buys:[],sells:[]});let k=u.get(g);f.order_side===1?k.buys.push(f):k.sells.push(f)}return u},[h]);return{allPairs:p,pairMap:i,orders:h,ordersByPair:x,isEmpty:h.length===0,isLoading:l.isLoading||m.isLoading}}var Zn=["var(--wp-blue)","var(--wp-purple)","var(--wp-red)","var(--wp-orange)"],cr="var(--wp-green)",pr=4;function dr(e,t,r=!0){let o=r&&!!t,{allPools:n}=It(e,o),{depositMap:c}=Pt(e,t,o),{allPairs:s,pairMap:l,ordersByPair:p}=ne(e,"cross",t,o),{allPairs:i,pairMap:a,ordersByPair:m}=ne(e,"crossd",t,o),{allPairs:h,pairMap:x,ordersByPair:u}=ne(e,"forge",t,o);return jn(()=>{let f=new Map,g=new Map,k=(w,y)=>{!Number.isFinite(y)||y<=0||g.set(w,(g.get(w)??0)+y)};for(let w of n){let y=Number(w.deposit_token.price);y>0&&f.set(w.deposit_token.symbol,y);for(let S of w.reward_tokens){let N=Number(S.price);N>0&&f.set(S.symbol,N)}}for(let w of[...s,...i,...h]){let y=f.get(w.quote_symbol),S=Number(w.billboard?.price);y&&S>0&&!f.has(w.base_symbol)&&f.set(w.base_symbol,S*y)}for(let w of n){let y=c.get(w.pool_address.toLowerCase());if(!y)continue;let S=new so(y.deposited_amount).shiftedBy(-w.deposit_token.decimals).toNumber();if(k(w.deposit_token.symbol,S),w.reward_tokens.length>0){let N=w.reward_tokens[0],F=new so(y.claimable_reward).shiftedBy(-N.decimals).toNumber();k(N.symbol,F)}}let R=[{pairMap:l,ordersByPair:p},{pairMap:a,ordersByPair:m},{pairMap:x,ordersByPair:u}];for(let{pairMap:w,ordersByPair:y}of R)for(let[S,N]of y){let F=w.get(S);if(F){for(let j of N.buys){let ae=Number(j.amount)-Number(j.filled);k(F.quote_symbol,ae*Number(j.price))}for(let j of N.sells){let ae=Number(j.amount)-Number(j.filled);k(F.base_symbol,ae)}}}let E=[],L=0;for(let[w,y]of g){let S=f.get(w)??0,N=y*S;N>0&&(E.push({symbol:w,usdValue:N}),L+=N)}E.sort((w,y)=>y.usdValue-w.usdValue);let _=[];if(L>0){let w=E.slice(0,pr),y=E.slice(pr);for(let N=0;N<w.length;N++)_.push({symbol:w[N].symbol,usdValue:w[N].usdValue,percentage:Math.round(w[N].usdValue/L*100),color:Zn[N]??cr});if(y.length>0){let N=y.reduce((F,j)=>F+j.usdValue,0);_.push({symbol:"Others",usdValue:N,percentage:Math.round(N/L*100),color:cr})}let S=_.reduce((N,F)=>N+F.percentage,0);S!==100&&_.length>0&&(_[0].percentage+=100-S)}return{totalUsd:L,formattedTotal:L>0?`$${new so(L).toFormat(2)}`:"$0.00",segments:_}},[n,c,s,l,p,i,a,m,h,x,u])}import{jsx as He,jsxs as Gn}from"react/jsx-runtime";function mr({size:e=22,className:t}){return He("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:He("path",{d:"M14 4L7 11L14 18",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function fr({size:e=22,className:t}){return Gn("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[He("path",{d:"M18.333 3.667v5.5h-5.5",stroke:"currentColor",strokeWidth:1.833,strokeLinecap:"round",strokeLinejoin:"round"}),He("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 ur({size:e=12,className:t}){return He("svg",{width:e,height:e,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:He("path",{d:"M6 11A5 5 0 106 1a5 5 0 000 10zM6 8V6M6 4h.005",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})})}import{useQuery as Kn}from"@tanstack/react-query";import{useMemo as Yn}from"react";var Qn="wp:token-info";function ge(e,t=!0){let r=te[e],o=X[e].cross,{data:n,...c}=Kn({queryKey:[Qn,e],queryFn:async({signal:i})=>{let a=await fetch(`${r}/v1/public/token/info`,{cache:"no-store",signal:i});if(!a.ok)throw new Error(`Failed to fetch token info: ${a.status}`);let m=await a.json();if(m.code!==200)throw new Error(`Token info API error: ${m.code}`);return m},enabled:t,staleTime:300*1e3}),{byChainAddr:s,byChainSym:l}=Yn(()=>{let i=new Map,a=new Map;if(!n?.data)return{byChainAddr:i,byChainSym:a};for(let m of n.data){let h=m.address.toLowerCase();i.set(`${m.chain_id}:${h}`,m),i.set(h,m);let x=m.symbol.replace(/^t/,"").toUpperCase(),u=`${m.chain_id}:${x}`;a.has(u)||a.set(u,m),a.has(x)||a.set(x,m)}return{byChainAddr:i,byChainSym:a}},[n]);return{getTokenImage:(i,a)=>{let m=i.toLowerCase(),h=s.get(`${o}:${m}`);if(h?.image)return h.image;let x=s.get(m);if(x?.image)return x.image;if(a){let u=a.replace(/^t/,"").toUpperCase(),f=l.get(`${o}:${u}`);if(f?.image)return f.image;let g=l.get(u);if(g?.image)return g.image}return""},...c}}import{jsx as Rt,jsxs as gr}from"react/jsx-runtime";function ie({title:e,icon:t,iconFit:r="cover",isEmpty:o,children:n}){return gr("div",{className:"wp-svc-card",children:[gr("div",{className:"wp-svc-card-head",children:[Rt("img",{className:"wp-svc-card-icon",src:t,alt:"",style:{objectFit:r}}),Rt("span",{className:"wp-svc-card-title",children:e})]}),o?Rt("div",{className:"wp-svc-empty",children:"No assets yet"}):Rt("div",{className:"wp-svc-items",children:n})]})}import ot from"bignumber.js";import{jsx as Ee,jsxs as le}from"react/jsx-runtime";var Xn="CROSS Rewards";function wr(e,t){let r=new ot(e).shiftedBy(-t);return r.isZero()?"0":r.isGreaterThanOrEqualTo(1)?r.toFormat(2,ot.ROUND_DOWN):r.toFormat(4,ot.ROUND_DOWN)}function hr(){let{env:e,walletAddress:t,onOutlink:r}=$(),o=!!t,{allPools:n}=It(e,o),{depositMap:c}=Pt(e,t,o),{getTokenImage:s}=ge(e,o),l=a=>`${nr[e]}/rewards/${a.pool_address}?action=withdraw`,p=`${re[e]}/reward.png`,i=n.filter(a=>{let m=c.get(a.pool_address.toLowerCase()),h=m?.deposited_amount??"0",x=m?.claimable_reward??"0";return!(new ot(h).isZero()&&new ot(x).isZero())});return Ee(ie,{title:Xn,icon:p,isEmpty:i.length===0,children:i.map(a=>{let m=c.get(a.pool_address.toLowerCase()),h=m?.deposited_amount??"0",x=l(a);return le("a",{className:"wp-item","data-side":"reward",href:x,target:"_blank",rel:"noopener noreferrer",onClick:u=>oe(u,x,{category:"portfolio",origin:"portfolio-rewards",payload:{pool:a,userDeposit:m}},r),children:[le("div",{className:"wp-item-body",children:[le("div",{className:"wp-item-field",children:[le("span",{className:"wp-item-label",children:["Deposited (",a.deposit_token.symbol,")"]}),le("div",{className:"wp-svc-token",children:[s(a.deposit_token.address,a.deposit_token.symbol)&&Ee("img",{className:"wp-svc-token-icon",src:s(a.deposit_token.address,a.deposit_token.symbol),alt:""}),Ee("span",{children:wr(h,a.deposit_token.decimals)})]})]}),le("div",{className:"wp-item-field",children:[le("span",{className:"wp-item-label",children:["Rewards (",a.reward_tokens.map(u=>u.symbol).join(", "),")"]}),a.reward_tokens.map(u=>{let f=s(u.address,u.symbol);return le("div",{className:"wp-svc-token",children:[f&&Ee("img",{className:"wp-svc-token-icon",src:f,alt:""}),Ee("span",{children:m?wr(m.claimable_reward,u.decimals):"0"})]},u.address)})]})]}),le("div",{className:"wp-item-badges",children:[Ee("span",{className:"wp-badge wp-badge--mint",children:"Claim"}),Ee("span",{className:"wp-badge wp-badge--muted",children:"Withdraw"})]})]},a.pool_address)})})}import br from"bignumber.js";import{Fragment as Jn,jsx as G,jsxs as q}from"react/jsx-runtime";function lo(e){let t=new br(e);if(t.isNaN())return e;let r=t.decimalPlaces()??0;return t.toFormat(r)}function xr(e){let t=new br(e.amount).minus(e.filled);return lo(t.toString())}function Ue({market:e,pairMap:t,ordersByPair:r,getDexUrl:o,getTokenImage:n}){let{onOutlink:c}=$(),s=[];for(let[l,p]of r){let i=t.get(l),a=i?n(i.base_address,i.base_symbol):"",m=i?n(i.quote_address,i.quote_symbol):"",h=o(l);for(let x of p.buys)s.push(q("a",{className:"wp-item","data-side":"buy",href:h,target:"_blank",rel:"noopener noreferrer",onClick:u=>oe(u,h,{category:"portfolio",origin:"portfolio-dex-order",payload:{market:e,side:"buy",order:x,pair:i}},c),children:[q("div",{className:"wp-item-body",children:[q("div",{className:"wp-item-field",children:[q("span",{className:"wp-item-label wp-item-label--buy",children:["Buy",i?.base_symbol?` (${i.base_symbol})`:""]}),q("div",{className:"wp-svc-token",children:[a&&G("img",{className:"wp-svc-token-icon",src:a,alt:""}),G("span",{children:xr(x)})]})]}),q("div",{className:"wp-item-field",children:[q("span",{className:"wp-item-label",children:["Price",i?.quote_symbol?` (${i.quote_symbol})`:""]}),q("div",{className:"wp-svc-token",children:[m&&G("img",{className:"wp-svc-token-icon",src:m,alt:""}),G("span",{children:lo(x.price)})]})]})]}),G("div",{className:"wp-item-badges",children:G("span",{className:"wp-badge wp-badge--red",children:"Cancel"})})]},`buy-${x.order_id}`));for(let x of p.sells)s.push(q("a",{className:"wp-item","data-side":"sell",href:h,target:"_blank",rel:"noopener noreferrer",onClick:u=>oe(u,h,{category:"portfolio",origin:"portfolio-dex-order",payload:{market:e,side:"sell",order:x,pair:i}},c),children:[q("div",{className:"wp-item-body",children:[q("div",{className:"wp-item-field",children:[q("span",{className:"wp-item-label wp-item-label--sell",children:["Sell",i?.base_symbol?` (${i.base_symbol})`:""]}),q("div",{className:"wp-svc-token",children:[a&&G("img",{className:"wp-svc-token-icon",src:a,alt:""}),G("span",{children:xr(x)})]})]}),q("div",{className:"wp-item-field",children:[q("span",{className:"wp-item-label",children:["Price",i?.quote_symbol?` (${i.quote_symbol})`:""]}),q("div",{className:"wp-svc-token",children:[m&&G("img",{className:"wp-svc-token-icon",src:m,alt:""}),G("span",{children:lo(x.price)})]})]})]}),G("div",{className:"wp-item-badges",children:G("span",{className:"wp-badge wp-badge--red",children:"Cancel"})})]},`sell-${x.order_id}`))}return G(Jn,{children:s})}import{jsx as vr}from"react/jsx-runtime";var ei="Gametoken - CROSS";function yr(){let{env:e,walletAddress:t}=$(),r=!!t,{pairMap:o,ordersByPair:n,isEmpty:c}=ne(e,"cross",t,r),{getTokenImage:s}=ge(e,r),l=i=>{let a=o.get(i.toLowerCase());return`${ue[e]}/gametoken/cross/${a?.base_symbol??""}`},p=`${re[e]}/dex.svg`;return vr(ie,{title:ei,icon:p,isEmpty:c,children:vr(Ue,{market:"cross",pairMap:o,ordersByPair:n,getDexUrl:l,getTokenImage:s})})}import{jsx as kr}from"react/jsx-runtime";var ti="Gametoken - CROSSD";function Cr(){let{env:e,walletAddress:t}=$(),r=!!t,{pairMap:o,ordersByPair:n,isEmpty:c}=ne(e,"crossd",t,r),{getTokenImage:s}=ge(e,r),l=i=>{let a=o.get(i.toLowerCase());return`${ue[e]}/gametoken/crossd/${a?.base_symbol??""}`},p=`${re[e]}/dex.svg`;return kr(ie,{title:ti,icon:p,isEmpty:c,children:kr(Ue,{market:"crossd",pairMap:o,ordersByPair:n,getDexUrl:l,getTokenImage:s})})}import{jsx as Lr}from"react/jsx-runtime";var oi="Gametoken - Forge";function Nr(){let{env:e,walletAddress:t}=$(),r=!!t,{pairMap:o,ordersByPair:n,isEmpty:c}=ne(e,"forge",t,r),{getTokenImage:s}=ge(e,r);if(c)return null;let l=i=>{let a=o.get(i.toLowerCase());return`${ue[e]}/gametoken/forge/${a?.base_symbol??""}`},p=`${re[e]}/dex.svg`;return Lr(ie,{title:oi,icon:p,isEmpty:c,children:Lr(Ue,{market:"forge",pairMap:o,ordersByPair:n,getDexUrl:l,getTokenImage:s})})}import co from"bignumber.js";import{useMemo as ci}from"react";import{useQuery as ri}from"@tanstack/react-query";var ni="wp:forge-pools";function Ir(e,t,r=!0){let o=Nt[e],n=r&&!!t,{data:c,...s}=ri({queryKey:[ni,e,t],queryFn:async()=>{let p=await fetch(`${o}/v1/users/${t}/pools`,{cache:"no-store"});if(!p.ok)throw new Error(`forge pools fetch failed: ${p.status}`);return(await p.json()).data?.items??[]},enabled:n,staleTime:0}),l=c??[];return{pools:l,isEmpty:l.length===0,...s}}import{useQueries as ii}from"@tanstack/react-query";import{useMemo as ai}from"react";var si="wp:forge-token-detail";async function li(e,t){let r=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store"});return r.ok?(await r.json())?.data?.token??null:null}function Pr(e,t,r=!0){let o=Nt[e],n=ii({queries:t.map(l=>({queryKey:[si,e,l],queryFn:()=>li(o,l),enabled:r&&!!l,staleTime:3e4}))}),c=ai(()=>{let l=new Map;for(let p=0;p<n.length;p++){let i=n[p]?.data,a=t[p];i&&a&&l.set(a.toLowerCase(),i)}return l},[n,t]),s=n.some(l=>l.isLoading);return{detailMap:c,isLoading:s}}import{jsx as J,jsxs as $e}from"react/jsx-runtime";var pi="Forge",di=18,mi="https://contents.crosstoken.io/wallet/token/images/FT.png";function fi(e){if(!e||e==="0")return"0";let t=new co(e).shiftedBy(-di);return t.isZero()?"0":t.isGreaterThanOrEqualTo(1)?t.toFormat(2,co.ROUND_DOWN):t.toFormat(4,co.ROUND_DOWN)}function ui(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 Rr(){let{env:e,walletAddress:t,onOutlink:r}=$(),o=!!t,{pools:n,isEmpty:c}=Ir(e,t,o),s=ci(()=>n.map(a=>a.token.address),[n]),{detailMap:l}=Pr(e,s,o&&s.length>0),p=a=>`${ue[e]}/forge/token/${a.token.address}`,i=`${re[e]}/forge.png`;return J(ie,{title:pi,icon:i,iconFit:"contain",isEmpty:c,children:n.map(a=>{let m=l.get(a.token.address.toLowerCase()),h=m?.image_url||m?.image||a.token.image||mi,x=m?.symbol||a.token.symbol,u=p(a);return $e("a",{className:"wp-item","data-side":"lp",href:u,target:"_blank",rel:"noopener noreferrer",onClick:f=>oe(f,u,{category:"portfolio",origin:"portfolio-forge",payload:{pool:a,tokenDetail:m}},r),children:[$e("div",{className:"wp-item-body",children:[$e("div",{className:"wp-item-field",children:[$e("span",{className:"wp-item-label",children:["Pair (",x,")"]}),J("div",{className:"wp-svc-token",children:J("img",{className:"wp-svc-token-icon",src:h,alt:""})})]}),$e("div",{className:"wp-item-field",children:[J("span",{className:"wp-item-label",children:"LP Balance"}),J("div",{className:"wp-svc-token",children:J("span",{children:fi(a.lp_balance)})})]}),$e("div",{className:"wp-item-field",children:[J("span",{className:"wp-item-label",children:"Ownership"}),J("div",{className:"wp-svc-token",children:J("span",{children:ui(a.pool_ownership)})})]})]}),J("div",{className:"wp-item-badges",children:J("span",{className:"wp-badge wp-badge--mint",children:"Withdraw"})})]},a.pair_address)})})}P(`.wp-fullscreen[data-theme=dark],.wp-embed[data-theme=dark]{--wp-bg: var(--cck-surface-bg, #202530);--wp-card: var(--cck-surface-default, #292f40);--wp-border: var(--cck-border-default, #313b51);--wp-text: var(--cck-texticon-primary, #ffffff);--wp-text-60: var(--cck-texticon-secondary, #d3d7df);--wp-text-40: #8c97ad;--wp-text-30: var(--cck-texticon-tertiary, #717d97);--wp-mint: #00d4aa;--wp-green: var(--cck-primary, #019d92);--wp-red: var(--cck-error, #e70077);--wp-blue: #0488fc;--wp-purple: #7346f3;--wp-orange: #ff9d00}.wp-fullscreen[data-theme=light],.wp-embed[data-theme=light]{--wp-bg: var(--cck-surface-bg, #f5f6f8);--wp-card: var(--cck-surface-default, #ffffff);--wp-border: var(--cck-border-default, #e2e5ea);--wp-text: var(--cck-texticon-primary, #202530);--wp-text-60: var(--cck-texticon-secondary, #49556e);--wp-text-40: #8c97ad;--wp-text-30: var(--cck-texticon-tertiary, #a0a9b8);--wp-mint: #00d4aa;--wp-green: var(--cck-primary, #019d92);--wp-red: var(--cck-error, #e70077);--wp-blue: #0488fc;--wp-purple: #7346f3;--wp-orange: #ff9d00}.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:Sora,sans-serif;font-feature-settings:"calt" 0,"lnum" 1,"pnum" 1;box-sizing:border-box;-webkit-font-smoothing:antialiased}.wp-embed{width:100%;height:100%;min-height:0;background:var(--wp-bg);display:flex;flex-direction:column;overflow:hidden;font-family:Sora,sans-serif;font-feature-settings:"calt" 0,"lnum" 1,"pnum" 1;box-sizing:border-box;-webkit-font-smoothing:antialiased;color:var(--wp-text)}.wp-overlay{position:fixed;inset:0;z-index:49;background:#0009}.wp-header{display:flex;align-items:center;gap:20px;height:60px;padding:0 20px;flex-shrink:0}.wp-header-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--wp-text);flex-shrink:0}.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:Roboto,Sora,sans-serif;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.15px;text-align:center;color:var(--wp-text);margin:0}.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:rgba(255,255,255,.08) transparent}.wp-body::-webkit-scrollbar{width:4px}.wp-body::-webkit-scrollbar-track{background:transparent}.wp-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.wp-body-inner{padding:16px 16px 128px;display:flex;flex-direction:column;gap:20px}.wp-svc-card{display:flex;flex-direction:column;gap:8px}.wp-svc-card-head{display:flex;align-items:center;gap:8px}.wp-svc-card-icon{width:20px;height:20px;border-radius:4px;flex-shrink:0;object-fit:cover}.wp-svc-card-title{font-size:14px;font-weight:600;line-height:1.3;color:var(--wp-text-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-svc-items{display:flex;flex-direction:column;gap:10px}.wp-item{position:relative;background:var(--wp-card);border-radius:12px;padding:14px 40px 14px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #00000014,0 2px 8px #0000000a;overflow:hidden;text-decoration:none;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.wp-item:hover{box-shadow:0 2px 6px #0000001f,0 4px 14px #0000000f;transform:translateY(-1px)}.wp-item:active{transform:translateY(0);box-shadow:0 1px 3px #00000014}.wp-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;border-radius:3px 0 0 3px;background:var(--wp-border)}.wp-item:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:currentColor;opacity:.25;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 1.5h7v7M10.5 1.5L1.5 10.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 1.5h7v7M10.5 1.5L1.5 10.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:opacity .15s}.wp-item:hover:after{opacity:.5}.wp-item[data-side=buy]:before{background:var(--wp-green)}.wp-item[data-side=sell]:before{background:var(--wp-red)}.wp-item[data-side=reward]:before{background:var(--wp-mint)}.wp-item[data-side=lp]:before{background:var(--wp-purple)}.wp-item-body{display:flex;gap:12px}.wp-item-field{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.wp-item-label{font-size:11px;font-weight:500;line-height:1.3;color:var(--wp-text-40);letter-spacing:.03em;text-transform:uppercase}.wp-item-label--buy{color:var(--wp-green)}.wp-item-label--sell{color:var(--wp-red)}.wp-svc-token{display:flex;align-items:center;gap:8px;min-width:0}.wp-svc-token>span{font-size:14px;font-weight:600;line-height:1.4;color:var(--wp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-svc-token-icon{width:22px;height:22px;border-radius:50%;flex-shrink:0;object-fit:cover}.wp-svc-buy{color:var(--wp-green)}.wp-svc-sell{color:var(--wp-red)}.wp-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:4px;border:1px solid transparent;pointer-events:none}.wp-badge--mint{color:var(--wp-mint);background:#00d4aa1a;border-color:#00d4aa40}.wp-badge--muted{color:var(--wp-text-40);background:#8c97ad14;border-color:#8c97ad2e}.wp-badge--red{color:var(--wp-red);background:#e7007714;border-color:#e7007733}.wp-item-badges{display:flex;align-items:center;gap:6px}.wp-svc-empty{display:flex;align-items:center;justify-content:center;height:56px;background:var(--wp-card);border-radius:12px;font-size:13px;font-weight:400;color:var(--wp-text-30);box-shadow:0 1px 3px #00000014}@media(max-width:375px){.wp-header{gap:12px;padding:0 12px}.wp-top{padding:0 12px 12px;gap:12px}.wp-total{font-size:22px}.wp-legend{gap:10px}.wp-legend-label{font-size:11px}.wp-body-inner{padding:12px 12px 128px;gap:14px}.wp-svc-items{gap:8px}.wp-item{padding:12px 36px 12px 14px;gap:6px;border-radius:10px}.wp-item:after{right:10px;width:11px;height:11px}.wp-item-body{gap:10px}.wp-svc-token{gap:6px}.wp-svc-token>span{font-size:13px}.wp-svc-token-icon{width:20px;height:20px}}.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}
|
|
6
|
+
`);import{Fragment as hi,jsx as W,jsxs as we}from"react/jsx-runtime";var po=5,wi="wp:";function qe({env:e,theme:t="dark",walletAddress:r,onBack:o,showHeader:n=!0,variant:c="embed",className:s,sendTransaction:l,onOutlink:p}){let i=Q(e),a=!!r,m=gi(),{segments:h}=dr(i,r,a),[x,u]=ee.useState(po),[f,g]=ee.useState(!1),k=ee.useCallback(()=>{m.invalidateQueries({predicate:w=>typeof w.queryKey[0]=="string"&&w.queryKey[0].startsWith(wi)})},[m]),R=ee.useCallback(()=>{k(),g(!0),setTimeout(()=>g(!1),600),u(po)},[k]);ee.useEffect(()=>{if(!a)return;let w=setInterval(()=>{u(y=>y<=1?(R(),po):y-1)},1e3);return()=>clearInterval(w)},[a,R]);let E=ee.useCallback(()=>{o?.()},[o]),L=ee.useMemo(()=>({env:i,theme:t,open:!0,walletAddress:r,close:E,sendTransaction:l,onOutlink:p}),[i,t,r,E,l,p]),_=we(hi,{children:[n&&we("div",{className:"wp-header",children:[o?W("button",{type:"button",className:"wp-header-btn",onClick:o,children:W(mr,{})}):W("span",{className:"wp-header-btn","aria-hidden":!0}),W("h2",{className:"wp-header-title",children:"My Portfolio"}),we("button",{type:"button",className:"wp-header-btn wp-refresh-btn",onClick:R,children:[W(fr,{className:f?"wp-spin-once":void 0}),a&&W("span",{className:"wp-refresh-badge",children:x})]})]}),W("div",{className:"wp-top",children:h.length>0&&we("div",{className:"wp-asset",children:[we("div",{className:"wp-asset-head",children:[W("span",{className:"wp-asset-head-label",children:"Consolidated Asset"}),W("span",{className:"wp-asset-head-icon",children:W(ur,{})})]}),W("div",{className:"wp-bar",children:h.map(w=>W("div",{className:"wp-bar-seg",style:{flex:`${w.percentage} 0 0`,background:w.color},children:w.percentage>=5&&we("span",{className:"wp-bar-seg-pct",children:[w.percentage,"%"]})},w.symbol))}),W("div",{className:"wp-legend",children:h.map(w=>we("div",{className:"wp-legend-item",children:[W("span",{className:"wp-legend-dot",style:{background:w.color}}),W("span",{className:"wp-legend-label",children:w.symbol})]},w.symbol))})]})}),W("div",{className:"wp-body",children:we("div",{className:"wp-body-inner",children:[W(hr,{}),W(yr,{}),W(Cr,{}),W(Nr,{}),W(Rr,{})]})})]});return W(tt.Provider,{value:L,children:c==="none"?_:W("div",{className:V(c==="fullscreen"?"wp-fullscreen":"wp-embed",s),"data-theme":t,children:_})})}import{jsx as mo,jsxs as Er}from"react/jsx-runtime";function Tr({className:e}){let{env:t,theme:r,walletAddress:o,close:n,sendTransaction:c}=$();return Er(Et.Portal,{children:[mo(Et.Overlay,{className:"wp-overlay"}),Er(Et.Content,{className:V("wp-fullscreen",e),"data-theme":r,children:[mo(Et.Title,{className:"wp-sr-only",children:"My Portfolio"}),mo(qe,{env:t,theme:r,walletAddress:o,onBack:n,variant:"none",sendTransaction:c})]})]})}import{jsx as Mr}from"react/jsx-runtime";function bi({env:e,theme:t="dark",walletAddress:r,open:o,onOpenChange:n,sendTransaction:c,onOutlink:s,children:l}){let p=Q(e),i=o!==void 0,[a,m]=Te.useState(!1),h=i?o:a,x=Te.useCallback(g=>{i||m(g),n?.(g)},[i,n]),u=Te.useCallback(()=>x(!1),[x]),f=Te.useMemo(()=>({env:p,theme:t,open:h,walletAddress:r,close:u,sendTransaction:c,onOutlink:s}),[p,t,h,r,u,c,s]);return Mr(tt.Provider,{value:f,children:Mr(xi.Root,{direction:"bottom",open:h,onOpenChange:x,noBodyStyles:!0,children:l})})}var _r=Object.assign(bi,{Trigger:rr,Content:Tr});import{Fragment as uo,jsx as d,jsxs as v}from"react/jsx-runtime";function fo(e,t,r){let o=X[e],n=r.toUpperCase();if(t===o.cross&&n.includes("CROSSD"))return 0;if(t===o.cross&&n==="CROSS")return 1;if(t===o.bsc&&n==="CROSS")return 2}function yi(e){return parseInt(e.split(":")[1],10)}function ki(e){let t=e.lastIndexOf(".");return t===-1?{main:e,decimal:""}:{main:e.slice(0,t),decimal:e.slice(t)}}function Ci(e){let t=e.toLowerCase().replace(/^0x/,""),r=t.length>=8?t.slice(0,8):t.padEnd(8,"0"),o=parseInt(r.slice(0,4),16)%360,n=(o+60+parseInt(r.slice(4,8),16)%120)%360;return`linear-gradient(135deg, hsl(${o} 85% 65%), hsl(${n} 80% 55%))`}function Sr({align:e="end",sideOffset:t=12,className:r,children:o}){let{env:n,theme:c,isMobile:s,open:l,drawerDirection:p,modal:i,showBalance:a,showForgeToken:m,showGameToken:h,showQR:x,qrLogoSrc:u,walletAddress:f,accountName:g,profileImageUrl:k,preferredTokens:R,close:E,onSelectWallet:L,onCopyAddress:_,onDisconnect:w,disconnectLabel:y,termsUrl:S,termsLabel:N,privacyUrl:F,privacyLabel:j,portalStyle:ae,navContent:ve,navPosition:Ge,footerContent:Ke,view:Y,setView:Ye,showPortfolio:Qe,portfolioTitle:Ht,showTotalAssets:st,totalAssetsLabel:lt,sendTransaction:ct,onOutlink:ye}=fe(),{tokens:pe,isLoading:Me}=Be(n,f,l&&a),{statsMap:de}=Ve(n,a),{categoryMap:pt}=er(n,a),dt=a&&st,{displayValue:se,isLowerBound:_e,isLoading:mt}=tr(n,f,l&&dt),[ke,ft]=A.useState(!1),{holdings:me,isLoading:ut}=Xo(n,f,l&&a&&m),gt=A.useMemo(()=>me.map(b=>b.token),[me]),{imageMap:Ut}=Jo(n,gt,m&&me.length>0),Se=A.useMemo(()=>{let b=[],T=[],M=[],H=new Map((R??[]).map((I,B)=>[`${yi(I.chainId)}:${I.address.toLowerCase()}`,B]));for(let I of pe){let B=fo(n,I.chainId,I.symbol)!==void 0,Le=`${I.chainId}:${I.address.toLowerCase()}`,Ne=H.get(Le),jt=new rt(I.quantity.numeric).shiftedBy(-I.quantity.decimals);if(B)b.push(I);else if(Ne!==void 0)T.push(I);else if(jt.isGreaterThan(0)){if(!h&&pt.get(io(I.chainId,I.address))==="game")continue;M.push(I)}}return b.sort((I,B)=>{let Le=fo(n,I.chainId,I.symbol)??99,Ne=fo(n,B.chainId,B.symbol)??99;return Le-Ne}),T.sort((I,B)=>{let Le=H.get(`${I.chainId}:${I.address.toLowerCase()}`)??99,Ne=H.get(`${B.chainId}:${B.address.toLowerCase()}`)??99;return Le-Ne}),M.sort((I,B)=>{let Le=de.get(Re(I.chainId,I.address)),Ne=de.get(Re(B.chainId,B.address)),jt=new rt(I.quantity.numeric).shiftedBy(-I.quantity.decimals).multipliedBy(Le?.price??0);return new rt(B.quantity.numeric).shiftedBy(-B.quantity.decimals).multipliedBy(Ne?.price??0).minus(jt).toNumber()}),[...b,...T,...M]},[pe,n,de,h,pt,R]),Xe=A.useMemo(()=>{if(!m)return[];let b=new Set(pe.map(T=>T.address.toLowerCase()));return[...me].filter(T=>!b.has(T.token.toLowerCase())).sort((T,M)=>{let H=new rt(T.value);return new rt(M.value).minus(H).toNumber()})},[me,m,pe]),Ce=A.useRef(!1),Oe=A.useCallback(b=>{Ce.current=!0,Ye(b)},[Ye]);A.useEffect(()=>{l||(Ce.current=!1)},[l]);let xo=A.useRef(null);A.useEffect(()=>{let b=xo.current;if(!b||!s)return;let T=M=>{M.pointerType==="touch"&&M.stopPropagation()};return b.addEventListener("pointerdown",T),()=>b.removeEventListener("pointerdown",T)},[s]);let[Je,bo]=A.useState(!1),$t=A.useRef(void 0);A.useEffect(()=>()=>clearTimeout($t.current),[]);let vo=A.useCallback(async()=>{if(!Je)try{await navigator.clipboard.writeText(f),bo(!0),clearTimeout($t.current),$t.current=setTimeout(()=>bo(!1),2e3),_?.(f,!0)}catch{_?.(f,!1)}},[f,_,Je]),qt=A.useCallback(b=>{b.currentTarget.setAttribute("data-loaded","true")},[]),en=A.useMemo(()=>({background:Ci(f)}),[f]),yo=A.useMemo(()=>k||Qo(n,f,{size:120,bg:c==="dark"?"1A1A2E":"F3F6F8"}),[k,n,f,c]),zt=A.useMemo(()=>ki(se),[se]),tn=S||F?v("div",{className:"wi-legal-links",children:[S&&d("a",{className:"wi-legal-link",href:S,target:"_blank",rel:"noopener noreferrer",onClick:b=>oe(b,S,{category:"terms",origin:"terms"},ye),children:N}),S&&F&&d("span",{className:"wi-legal-sep","aria-hidden":!0,children:"\xB7"}),F&&d("a",{className:"wi-legal-link",href:F,target:"_blank",rel:"noopener noreferrer",onClick:b=>oe(b,F,{category:"privacy",origin:"privacy"},ye),children:j})]}):null,ko=w?v("button",{type:"button",className:"wi-disconnect-btn",onClick:()=>{w(),E()},children:[d(Fo,{size:12}),d("span",{className:"wi-disconnect-label",children:y})]}):null,on=v("div",{className:V("wi-view-inner",Ce.current&&"wi-view-wallet"),children:[dt&&(()=>{let b=Qe;return v(b?"button":"div",{...b?{type:"button",onClick:()=>Oe("portfolio"),"aria-label":"View Portfolio"}:{},className:"wi-total-section","data-clickable":b||void 0,children:[v("div",{className:"wi-total-head",children:[d("span",{className:"wi-total-label",children:lt}),d("span",{role:"button",tabIndex:0,className:"wi-total-eye",onClick:M=>{M.stopPropagation(),ft(H=>!H)},onKeyDown:M=>{(M.key==="Enter"||M.key===" ")&&(M.preventDefault(),M.stopPropagation(),ft(H=>!H))},"aria-label":ke?"Show balance":"Hide balance",children:ke?d(qo,{}):d($o,{})})]}),v("div",{className:"wi-total-body",children:[mt?d("div",{className:"wi-skeleton-block wi-total-skeleton",style:{width:160,height:36}}):d("div",{className:"wi-total-value","data-hidden":ke||void 0,children:ke?d("span",{className:"wi-total-mask",children:"\u2022\u2022\u2022\u2022\u2022\u2022"}):v(uo,{children:[_e&&d("span",{className:"wi-total-lte",children:"\u2264"}),d("span",{className:"wi-total-currency",children:"$"}),d("span",{className:"wi-total-amount",children:zt.main}),zt.decimal&&d("span",{className:"wi-total-decimal",children:zt.decimal})]})}),b&&d("span",{className:"wi-total-chevron","aria-hidden":!0,children:d(Ho,{size:18})})]})]})})(),Ge==="top"&&ve&&d("div",{className:"wi-nav-fixed",children:ve}),a&&d("div",{ref:xo,className:"wi-scrollable-body","data-vaul-no-drag":!0,children:v("div",{className:"wi-token-list",children:[Me&&Array.from({length:5},(b,T)=>v("div",{className:"wi-skeleton-item",children:[v("div",{className:"wi-skeleton-left",children:[d("div",{className:"wi-skeleton-block wi-skeleton-icon"}),v("div",{className:"wi-skeleton-lines",children:[d("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),d("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),v("div",{className:"wi-skeleton-right",children:[d("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),d("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},T)),!Me&&Se.length===0&&!m&&d("div",{className:"wi-empty",children:"No Tokens Found"}),Se.map(b=>{let T=de.get(Re(b.chainId,b.address)),M=T?parseFloat(T.percent_change_24h):null,H=M!==null&&M>=0,I=oo(n,b.chainId);return v("div",{className:"wi-token-item",children:[v("div",{className:"wi-token-left",children:[v("div",{className:"wi-token-icon-wrap",children:[d("img",{src:b.icon_url,alt:b.symbol,className:"wi-token-icon",width:32,height:32,loading:"lazy",draggable:!1,onLoad:qt,onError:B=>{B.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),I&&d("img",{src:I,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:B=>{B.currentTarget.style.display="none"}})]}),v("div",{className:"wi-token-info",children:[d("span",{className:"wi-token-name",children:b.symbol}),T&&v("div",{className:"wi-token-price-row",children:[d("span",{className:"wi-token-price",children:eo(T.price)}),d("span",{className:"wi-token-change","data-positive":H,"data-zero":M===0||void 0,children:M!==null&&(M===0?"0%":`${H?"+":"-"}${(H?Math.floor:Math.ceil)(Math.abs(M)*100)/100}%`)})]})]})]}),v("div",{className:"wi-token-right",children:[d("span",{className:"wi-token-balance",children:kt(b.quantity.numeric,b.quantity.decimals)}),T&&d("span",{className:"wi-token-value",children:jo(b.quantity.numeric,b.quantity.decimals,T.price)})]})]},`${b.address}-${b.chainId}`)}),m&&ut&&Array.from({length:3},(b,T)=>v("div",{className:"wi-skeleton-item",children:[v("div",{className:"wi-skeleton-left",children:[d("div",{className:"wi-skeleton-block wi-skeleton-icon"}),v("div",{className:"wi-skeleton-lines",children:[d("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),d("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),v("div",{className:"wi-skeleton-right",children:[d("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),d("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},`forge-sk-${T}`)),m&&!ut&&!Me&&Se.length===0&&Xe.length===0&&d("div",{className:"wi-empty",children:"No Tokens Found"}),m&&Xe.map(b=>{let T=Ut.get(b.token)||"",M=oo(n,X[n].cross);return v("div",{className:"wi-token-item",children:[v("div",{className:"wi-token-left",children:[v("div",{className:"wi-token-icon-wrap",children:[d("img",{src:T||"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:qt,onError:H=>{H.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),M&&d("img",{src:M,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:H=>{H.currentTarget.style.display="none"}})]}),v("div",{className:"wi-token-info",children:[d("span",{className:"wi-token-name",children:b.token_name}),d("div",{className:"wi-token-price-row",children:v("span",{className:"wi-token-price",children:[kt(b.current_price,18)," CROSS"]})})]})]}),v("div",{className:"wi-token-right",children:[d("span",{className:"wi-token-balance",children:kt(b.balance,18)}),d("span",{className:"wi-token-value",children:eo(b.current_value_usd)})]})]},`forge-${b.token}`)})]})}),Ge==="bottom"&&ve&&d("div",{className:"wi-nav-fixed",children:ve}),ko&&d("div",{className:"wi-wallet-disconnect-row",children:ko})]},"wallet"),rn=Qe?d("div",{className:V("wi-view-inner wi-portfolio-body",Ce.current&&"wi-view-portfolio"),children:d(qe,{env:n,theme:c,walletAddress:f,showHeader:!1,sendTransaction:ct,onOutlink:ye})},"portfolio"):null,nn=d("div",{className:V("wi-view-inner wi-qr-body",Ce.current&&"wi-view-qr"),children:v("div",{className:"wi-qr-section",children:[v("div",{className:"wi-qr-card",children:[v("div",{className:"wi-qr-code",children:[d(vi,{value:f,size:180,level:"H",marginSize:2,...u&&{imageSettings:{src:u,height:33,width:33,excavate:!0}}}),!u&&d("div",{className:"wi-qr-logo",children:d(zo,{size:33})})]}),d("p",{className:"wi-qr-address",children:f}),v("button",{type:"button",className:"wi-qr-copy-btn",onClick:vo,children:[d("span",{className:"wi-qr-copy-icon",children:Je?d(Xt,{size:16}):d(Qt,{size:16})}),d("span",{className:"wi-qr-copy-text",children:Je?"Copied!":"Copy address"})]})]}),tn]})},"qr"),an=Y==="qr"||Y==="portfolio",Co=Ke!==null?d("div",{className:"wi-builtin-footer",children:Ke}):null,Lo=v("div",{className:"wi-account-text",children:[L?v("button",{type:"button",className:"wi-account-row wi-account-row--btn",onClick:L,"aria-label":"Switch account",children:[d("span",{className:"wi-account-name",children:g??"Account 1"}),d("span",{className:"wi-account-switch","aria-hidden":"true",children:d(Uo,{size:12})})]}):d("div",{className:"wi-account-row",children:d("span",{className:"wi-account-name",children:g??"Account 1"})}),v("button",{type:"button",className:"wi-address-row-btn",onClick:vo,"aria-label":"Copy address",children:[d("span",{className:"wi-account-address",children:Fe(f)}),d("span",{className:"wi-account-copy",children:Je?d(Xt,{size:14}):d(Qt,{size:14})})]})]}),No=v(uo,{children:[o,an?v("div",{className:"wi-sticky-header",children:[v("div",{className:"wi-header wi-header--wallet wi-header--sub-account",children:[d("button",{type:"button",className:"wi-header-back",onClick:()=>Oe("wallet"),"aria-label":"Back",children:d(Vo,{})}),d("div",{className:"wi-account-block wi-account-block--sub-account",children:Lo}),d("button",{type:"button",className:"wi-header-action",onClick:E,"aria-label":"Close",children:d(Jt,{size:24})})]}),d("hr",{className:"wi-divider"})]}):v("div",{className:"wi-sticky-header",children:[v("div",{className:"wi-header wi-header--wallet",children:[v("div",{className:"wi-account-block",children:[v("div",{className:"wi-avatar",children:[d("div",{className:"wi-avatar-fallback",style:en}),yo&&d("img",{src:yo,alt:"",className:"wi-avatar-img",width:30,height:30,draggable:!1,onLoad:qt,onError:b=>{b.currentTarget.style.display="none"}})]}),Lo]}),v("div",{className:"wi-header-actions",children:[x&&d("button",{type:"button",className:"wi-header-action",onClick:()=>Oe("qr"),"aria-label":"Show QR code",children:d(Bo,{size:20})}),d("button",{type:"button",className:"wi-header-action",onClick:E,"aria-label":"Close",children:d(Jt,{size:24})})]})]}),d("hr",{className:"wi-divider"})]}),v("div",{className:"wi-view-container",children:[Y==="wallet"&&on,Y==="qr"&&nn,Y==="portfolio"&&rn]}),Co&&Y!=="portfolio"&&d("div",{className:"wi-sticky-footer",children:d("div",{className:"wi-footer",children:Co})})]});return s?v(Tt.Portal,{children:[i&&d(Tt.Overlay,{className:"wi-drawer-overlay"}),v(Tt.Content,{className:V("wi-drawer-content",r),"data-theme":c,style:ae,"data-direction":p,"data-no-balance":!a||void 0,"data-view":Y,children:[d(Tt.Title,{className:"wi-sr-only",children:"My Wallet"}),No]})]}):v(uo,{children:[i&&l&&d("div",{className:"wi-drawer-overlay",onClick:E}),d(Mt.Portal,{children:d(Mt.Content,{align:e,sideOffset:t,className:V("wi-popover-content",r),"data-theme":c,style:ae,"data-no-balance":!a||void 0,"data-view":Y,children:No})})]})}import*as Or from"react";function Wr({position:e="top",children:t}){let{setNavContent:r,setNavPosition:o}=fe();return Or.useEffect(()=>(r(t),o(e),()=>r(null)),[t,e,r,o]),null}import*as Dr from"react";function Ar({children:e}){let{setFooterContent:t}=fe();return Dr.useEffect(()=>(t(e),()=>t(null)),[e,t]),null}P(`[data-theme=dark].wi-popover-content,[data-theme=dark].wi-drawer-content{--wi-primary: var(--cck-primary, #019d92);--wi-secondary: var(--cck-secondary, #e70077);--wi-surface-bg: var(--cck-surface-bg, #121212);--wi-surface-default: var(--cck-surface-default, rgba(255, 255, 255, .05));--wi-surface-subtle: var(--cck-surface-subtle, rgba(255, 255, 255, .1));--wi-border-default: var(--cck-border-default, rgba(255, 255, 255, .05));--wi-border-subtle: var(--cck-border-subtle, rgba(255, 255, 255, .1));--wi-texticon-primary: var(--cck-texticon-primary, #ffffff);--wi-texticon-secondary: var(--cck-texticon-secondary, rgba(255, 255, 255, .7));--wi-texticon-tertiary: var(--cck-texticon-tertiary, rgba(255, 255, 255, .5));--wi-on-primary: var(--cck-on-primary, #ffffff);--wi-error: var(--cck-error, #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(--cck-primary, #019d92);--wi-secondary: var(--cck-secondary, #e70077);--wi-surface-bg: var(--cck-surface-bg, #ffffff);--wi-surface-default: var(--cck-surface-default, rgba(18, 18, 18, .05));--wi-surface-subtle: var(--cck-surface-subtle, rgba(18, 18, 18, .1));--wi-border-default: var(--cck-border-default, rgba(18, 18, 18, .05));--wi-border-subtle: var(--cck-border-subtle, rgba(18, 18, 18, .1));--wi-texticon-primary: var(--cck-texticon-primary, #121212);--wi-texticon-secondary: var(--cck-texticon-secondary, rgba(18, 18, 18, .7));--wi-texticon-tertiary: var(--cck-texticon-tertiary, rgba(18, 18, 18, .5));--wi-on-primary: var(--cck-on-primary, #ffffff);--wi-error: var(--cck-error, #e70077);--wi-shadow: 0 2px 16px -2px rgba(0, 0, 0, .15)}
|
|
7
|
+
`);P(`.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}
|
|
8
|
+
`);P(`@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}}
|
|
9
|
+
`);P(`.wi-popover-content{z-index:100001;width:343px;border-radius:24px;border:1px solid var(--wi-border-default);background:var(--wi-surface-bg);box-shadow:var(--wi-shadow);animation:wi-fade-in .15s ease-out;height:552px;overflow:hidden;display:flex;flex-direction:column}.wi-popover-content[data-no-balance]{height:auto}.wi-drawer-overlay{position:fixed;inset:0;z-index:100000;background:#0009}.wi-drawer-content{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:auto;left:0;right:0;width:100%;max-height:60vh;margin:0 auto}.wi-drawer-content[data-direction=bottom][data-view=qr]{max-height:85dvh}.wi-sticky-header{flex-shrink:0}.wi-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 24px}.wi-header--wallet{align-items:flex-start}.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:38px;height:38px;padding:4px;border-radius:50%;background:var(--wi-surface-bg);box-sizing:border-box;overflow:hidden}.wi-avatar-fallback{position:absolute;inset:4px;border-radius:50%;z-index:0}.wi-avatar-img{position:relative;z-index:1;width:30px;height:30px;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 4px;margin:-2px -4px;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:14px;font-weight:600;line-height:1.4;color:var(--wi-texticon-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-account-switch{display:inline-flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;color:var(--wi-texticon-tertiary);border-radius:4px;flex-shrink:0}.wi-address-row-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;cursor:pointer;color:inherit;font:inherit;text-align:left;min-width:0;transition:opacity .15s ease}.wi-address-row-btn:hover{opacity:.7}.wi-account-address{font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;color:var(--wi-texticon-tertiary);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}.wi-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.wi-header-action{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(--wi-texticon-primary);flex-shrink:0;transition:opacity .15s ease,background .15s ease}.wi-header-action:hover{opacity:.75}.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(--wi-texticon-primary);transition:opacity .15s ease}.wi-header-close:hover{opacity:.7}.wi-total-section{margin:16px 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}button.wi-total-section{cursor:pointer;transition:opacity .15s ease}button.wi-total-section:hover,button.wi-total-section:focus-visible{outline:none;opacity:.85}.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-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--wi-texticon-tertiary);flex-shrink:0;transition:transform .15s ease,color .15s ease}button.wi-total-section:hover .wi-total-chevron,button.wi-total-section:focus-visible .wi-total-chevron{color:var(--wi-texticon-primary);transform:translate(2px)}.wi-total-label{font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;color:var(--wi-texticon-tertiary)}.wi-total-eye{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;color:var(--wi-texticon-tertiary);cursor:pointer;transition:opacity .15s ease;border-radius:4px}.wi-total-eye:hover{opacity:.7}.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.3;color:var(--wi-texticon-primary);font-variant-numeric:tabular-nums;min-height:36px;white-space:nowrap}.wi-total-currency,.wi-total-amount{font-size:28px}.wi-total-decimal{font-size:20px;color:var(--wi-texticon-primary)}.wi-total-lte{margin-right:2px;font-weight:500;font-size:20px;color:var(--wi-texticon-secondary)}.wi-total-mask{letter-spacing:2px;font-size:28px;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:16px 24px 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:12px}.wi-token-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.wi-token-left{display:flex;align-items:center;gap:12px;min-width:0}.wi-token-icon-wrap{position:relative;width:32px;height:32px;flex-shrink:0}.wi-token-icon{width:28px;height:28px;border-radius:8px;object-fit:contain;opacity:0;transition:opacity .2s ease;background:var(--wi-surface-default)}.wi-token-icon[data-loaded=true]{opacity:1}.wi-token-chain-badge{position:absolute;right:0;bottom:0;width:14px;height:14px;border-radius:50%;background:var(--wi-surface-bg);box-shadow:0 0 0 1.5px var(--wi-surface-bg);object-fit:contain}.wi-token-info{display:flex;flex-direction:column;min-width:0}.wi-token-name{font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;color:var(--wi-texticon-primary);white-space:nowrap}.wi-token-price-row{display:flex;align-items:center;gap:4px}.wi-token-price{font-family:inherit;font-size:12px;font-weight:400;line-height:1.3;color:var(--wi-texticon-secondary);white-space:nowrap}.wi-token-change{font-family:inherit;font-size:12px;font-weight:400;line-height:1.3;white-space:nowrap}.wi-token-change[data-positive=true]{color:var(--wi-primary)}.wi-token-change[data-positive=false]{color:var(--wi-secondary)}.wi-token-change[data-zero]{opacity:.8}.wi-token-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.wi-token-balance{font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;color:var(--wi-texticon-primary);white-space:nowrap}.wi-token-value{font-family:inherit;font-size:12px;font-weight:400;line-height:1.3;color:var(--wi-texticon-secondary);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:8px 24px 16px}.wi-disconnect-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:16px;padding:0;border:none;background:transparent;color:var(--wi-texticon-tertiary);font-family:inherit;font-size:12px;font-weight:400;line-height:1.3;cursor:pointer;transition:opacity .15s ease}.wi-disconnect-btn:hover{opacity:.75}.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;margin-top:16px;font-family:inherit;font-size:10px;font-weight:400;line-height:1.3;color:var(--wi-texticon-tertiary)}.wi-legal-link{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:opacity .15s ease}.wi-legal-link:hover{opacity:.75}.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;padding:0;border:none;background:transparent;cursor:pointer;color:var(--wi-texticon-primary);flex-shrink:0;transition:opacity .15s ease}.wi-header-back:hover{opacity:.7}.wi-view-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.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-top{padding:16px 20px;gap:14px}.wi-portfolio-body .wp-body-inner{padding:4px 20px 24px;gap:16px}.wi-qr-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:16px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;overscroll-behavior:contain}[data-theme=light] .wi-qr-section{scrollbar-color:rgba(0,0,0,.12) transparent}.wi-qr-section::-webkit-scrollbar{width:4px}.wi-qr-section::-webkit-scrollbar-track{background:transparent}.wi-qr-section::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.wi-qr-section::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] .wi-qr-section::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .wi-qr-section::-webkit-scrollbar-thumb:hover{background:#0003}.wi-qr-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1;min-height:0;padding:32px 24px;background:var(--wi-border-default);border:1px solid var(--wi-border-default);border-radius:12px}.wi-qr-code{position:relative;display:flex;align-items:center;justify-content:center}.wi-qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.wi-qr-address{font-family:inherit;font-size:14px;font-weight:400;line-height:1.3;color:var(--wi-texticon-primary);text-align:center;word-break:break-all;max-width:247px;margin:0}.wi-qr-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid var(--wi-border-subtle);background:var(--wi-surface-default);border-radius:8px;cursor:pointer;transition:opacity .15s ease}.wi-qr-copy-btn:hover{opacity:.7}.wi-qr-copy-icon{display:inline-flex;color:var(--wi-texticon-secondary)}.wi-qr-copy-text{font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;color:var(--wi-texticon-secondary);white-space:nowrap}
|
|
10
|
+
`);P(`.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}
|
|
11
|
+
`);import{jsx as go}from"react/jsx-runtime";var Ni="https://terms.crosstoken.io/docs/cross-terms-of-use",Ii="https://terms.crosstoken.io/docs/nexus-privacy-policy";function Pi({env:e,theme:t="dark",mobileBreakpoint:r=768,drawerDirection:o,modal:n,showBalance:c=!1,showForgeToken:s=!1,showGameToken:l=!0,showQR:p=!0,qrLogoSrc:i,walletAddress:a,accountName:m,profileImageUrl:h,connectorId:x,connectorName:u,connectorIconUrl:f,preferredTokens:g=[],onSelectWallet:k,onCopyAddress:R,onDisconnect:E,disconnectLabel:L="Disconnect",termsUrl:_=Ni,termsLabel:w="Terms of Service",privacyUrl:y=Ii,privacyLabel:S="Privacy Policy",open:N,onOpenChange:F,showPortfolio:j=!1,portfolioTitle:ae="My Portfolio",showTotalAssets:ve=!0,totalAssetsLabel:Ge="Total Assets USD",sendTransaction:Ke,onOutlink:Y,style:Ye,children:Qe}){let Ht=Q(e),st=x?vt[x]:void 0,lt=u??st?.name,ct=f??st?.iconUrl,ye=We(`(max-width: ${r}px)`),pe=o??(c?"right":"bottom"),Me=n??!1,de=N!==void 0,[pt,dt]=K.useState(!1),se=de?N:pt,_e=K.useCallback(Oe=>{de||dt(Oe),F?.(Oe)},[de,F]),mt=K.useCallback(()=>_e(!1),[_e]),[ke,ft]=K.useState(null),[me,ut]=K.useState("top"),[gt,Ut]=K.useState(null),[Se,Xe]=K.useState("wallet");K.useEffect(()=>{se||Xe("wallet")},[se]);let Ce=K.useMemo(()=>({env:Ht,theme:t,isMobile:ye,open:se,drawerDirection:pe,modal:Me,showBalance:c,showForgeToken:s,showGameToken:l,showQR:p,qrLogoSrc:i,walletAddress:a,accountName:m,profileImageUrl:h,connectorName:lt,connectorIconUrl:ct,preferredTokens:g,close:mt,onSelectWallet:k,onCopyAddress:R,onDisconnect:E,disconnectLabel:L,termsUrl:_,termsLabel:w,privacyUrl:y,privacyLabel:S,portalStyle:Ye,navContent:ke,navPosition:me,setNavContent:ft,setNavPosition:ut,footerContent:gt,setFooterContent:Ut,view:Se,setView:Xe,showPortfolio:j,portfolioTitle:ae,showTotalAssets:ve,totalAssetsLabel:Ge,sendTransaction:Ke,onOutlink:Y}),[Ht,t,ye,se,pe,Me,c,s,l,p,i,a,m,h,lt,ct,g,mt,k,R,E,L,_,w,y,S,Ye,ke,me,gt,Se,j,ae,ve,Ge,Ke,Y]);return go(Kt.Provider,{value:Ce,children:ye?go(Li.Root,{direction:pe,open:se,onOpenChange:_e,noBodyStyles:!0,children:Qe},"drawer"):go(Fr.Root,{open:se,onOpenChange:_e,children:Qe},"popover")})}var ze=Object.assign(Pi,{Trigger:Ko,Content:Sr,Nav:Wr,Footer:Ar});import*as ce from"react";import*as Yr from"@radix-ui/react-dialog";import{Drawer as Oi}from"vaul";import{createContext as Ri,useContext as Ei}from"react";var _t=Ri(null);function nt(){let e=Ei(_t);if(!e)throw new Error("WalletConnectModal compound components must be used within <WalletConnectModal>");return e}import{useState as Br,useEffect as Ti,useCallback as Mi}from"react";function St(){let[e,t]=Br([]),[r,o]=Br(!0);Ti(()=>{if(typeof window>"u"){o(!1);return}let c=[],s=p=>{let{info:i}=p.detail;i?.rdns&&!c.some(a=>a.rdns===i.rdns)&&(c.push({rdns:i.rdns,name:i.name,icon:i.icon}),t([...c]))};window.addEventListener("eip6963:announceProvider",s),window.addEventListener("eip6963:crossAnnounceProvider",s),window.dispatchEvent(new Event("eip6963:requestProvider")),window.dispatchEvent(new Event("eip6963:crossRequestProvider"));let l=setTimeout(()=>o(!1),500);return()=>{window.removeEventListener("eip6963:announceProvider",s),window.removeEventListener("eip6963:crossAnnounceProvider",s),clearTimeout(l)}},[]);let n=Mi(c=>e.some(s=>s.rdns===c),[e]);return{wallets:e,isDetected:n,isLoading:r}}import*as Hr from"@radix-ui/react-dialog";import{Drawer as _i}from"vaul";import{jsx as Vr}from"react/jsx-runtime";function Ur({asChild:e,children:t}){let{isMobile:r}=nt(),o=r?_i.Trigger:Hr.Trigger;return Vr(o,{asChild:e??t!=null,children:t??Vr("button",{type:"button",children:"Connect Wallet"})})}import*as he from"@radix-ui/react-dialog";import{Drawer as Wt}from"vaul";import{jsx as D,jsxs as je}from"react/jsx-runtime";function Ot(){return je("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[D("circle",{cx:"20",cy:"20",r:"20",fill:"#00D5AA"}),D("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.3225 2.85742L23.7249 6.25982V11.8301L28.1175 7.43757L32.9292 12.2493L28.5806 16.5979H20.3225C18.4435 16.5979 16.9201 18.1212 16.9201 20.0003C16.9201 21.8794 18.4434 23.4027 20.3225 23.4027H28.5372L32.9293 27.7948L28.1176 32.6066L23.7249 28.2139V33.7407L20.3225 37.1431L16.9201 33.7407V28.2584L12.5719 32.6066L7.76022 27.7948L12.1524 23.4027H6.58209L3.17969 20.0003L6.58209 16.5979H12.1089L7.76035 12.2493L12.5721 7.43757L16.9201 11.7857V6.25982L20.3225 2.85742Z",fill:"black"})]})}function $r(){return je("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",children:[je("g",{clipPath:"url(#clip0_1331_27065)",children:[D("path",{d:"M37.2488 38.4674L28.6626 35.8175L22.1876 39.8295L17.6699 39.8274L11.191 35.8175L2.60875 38.4674L-0.00195312 29.3328L2.60875 19.1947L-0.00195312 10.6234L2.60875 0L16.0192 8.30453H23.838L37.2488 0L39.8595 10.6234L37.2488 19.1947L39.8595 29.3328L37.2488 38.4674Z",fill:"#FF5C16"}),D("path",{d:"M2.60938 0L16.0201 8.31037L15.4868 14.0137L2.60938 0ZM11.1919 29.3366L17.0925 33.9956L11.1919 35.8175V29.3366ZM16.6209 21.6342L15.4868 14.0175L8.22768 19.1971L8.22374 19.195V19.1988L8.24628 24.5302L11.1899 21.6345L16.6209 21.6342ZM37.2477 0L23.837 8.31037L24.3685 14.0137L37.2477 0ZM28.6654 29.3366L22.7646 33.9956L28.6654 35.8175V29.3366ZM31.6313 19.1985V19.1947L31.6297 19.1968L24.3705 14.0175L23.2364 21.6342H28.6651L31.6108 24.5296L31.6313 19.1985Z",fill:"#FF5C16"}),D("path",{d:"M11.191 35.8175L2.60875 38.4674L-0.00195312 29.3366H11.191V35.8175ZM16.62 21.6321L18.2595 32.6435L15.9873 26.5208L8.24368 24.5296L11.189 21.6324H16.62V21.6321ZM28.6662 35.8175L37.2488 38.4674L39.8595 29.3366H28.6662V35.8175ZM23.2375 21.6321L21.598 32.6435L23.8699 26.5208L31.6138 24.5296L28.6665 21.6324H23.2375V21.6321Z",fill:"#E34807"}),D("path",{d:"M-0.00195312 29.3328L2.60875 19.1947H8.22284L8.2434 24.5278L15.9876 26.519L18.2595 32.6414L17.0916 33.9897L11.191 29.3307H-0.00195312V29.3328ZM39.8595 29.3328L37.2488 19.1947H31.6344L31.6138 24.5278L23.8702 26.519L21.598 32.6414L22.7657 33.9897L28.6665 29.3307H39.8595V29.3328ZM23.838 8.30444H16.0192L15.4882 14.0078L18.2597 32.6355H21.598L24.3713 14.0078L23.838 8.30444Z",fill:"#FF8D5D"}),D("path",{d:"M2.60875 0L-0.00195312 10.6234L2.60875 19.1947H8.22284L15.4859 14.0137L2.60875 0ZM14.9975 23.8438H12.4541L11.0693 25.2508L15.9893 26.515L14.9975 23.842V23.8438ZM37.2488 0L39.8595 10.6234L37.2488 19.1947H31.6344L24.3716 14.0137L37.2488 0ZM24.8637 23.8438H27.4107L28.7955 25.2526L23.8699 26.5191L24.8637 23.8418V23.8438ZM22.1857 36.1956L22.7659 33.9936L21.598 32.6453H18.2572L17.0896 33.9936L17.6696 36.1956",fill:"#661800"}),D("path",{d:"M22.1857 36.1951V39.831H17.6699V36.1951H22.1857Z",fill:"#C0C4CD"}),D("path",{d:"M11.1914 35.8131L17.672 39.8289V36.193L17.0917 33.9912L11.1914 35.8131ZM28.6649 35.8131L22.1841 39.8289V36.193L22.7644 33.9912L28.6649 35.8131Z",fill:"#E7EBF6"})]}),D("defs",{children:D("clipPath",{id:"clip0_1331_27065",children:D("rect",{width:"40",height:"40",fill:"white"})})})]})}function qr(){return je("svg",{xmlns:"http://www.w3.org/2000/svg",width:"247",height:"246",viewBox:"0 0 247 246",fill:"none",children:[D("rect",{width:"247.005",height:"245.105",rx:"36",fill:"#121212"}),D("path",{d:"M89.1233 136.695V59.7551H118.481V140.524L74.5862 184.774L30.4787 140.524V107.55H59.9073V136.695L74.5862 151.303L89.1233 136.695Z",fill:"white"}),D("path",{d:"M59.8364 99.8915V59.7551H12.0414L30.4787 77.8377V99.8915H59.8364Z",fill:"#2FD7FF"}),D("path",{d:"M199.534 59.9334C202.562 60.0484 208.427 60.4824 212.031 63.6902C215.635 66.898 216.937 71.0498 216.937 73.1199V104.017L198.767 114.828L216.937 125.561V172.713C216.937 174.511 216.405 178.276 211.034 181.377C205.664 184.477 202.613 184.969 201.758 184.827H143.949C141.879 184.904 136.712 184.182 132.602 180.686C128.493 177.19 128.462 175.216 128.462 173.515V125.561L146.173 114.828L128.462 104.017V71.1268C128.462 69.721 130.109 65.7781 133.237 63.5701C137.147 60.8101 141.112 59.9334 144.409 59.9334H199.534ZM158.3 122.264V166.221H187.033V122.264H158.3ZM158.3 107.794H187.033V78.5272H158.3V107.794Z",fill:"white"})]})}function zr(){return je("svg",{width:"40",height:"40",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[je("g",{clipPath:"url(#clip0_1185_7785)",children:[D("path",{d:"M14 28C21.75 28 28 21.75 28 14C28 6.25 21.75 0 14 0C6.25 0 0 6.25 0 14C0 21.75 6.25 28 14 28Z",fill:"#EB0029"}),D("path",{d:"M19.4975 8.36232L6 6L13.103 23L23 11.5311L19.4975 8.36232ZM19.2801 9.4034L21.3449 11.27L15.6975 12.2424L19.2801 9.4034ZM14.4714 12.0479L8.51876 7.35252L18.247 9.05524L14.4714 12.0479ZM14.0467 12.8782L13.0765 20.5098L7.84385 7.98492L14.0467 12.8782ZM14.9454 13.2835L21.1983 12.2064L14.026 20.518L14.9454 13.2835Z",fill:"white"})]}),D("defs",{children:D("clipPath",{id:"clip0_1185_7785",children:D("rect",{width:"28",height:"28",fill:"white"})})})]})}function jr(){return D("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:D("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}var wo={cross_embedded:{id:"cross_embedded",name:"CROSSx with Social",description:"Sign in with Google or Apple",icon:Ot,featured:!0},cross_wallet:{id:"cross_wallet",name:"CROSSx",description:"App approval is required",icon:Ot},cross_extension:{id:"cross_extension",name:"CROSSx Extension",description:"Browser extension approval is required",icon:Ot,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:$r,rdns:"io.metamask"},verse8:{id:"verse8",name:"Verse8 Wallet",description:"Optimized for Forge and Verse8 ecosystem",icon:qr,badge:"For Forge"},tron:{id:"tron",name:"Tron Wallet",description:"Dedicated for Tron-based transactions and assets",icon:zr,badge:"For SHOP"}};function Ze(e){return wo[e]}import{Fragment as Si,jsx as C,jsxs as z}from"react/jsx-runtime";function Zr({wallet:e,detected:t,onConnect:r}){let o=()=>{if(e.installUrl&&!t){window.open(e.installUrl,"_blank","noopener,noreferrer");return}r()},n=e.icon;return z("button",{type:"button",className:"wcm-wallet-item",onClick:o,children:[z("div",{className:"wcm-wallet-item-left",children:[C("div",{className:"wcm-wallet-icon",children:C(n,{})}),z("div",{className:"wcm-wallet-info",children:[z("div",{className:"wcm-wallet-name-row",children:[C("span",{className:"wcm-wallet-name",children:e.name}),e.badge&&C("span",{className:"wcm-wallet-badge",children:e.badge})]}),C("span",{className:"wcm-wallet-desc",children:e.description})]})]}),e.installUrl&&(t?C("span",{className:"wcm-installed-label",children:"Installed"}):C("span",{className:"wcm-install-btn",children:"Install"}))]})}function Gr(){let{wallets:e,activeWalletIds:t,isDetected:r,close:o,isMobile:n}=nt(),c=t.filter(p=>{let i=Ze(p).visibility;return!i||i==="always"?!0:i==="desktop-only"?!n:i==="mobile-only"?n:!0}),s=c.filter(p=>Ze(p).featured),l=c.filter(p=>!Ze(p).featured);return z(Si,{children:[z("div",{className:"wcm-header",children:[z("div",{className:"wcm-header-text",children:[C("h2",{className:"wcm-title",children:"Connect Wallet"}),C("p",{className:"wcm-subtitle",children:"Connect with one of our available wallet providers to continue."})]}),C("button",{type:"button",className:"wcm-close-btn",onClick:o,children:C(jr,{})})]}),C("div",{className:"wcm-divider"}),z("div",{className:"wcm-body",children:[s.map(p=>{let i=Ze(p),a=i.rdns?r(i.rdns):!1;return C(Zr,{wallet:i,detected:a,onConnect:()=>{e[p]?.(),o()}},p)}),s.length>0&&l.length>0&&z("div",{className:"wcm-separator",children:[C("div",{className:"wcm-separator-line"}),C("span",{className:"wcm-separator-text",children:"or"}),C("div",{className:"wcm-separator-line"})]}),C("div",{className:"wcm-wallet-list",children:l.map(p=>{let i=Ze(p),a=i.rdns?r(i.rdns):!1;return C(Zr,{wallet:i,detected:a,onConnect:()=>{e[p]?.(),o()}},p)})}),z("div",{className:"wcm-help",children:[C("p",{className:"wcm-help-title",children:"Wallet not detected?"}),z("ul",{className:"wcm-help-list",children:[C("li",{children:"Ensure your wallet extension is installed and unlocked"}),C("li",{children:"Try refreshing the page"}),C("li",{children:"Some wallets may require you to first open the extension"}),C("li",{children:"You can try clicking the wallet anyway"})]})]}),C("div",{className:"wcm-divider"}),C("p",{className:"wcm-terms",children:"By connecting your wallet and accessing this service, you acknowledge and agree to be bound by the applicable terms and conditions."})]})]})}function Kr({className:e}){let{isMobile:t,theme:r,portalStyle:o}=nt();return t?z(Wt.Portal,{children:[C(Wt.Overlay,{className:"wcm-overlay"}),z(Wt.Content,{className:V("wcm-drawer-content",e),"data-theme":r,style:o,children:[C(Wt.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),C("div",{className:"wcm-drawer-handle"}),C("div",{className:"wcm-drawer-body",children:C(Gr,{})})]})]}):z(he.Portal,{children:[C(he.Overlay,{className:"wcm-overlay"}),z(he.Content,{className:V("wcm-dialog-content",e),"data-theme":r,style:o,children:[C(he.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),C("div",{className:"wcm-dialog-body",children:C(Gr,{})})]})]})}P(`[data-theme=dark]{--wcm-primary: var(--cck-primary, #9b8cef);--wcm-secondary: var(--cck-secondary, #ff3aa3);--wcm-surface-bg: var(--cck-surface-bg, #202530);--wcm-surface-default: var(--cck-surface-default, #292f40);--wcm-surface-subtle: var(--cck-surface-subtle, #313b51);--wcm-border-default: var(--cck-border-default, #313b51);--wcm-border-subtle: var(--cck-border-subtle, #49556e);--wcm-texticon-primary: var(--cck-texticon-primary, #ffffff);--wcm-texticon-secondary: var(--cck-texticon-secondary, #eff0f4);--wcm-texticon-tertiary: var(--cck-texticon-tertiary, #717d97)}[data-theme=light]{--wcm-primary: var(--cck-primary, #019d92);--wcm-secondary: var(--cck-secondary, #e70077);--wcm-surface-bg: var(--cck-surface-bg, #ffffff);--wcm-surface-default: var(--cck-surface-default, rgba(18, 18, 18, .05));--wcm-surface-subtle: var(--cck-surface-subtle, rgba(18, 18, 18, .1));--wcm-border-default: var(--cck-border-default, rgba(18, 18, 18, .05));--wcm-border-subtle: var(--cck-border-subtle, rgba(18, 18, 18, .1));--wcm-texticon-primary: var(--cck-texticon-primary, #121212);--wcm-texticon-secondary: var(--cck-texticon-secondary, rgba(18, 18, 18, .7));--wcm-texticon-tertiary: var(--cck-texticon-tertiary, rgba(18, 18, 18, .5))}
|
|
12
|
+
`);P(`.wcm-overlay{position:fixed;inset:0;z-index:100000;background:#0009}.wcm-dialog-content{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(--wcm-surface-bg);border:4px solid var(--wcm-border-default);border-radius:24px;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:rgba(255,255,255,.15) transparent}[data-theme=light] .wcm-dialog-body,[data-theme=light] .wcm-drawer-body{scrollbar-color:rgba(0,0,0,.12) 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:#ffffff26;border-radius:4px}.wcm-dialog-body::-webkit-scrollbar-thumb:hover,.wcm-drawer-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] .wcm-dialog-body::-webkit-scrollbar-thumb,[data-theme=light] .wcm-drawer-body::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .wcm-dialog-body::-webkit-scrollbar-thumb:hover,[data-theme=light] .wcm-drawer-body::-webkit-scrollbar-thumb:hover{background:#0003}.wcm-drawer-content{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(--wcm-surface-bg);border-top-left-radius:24px;border-top-right-radius:24px;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:24px 0 0 24px}.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 24px 24px 0}.wcm-drawer-content[data-vaul-drawer-direction=top]{inset:0 0 auto;border-radius:0 0 24px 24px}.wcm-drawer-handle{width:60px;height:4px;border-radius:999px;background:var(--wcm-border-subtle);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{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 24px 20px}.wcm-header-text{display:flex;flex-direction:column;gap:4px;width:100%;padding-right:48px}.wcm-title{font-family:inherit;font-weight:600;font-size:22px;line-height:1.3;color:var(--wcm-texticon-primary);margin:0}.wcm-subtitle{font-family:inherit;font-weight:400;font-size:14px;line-height:1.3;color:var(--wcm-texticon-secondary);margin:0}.wcm-close-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:999px;background:transparent;color:var(--wcm-texticon-primary);cursor:pointer;padding:0}.wcm-close-btn:hover{color:var(--wcm-texticon-secondary)}.wcm-divider{width:100%;height:1px;background:var(--wcm-border-default);border:none;margin:0}.wcm-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px}.wcm-wallet-item{display:flex;align-items:center;gap:8px;width:100%;padding:16px;background:var(--wcm-surface-default);border:1px solid transparent;border-radius:20px;cursor:pointer;text-align:left;transition:border-color .15s;font-family:inherit}.wcm-wallet-item:hover{border-color:var(--wcm-primary)}.wcm-wallet-item-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.wcm-wallet-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.wcm-wallet-icon>svg{width:40px;height:40px}.wcm-wallet-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.wcm-wallet-name-row{display:flex;align-items:center;gap:8px}.wcm-wallet-name{font-family:inherit;font-weight:700;font-size:18px;line-height:1.3;color:var(--wcm-texticon-primary);white-space:nowrap}.wcm-wallet-desc{font-family:inherit;font-weight:400;font-size:14px;line-height:1.4;color:var(--wcm-texticon-secondary)}.wcm-wallet-badge{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border:1px solid var(--wcm-secondary);border-radius:999px;font-family:inherit;font-weight:700;font-size:12px;line-height:1.3;color:var(--wcm-secondary);white-space:nowrap}.wcm-install-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;background:var(--wcm-primary);border-radius:12px;font-family:inherit;font-weight:600;font-size:14px;line-height:1.4;color:var(--wcm-surface-bg);white-space:nowrap}.wcm-installed-label{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;background:var(--wcm-surface-subtle);border-radius:12px;font-family:inherit;font-weight:600;font-size:14px;line-height:1.4;color:var(--wcm-texticon-secondary);white-space:nowrap}.wcm-separator{display:flex;align-items:center;gap:16px;width:100%}.wcm-separator-line{flex:1;height:1px;background:var(--wcm-border-default)}.wcm-separator-text{font-family:inherit;font-weight:400;font-size:16px;line-height:1.3;color:var(--wcm-texticon-tertiary);white-space:nowrap}.wcm-wallet-list{display:flex;flex-direction:column;gap:8px}.wcm-help{display:flex;flex-direction:column;gap:4px}.wcm-help-title{font-family:inherit;font-weight:600;font-size:14px;line-height:1.4;color:var(--wcm-texticon-primary);margin:0}.wcm-help-list{list-style:none;padding:0;margin:0}.wcm-help-list li{display:flex;align-items:center;gap:8px;font-family:inherit;font-weight:400;font-size:14px;line-height:1.4;color:var(--wcm-texticon-secondary)}.wcm-help-list li:before{content:"";display:block;flex-shrink:0;width:4px;height:4px;min-width:4px;min-height:4px;background:var(--wcm-texticon-secondary)}.wcm-terms{font-family:inherit;font-weight:400;font-size:12px;line-height:1.3;color:var(--wcm-texticon-secondary);text-align:center;margin:0}.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}
|
|
13
|
+
`);P(`@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)}}
|
|
14
|
+
`);import{jsx as it}from"react/jsx-runtime";function Wi({wallets:e,theme:t="dark",mobileBreakpoint:r=768,drawerDirection:o="bottom",dialogWidth:n,drawerMaxWidth:c,drawerMinWidth:s,style:l,open:p,onOpenChange:i,children:a}){let m=We(`(max-width: ${r}px)`),[h,x]=ce.useState(!1),u=p!==void 0,f=u?p:h,g=ce.useCallback(y=>{u||x(y),i?.(y)},[u,i]),k=ce.useCallback(()=>g(!1),[g]),{isDetected:R}=St(),E=ce.useMemo(()=>Object.keys(e),[e]),L=ce.useMemo(()=>{let y={};return n&&(y["--wcm-dialog-width"]=n),c&&(y["--wcm-drawer-max-width"]=c),s&&(y["--wcm-drawer-min-width"]=s),{...y,...l}},[n,c,s,l]),_=ce.useMemo(()=>({theme:t,isMobile:m,open:f,setOpen:g,close:k,wallets:e,activeWalletIds:E,isDetected:R,portalStyle:L}),[t,m,f,g,k,e,E,R,L]),w=it("div",{"data-theme":t,style:L,children:a});return m?it(_t.Provider,{value:_,children:it(Oi.Root,{direction:o,open:f,onOpenChange:g,noBodyStyles:!0,children:w},"drawer")}):it(_t.Provider,{value:_,children:it(Yr.Root,{open:f,onOpenChange:g,children:w})})}var Qr=Object.assign(Wi,{Trigger:Ur,Content:Kr});var Di='<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>',Ai='<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>',Fi='<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>',Bi='<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>',Vi='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><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 at(e){return`data:image/svg+xml,${encodeURIComponent(e)}`}var Dt=at(Di),At=at(Ai),Ft=at(Fi),Bt=at(Bi),Vt=at(Vi);import{jsx as be,jsxs as ho}from"react/jsx-runtime";function Jr({isConnecting:e,address:t,provider:r,providerName:o,accountName:n,onConnect:c,onDisconnect:s,onCopy:l,onSelectWallet:p,label:i="Connect Wallet",connectingLabel:a="Connecting...",disconnectLabel:m,className:h,theme:x="dark",env:u,showBalance:f=!0,showPortfolio:g,drawerDirection:k,modal:R,connectorId:E,style:L,sendTransaction:_}){if(e)return ho("button",{type:"button",disabled:!0,className:h,style:h?void 0:{...xe.button,...xe.buttonLoading},"aria-busy":"true",children:[be("style",{children:qi}),be("span",{style:xe.spinner,"aria-hidden":"true"}),a]});if(t){let w=o??$i(r),y=r?Hi[r]:void 0;return ho(ze,{env:u,theme:x,drawerDirection:k,modal:R,showBalance:f,showPortfolio:g,walletAddress:t,accountName:n,connectorId:E,onSelectWallet:p,onCopyAddress:l?(S,N)=>{N&&l()}:void 0,onDisconnect:s,disconnectLabel:m,style:L,sendTransaction:_,children:[be(ze.Trigger,{asChild:!0,children:ho("button",{type:"button",className:h,style:h?void 0:xe.connectedBtn,"aria-label":`Connected with ${w}: ${Xr(t)}`,children:[y?be("img",{src:y,alt:"",width:20,height:20,style:xe.connectedIcon}):be("span",{style:xe.connectedIconPlaceholder,"aria-hidden":"true"}),be("span",{style:xe.connectedAddress,children:Xr(t)})]})}),be(ze.Content,{align:"end",sideOffset:8})]})}return be("button",{type:"button",onClick:c,className:h,style:h?void 0:xe.button,children:i})}var Hi={google:Bt,apple:Vt,cross:Dt,metamask:At,binance:Ft},Ui={google:"Google",apple:"Apple",cross:"CROSSx",metamask:"MetaMask",binance:"Binance Wallet"};function $i(e){return e?Ui[e]:"Wallet"}function Xr(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}var qi="@keyframes cross-cb-spin{to{transform:rotate(360deg)}}",xe={button:{padding:"10px 24px",borderRadius:"12px",border:"none",background:"#00D5AA",color:"#000",fontWeight:700,fontSize:"14px",cursor:"pointer",display:"inline-flex",alignItems:"center",gap:"8px",transition:"opacity 0.15s",fontFamily:"inherit"},buttonLoading:{opacity:.7,cursor:"default"},spinner:{display:"inline-block",width:"14px",height:"14px",border:"2px solid #00000030",borderTopColor:"#000",borderRadius:"50%",animation:"cross-cb-spin 0.6s linear infinite"},connectedBtn:{display:"inline-flex",alignItems:"center",gap:"8px",padding:"8px 14px",borderRadius:"999px",border:"1px solid var(--wi-border-default, #2a2d3a)",background:"var(--wi-surface-default, #1e232e)",color:"var(--wi-texticon-primary, #ffffff)",fontWeight:600,fontSize:"14px",cursor:"pointer",fontFamily:"inherit"},connectedIcon:{width:"20px",height:"20px",borderRadius:"50%",objectFit:"contain",flexShrink:0,background:"transparent"},connectedIconPlaceholder:{display:"inline-block",width:"20px",height:"20px",borderRadius:"50%",background:"var(--wi-surface-subtle, #2a2d3a)",flexShrink:0},connectedAddress:{fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSize:"13px",letterSpacing:"0.02em"}};export{Vt as APPLE_ICON,Ro as AppLauncher,Do as AppLauncherContent,So as AppLauncherTrigger,Ft as BINANCE_ICON,vt as CONNECTOR_REGISTRY,Dt as CROSSX_ICON,Jr as ConnectButton,Yt as ConnectorId,Bt as GOOGLE_ICON,At as METAMASK_ICON,no as TOKEN_STATS_QUERY_KEY,ro as USER_BALANCE_QUERY_KEY,wo as WALLET_REGISTRY,Qr as WalletConnectModal,ze as WalletInfo,_r as WalletPortfolio,qe as WalletPortfolioBody,Q as resolveEnvironment,xt as useGlobalMenu,Be as useTokenBalance,Ve as useTokenStats,St as useWalletDetect};
|