https://cosmowarp.vercel.app/_next/static/chunks/pages/get-started-800e76094b087f2d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8395],{4020:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/get-started",function(){return r(19572)}])},19572:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return GetStartedPage}});var o=r(52676),n=r(94033),i=r.n(n),s=r(75271),l=r(56602),a=r(59958),d=r(93944),c=r(89186),u=r(82782),x=r(23509),h=r.n(x),m=r(6752),b=r.n(m),g=r(51745),f=r.n(g);function GetStartedPage(){let e=u.Ei,{address:t,chain:r,wallet:n}=(0,a.Ab)(e),[x,m]=(0,s.useState)(!1),[g,p]=(0,s.useState)(!0),$=(0,s.useRef)(null),j=(0,s.useMemo)(()=>t?{"cosmoshub-4":t}:{},[t]),[y,w]=(0,s.useState)(j);(0,s.useEffect)(()=>{w(j)},[j]);let v=(0,s.useCallback)(async e=>{try{var t,r,o,i;let s=null==n?void 0:null===(o=n.originalWallet)||void 0===o?void 0:null===(r=o.networkWalletMap)||void 0===r?void 0:null===(t=r.get("cosmos"))||void 0===t?void 0:t.client;if(!s||!e)return null;await s.enable(e);let l=await s.getOfflineSigner(e),a=await l.getAccounts(),d=null==a?void 0:null===(i=a[0])||void 0===i?void 0:i.address;return"string"==typeof d&&d?d:null}catch(e){return null}},[n]),k=(0,s.useCallback)(async e=>{let t=Array.isArray(e)?e:[];if(!t.length)return;let r=await Promise.all(t.map(async e=>{if(!e||y[e]||/^\d+$/.test(e)||"solana"===e)return null;let t=await v(e);return t?[e,t]:null})),o=Object.fromEntries(r.filter(Boolean));Object.keys(o).length&&w(e=>({...e,...o}))},[v,y]);return(0,s.useEffect)(()=>{r&&!x&&m(!0)},[r,x]),(0,s.useEffect)(()=>{if(!g)return;let e=!1,configureWidget=async()=>{try{if("undefined"==typeof customElements||customElements.get("skip-widget")||await customElements.whenDefined("skip-widget"),e)return;let t=$.current;if(!t)return;t.defaultRoute={srcChainId:"1",destChainId:"cosmoshub-4",srcAssetDenom:"ethereum-native",destAssetDenom:"uatom",amountIn:.002,amountOut:.47844};let r="".concat(window.location.origin,"/api/skip");t.apiUrl=r,t.setAttribute("api-url",r),t.connectedAddresses=y,t.callbacks={onRouteUpdated:async e=>{await k(null==e?void 0:e.requiredChainAddresses)}},t.theme={brandColor:"#8b5cf6",borderRadius:16}}catch(e){console.error("[SkipWidget] Failed to configure widget",e)}};return configureWidget(),()=>{e=!0}},[g,y,k]),(0,s.useEffect)(()=>{let e=$.current;e&&(e.connectedAddresses=y)},[y]),x&&r&&(r.chainName,u.Ei),(0,o.jsxs)("div",{style:{minHeight:"100vh",position:"relative",overflow:"hidden"},className:"jsx-b3e1b6a7c9b96113",children:[(0,o.jsx)("div",{style:{position:"relative",zIndex:10,padding:"1rem"},className:"jsx-b3e1b6a7c9b96113",children:(0,o.jsx)(d.Ar,{children:(0,o.jsxs)(l.xu,{width:"100%",py:"$6",children:[(0,o.jsxs)(l.xu,{display:"flex",justifyContent:"space-between",alignItems:"flex-start",attributes:{marginBottom:"$8"},children:[(0,o.jsx)(l.xu,{flex:"1"}),(0,o.jsxs)(l.xu,{textAlign:"center",flex:"4",children:[(0,o.jsx)(l.xv,{fontSize:"$3xl",fontWeight:"$bold",color:"$text",children:"Get Started"}),(0,o.jsx)(l.xv,{fontSize:"$md",color:"$textSecondary",attributes:{marginTop:"$2"},children:"Connect your wallet and get assets from any chain"})]}),(0,o.jsx)(l.xu,{flex:"1",display:"flex",justifyContent:"flex-end",alignItems:"center",children:(0,o.jsx)(c.I,{chainName:e})})]}),(0,o.jsx)(l.xu,{display:"flex",justifyContent:"center",attributes:{marginBottom:"$6"},children:(0,o.jsx)(d.w5,{chainName:"cosmoshub",hideChainSelector:!0})}),t&&(0,o.jsx)(l.xu,{p:"$4",borderRadius:"$md",backgroundColor:"$inputBg",display:"flex",justifyContent:"space-between",alignItems:"center",attributes:{marginBottom:"$6"},children:(0,o.jsxs)(l.xu,{children:[(0,o.jsx)(l.xv,{fontSize:"$xs",color:"$textSecondary",children:"Connected Address"}),(0,o.jsx)(l.xv,{fontSize:"$sm",fontFamily:"$mono",color:"$text",children:t})]})}),(0,o.jsx)(f(),{href:"/blocktris",passHref:!0,legacyBehavior:!0,children:(0,o.jsxs)(l.xu,{as:"a",p:"$5",borderRadius:"$lg",style:{background:"linear-gradient(135deg, rgba(236, 72, 153, 0.15), rgba(168, 85, 247, 0.15))",border:"1px solid rgba(236, 72, 153, 0.3)",backdropFilter:"blur(10px)",cursor:"pointer",textDecoration:"none",transition:"transform 0.2s, box-shadow 0.2s"},hoverStyle:{transform:"scale(1.02)",boxShadow:"0 8px 32px rgba(236, 72, 153, 0.2)"},attributes:{marginBottom:"$6"},children:[(0,o.jsx)(l.xv,{fontSize:"$lg",fontWeight:"$semibold",color:"$text",textAlign:"center",display:"block",attributes:{marginBottom:"$2"},children:"\uD83C\uDFAE New to Blockchain?"}),(0,o.jsx)(l.xv,{fontSize:"$md",color:"$textSecondary",textAlign:"center",display:"block",children:"Play Tetris and earn some free Tokens to test with at Blocktris"})]})}),(0,o.jsxs)(l.Kq,{direction:"vertical",space:"$6",children:[(0,o.jsxs)(l.xu,{children:[(0,o.jsx)(l.xu,{p:"$6",borderRadius:"$xl",style:{background:"linear-gradient(135deg, rgba(10, 12, 26, 0.86), rgba(12, 18, 42, 0.82))",border:"1px solid rgba(255, 255, 255, 0.08)",backdropFilter:"blur(10px)",boxShadow:"0 24px 68px rgba(0, 0, 0, 0.55)"},attributes:{marginBottom:"$4"},children:(0,o.jsx)(l.xv,{fontSize:"$lg",color:"$text",textAlign:"center",fontWeight:"$semibold",children:"New to the Interchain? Get started easily by select one of the following wallets:"})}),(0,o.jsx)(l.xv,{fontSize:"$lg",fontWeight:"$semibold",color:"$text",attributes:{marginBottom:"$4"},children:"Recommended Wallets"}),(0,o.jsx)(l.xv,{fontSize:"$sm",color:"$textSecondary",attributes:{marginBottom:"$4"},children:"Choose a wallet to connect to the Cosmos ecosystem"}),(0,o.jsxs)(l.Kq,{direction:"horizontal",space:"$4",attributes:{marginBottom:"$4"},children:[(0,o.jsx)("a",{href:"https://www.keplr.app/get",target:"_blank",rel:"noopener noreferrer",style:{textDecoration:"none",flex:1},className:"jsx-b3e1b6a7c9b96113",children:(0,o.jsxs)(l.xu,{p:"$4",borderRadius:"$lg",backgroundColor:"$cardBg",border:"1px solid",borderColor:"$inputBorder",dis

1play:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",style:{cursor:"pointer",transition:"transform 0.2s"},hoverStyle:{transform:"scale(1.02)"},children:[(0,o.jsx)(l.xu,{width:"220px",height:"220px",borderRadius:"$md",overflow:"hidden",attributes:{marginBottom:"$3"},children:(0,o.jsx)(b(),{src:"/keplr.png",alt:"Keplr Wallet",width:220,height:220,style:{objectFit:"contain"}})}),(0,o.jsx)(l.xv,{fontSize:"$md",fontWeight:"$semibold",color:"$text",attributes:{marginBottom:"$2"},children:"Keplr"}),(0,o.jsx)(l.xv,{fontSize:"$sm",color:"$textSecondary",children:"The most popular wallet for the Cosmos ecosystem. Supports IBC transfers and staking across 50+ chains."})]})}),(0,o.jsx)("a",{href:"https://www.cosmostation.io/",target:"_blank",rel:"noopener noreferrer",style:{textDecoration:"none",flex:1},className:"jsx-b3e1b6a7c9b96113",children:(0,o.jsxs)(l.xu,{p:"$4",borderRadius:"$lg",backgroundColor:"$cardBg",border:"1px solid",borderColor:"$inputBorder",display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",style:{cursor:"pointer",transition:"transform 0.2s"},hoverStyle:{transform:"scale(1.02)"},children:[(0,o.jsx)(l.xu,{width:"220px",height:"220px",borderRadius:"$md",overflow:"hidden",attributes:{marginBottom:"$3"},children:(0,o.jsx)(b(),{src:"/cosmostation.png",alt:"Cosmostation Wallet",width:220,height:220,style:{objectFit:"contain"}})}),(0,o.jsx)(l.xv,{fontSize:"$md",fontWeight:"$semibold",color:"$text",attributes:{marginBottom:"$2"},children:"Cosmostation"}),(0,o.jsx)(l.xv,{fontSize:"$sm",color:"$textSecondary",children:"A multi-chain wallet with excellent mobile support. Features built-in DApp browser and staking interface."})]})})]})]}),(0,o.jsxs)(l.xu,{children:[(0,o.jsx)(l.xv,{fontSize:"$lg",fontWeight:"$semibold",color:"$text",attributes:{marginBottom:"$4"},children:"Get Assets from Any Chain"}),(0,o.jsx)(l.xv,{fontSize:"$sm",color:"$textSecondary",attributes:{marginBottom:"$4"},children:"Use IBC Eureka to bridge assets from Ethereum, Solana, and other networks to Cosmos Hub"}),(0,o.jsxs)(l.xu,{p:"$4",borderRadius:"$lg",backgroundColor:"$cardBg",border:"1px solid",borderColor:"$inputBorder",children:[(0,o.jsx)(h(),{type:"module",src:"https://unpkg.com/@skip-go/widget-web-component/build/index.js",strategy:"afterInteractive"}),(0,o.jsxs)(l.xu,{display:"flex",justifyContent:"space-between",alignItems:"center",mb:"$3",children:[(0,o.jsx)(l.xv,{fontSize:"$md",fontWeight:"$semibold",color:"$text",children:"Use IBC Eureka to get Assets from all major networks"}),(0,o.jsx)(l.zx,{variant:"outline",size:"sm",onClick:()=>p(e=>!e),children:g?"Hide":"Show"})]}),g&&(0,o.jsx)(l.xu,{borderRadius:"$md",overflow:"hidden",border:"1px solid",borderColor:"$inputBorder",style:{width:"100%",height:520},children:(0,o.jsx)("div",{style:{width:"100%",height:"100%"},className:"jsx-b3e1b6a7c9b96113",children:(0,o.jsx)("skip-widget",{ref:$,style:{width:"100%",height:"100%",display:"block"},className:"jsx-b3e1b6a7c9b96113"})})})]})]})]})]})})}),(0,o.jsx)(i(),{id:"b3e1b6a7c9b96113",children:""})]})}},23509:function(e,t,r){e.exports=r(84147)}},function(e){e.O(0,[1503,6002,3369,8974,2311,4257,5865,2876,6752,4427,9186,3944,9774,2888,179],function(){return e(e.s=4020)}),_N_E=e.O()}]);