@nexus-cross/dapp-ui 1.0.0-beta.1
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/README.md +527 -0
- package/dist/index.cjs +14 -0
- package/dist/index.d.cts +537 -0
- package/dist/index.d.ts +537 -0
- package/dist/index.js +14 -0
- package/package.json +68 -0
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";var gn=Object.create;var pt=Object.defineProperty;var hn=Object.getOwnPropertyDescriptor;var xn=Object.getOwnPropertyNames;var bn=Object.getPrototypeOf,vn=Object.prototype.hasOwnProperty;var yn=(e,t)=>{for(var o in t)pt(e,o,{get:t[o],enumerable:!0})},No=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of xn(t))!vn.call(e,n)&&n!==o&&pt(e,n,{get:()=>t[n],enumerable:!(r=hn(t,n))||r.enumerable});return e};var S=(e,t,o)=>(o=e!=null?gn(bn(e)):{},No(t||!e||!e.__esModule?pt(o,"default",{value:e,enumerable:!0}):o,e)),kn=e=>No(pt({},"__esModule",{value:!0}),e);var na={};yn(na,{AppLauncher:()=>qt,AppLauncherContent:()=>zt,AppLauncherTrigger:()=>jt,CONNECTOR_REGISTRY:()=>Ke,ConnectorId:()=>ht,TOKEN_STATS_QUERY_KEY:()=>yt,USER_BALANCE_QUERY_KEY:()=>bt,WALLET_REGISTRY:()=>At,WalletConnectModal:()=>ho,WalletInfo:()=>wo,WalletPortfolio:()=>fo,WalletPortfolioBody:()=>Ie,useGlobalMenu:()=>Ye,useTokenBalance:()=>Ce,useTokenStats:()=>Le,useWalletDetect:()=>tt});module.exports=kn(na);var Se=S(require("react"),1),Lo=S(require("@radix-ui/react-popover"),1),Io=require("vaul");var dt=require("react"),$t=(0,dt.createContext)(null);function mt(){let e=(0,dt.useContext)($t);if(!e)throw new Error("AppLauncher compound components must be used within <AppLauncher>");return e}var ft=require("react");function _e(e){let[t,o]=(0,ft.useState)(!1);return(0,ft.useEffect)(()=>{let r=window.matchMedia(e);o(r.matches);let n=c=>o(c.matches);return r.addEventListener("change",n),()=>r.removeEventListener("change",n)},[e]),t}function E(e,{insertAt:t}={}){if(!e||typeof document>"u")return;let o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",t==="top"&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}E(`[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
|
+
`);E(`.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
|
+
`);E(`@keyframes al-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
|
|
4
|
+
`);E(`.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{grid-template-columns:1fr;max-width:100%;overflow:hidden;flex-shrink:0;gap:4px}.al-drawer-content .al-grid-item{max-width:100%;overflow:hidden}.al-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-shrink:0}.al-drawer-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;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
|
+
`);E("");var ut=require("react/jsx-runtime");function qt({env:e="production",theme:t="dark",mobileBreakpoint:o=768,domain:r,children:n}){let c=_e(`(max-width: ${o}px)`),[s,i]=Se.useState(!1),l=Se.useCallback(()=>i(!1),[]),p=Se.useMemo(()=>({env:e,theme:t,isMobile:c,open:s,domain:r,close:l}),[e,t,c,s,r,l]);return(0,ut.jsx)($t.Provider,{value:p,children:c?(0,ut.jsx)(Io.Drawer.Root,{direction:"right",open:s,onOpenChange:i,noBodyStyles:!0,children:n},"drawer"):(0,ut.jsx)(Lo.Root,{open:s,onOpenChange:i,children:n},"popover")})}var Eo=S(require("@radix-ui/react-popover"),1),Mo=require("vaul");var z=require("react/jsx-runtime");function Po({size:e=18}){return(0,z.jsxs)("svg",{className:"al-trigger-icon",width:e,height:e,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,z.jsx)("rect",{width:"4",height:"4",fill:"currentColor"}),(0,z.jsx)("rect",{x:"7",width:"4",height:"4",fill:"currentColor"}),(0,z.jsx)("rect",{x:"14",width:"4",height:"4",fill:"currentColor"}),(0,z.jsx)("rect",{y:"7",width:"4",height:"4",fill:"currentColor"}),(0,z.jsx)("rect",{x:"7",y:"7",width:"4",height:"4",fill:"currentColor"}),(0,z.jsx)("rect",{x:"14",y:"7",width:"4",height:"4",fill:"currentColor"}),(0,z.jsx)("rect",{y:"14",width:"4",height:"4",fill:"currentColor"}),(0,z.jsx)("rect",{x:"7",y:"14",width:"4",height:"4",fill:"currentColor"}),(0,z.jsx)("rect",{x:"14",y:"14",width:"4",height:"4",fill:"currentColor"})]})}function Ro(){return(0,z.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,z.jsx)("path",{d:"M12 19L5 12M5 12L12 5M5 12H19",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function To(){return(0,z.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,z.jsx)("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}var Ze=require("react/jsx-runtime");function jt({asChild:e,children:t}){let{isMobile:o,theme:r}=mt(),n=t!=null,c=e??!0,s=n?t:(0,Ze.jsx)("button",{type:"button",className:"al-trigger-btn","data-theme":r,children:(0,Ze.jsx)(Po,{size:o?12:18})});return o?(0,Ze.jsx)(Mo.Drawer.Trigger,{asChild:c,children:s}):(0,Ze.jsx)(Eo.Trigger,{asChild:c,children:s})}var ye=S(require("react"),1),wt=S(require("@radix-ui/react-popover"),1),ve=require("vaul");var _o=require("@tanstack/react-query");var Wo={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 Ye(e="production"){return(0,_o.useQuery)({queryKey:["global-menu",e],queryFn:async({signal:t})=>{let o=await fetch(Wo[e],{cache:"no-store",signal:t});if(!o.ok)throw new Error(`Failed to fetch global menu: ${o.status}`);return o.json()},staleTime:0,gcTime:0,refetchOnMount:!0})}function $(...e){return e.filter(Boolean).join(" ")}var O=require("react/jsx-runtime");function zt({align:e="end",sideOffset:t=12,className:o}){let{env:r,theme:n,isMobile:c,domain:s,close:i}=mt(),{data:l}=Ye(r),p=ye.useMemo(()=>(l?.items??[]).sort((w,N)=>w.order-N.order),[l]),d=8,m=ye.useRef(null),M=ye.useCallback(w=>{m.current={x:w.clientX,y:w.clientY}},[]),k=typeof window<"u"?window.location.pathname:"",b=ye.useCallback((w,N)=>{if(m.current){let I=w.clientX-m.current.x,V=w.clientY-m.current.y;if(m.current=null,Math.abs(I)>d||Math.abs(V)>d)return}let D=N.url[r]??N.url.production,x=So(D,s);if(!x)try{let I=new URL(D).pathname;if(k===I||k.startsWith(I+"/")){i();return}}catch{}x?window.open(D,"_blank","noopener,noreferrer"):window.location.href=D,i()},[r,s,i,k]),f=(0,O.jsx)("div",{className:"al-grid","data-theme":n,children:p.map(w=>{let N=w.url[r]??w.url.production,D=So(N,s),x=!1;if(!D)try{let I=new URL(N).pathname;x=k===I||k.startsWith(I+"/")}catch{x=!1}return(0,O.jsxs)("button",{type:"button",className:"al-grid-item","data-active":x||void 0,onPointerDown:M,onClick:I=>b(I,w),children:[(0,O.jsxs)("div",{className:"al-grid-item-left",children:[(0,O.jsx)("div",{className:"al-grid-item-icon",children:(0,O.jsx)("img",{src:w.iconUrl,alt:w.label,width:24,height:24,loading:"lazy"})}),(0,O.jsx)("span",{className:"al-grid-item-label",children:w.label}),w.isNew&&(0,O.jsx)("span",{className:"al-badge-new",children:"N"})]}),(0,O.jsx)("div",{className:"al-grid-item-right",children:w.badge&&(0,O.jsx)("span",{className:"al-badge",children:w.badge})})]},w.id)})});return c?(0,O.jsxs)(ve.Drawer.Portal,{children:[(0,O.jsx)(ve.Drawer.Overlay,{className:"al-drawer-overlay"}),(0,O.jsxs)(ve.Drawer.Content,{className:$("al-drawer-content",o),"data-theme":n,children:[(0,O.jsxs)("div",{className:"al-drawer-header",children:[(0,O.jsx)(ve.Drawer.Close,{className:"al-drawer-close",children:(0,O.jsx)(Ro,{})}),(0,O.jsx)(ve.Drawer.Title,{className:"al-drawer-title",children:"CROSS Services"}),(0,O.jsx)(ve.Drawer.Close,{className:"al-drawer-close",children:(0,O.jsx)(To,{})})]}),(0,O.jsx)("div",{className:"al-drawer-body",children:f})]})]}):(0,O.jsx)(wt.Portal,{children:(0,O.jsx)(wt.Content,{align:e,sideOffset:t,className:$("al-popover-content",o),"data-theme":n,children:f})})}function So(e,t){try{let o=new URL(e).hostname;return typeof window>"u"?!0:o!==(t??window.location.hostname)}catch{return!1}}var K=S(require("react"),1),Gr=S(require("@radix-ui/react-popover"),1),Zr=require("vaul");var gt=require("react"),Gt=(0,gt.createContext)(null);function se(){let e=(0,gt.useContext)(Gt);if(!e)throw new Error("WalletInfo compound components must be used within <WalletInfo>");return e}var ht=(r=>(r.CROSSx="crossx",r.MetaMask="io.metamask",r.Binance="com.binance.wallet",r))(ht||{}),Ke={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"}};var zo=S(require("@radix-ui/react-popover"),1),Go=require("vaul");var P=require("react/jsx-runtime");function Do({size:e=16,className:t}){return(0,P.jsxs)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[(0,P.jsx)("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"}),(0,P.jsx)("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 Zt({size:e=16,className:t}){return(0,P.jsx)("svg",{width:e,height:e,viewBox:"4 4 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:(0,P.jsx)("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 Yt({size:e=16,className:t}){return(0,P.jsx)("svg",{width:e,height:e,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:(0,P.jsx)("path",{d:"M11.6667 3.5L5.25 9.91667L2.33334 7",stroke:"currentColor",strokeWidth:1.16667,strokeLinecap:"round",strokeLinejoin:"round"})})}function Kt({size:e=24,className:t}){return(0,P.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:(0,P.jsx)("path",{d:"M18 6L6 18M6 6l12 12",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function Ao({size:e=20,className:t}){return(0,P.jsxs)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[(0,P.jsx)("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"}),(0,P.jsx)("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 Oo({size:e=20,className:t}){return(0,P.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 20 20",fill:"none",className:t,children:(0,P.jsx)("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 Bo({size:e=20,className:t}){return(0,P.jsx)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:(0,P.jsx)("path",{d:"M12.5 15L7.5 10L12.5 5",stroke:"currentColor",strokeWidth:1.67,strokeLinecap:"round",strokeLinejoin:"round"})})}function Fo({size:e=20,className:t}){return(0,P.jsx)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:(0,P.jsx)("path",{d:"M8 5L13 10L8 15",stroke:"currentColor",strokeWidth:1.67,strokeLinecap:"round",strokeLinejoin:"round"})})}function Vo({size:e=20,className:t}){return(0,P.jsx)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:(0,P.jsx)("path",{d:"M5 8L10 13L15 8",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function Ho({size:e=16,className:t}){return(0,P.jsxs)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[(0,P.jsx)("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"}),(0,P.jsx)("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 Uo({size:e=16,className:t}){return(0,P.jsxs)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[(0,P.jsx)("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"}),(0,P.jsx)("path",{d:"M1.667 1.667l16.666 16.666",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})]})}function $o({size:e=42,className:t}){return(0,P.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 42 42",fill:"none",className:t,children:(0,P.jsx)("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 le=S(require("bignumber.js"),1);function xt(e,t){if(!e||e==="0")return"0.00";let o=new le.default(e).shiftedBy(-t),r=o.isGreaterThanOrEqualTo(1)?2:4;return o.toFormat(r,le.default.ROUND_DOWN)}function De(e){return e.length<=10?e:`${e.slice(0,6)}...${e.slice(-4)}`}function Qt(e){let t=typeof e=="string"?parseFloat(e):e;if(Number.isNaN(t)||t===0)return"$0.00";let o=t>=1?2:4,r=Math.pow(10,o);return`$${(Math.floor(t*r)/r).toLocaleString("en-US",{minimumFractionDigits:o,maximumFractionDigits:o})}`}function qo(e,t,o){let n=new le.default(e).shiftedBy(-t).multipliedBy(new le.default(o));return n.isZero()||n.isNaN()?"$0.00":`$${(n.integerValue(le.default.ROUND_DOWN).isGreaterThanOrEqualTo(1)?n.decimalPlaces(2,le.default.ROUND_DOWN):n.decimalPlaces(4,le.default.ROUND_DOWN)).toFormat()}`}function jo(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 o=t;if(o.includes("e")||o.includes("E")){let s=Number(o);if(!Number.isFinite(s)||s===0)return{displayValue:"0",isLowerBound:!1};o=s.toFixed(18).replace(/\.?0+$/,"")}let[r="0",n=""]=o.split(".");if(Number(r)>=1){let s=n.slice(0,2).padEnd(2,"0");return{displayValue:`${Number(r).toLocaleString("en-US")}.${s}`,isLowerBound:!1}}return n.length<4?{displayValue:`${r}.${n}`,isLowerBound:!1}:n.slice(0,4)==="0000"?{displayValue:"0.0001",isLowerBound:!0}:{displayValue:`0.${n.slice(0,4)}`,isLowerBound:!1}}var ke=require("react/jsx-runtime");function Zo({asChild:e,className:t,children:o}){let{isMobile:r,theme:n,walletAddress:c}=se(),s=o!=null,i=e??!0,l=s?o:(0,ke.jsxs)("button",{type:"button",className:$("wi-trigger-btn",t),"data-theme":n,"data-mobile":r||void 0,children:[(0,ke.jsx)(Do,{size:r?14:16}),(0,ke.jsx)("span",{className:"wi-trigger-address",children:De(c)})]});return r?(0,ke.jsx)(Go.Drawer.Trigger,{asChild:i,children:l}):(0,ke.jsx)(zo.Trigger,{asChild:i,children:l})}var B=S(require("react"),1),Mt=S(require("@radix-ui/react-popover"),1),Je=require("vaul");var Oe=S(require("bignumber.js"),1);var Qo=require("@tanstack/react-query"),Xo=require("react");var J={dev:"https://stg-wallet-server.crosstoken.io/api",stage:"https://stg-wallet-server.crosstoken.io/api",production:"https://wallet-server.crosstoken.io/api"},Q={dev:{cross:612044,bsc:97},stage:{cross:612044,bsc:97},production:{cross:612055,bsc:56}};var Xt={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 Jt(e,t){let o=Q[e];if(t===o.cross)return Yo.cross;if(t===o.bsc)return Yo.bsc}var Cn={dev:"https://dev-portrait.crosstoken.io",stage:"https://dev-portrait.crosstoken.io",production:"https://portrait.crosstoken.io"};function Ko(e,t,o={}){if(!t||!t.startsWith("0x"))return;let{size:r=120,bg:n,format:c="png"}=o,s=Cn[e],i=n?`&bg=${n}`:"";return`${s}/portrait/evm/${t}.${c}?size=${r}${i}`}var bt="user-balance";async function Nn(e,t,o,r){let n=new URLSearchParams({networkId:`eip155:${t}`,account:o}),c=await fetch(`${e}/v1/public/token/balance?${n}`,{cache:"no-store",signal:r});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 Ce(e,t,o=!0){let r=J[e],n=Q[e],c=[n.cross,n.bsc],s=(0,Qo.useQueries)({queries:c.map(d=>({queryKey:[bt,e,t,d],queryFn:({signal:m})=>Nn(r,d,t,m),enabled:!!t&&o,staleTime:0,refetchInterval:o?5e3:!1}))}),i=s.some(d=>d.isLoading),l=s.some(d=>d.isError);return{tokens:(0,Xo.useMemo)(()=>{let d=[];for(let m of s)m.data&&d.push(...m.data);return d},[s]),isLoading:i,isError:l}}var vt=require("@tanstack/react-query"),Jo=require("react");var Ln="forge-holdings",In="forge-token-image";async function Pn(e,t,o){let r=await fetch(`${e}/v1/users/${t}/holdings`,{cache:"no-store",signal:o});if(!r.ok)throw new Error(`Failed to fetch forge holdings: ${r.status}`);let n=await r.json();if(!n.success)throw new Error("Forge holdings API error");return n.data.items}async function Rn(e,t,o){let r=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store",signal:o});if(!r.ok)return{address:t,image_url:""};let n=await r.json();return n.success?{address:t,image_url:n.data.token.image_url}:{address:t,image_url:""}}function er(e,t,o=!0){let r=Xt[e],{data:n,...c}=(0,vt.useQuery)({queryKey:[Ln,e,t],queryFn:({signal:s})=>Pn(r,t,s),enabled:!!t&&o,staleTime:0,refetchInterval:o?5e3:!1});return{holdings:n??[],...c}}function tr(e,t,o=!0){let r=Xt[e],n=(0,vt.useQueries)({queries:t.map(s=>({queryKey:[In,e,s],queryFn:({signal:i})=>Rn(r,s,i),enabled:o,staleTime:1/0}))});return{imageMap:(0,Jo.useMemo)(()=>{let s=new Map;for(let i of n)i.data&&s.set(i.data.address,i.data.image_url);return s},[n])}}var or=require("@tanstack/react-query"),rr=require("react");var yt="token-stats";function Ne(e,t){return`${e}:${t.toLowerCase()}`}function Le(e,t=!0){let o=J[e],{data:r,...n}=(0,or.useQuery)({queryKey:[yt,e],queryFn:async({signal:s})=>{let i=await fetch(`${o}/v1/public/token/stats`,{cache:"no-store",signal:s});if(!i.ok)throw new Error(`Failed to fetch token stats: ${i.status}`);let l=await i.json();if(l.code!==200)throw new Error(`Token stats API error: ${l.code}`);return l},enabled:t,staleTime:3e4});return{statsMap:(0,rr.useMemo)(()=>{let s=new Map;if(!r?.data)return s;for(let i of r.data){let l=Ne(i.chain_id,i.address);s.set(l,i)}return s},[r]),...n}}var nr=require("@tanstack/react-query"),ar=require("react");var Tn="token-info";function eo(e,t){return`${t.toLowerCase()}_${e}`}function ir(e,t=!0){let o=J[e],{data:r,...n}=(0,nr.useQuery)({queryKey:[Tn,e],queryFn:async({signal:s})=>{let i=await fetch(`${o}/v1/public/token/info`,{cache:"no-store",signal:s});if(!i.ok)throw new Error(`Failed to fetch token info: ${i.status}`);let l=await i.json();if(l.code!==200)throw new Error(`Token info API error: ${l.code}`);return l},enabled:t,staleTime:1/0});return{categoryMap:(0,ar.useMemo)(()=>{let s=new Map;if(!r?.data)return s;for(let i of r.data){let l=eo(i.chain_id,i.address);s.set(l,i.category)}return s},[r]),...n}}var sr=require("react"),kt=S(require("bignumber.js"),1);function lr(e,t,o){let{tokens:r,isLoading:n}=Ce(e,t,o),{statsMap:c}=Le(e,o);return(0,sr.useMemo)(()=>{let s=new kt.default(0);for(let d of r){let m=c.get(Ne(d.chainId,d.address));if(!m)continue;let k=new kt.default(d.quantity.numeric).shiftedBy(-d.quantity.decimals).multipliedBy(new kt.default(m.price));k.isNaN()||(s=s.plus(k))}let i=s.toFixed(),{displayValue:l,isLowerBound:p}=jo(i);return{totalUsd:i,displayValue:l,isLowerBound:p,isLoading:n}},[r,c,n])}var Hr=require("qrcode.react");var Re=S(require("react"),1),Vr=require("vaul");var Ct=require("react"),Qe=(0,Ct.createContext)(null);function G(){let e=(0,Ct.useContext)(Qe);if(!e)throw new Error("WalletPortfolio compound components must be used within <WalletPortfolio>");return e}var cr=require("vaul");var to=require("react/jsx-runtime");function pr({asChild:e,children:t}){let{walletAddress:o}=G(),r=t!=null,n=e??!0,c=r?t:(0,to.jsx)("button",{type:"button",children:De(o)});return(0,to.jsx)(cr.Drawer.Trigger,{asChild:n,children:c})}var Xe=require("vaul");var X=S(require("react"),1),Br=require("@tanstack/react-query");var xr=require("react"),Rt=S(require("bignumber.js"),1);var fr=require("@tanstack/react-query"),oo=require("react");var Nt={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"},dr={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},Lt={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"},ce={dev:"https://stg-x.crosstoken.io",stage:"https://stg-x.crosstoken.io",production:"https://x.crosstoken.io"},mr={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 En="wp:reward-pools";function It(e,t=!0){let o=Nt[e],{data:r,...n}=(0,fr.useQuery)({queryKey:[En,e],queryFn:async({signal:i})=>{let l=await fetch(`${o}/v1/pools`,{cache:"no-store",signal:i});if(!l.ok)throw new Error(`Failed to fetch pools: ${l.status}`);let p=await l.json();if(p.code!==200)throw new Error(`Pools API error: ${p.code}`);return p},enabled:t,staleTime:0}),c=(0,oo.useMemo)(()=>r?.data.pools.filter(i=>i.pool_type==="CrossPool")??[],[r]),s=(0,oo.useMemo)(()=>r?.data.pools.filter(i=>i.pool_type==="GamePool")??[],[r]);return{crossPools:c,gamePools:s,allPools:r?.data.pools??[],...n}}var ur=require("@tanstack/react-query"),wr=require("react");var Mn="wp:user-deposits";function Pt(e,t,o=!0){let r=Nt[e],n=o&&!!t,{data:c,...s}=(0,ur.useQuery)({queryKey:[Mn,e,t],queryFn:async({signal:l})=>{let p=await fetch(`${r}/v1/users/${t}/deposits`,{cache:"no-store",signal:l});if(!p.ok)throw new Error(`Deposits fetch failed: ${p.status}`);let d=await p.json();if(d.code!==200)throw new Error(`Deposits API error: ${d.code}`);return d},enabled:n,staleTime:0});return{depositMap:(0,wr.useMemo)(()=>{let l=new Map;if(!c?.data.user_deposits)return l;for(let p of c.data.user_deposits)l.set(p.pool_address.toLowerCase(),p);return l},[c]),deposits:c?.data.user_deposits??[],...s}}var ro=require("@tanstack/react-query"),no=require("react");function ee(e,t,o,r=!0){let n=mr[e][t],c=r&&!!o,{data:s,...i}=(0,ro.useQuery)({queryKey:["wp:dex-pairs",e,t],queryFn:async({signal:b})=>{let f=await fetch(`${n}/pair-info`,{cache:"no-store",signal:b});if(!f.ok)throw new Error(`pair-info fetch failed: ${f.status}`);let w=await f.json();if(w.code!==200)throw new Error(`pair-info API error: ${w.code}`);return w},enabled:r,staleTime:0}),l=s?.data??[],p=(0,no.useMemo)(()=>{let b=new Map;for(let f of l)b.set(f.pair_address.toLowerCase(),f);return b},[l]),{data:d,...m}=(0,ro.useQuery)({queryKey:["wp:dex-orders",e,t,o],queryFn:async({signal:b})=>{let f=Math.floor(Date.now()/1e3),w=new URLSearchParams({owner:o,size:"200",start_date:"0",end_date:String(f)}),N=await fetch(`${n}/open-order?${w}`,{cache:"no-store",signal:b});if(!N.ok)throw new Error(`open-order fetch failed: ${N.status}`);let D=await N.json();if(D.code!==200)throw new Error(`open-order API error: ${D.code}`);return D.data?.data??[]},enabled:c,staleTime:0}),M=d??[],k=(0,no.useMemo)(()=>{let b=new Map;for(let f of M){let w=f.pair.toLowerCase();b.has(w)||b.set(w,{buys:[],sells:[]});let N=b.get(w);f.order_side===1?N.buys.push(f):N.sells.push(f)}return b},[M]);return{allPairs:l,pairMap:p,orders:M,ordersByPair:k,isEmpty:M.length===0,isLoading:i.isLoading||m.isLoading}}var Wn=["var(--wp-blue)","var(--wp-purple)","var(--wp-red)","var(--wp-orange)"],gr="var(--wp-green)",hr=4;function br(e,t,o=!0){let r=o&&!!t,{allPools:n}=It(e,r),{depositMap:c}=Pt(e,t,r),{allPairs:s,pairMap:i,ordersByPair:l}=ee(e,"cross",t,r),{allPairs:p,pairMap:d,ordersByPair:m}=ee(e,"crossd",t,r),{allPairs:M,pairMap:k,ordersByPair:b}=ee(e,"forge",t,r);return(0,xr.useMemo)(()=>{let f=new Map,w=new Map,N=(h,v)=>{!Number.isFinite(v)||v<=0||w.set(h,(w.get(h)??0)+v)};for(let h of n){let v=Number(h.deposit_token.price);v>0&&f.set(h.deposit_token.symbol,v);for(let A of h.reward_tokens){let R=Number(A.price);R>0&&f.set(A.symbol,R)}}for(let h of[...s,...p,...M]){let v=f.get(h.quote_symbol),A=Number(h.billboard?.price);v&&A>0&&!f.has(h.base_symbol)&&f.set(h.base_symbol,A*v)}for(let h of n){let v=c.get(h.pool_address.toLowerCase());if(!v)continue;let A=new Rt.default(v.deposited_amount).shiftedBy(-h.deposit_token.decimals).toNumber();if(N(h.deposit_token.symbol,A),h.reward_tokens.length>0){let R=h.reward_tokens[0],H=new Rt.default(v.claimable_reward).shiftedBy(-R.decimals).toNumber();N(R.symbol,H)}}let D=[{pairMap:i,ordersByPair:l},{pairMap:d,ordersByPair:m},{pairMap:k,ordersByPair:b}];for(let{pairMap:h,ordersByPair:v}of D)for(let[A,R]of v){let H=h.get(A);if(H){for(let Z of R.buys){let oe=Number(Z.amount)-Number(Z.filled);N(H.quote_symbol,oe*Number(Z.price))}for(let Z of R.sells){let oe=Number(Z.amount)-Number(Z.filled);N(H.base_symbol,oe)}}}let x=[],I=0;for(let[h,v]of w){let A=f.get(h)??0,R=v*A;R>0&&(x.push({symbol:h,usdValue:R}),I+=R)}x.sort((h,v)=>v.usdValue-h.usdValue);let V=[];if(I>0){let h=x.slice(0,hr),v=x.slice(hr);for(let R=0;R<h.length;R++)V.push({symbol:h[R].symbol,usdValue:h[R].usdValue,percentage:Math.round(h[R].usdValue/I*100),color:Wn[R]??gr});if(v.length>0){let R=v.reduce((H,Z)=>H+Z.usdValue,0);V.push({symbol:"Others",usdValue:R,percentage:Math.round(R/I*100),color:gr})}let A=V.reduce((R,H)=>R+H.percentage,0);A!==100&&V.length>0&&(V[0].percentage+=100-A)}return{totalUsd:I,formattedTotal:I>0?`$${new Rt.default(I).toFormat(2)}`:"$0.00",segments:V}},[n,c,s,i,l,p,d,m,M,k,b])}var ne=require("react/jsx-runtime");function vr({size:e=22,className:t}){return(0,ne.jsx)("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:(0,ne.jsx)("path",{d:"M14 4L7 11L14 18",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})}function yr({size:e=22,className:t}){return(0,ne.jsxs)("svg",{width:e,height:e,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[(0,ne.jsx)("path",{d:"M18.333 3.667v5.5h-5.5",stroke:"currentColor",strokeWidth:1.833,strokeLinecap:"round",strokeLinejoin:"round"}),(0,ne.jsx)("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 kr({size:e=12,className:t}){return(0,ne.jsx)("svg",{width:e,height:e,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:(0,ne.jsx)("path",{d:"M6 11A5 5 0 106 1a5 5 0 000 10zM6 8V6M6 4h.005",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})})}var Cr=require("@tanstack/react-query"),Nr=require("react");var _n="wp:token-info";function pe(e,t=!0){let o=J[e],r=Q[e].cross,{data:n,...c}=(0,Cr.useQuery)({queryKey:[_n,e],queryFn:async({signal:p})=>{let d=await fetch(`${o}/v1/public/token/info`,{cache:"no-store",signal:p});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:s,byChainSym:i}=(0,Nr.useMemo)(()=>{let p=new Map,d=new Map;if(!n?.data)return{byChainAddr:p,byChainSym:d};for(let m of n.data){let M=m.address.toLowerCase();p.set(`${m.chain_id}:${M}`,m),p.set(M,m);let k=m.symbol.replace(/^t/,"").toUpperCase(),b=`${m.chain_id}:${k}`;d.has(b)||d.set(b,m),d.has(k)||d.set(k,m)}return{byChainAddr:p,byChainSym:d}},[n]);return{getTokenImage:(p,d)=>{let m=p.toLowerCase(),M=s.get(`${r}:${m}`);if(M?.image)return M.image;let k=s.get(m);if(k?.image)return k.image;if(d){let b=d.replace(/^t/,"").toUpperCase(),f=i.get(`${r}:${b}`);if(f?.image)return f.image;let w=i.get(b);if(w?.image)return w.image}return""},...c}}var de=require("react/jsx-runtime");function te({title:e,icon:t,iconFit:o="cover",isEmpty:r,children:n}){return(0,de.jsxs)("div",{className:"wp-svc-card",children:[(0,de.jsxs)("div",{className:"wp-svc-card-head",children:[(0,de.jsx)("img",{className:"wp-svc-card-icon",src:t,alt:"",style:{objectFit:o}}),(0,de.jsx)("span",{className:"wp-svc-card-title",children:e})]}),r?(0,de.jsx)("div",{className:"wp-svc-empty",children:"No assets yet"}):(0,de.jsx)("div",{className:"wp-svc-items",children:n})]})}var Tt=S(require("bignumber.js"),1),q=require("react/jsx-runtime"),Sn="CROSS Rewards",Dn="https://contents.crosstoken.io/frontend/common/app-launcher/icons/award.svg";function Lr(e,t){let o=new Tt.default(e).shiftedBy(-t);return o.isZero()?"0":o.isGreaterThanOrEqualTo(1)?o.toFormat(2,Tt.default.ROUND_DOWN):o.toFormat(4,Tt.default.ROUND_DOWN)}function Ir(){let{env:e,walletAddress:t}=G(),o=!!t,{allPools:r}=It(e,o),{depositMap:n}=Pt(e,t,o),{getTokenImage:c}=pe(e,o),s=i=>`${dr[e]}/rewards/${i.pool_address}?action=withdraw`;return(0,q.jsx)(te,{title:Sn,icon:Dn,isEmpty:r.length===0,children:r.map(i=>{let l=n.get(i.pool_address.toLowerCase()),p=l?.deposited_amount??"0";return(0,q.jsxs)("a",{className:"wp-item","data-side":"reward",href:s(i),target:"_blank",rel:"noopener noreferrer",children:[(0,q.jsxs)("div",{className:"wp-item-body",children:[(0,q.jsxs)("div",{className:"wp-item-field",children:[(0,q.jsx)("span",{className:"wp-item-label",children:"Deposited"}),(0,q.jsxs)("div",{className:"wp-svc-token",children:[c(i.deposit_token.address,i.deposit_token.symbol)&&(0,q.jsx)("img",{className:"wp-svc-token-icon",src:c(i.deposit_token.address,i.deposit_token.symbol),alt:""}),(0,q.jsx)("span",{children:Lr(p,i.deposit_token.decimals)})]})]}),(0,q.jsxs)("div",{className:"wp-item-field",children:[(0,q.jsx)("span",{className:"wp-item-label",children:"Rewards"}),i.reward_tokens.map(d=>{let m=c(d.address,d.symbol);return(0,q.jsxs)("div",{className:"wp-svc-token",children:[m&&(0,q.jsx)("img",{className:"wp-svc-token-icon",src:m,alt:""}),(0,q.jsx)("span",{children:l?Lr(l.claimable_reward,d.decimals):"0"})]},d.address)})]})]}),(0,q.jsxs)("div",{className:"wp-item-badges",children:[(0,q.jsx)("span",{className:"wp-badge wp-badge--mint",children:"Claim"}),(0,q.jsx)("span",{className:"wp-badge wp-badge--muted",children:"Withdraw"})]})]},i.pool_address)})})}var io=S(require("bignumber.js"),1),C=require("react/jsx-runtime");function ao(e){let t=new io.default(e);if(t.isNaN())return e;let o=t.decimalPlaces()??0;return t.toFormat(o)}function Pr(e){let t=new io.default(e.amount).minus(e.filled);return ao(t.toString())}function Ae({pairMap:e,ordersByPair:t,getDexUrl:o,getTokenImage:r}){let n=[];for(let[c,s]of t){let i=e.get(c),l=i?r(i.base_address,i.base_symbol):"",p=i?r(i.quote_address,i.quote_symbol):"";for(let d of s.buys)n.push((0,C.jsxs)("a",{className:"wp-item","data-side":"buy",href:o(c),target:"_blank",rel:"noopener noreferrer",children:[(0,C.jsxs)("div",{className:"wp-item-body",children:[(0,C.jsxs)("div",{className:"wp-item-field",children:[(0,C.jsx)("span",{className:"wp-item-label wp-item-label--buy",children:"Buy"}),(0,C.jsxs)("div",{className:"wp-svc-token",children:[l&&(0,C.jsx)("img",{className:"wp-svc-token-icon",src:l,alt:""}),(0,C.jsx)("span",{children:Pr(d)})]})]}),(0,C.jsxs)("div",{className:"wp-item-field",children:[(0,C.jsx)("span",{className:"wp-item-label",children:"Price"}),(0,C.jsxs)("div",{className:"wp-svc-token",children:[p&&(0,C.jsx)("img",{className:"wp-svc-token-icon",src:p,alt:""}),(0,C.jsx)("span",{children:ao(d.price)})]})]})]}),(0,C.jsx)("div",{className:"wp-item-badges",children:(0,C.jsx)("span",{className:"wp-badge wp-badge--mint",children:"Claim"})})]},`buy-${d.order_id}`));for(let d of s.sells)n.push((0,C.jsxs)("a",{className:"wp-item","data-side":"sell",href:o(c),target:"_blank",rel:"noopener noreferrer",children:[(0,C.jsxs)("div",{className:"wp-item-body",children:[(0,C.jsxs)("div",{className:"wp-item-field",children:[(0,C.jsx)("span",{className:"wp-item-label wp-item-label--sell",children:"Sell"}),(0,C.jsxs)("div",{className:"wp-svc-token",children:[l&&(0,C.jsx)("img",{className:"wp-svc-token-icon",src:l,alt:""}),(0,C.jsx)("span",{children:Pr(d)})]})]}),(0,C.jsxs)("div",{className:"wp-item-field",children:[(0,C.jsx)("span",{className:"wp-item-label",children:"Price"}),(0,C.jsxs)("div",{className:"wp-svc-token",children:[p&&(0,C.jsx)("img",{className:"wp-svc-token-icon",src:p,alt:""}),(0,C.jsx)("span",{children:ao(d.price)})]})]})]}),(0,C.jsx)("div",{className:"wp-item-badges",children:(0,C.jsx)("span",{className:"wp-badge wp-badge--red",children:"Cancel"})})]},`sell-${d.order_id}`))}return(0,C.jsx)(C.Fragment,{children:n})}var so=require("react/jsx-runtime"),An="Gametoken - CROSS",On="https://contents.crosstoken.io/frontend/common/app-launcher/icons/dex.svg";function Rr(){let{env:e,walletAddress:t}=G(),o=!!t,{pairMap:r,ordersByPair:n,isEmpty:c}=ee(e,"cross",t,o),{getTokenImage:s}=pe(e,o);return(0,so.jsx)(te,{title:An,icon:On,isEmpty:c,children:(0,so.jsx)(Ae,{pairMap:r,ordersByPair:n,getDexUrl:l=>{let p=r.get(l.toLowerCase());return`${ce[e]}/gametoken/cross/${p?.base_symbol??""}`},getTokenImage:s})})}var lo=require("react/jsx-runtime"),Bn="Gametoken - CROSSD",Fn="https://contents.crosstoken.io/frontend/common/app-launcher/icons/dex.svg";function Tr(){let{env:e,walletAddress:t}=G(),o=!!t,{pairMap:r,ordersByPair:n,isEmpty:c}=ee(e,"crossd",t,o),{getTokenImage:s}=pe(e,o);return(0,lo.jsx)(te,{title:Bn,icon:Fn,isEmpty:c,children:(0,lo.jsx)(Ae,{pairMap:r,ordersByPair:n,getDexUrl:l=>{let p=r.get(l.toLowerCase());return`${ce[e]}/gametoken/crossd/${p?.base_symbol??""}`},getTokenImage:s})})}var co=require("react/jsx-runtime"),Vn="Gametoken - Forge",Hn="https://contents.crosstoken.io/frontend/common/app-launcher/icons/dex.svg";function Er(){let{env:e,walletAddress:t}=G(),o=!!t,{pairMap:r,ordersByPair:n,isEmpty:c}=ee(e,"forge",t,o),{getTokenImage:s}=pe(e,o);return(0,co.jsx)(te,{title:Vn,icon:Hn,isEmpty:c,children:(0,co.jsx)(Ae,{pairMap:r,ordersByPair:n,getDexUrl:l=>{let p=r.get(l.toLowerCase());return`${ce[e]}/gametoken/forge/${p?.base_symbol??""}`},getTokenImage:s})})}var Et=S(require("bignumber.js"),1),Ar=require("react");var Mr=require("@tanstack/react-query");var Un="wp:forge-pools";function Wr(e,t,o=!0){let r=Lt[e],n=o&&!!t,{data:c,...s}=(0,Mr.useQuery)({queryKey:[Un,e,t],queryFn:async()=>{let l=await fetch(`${r}/v1/users/${t}/pools`,{cache:"no-store"});if(!l.ok)throw new Error(`forge pools fetch failed: ${l.status}`);return(await l.json()).data?.items??[]},enabled:n,staleTime:0}),i=c??[];return{pools:i,isEmpty:i.length===0,...s}}var _r=require("@tanstack/react-query"),Sr=require("react");var $n="wp:forge-token-detail";async function qn(e,t){let o=await fetch(`${e}/v1/tokens/${t}`,{cache:"no-store"});return o.ok?(await o.json())?.data?.token??null:null}function Dr(e,t,o=!0){let r=Lt[e],n=(0,_r.useQueries)({queries:t.map(i=>({queryKey:[$n,e,i],queryFn:()=>qn(r,i),enabled:o&&!!i,staleTime:3e4}))}),c=(0,Sr.useMemo)(()=>{let i=new Map;for(let l=0;l<n.length;l++){let p=n[l]?.data,d=t[l];p&&d&&i.set(d.toLowerCase(),p)}return i},[n,t]),s=n.some(i=>i.isLoading);return{detailMap:c,isLoading:s}}var F=require("react/jsx-runtime"),jn="Forge",zn="https://x.crosstoken.io/forge/favicon-96x96.png",Gn=18,Zn="https://contents.crosstoken.io/wallet/token/images/FT.png";function Yn(e){if(!e||e==="0")return"0";let t=new Et.default(e).shiftedBy(-Gn);return t.isZero()?"0":t.isGreaterThanOrEqualTo(1)?t.toFormat(2,Et.default.ROUND_DOWN):t.toFormat(4,Et.default.ROUND_DOWN)}function Kn(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 Or(){let{env:e,walletAddress:t}=G(),o=!!t,{pools:r,isEmpty:n}=Wr(e,t,o),c=(0,Ar.useMemo)(()=>r.map(l=>l.token.address),[r]),{detailMap:s}=Dr(e,c,o&&c.length>0),i=l=>`${ce[e]}/forge/token/${l.token.address}`;return(0,F.jsx)(te,{title:jn,icon:zn,iconFit:"contain",isEmpty:n,children:r.map(l=>{let p=s.get(l.token.address.toLowerCase()),d=p?.image_url||p?.image||l.token.image||Zn,m=p?.symbol||l.token.symbol;return(0,F.jsxs)("a",{className:"wp-item","data-side":"lp",href:i(l),target:"_blank",rel:"noopener noreferrer",children:[(0,F.jsxs)("div",{className:"wp-item-body",children:[(0,F.jsxs)("div",{className:"wp-item-field",children:[(0,F.jsx)("span",{className:"wp-item-label",children:"Pair"}),(0,F.jsxs)("div",{className:"wp-svc-token",children:[(0,F.jsx)("img",{className:"wp-svc-token-icon",src:d,alt:""}),(0,F.jsx)("span",{children:m})]})]}),(0,F.jsxs)("div",{className:"wp-item-field",children:[(0,F.jsx)("span",{className:"wp-item-label",children:"LP Balance"}),(0,F.jsx)("div",{className:"wp-svc-token",children:(0,F.jsx)("span",{children:Yn(l.lp_balance)})})]}),(0,F.jsxs)("div",{className:"wp-item-field",children:[(0,F.jsx)("span",{className:"wp-item-label",children:"Ownership"}),(0,F.jsx)("div",{className:"wp-svc-token",children:(0,F.jsx)("span",{children:Kn(l.pool_ownership)})})]})]}),(0,F.jsx)("div",{className:"wp-item-badges",children:(0,F.jsx)("span",{className:"wp-badge wp-badge--mint",children:"Withdraw"})})]},l.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}
|
|
6
|
+
`);var y=require("react/jsx-runtime"),po=5,Qn="wp:";function Ie({env:e="production",theme:t="dark",walletAddress:o,onBack:r,showHeader:n=!0,variant:c="embed",className:s}){let i=!!o,l=(0,Br.useQueryClient)(),{segments:p}=br(e,o,i),[d,m]=X.useState(po),[M,k]=X.useState(!1),b=X.useCallback(()=>{l.invalidateQueries({predicate:x=>typeof x.queryKey[0]=="string"&&x.queryKey[0].startsWith(Qn)})},[l]),f=X.useCallback(()=>{b(),k(!0),setTimeout(()=>k(!1),600),m(po)},[b]);X.useEffect(()=>{if(!i)return;let x=setInterval(()=>{m(I=>I<=1?(f(),po):I-1)},1e3);return()=>clearInterval(x)},[i,f]);let w=X.useCallback(()=>{r?.()},[r]),N=X.useMemo(()=>({env:e,theme:t,open:!0,walletAddress:o,close:w}),[e,t,o,w]),D=(0,y.jsxs)(y.Fragment,{children:[n&&(0,y.jsxs)("div",{className:"wp-header",children:[r?(0,y.jsx)("button",{type:"button",className:"wp-header-btn",onClick:r,children:(0,y.jsx)(vr,{})}):(0,y.jsx)("span",{className:"wp-header-btn","aria-hidden":!0}),(0,y.jsx)("h2",{className:"wp-header-title",children:"My Portfolio"}),(0,y.jsxs)("button",{type:"button",className:"wp-header-btn wp-refresh-btn",onClick:f,children:[(0,y.jsx)(yr,{className:M?"wp-spin-once":void 0}),i&&(0,y.jsx)("span",{className:"wp-refresh-badge",children:d})]})]}),(0,y.jsx)("div",{className:"wp-top",children:p.length>0&&(0,y.jsxs)("div",{className:"wp-asset",children:[(0,y.jsxs)("div",{className:"wp-asset-head",children:[(0,y.jsx)("span",{className:"wp-asset-head-label",children:"Consolidated Asset"}),(0,y.jsx)("span",{className:"wp-asset-head-icon",children:(0,y.jsx)(kr,{})})]}),(0,y.jsx)("div",{className:"wp-bar",children:p.map(x=>(0,y.jsx)("div",{className:"wp-bar-seg",style:{flex:`${x.percentage} 0 0`,background:x.color},children:x.percentage>=5&&(0,y.jsxs)("span",{className:"wp-bar-seg-pct",children:[x.percentage,"%"]})},x.symbol))}),(0,y.jsx)("div",{className:"wp-legend",children:p.map(x=>(0,y.jsxs)("div",{className:"wp-legend-item",children:[(0,y.jsx)("span",{className:"wp-legend-dot",style:{background:x.color}}),(0,y.jsx)("span",{className:"wp-legend-label",children:x.symbol})]},x.symbol))})]})}),(0,y.jsx)("div",{className:"wp-body",children:(0,y.jsxs)("div",{className:"wp-body-inner",children:[(0,y.jsx)(Ir,{}),(0,y.jsx)(Rr,{}),(0,y.jsx)(Tr,{}),(0,y.jsx)(Er,{}),(0,y.jsx)(Or,{})]})})]});return(0,y.jsx)(Qe.Provider,{value:N,children:c==="none"?D:(0,y.jsx)("div",{className:$(c==="fullscreen"?"wp-fullscreen":"wp-embed",s),"data-theme":t,children:D})})}var Pe=require("react/jsx-runtime");function Fr({className:e}){let{env:t,theme:o,walletAddress:r,close:n}=G();return(0,Pe.jsxs)(Xe.Drawer.Portal,{children:[(0,Pe.jsx)(Xe.Drawer.Overlay,{className:"wp-overlay"}),(0,Pe.jsxs)(Xe.Drawer.Content,{className:$("wp-fullscreen",e),"data-theme":o,children:[(0,Pe.jsx)(Xe.Drawer.Title,{className:"wp-sr-only",children:"My Portfolio"}),(0,Pe.jsx)(Ie,{env:t,theme:o,walletAddress:r,onBack:n,variant:"none"})]})]})}var mo=require("react/jsx-runtime");function Xn({env:e="production",theme:t="dark",walletAddress:o,open:r,onOpenChange:n,children:c}){let s=r!==void 0,[i,l]=Re.useState(!1),p=s?r:i,d=Re.useCallback(k=>{s||l(k),n?.(k)},[s,n]),m=Re.useCallback(()=>d(!1),[d]),M=Re.useMemo(()=>({env:e,theme:t,open:p,walletAddress:o,close:m}),[e,t,p,o,m]);return(0,mo.jsx)(Qe.Provider,{value:M,children:(0,mo.jsx)(Vr.Drawer.Root,{direction:"bottom",open:p,onOpenChange:d,noBodyStyles:!0,children:c})})}var fo=Object.assign(Xn,{Trigger:pr,Content:Fr});var a=require("react/jsx-runtime");function uo(e,t,o){let r=Q[e],n=o.toUpperCase();if(t===r.cross&&n.includes("CROSSD"))return 0;if(t===r.cross&&n==="CROSS")return 1;if(t===r.bsc&&n==="CROSS")return 2}function Jn(e){return parseInt(e.split(":")[1],10)}function ea(e){let t=e.lastIndexOf(".");return t===-1?{main:e,decimal:""}:{main:e.slice(0,t),decimal:e.slice(t)}}function ta(e){let t=e.toLowerCase().replace(/^0x/,""),o=t.length>=8?t.slice(0,8):t.padEnd(8,"0"),r=parseInt(o.slice(0,4),16)%360,n=(r+60+parseInt(o.slice(4,8),16)%120)%360;return`linear-gradient(135deg, hsl(${r} 85% 65%), hsl(${n} 80% 55%))`}function Ur({align:e="end",sideOffset:t=12,className:o,children:r}){let{env:n,theme:c,isMobile:s,open:i,drawerDirection:l,modal:p,showBalance:d,showForgeToken:m,showGameToken:M,showQR:k,qrLogoSrc:b,walletAddress:f,accountName:w,profileImageUrl:N,preferredTokens:D,close:x,onSelectWallet:I,onCopyAddress:V,onDisconnect:h,disconnectLabel:v,termsUrl:A,termsLabel:R,privacyUrl:H,privacyLabel:Z,portalStyle:oe,navContent:fe,navPosition:Ve,footerContent:rt,view:Y,setView:He,showPortfolio:Ue,portfolioTitle:nt,showTotalAssets:$e,totalAssetsLabel:qe}=se(),{tokens:ue,isLoading:we}=Ce(n,f,i&&d),{statsMap:Ee}=Le(n,d),{categoryMap:at}=ir(n,d),re=d&&$e,{displayValue:ge,isLowerBound:it,isLoading:st}=lr(n,f,i&&re),[Me,je]=B.useState(!1),{holdings:he,isLoading:ze}=er(n,f,i&&d&&m),Ot=B.useMemo(()=>he.map(g=>g.token),[he]),{imageMap:lt}=tr(n,Ot,m&&he.length>0),We=B.useMemo(()=>{let g=[],W=[],_=[],j=new Map((D??[]).map((T,U)=>[`${Jn(T.chainId)}:${T.address.toLowerCase()}`,U]));for(let T of ue){let U=uo(n,T.chainId,T.symbol)!==void 0,xe=`${T.chainId}:${T.address.toLowerCase()}`,be=j.get(xe),Ut=new Oe.default(T.quantity.numeric).shiftedBy(-T.quantity.decimals);if(U)g.push(T);else if(be!==void 0)W.push(T);else if(Ut.isGreaterThan(0)){if(!M&&at.get(eo(T.chainId,T.address))==="game")continue;_.push(T)}}return g.sort((T,U)=>{let xe=uo(n,T.chainId,T.symbol)??99,be=uo(n,U.chainId,U.symbol)??99;return xe-be}),W.sort((T,U)=>{let xe=j.get(`${T.chainId}:${T.address.toLowerCase()}`)??99,be=j.get(`${U.chainId}:${U.address.toLowerCase()}`)??99;return xe-be}),_.sort((T,U)=>{let xe=Ee.get(Ne(T.chainId,T.address)),be=Ee.get(Ne(U.chainId,U.address)),Ut=new Oe.default(T.quantity.numeric).shiftedBy(-T.quantity.decimals).multipliedBy(xe?.price??0);return new Oe.default(U.quantity.numeric).shiftedBy(-U.quantity.decimals).multipliedBy(be?.price??0).minus(Ut).toNumber()}),[...g,...W,..._]},[ue,n,Ee,M,at,D]),ct=B.useMemo(()=>{if(!m)return[];let g=new Set(ue.map(W=>W.address.toLowerCase()));return[...he].filter(W=>!g.has(W.token.toLowerCase())).sort((W,_)=>{let j=new Oe.default(W.value);return new Oe.default(_.value).minus(j).toNumber()})},[he,m,ue]),ie=B.useRef(!1),Bt=B.useCallback(g=>{ie.current=!0,He(g)},[He]);B.useEffect(()=>{i||(ie.current=!1)},[i]);let xo=B.useRef(null);B.useEffect(()=>{let g=xo.current;if(!g||!s)return;let W=_=>{_.pointerType==="touch"&&_.stopPropagation()};return g.addEventListener("pointerdown",W),()=>g.removeEventListener("pointerdown",W)},[s]);let[Ge,bo]=B.useState(!1),Ft=B.useRef(void 0);B.useEffect(()=>()=>clearTimeout(Ft.current),[]);let vo=B.useCallback(async()=>{if(!Ge)try{await navigator.clipboard.writeText(f),bo(!0),clearTimeout(Ft.current),Ft.current=setTimeout(()=>bo(!1),2e3),V?.(f,!0)}catch{V?.(f,!1)}},[f,V,Ge]),Vt=B.useCallback(g=>{g.currentTarget.setAttribute("data-loaded","true")},[]),ln=B.useMemo(()=>({background:ta(f)}),[f]),yo=B.useMemo(()=>N||Ko(n,f,{size:120,bg:c==="dark"?"1A1A2E":"F3F6F8"}),[N,n,f,c]),Ht=B.useMemo(()=>ea(ge),[ge]),cn=(0,a.jsxs)("div",{className:$("wi-view-inner",ie.current&&"wi-view-wallet"),children:[re&&(()=>{let g=Ue;return(0,a.jsxs)(g?"button":"div",{...g?{type:"button",onClick:()=>Bt("portfolio"),"aria-label":"View Portfolio"}:{},className:"wi-total-section","data-clickable":g||void 0,children:[(0,a.jsxs)("div",{className:"wi-total-head",children:[(0,a.jsx)("span",{className:"wi-total-label",children:qe}),(0,a.jsx)("span",{role:"button",tabIndex:0,className:"wi-total-eye",onClick:_=>{_.stopPropagation(),je(j=>!j)},onKeyDown:_=>{(_.key==="Enter"||_.key===" ")&&(_.preventDefault(),_.stopPropagation(),je(j=>!j))},"aria-label":Me?"Show balance":"Hide balance",children:Me?(0,a.jsx)(Uo,{}):(0,a.jsx)(Ho,{})})]}),(0,a.jsxs)("div",{className:"wi-total-body",children:[st?(0,a.jsx)("div",{className:"wi-skeleton-block wi-total-skeleton",style:{width:160,height:36}}):(0,a.jsx)("div",{className:"wi-total-value","data-hidden":Me||void 0,children:Me?(0,a.jsx)("span",{className:"wi-total-mask",children:"\u2022\u2022\u2022\u2022\u2022\u2022"}):(0,a.jsxs)(a.Fragment,{children:[it&&(0,a.jsx)("span",{className:"wi-total-lte",children:"\u2264"}),(0,a.jsx)("span",{className:"wi-total-currency",children:"$"}),(0,a.jsx)("span",{className:"wi-total-amount",children:Ht.main}),Ht.decimal&&(0,a.jsx)("span",{className:"wi-total-decimal",children:Ht.decimal})]})}),g&&(0,a.jsx)("span",{className:"wi-total-chevron","aria-hidden":!0,children:(0,a.jsx)(Fo,{size:18})})]})]})})(),Ve==="top"&&fe&&(0,a.jsx)("div",{className:"wi-nav-fixed",children:fe}),d&&(0,a.jsx)("div",{ref:xo,className:"wi-scrollable-body","data-vaul-no-drag":!0,children:(0,a.jsxs)("div",{className:"wi-token-list",children:[we&&Array.from({length:5},(g,W)=>(0,a.jsxs)("div",{className:"wi-skeleton-item",children:[(0,a.jsxs)("div",{className:"wi-skeleton-left",children:[(0,a.jsx)("div",{className:"wi-skeleton-block wi-skeleton-icon"}),(0,a.jsxs)("div",{className:"wi-skeleton-lines",children:[(0,a.jsx)("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),(0,a.jsx)("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),(0,a.jsxs)("div",{className:"wi-skeleton-right",children:[(0,a.jsx)("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),(0,a.jsx)("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},W)),!we&&We.length===0&&!m&&(0,a.jsx)("div",{className:"wi-empty",children:"No Tokens Found"}),We.map(g=>{let W=Ee.get(Ne(g.chainId,g.address)),_=W?parseFloat(W.percent_change_24h):null,j=_!==null&&_>=0,T=Jt(n,g.chainId);return(0,a.jsxs)("div",{className:"wi-token-item",children:[(0,a.jsxs)("div",{className:"wi-token-left",children:[(0,a.jsxs)("div",{className:"wi-token-icon-wrap",children:[(0,a.jsx)("img",{src:g.icon_url,alt:g.symbol,className:"wi-token-icon",width:32,height:32,loading:"lazy",draggable:!1,onLoad:Vt,onError:U=>{U.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),T&&(0,a.jsx)("img",{src:T,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:U=>{U.currentTarget.style.display="none"}})]}),(0,a.jsxs)("div",{className:"wi-token-info",children:[(0,a.jsx)("span",{className:"wi-token-name",children:g.symbol}),W&&(0,a.jsxs)("div",{className:"wi-token-price-row",children:[(0,a.jsx)("span",{className:"wi-token-price",children:Qt(W.price)}),(0,a.jsx)("span",{className:"wi-token-change","data-positive":j,"data-zero":_===0||void 0,children:_!==null&&(_===0?"0%":`${j?"+":"-"}${(j?Math.floor:Math.ceil)(Math.abs(_)*100)/100}%`)})]})]})]}),(0,a.jsxs)("div",{className:"wi-token-right",children:[(0,a.jsx)("span",{className:"wi-token-balance",children:xt(g.quantity.numeric,g.quantity.decimals)}),W&&(0,a.jsx)("span",{className:"wi-token-value",children:qo(g.quantity.numeric,g.quantity.decimals,W.price)})]})]},`${g.address}-${g.chainId}`)}),m&&ze&&Array.from({length:3},(g,W)=>(0,a.jsxs)("div",{className:"wi-skeleton-item",children:[(0,a.jsxs)("div",{className:"wi-skeleton-left",children:[(0,a.jsx)("div",{className:"wi-skeleton-block wi-skeleton-icon"}),(0,a.jsxs)("div",{className:"wi-skeleton-lines",children:[(0,a.jsx)("div",{className:"wi-skeleton-block",style:{width:64,height:14}}),(0,a.jsx)("div",{className:"wi-skeleton-block",style:{width:80,height:12}})]})]}),(0,a.jsxs)("div",{className:"wi-skeleton-right",children:[(0,a.jsx)("div",{className:"wi-skeleton-block",style:{width:72,height:14}}),(0,a.jsx)("div",{className:"wi-skeleton-block",style:{width:48,height:12}})]})]},`forge-sk-${W}`)),m&&!ze&&!we&&We.length===0&&ct.length===0&&(0,a.jsx)("div",{className:"wi-empty",children:"No Tokens Found"}),m&&ct.map(g=>{let W=lt.get(g.token)||"",_=Jt(n,Q[n].cross);return(0,a.jsxs)("div",{className:"wi-token-item",children:[(0,a.jsxs)("div",{className:"wi-token-left",children:[(0,a.jsxs)("div",{className:"wi-token-icon-wrap",children:[(0,a.jsx)("img",{src:W||"https://contents.crosstoken.io/wallet/token/images/FT.png",alt:g.token_name,className:"wi-token-icon",width:32,height:32,loading:"lazy",draggable:!1,onLoad:Vt,onError:j=>{j.currentTarget.src="https://contents.crosstoken.io/wallet/token/images/FT.png"}}),_&&(0,a.jsx)("img",{src:_,alt:"","aria-hidden":!0,className:"wi-token-chain-badge",width:14,height:14,loading:"lazy",draggable:!1,onError:j=>{j.currentTarget.style.display="none"}})]}),(0,a.jsxs)("div",{className:"wi-token-info",children:[(0,a.jsx)("span",{className:"wi-token-name",children:g.token_name}),(0,a.jsx)("div",{className:"wi-token-price-row",children:(0,a.jsxs)("span",{className:"wi-token-price",children:[xt(g.current_price,18)," CROSS"]})})]})]}),(0,a.jsxs)("div",{className:"wi-token-right",children:[(0,a.jsx)("span",{className:"wi-token-balance",children:xt(g.balance,18)}),(0,a.jsx)("span",{className:"wi-token-value",children:Qt(g.current_value_usd)})]})]},`forge-${g.token}`)})]})}),Ve==="bottom"&&fe&&(0,a.jsx)("div",{className:"wi-nav-fixed",children:fe})]},"wallet"),pn=Ue?(0,a.jsx)("div",{className:$("wi-view-inner wi-portfolio-body",ie.current&&"wi-view-portfolio"),children:(0,a.jsx)(Ie,{env:n,theme:c,walletAddress:f,showHeader:!1})},"portfolio"):null,dn=(0,a.jsx)("div",{className:$("wi-view-inner wi-qr-body",ie.current&&"wi-view-qr"),children:(0,a.jsx)("div",{className:"wi-qr-section",children:(0,a.jsxs)("div",{className:"wi-qr-card",children:[(0,a.jsxs)("div",{className:"wi-qr-code",children:[(0,a.jsx)(Hr.QRCodeSVG,{value:f,size:180,level:"H",marginSize:2,...b&&{imageSettings:{src:b,height:33,width:33,excavate:!0}}}),!b&&(0,a.jsx)("div",{className:"wi-qr-logo",children:(0,a.jsx)($o,{size:33})})]}),(0,a.jsx)("p",{className:"wi-qr-address",children:f}),(0,a.jsxs)("button",{type:"button",className:"wi-qr-copy-btn",onClick:vo,children:[(0,a.jsx)("span",{className:"wi-qr-copy-icon",children:Ge?(0,a.jsx)(Yt,{size:16}):(0,a.jsx)(Zt,{size:16})}),(0,a.jsx)("span",{className:"wi-qr-copy-text",children:Ge?"Copied!":"Copy address"})]})]})})},"qr"),mn=Y==="qr"||Y==="portfolio",fn=Y==="qr"?"My Address":Y==="portfolio"?nt:"",ko=rt??(!!h||!!A||!!H?(0,a.jsxs)("div",{className:"wi-builtin-footer",children:[h&&(0,a.jsxs)("button",{type:"button",className:"wi-disconnect-btn",onClick:()=>{h(),x()},children:[(0,a.jsx)(Ao,{size:20}),(0,a.jsx)("span",{className:"wi-disconnect-label",children:v})]}),(A||H)&&(0,a.jsxs)("div",{className:"wi-legal-links",children:[A&&(0,a.jsx)("a",{className:"wi-legal-link",href:A,target:"_blank",rel:"noopener noreferrer",children:R}),A&&H&&(0,a.jsx)("span",{className:"wi-legal-sep","aria-hidden":!0,children:"\xB7"}),H&&(0,a.jsx)("a",{className:"wi-legal-link",href:H,target:"_blank",rel:"noopener noreferrer",children:Z})]})]}):null),un=(0,a.jsxs)("div",{className:"wi-sticky-header",children:[(0,a.jsxs)("div",{className:"wi-header wi-header--wallet",children:[(0,a.jsxs)("div",{className:"wi-account-block",children:[(0,a.jsxs)("div",{className:"wi-avatar",children:[(0,a.jsx)("div",{className:"wi-avatar-fallback",style:ln}),yo&&(0,a.jsx)("img",{src:yo,alt:"",className:"wi-avatar-img",width:30,height:30,draggable:!1,onLoad:Vt,onError:g=>{g.currentTarget.style.display="none"}})]}),(0,a.jsxs)("div",{className:"wi-account-text",children:[I?(0,a.jsxs)("button",{type:"button",className:"wi-account-row wi-account-row--btn",onClick:I,"aria-label":"Switch account",children:[(0,a.jsx)("span",{className:"wi-account-name",children:w??"Account 1"}),(0,a.jsx)("span",{className:"wi-account-switch","aria-hidden":"true",children:(0,a.jsx)(Vo,{size:12})})]}):(0,a.jsx)("div",{className:"wi-account-row",children:(0,a.jsx)("span",{className:"wi-account-name",children:w??"Account 1"})}),(0,a.jsxs)("button",{type:"button",className:"wi-address-row-btn",onClick:vo,"aria-label":"Copy address",children:[(0,a.jsx)("span",{className:"wi-account-address",children:De(f)}),(0,a.jsx)("span",{className:"wi-account-copy",children:Ge?(0,a.jsx)(Yt,{size:14}):(0,a.jsx)(Zt,{size:14})})]})]})]}),(0,a.jsxs)("div",{className:"wi-header-actions",children:[k&&(0,a.jsx)("button",{type:"button",className:"wi-header-action",onClick:()=>Bt("qr"),"aria-label":"Show QR code",children:(0,a.jsx)(Oo,{size:20})}),(0,a.jsx)("button",{type:"button",className:"wi-header-action",onClick:x,"aria-label":"Close",children:(0,a.jsx)(Kt,{size:24})})]})]}),(0,a.jsx)("hr",{className:"wi-divider"})]}),Co=(0,a.jsxs)(a.Fragment,{children:[r,mn?(0,a.jsxs)("div",{className:"wi-sticky-header",children:[(0,a.jsxs)("div",{className:"wi-header",children:[(0,a.jsx)("button",{type:"button",className:"wi-header-back",onClick:()=>Bt("wallet"),"aria-label":"Back",children:(0,a.jsx)(Bo,{})}),(0,a.jsx)("div",{className:"wi-header-info",children:(0,a.jsx)("h2",{className:"wi-header-title",children:fn})}),(0,a.jsx)("button",{type:"button",className:"wi-header-close",onClick:x,"aria-label":"Close",children:(0,a.jsx)(Kt,{})})]}),(0,a.jsx)("hr",{className:"wi-divider"})]}):un,(0,a.jsxs)("div",{className:"wi-view-container",children:[Y==="wallet"&&cn,Y==="qr"&&dn,Y==="portfolio"&&pn]}),ko&&Y!=="portfolio"&&(0,a.jsx)("div",{className:"wi-sticky-footer",children:(0,a.jsx)("div",{className:"wi-footer",children:ko})})]});return s?(0,a.jsxs)(Je.Drawer.Portal,{children:[p&&(0,a.jsx)(Je.Drawer.Overlay,{className:"wi-drawer-overlay"}),(0,a.jsxs)(Je.Drawer.Content,{className:$("wi-drawer-content",o),"data-theme":c,style:oe,"data-direction":l,"data-no-balance":!d||void 0,"data-view":Y,children:[(0,a.jsx)(Je.Drawer.Title,{className:"wi-sr-only",children:"My Wallet"}),Co]})]}):(0,a.jsxs)(a.Fragment,{children:[p&&i&&(0,a.jsx)("div",{className:"wi-drawer-overlay",onClick:x}),(0,a.jsx)(Mt.Portal,{children:(0,a.jsx)(Mt.Content,{align:e,sideOffset:t,className:$("wi-popover-content",o),"data-theme":c,style:oe,"data-no-balance":!d||void 0,"data-view":Y,children:Co})})]})}var $r=S(require("react"),1);function qr({position:e="top",children:t}){let{setNavContent:o,setNavPosition:r}=se();return $r.useEffect(()=>(o(t),r(e),()=>o(null)),[t,e,o,r]),null}var jr=S(require("react"),1);function zr({children:e}){let{setFooterContent:t}=se();return jr.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)}
|
|
7
|
+
`);E(`.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
|
+
`);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}}
|
|
9
|
+
`);E(`.wi-popover-content{z-index:100001;width:343px;border-radius:24px;border:4px 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-account-block{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.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-disconnect-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;padding:0 16px;border:none;border-radius:12px;background:var(--wi-surface-default);color:var(--wi-texticon-primary);font-family:inherit;font-size:16px;font-weight:600;line-height:1.3;cursor:pointer;transition:opacity .15s ease,background .15s ease}.wi-disconnect-btn:hover{opacity:.85}.wi-disconnect-label{white-space:nowrap}.wi-legal-links{display:inline-flex;align-items:center;justify-content:center;gap:6px;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;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;gap:20px;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:16px;font-weight:600;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
|
+
`);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}
|
|
11
|
+
`);var Wt=require("react/jsx-runtime");function oa({env:e="production",theme:t="dark",mobileBreakpoint:o=768,drawerDirection:r,modal:n,showBalance:c=!1,showForgeToken:s=!1,showGameToken:i=!0,showQR:l=!0,qrLogoSrc:p,walletAddress:d,accountName:m,profileImageUrl:M,connectorId:k,connectorName:b,connectorIconUrl:f,preferredTokens:w=[],onSelectWallet:N,onCopyAddress:D,onDisconnect:x,disconnectLabel:I="Disconnect",termsUrl:V,termsLabel:h="Terms of Service",privacyUrl:v,privacyLabel:A="Privacy Policy",open:R,onOpenChange:H,showPortfolio:Z=!1,portfolioTitle:oe="My Portfolio",showTotalAssets:fe=!0,totalAssetsLabel:Ve="Total Assets USD",style:rt,children:Y}){let He=k?Ke[k]:void 0,Ue=b??He?.name,nt=f??He?.iconUrl,$e=_e(`(max-width: ${o}px)`),qe=r??(c?"right":"bottom"),ue=n??!1,we=R!==void 0,[Ee,at]=K.useState(!1),re=we?R:Ee,ge=K.useCallback(ie=>{we||at(ie),H?.(ie)},[we,H]),it=K.useCallback(()=>ge(!1),[ge]),[st,Me]=K.useState(null),[je,he]=K.useState("top"),[ze,Ot]=K.useState(null),[lt,We]=K.useState("wallet");K.useEffect(()=>{re||We("wallet")},[re]);let ct=K.useMemo(()=>({env:e,theme:t,isMobile:$e,open:re,drawerDirection:qe,modal:ue,showBalance:c,showForgeToken:s,showGameToken:i,showQR:l,qrLogoSrc:p,walletAddress:d,accountName:m,profileImageUrl:M,connectorName:Ue,connectorIconUrl:nt,preferredTokens:w,close:it,onSelectWallet:N,onCopyAddress:D,onDisconnect:x,disconnectLabel:I,termsUrl:V,termsLabel:h,privacyUrl:v,privacyLabel:A,portalStyle:rt,navContent:st,navPosition:je,setNavContent:Me,setNavPosition:he,footerContent:ze,setFooterContent:Ot,view:lt,setView:We,showPortfolio:Z,portfolioTitle:oe,showTotalAssets:fe,totalAssetsLabel:Ve}),[e,t,$e,re,qe,ue,c,s,i,l,p,d,m,M,Ue,nt,w,it,N,D,x,I,V,h,v,A,rt,st,je,ze,lt,Z,oe,fe,Ve]);return(0,Wt.jsx)(Gt.Provider,{value:ct,children:$e?(0,Wt.jsx)(Zr.Drawer.Root,{direction:qe,open:re,onOpenChange:ge,noBodyStyles:!0,children:Y},"drawer"):(0,Wt.jsx)(Gr.Root,{open:re,onOpenChange:ge,children:Y},"popover")})}var wo=Object.assign(oa,{Trigger:Zo,Content:Ur,Nav:qr,Footer:zr});var ae=S(require("react"),1),an=S(require("@radix-ui/react-dialog"),1),sn=require("vaul");var _t=require("react"),St=(0,_t.createContext)(null);function et(){let e=(0,_t.useContext)(St);if(!e)throw new Error("WalletConnectModal compound components must be used within <WalletConnectModal>");return e}var Te=require("react");function tt(){let[e,t]=(0,Te.useState)([]),[o,r]=(0,Te.useState)(!0);(0,Te.useEffect)(()=>{if(typeof window>"u"){r(!1);return}let c=[],s=l=>{let{info:p}=l.detail;p?.rdns&&!c.some(d=>d.rdns===p.rdns)&&(c.push({rdns:p.rdns,name:p.name,icon:p.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 i=setTimeout(()=>r(!1),500);return()=>{window.removeEventListener("eip6963:announceProvider",s),window.removeEventListener("eip6963:crossAnnounceProvider",s),clearTimeout(i)}},[]);let n=(0,Te.useCallback)(c=>e.some(s=>s.rdns===c),[e]);return{wallets:e,isDetected:n,isLoading:o}}var Yr=S(require("@radix-ui/react-dialog"),1),Kr=require("vaul");var go=require("react/jsx-runtime");function Qr({asChild:e,children:t}){let{isMobile:o}=et(),r=o?Kr.Drawer.Trigger:Yr.Trigger;return(0,go.jsx)(r,{asChild:e??t!=null,children:t??(0,go.jsx)("button",{type:"button",children:"Connect Wallet"})})}var me=S(require("@radix-ui/react-dialog"),1),ot=require("vaul");var L=require("react/jsx-runtime");function Dt(){return(0,L.jsxs)("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,L.jsx)("circle",{cx:"20",cy:"20",r:"20",fill:"#00D5AA"}),(0,L.jsx)("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 Xr(){return(0,L.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",children:[(0,L.jsxs)("g",{clipPath:"url(#clip0_1331_27065)",children:[(0,L.jsx)("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"}),(0,L.jsx)("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"}),(0,L.jsx)("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"}),(0,L.jsx)("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"}),(0,L.jsx)("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"}),(0,L.jsx)("path",{d:"M22.1857 36.1951V39.831H17.6699V36.1951H22.1857Z",fill:"#C0C4CD"}),(0,L.jsx)("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"})]}),(0,L.jsx)("defs",{children:(0,L.jsx)("clipPath",{id:"clip0_1331_27065",children:(0,L.jsx)("rect",{width:"40",height:"40",fill:"white"})})})]})}function Jr(){return(0,L.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"247",height:"246",viewBox:"0 0 247 246",fill:"none",children:[(0,L.jsx)("rect",{width:"247.005",height:"245.105",rx:"36",fill:"#121212"}),(0,L.jsx)("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"}),(0,L.jsx)("path",{d:"M59.8364 99.8915V59.7551H12.0414L30.4787 77.8377V99.8915H59.8364Z",fill:"#2FD7FF"}),(0,L.jsx)("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 en(){return(0,L.jsxs)("svg",{width:"40",height:"40",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,L.jsxs)("g",{clipPath:"url(#clip0_1185_7785)",children:[(0,L.jsx)("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"}),(0,L.jsx)("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"})]}),(0,L.jsx)("defs",{children:(0,L.jsx)("clipPath",{id:"clip0_1185_7785",children:(0,L.jsx)("rect",{width:"28",height:"28",fill:"white"})})})]})}function tn(){return(0,L.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,L.jsx)("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}var At={cross_embedded:{id:"cross_embedded",name:"CROSSx with Social",description:"Sign in with Google or Apple",icon:Dt,featured:!0},cross_wallet:{id:"cross_wallet",name:"CROSSx",description:"App approval is required",icon:Dt},cross_extension:{id:"cross_extension",name:"CROSSx Extension",description:"Browser extension approval is required",icon:Dt,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:Xr,rdns:"io.metamask"},verse8:{id:"verse8",name:"Verse8 Wallet",description:"Optimized for Forge and Verse8 ecosystem",icon:Jr,badge:"For Forge"},tron:{id:"tron",name:"Tron Wallet",description:"Dedicated for Tron-based transactions and assets",icon:en,badge:"For SHOP"}};function Be(e){return At[e]}var u=require("react/jsx-runtime");function on({wallet:e,detected:t,onConnect:o}){let r=()=>{if(e.installUrl&&!t){window.open(e.installUrl,"_blank","noopener,noreferrer");return}o()},n=e.icon;return(0,u.jsxs)("button",{type:"button",className:"wcm-wallet-item",onClick:r,children:[(0,u.jsxs)("div",{className:"wcm-wallet-item-left",children:[(0,u.jsx)("div",{className:"wcm-wallet-icon",children:(0,u.jsx)(n,{})}),(0,u.jsxs)("div",{className:"wcm-wallet-info",children:[(0,u.jsxs)("div",{className:"wcm-wallet-name-row",children:[(0,u.jsx)("span",{className:"wcm-wallet-name",children:e.name}),e.badge&&(0,u.jsx)("span",{className:"wcm-wallet-badge",children:e.badge})]}),(0,u.jsx)("span",{className:"wcm-wallet-desc",children:e.description})]})]}),e.installUrl&&(t?(0,u.jsx)("span",{className:"wcm-installed-label",children:"Installed"}):(0,u.jsx)("span",{className:"wcm-install-btn",children:"Install"}))]})}function rn(){let{wallets:e,activeWalletIds:t,isDetected:o,close:r,isMobile:n}=et(),c=t.filter(l=>{let p=Be(l).visibility;return!p||p==="always"?!0:p==="desktop-only"?!n:p==="mobile-only"?n:!0}),s=c.filter(l=>Be(l).featured),i=c.filter(l=>!Be(l).featured);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("div",{className:"wcm-header",children:[(0,u.jsxs)("div",{className:"wcm-header-text",children:[(0,u.jsx)("h2",{className:"wcm-title",children:"Connect Wallet"}),(0,u.jsx)("p",{className:"wcm-subtitle",children:"Connect with one of our available wallet providers to continue."})]}),(0,u.jsx)("button",{type:"button",className:"wcm-close-btn",onClick:r,children:(0,u.jsx)(tn,{})})]}),(0,u.jsx)("div",{className:"wcm-divider"}),(0,u.jsxs)("div",{className:"wcm-body",children:[s.map(l=>{let p=Be(l),d=p.rdns?o(p.rdns):!1;return(0,u.jsx)(on,{wallet:p,detected:d,onConnect:()=>{e[l]?.(),r()}},l)}),s.length>0&&i.length>0&&(0,u.jsxs)("div",{className:"wcm-separator",children:[(0,u.jsx)("div",{className:"wcm-separator-line"}),(0,u.jsx)("span",{className:"wcm-separator-text",children:"or"}),(0,u.jsx)("div",{className:"wcm-separator-line"})]}),(0,u.jsx)("div",{className:"wcm-wallet-list",children:i.map(l=>{let p=Be(l),d=p.rdns?o(p.rdns):!1;return(0,u.jsx)(on,{wallet:p,detected:d,onConnect:()=>{e[l]?.(),r()}},l)})}),(0,u.jsxs)("div",{className:"wcm-help",children:[(0,u.jsx)("p",{className:"wcm-help-title",children:"Wallet not detected?"}),(0,u.jsxs)("ul",{className:"wcm-help-list",children:[(0,u.jsx)("li",{children:"Ensure your wallet extension is installed and unlocked"}),(0,u.jsx)("li",{children:"Try refreshing the page"}),(0,u.jsx)("li",{children:"Some wallets may require you to first open the extension"}),(0,u.jsx)("li",{children:"You can try clicking the wallet anyway"})]})]}),(0,u.jsx)("div",{className:"wcm-divider"}),(0,u.jsx)("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 nn({className:e}){let{isMobile:t,theme:o,portalStyle:r}=et();return t?(0,u.jsxs)(ot.Drawer.Portal,{children:[(0,u.jsx)(ot.Drawer.Overlay,{className:"wcm-overlay"}),(0,u.jsxs)(ot.Drawer.Content,{className:$("wcm-drawer-content",e),"data-theme":o,style:r,children:[(0,u.jsx)(ot.Drawer.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),(0,u.jsx)("div",{className:"wcm-drawer-handle"}),(0,u.jsx)("div",{className:"wcm-drawer-body",children:(0,u.jsx)(rn,{})})]})]}):(0,u.jsxs)(me.Portal,{children:[(0,u.jsx)(me.Overlay,{className:"wcm-overlay"}),(0,u.jsxs)(me.Content,{className:$("wcm-dialog-content",e),"data-theme":o,style:r,children:[(0,u.jsx)(me.Title,{className:"wcm-sr-only",children:"Connect Wallet"}),(0,u.jsx)("div",{className:"wcm-dialog-body",children:(0,u.jsx)(rn,{})})]})]})}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))}
|
|
12
|
+
`);E(`.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
|
+
`);E(`@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
|
+
`);var Fe=require("react/jsx-runtime");function ra({wallets:e,theme:t="dark",mobileBreakpoint:o=768,drawerDirection:r="bottom",dialogWidth:n,drawerMaxWidth:c,drawerMinWidth:s,style:i,open:l,onOpenChange:p,children:d}){let m=_e(`(max-width: ${o}px)`),[M,k]=ae.useState(!1),b=l!==void 0,f=b?l:M,w=ae.useCallback(v=>{b||k(v),p?.(v)},[b,p]),N=ae.useCallback(()=>w(!1),[w]),{isDetected:D}=tt(),x=ae.useMemo(()=>Object.keys(e),[e]),I=ae.useMemo(()=>{let v={};return n&&(v["--wcm-dialog-width"]=n),c&&(v["--wcm-drawer-max-width"]=c),s&&(v["--wcm-drawer-min-width"]=s),{...v,...i}},[n,c,s,i]),V=ae.useMemo(()=>({theme:t,isMobile:m,open:f,setOpen:w,close:N,wallets:e,activeWalletIds:x,isDetected:D,portalStyle:I}),[t,m,f,w,N,e,x,D,I]),h=(0,Fe.jsx)("div",{"data-theme":t,style:I,children:d});return m?(0,Fe.jsx)(St.Provider,{value:V,children:(0,Fe.jsx)(sn.Drawer.Root,{direction:r,open:f,onOpenChange:w,noBodyStyles:!0,children:h},"drawer")}):(0,Fe.jsx)(St.Provider,{value:V,children:(0,Fe.jsx)(an.Root,{open:f,onOpenChange:w,children:h})})}var ho=Object.assign(ra,{Trigger:Qr,Content:nn});0&&(module.exports={AppLauncher,AppLauncherContent,AppLauncherTrigger,CONNECTOR_REGISTRY,ConnectorId,TOKEN_STATS_QUERY_KEY,USER_BALANCE_QUERY_KEY,WALLET_REGISTRY,WalletConnectModal,WalletInfo,WalletPortfolio,WalletPortfolioBody,useGlobalMenu,useTokenBalance,useTokenStats,useWalletDetect});
|