@rango-dev/ui 0.17.1-next.1 → 0.17.1-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -16,5 +16,5 @@ var Ci=Object.defineProperty;var t=(o,e)=>Ci(o,"name",{value:e,configurable:!0})
|
|
|
16
16
|
s0.4544001,1.0158997,1.0159006,1.0158997h22.3491974c0.5615005,0,1.0158997-0.4543991,1.0158997-1.0158997
|
|
17
17
|
S39.16465,29.4603004,38.6031494,29.4603004z`}),$1.createElement("path",{d:`M28.4444485,37.5872993H16.253952c-0.5615005,0-1.0159006,0.4543991-1.0159006,1.0158997
|
|
18
18
|
s0.4544001,1.0158997,1.0159006,1.0158997h12.1904964c0.5615025,0,1.0158005-0.4543991,1.0158005-1.0158997
|
|
19
|
-
S29.0059509,37.5872993,28.4444485,37.5872993z`}))),"CopyIcon");N2.toString=()=>"._icon";var v5=n("div",{position:"relative"}),$5=n("div",{border:"1px solid $background",borderRadius:"$xs",width:"$32",height:"$32"}),x5=n("div",{position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}),w5=n("div",{position:"absolute",zIndex:"2",variants:{place:{top:{top:"-241px"},bottom:{},left:{top:"-50%",left:"-225px"},right:{top:"-50%",right:"-225px"}}}}),S5=n("label",{display:"inline-block",fontSize:"$14",marginBottom:"$4",color:"$foreground"});function b5({color:o,onChangeColor:e,label:r,place:i,placeholder:l}){let[a,p]=h5(!1);return d1.createElement(v5,null,d1.createElement(S5,{className:"_text"},r),d1.createElement(L,{variant:"outlined",prefix:d1.createElement($5,{style:{backgroundColor:o}}),fullWidth:!0,size:"large",suffix:o&&d1.createElement("div",{onClick:d=>{d.stopPropagation(),e(void 0)}},d1.createElement(ne,{size:20})),onClick:()=>p(d=>!d)},o||l),a&&d1.createElement(w5,{place:i},d1.createElement(x5,{onClick:()=>p(!1)}),d1.createElement(f5,{color:o,onChange:d=>{let g="#"+y5(d.rgb.r,d.rgb.g,d.rgb.b,d.rgb.a);e(g)}})))}t(b5,"ColorPicker");import R from"react";import{createPortal as k5}from"react-dom";var z2=n("div",{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",zIndex:9999999,backgroundColor:"rgba(0,0,0,.1)",borderRadius:"$sm"}),Z2=n("div",{position:"absolute",background:"$background",padding:"$10 $20",borderRadius:"$sm",display:"flex",flexDirection:"column",justifyContent:"space-between",zIndex:9999999,boxSizing:"border-box",variants:{anchor:{left:{top:0,left:0,height:"100%",minWidth:"300px",maxWidth:"90%"},right:{top:0,right:0,height:"100%",minWidth:"300px",maxWidth:"90%"},bottom:{bottom:0,width:"100%",maxHeight:"90%"},top:{top:0,width:"100%",maxHeight:"90%"}}}}),F2=n("div",{display:"flex",justifyContent:"space-between",alignItems:"center",position:"relative"}),A2=n("div",{overflowY:"auto",height:"100%"}),E2=n("footer",{width:"100%"});function et(o){let{title:e,open:r,onClose:i,anchor:l="bottom",dismissible:a=!0,footer:p,container:d=document.body,prefix:g,children:v}=o;return R.createElement(R.Fragment,null,d&&r&&k5(R.createElement(z2,{onClick:t($=>{$.target===$.currentTarget&&a&&i()},"handleBackDropClick")},R.createElement(Z2,{anchor:l},R.createElement(F2,null,g,R.createElement(s,{variant:"title",size:"small"},e),a&&R.createElement(c1,{onClick:i},R.createElement(io,{color:"gray"}))),R.createElement(C,{size:16}),R.createElement(A2,null,v),R.createElement(E2,null,p))),d))}t(et,"Drawer");import tt from"react";var V2=n("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$15 $20",$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",position:"relative",borderTopRightRadius:"$primary",borderTopLeftRadius:"$primary"}),_2=n("div",{display:"flex",alignItems:"center",gap:"$5"});function bo({prefix:o,suffix:e,title:r}){return tt.createElement(V2,null,o,tt.createElement(s,{variant:"headline",size:"small"},r),tt.createElement(_2,null,e))}t(bo,"Header");import j,{useEffect as L5,useRef as I5,useState as G2}from"react";import{createPortal as T5}from"react-dom";var U2=n("div",{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",backgroundColor:"transparent",zIndex:10,borderRadius:"$primary",display:"flex",overflow:"hidden",transition:"background .35s",variants:{anchor:{bottom:{justifyContent:"end",alignItems:"end",bottom:"0"},center:{justifyContent:"center",alignItems:"center"}},active:{true:{backgroundColor:"color-mix(in srgb, $neutral500 70%, transparent)"}}}}),O2=n("div",{backgroundColor:"$background",width:"100%",borderRadius:"$primary",display:"flex",flexDirection:"column",zIndex:9999999,transform:"translateY(100%)",transition:"transform .45s ease-in-out",variants:{anchor:{bottom:{width:"100%",maxHeight:"95%"},center:{height:"100%"}},active:{true:{transform:"translateY(0)"}}}}),j2=n("div",{display:"flex",alignItems:"center",justifyContent:"end",[`& ${c1}`]:{padding:"$5"}}),rt=n("div",{padding:"$20 $20 $0 $20",display:"flex",justifyContent:"space-between",alignItems:"center",position:"relative",variants:{noTitle:{true:{justifyContent:"flex-end"}}}}),q2=n("div",{display:"flex",flexDirection:"column",flex:1,padding:"$0 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden"}),Y2=n("div",{"& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});var P5=600,M5=10;function nt(o){let{title:e,open:r,onClose:i,containerStyle:l,anchor:a="bottom",container:p=document.body,prefix:d,header:g,dismissible:v=!0,children:S,suffix:$,footer:P,hasLogo:A=!0}=o,[B,Z]=G2(!1),[M,E]=G2(!1),q=I5(null),to=t(ro=>{ro.target===ro.currentTarget&&v&&i()},"handleBackDropClick");return L5(()=>(p&&(q.current&&clearTimeout(q.current),r?(E(!0),p.style.overflow="hidden",q.current=setTimeout(()=>{Z(!0)},M5)):(Z(!1),q.current=setTimeout(()=>{E(!1),p.style.overflow="unset"},P5))),()=>{q.current&&clearTimeout(q.current)}),[r,p]),j.createElement(j.Fragment,null,M&&p&&T5(j.createElement(U2,{active:B,onClick:to,anchor:a},j.createElement(O2,{active:B,css:l,anchor:a},g??j.createElement(rt,{noTitle:!e&&v&&!d},d,e&&j.createElement(s,{variant:"title",size:"small"},e),j.createElement(j2,null,$,v&&j.createElement(c1,{onClick:i,variant:"ghost"},j.createElement(io,{color:"gray",size:14})))),j.createElement(q2,null,S),(A||P)&&j.createElement(Y2,null,j.createElement("div",{className:"footer__content"},P),A&&j.createElement("div",{className:"footer__logo"},j.createElement(C,{size:12}),j.createElement($o,null))))),p))}t(nt,"Modal");import x1 from"react";var X2=n("div",{display:"flex",flexDirection:"column",alignItems:"center",width:"100%"}),K2=n("div",{textAlign:"center"}),J2=n("div",{borderRadius:"50%",width:"$45",height:"$45",display:"flex",justifyContent:"center",alignItems:"center",variants:{type:{success:{$$color:"$colors$success300",[`.${c} &`]:{$$color:"$colors$success600"},backgroundColor:"$$color"},warning:{$$color:"$colors$warning300",[`.${c} &`]:{$$color:"$colors$warning600"},backgroundColor:"$$color"},error:{$$color:"$colors$error300",[`.${c} &`]:{$$color:"$colors$error600"},backgroundColor:"$$color"},info:{$$color:"$colors$info300",[`.${c} &`]:{$$color:"$colors$info600"},backgroundColor:"$$color"},loading:{$$color:"$colors$info300",[`.${c} &`]:{$$color:"$colors$info600"},backgroundColor:"$$color"}}}});import ko from"react";function B5(o){switch(o.type){case"success":return ko.createElement(ao,{color:o.type,size:30});case"warning":return ko.createElement(uo,{color:o.type,size:30});case"error":return ko.createElement(lo,{color:o.type,size:30});case"loading":return ko.createElement(U,{color:"info",size:30});default:return ko.createElement(po,{color:o.type,size:30})}}t(B5,"StatusIcon");var Q2=B5;function it(o){let{type:e,title:r,description:i,children:l,icon:a}=o;return x1.createElement(X2,null,x1.createElement(J2,{type:e},a||x1.createElement(Q2,{type:e})),x1.createElement(C,{size:4}),x1.createElement(s,{color:e==="loading"?"info500":`${e}500`,variant:"title",size:"medium"},r),x1.createElement(C,{size:16}),x1.createElement(K2,null,typeof i=="string"?x1.createElement(s,{color:"neutral900",variant:"body",size:"medium"},i):i),l)}t(it,"MessageBox");import*as en from"@radix-ui/react-collapsible";import w1,{useState as W5}from"react";import*as R2 from"@radix-ui/react-collapsible";var on=n(R2.Trigger,{padding:"$15",paddingBottom:"$5",borderRadius:"$xm",cursor:"pointer",$$backgroundColor:"$colors$neutral200",[`.${c} &`]:{$$backgroundColor:"$colors$neutral500"},backgroundColor:"$$backgroundColor",textAlign:"center",border:0,width:"100%","&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0}});function D5(o){let{description:e,status:r,title:i,children:l}=o,[a,p]=W5(!1);return w1.createElement(en.Root,{open:a,onOpenChange:p},w1.createElement(on,null,w1.createElement(it,{title:i,description:e,type:r}),w1.createElement(E1,{open:a},w1.createElement(C,{size:12}),l),w1.createElement(C,{size:12}),a?w1.createElement($e,{color:"black",size:16}):w1.createElement(no,{color:"black",size:16})))}t(D5,"CollapsibleMessageBox");import at from"react";function lt(o){let{percentageChange:e,showPercentageChange:r}=o;return at.createElement(at.Fragment,null,r&&at.createElement(s,{variant:"title",size:"small",color:"$error500"},`(${e}%)`))}t(lt,"PercentageChange");import X1 from"react";import nn from"react";import*as ie from"@radix-ui/react-radio-group";var tn=n(ie.Item,{padding:"0",width:"16px",height:"16px",borderRadius:"100%",cursor:"pointer",backgroundColor:"transparent",border:"1px solid $neutral800",'&[data-state="checked"]':{$$color:"$colors$secondary500",[`.${c} &`]:{$$color:"$colors$secondary400"},backgroundColor:"$$color",borderColor:"$$color"}}),rn=n(ie.Indicator,{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",position:"relative","&::after":{content:"",display:"block",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"$background"}});function st(o){let{value:e}=o;return nn.createElement(tn,{value:e,id:e},nn.createElement(rn,null))}t(st,"Radio");import*as an from"@radix-ui/react-radio-group";var pt=n(an.Root,{variants:{direction:{horizontal:{display:"flex",flexDirection:"row",flexWrap:"wrap"},vertical:{display:"grid",gridGap:"$24"}}}}),ln=n("div",{display:"flex",alignItems:"center",marginRight:"$8"}),sn=n("div",{display:"flex"}),pn=n("label",{paddingLeft:"$8",cursor:"pointer",color:"$foreground","& > span":{display:"block"}});function H5(o){let{value:e,onChange:r,direction:i="vertical",style:l,options:a}=o;return X1.createElement(sn,null,X1.createElement(pt,{onValueChange:r,value:e,direction:i,style:l},a.map(p=>X1.createElement(ln,{key:p.value},X1.createElement(st,{value:p.value}),X1.createElement(pn,{className:"_text",htmlFor:p.value},X1.createElement(s,{variant:"body",size:"small"},p.label))))))}t(H5,"RadioGroup");import e1 from"react";var N5=n("div",{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"$8",borderRadius:"$xs",backgroundColor:"$background",color:"$neutral800",fontSize:"$12",".routes":{display:"flex",alignItems:"center"},".fee":{display:"flex",alignItems:"center"}});function z5(o){if(!o.routes)return null;let e=o.routes.result?.swaps;return e1.createElement(N5,null,e1.createElement("div",{className:"routes"},e?.map((r,i)=>{let l=i+1==e.length,a=`swap-${i}`;return e1.createElement(e1.Fragment,{key:a},e1.createElement("div",{className:"route"},r.from.symbol),e1.createElement(Ro,{size:12}),l?e1.createElement("div",{className:"route"},r.to.symbol):null)})),o.totalFee?e1.createElement("div",{className:"fee"},e1.createElement(O1,{size:12}),e1.createElement(C,{size:4,direction:"horizontal"}),"$",o.totalFee):null)}t(z5,"RoutesOverview");import b1,{useState as F5}from"react";import t1 from"react";var cn=n("div",{borderRadius:"$xs",display:"flex",justifyContent:"center",alignItems:"center",variants:{fullWidth:{true:{width:"100%"},false:{width:"fit-content"}},size:{small:{padding:"$5 $15"},large:{padding:"$10",borderRadius:"$xl"}},variant:{contained:{$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"}},outlined:{backgroundColor:"transparent",border:"1px solid $neutral100","&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}},ghost:{background:"transparent"}},disabled:{true:{},false:{}}},compoundVariants:[{variant:"contained",disabled:!0,css:{"&:hover":{backgroundColor:"$neutral100"}}},{variant:"outlined",disabled:!0,css:{"&:hover":{borderColor:"$neutral100"}}}]}),dn=n("input",{flexGrow:1,color:"$foreground",fontSize:"$14",lineHeight:"$20",fontWeight:400,border:"none",outline:"none",fontFamily:"inherit",variants:{suffix:{true:{marginRight:"$10"}}},backgroundColor:"transparent","-webkit-appearance":"none",margin:0,"&:disabled":{cursor:"not-allowed"},"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0},'&[type="number"]':{"-moz-appearance":"textfield"},"&::placeholder, &::-webkit-input-placeholder":{color:"$neutral900"},"&:focus-within":{outline:"none"}}),mn=n("label",{display:"inline-block"});function Z5(o,e){let{label:r,prefix:i,suffix:l,size:a="small",style:p,variant:d,fullWidth:g,...v}=o;return t1.createElement(t1.Fragment,null,r&&t1.createElement(t1.Fragment,null,t1.createElement(mn,{className:"_text",...v.id&&{htmlFor:v.id}},t1.createElement(s,{variant:"label",size:"large"},r)),t1.createElement(C,{direction:"vertical",size:4})),t1.createElement(cn,{disabled:v.disabled,fullWidth:g,variant:d,size:a,style:p,className:"_text"},i||null,t1.createElement(dn,{className:"_text",...v,spellCheck:!1,suffix:!!l,ref:e}),l||null))}t(Z5,"TextFieldComponent");var S1=t1.forwardRef(Z5);S1.displayName="TextField";var A5=n("div",{overflow:"hidden",display:"flex",flexDirection:"column",flex:"1",padding:"0 $4"}),E5=n("div",{padding:"1px"});function m1(o){let{title:e,Footer:r,TopButton:i,hasHeader:l=!0}=o,[a,p]=F5("");return b1.createElement(b1.Fragment,null,l&&b1.createElement(bo,{title:e||"",suffix:i}),b1.createElement(A5,null,o.textField&&b1.createElement(E5,null,b1.createElement(S1,{size:"large",prefix:b1.createElement(Qo,{size:24}),placeholder:o.textFieldPlaceholder,onChange:d=>p(d.target.value),value:a,autoFocus:!0}),b1.createElement(C,{size:16})),o.textField&&o.children?.(a),!o.textField&&o.children),r)}t(m1,"SecondaryPage");import H1,{useEffect as O5,useState as j5}from"react";function D1(o,e){return o.toLowerCase().indexOf(e.toLowerCase())>-1}t(D1,"containsText");function un(o,e=8,r=3){if(!o)return null;if(o.length<2*e+r)return o;let i=Math.ceil((o.length-e)/2),l=o.length-e;return`${o.substr(i,e)}${".".repeat(r)}${o.substr(l)}`}t(un,"getConciseAddress");var Cn=t(o=>(e=>e.length===3?e.split("").map(r=>parseInt(r.repeat(2),16)):(e.match(/.{1,2}/g)||[]).map(r=>parseInt(r,16)))(o.replace("#","")),"hexToRgb"),V5=t(o=>(([e,r,i])=>.2126*e+.7152*r+.0722*i<40)(Cn(o)),"isHexTooDark"),_5=t(o=>(([e,r,i])=>(e*299+r*587+i*114)/1e3>155)(Cn(o)),"isHexTooLight"),Lo=t((o,e)=>{o=o.replace(/^#/,""),o.length===3&&(o=o[0]+o[0]+o[1]+o[1]+o[2]+o[2]);let[r,i,l]=o.match(/.{2}/g);[r,i,l]=[parseInt(r,16)+e,parseInt(i,16)+e,parseInt(l,16)+e],r=Math.max(Math.min(255,r),0).toString(16),i=Math.max(Math.min(255,i),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let a=(r.length<2?"0":"")+r,p=(i.length<2?"0":"")+i,d=(l.length<2?"0":"")+l;return`#${a}${p}${d}`},"colorShade"),U5=t((o,e,r)=>{let i={[o]:r};if(r){let l=r;if(V5(r)||e==="dark")for(let a=1;a<10;a++)i={...i,[o+a*100]:o==="neutral"?Lo(l,a*15):Lo(r,a*5)};if(_5(r)||e==="light")for(let a=1;a<10;a++)l=Lo(l,-(a*5)),i={...i,[o+a*100]:Lo(o==="neutral"?l:r,-(a*5))}}return i},"generateRangeColors");var q5=n("div",{display:"flex",flexWrap:"wrap"}),Y5=n("div",{width:12,height:12,borderRadius:6,border:"1px solid $neutral400",position:"absolute",top:12,right:12,variants:{checked:{true:{borderColor:"$success"},false:{borderColor:"$neutral400"}}}}),G5=n("div",{width:6,margin:"20% auto",height:6,borderRadius:3,variants:{checked:{true:{backgroundColor:"$success"},false:{backgroundColor:"$neutral400"}}}}),X5=n("div",{border:"1.5px solid",borderRadius:"$xs",padding:"$12",flexBasis:"calc(33.33% - 10px)",margin:5,display:"flex",flexDirection:"column",justifyContent:"space-between",width:124,height:92,cursor:"pointer",position:"relative",variants:{checked:{true:{borderColor:"$success",color:"$success"},false:{borderColor:"$neutral400",color:"$neutral400"}}}});function K5({list:o,onChange:e}){let[r,i]=j5(o.find(a=>a.selected)?.walletType||""),l=t(a=>{i(a.walletType),e(a)},"onClick");return O5(()=>{i(o.find(a=>a.selected)?.walletType||"")},[o]),H1.createElement(q5,null,o.map((a,p)=>{let d=r===a.walletType;return H1.createElement(X5,{checked:d,onClick:l.bind(null,a),key:p},H1.createElement(T,{src:a.image,alt:a.walletType,size:24}),H1.createElement(s,{variant:"body",size:"small"},a.name),H1.createElement(s,{variant:"body",size:"xsmall"},un(a.address)),H1.createElement(Y5,{checked:d},d&&H1.createElement(G5,{checked:d})))}))}t(K5,"SelectableWalletList");import{detectInstallLink as J5}from"@rango-dev/wallets-shared";import G from"react";import{i18n as u1}from"@lingui/core";var Io=(l=>(l.NOT_INSTALLED="not_installed",l.DISCONNECTED="disconnected",l.CONNECTING="connecting",l.CONNECTED="connected",l))(Io||{});function ae(o){switch(o){case"connected":return{color:"success500",description:u1.t("Connected"),tooltipText:u1.t("Disconnect")};case"not_installed":return{color:"info500",description:u1.t("Install"),tooltipText:u1.t("Install")};case"connecting":return{color:"neutral800",description:u1.t("Connecting..."),tooltipText:u1.t("Connecting")};case"disconnected":return{color:"neutral800",description:u1.t("Disconnected"),tooltipText:u1.t("Connect")};default:throw new Error(u1.t("you need to pass a correct state to Wallet."))}}t(ae,"makeInfo");var le=n("div",{"& img":{borderRadius:"50%"}}),se=n(s,{textTransform:"capitalize"}),pe=n("div",{display:"flex",flexDirection:"column",marginTop:"$10"}),ce=n("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",flexDirection:"column",$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative",fontFamily:"inherit","&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,$$outline:"$colors$secondary500",[`.${c} &`]:{$$outline:"$colors$secondary400"},outlineColor:"$$outline",outlineStyle:"solid"}}}}),gn=n("div",{borderRadius:"$xm",padding:"$10 0",border:"0",display:"flex",flexDirection:"column",backgroundColor:"$neutral100",alignItems:"center",justifyContent:"center",width:110});function Q5(o){let{title:e,type:r,image:i,onClick:l,isLoading:a}=o,p=ae(o.state);return a?G.createElement(gn,null,G.createElement(w,{variant:"circular",width:35,height:35}),G.createElement(C,{size:12}),G.createElement(w,{variant:"text",width:85,size:"medium"}),G.createElement(C,{size:4}),G.createElement(w,{variant:"text",width:64,size:"medium"})):G.createElement(U1,{container:o.container,content:p.tooltipText,side:"top"},G.createElement(ce,{disabled:o.state=="connecting",onClick:()=>{o.state==="not_installed"?window.open(J5(o.link),"_blank"):l(r)}},G.createElement(le,null,G.createElement(T,{src:i,size:35})),G.createElement(pe,null,G.createElement(se,{variant:"label",size:"medium",noWrap:!1},e),G.createElement(s,{variant:"body",size:"xsmall",noWrap:!1,color:p.color},p.description))))}t(Q5,"Wallet");var ct=Q5;import{detectInstallLink as R5}from"@rango-dev/wallets-shared";import K1 from"react";function o4(o){let{title:e,type:r,image:i,onClick:l,selected:a,description:p,state:d}=o,g=ae(o.state);return K1.createElement(ce,{selected:a,disabled:o.state=="connecting",onClick:()=>{o.state==="not_installed"?window.open(R5(o.link),"_blank"):l(r)}},K1.createElement(le,null,K1.createElement(T,{src:i,size:35})),K1.createElement(pe,null,K1.createElement(se,{variant:"label",size:"medium",noWrap:!1},e),K1.createElement(s,{variant:"body",size:"xsmall",noWrap:!1,color:d==="connected"?"neutral900":g.color},p||g.description)))}t(o4,"SelectableWallet");import{i18n as r4}from"@lingui/core";import r1 from"react";import{TransactionType as de}from"rango-sdk";var J1=(a=>(a.ALL="ALL",a.EVM="EVM",a.COSMOS="COSMOS",a.UTXO="UTXO",a.OTHER="OTHER",a))(J1||{});var e4=t((o,e)=>{switch(e){case"ALL":return!0;case"UTXO":return o.type===de.TRANSFER;case"OTHER":return o.type!==de.TRANSFER&&o.type!==de.COSMOS&&o.type!==de.EVM;default:return o.type===e}},"filterByType"),t4={["EVM"]:["ETH","BSC","POLYGON"],["COSMOS"]:["COSMOS","OSMOSIS","JUNO"],["UTXO"]:["BTC","LTC","BCH"],["OTHER"]:["STARKNET","TRON","SOLANA"]},hn=t((o,e)=>o.filter(r=>e4(r,e)).filter(r=>t4[e].includes(r.name)),"generateBlockchainsLogo");var fn=n("div",{display:"grid",gap:"$10",gridTemplateColumns:"auto 1fr 1fr 1fr 1fr"}),yn=n("div",{display:"flex",position:"relative",alignItems:"center",justifyContent:"center",paddingTop:"$10"}),vn=n("img",{position:"absolute",top:-2,width:15,height:15});function n4(o){let{setCategory:e,category:r,blockchains:i,isLoading:l}=o,a=Object.keys(J1);return r1.createElement(fn,null,l&&Array.from(Array(5),(p,d)=>r1.createElement(w,{key:d,variant:"rounded",height:70,width:d===0?45:65})),!l&&a.map(p=>r1.createElement(Fe,{selected:r===p,key:p,onClick:()=>e(p)},p!=="ALL"&&r1.createElement(r1.Fragment,null,r1.createElement(yn,null,hn(i,p).map((d,g)=>g===0?r1.createElement(vn,{key:`image-${d.name}-${d.chainId}`,src:d.logo}):r1.createElement(T,{key:`image-${d.name}-${d.chainId}`,src:d.logo,size:15}))),r1.createElement(C,{size:12})),r1.createElement(s,{size:"xsmall",variant:"body",color:p==="ALL"?"secondary500":void 0},r4.t(J1[p])))))}t(n4,"SelectableCategoryList");import n1 from"react";var i4=n("div",{position:"relative",width:"$28",height:"$28",variants:{direction:{vertical:{margin:"auto"},horizontal:{}}}}),a4=n("img",{width:"$28",height:"$28",borderRadius:"50%"}),l4=n("div",{position:"absolute",right:-4,bottom:-4,width:"$16",height:"$16",padding:"$2",borderRadius:"50%",backgroundColor:"$background",border:"1px solid $neutral400",img:{width:"100%",display:"block"}}),s4=n("div",{display:"flex",variants:{direction:{horizontal:{alignItems:"center"},vertical:{flexDirection:"column",textAlign:"center",justifyContent:"center"}},success:{true:{filter:"none"},false:{filter:"grayscale(100%)"}}}}),p4=n("div",{variants:{pl:{true:{paddingLeft:"$4","@lg":{paddingLeft:"$8"}},false:{paddingTop:"$8"}}}}),c4=n(s,{color:"$neutral600",display:"block",paddingLeft:"$8"});function me(o){let{logo:e,chainLogo:r,amount:i,symbol:l,blockchain:a,estimatedAmount:p,success:d=!0,direction:g="horizontal"}=o;return n1.createElement(s4,{direction:g,success:d},n1.createElement(i4,{direction:g},n1.createElement(a4,{src:e,alt:l}),n1.createElement(l4,null,n1.createElement("img",{src:r,alt:a}))),n1.createElement(p4,{pl:g==="horizontal"},i&&n1.createElement(s,{noWrap:!0,variant:g==="vertical"?"body":"title",size:"medium"},i),!i&&p&&n1.createElement(s,{noWrap:!0,variant:g==="vertical"?"body":"title",size:"medium",color:"$neutral600"},p),"\xA0",n1.createElement(s,{variant:g==="vertical"?"body":"title",size:"medium",noWrap:!0},l),n1.createElement(c4,{noWrap:!0,variant:"body",size:"xsmall",color:"$neutral800"},"on ",a)))}t(me,"StepDetail");import d4 from"react";var m4=n("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%",borderRadius:"$xl",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",minWidth:"375px",maxWidth:"390px",boxSizing:"border-box",backgroundColor:"$neutral100",overflow:"hidden","& *":{boxSizing:"border-box",listStyleType:"none"},variants:{fixedHeight:{true:{height:"633px",maxHeight:"633px"},false:{height:"auto"}}}});function u4(o){let{children:e,style:r,fixedHeight:i=!0}=o;return d4.createElement(m4,{style:r,id:"swap-box",fixedHeight:i},e)}t(u4,"SwapContainer");import X from"react";import{i18n as dt}from"@lingui/core";function $n(o){switch(o){case"failed":return dt.t("Failed");case"success":return dt.t("Complete");default:return dt.t("In progress")}}t($n,"getStatus");function xn(o,e){if(!o)return"";let r=new Date(Number(o)),i=12,l=10;if(!e){let $={year:"numeric",month:"long",day:"numeric"};return r.toLocaleDateString(void 0,$)}let a=r.getHours(),p=r.getMinutes(),d=a>=i?"pm":"am",g=a%i===0?i:a%i,v=p<l?`0${p}`:p;return`${g}:${v} ${d}`}t(xn,"formattedDateAndTime");var wn=n("div",{display:"flex",justifyContent:"space-between",alignItems:"flex-start",flexDirection:"column",gap:10}),mt=n("div",{display:"flex",padding:0,justifyContent:"space-between",alignItems:"center",alignSelf:"stretch"}),Sn=n("button",{$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",border:"none",width:"100%",borderRadius:"$xm",gap:10,padding:15,cursor:"pointer",fontFamily:"inherit","&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:"none"}}),bn=n("div",{display:"flex",padding:"$2",alignItems:"flex-start"}),kn=n("div",{$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",border:"none",width:"100%",borderRadius:"$xm",gap:10,padding:15}),Ln=n("div",{display:"flex",justifyContent:"space-between",alignItems:"flex-start",flexDirection:"column",gap:25});var In={failed:"error500",running:"info500",success:"success500"};import{i18n as C4}from"@lingui/core";import b from"react";var ut=n("div",{display:"flex",padding:0,alignItems:"center",gap:10}),Ct=n("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),gt=n("div",{display:"flex",alignItems:"flex-start",variants:{direction:{column:{flexDirection:"column",flex:"1 0 0"},row:{padding:0}}}}),Tn=n("div",{display:"flex",alignItems:"center",alignSelf:"stretch"}),To=n("div",{display:"flex",padding:0,flexDirection:"column",justifyContent:"center",alignItems:"flex-start"}),ht=n("div",{display:"flex",padding:"$4",width:"$32",height:"$32",justifyContent:"center",alignItems:"center"}),Pn=n("div",{display:"flex",alignItems:"center",justifyContent:"center"}),Mn=n("div",{display:"flex",width:"$24",height:"$24",justifyContent:"center",alignItems:"center"}),Vy=n("div",{display:"flex",padding:0,alignItems:"center",gap:25});function ft(o){if("isLoading"in o)return b.createElement(ut,null,b.createElement(Ct,null,b.createElement("div",null,b.createElement(F,{tokenImage:"",chainImage:"",size:"medium",loading:!0})),b.createElement("div",{style:{transform:"translateX(-5px)"}},b.createElement(F,{tokenImage:"",chainImage:"",size:"medium",loading:!0}))),b.createElement(Pn,null,b.createElement(To,null,b.createElement(w,{variant:"text",size:"medium",width:76}),b.createElement(C,{size:8}),b.createElement(w,{variant:"text",size:"medium",width:60})),b.createElement(Mn,null,b.createElement(l1,{size:12,color:"gray"})),b.createElement(To,null,b.createElement(w,{variant:"text",size:"medium",width:76}),b.createElement(C,{size:8}),b.createElement(w,{variant:"text",size:"medium",width:60}))));let{data:{from:{token:e,amount:r,blockchain:i},to:{estimatedAmount:l,token:a,amount:p,blockchain:d}},status:g}=o;return b.createElement(ut,null,b.createElement(Ct,null,b.createElement("div",null,b.createElement(F,{tokenImage:e.image,chainImage:i.image,size:"large"})),b.createElement("div",{style:{transform:"translateX(-10px)"}},b.createElement(F,{tokenImage:a.image,chainImage:d.image,size:"large"}))),g==="running"?b.createElement(gt,{direction:"column"},b.createElement(Tn,null,b.createElement(s,{size:"medium",variant:"title"},e.displayName),b.createElement(ht,null,b.createElement(l1,{size:24,color:"black"})),b.createElement(s,{size:"medium",variant:"title"},a.displayName)),b.createElement(s,{size:"small",variant:"body",color:"neutral900"},C4.t("Waiting for bridge transaction"))):b.createElement(gt,{direction:"row"},b.createElement(To,null,b.createElement(s,{size:"medium",variant:"title"},e.displayName),!!r&&b.createElement(s,{size:"small",variant:"body",color:"neutral900"},r)),b.createElement(ht,null,b.createElement(l1,{size:24,color:"black"})),b.createElement(To,null,b.createElement(s,{size:"medium",variant:"title"},a.displayName),b.createElement(s,{size:"small",variant:"body",color:"neutral900"},p||l))))}t(ft,"SwapToken");function g4(o){if("isLoading"in o)return X.createElement(kn,null,X.createElement(Ln,null,X.createElement(mt,null,X.createElement(w,{variant:"text",size:"medium",width:76}),X.createElement(w,{variant:"text",size:"medium",width:76})),X.createElement(ft,{isLoading:!0})));let{onClick:e,requestId:r,creationTime:i,onlyShowTime:l,status:a,swapTokenData:p}=o;return X.createElement(Sn,{onClick:e.bind(null,r)},X.createElement(wn,null,X.createElement(mt,null,X.createElement(bn,null,X.createElement(s,{variant:"label",size:"medium",color:"neutral800"},xn(i,l))),X.createElement(s,{variant:"label",size:"medium",color:In[a]},$n(a))),X.createElement(ft,{data:p,status:a})))}t(g4,"SwapListItem");import{i18n as Bn}from"@lingui/core";import Po from"react";var h4=n("div",{height:"450px"}),f4=n("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function y4(o){let{requestId:e,loading:r,onBack:i}=o;return Po.createElement(m1,{title:Bn.t("Swap Details"),textField:!1,onBack:i},Po.createElement(h4,null,r?Po.createElement(f4,null,Po.createElement(U,{size:24})):Po.createElement(V,{type:"error",title:Bn.t("swapNotFound",{requestId:e},{message:"Swap with request ID = ${requestId} not found."})})))}t(y4,"SwapDetailsPlaceholder");import Hn from"react";import*as ue from"@radix-ui/react-switch";var Wn=n(ue.Root,{boxSizing:"border-box",boxShadow:"none",borderStyle:"solid",width:"24px",height:"16px",backgroundColor:"$neutral800",borderColor:"$neutral800",borderRadius:"99999px",position:"relative",padding:"0",cursor:"pointer",transition:"all 0.35s",'&[data-state="checked"]':{$$color:"$colors$secondary500",[`.${c} &`]:{$$color:"$colors$secondary400"},backgroundColor:"$$color",borderColor:"$$color"},"-webkit-tap-highlight-color":"rgba(0, 0, 0, 0)"}),Dn=n(ue.Thumb,{position:"absolute",top:"0",boxSizing:"border-box",display:"block",width:"12px",height:"12px",backgroundColor:"$background",borderColor:"$secondary100",transition:" transform 300ms",borderRadius:"999999px",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(8px)"}});function v4(o){let{checked:e,onChange:r}=o;return Hn.createElement(Wn,{checked:e,onCheckedChange:r},Hn.createElement(Dn,null))}t(v4,"Switch");import vt,{forwardRef as L4,useEffect as zn,useState as $t}from"react";import Ce from"react";import $4 from"react-virtualized-auto-sizer";import{VariableSizeList as x4}from"react-window";import w4 from"react-window-infinite-loader";function yt(o){let{itemCount:e,hasNextPage:r,loadNextPage:i,Item:l,innerElementType:a,size:p}=o,d=t(g=>!r||g<e,"isItemLoaded");return Ce.createElement($4,null,({width:g,height:v})=>Ce.createElement(w4,{isItemLoaded:d,itemCount:r?e+1:e,loadMoreItems:i,threshold:1},({onItemsRendered:S,ref:$})=>Ce.createElement(x4,{innerElementType:a,ref:$,itemSize:()=>p,itemCount:e,height:v||0,width:g||0,onItemsRendered:S},({index:P,style:A})=>d(P)?Ce.createElement(l,{index:P,style:A}):null)))}t(yt,"VirtualizedList");import i1 from"react";var S4=n("div",{paddingRight:"$16"}),b4=n("div",{display:"flex",flexDirection:"column"}),k4=n("div",{display:"flex",flexDirection:"column",alignItems:"flex-end"});function Nn(o){let{token:e,style:r,onClick:i,selected:l}=o;return i1.createElement("div",{style:{display:"flex",alignItems:"center",width:"100%",...r,height:"48px",top:`${parseFloat(r?.top)+0}px`,padding:"0 4px"}},i1.createElement(L,{variant:"outlined",size:"large",onClick:i.bind(null,e),type:l?"primary":void 0,prefix:i1.createElement(S4,null,i1.createElement(T,{src:e.image,size:32})),suffix:e.balance?.amount&&i1.createElement(k4,null,i1.createElement(s,{variant:"body",size:"small"},e.balance.amount),i1.createElement(s,{variant:"body",size:"xsmall"},`${e.balance.usdValue}$`))},i1.createElement(b4,null,i1.createElement(s,{variant:"body",size:"medium"},e.symbol),i1.createElement(s,{variant:"body",size:"xsmall",color:"neutral600"},e.name))))}t(Nn,"TokenItem");var Zn=20;function xt(o){let{list:e,searchedText:r,onChange:i,multiSelect:l,selectedList:a}=o,[p,d]=$t(o.selected),g=t(M=>{d(M),i(M)},"changeSelected"),v=t(M=>l&&a?a.map(E=>E.symbol+E.address).indexOf(M.symbol+M.address)>-1:p?.symbol===M.symbol&&p?.address===M.address,"isSelected"),[S,$]=$t(!0),[P,A]=$t(e),B=t(()=>{A(e.slice(0,P.length+Zn))},"loadNextPage");zn(()=>{A(e.slice(0,Zn))},[r,e]),zn(()=>{$(e.length>P.length)},[P.length]);let Z=L4(({style:M,...E},q)=>vt.createElement("div",{ref:q,style:{...M,height:`${parseFloat(M?.height)+8*2}px`},...E}));return vt.createElement(yt,{Item:({index:M,style:E})=>vt.createElement(Nn,{token:P[M],style:E,onClick:g,selected:v(P[M])}),hasNextPage:S,itemCount:P.length,loadNextPage:B,innerElementType:Z,size:56})}t(xt,"TokenList");import{i18n as Fn}from"@lingui/core";import H from"react";var I4=n("div",{display:"flex",flexDirection:"column",width:"100%",overflow:"hidden"}),T4=n("div",{boxSizing:"border-box",borderRadius:"$xs",padding:"$8 $16 $16 $16",variants:{type:{filled:{backgroundColor:"$background"},outlined:{border:"1px solid $background"}}},defaultVariants:{type:"filled"},".head":{display:"flex",justifyContent:"space-between",alignItems:"center",minHeight:"32px",".usd-value":{paddingLeft:"$8"}},".form":{display:"flex",width:"100%",padding:"$2 0",".selectors":{width:"35%","._text":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},".amount":{width:"30%"}}}),An=n("span",{width:"24px",height:"24px",backgroundColor:"$background",borderRadius:"99999px"}),P4=n("div",{windth:"100%",height:"$48",borderRadius:"$xs",backgroundColor:"$surface",border:"1px solid transparent",position:"relative",display:"flex",alignItems:"center",paddingLeft:"$8",paddingRight:"$8"});function M4(o){let{chain:e,token:r,loadingStatus:i,percentageChange:l}=o,a=H.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},i==="failed"&&H.createElement(y1,{color:"error",size:24}));return H.createElement(I4,null,H.createElement(T4,{type:"outlined"},H.createElement("div",{className:"head"},H.createElement(s,{variant:"body",size:"small",color:"neutral800"},o.label),H.createElement("div",null,l,o.usdValue&&H.createElement(s,{variant:"body",size:"xsmall",color:"neutral600",className:"usd-value"},`$${o.usdValue}`))),H.createElement("div",{className:"form"},H.createElement(L,{className:"selectors",variant:"outlined",loading:i==="loading",prefix:i==="success"&&e?H.createElement(T,{src:e.logo,size:24}):H.createElement(An,null),suffix:a,size:"large"},i==="success"&&e?e.displayName:Fn.t("Chain")),H.createElement(C,{size:12,direction:"horizontal"}),H.createElement(L,{className:"selectors",variant:"outlined",loading:i==="loading",prefix:i==="success"&&r?H.createElement(T,{src:r.image,size:24}):H.createElement(An,null),suffix:a,size:"large"},i==="success"&&r?r.symbol:Fn.t("Token")),H.createElement(C,{size:12,direction:"horizontal"}),H.createElement("div",{className:"amount"},H.createElement(P4,null,H.createElement(s,{variant:"title",size:"medium"},o.amount))))))}t(M4,"TokenPreview");import _n from"react";import Q1 from"react";var En=n("li",{width:"100%",borderRadius:"$xs",display:"flex",alignItems:"center",padding:"$10 $5",border:0,backgroundColor:"transparent",".item-start-container":{paddingRight:"$10",flexShrink:0,"& svg":{display:"block"}},".item-text-container":{flexGrow:1,flexShrink:1,flexBasis:"auto",textAlign:"left",".item-text-title":{fontWeight:"bold",display:"flex",alignItems:"center"}},".item-end-container":{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"$10"},variants:{hasDivider:{true:{borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${c} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",borderBottomRightRadius:0,borderBottomLeftRadius:0}}}});function Mo(o){let{start:e,title:r,description:i,end:l,onClick:a,hasDivider:p,...d}=o;return Q1.createElement(En,{hasDivider:p,onClick:a,...d},e&&Q1.createElement("div",{className:"item-start-container"},e),Q1.createElement("div",{className:"item-text-container"},r&&Q1.createElement("div",{className:"item-text-title"},r),i&&Q1.createElement(s,{variant:"body",size:"small",color:"neutral800"},i)),l&&Q1.createElement("div",{className:"item-end-container"},l))}t(Mo,"ListItem");var Vn=n("button",{transition:"all 0.35s",border:0,width:"100%",backgroundColor:"transparent",fontFamily:"inherit","&:focus-visible":{borderRadius:"$xs",outline:0,$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color"},"&:hover":{$$color:"$colors$info100",borderRadius:"$xs",[`.${c} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color",cursor:"pointer"},"&:active":{transform:"scale(0.99)"},variants:{hasDivider:{true:{borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${c} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",borderBottomRightRadius:0,borderBottomLeftRadius:0}},selected:{true:{outline:"1px solid $secondary500"},false:{outline:0}}}});function B4(o){let{onClick:e,id:r,style:i,hasDivider:l,selected:a,...p}=o;return _n.createElement(Vn,{hasDivider:l,selected:a,onClick:t(()=>{e&&e(r)},"onClickWithKey"),style:i},_n.createElement(Mo,{...p}))}t(B4,"ListItemButton");import wt from"react";var Un=n("ul",{padding:0,margin:0,listStyle:"none"});function W4(o){let e=o.type;return wt.createElement(Un,{as:o.as},o.items.map(r=>{let{id:i,...l}=r;return e?wt.cloneElement(e,{...l,key:i,id:i}):wt.createElement(Mo,{key:i,...l})}))}t(W4,"List");import Bo from"react";var On=n("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column"});function D4(o){return Bo.createElement(On,null,Bo.createElement(Te,{color:"secondary",size:26}),Bo.createElement(C,{size:4}),Bo.createElement(s,{variant:"title",size:"medium"},o.title),Bo.createElement(s,{variant:"body",size:"medium",color:"neutral900"},o.description))}t(D4,"NotFound");import*as R1 from"@radix-ui/react-popover";import N1 from"react";import*as ge from"@radix-ui/react-popover";var jn=n(ge.Content,{borderRadius:"$sm",filter:"drop-shadow(0px 5px 20px rgba(130, 130, 130, 0.20))",backgroundColor:"$neutral100"}),qn=n(ge.Arrow,{fill:"$neutral100",width:"$16",height:"$8"});var H4=0,N4=0,z4=t((o,e)=>{let{container:r,children:i,...l}=o;return N1.createElement(R1.Portal,{container:r},N1.createElement(jn,{...l,ref:e},i,N1.createElement(qn,null)))},"PopoverContentComponent"),Yn=N1.forwardRef(z4);Yn.displayName="PopoverContent";function Z4(o){let{children:e,content:r,side:i="bottom",sideOffset:l=H4,alignOffset:a=N4,align:p="center",collisionBoundary:d=[],collisionPadding:g=0,container:v=document.body}=o;return N1.createElement(R1.Root,null,N1.createElement(R1.Trigger,{asChild:!0},e),N1.createElement(Yn,{align:p,alignOffset:a,collisionBoundary:d,collisionPadding:g,side:i,sideOffset:l,container:v},r))}t(Z4,"Popover");import{i18n as F4}from"@lingui/core";import N from"react";var A4=n("div",{display:"flex",flexDirection:"column"}),E4=n("div",{position:"relative",paddingBottom:"$12"}),V4=n("div",{width:"100%",paddingTop:"$16"}),_4=n("div",{width:"100%",paddingTop:"$16"}),U4=n("div",{display:"flex",flexDirection:"column",width:"100%",paddingTop:"$16"});function O4({bestRoute:o,fromBlockchain:e,toBlockchain:r,fromToken:i,toToken:l,setInputAmount:a,outputAmount:p,inputAmount:d,loadingStatus:g,showBestRoute:v,fetchingBestRoute:S,outputUsdValue:$,inputUsdValue:P,swapButtonTitle:A,swapButtonDisabled:B,swapButtonClick:Z,onChainClick:M,onTokenClick:E,connectedWallets:q,errorMessage:to,hasLimitError:ro,swap:Bt,fromAmountRangeError:si,recommendation:pi,swithFromAndToComponent:ci,percentageChange:di,tokenBalanceReal:Wt,tokenBalance:Dt,swapFromAmount:mi,showPercentageChange:ui}){return N.createElement(A4,null,N.createElement(bo,{title:F4.t("SWAP"),suffix:N.createElement(N.Fragment,null)}),N.createElement(E4,null,N.createElement(N.Fragment,null,N.createElement(he,{type:"From",chain:e,token:i,onAmountChange:a,inputAmount:d,fromBlockchain:e,toBlockchain:r,loadingStatus:g,inputUsdValue:P,fromToken:i,setInputAmount:a,connectedWallets:q,bestRoute:o,fetchingBestRoute:S,onChainClick:()=>M("from-chain"),onTokenClick:()=>E("from-token"),tokenBalanceReal:Wt,tokenBalance:Dt}),ci)),N.createElement(he,{type:"To",chain:r,token:l,outputAmount:p,percentageChange:di,outputUsdValue:$,fromBlockchain:e,toBlockchain:r,loadingStatus:g,inputUsdValue:P,fromToken:i,setInputAmount:a,connectedWallets:q,inputAmount:d,bestRoute:o,fetchingBestRoute:S,onChainClick:()=>M("to-chain"),onTokenClick:()=>E("to-token"),tokenBalanceReal:Wt,tokenBalance:Dt,showPercentageChange:ui}),v&&N.createElement(V4,null),(to||ro(o))&&N.createElement(_4,null,to&&N.createElement(V,{type:"error"},to),ro(o)&&N.createElement(V,{type:"error",title:`${Bt?.swapperId} Limit`},N.createElement(N.Fragment,null,N.createElement(s,{variant:"body",size:"small"},`${si}, Yours: ${mi} ${Bt?.from.symbol}`),N.createElement(s,{variant:"body",size:"small"},pi)))),N.createElement(U4,null,N.createElement(L,{type:"primary",size:"large",disabled:B,onClick:Z},A),N.createElement($o,null)))}t(O4,"HomePanel");import h,{useState as G4}from"react";import z,{useState as j4}from"react";var q4=t(o=>!o||o==="info"?"info":o,"getAlertType"),Y4=n("div",{width:"90%",overflowWrap:"break-word",color:"$error500 !important"}),St=n(s,{color:"$success500 !important"}),Gn=t(o=>{let{shortMessage:e,detailedMessage:r,currentStepBlockchain:i,type:l,lastConvertedTokenInFailedSwap:a}=o,[p,d]=j4(!1),g=r.long?0:150,v=!p&&r.content.length>g;return z.createElement(V,{type:q4(l),title:e,...v&&{footer:z.createElement(L,{variant:"outlined",type:"primary",onClick:d.bind(null,S=>!S)},"Show more details")},...!!o.switchNetwork&&{footer:z.createElement(L,{variant:"outlined",type:"primary",onClick:()=>{o?.switchNetwork&&o.switchNetwork().catch(S=>{console.log(S)})}},"Change network to ",i)}},r.content?z.createElement(Y4,null,z.createElement(s,{variant:"body",size:"small"},v&&!p?r.content.substring(0,g)+(g>0?"...":""):r.content)):null,!!a&&z.createElement(z.Fragment,null,z.createElement("p",null,z.createElement(s,{variant:"body",size:"small"},"Do not worry, your fund is\xA0"),z.createElement(St,{variant:"body",size:"small"},z.createElement("b",null,"Safe"))),z.createElement("p",null,z.createElement(s,{variant:"body",size:"small"},"It is converted to \xA0",z.createElement("u",null,a.outputAmount),"\xA0"),z.createElement(St,{variant:"body",size:"small"},z.createElement("b",null,a.symbol,"\xA0")),z.createElement(s,{variant:"body",size:"small"},"on your\xA0"),z.createElement(St,{variant:"body",size:"small"},z.createElement("b",null,a.blockchain,"\xA0")),z.createElement(s,{variant:"body",size:"small"},"wallet"))))},"SwapMessages");var X4=J({"0%":{opacity:1},"50%":{opacity:.3},"100%":{opacity:1}}),K4=n("div",{display:"flex",alignItems:"center",paddingLeft:"$4",variants:{created:{true:{filter:"grayscale(100%)"}},running:{true:{animation:`${X4} 2s ease-in-out infinite`}}}}),hw=n("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}),fw=n(s,{color:"$error500"}),J4=n("div",{paddingLeft:"$16",color:"$neutral800"}),Q4=n("div",{display:"flex",alignItems:"center"}),R4=n("div",{position:"relative"}),yw=n("div",{display:"flex",alignItems:"center"}),o6=n("div",{width:"$8",height:"$8",backgroundColor:"$foreground",borderRadius:"4px",marginLeft:"11px"}),e6=n("div",{width:"0px",height:"0px",borderLeft:"5px solid transparent",borderRight:"5px solid transparent",borderTop:"5px solid $foreground",marginLeft:"$10"}),t6=n("a",{color:"$primary500",fontWeight:"$600"}),r6=n("div",{display:"flex",flexDirection:"column",paddingBottom:"$16",borderBottom:"1px solid $background"}),n6=n("div",{display:"flex",".details":{padding:"$8 0"}}),Xn=n("div",{display:"flex",margin:"$12 0 $12 $20"}),Kn=n("div",{display:"flex",alignItems:"center"}),Jn=n(s,{color:"$success500",paddingLeft:"$4"}),Qn=n("div",{width:"0",minHeight:"$16",marginLeft:"14px",border:"1px dashed $foreground",borderRadius:"inherit"}),i6=n("div",{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:"$14",padding:"$8 0",".name":{color:"$neutral600"},".value":{display:"flex",alignItems:"center",color:"$neutral800",justifyContent:"flex-end"},".status":{fontWeight:"bold",textTransform:"uppercase"},".status.failed":{color:"$error500"},".status.success":{color:"$success500"}}),a6=n("div",{width:"150px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","@md":{width:"auto"}}),l6=n("div",{padding:"0",color:"$neutral600",fontSize:"$10"}),s6=n("div",{overflowY:"auto",padding:"$8 $4 $2 $4"});function p6(o){let{pendingSwap:e,onBack:r,onCopy:i,isCopied:l,onCancel:a,date:p,onRetry:d,...g}=o,[v,S]=G4(!1);return h.createElement(m1,{title:"Swap Details",textField:!1,onBack:r,Footer:h.createElement(h.Fragment,null,e?.status==="running"&&h.createElement(L,{variant:"outlined",fullWidth:!0,type:"error",onClick:S.bind(null,!0)},"Cancel"),!!d&&h.createElement(L,{variant:"contained",fullWidth:!0,type:"primary",onClick:d},"Try again"))},h.createElement("div",null,h.createElement(r6,null,h.createElement(i6,null,h.createElement("div",{className:"name"},"Request Id:",h.createElement("span",{className:"value requestId",onClick:i.bind(null,e?.requestId)},h.createElement(a6,null,e?.requestId),h.createElement(C,{size:4,direction:"horizontal"}),h.createElement(L,{type:"primary",variant:"ghost",size:"small"},l?"Copied!":"Copy"))),h.createElement("div",{className:"name"},h.createElement("span",{className:`value status ${e?.status||""}`},e?.status,e?.status==="running"&&h.createElement(U,{size:16,color:"primary"})),h.createElement(l6,null,p))))),h.createElement(s6,null,g.shortMessage&&h.createElement(Gn,{...g}),h.createElement(C,{size:16}),e?.steps.map(($,P)=>{let A=`step-${P}`;return h.createElement("div",{key:A},P===0&&h.createElement(R4,null,h.createElement(me,{logo:$.fromLogo,symbol:$.fromSymbol,chainLogo:$.fromBlockchainLogo||"",blockchain:$.fromBlockchain,amount:e.inputAmount}),h.createElement(o6,null)),h.createElement(Qn,null),h.createElement(K4,{created:$.status==="created",running:!["created","success","failed"].includes($.status)},h.createElement(T,{src:$.swapperLogo||"",alt:$.swapperId,size:20}),h.createElement(J4,null,h.createElement(s,{variant:"body",size:"small"},$.swapperType==="DEX"?"Swap":"Bridge"," via"," ",$.swapperId),h.createElement(Q4,null,h.createElement(O1,null),h.createElement(s,{variant:"body",size:"small"},"\xA0 $",$.feeInUsd," estimated gas fee")))),h.createElement("div",{style:{display:"flex"}},h.createElement(n6,null,h.createElement(Qn,null),h.createElement("div",{className:"details"},!!$.explorerUrl&&h.createElement("div",null,$.explorerUrl.map((B,Z)=>{let M=`internal-${Z}`,E=`anchor-${Z}`;return h.createElement(Xn,{key:M},h.createElement(Kn,null,h.createElement(C,{size:4}),h.createElement(Go,{color:"primary"}),h.createElement(Jn,{variant:"body",size:"small"},h.createElement(t6,{href:B.url,target:"_blank",rel:"noreferrer",key:E},B.description?h.createElement("b",null,B.description.substring(0,1).toUpperCase(),B.description.substring(1)," Tx"):h.createElement("b",null,"View transaction")))))})),$.status==="failed"&&h.createElement(Xn,null,h.createElement(Kn,null,h.createElement(y1,{color:"error"}),h.createElement(Jn,{variant:"body",size:"small",color:"$error500"},"Step failed")))))),P+1===e.steps.length&&h.createElement(e6,null),h.createElement(me,{logo:$.toLogo,symbol:$.toSymbol,chainLogo:$.toBlockchainLogo||"",blockchain:$.toBlockchain,amount:$.outputAmount||"",estimatedAmount:$.expectedOutputAmountHumanReadable||"",success:$.status==="success"}))}),h.createElement(C,{size:32})),h.createElement(et,{onClose:S.bind(null,!1),open:v,anchor:"bottom",title:"Cancel Progress",footer:h.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},h.createElement(L,{variant:"contained",type:"success",onClick:S.bind(null,!1)},"Skip"),h.createElement(C,{size:16,direction:"horizontal"}),h.createElement(L,{variant:"contained",type:"error",onClick:()=>{a(e.requestId),S(!1)}},"Cancel progress")),container:document.getElementById("swap-box")},h.createElement(V,{type:"warning"},h.createElement(s,{variant:"body",size:"small"},"Warning: Cancel ",h.createElement("u",null,"doesn't revert")," your transaction if you've already signed and sent a transaction to the blockchain. It only stops next steps from being executed."))))}t(p6,"SwapHistory");import o1 from"react";import oo,{useState as c6}from"react";var d6=n("div",{display:"grid",gap:".5rem",gridTemplateColumns:" repeat(2, minmax(0, 1fr))",alignContent:"baseline",width:"100%",height:"100%"}),m6=n("div",{paddingRight:"$4"});function bt(o){let{list:e,onChange:r,multiSelect:i,selectedList:l}=o,[a,p]=c6(o.selected),d=t(v=>{p(v),r(v)},"changeSelectedBlockchain"),g=t(v=>i&&l?l==="all"||l.findIndex($=>v===$.name)>-1:v===a?.name,"isSelect");return oo.createElement(d6,null,e.map((v,S)=>{let $=`item-${S}`;return oo.createElement(L,{type:g(v.name)?"primary":void 0,variant:"outlined",size:"large",prefix:oo.createElement(m6,null,oo.createElement(T,{size:24,src:v.logo})),suffix:g(v.name)?oo.createElement(Me,null):void 0,onClick:d.bind(null,v),key:$},oo.createElement(s,{variant:"body",size:"small"},v.displayName))}))}t(bt,"BlockchainsList");import eo from"react";var kt=n("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),u6=t((o,e)=>o.filter(r=>D1(r.symbol,e)||D1(r.address||"",e)||D1(r.name||"",e)),"filterTokens");function C6(o){let{list:e,type:r,selected:i,hasHeader:l,onChange:a,onBack:p,loadingStatus:d}=o;return eo.createElement(m1,{textField:!0,hasHeader:l,title:`Select ${r} token`,onBack:p,textFieldPlaceholder:"Search tokens by name"},g=>{let v=u6(e,g);return d==="loading"?eo.createElement(kt,null,eo.createElement(U,{size:24})):d==="failed"?eo.createElement(ho,null):v.length?eo.createElement(xt,{searchedText:g,list:v,selected:i,onChange:a}):eo.createElement(fo,{catergory:"Token",searchedFor:g})})}t(C6,"TokenSelector");var g6=n("div",{overflowY:"auto",padding:"0 $4"}),h6=t((o,e)=>o.filter(r=>D1(r.name,e)||D1(r.displayName,e)),"filterBlockchains");function f6(o){let{type:e,list:r,onChange:i,selected:l,onBack:a,loadingStatus:p,hasHeader:d,listContainerStyle:g,multiSelect:v,selectedList:S}=o;return o1.createElement(m1,{textField:!0,hasHeader:d,textFieldPlaceholder:"Search blockchains by name",title:`Select ${e} Blockchain`,onBack:a},$=>{let P=h6(r,$);return o1.createElement(o1.Fragment,null,p==="loading"&&o1.createElement(kt,null,o1.createElement(U,{size:24})),o1.createElement(g6,{style:g,key:"1"},p==="failed"&&o1.createElement(ho,null),p==="success"&&o1.createElement(o1.Fragment,null,P.length?o1.createElement(bt,{list:P,selected:l,multiSelect:v,selectedList:S,onChange:i}):o1.createElement(fo,{catergory:"Blockchain",searchedFor:$}))))})}t(f6,"BlockchainSelector");import{i18n as y6}from"@lingui/core";import Lt from"react";var v6=n("div",{display:"grid",gap:"$8",gridTemplateColumns:"repeat(2, minmax(0, 1fr))",overflow:"auto"});function $6(o){let{open:e,list:r,onSelect:i,onClose:l}=o;return Lt.createElement(nt,{title:y6.t("Connect Wallets"),open:e,onClose:l,containerStyle:{width:"75%",maxWidth:"30rem",height:"60%"}},Lt.createElement(v6,null,r.map(a=>Lt.createElement(ct,{...a,key:a.title,onClick:i}))))}t($6,"ConnectWalletsModal");import{i18n as It}from"@lingui/core";import{Trans as Tt}from"@lingui/react";import I from"react";var x6=n("div",{display:"flex",flexDirection:"column",width:"100%",overflow:"hidden"}),w6=n("div",{boxSizing:"border-box",borderRadius:"$xs",padding:"$8 $16 $16 $16",variants:{type:{filled:{backgroundColor:"$background"},outlined:{border:"1px solid $background",backgroundColor:"$surface"}}},defaultVariants:{type:"filled"},".head":{display:"flex",justifyContent:"space-between",alignItems:"center",minHeight:"32px"},".form":{display:"flex",width:"100%",padding:"$2 0",".selectors":{width:"35%","._text":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},".amount":{width:"30%"}},".output-usd":{display:"flex",div:{display:"flex",paddingLeft:"$8"}}}),S6=n("div",{display:"flex",justifyContent:"flex-end",".balance":{display:"flex",alignItems:"center"}}),Rn=n("span",{width:"24px",height:"24px",backgroundColor:"$background",borderRadius:"99999px"}),b6=n("div",{windth:"100%",height:"$48",borderRadius:"$xs",backgroundColor:"$surface",border:"1px solid transparent",position:"relative",display:"flex",alignItems:"center",paddingLeft:"$8",paddingRight:"$8"});function he(o){let{type:e,chain:r,token:i,loadingStatus:l,fromBlockchain:a,toBlockchain:p,fromToken:d,setInputAmount:g,inputUsdValue:v,inputAmount:S,bestRoute:$,fetchingBestRoute:P,onChainClick:A,onTokenClick:B,tokenBalanceReal:Z,tokenBalance:M}=o,E=I.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},l==="failed"&&I.createElement(y1,{color:"error",size:24}),I.createElement(j1,null));return I.createElement(x6,null,I.createElement(w6,{type:e==="From"?"filled":"outlined"},I.createElement("div",{className:"head"},I.createElement(s,{variant:"body",size:"small",color:"neutral800"},e==="From"?I.createElement(Tt,{id:"swap from",message:"From"}):I.createElement(Tt,{id:"swap to",message:"To"})),e==="From"?I.createElement(S6,null,I.createElement("div",{className:"balance",onClick:()=>{M!=="0"&&g(Z.split(",").join(""))}},I.createElement(s,{variant:"body",size:"small",color:"neutral600"},It.t("Balance"),": ",M," ",d?.symbol||""),I.createElement(C,{size:4}),I.createElement(L,{type:"primary",variant:"ghost",size:"small"},I.createElement(Tt,{id:"maximum amount of asset",message:"Max"})))):I.createElement("div",{className:"output-usd"},I.createElement(lt,{percentageChange:o.percentageChange,showPercentageChange:o.showPercentageChange}),I.createElement("div",null,I.createElement(s,{variant:"body",size:"xsmall",color:"neutral600"},`$${o.outputUsdValue}`)))),I.createElement("div",{className:"form"},I.createElement(L,{className:"selectors",onClick:A,variant:"outlined",disabled:l==="failed",loading:l==="loading",prefix:l==="success"&&r?I.createElement(T,{src:r.logo,size:24}):I.createElement(Rn,null),suffix:E,size:"large"},l==="success"&&r?r.displayName:It.t("Chain")),I.createElement(C,{size:12,direction:"horizontal"}),I.createElement(L,{className:"selectors",onClick:B,variant:"outlined",disabled:l==="failed"||e==="From"&&!a||e==="To"&&!p,loading:l==="loading",prefix:l==="success"&&i?I.createElement(T,{src:i.image,size:24}):I.createElement(Rn,null),suffix:E,size:"large"},l==="success"&&i?i.symbol:It.t("Token")),I.createElement(C,{size:12,direction:"horizontal"}),I.createElement("div",{className:"amount"},e==="From"?I.createElement(S1,{type:"number",size:"large",autoFocus:!0,placeholder:"0",style:{position:"relative",backgroundColor:"$background !important"},suffix:I.createElement("span",{style:{position:"absolute",right:"4px",bottom:"2px"}},I.createElement(s,{variant:"body",size:"xsmall",color:"neutral800"},`$${v}`)),value:S||"",min:0,onChange:e==="From"?q=>{o.onAmountChange(q.target.value)}:void 0}):I.createElement(b6,null,I.createElement(s,{variant:"title",size:"medium"},P&&"?",!!$?.result&&`\u2248 ${o.outputAmount}`,(!S||S==="0")&&"0"))))))}t(he,"TokenInfo");import fe from"react";import{i18n as k6}from"@lingui/core";function L6(o){let{highSlippage:e,selectedSlippage:r,changeSlippage:i}=o;return fe.createElement(fe.Fragment,null,e&&fe.createElement(V,{type:"warning",footer:fe.createElement(xo,{onClick:i})},k6.t("highSlippage",{selectedSlippage:r},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."})))}t(L6,"HighSlippageWarning");import Pt from"react";import{i18n as I6}from"@lingui/core";var T6=n(s,{color:"$error500 !important"});function P6({minRequiredSlippage:o,changeSlippage:e}){return Pt.createElement(T6,{variant:"body",size:"small"},I6.t("increaseSlippage",{minRequiredSlippage:o},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."}),Pt.createElement(C,{size:8}),Pt.createElement(xo,{onClick:e}))}t(P6,"MinRequiredSlippage");import Wo from"react";var M6=n("ul",{padding:"$0 $0 $40 $0",margin:0}),B6=n("li",{paddingBottom:"$10"}),W6=n(s,{display:"block"});function D6({messages:o}){return Wo.createElement(Wo.Fragment,null,Wo.createElement(M6,null,o.map((e,r)=>{let i=r+e;return Wo.createElement(B6,{key:i},Wo.createElement(W6,{variant:"body",size:"medium",color:"$neutral900"},e))})))}t(D6,"BalanceErrors");import{i18n as li}from"@lingui/core";import W from"react";var oi=n("div",{$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderRadius:"$xm",padding:"$15",variants:{sharpBottomStyle:{true:{borderBottomLeftRadius:"$0",borderBottomRightRadius:"$0"}}},"& .label__container":{paddingBottom:"$5"},"& .label":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .balance":{display:"flex",justifyContent:"center",alignItems:"center"},"& .form":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .amount":{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"end",flexGrow:1}}),ei=n(S1,{padding:"0",fontSize:"$18",lineHeight:"$26",fontWeight:"$medium",textAlign:"right",width:140,"&:disabled":{cursor:"unset"}}),ti=n(L,{$$color:"$colors$info300",[`.${c} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"});import{i18n as ii}from"@lingui/core";import K from"react";var ri=n(L,{backgroundColor:"transparent",color:"$neutral900","&:disabled":{color:"$neutral800"},"&:focus-visible":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color !important",outline:0},"&:disabled:hover":{backgroundColor:"transparent"},"&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color !important"}}),ni=n("div",{width:"10.625rem",padding:"$2 $5",display:"flex",borderRadius:"$xs",justifyContent:"start",boxSizing:"border-box",alignItems:"center","& .token-chain-name":{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"start",paddingLeft:"$10"},"& .token-chain-name__skeleton":{padding:"$5 $0"}});function ai(o){let{error:e,chainImage:r,tokenImage:i,tokenSymbol:l,chain:a,onClick:p,loading:d}=o;return K.createElement(ri,{variant:"default",disabled:e||d,onClick:p},K.createElement(ni,null,K.createElement(F,{size:"large",useAsPlaceholder:e,chainImage:r,tokenImage:i,loading:d}),K.createElement("div",{className:"token-chain-name"},d?K.createElement("div",{className:"token-chain-name__skeleton"},K.createElement(w,{variant:"text",size:"large",width:92}),K.createElement(C,{size:8}),K.createElement(w,{variant:"text",size:"medium",width:92})):K.createElement(K.Fragment,null,K.createElement(s,{variant:"title",size:"medium"},e||!d&&!l?ii.t("Token"):l),K.createElement(s,{variant:"body",size:"medium",color:"$neutral800"},e||!d&&!a?ii.t("Chain"):a)))))}t(ai,"TokenSection");function H6(o){return W.createElement(oi,{sharpBottomStyle:o.sharpBottomStyle},W.createElement("div",{className:"label__container"},W.createElement("div",{className:"label"},W.createElement(s,{variant:"body",size:"small",color:"$neutral800"},o.label),"balance"in o&&!o.loading&&W.createElement("div",{className:"balance"},W.createElement(s,{color:"$neutral800",mr:4,variant:"body",size:"xsmall"},li.t("Balance"),": ",o.balance),W.createElement(ti,{variant:"default",size:"xsmall",onClick:o.onSelectMaxBalance},W.createElement(s,{variant:"body",size:"xsmall",color:"secondary500"},li.t("Max")))),o.loading&&W.createElement("div",{className:"balance"},W.createElement(w,{variant:"text",size:"large",width:105})))),W.createElement("div",{className:"form"},W.createElement(ai,{chain:o.chain.displayName,tokenSymbol:o.token.displayName,error:o.error,chainImage:o.chain.image,tokenImage:o.token.image,onClick:o.onClickToken,loading:o.loading}),W.createElement("div",{className:"amount"},o.loading?W.createElement(W.Fragment,null,W.createElement(w,{variant:"text",size:"large",width:92}),W.createElement(C,{size:8}),W.createElement(w,{variant:"text",size:"medium",width:92})):W.createElement(W.Fragment,null,W.createElement(ei,{disabled:o.disabled||o.mode==="To",style:{padding:0},value:o.price.value,type:"onInputChange"in o?"number":"text",size:"large",placeholder:"0",variant:"ghost",min:0,..."onInputChange"in o&&{onChange:e=>o.onInputChange(e.target.value)}}),"percentageChange"in o?W.createElement(yo,{size:"large",outputUsdValue:o.price.usdValue,error:o.price.error,percentageChange:o.percentageChange,warningLevel:o.warningLevel}):W.createElement(s,{variant:"body",size:"medium",color:o.price.error?"$warning500":"$neutral800",style:{width:140,textAlign:"right",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},o.price.usdValue?`~$${o.price.usdValue}`:o.price.error)))))}t(H6,"SwapInput");import Mt from"react";import N6 from"copy-to-clipboard";function z6(o){let[e,r]=Mt.useState(!1),i=Mt.useCallback(l=>{N6(l.toString()),r(!0)},[]);return Mt.useEffect(()=>{let l;return e&&o&&(l=setTimeout(()=>r(!1),o)),()=>{clearTimeout(l)}},[e,o]),[e,i]}t(z6,"useCopyToClipboard");export{V as Alert,Wi as AutoThemeIcon,D6 as BalanceErrors,Q3 as BestRoute,R3 as BestRouteSkeleton,J1 as BlockchainCategories,f6 as BlockchainSelector,Fe as BlockchainsChip,Ni as BorderRadiusIcon,$o as BottomLogo,L as Button,F as ChainToken,k3 as ChainsIcon,xo as ChangeSlippageButton,u5 as Checkbox,no as ChevronDownIcon,Ei as ChevronLeftIcon,Ho as ChevronRightIcon,$e as ChevronUpIcon,C5 as Chip,io as CloseIcon,c5 as Collapsible,D5 as CollapsibleMessageBox,b5 as ColorPicker,ao as CompleteIcon,$6 as ConnectWalletsModal,Ji as CopyIcon,o0 as DarkModeIcon,r0 as DeleteIcon,a0 as DesktopIcon,C as Divider,xe as DoneIcon,et as Drawer,lo as ErrorIcon,u0 as ExternalLinkIcon,Me as FilledCircle,h0 as FontIcon,we as GasIcon,bo as Header,L6 as HighSlippageWarning,O4 as HomePanel,$i as I18nManager,c1 as IconButton,T as Image,x0 as InProgressIcon,po as InfoErrorIcon,Se as InfoIcon,T0 as LightModeIcon,B0 as LinkIcon,W4 as List,Mo as ListItem,B4 as ListItemButton,ho as LoadingFailedAlert,be as LoadingIcon,z0 as LogoWithTextIcon,it as MessageBox,P6 as MinRequiredSlippage,nt as Modal,rt as ModalHeader,l1 as NextIcon,O0 as NoNotificationIcon,A0 as NoRouteIcon,D4 as NotFound,fo as NotFoundAlert,Y0 as NotificationNumberIcon,K0 as NotificationsIcon,Le as NumberIcon,lt as PercentageChange,e3 as PinIcon,Z4 as Popover,yo as PriceImpact,st as Radio,H5 as RadioGroup,pt as RadioRoot,n3 as RefreshIcon,l3 as ReverseIcon,De as RouteCost,c3 as RouteIcon,ze as RouteSummary,z5 as RoutesOverview,Te as SearchIcon,m1 as SecondaryPage,n4 as SelectableCategoryList,o4 as SelectableWallet,K5 as SelectableWalletList,T3 as SettingsIcon,w as Skeleton,U as Spinner,me as StepDetail,He as StepDetails,B3 as StyleIcon,u4 as SwapContainer,y4 as SwapDetailsPlaceholder,p6 as SwapHistory,H6 as SwapInput,g4 as SwapListItem,v4 as Switch,S1 as TextField,Pe as TimeIcon,_1 as TokenAmount,he as TokenInfo,xt as TokenList,M4 as TokenPreview,C6 as TokenSelector,U1 as Tooltip,f3 as TransactionIcon,s as Typography,yt as VirtualizedList,ct as Wallet,$3 as WalletIcon,Io as WalletState,uo as WarningIcon,ta as config,Ft as createTheme,oa as css,c as darkTheme,U5 as generateRangeColors,ea as globalCss,J as keyframes,ra as lightTheme,n as styled,wi as theme,z6 as useCopyToClipboard};
|
|
19
|
+
S29.0059509,37.5872993,28.4444485,37.5872993z`}))),"CopyIcon");N2.toString=()=>"._icon";var v5=n("div",{position:"relative"}),$5=n("div",{border:"1px solid $background",borderRadius:"$xs",width:"$32",height:"$32"}),x5=n("div",{position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}),w5=n("div",{position:"absolute",zIndex:"2",variants:{place:{top:{top:"-241px"},bottom:{},left:{top:"-50%",left:"-225px"},right:{top:"-50%",right:"-225px"}}}}),S5=n("label",{display:"inline-block",fontSize:"$14",marginBottom:"$4",color:"$foreground"});function b5({color:o,onChangeColor:e,label:r,place:i,placeholder:l}){let[a,p]=h5(!1);return d1.createElement(v5,null,d1.createElement(S5,{className:"_text"},r),d1.createElement(L,{variant:"outlined",prefix:d1.createElement($5,{style:{backgroundColor:o}}),fullWidth:!0,size:"large",suffix:o&&d1.createElement("div",{onClick:d=>{d.stopPropagation(),e(void 0)}},d1.createElement(ne,{size:20})),onClick:()=>p(d=>!d)},o||l),a&&d1.createElement(w5,{place:i},d1.createElement(x5,{onClick:()=>p(!1)}),d1.createElement(f5,{color:o,onChange:d=>{let g="#"+y5(d.rgb.r,d.rgb.g,d.rgb.b,d.rgb.a);e(g)}})))}t(b5,"ColorPicker");import R from"react";import{createPortal as k5}from"react-dom";var z2=n("div",{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",zIndex:9999999,backgroundColor:"rgba(0,0,0,.1)",borderRadius:"$sm"}),Z2=n("div",{position:"absolute",background:"$background",padding:"$10 $20",borderRadius:"$sm",display:"flex",flexDirection:"column",justifyContent:"space-between",zIndex:9999999,boxSizing:"border-box",variants:{anchor:{left:{top:0,left:0,height:"100%",minWidth:"300px",maxWidth:"90%"},right:{top:0,right:0,height:"100%",minWidth:"300px",maxWidth:"90%"},bottom:{bottom:0,width:"100%",maxHeight:"90%"},top:{top:0,width:"100%",maxHeight:"90%"}}}}),F2=n("div",{display:"flex",justifyContent:"space-between",alignItems:"center",position:"relative"}),A2=n("div",{overflowY:"auto",height:"100%"}),E2=n("footer",{width:"100%"});function et(o){let{title:e,open:r,onClose:i,anchor:l="bottom",dismissible:a=!0,footer:p,container:d=document.body,prefix:g,children:v}=o;return R.createElement(R.Fragment,null,d&&r&&k5(R.createElement(z2,{onClick:t($=>{$.target===$.currentTarget&&a&&i()},"handleBackDropClick")},R.createElement(Z2,{anchor:l},R.createElement(F2,null,g,R.createElement(s,{variant:"title",size:"small"},e),a&&R.createElement(c1,{onClick:i},R.createElement(io,{color:"gray"}))),R.createElement(C,{size:16}),R.createElement(A2,null,v),R.createElement(E2,null,p))),d))}t(et,"Drawer");import tt from"react";var V2=n("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$15 $20",$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",position:"relative",borderTopRightRadius:"$primary",borderTopLeftRadius:"$primary"}),_2=n("div",{display:"flex",alignItems:"center",gap:"$5"});function bo({prefix:o,suffix:e,title:r}){return tt.createElement(V2,null,o,tt.createElement(s,{variant:"headline",size:"small"},r),tt.createElement(_2,null,e))}t(bo,"Header");import j,{useEffect as L5,useRef as I5,useState as G2}from"react";import{createPortal as T5}from"react-dom";var U2=n("div",{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",backgroundColor:"transparent",zIndex:10,borderRadius:"$primary",display:"flex",overflow:"hidden",transition:"background .35s",variants:{anchor:{bottom:{justifyContent:"end",alignItems:"end",bottom:"0"},center:{justifyContent:"center",alignItems:"center"}},active:{true:{backgroundColor:"color-mix(in srgb, $neutral500 70%, transparent)"}}}}),O2=n("div",{backgroundColor:"$background",width:"100%",borderRadius:"$primary",display:"flex",flexDirection:"column",zIndex:9999999,transform:"translateY(100%)",transition:"transform .45s ease-in-out",variants:{anchor:{bottom:{width:"100%",maxHeight:"95%"},center:{height:"100%"}},active:{true:{transform:"translateY(0)"}}}}),j2=n("div",{display:"flex",alignItems:"center",justifyContent:"end",[`& ${c1}`]:{padding:"$5"}}),rt=n("div",{padding:"$20 $20 $0 $20",display:"flex",justifyContent:"space-between",alignItems:"center",position:"relative",variants:{noTitle:{true:{justifyContent:"flex-end"}}}}),q2=n("div",{display:"flex",flexDirection:"column",flex:1,padding:"$0 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden"}),Y2=n("div",{"& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});var P5=600,M5=10;function nt(o){let{title:e,open:r,onClose:i,containerStyle:l,anchor:a="bottom",container:p=document.body,prefix:d,header:g,dismissible:v=!0,children:S,suffix:$,footer:P,hasLogo:A=!0}=o,[B,Z]=G2(!1),[M,E]=G2(!1),q=I5(null),to=t(ro=>{ro.target===ro.currentTarget&&v&&i()},"handleBackDropClick");return L5(()=>(p&&(q.current&&clearTimeout(q.current),r?(E(!0),p.style.overflow="hidden",q.current=setTimeout(()=>{Z(!0)},M5)):(Z(!1),q.current=setTimeout(()=>{E(!1),p.style.overflow="unset"},P5))),()=>{q.current&&clearTimeout(q.current)}),[r,p]),j.createElement(j.Fragment,null,M&&p&&T5(j.createElement(U2,{active:B,onClick:to,anchor:a},j.createElement(O2,{active:B,css:l,anchor:a},g??j.createElement(rt,{noTitle:!e&&v&&!d},d,e&&j.createElement(s,{variant:"title",size:"small"},e),j.createElement(j2,null,$,v&&j.createElement(c1,{onClick:i,variant:"ghost"},j.createElement(io,{color:"gray",size:14})))),j.createElement(q2,null,S),(A||P)&&j.createElement(Y2,null,j.createElement("div",{className:"footer__content"},P),A&&j.createElement("div",{className:"footer__logo"},j.createElement(C,{size:12}),j.createElement($o,null))))),p))}t(nt,"Modal");import x1 from"react";var X2=n("div",{display:"flex",flexDirection:"column",alignItems:"center",width:"100%"}),K2=n("div",{textAlign:"center"}),J2=n("div",{borderRadius:"50%",width:"$45",height:"$45",display:"flex",justifyContent:"center",alignItems:"center",variants:{type:{success:{$$color:"$colors$success300",[`.${c} &`]:{$$color:"$colors$success600"},backgroundColor:"$$color"},warning:{$$color:"$colors$warning300",[`.${c} &`]:{$$color:"$colors$warning600"},backgroundColor:"$$color"},error:{$$color:"$colors$error300",[`.${c} &`]:{$$color:"$colors$error600"},backgroundColor:"$$color"},info:{$$color:"$colors$info300",[`.${c} &`]:{$$color:"$colors$info600"},backgroundColor:"$$color"},loading:{$$color:"$colors$info300",[`.${c} &`]:{$$color:"$colors$info600"},backgroundColor:"$$color"}}}});import ko from"react";function B5(o){switch(o.type){case"success":return ko.createElement(ao,{color:o.type,size:30});case"warning":return ko.createElement(uo,{color:o.type,size:30});case"error":return ko.createElement(lo,{color:o.type,size:30});case"loading":return ko.createElement(U,{color:"info",size:30});default:return ko.createElement(po,{color:o.type,size:30})}}t(B5,"StatusIcon");var Q2=B5;function it(o){let{type:e,title:r,description:i,children:l,icon:a}=o;return x1.createElement(X2,null,x1.createElement(J2,{type:e},a||x1.createElement(Q2,{type:e})),x1.createElement(C,{size:4}),x1.createElement(s,{color:e==="loading"?"info500":`${e}500`,variant:"title",size:"medium"},r),x1.createElement(C,{size:16}),x1.createElement(K2,null,typeof i=="string"?x1.createElement(s,{color:"neutral900",variant:"body",size:"medium"},i):i),l)}t(it,"MessageBox");import*as en from"@radix-ui/react-collapsible";import w1,{useState as W5}from"react";import*as R2 from"@radix-ui/react-collapsible";var on=n(R2.Trigger,{padding:"$15",paddingBottom:"$5",borderRadius:"$xm",cursor:"pointer",$$backgroundColor:"$colors$neutral200",[`.${c} &`]:{$$backgroundColor:"$colors$neutral500"},backgroundColor:"$$backgroundColor",textAlign:"center",border:0,width:"100%","&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0}});function D5(o){let{description:e,status:r,title:i,children:l}=o,[a,p]=W5(!1);return w1.createElement(en.Root,{open:a,onOpenChange:p},w1.createElement(on,null,w1.createElement(it,{title:i,description:e,type:r}),w1.createElement(E1,{open:a},w1.createElement(C,{size:12}),l),w1.createElement(C,{size:12}),a?w1.createElement($e,{color:"black",size:16}):w1.createElement(no,{color:"black",size:16})))}t(D5,"CollapsibleMessageBox");import at from"react";function lt(o){let{percentageChange:e,showPercentageChange:r}=o;return at.createElement(at.Fragment,null,r&&at.createElement(s,{variant:"title",size:"small",color:"$error500"},`(${e}%)`))}t(lt,"PercentageChange");import X1 from"react";import nn from"react";import*as ie from"@radix-ui/react-radio-group";var tn=n(ie.Item,{padding:"0",width:"16px",height:"16px",borderRadius:"100%",cursor:"pointer",backgroundColor:"transparent",border:"1px solid $neutral800",'&[data-state="checked"]':{$$color:"$colors$secondary500",[`.${c} &`]:{$$color:"$colors$secondary400"},backgroundColor:"$$color",borderColor:"$$color"}}),rn=n(ie.Indicator,{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",position:"relative","&::after":{content:"",display:"block",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"$background"}});function st(o){let{value:e}=o;return nn.createElement(tn,{value:e,id:e},nn.createElement(rn,null))}t(st,"Radio");import*as an from"@radix-ui/react-radio-group";var pt=n(an.Root,{variants:{direction:{horizontal:{display:"flex",flexDirection:"row",flexWrap:"wrap"},vertical:{display:"grid",gridGap:"$24"}}}}),ln=n("div",{display:"flex",alignItems:"center",marginRight:"$8"}),sn=n("div",{display:"flex"}),pn=n("label",{paddingLeft:"$8",cursor:"pointer",color:"$foreground","& > span":{display:"block"}});function H5(o){let{value:e,onChange:r,direction:i="vertical",style:l,options:a}=o;return X1.createElement(sn,null,X1.createElement(pt,{onValueChange:r,value:e,direction:i,style:l},a.map(p=>X1.createElement(ln,{key:p.value},X1.createElement(st,{value:p.value}),X1.createElement(pn,{className:"_text",htmlFor:p.value},X1.createElement(s,{variant:"body",size:"small"},p.label))))))}t(H5,"RadioGroup");import e1 from"react";var N5=n("div",{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"$8",borderRadius:"$xs",backgroundColor:"$background",color:"$neutral800",fontSize:"$12",".routes":{display:"flex",alignItems:"center"},".fee":{display:"flex",alignItems:"center"}});function z5(o){if(!o.routes)return null;let e=o.routes.result?.swaps;return e1.createElement(N5,null,e1.createElement("div",{className:"routes"},e?.map((r,i)=>{let l=i+1==e.length,a=`swap-${i}`;return e1.createElement(e1.Fragment,{key:a},e1.createElement("div",{className:"route"},r.from.symbol),e1.createElement(Ro,{size:12}),l?e1.createElement("div",{className:"route"},r.to.symbol):null)})),o.totalFee?e1.createElement("div",{className:"fee"},e1.createElement(O1,{size:12}),e1.createElement(C,{size:4,direction:"horizontal"}),"$",o.totalFee):null)}t(z5,"RoutesOverview");import b1,{useState as F5}from"react";import t1 from"react";var cn=n("div",{borderRadius:"$xs",display:"flex",justifyContent:"center",alignItems:"center",variants:{fullWidth:{true:{width:"100%"},false:{width:"fit-content"}},size:{small:{padding:"$5 $15"},large:{padding:"$10",borderRadius:"$xl"}},variant:{contained:{$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"}},outlined:{backgroundColor:"transparent",border:"1px solid $neutral100","&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}},ghost:{background:"transparent"}},disabled:{true:{},false:{}}},compoundVariants:[{variant:"contained",disabled:!0,css:{"&:hover":{backgroundColor:"$neutral100"}}},{variant:"outlined",disabled:!0,css:{"&:hover":{borderColor:"$neutral100"}}}]}),dn=n("input",{flexGrow:1,color:"$foreground",fontSize:"$14",lineHeight:"$20",fontWeight:400,border:"none",outline:"none",fontFamily:"inherit",variants:{suffix:{true:{marginRight:"$10"}}},backgroundColor:"transparent","-webkit-appearance":"none",margin:0,"&:disabled":{cursor:"not-allowed"},"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0},'&[type="number"]':{"-moz-appearance":"textfield"},"&::placeholder, &::-webkit-input-placeholder":{color:"$neutral900"},"&:focus-visible":{outline:"none"}}),mn=n("label",{display:"inline-block"});function Z5(o,e){let{label:r,prefix:i,suffix:l,size:a="small",style:p,variant:d,fullWidth:g,...v}=o;return t1.createElement(t1.Fragment,null,r&&t1.createElement(t1.Fragment,null,t1.createElement(mn,{className:"_text",...v.id&&{htmlFor:v.id}},t1.createElement(s,{variant:"label",size:"large"},r)),t1.createElement(C,{direction:"vertical",size:4})),t1.createElement(cn,{disabled:v.disabled,fullWidth:g,variant:d,size:a,style:p,className:"_text"},i||null,t1.createElement(dn,{className:"_text",...v,spellCheck:!1,suffix:!!l,ref:e}),l||null))}t(Z5,"TextFieldComponent");var S1=t1.forwardRef(Z5);S1.displayName="TextField";var A5=n("div",{overflow:"hidden",display:"flex",flexDirection:"column",flex:"1",padding:"0 $4"}),E5=n("div",{padding:"1px"});function m1(o){let{title:e,Footer:r,TopButton:i,hasHeader:l=!0}=o,[a,p]=F5("");return b1.createElement(b1.Fragment,null,l&&b1.createElement(bo,{title:e||"",suffix:i}),b1.createElement(A5,null,o.textField&&b1.createElement(E5,null,b1.createElement(S1,{size:"large",prefix:b1.createElement(Qo,{size:24}),placeholder:o.textFieldPlaceholder,onChange:d=>p(d.target.value),value:a,autoFocus:!0}),b1.createElement(C,{size:16})),o.textField&&o.children?.(a),!o.textField&&o.children),r)}t(m1,"SecondaryPage");import H1,{useEffect as O5,useState as j5}from"react";function D1(o,e){return o.toLowerCase().indexOf(e.toLowerCase())>-1}t(D1,"containsText");function un(o,e=8,r=3){if(!o)return null;if(o.length<2*e+r)return o;let i=Math.ceil((o.length-e)/2),l=o.length-e;return`${o.substr(i,e)}${".".repeat(r)}${o.substr(l)}`}t(un,"getConciseAddress");var Cn=t(o=>(e=>e.length===3?e.split("").map(r=>parseInt(r.repeat(2),16)):(e.match(/.{1,2}/g)||[]).map(r=>parseInt(r,16)))(o.replace("#","")),"hexToRgb"),V5=t(o=>(([e,r,i])=>.2126*e+.7152*r+.0722*i<40)(Cn(o)),"isHexTooDark"),_5=t(o=>(([e,r,i])=>(e*299+r*587+i*114)/1e3>155)(Cn(o)),"isHexTooLight"),Lo=t((o,e)=>{o=o.replace(/^#/,""),o.length===3&&(o=o[0]+o[0]+o[1]+o[1]+o[2]+o[2]);let[r,i,l]=o.match(/.{2}/g);[r,i,l]=[parseInt(r,16)+e,parseInt(i,16)+e,parseInt(l,16)+e],r=Math.max(Math.min(255,r),0).toString(16),i=Math.max(Math.min(255,i),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let a=(r.length<2?"0":"")+r,p=(i.length<2?"0":"")+i,d=(l.length<2?"0":"")+l;return`#${a}${p}${d}`},"colorShade"),U5=t((o,e,r)=>{let i={[o]:r};if(r){let l=r;if(V5(r)||e==="dark")for(let a=1;a<10;a++)i={...i,[o+a*100]:o==="neutral"?Lo(l,a*15):Lo(r,a*5)};if(_5(r)||e==="light")for(let a=1;a<10;a++)l=Lo(l,-(a*5)),i={...i,[o+a*100]:Lo(o==="neutral"?l:r,-(a*5))}}return i},"generateRangeColors");var q5=n("div",{display:"flex",flexWrap:"wrap"}),Y5=n("div",{width:12,height:12,borderRadius:6,border:"1px solid $neutral400",position:"absolute",top:12,right:12,variants:{checked:{true:{borderColor:"$success"},false:{borderColor:"$neutral400"}}}}),G5=n("div",{width:6,margin:"20% auto",height:6,borderRadius:3,variants:{checked:{true:{backgroundColor:"$success"},false:{backgroundColor:"$neutral400"}}}}),X5=n("div",{border:"1.5px solid",borderRadius:"$xs",padding:"$12",flexBasis:"calc(33.33% - 10px)",margin:5,display:"flex",flexDirection:"column",justifyContent:"space-between",width:124,height:92,cursor:"pointer",position:"relative",variants:{checked:{true:{borderColor:"$success",color:"$success"},false:{borderColor:"$neutral400",color:"$neutral400"}}}});function K5({list:o,onChange:e}){let[r,i]=j5(o.find(a=>a.selected)?.walletType||""),l=t(a=>{i(a.walletType),e(a)},"onClick");return O5(()=>{i(o.find(a=>a.selected)?.walletType||"")},[o]),H1.createElement(q5,null,o.map((a,p)=>{let d=r===a.walletType;return H1.createElement(X5,{checked:d,onClick:l.bind(null,a),key:p},H1.createElement(T,{src:a.image,alt:a.walletType,size:24}),H1.createElement(s,{variant:"body",size:"small"},a.name),H1.createElement(s,{variant:"body",size:"xsmall"},un(a.address)),H1.createElement(Y5,{checked:d},d&&H1.createElement(G5,{checked:d})))}))}t(K5,"SelectableWalletList");import{detectInstallLink as J5}from"@rango-dev/wallets-shared";import G from"react";import{i18n as u1}from"@lingui/core";var Io=(l=>(l.NOT_INSTALLED="not_installed",l.DISCONNECTED="disconnected",l.CONNECTING="connecting",l.CONNECTED="connected",l))(Io||{});function ae(o){switch(o){case"connected":return{color:"success500",description:u1.t("Connected"),tooltipText:u1.t("Disconnect")};case"not_installed":return{color:"info500",description:u1.t("Install"),tooltipText:u1.t("Install")};case"connecting":return{color:"neutral800",description:u1.t("Connecting..."),tooltipText:u1.t("Connecting")};case"disconnected":return{color:"neutral800",description:u1.t("Disconnected"),tooltipText:u1.t("Connect")};default:throw new Error(u1.t("you need to pass a correct state to Wallet."))}}t(ae,"makeInfo");var le=n("div",{"& img":{borderRadius:"50%"}}),se=n(s,{textTransform:"capitalize"}),pe=n("div",{display:"flex",flexDirection:"column",marginTop:"$10"}),ce=n("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",flexDirection:"column",$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative",fontFamily:"inherit","&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,$$outline:"$colors$secondary500",[`.${c} &`]:{$$outline:"$colors$secondary400"},outlineColor:"$$outline",outlineStyle:"solid"}}}}),gn=n("div",{borderRadius:"$xm",padding:"$10 0",border:"0",display:"flex",flexDirection:"column",backgroundColor:"$neutral100",alignItems:"center",justifyContent:"center",width:110});function Q5(o){let{title:e,type:r,image:i,onClick:l,isLoading:a}=o,p=ae(o.state);return a?G.createElement(gn,null,G.createElement(w,{variant:"circular",width:35,height:35}),G.createElement(C,{size:12}),G.createElement(w,{variant:"text",width:85,size:"medium"}),G.createElement(C,{size:4}),G.createElement(w,{variant:"text",width:64,size:"medium"})):G.createElement(U1,{container:o.container,content:p.tooltipText,side:"top"},G.createElement(ce,{disabled:o.state=="connecting",onClick:()=>{o.state==="not_installed"?window.open(J5(o.link),"_blank"):l(r)}},G.createElement(le,null,G.createElement(T,{src:i,size:35})),G.createElement(pe,null,G.createElement(se,{variant:"label",size:"medium",noWrap:!1},e),G.createElement(s,{variant:"body",size:"xsmall",noWrap:!1,color:p.color},p.description))))}t(Q5,"Wallet");var ct=Q5;import{detectInstallLink as R5}from"@rango-dev/wallets-shared";import K1 from"react";function o4(o){let{title:e,type:r,image:i,onClick:l,selected:a,description:p,state:d}=o,g=ae(o.state);return K1.createElement(ce,{selected:a,disabled:o.state=="connecting",onClick:()=>{o.state==="not_installed"?window.open(R5(o.link),"_blank"):l(r)}},K1.createElement(le,null,K1.createElement(T,{src:i,size:35})),K1.createElement(pe,null,K1.createElement(se,{variant:"label",size:"medium",noWrap:!1},e),K1.createElement(s,{variant:"body",size:"xsmall",noWrap:!1,color:d==="connected"?"neutral900":g.color},p||g.description)))}t(o4,"SelectableWallet");import{i18n as r4}from"@lingui/core";import r1 from"react";import{TransactionType as de}from"rango-sdk";var J1=(a=>(a.ALL="ALL",a.EVM="EVM",a.COSMOS="COSMOS",a.UTXO="UTXO",a.OTHER="OTHER",a))(J1||{});var e4=t((o,e)=>{switch(e){case"ALL":return!0;case"UTXO":return o.type===de.TRANSFER;case"OTHER":return o.type!==de.TRANSFER&&o.type!==de.COSMOS&&o.type!==de.EVM;default:return o.type===e}},"filterByType"),t4={["EVM"]:["ETH","BSC","POLYGON"],["COSMOS"]:["COSMOS","OSMOSIS","JUNO"],["UTXO"]:["BTC","LTC","BCH"],["OTHER"]:["STARKNET","TRON","SOLANA"]},hn=t((o,e)=>o.filter(r=>e4(r,e)).filter(r=>t4[e].includes(r.name)),"generateBlockchainsLogo");var fn=n("div",{display:"grid",gap:"$10",gridTemplateColumns:"auto 1fr 1fr 1fr 1fr"}),yn=n("div",{display:"flex",position:"relative",alignItems:"center",justifyContent:"center",paddingTop:"$10"}),vn=n("img",{position:"absolute",top:-2,width:15,height:15});function n4(o){let{setCategory:e,category:r,blockchains:i,isLoading:l}=o,a=Object.keys(J1);return r1.createElement(fn,null,l&&Array.from(Array(5),(p,d)=>r1.createElement(w,{key:d,variant:"rounded",height:70,width:d===0?45:65})),!l&&a.map(p=>r1.createElement(Fe,{selected:r===p,key:p,onClick:()=>e(p)},p!=="ALL"&&r1.createElement(r1.Fragment,null,r1.createElement(yn,null,hn(i,p).map((d,g)=>g===0?r1.createElement(vn,{key:`image-${d.name}-${d.chainId}`,src:d.logo}):r1.createElement(T,{key:`image-${d.name}-${d.chainId}`,src:d.logo,size:15}))),r1.createElement(C,{size:12})),r1.createElement(s,{size:"xsmall",variant:"body",color:p==="ALL"?"secondary500":void 0},r4.t(J1[p])))))}t(n4,"SelectableCategoryList");import n1 from"react";var i4=n("div",{position:"relative",width:"$28",height:"$28",variants:{direction:{vertical:{margin:"auto"},horizontal:{}}}}),a4=n("img",{width:"$28",height:"$28",borderRadius:"50%"}),l4=n("div",{position:"absolute",right:-4,bottom:-4,width:"$16",height:"$16",padding:"$2",borderRadius:"50%",backgroundColor:"$background",border:"1px solid $neutral400",img:{width:"100%",display:"block"}}),s4=n("div",{display:"flex",variants:{direction:{horizontal:{alignItems:"center"},vertical:{flexDirection:"column",textAlign:"center",justifyContent:"center"}},success:{true:{filter:"none"},false:{filter:"grayscale(100%)"}}}}),p4=n("div",{variants:{pl:{true:{paddingLeft:"$4","@lg":{paddingLeft:"$8"}},false:{paddingTop:"$8"}}}}),c4=n(s,{color:"$neutral600",display:"block",paddingLeft:"$8"});function me(o){let{logo:e,chainLogo:r,amount:i,symbol:l,blockchain:a,estimatedAmount:p,success:d=!0,direction:g="horizontal"}=o;return n1.createElement(s4,{direction:g,success:d},n1.createElement(i4,{direction:g},n1.createElement(a4,{src:e,alt:l}),n1.createElement(l4,null,n1.createElement("img",{src:r,alt:a}))),n1.createElement(p4,{pl:g==="horizontal"},i&&n1.createElement(s,{noWrap:!0,variant:g==="vertical"?"body":"title",size:"medium"},i),!i&&p&&n1.createElement(s,{noWrap:!0,variant:g==="vertical"?"body":"title",size:"medium",color:"$neutral600"},p),"\xA0",n1.createElement(s,{variant:g==="vertical"?"body":"title",size:"medium",noWrap:!0},l),n1.createElement(c4,{noWrap:!0,variant:"body",size:"xsmall",color:"$neutral800"},"on ",a)))}t(me,"StepDetail");import d4 from"react";var m4=n("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%",borderRadius:"$xl",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",minWidth:"375px",maxWidth:"390px",boxSizing:"border-box",backgroundColor:"$neutral100",overflow:"hidden","& *":{boxSizing:"border-box",listStyleType:"none"},variants:{fixedHeight:{true:{height:"633px",maxHeight:"633px"},false:{height:"auto"}}}});function u4(o){let{children:e,style:r,fixedHeight:i=!0}=o;return d4.createElement(m4,{style:r,id:"swap-box",fixedHeight:i},e)}t(u4,"SwapContainer");import X from"react";import{i18n as dt}from"@lingui/core";function $n(o){switch(o){case"failed":return dt.t("Failed");case"success":return dt.t("Complete");default:return dt.t("In progress")}}t($n,"getStatus");function xn(o,e){if(!o)return"";let r=new Date(Number(o)),i=12,l=10;if(!e){let $={year:"numeric",month:"long",day:"numeric"};return r.toLocaleDateString(void 0,$)}let a=r.getHours(),p=r.getMinutes(),d=a>=i?"pm":"am",g=a%i===0?i:a%i,v=p<l?`0${p}`:p;return`${g}:${v} ${d}`}t(xn,"formattedDateAndTime");var wn=n("div",{display:"flex",justifyContent:"space-between",alignItems:"flex-start",flexDirection:"column",gap:10}),mt=n("div",{display:"flex",padding:0,justifyContent:"space-between",alignItems:"center",alignSelf:"stretch"}),Sn=n("button",{$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",border:"none",width:"100%",borderRadius:"$xm",gap:10,padding:15,cursor:"pointer",fontFamily:"inherit","&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:"none"}}),bn=n("div",{display:"flex",padding:"$2",alignItems:"flex-start"}),kn=n("div",{$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",border:"none",width:"100%",borderRadius:"$xm",gap:10,padding:15}),Ln=n("div",{display:"flex",justifyContent:"space-between",alignItems:"flex-start",flexDirection:"column",gap:25});var In={failed:"error500",running:"info500",success:"success500"};import{i18n as C4}from"@lingui/core";import b from"react";var ut=n("div",{display:"flex",padding:0,alignItems:"center",gap:10}),Ct=n("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),gt=n("div",{display:"flex",alignItems:"flex-start",variants:{direction:{column:{flexDirection:"column",flex:"1 0 0"},row:{padding:0}}}}),Tn=n("div",{display:"flex",alignItems:"center",alignSelf:"stretch"}),To=n("div",{display:"flex",padding:0,flexDirection:"column",justifyContent:"center",alignItems:"flex-start"}),ht=n("div",{display:"flex",padding:"$4",width:"$32",height:"$32",justifyContent:"center",alignItems:"center"}),Pn=n("div",{display:"flex",alignItems:"center",justifyContent:"center"}),Mn=n("div",{display:"flex",width:"$24",height:"$24",justifyContent:"center",alignItems:"center"}),Vy=n("div",{display:"flex",padding:0,alignItems:"center",gap:25});function ft(o){if("isLoading"in o)return b.createElement(ut,null,b.createElement(Ct,null,b.createElement("div",null,b.createElement(F,{tokenImage:"",chainImage:"",size:"medium",loading:!0})),b.createElement("div",{style:{transform:"translateX(-5px)"}},b.createElement(F,{tokenImage:"",chainImage:"",size:"medium",loading:!0}))),b.createElement(Pn,null,b.createElement(To,null,b.createElement(w,{variant:"text",size:"medium",width:76}),b.createElement(C,{size:8}),b.createElement(w,{variant:"text",size:"medium",width:60})),b.createElement(Mn,null,b.createElement(l1,{size:12,color:"gray"})),b.createElement(To,null,b.createElement(w,{variant:"text",size:"medium",width:76}),b.createElement(C,{size:8}),b.createElement(w,{variant:"text",size:"medium",width:60}))));let{data:{from:{token:e,amount:r,blockchain:i},to:{estimatedAmount:l,token:a,amount:p,blockchain:d}},status:g}=o;return b.createElement(ut,null,b.createElement(Ct,null,b.createElement("div",null,b.createElement(F,{tokenImage:e.image,chainImage:i.image,size:"large"})),b.createElement("div",{style:{transform:"translateX(-10px)"}},b.createElement(F,{tokenImage:a.image,chainImage:d.image,size:"large"}))),g==="running"?b.createElement(gt,{direction:"column"},b.createElement(Tn,null,b.createElement(s,{size:"medium",variant:"title"},e.displayName),b.createElement(ht,null,b.createElement(l1,{size:24,color:"black"})),b.createElement(s,{size:"medium",variant:"title"},a.displayName)),b.createElement(s,{size:"small",variant:"body",color:"neutral900"},C4.t("Waiting for bridge transaction"))):b.createElement(gt,{direction:"row"},b.createElement(To,null,b.createElement(s,{size:"medium",variant:"title"},e.displayName),!!r&&b.createElement(s,{size:"small",variant:"body",color:"neutral900"},r)),b.createElement(ht,null,b.createElement(l1,{size:24,color:"black"})),b.createElement(To,null,b.createElement(s,{size:"medium",variant:"title"},a.displayName),b.createElement(s,{size:"small",variant:"body",color:"neutral900"},p||l))))}t(ft,"SwapToken");function g4(o){if("isLoading"in o)return X.createElement(kn,null,X.createElement(Ln,null,X.createElement(mt,null,X.createElement(w,{variant:"text",size:"medium",width:76}),X.createElement(w,{variant:"text",size:"medium",width:76})),X.createElement(ft,{isLoading:!0})));let{onClick:e,requestId:r,creationTime:i,onlyShowTime:l,status:a,swapTokenData:p}=o;return X.createElement(Sn,{onClick:e.bind(null,r)},X.createElement(wn,null,X.createElement(mt,null,X.createElement(bn,null,X.createElement(s,{variant:"label",size:"medium",color:"neutral800"},xn(i,l))),X.createElement(s,{variant:"label",size:"medium",color:In[a]},$n(a))),X.createElement(ft,{data:p,status:a})))}t(g4,"SwapListItem");import{i18n as Bn}from"@lingui/core";import Po from"react";var h4=n("div",{height:"450px"}),f4=n("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function y4(o){let{requestId:e,loading:r,onBack:i}=o;return Po.createElement(m1,{title:Bn.t("Swap Details"),textField:!1,onBack:i},Po.createElement(h4,null,r?Po.createElement(f4,null,Po.createElement(U,{size:24})):Po.createElement(V,{type:"error",title:Bn.t("swapNotFound",{requestId:e},{message:"Swap with request ID = ${requestId} not found."})})))}t(y4,"SwapDetailsPlaceholder");import Hn from"react";import*as ue from"@radix-ui/react-switch";var Wn=n(ue.Root,{boxSizing:"border-box",boxShadow:"none",borderStyle:"solid",width:"24px",height:"16px",backgroundColor:"$neutral800",borderColor:"$neutral800",borderRadius:"99999px",position:"relative",padding:"0",cursor:"pointer",transition:"all 0.35s",'&[data-state="checked"]':{$$color:"$colors$secondary500",[`.${c} &`]:{$$color:"$colors$secondary400"},backgroundColor:"$$color",borderColor:"$$color"},"-webkit-tap-highlight-color":"rgba(0, 0, 0, 0)"}),Dn=n(ue.Thumb,{position:"absolute",top:"0",boxSizing:"border-box",display:"block",width:"12px",height:"12px",backgroundColor:"$background",borderColor:"$secondary100",transition:" transform 300ms",borderRadius:"999999px",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(8px)"}});function v4(o){let{checked:e,onChange:r}=o;return Hn.createElement(Wn,{checked:e,onCheckedChange:r},Hn.createElement(Dn,null))}t(v4,"Switch");import vt,{forwardRef as L4,useEffect as zn,useState as $t}from"react";import Ce from"react";import $4 from"react-virtualized-auto-sizer";import{VariableSizeList as x4}from"react-window";import w4 from"react-window-infinite-loader";function yt(o){let{itemCount:e,hasNextPage:r,loadNextPage:i,Item:l,innerElementType:a,size:p}=o,d=t(g=>!r||g<e,"isItemLoaded");return Ce.createElement($4,null,({width:g,height:v})=>Ce.createElement(w4,{isItemLoaded:d,itemCount:r?e+1:e,loadMoreItems:i,threshold:1},({onItemsRendered:S,ref:$})=>Ce.createElement(x4,{innerElementType:a,ref:$,itemSize:()=>p,itemCount:e,height:v||0,width:g||0,onItemsRendered:S},({index:P,style:A})=>d(P)?Ce.createElement(l,{index:P,style:A}):null)))}t(yt,"VirtualizedList");import i1 from"react";var S4=n("div",{paddingRight:"$16"}),b4=n("div",{display:"flex",flexDirection:"column"}),k4=n("div",{display:"flex",flexDirection:"column",alignItems:"flex-end"});function Nn(o){let{token:e,style:r,onClick:i,selected:l}=o;return i1.createElement("div",{style:{display:"flex",alignItems:"center",width:"100%",...r,height:"48px",top:`${parseFloat(r?.top)+0}px`,padding:"0 4px"}},i1.createElement(L,{variant:"outlined",size:"large",onClick:i.bind(null,e),type:l?"primary":void 0,prefix:i1.createElement(S4,null,i1.createElement(T,{src:e.image,size:32})),suffix:e.balance?.amount&&i1.createElement(k4,null,i1.createElement(s,{variant:"body",size:"small"},e.balance.amount),i1.createElement(s,{variant:"body",size:"xsmall"},`${e.balance.usdValue}$`))},i1.createElement(b4,null,i1.createElement(s,{variant:"body",size:"medium"},e.symbol),i1.createElement(s,{variant:"body",size:"xsmall",color:"neutral600"},e.name))))}t(Nn,"TokenItem");var Zn=20;function xt(o){let{list:e,searchedText:r,onChange:i,multiSelect:l,selectedList:a}=o,[p,d]=$t(o.selected),g=t(M=>{d(M),i(M)},"changeSelected"),v=t(M=>l&&a?a.map(E=>E.symbol+E.address).indexOf(M.symbol+M.address)>-1:p?.symbol===M.symbol&&p?.address===M.address,"isSelected"),[S,$]=$t(!0),[P,A]=$t(e),B=t(()=>{A(e.slice(0,P.length+Zn))},"loadNextPage");zn(()=>{A(e.slice(0,Zn))},[r,e]),zn(()=>{$(e.length>P.length)},[P.length]);let Z=L4(({style:M,...E},q)=>vt.createElement("div",{ref:q,style:{...M,height:`${parseFloat(M?.height)+8*2}px`},...E}));return vt.createElement(yt,{Item:({index:M,style:E})=>vt.createElement(Nn,{token:P[M],style:E,onClick:g,selected:v(P[M])}),hasNextPage:S,itemCount:P.length,loadNextPage:B,innerElementType:Z,size:56})}t(xt,"TokenList");import{i18n as Fn}from"@lingui/core";import H from"react";var I4=n("div",{display:"flex",flexDirection:"column",width:"100%",overflow:"hidden"}),T4=n("div",{boxSizing:"border-box",borderRadius:"$xs",padding:"$8 $16 $16 $16",variants:{type:{filled:{backgroundColor:"$background"},outlined:{border:"1px solid $background"}}},defaultVariants:{type:"filled"},".head":{display:"flex",justifyContent:"space-between",alignItems:"center",minHeight:"32px",".usd-value":{paddingLeft:"$8"}},".form":{display:"flex",width:"100%",padding:"$2 0",".selectors":{width:"35%","._text":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},".amount":{width:"30%"}}}),An=n("span",{width:"24px",height:"24px",backgroundColor:"$background",borderRadius:"99999px"}),P4=n("div",{windth:"100%",height:"$48",borderRadius:"$xs",backgroundColor:"$surface",border:"1px solid transparent",position:"relative",display:"flex",alignItems:"center",paddingLeft:"$8",paddingRight:"$8"});function M4(o){let{chain:e,token:r,loadingStatus:i,percentageChange:l}=o,a=H.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},i==="failed"&&H.createElement(y1,{color:"error",size:24}));return H.createElement(I4,null,H.createElement(T4,{type:"outlined"},H.createElement("div",{className:"head"},H.createElement(s,{variant:"body",size:"small",color:"neutral800"},o.label),H.createElement("div",null,l,o.usdValue&&H.createElement(s,{variant:"body",size:"xsmall",color:"neutral600",className:"usd-value"},`$${o.usdValue}`))),H.createElement("div",{className:"form"},H.createElement(L,{className:"selectors",variant:"outlined",loading:i==="loading",prefix:i==="success"&&e?H.createElement(T,{src:e.logo,size:24}):H.createElement(An,null),suffix:a,size:"large"},i==="success"&&e?e.displayName:Fn.t("Chain")),H.createElement(C,{size:12,direction:"horizontal"}),H.createElement(L,{className:"selectors",variant:"outlined",loading:i==="loading",prefix:i==="success"&&r?H.createElement(T,{src:r.image,size:24}):H.createElement(An,null),suffix:a,size:"large"},i==="success"&&r?r.symbol:Fn.t("Token")),H.createElement(C,{size:12,direction:"horizontal"}),H.createElement("div",{className:"amount"},H.createElement(P4,null,H.createElement(s,{variant:"title",size:"medium"},o.amount))))))}t(M4,"TokenPreview");import _n from"react";import Q1 from"react";var En=n("li",{width:"100%",borderRadius:"$xs",display:"flex",alignItems:"center",padding:"$10 $5",border:0,backgroundColor:"transparent",".item-start-container":{paddingRight:"$10",flexShrink:0,"& svg":{display:"block"}},".item-text-container":{flexGrow:1,flexShrink:1,flexBasis:"auto",textAlign:"left",".item-text-title":{fontWeight:"bold",display:"flex",alignItems:"center"}},".item-end-container":{display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"$10"},variants:{hasDivider:{true:{borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${c} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",borderBottomRightRadius:0,borderBottomLeftRadius:0}}}});function Mo(o){let{start:e,title:r,description:i,end:l,onClick:a,hasDivider:p,...d}=o;return Q1.createElement(En,{hasDivider:p,onClick:a,...d},e&&Q1.createElement("div",{className:"item-start-container"},e),Q1.createElement("div",{className:"item-text-container"},r&&Q1.createElement("div",{className:"item-text-title"},r),i&&Q1.createElement(s,{variant:"body",size:"small",color:"neutral800"},i)),l&&Q1.createElement("div",{className:"item-end-container"},l))}t(Mo,"ListItem");var Vn=n("button",{transition:"all 0.35s",border:0,width:"100%",backgroundColor:"transparent",fontFamily:"inherit","&:focus-visible":{borderRadius:"$xs",outline:0,$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color"},"&:hover":{$$color:"$colors$info100",borderRadius:"$xs",[`.${c} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color",cursor:"pointer"},"&:active":{transform:"scale(0.99)"},variants:{hasDivider:{true:{borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${c} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",borderBottomRightRadius:0,borderBottomLeftRadius:0}},selected:{true:{outline:"1px solid $secondary500"},false:{outline:0}}}});function B4(o){let{onClick:e,id:r,style:i,hasDivider:l,selected:a,...p}=o;return _n.createElement(Vn,{hasDivider:l,selected:a,onClick:t(()=>{e&&e(r)},"onClickWithKey"),style:i},_n.createElement(Mo,{...p}))}t(B4,"ListItemButton");import wt from"react";var Un=n("ul",{padding:0,margin:0,listStyle:"none"});function W4(o){let e=o.type;return wt.createElement(Un,{as:o.as},o.items.map(r=>{let{id:i,...l}=r;return e?wt.cloneElement(e,{...l,key:i,id:i}):wt.createElement(Mo,{key:i,...l})}))}t(W4,"List");import Bo from"react";var On=n("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column"});function D4(o){return Bo.createElement(On,null,Bo.createElement(Te,{color:"secondary",size:26}),Bo.createElement(C,{size:4}),Bo.createElement(s,{variant:"title",size:"medium"},o.title),Bo.createElement(s,{variant:"body",size:"medium",color:"neutral900"},o.description))}t(D4,"NotFound");import*as R1 from"@radix-ui/react-popover";import N1 from"react";import*as ge from"@radix-ui/react-popover";var jn=n(ge.Content,{borderRadius:"$sm",filter:"drop-shadow(0px 5px 20px rgba(130, 130, 130, 0.20))",backgroundColor:"$neutral100"}),qn=n(ge.Arrow,{fill:"$neutral100",width:"$16",height:"$8"});var H4=0,N4=0,z4=t((o,e)=>{let{container:r,children:i,...l}=o;return N1.createElement(R1.Portal,{container:r},N1.createElement(jn,{...l,ref:e},i,N1.createElement(qn,null)))},"PopoverContentComponent"),Yn=N1.forwardRef(z4);Yn.displayName="PopoverContent";function Z4(o){let{children:e,content:r,side:i="bottom",sideOffset:l=H4,alignOffset:a=N4,align:p="center",collisionBoundary:d=[],collisionPadding:g=0,container:v=document.body}=o;return N1.createElement(R1.Root,null,N1.createElement(R1.Trigger,{asChild:!0},e),N1.createElement(Yn,{align:p,alignOffset:a,collisionBoundary:d,collisionPadding:g,side:i,sideOffset:l,container:v},r))}t(Z4,"Popover");import{i18n as F4}from"@lingui/core";import N from"react";var A4=n("div",{display:"flex",flexDirection:"column"}),E4=n("div",{position:"relative",paddingBottom:"$12"}),V4=n("div",{width:"100%",paddingTop:"$16"}),_4=n("div",{width:"100%",paddingTop:"$16"}),U4=n("div",{display:"flex",flexDirection:"column",width:"100%",paddingTop:"$16"});function O4({bestRoute:o,fromBlockchain:e,toBlockchain:r,fromToken:i,toToken:l,setInputAmount:a,outputAmount:p,inputAmount:d,loadingStatus:g,showBestRoute:v,fetchingBestRoute:S,outputUsdValue:$,inputUsdValue:P,swapButtonTitle:A,swapButtonDisabled:B,swapButtonClick:Z,onChainClick:M,onTokenClick:E,connectedWallets:q,errorMessage:to,hasLimitError:ro,swap:Bt,fromAmountRangeError:si,recommendation:pi,swithFromAndToComponent:ci,percentageChange:di,tokenBalanceReal:Wt,tokenBalance:Dt,swapFromAmount:mi,showPercentageChange:ui}){return N.createElement(A4,null,N.createElement(bo,{title:F4.t("SWAP"),suffix:N.createElement(N.Fragment,null)}),N.createElement(E4,null,N.createElement(N.Fragment,null,N.createElement(he,{type:"From",chain:e,token:i,onAmountChange:a,inputAmount:d,fromBlockchain:e,toBlockchain:r,loadingStatus:g,inputUsdValue:P,fromToken:i,setInputAmount:a,connectedWallets:q,bestRoute:o,fetchingBestRoute:S,onChainClick:()=>M("from-chain"),onTokenClick:()=>E("from-token"),tokenBalanceReal:Wt,tokenBalance:Dt}),ci)),N.createElement(he,{type:"To",chain:r,token:l,outputAmount:p,percentageChange:di,outputUsdValue:$,fromBlockchain:e,toBlockchain:r,loadingStatus:g,inputUsdValue:P,fromToken:i,setInputAmount:a,connectedWallets:q,inputAmount:d,bestRoute:o,fetchingBestRoute:S,onChainClick:()=>M("to-chain"),onTokenClick:()=>E("to-token"),tokenBalanceReal:Wt,tokenBalance:Dt,showPercentageChange:ui}),v&&N.createElement(V4,null),(to||ro(o))&&N.createElement(_4,null,to&&N.createElement(V,{type:"error"},to),ro(o)&&N.createElement(V,{type:"error",title:`${Bt?.swapperId} Limit`},N.createElement(N.Fragment,null,N.createElement(s,{variant:"body",size:"small"},`${si}, Yours: ${mi} ${Bt?.from.symbol}`),N.createElement(s,{variant:"body",size:"small"},pi)))),N.createElement(U4,null,N.createElement(L,{type:"primary",size:"large",disabled:B,onClick:Z},A),N.createElement($o,null)))}t(O4,"HomePanel");import h,{useState as G4}from"react";import z,{useState as j4}from"react";var q4=t(o=>!o||o==="info"?"info":o,"getAlertType"),Y4=n("div",{width:"90%",overflowWrap:"break-word",color:"$error500 !important"}),St=n(s,{color:"$success500 !important"}),Gn=t(o=>{let{shortMessage:e,detailedMessage:r,currentStepBlockchain:i,type:l,lastConvertedTokenInFailedSwap:a}=o,[p,d]=j4(!1),g=r.long?0:150,v=!p&&r.content.length>g;return z.createElement(V,{type:q4(l),title:e,...v&&{footer:z.createElement(L,{variant:"outlined",type:"primary",onClick:d.bind(null,S=>!S)},"Show more details")},...!!o.switchNetwork&&{footer:z.createElement(L,{variant:"outlined",type:"primary",onClick:()=>{o?.switchNetwork&&o.switchNetwork().catch(S=>{console.log(S)})}},"Change network to ",i)}},r.content?z.createElement(Y4,null,z.createElement(s,{variant:"body",size:"small"},v&&!p?r.content.substring(0,g)+(g>0?"...":""):r.content)):null,!!a&&z.createElement(z.Fragment,null,z.createElement("p",null,z.createElement(s,{variant:"body",size:"small"},"Do not worry, your fund is\xA0"),z.createElement(St,{variant:"body",size:"small"},z.createElement("b",null,"Safe"))),z.createElement("p",null,z.createElement(s,{variant:"body",size:"small"},"It is converted to \xA0",z.createElement("u",null,a.outputAmount),"\xA0"),z.createElement(St,{variant:"body",size:"small"},z.createElement("b",null,a.symbol,"\xA0")),z.createElement(s,{variant:"body",size:"small"},"on your\xA0"),z.createElement(St,{variant:"body",size:"small"},z.createElement("b",null,a.blockchain,"\xA0")),z.createElement(s,{variant:"body",size:"small"},"wallet"))))},"SwapMessages");var X4=J({"0%":{opacity:1},"50%":{opacity:.3},"100%":{opacity:1}}),K4=n("div",{display:"flex",alignItems:"center",paddingLeft:"$4",variants:{created:{true:{filter:"grayscale(100%)"}},running:{true:{animation:`${X4} 2s ease-in-out infinite`}}}}),hw=n("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}),fw=n(s,{color:"$error500"}),J4=n("div",{paddingLeft:"$16",color:"$neutral800"}),Q4=n("div",{display:"flex",alignItems:"center"}),R4=n("div",{position:"relative"}),yw=n("div",{display:"flex",alignItems:"center"}),o6=n("div",{width:"$8",height:"$8",backgroundColor:"$foreground",borderRadius:"4px",marginLeft:"11px"}),e6=n("div",{width:"0px",height:"0px",borderLeft:"5px solid transparent",borderRight:"5px solid transparent",borderTop:"5px solid $foreground",marginLeft:"$10"}),t6=n("a",{color:"$primary500",fontWeight:"$600"}),r6=n("div",{display:"flex",flexDirection:"column",paddingBottom:"$16",borderBottom:"1px solid $background"}),n6=n("div",{display:"flex",".details":{padding:"$8 0"}}),Xn=n("div",{display:"flex",margin:"$12 0 $12 $20"}),Kn=n("div",{display:"flex",alignItems:"center"}),Jn=n(s,{color:"$success500",paddingLeft:"$4"}),Qn=n("div",{width:"0",minHeight:"$16",marginLeft:"14px",border:"1px dashed $foreground",borderRadius:"inherit"}),i6=n("div",{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:"$14",padding:"$8 0",".name":{color:"$neutral600"},".value":{display:"flex",alignItems:"center",color:"$neutral800",justifyContent:"flex-end"},".status":{fontWeight:"bold",textTransform:"uppercase"},".status.failed":{color:"$error500"},".status.success":{color:"$success500"}}),a6=n("div",{width:"150px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","@md":{width:"auto"}}),l6=n("div",{padding:"0",color:"$neutral600",fontSize:"$10"}),s6=n("div",{overflowY:"auto",padding:"$8 $4 $2 $4"});function p6(o){let{pendingSwap:e,onBack:r,onCopy:i,isCopied:l,onCancel:a,date:p,onRetry:d,...g}=o,[v,S]=G4(!1);return h.createElement(m1,{title:"Swap Details",textField:!1,onBack:r,Footer:h.createElement(h.Fragment,null,e?.status==="running"&&h.createElement(L,{variant:"outlined",fullWidth:!0,type:"error",onClick:S.bind(null,!0)},"Cancel"),!!d&&h.createElement(L,{variant:"contained",fullWidth:!0,type:"primary",onClick:d},"Try again"))},h.createElement("div",null,h.createElement(r6,null,h.createElement(i6,null,h.createElement("div",{className:"name"},"Request Id:",h.createElement("span",{className:"value requestId",onClick:i.bind(null,e?.requestId)},h.createElement(a6,null,e?.requestId),h.createElement(C,{size:4,direction:"horizontal"}),h.createElement(L,{type:"primary",variant:"ghost",size:"small"},l?"Copied!":"Copy"))),h.createElement("div",{className:"name"},h.createElement("span",{className:`value status ${e?.status||""}`},e?.status,e?.status==="running"&&h.createElement(U,{size:16,color:"primary"})),h.createElement(l6,null,p))))),h.createElement(s6,null,g.shortMessage&&h.createElement(Gn,{...g}),h.createElement(C,{size:16}),e?.steps.map(($,P)=>{let A=`step-${P}`;return h.createElement("div",{key:A},P===0&&h.createElement(R4,null,h.createElement(me,{logo:$.fromLogo,symbol:$.fromSymbol,chainLogo:$.fromBlockchainLogo||"",blockchain:$.fromBlockchain,amount:e.inputAmount}),h.createElement(o6,null)),h.createElement(Qn,null),h.createElement(K4,{created:$.status==="created",running:!["created","success","failed"].includes($.status)},h.createElement(T,{src:$.swapperLogo||"",alt:$.swapperId,size:20}),h.createElement(J4,null,h.createElement(s,{variant:"body",size:"small"},$.swapperType==="DEX"?"Swap":"Bridge"," via"," ",$.swapperId),h.createElement(Q4,null,h.createElement(O1,null),h.createElement(s,{variant:"body",size:"small"},"\xA0 $",$.feeInUsd," estimated gas fee")))),h.createElement("div",{style:{display:"flex"}},h.createElement(n6,null,h.createElement(Qn,null),h.createElement("div",{className:"details"},!!$.explorerUrl&&h.createElement("div",null,$.explorerUrl.map((B,Z)=>{let M=`internal-${Z}`,E=`anchor-${Z}`;return h.createElement(Xn,{key:M},h.createElement(Kn,null,h.createElement(C,{size:4}),h.createElement(Go,{color:"primary"}),h.createElement(Jn,{variant:"body",size:"small"},h.createElement(t6,{href:B.url,target:"_blank",rel:"noreferrer",key:E},B.description?h.createElement("b",null,B.description.substring(0,1).toUpperCase(),B.description.substring(1)," Tx"):h.createElement("b",null,"View transaction")))))})),$.status==="failed"&&h.createElement(Xn,null,h.createElement(Kn,null,h.createElement(y1,{color:"error"}),h.createElement(Jn,{variant:"body",size:"small",color:"$error500"},"Step failed")))))),P+1===e.steps.length&&h.createElement(e6,null),h.createElement(me,{logo:$.toLogo,symbol:$.toSymbol,chainLogo:$.toBlockchainLogo||"",blockchain:$.toBlockchain,amount:$.outputAmount||"",estimatedAmount:$.expectedOutputAmountHumanReadable||"",success:$.status==="success"}))}),h.createElement(C,{size:32})),h.createElement(et,{onClose:S.bind(null,!1),open:v,anchor:"bottom",title:"Cancel Progress",footer:h.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},h.createElement(L,{variant:"contained",type:"success",onClick:S.bind(null,!1)},"Skip"),h.createElement(C,{size:16,direction:"horizontal"}),h.createElement(L,{variant:"contained",type:"error",onClick:()=>{a(e.requestId),S(!1)}},"Cancel progress")),container:document.getElementById("swap-box")},h.createElement(V,{type:"warning"},h.createElement(s,{variant:"body",size:"small"},"Warning: Cancel ",h.createElement("u",null,"doesn't revert")," your transaction if you've already signed and sent a transaction to the blockchain. It only stops next steps from being executed."))))}t(p6,"SwapHistory");import o1 from"react";import oo,{useState as c6}from"react";var d6=n("div",{display:"grid",gap:".5rem",gridTemplateColumns:" repeat(2, minmax(0, 1fr))",alignContent:"baseline",width:"100%",height:"100%"}),m6=n("div",{paddingRight:"$4"});function bt(o){let{list:e,onChange:r,multiSelect:i,selectedList:l}=o,[a,p]=c6(o.selected),d=t(v=>{p(v),r(v)},"changeSelectedBlockchain"),g=t(v=>i&&l?l==="all"||l.findIndex($=>v===$.name)>-1:v===a?.name,"isSelect");return oo.createElement(d6,null,e.map((v,S)=>{let $=`item-${S}`;return oo.createElement(L,{type:g(v.name)?"primary":void 0,variant:"outlined",size:"large",prefix:oo.createElement(m6,null,oo.createElement(T,{size:24,src:v.logo})),suffix:g(v.name)?oo.createElement(Me,null):void 0,onClick:d.bind(null,v),key:$},oo.createElement(s,{variant:"body",size:"small"},v.displayName))}))}t(bt,"BlockchainsList");import eo from"react";var kt=n("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),u6=t((o,e)=>o.filter(r=>D1(r.symbol,e)||D1(r.address||"",e)||D1(r.name||"",e)),"filterTokens");function C6(o){let{list:e,type:r,selected:i,hasHeader:l,onChange:a,onBack:p,loadingStatus:d}=o;return eo.createElement(m1,{textField:!0,hasHeader:l,title:`Select ${r} token`,onBack:p,textFieldPlaceholder:"Search tokens by name"},g=>{let v=u6(e,g);return d==="loading"?eo.createElement(kt,null,eo.createElement(U,{size:24})):d==="failed"?eo.createElement(ho,null):v.length?eo.createElement(xt,{searchedText:g,list:v,selected:i,onChange:a}):eo.createElement(fo,{catergory:"Token",searchedFor:g})})}t(C6,"TokenSelector");var g6=n("div",{overflowY:"auto",padding:"0 $4"}),h6=t((o,e)=>o.filter(r=>D1(r.name,e)||D1(r.displayName,e)),"filterBlockchains");function f6(o){let{type:e,list:r,onChange:i,selected:l,onBack:a,loadingStatus:p,hasHeader:d,listContainerStyle:g,multiSelect:v,selectedList:S}=o;return o1.createElement(m1,{textField:!0,hasHeader:d,textFieldPlaceholder:"Search blockchains by name",title:`Select ${e} Blockchain`,onBack:a},$=>{let P=h6(r,$);return o1.createElement(o1.Fragment,null,p==="loading"&&o1.createElement(kt,null,o1.createElement(U,{size:24})),o1.createElement(g6,{style:g,key:"1"},p==="failed"&&o1.createElement(ho,null),p==="success"&&o1.createElement(o1.Fragment,null,P.length?o1.createElement(bt,{list:P,selected:l,multiSelect:v,selectedList:S,onChange:i}):o1.createElement(fo,{catergory:"Blockchain",searchedFor:$}))))})}t(f6,"BlockchainSelector");import{i18n as y6}from"@lingui/core";import Lt from"react";var v6=n("div",{display:"grid",gap:"$8",gridTemplateColumns:"repeat(2, minmax(0, 1fr))",overflow:"auto"});function $6(o){let{open:e,list:r,onSelect:i,onClose:l}=o;return Lt.createElement(nt,{title:y6.t("Connect Wallets"),open:e,onClose:l,containerStyle:{width:"75%",maxWidth:"30rem",height:"60%"}},Lt.createElement(v6,null,r.map(a=>Lt.createElement(ct,{...a,key:a.title,onClick:i}))))}t($6,"ConnectWalletsModal");import{i18n as It}from"@lingui/core";import{Trans as Tt}from"@lingui/react";import I from"react";var x6=n("div",{display:"flex",flexDirection:"column",width:"100%",overflow:"hidden"}),w6=n("div",{boxSizing:"border-box",borderRadius:"$xs",padding:"$8 $16 $16 $16",variants:{type:{filled:{backgroundColor:"$background"},outlined:{border:"1px solid $background",backgroundColor:"$surface"}}},defaultVariants:{type:"filled"},".head":{display:"flex",justifyContent:"space-between",alignItems:"center",minHeight:"32px"},".form":{display:"flex",width:"100%",padding:"$2 0",".selectors":{width:"35%","._text":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},".amount":{width:"30%"}},".output-usd":{display:"flex",div:{display:"flex",paddingLeft:"$8"}}}),S6=n("div",{display:"flex",justifyContent:"flex-end",".balance":{display:"flex",alignItems:"center"}}),Rn=n("span",{width:"24px",height:"24px",backgroundColor:"$background",borderRadius:"99999px"}),b6=n("div",{windth:"100%",height:"$48",borderRadius:"$xs",backgroundColor:"$surface",border:"1px solid transparent",position:"relative",display:"flex",alignItems:"center",paddingLeft:"$8",paddingRight:"$8"});function he(o){let{type:e,chain:r,token:i,loadingStatus:l,fromBlockchain:a,toBlockchain:p,fromToken:d,setInputAmount:g,inputUsdValue:v,inputAmount:S,bestRoute:$,fetchingBestRoute:P,onChainClick:A,onTokenClick:B,tokenBalanceReal:Z,tokenBalance:M}=o,E=I.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},l==="failed"&&I.createElement(y1,{color:"error",size:24}),I.createElement(j1,null));return I.createElement(x6,null,I.createElement(w6,{type:e==="From"?"filled":"outlined"},I.createElement("div",{className:"head"},I.createElement(s,{variant:"body",size:"small",color:"neutral800"},e==="From"?I.createElement(Tt,{id:"swap from",message:"From"}):I.createElement(Tt,{id:"swap to",message:"To"})),e==="From"?I.createElement(S6,null,I.createElement("div",{className:"balance",onClick:()=>{M!=="0"&&g(Z.split(",").join(""))}},I.createElement(s,{variant:"body",size:"small",color:"neutral600"},It.t("Balance"),": ",M," ",d?.symbol||""),I.createElement(C,{size:4}),I.createElement(L,{type:"primary",variant:"ghost",size:"small"},I.createElement(Tt,{id:"maximum amount of asset",message:"Max"})))):I.createElement("div",{className:"output-usd"},I.createElement(lt,{percentageChange:o.percentageChange,showPercentageChange:o.showPercentageChange}),I.createElement("div",null,I.createElement(s,{variant:"body",size:"xsmall",color:"neutral600"},`$${o.outputUsdValue}`)))),I.createElement("div",{className:"form"},I.createElement(L,{className:"selectors",onClick:A,variant:"outlined",disabled:l==="failed",loading:l==="loading",prefix:l==="success"&&r?I.createElement(T,{src:r.logo,size:24}):I.createElement(Rn,null),suffix:E,size:"large"},l==="success"&&r?r.displayName:It.t("Chain")),I.createElement(C,{size:12,direction:"horizontal"}),I.createElement(L,{className:"selectors",onClick:B,variant:"outlined",disabled:l==="failed"||e==="From"&&!a||e==="To"&&!p,loading:l==="loading",prefix:l==="success"&&i?I.createElement(T,{src:i.image,size:24}):I.createElement(Rn,null),suffix:E,size:"large"},l==="success"&&i?i.symbol:It.t("Token")),I.createElement(C,{size:12,direction:"horizontal"}),I.createElement("div",{className:"amount"},e==="From"?I.createElement(S1,{type:"number",size:"large",autoFocus:!0,placeholder:"0",style:{position:"relative",backgroundColor:"$background !important"},suffix:I.createElement("span",{style:{position:"absolute",right:"4px",bottom:"2px"}},I.createElement(s,{variant:"body",size:"xsmall",color:"neutral800"},`$${v}`)),value:S||"",min:0,onChange:e==="From"?q=>{o.onAmountChange(q.target.value)}:void 0}):I.createElement(b6,null,I.createElement(s,{variant:"title",size:"medium"},P&&"?",!!$?.result&&`\u2248 ${o.outputAmount}`,(!S||S==="0")&&"0"))))))}t(he,"TokenInfo");import fe from"react";import{i18n as k6}from"@lingui/core";function L6(o){let{highSlippage:e,selectedSlippage:r,changeSlippage:i}=o;return fe.createElement(fe.Fragment,null,e&&fe.createElement(V,{type:"warning",footer:fe.createElement(xo,{onClick:i})},k6.t("highSlippage",{selectedSlippage:r},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."})))}t(L6,"HighSlippageWarning");import Pt from"react";import{i18n as I6}from"@lingui/core";var T6=n(s,{color:"$error500 !important"});function P6({minRequiredSlippage:o,changeSlippage:e}){return Pt.createElement(T6,{variant:"body",size:"small"},I6.t("increaseSlippage",{minRequiredSlippage:o},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."}),Pt.createElement(C,{size:8}),Pt.createElement(xo,{onClick:e}))}t(P6,"MinRequiredSlippage");import Wo from"react";var M6=n("ul",{padding:"$0 $0 $40 $0",margin:0}),B6=n("li",{paddingBottom:"$10"}),W6=n(s,{display:"block"});function D6({messages:o}){return Wo.createElement(Wo.Fragment,null,Wo.createElement(M6,null,o.map((e,r)=>{let i=r+e;return Wo.createElement(B6,{key:i},Wo.createElement(W6,{variant:"body",size:"medium",color:"$neutral900"},e))})))}t(D6,"BalanceErrors");import{i18n as li}from"@lingui/core";import W from"react";var oi=n("div",{$$color:"$colors$neutral100",[`.${c} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderRadius:"$xm",padding:"$15",variants:{sharpBottomStyle:{true:{borderBottomLeftRadius:"$0",borderBottomRightRadius:"$0"}}},"& .label__container":{paddingBottom:"$5"},"& .label":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .balance":{display:"flex",justifyContent:"center",alignItems:"center"},"& .form":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .amount":{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"end",flexGrow:1}}),ei=n(S1,{padding:"0",fontSize:"$18",lineHeight:"$26",fontWeight:"$medium",textAlign:"right",width:140,"&:disabled":{cursor:"unset"}}),ti=n(L,{$$color:"$colors$info300",[`.${c} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"});import{i18n as ii}from"@lingui/core";import K from"react";var ri=n(L,{backgroundColor:"transparent",color:"$neutral900","&:disabled":{color:"$neutral800"},"&:focus-visible":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color !important",outline:0},"&:disabled:hover":{backgroundColor:"transparent"},"&:hover":{$$color:"$colors$info100",[`.${c} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color !important"}}),ni=n("div",{width:"10.625rem",padding:"$2 $5",display:"flex",borderRadius:"$xs",justifyContent:"start",boxSizing:"border-box",alignItems:"center","& .token-chain-name":{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"start",paddingLeft:"$10"},"& .token-chain-name__skeleton":{padding:"$5 $0"}});function ai(o){let{error:e,chainImage:r,tokenImage:i,tokenSymbol:l,chain:a,onClick:p,loading:d}=o;return K.createElement(ri,{variant:"default",disabled:e||d,onClick:p},K.createElement(ni,null,K.createElement(F,{size:"large",useAsPlaceholder:e,chainImage:r,tokenImage:i,loading:d}),K.createElement("div",{className:"token-chain-name"},d?K.createElement("div",{className:"token-chain-name__skeleton"},K.createElement(w,{variant:"text",size:"large",width:92}),K.createElement(C,{size:8}),K.createElement(w,{variant:"text",size:"medium",width:92})):K.createElement(K.Fragment,null,K.createElement(s,{variant:"title",size:"medium"},e||!d&&!l?ii.t("Token"):l),K.createElement(s,{variant:"body",size:"medium",color:"$neutral800"},e||!d&&!a?ii.t("Chain"):a)))))}t(ai,"TokenSection");function H6(o){return W.createElement(oi,{sharpBottomStyle:o.sharpBottomStyle},W.createElement("div",{className:"label__container"},W.createElement("div",{className:"label"},W.createElement(s,{variant:"body",size:"small",color:"$neutral800"},o.label),"balance"in o&&!o.loading&&W.createElement("div",{className:"balance"},W.createElement(s,{color:"$neutral800",mr:4,variant:"body",size:"xsmall"},li.t("Balance"),": ",o.balance),W.createElement(ti,{variant:"default",size:"xsmall",onClick:o.onSelectMaxBalance},W.createElement(s,{variant:"body",size:"xsmall",color:"secondary500"},li.t("Max")))),o.loading&&W.createElement("div",{className:"balance"},W.createElement(w,{variant:"text",size:"large",width:105})))),W.createElement("div",{className:"form"},W.createElement(ai,{chain:o.chain.displayName,tokenSymbol:o.token.displayName,error:o.error,chainImage:o.chain.image,tokenImage:o.token.image,onClick:o.onClickToken,loading:o.loading}),W.createElement("div",{className:"amount"},o.loading?W.createElement(W.Fragment,null,W.createElement(w,{variant:"text",size:"large",width:92}),W.createElement(C,{size:8}),W.createElement(w,{variant:"text",size:"medium",width:92})):W.createElement(W.Fragment,null,W.createElement(ei,{disabled:o.disabled||o.mode==="To",style:{padding:0},value:o.price.value,type:"onInputChange"in o?"number":"text",size:"large",placeholder:"0",variant:"ghost",min:0,..."onInputChange"in o&&{onChange:e=>o.onInputChange(e.target.value)}}),"percentageChange"in o?W.createElement(yo,{size:"large",outputUsdValue:o.price.usdValue,error:o.price.error,percentageChange:o.percentageChange,warningLevel:o.warningLevel}):W.createElement(s,{variant:"body",size:"medium",color:o.price.error?"$warning500":"$neutral800",style:{width:140,textAlign:"right",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},o.price.usdValue?`~$${o.price.usdValue}`:o.price.error)))))}t(H6,"SwapInput");import Mt from"react";import N6 from"copy-to-clipboard";function z6(o){let[e,r]=Mt.useState(!1),i=Mt.useCallback(l=>{N6(l.toString()),r(!0)},[]);return Mt.useEffect(()=>{let l;return e&&o&&(l=setTimeout(()=>r(!1),o)),()=>{clearTimeout(l)}},[e,o]),[e,i]}t(z6,"useCopyToClipboard");export{V as Alert,Wi as AutoThemeIcon,D6 as BalanceErrors,Q3 as BestRoute,R3 as BestRouteSkeleton,J1 as BlockchainCategories,f6 as BlockchainSelector,Fe as BlockchainsChip,Ni as BorderRadiusIcon,$o as BottomLogo,L as Button,F as ChainToken,k3 as ChainsIcon,xo as ChangeSlippageButton,u5 as Checkbox,no as ChevronDownIcon,Ei as ChevronLeftIcon,Ho as ChevronRightIcon,$e as ChevronUpIcon,C5 as Chip,io as CloseIcon,c5 as Collapsible,D5 as CollapsibleMessageBox,b5 as ColorPicker,ao as CompleteIcon,$6 as ConnectWalletsModal,Ji as CopyIcon,o0 as DarkModeIcon,r0 as DeleteIcon,a0 as DesktopIcon,C as Divider,xe as DoneIcon,et as Drawer,lo as ErrorIcon,u0 as ExternalLinkIcon,Me as FilledCircle,h0 as FontIcon,we as GasIcon,bo as Header,L6 as HighSlippageWarning,O4 as HomePanel,$i as I18nManager,c1 as IconButton,T as Image,x0 as InProgressIcon,po as InfoErrorIcon,Se as InfoIcon,T0 as LightModeIcon,B0 as LinkIcon,W4 as List,Mo as ListItem,B4 as ListItemButton,ho as LoadingFailedAlert,be as LoadingIcon,z0 as LogoWithTextIcon,it as MessageBox,P6 as MinRequiredSlippage,nt as Modal,rt as ModalHeader,l1 as NextIcon,O0 as NoNotificationIcon,A0 as NoRouteIcon,D4 as NotFound,fo as NotFoundAlert,Y0 as NotificationNumberIcon,K0 as NotificationsIcon,Le as NumberIcon,lt as PercentageChange,e3 as PinIcon,Z4 as Popover,yo as PriceImpact,st as Radio,H5 as RadioGroup,pt as RadioRoot,n3 as RefreshIcon,l3 as ReverseIcon,De as RouteCost,c3 as RouteIcon,ze as RouteSummary,z5 as RoutesOverview,Te as SearchIcon,m1 as SecondaryPage,n4 as SelectableCategoryList,o4 as SelectableWallet,K5 as SelectableWalletList,T3 as SettingsIcon,w as Skeleton,U as Spinner,me as StepDetail,He as StepDetails,B3 as StyleIcon,u4 as SwapContainer,y4 as SwapDetailsPlaceholder,p6 as SwapHistory,H6 as SwapInput,g4 as SwapListItem,v4 as Switch,S1 as TextField,Pe as TimeIcon,_1 as TokenAmount,he as TokenInfo,xt as TokenList,M4 as TokenPreview,C6 as TokenSelector,U1 as Tooltip,f3 as TransactionIcon,s as Typography,yt as VirtualizedList,ct as Wallet,$3 as WalletIcon,Io as WalletState,uo as WarningIcon,ta as config,Ft as createTheme,oa as css,c as darkTheme,U5 as generateRangeColors,ea as globalCss,J as keyframes,ra as lightTheme,n as styled,wi as theme,z6 as useCopyToClipboard};
|
|
20
20
|
//# sourceMappingURL=index.js.map
|