@aori/mega-swap-widget 0.1.6 → 0.1.7

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.
Files changed (45) hide show
  1. package/dist/AssetSelectionMenu-2ILVPQBL.js +2 -0
  2. package/dist/AssetSelectionMenu-VK275DDY.cjs +2 -0
  3. package/dist/ChainSelectionMenu-2B6QTSXZ.cjs +2 -0
  4. package/dist/ChainSelectionMenu-UYQJ6BP3.js +2 -0
  5. package/dist/{SwapFormHorizontal-FTVJMZUH.cjs → SwapFormHorizontal-2JDBQ4PM.cjs} +1 -1
  6. package/dist/SwapFormHorizontal-DXO6F5JC.js +2 -0
  7. package/dist/{SwapFormSplit-LGXDW3FM.cjs → SwapFormSplit-C5Z6MUBP.cjs} +1 -1
  8. package/dist/{SwapFormSplit-5RRDB6H6.js → SwapFormSplit-FORONC7U.js} +1 -1
  9. package/dist/{WidgetWalletPanel-AMSL4XY3.js → WidgetWalletPanel-5EAZBMPR.js} +1 -1
  10. package/dist/{WidgetWalletPanel-OL7FBQVY.cjs → WidgetWalletPanel-H2MQ4HNZ.cjs} +1 -1
  11. package/dist/chunk-2UW2RRTC.js +2 -0
  12. package/dist/chunk-4SV4EZY2.cjs +2 -0
  13. package/dist/chunk-565H4OUG.js +2 -0
  14. package/dist/chunk-74M7ZIF5.js +2 -0
  15. package/dist/chunk-BJXIGJVO.js +2 -0
  16. package/dist/chunk-EDQ3SNQJ.cjs +2 -0
  17. package/dist/{chunk-YMQZ3S43.cjs → chunk-GIWNS54F.cjs} +1 -1
  18. package/dist/chunk-I7TSQM4Y.cjs +2 -0
  19. package/dist/chunk-IKVRF6NO.js +2 -0
  20. package/dist/{chunk-LFRHC3KG.js → chunk-K5X3YHME.js} +1 -1
  21. package/dist/{chunk-D6APGPYS.cjs → chunk-N7IYXS4X.cjs} +1 -1
  22. package/dist/chunk-T2JA5EHN.cjs +2 -0
  23. package/dist/chunk-TXQ6Q4S3.cjs +2 -0
  24. package/dist/{chunk-M26W6COT.js → chunk-XEB3SYOB.js} +1 -1
  25. package/dist/index.cjs +2 -2
  26. package/dist/index.css +1 -1
  27. package/dist/index.d.cts +5 -0
  28. package/dist/index.d.ts +5 -0
  29. package/dist/index.js +2 -2
  30. package/package.json +1 -1
  31. package/dist/AssetSelectionMenu-52ZJ2NVY.cjs +0 -2
  32. package/dist/AssetSelectionMenu-56FPUYSG.js +0 -2
  33. package/dist/ChainSelectionMenu-L2OAYLQ7.js +0 -2
  34. package/dist/ChainSelectionMenu-W7J6YVYH.cjs +0 -2
  35. package/dist/SwapFormHorizontal-CZ57BLFP.js +0 -2
  36. package/dist/chunk-2TYL5SWO.js +0 -2
  37. package/dist/chunk-46YHIOXG.cjs +0 -2
  38. package/dist/chunk-BV64BFUW.cjs +0 -2
  39. package/dist/chunk-GW2VVH4J.js +0 -2
  40. package/dist/chunk-I4RIO7H2.js +0 -2
  41. package/dist/chunk-I6MMPBVA.cjs +0 -2
  42. package/dist/chunk-MGRWSY3Y.js +0 -2
  43. package/dist/chunk-T2XGDQM3.cjs +0 -2
  44. package/dist/chunk-V6LSLSFL.cjs +0 -2
  45. package/dist/chunk-WUZBSXU3.js +0 -2
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import{a as dt}from"./chunk-M26W6COT.js";import{a as At,b as Pt,c as Me,d as Be,e as me,f as nt,g as he,h as se,i as de,j as lt,k as ct,l as Mt,m as Bt,n as Et,o as qt,p as Lt,q as Ft,r as Ht,s as Vt,t as jt,u as Ut,v as $t,w as gt,x as pt}from"./chunk-LFRHC3KG.js";import{a as st}from"./chunk-GW2VVH4J.js";import"./chunk-OPN7WCJR.js";import{a as Ot,b as zt,c as a,d as It,e as Ee,f as ve}from"./chunk-I4RIO7H2.js";import{a as Je,b as we}from"./chunk-WUZBSXU3.js";import{B as Re,L as ot,b as Ze,d as Xe,g as et,j as tt,l as it,n as rt,y as at}from"./chunk-DUMYILH6.js";import{a as G}from"./chunk-46H44R7V.js";import"./chunk-73CB2I7U.js";import gi,{useMemo as yt}from"react";import{Suspense as te,lazy as ce,useCallback as be,useEffect as Ne,useRef as Ue,useState as ft}from"react";import{useShallow as Xt}from"zustand/react/shallow";import{useCallback as le,useEffect as qe,useMemo as Dt,useRef as Le,useState as We}from"react";import{useShallow as Qt}from"zustand/react/shallow";import{Fragment as Fe,jsx as l,jsxs as j}from"react/jsx-runtime";var _t=({onSwapComplete:e,onSwapInitiated:t})=>{let{web3ConnectionType:g,hasConnectHandler:o,lockBase:d,lockQuote:h,disableInverting:x,tokenDisplay:N,tokenBadgeOrientation:R,widgetType:w}=we(),{effectiveInputTokens:W,effectiveOutputTokens:$}=st(),k=W.length===1,S=$.length===1,I=N==="pill"||N==="ghost",s=w==="compact",A=s?"px-4 pt-3 pb-1":"px-4 pt-4 pb-2",ie=s?"px-4 pt-4 pb-1":"px-4 pt-6 pb-2",{baseToken:n,quoteToken:i,baseAmount:r,quoteAmount:p,isBaseGasToken:b,isQuoteGasToken:D,isWrappingPair:m,isUnwrappingPair:v,baseBalance:M,quoteBalance:Q,setBaseAmount:L,setQuoteAmount:y,swapTokens:_,clearForm:U}=ve(),{rfqQuote:F,status:P,handleInputChange:O,ensureForParams:H,stop:re,clear:V,refresh:K}=me(),{address:B}=G(),{openConnectModal:ae}=he(),{isRecipientInputOpen:X,txStatus:oe}=a(Qt(z=>({isRecipientInputOpen:z.isRecipientInputOpen,txStatus:z.txStatus}))),[T,ge]=We(null),[E,ue]=We(null),xe=Le(!1),C=!1,Pe=Le(!1),[ke,ee]=We(1);qe(()=>{let z=T==="trackingTx"&&!!E&&!!n&&!!i&&!!r&&!!p;if(Pe.current!==z){ee(0);let pe=setTimeout(()=>ee(1),50);return Pe.current=z,()=>clearTimeout(pe)}},[T,E,n,i,r,p]);let Se=Le(T),[Ce,fe]=We(1);qe(()=>{if(Se.current!==T){fe(0);let z=setTimeout(()=>fe(1),50);return Se.current=T,()=>clearTimeout(z)}},[T]);let Te=Dt(()=>!n||!i||typeof r!="number"||!p||!B||parseFloat(M.formatted)<r?null:{base:n,quote:i,baseAmount:r,quoteAmount:p,userAddress:B},[n,i,r,p,B,M.formatted]),Oe=le(z=>{ue(z),a.getState().startTracking(z)},[]),ze=le(()=>{xe.current=!0,K()},[K]);qe(()=>{if(T===null&&!(!n||!i)){if(!r||r<=0){O({amount:null,inputToken:n,outputToken:i,setOutputAmount:y});return}if(m||v){y(r);return}O({amount:r,inputToken:n,outputToken:i,setOutputAmount:y})}},[T,r,n,i,m,v,O,y]);let u=le(()=>{a.getState().setView("baseSelection")},[]),Y=le(()=>{a.getState().setView("quoteSelection")},[]),ne=le(()=>{_(),y(null)},[_,y]),Ie=le(()=>{if(!M.formatted||!n||!i)return;let z=parseFloat(M.formatted);if(!z||z<=0)return;let pe=z*.9999999999;m||v?(L(pe),y(pe),V()):(L(pe),y(null),H({inputToken:n,outputToken:i,inputAmount:pe.toString(),setOutputAmount:Nt=>y(Nt)}))},[M.formatted,n,i,m,v,L,y,V,H]),Ct=le(()=>{V(),U()},[V,U]),Ye=M.formatted?parseFloat(M.formatted):null,Tt=!!(r||p),Rt=n?.price&&r?`$${(n.price*r).toFixed(2)}`:"$0.00",Wt=i?.price&&p?`$${(i.price*p).toFixed(2)}`:"$0.00",Ge=T==="trackingTx"&&!!E&&!!n&&!!i&&!!r&&!!p;return j("div",{className:"flex flex-col w-full",children:[l("div",{style:{opacity:ke,transition:"opacity 0.3s ease-out"},children:Ge&&E&&n&&i&&r&&p?l("div",{className:"overflow-hidden",children:l(pt,{orderHash:E,base:n,quote:i,baseAmount:r,quoteAmount:p,status:oe})}):j(Fe,{children:[j("div",{className:`relative ${A}`,style:{borderBottom:"1px solid var(--widget-border)"},children:[I?s?j("div",{className:`flex items-center gap-2 mb-2 ${R==="right"?"flex-row-reverse":"flex-row"}`,children:[l(de,{toggle:u,side:"base",asset:n,isPlacingOrder:C||d||k,hideDropdown:k}),l("div",{className:"flex-1 min-w-0",children:l(se,{side:"base",asset:n??null,otherAsset:i??null,isPlacingOrder:C,isWrappingPair:m,isUnwrappingPair:v})})]}):j("div",{className:`flex flex-col ${R==="right"?"items-end":"items-start"}`,children:[l(de,{toggle:u,side:"base",asset:n,isPlacingOrder:C||d||k,hideDropdown:k}),l(se,{side:"base",asset:n??null,otherAsset:i??null,isPlacingOrder:C,isWrappingPair:m,isUnwrappingPair:v})]}):j(Fe,{children:[l(de,{toggle:u,side:"base",asset:n,isPlacingOrder:C||d||k,hideDropdown:k}),l(se,{side:"base",asset:n??null,otherAsset:i??null,isPlacingOrder:C,isWrappingPair:m,isUnwrappingPair:v})]}),j("div",{className:"mb-1 flex w-full flex-row items-center justify-between",children:[l("p",{className:"font-sans text-sm",style:{color:"var(--widget-muted-foreground)"},children:Rt}),B&&Ye!==null&&Ye>0&&l("button",{type:"button",onClick:Ie,disabled:C,className:"absolute bottom-3 right-4 flex items-center px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed transition-colors bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card)",style:{borderRadius:"var(--widget-radius)"},children:"Max"})]})]}),!x&&l("div",{className:"flex justify-center -my-4 relative z-10",children:l("button",{type:"button",onClick:ne,"aria-label":"Swap input and output tokens",className:"flex h-8 w-8 items-center justify-center rounded-full cursor-pointer transition-colors bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground)",style:{border:"1px solid var(--widget-border)"},children:l(ct,{className:"w-3.5 h-3.5"})})}),j("div",{className:`relative ${ie}`,children:[I?s?j("div",{className:`flex items-center gap-2 ${R==="right"?"flex-row-reverse":"flex-row"}`,children:[l(de,{toggle:Y,side:"quote",asset:i,isPlacingOrder:C||h||S,hideDropdown:S}),l("div",{className:"flex-1 min-w-0",children:l(se,{side:"quote",asset:i??null,otherAsset:n??null,isPlacingOrder:C,isWrappingPair:m,isUnwrappingPair:v})})]}):j("div",{className:`flex flex-col ${R==="right"?"items-end":"items-start"}`,children:[l(de,{toggle:Y,side:"quote",asset:i,isPlacingOrder:C||h||S,hideDropdown:S}),l(se,{side:"quote",asset:i??null,otherAsset:n??null,isPlacingOrder:C,isWrappingPair:m,isUnwrappingPair:v})]}):j(Fe,{children:[l(de,{toggle:Y,side:"quote",asset:i,isPlacingOrder:C||h||S,hideDropdown:S}),l(se,{side:"quote",asset:i??null,otherAsset:n??null,isPlacingOrder:C,isWrappingPair:m,isUnwrappingPair:v})]}),j("div",{className:"flex w-full flex-row items-center justify-between",children:[l("p",{className:"font-sans text-sm",style:{color:"var(--widget-muted-foreground)"},children:Wt}),Tt&&l("button",{type:"button",onClick:Ct,disabled:C,className:"absolute bottom-2 right-4 flex items-center px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-(--widget-muted-foreground) hover:bg-(--widget-secondary)",style:{borderRadius:"var(--widget-radius)"},children:"Clear"})]})]}),l("div",{className:"flex flex-row items-center w-full overflow-hidden",style:{borderTop:X?"1px solid var(--widget-border)":"none",maxHeight:X?"60px":"0px",opacity:X?1:0,transition:"max-height 0.3s ease, opacity 0.3s ease"},children:l(lt,{})}),l("div",{className:"px-4",style:{borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"},children:l(dt,{})})]})}),l("div",{className:`relative ${Ge?"px-0 pb-4":"px-4"} ${s?"py-2":"py-4"}`,style:{opacity:Ce,transition:"opacity 0.3s ease-out"},children:B&&n&&i&&r&&r>0?l(gt,{base:n,baseAmount:r,quote:i,quoteAmount:p??0,userAddress:B,isWrappingPair:m,isUnwrappingPair:v,isBaseGasToken:b,isQuoteGasToken:D,reviewActionProps:Te,reviewState:T,setReviewState:ge,trackedOrderHash:E,setTrackedOrderHash:ue,onSwapComplete:e,onSwapInitiated:t,onOrderSubmitted:Oe,onStaleQuoteRestart:ze,txStatus:oe}):!B&&o?l("button",{onClick:()=>ae(),className:`w-full ${s?"py-2":"py-3"} text-sm font-sans font-medium cursor-pointer transition-opacity hover:opacity-80`,style:{backgroundColor:"var(--widget-primary)",color:"var(--widget-primary-foreground)",borderRadius:"var(--widget-radius)"},children:"Connect Wallet"}):l("button",{disabled:!0,className:`w-full ${s?"py-2":"py-3"} text-sm font-sans font-medium transition-colors disabled:opacity-40 cursor-not-allowed`,style:{backgroundColor:"var(--widget-primary)",color:"var(--widget-primary-foreground)",borderRadius:"var(--widget-radius)"},children:B?"Enter Amount":"Connect Wallet"})})]})},wt=_t;import{jsx as q,jsxs as He}from"react/jsx-runtime";var ut=()=>He("div",{className:"flex flex-col w-full",children:[He("div",{className:"relative px-4 pt-4 pb-2",style:{borderBottom:"1px solid var(--widget-border)"},children:[q("div",{className:"h-12 w-full animate-pulse",style:{backgroundColor:"var(--widget-secondary)",borderRadius:"0.25rem"}}),q("div",{className:"mt-2 h-20 w-2/3 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.5,borderRadius:"0.25rem"}}),q("div",{className:"mt-1 mb-1 flex w-full items-center justify-between",children:q("div",{className:"h-4 w-12 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.4,borderRadius:"0.25rem"}})})]}),q("div",{className:"flex justify-center -my-4 relative z-10",children:q("div",{className:"h-8 w-8",style:{border:"1px solid var(--widget-border)",backgroundColor:"var(--widget-card)",borderRadius:"9999px"}})}),He("div",{className:"relative px-4 pt-6 pb-2",children:[q("div",{className:"h-12 w-full animate-pulse",style:{backgroundColor:"var(--widget-secondary)",borderRadius:"0.25rem"}}),q("div",{className:"mt-2 h-20 w-2/3 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.5,borderRadius:"0.25rem"}}),q("div",{className:"mt-1 mb-1 flex w-full items-center justify-between",children:q("div",{className:"h-4 w-12 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.4,borderRadius:"0.25rem"}})})]}),q("div",{className:"px-4",style:{height:"28px",borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"}}),q("div",{className:"relative px-4 py-4",children:q("div",{className:"w-full animate-pulse",style:{height:"44px",backgroundColor:"var(--widget-secondary)",borderRadius:"var(--widget-radius)",opacity:.6}})})]});import{useEffect as Kt,useState as Ve}from"react";import{useShallow as Yt}from"zustand/react/shallow";import{Fragment as Zt,jsx as f,jsxs as J}from"react/jsx-runtime";var Gt=({targetText:e,isError:t})=>{let{displayText:g,suffix:o,characterColors:d}=at(e,t);return J(Zt,{children:[g.split("").map((h,x)=>f("span",{style:d[x]?{color:"var(--widget-destructive)"}:void 0,children:h},x)),f("span",{style:{color:t?"var(--widget-destructive)":"var(--widget-muted-foreground)",opacity:t?.5:1},children:o})]})},Jt=({headerText:e,onBackClick:t,isSameChain:g,isWrappingPair:o,isUnwrappingPair:d,hasLowLiquidity:h,hasInsufficientLiquidity:x,hasRoutingError:N,hasSizeCapError:R})=>{let w=a(P=>P.view),{isRecipientInputOpen:W,hasAllowanceError:$,hoveredChainName:k,isTrackingTx:S,txStatus:I,walletTab:s}=a(Yt(P=>({isRecipientInputOpen:P.isRecipientInputOpen,hasAllowanceError:P.hasAllowanceError,hoveredChainName:P.hoveredChainName,isTrackingTx:P.isTrackingTx,txStatus:P.txStatus,walletTab:P.walletTab}))),{swapHeaderVariant:A,walletButtonEnabled:ie}=we(),{isConnected:n}=G(),[i,r]=Ve(!1);Kt(()=>r(!0),[]);let[p,b]=Ve(!1),[D,m]=Ve(!1),v=`${w}-${p}-${D}-${W}-${k||"none"}`,Q=(()=>{if(S&&I)switch(I){case"pending":return"Trade Pending";case"received":return"Trade Received";case"completed":return"Trade Filled";case"failed":return"Trade Failed";case"cancelled":return"Trade Cancelled";default:return"Processing Trade"}if(k&&(w==="baseSelection"||w==="quoteSelection"||w==="baseChainSelection"||w==="quoteChainSelection"))return k;if(w==="swap"&&D)return"View Transaction History";if(w==="swap"&&p)return W?"Remove Custom Recipient":"Add Custom Recipient";switch(w){case"wallet":return"Wallet";case"activity":return"Activity";case"baseSelection":return"Select Source Token";case"quoteSelection":return"Select Destination Token";case"baseChainSelection":return"Select Source Chain";case"quoteChainSelection":return"Select Destination Chain";default:if(w==="swap"){if($&&!o&&!d)return"Allowance check failed";if(R&&!o&&!d)return"Size limit exceeded";if(x&&!o&&!d)return"Insufficient Liquidity";if(N&&!o&&!d)return"Route Not Found";if(h&&!o&&!d)return"High Price Impact"}return g&&!o&&!d?"Swap":o?"Wrap":d?"Unwrap":e}})(),L=!S&&w==="swap"&&!p&&($&&!o&&!d||R&&!o&&!d||x&&!o&&!d||N&&!o&&!d||h&&!o&&!d),y={pending:"var(--widget-primary)",received:"var(--widget-primary)",completed:"var(--widget-status-completed)",failed:"var(--widget-status-failed)",cancelled:"var(--widget-status-failed)"},_=()=>!S||!I?null:y[I]??null,U=()=>S?f("button",{onClick:()=>a.getState().exitHandler?.(),"aria-label":"Close trade status",className:"size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center transition-colors text-(--widget-muted-foreground) opacity-60 hover:text-(--widget-foreground) hover:opacity-100",children:J("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[f("path",{d:"M18 6L6 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),f("path",{d:"M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}):w==="swap"?J("div",{className:"flex items-center gap-2",children:[ie&&i&&n&&f("button",{onClick:()=>a.getState().setView("activity"),onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),"aria-label":"Open activity",className:"size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors text-(--widget-muted-foreground) opacity-60 hover:text-(--widget-foreground) hover:opacity-100",children:J("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[f("path",{d:"M12 8V12L14.5 14.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),f("path",{d:"M3.05 11A9 9 0 1 1 3.05 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),f("path",{d:"M1 7.5L3.05 11L6.5 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),f("button",{onClick:()=>a.getState().toggleRecipientInput(),onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),"aria-label":W?"Remove custom recipient":"Add custom recipient",className:`size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors hover:text-(--widget-foreground) hover:opacity-100 ${W?"text-(--widget-destructive) opacity-80":"text-(--widget-muted-foreground) opacity-60"}`,children:J("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[f("path",{d:"M2 7.75C1.58579 7.75 1.25 8.08579 1.25 8.5C1.25 8.91421 1.58579 9.25 2 9.25V7.75ZM2 8.5V9.25H13.5V8.5V7.75H2V8.5Z",fill:"currentColor"}),f("path",{d:"M6 16.5H8",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"butt",strokeLinejoin:"miter"}),f("path",{d:"M10.5 16.5H14.5",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"butt",strokeLinejoin:"miter"}),f("path",{d:"M22 12.03V16.11C22 20.5 22 20.5 17.56 20.5H6.44C2 20.5 2 20.5 2 16.11V7.89C2 3.5 2 3.5 6.44 3.5H13.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"miter"}),J("g",{style:{transform:`rotate(${W?"45deg":"0deg"})`,transformOrigin:"18.75px 6.75px",transition:"transform 150ms ease-out"},children:[f("path",{d:"M15 6.75H22.5",stroke:"currentColor",strokeWidth:"1.5"}),f("path",{d:"M18.75 10.5V3",stroke:"currentColor",strokeWidth:"1.5"})]})]})})]}):J("button",{onClick:()=>t?t():a.getState().setView("swap"),className:"flex cursor-pointer items-center justify-center whitespace-nowrap h-6 transition-colors text-(--widget-muted-foreground) opacity-70 hover:text-(--widget-foreground) hover:opacity-100",children:[f("span",{className:"pr-1",children:"\u2190"}),f("span",{className:"text-sm",children:"Back"})]}),F=_();return A==="none"?null:J("div",{className:"w-full pt-3 px-2 font-sans text-base flex flex-row justify-between h-6 shrink-0",children:[w==="wallet"?J("div",{className:"flex items-center gap-1 font-sans uppercase -translate-y-0.5 text-xs",children:[f("button",{type:"button",onClick:()=>a.getState().setWalletTab("wallet"),className:"cursor-pointer transition-colors",style:{color:s==="wallet"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:f("span",{children:"Wallet"})}),f("button",{type:"button",onClick:()=>a.getState().setWalletTab("activity"),className:"cursor-pointer transition-colors",style:{color:s==="activity"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:"Activity"})]}):f("div",{className:"font-sans uppercase -translate-y-0.5 text-xs flex items-center",children:f("span",{className:"relative",style:{color:F||"var(--widget-foreground)"},children:f(Gt,{targetText:Q,isError:L??!1})},v)}),f("div",{className:"flex flex-row items-center",children:U()})]})},je=Jt;import{Fragment as ni,jsx as c,jsxs as Ae}from"react/jsx-runtime";var mt=ce(()=>import("./AssetSelectionMenu-56FPUYSG.js")),vt=ce(()=>import("./ChainSelectionMenu-L2OAYLQ7.js")),ei=ce(()=>import("./SwapFormHorizontal-CZ57BLFP.js")),ti=ce(()=>import("./SwapFormSplit-5RRDB6H6.js")),ii=ce(()=>import("./WidgetWalletPanel-AMSL4XY3.js").then(e=>({default:e.WidgetWalletPanel}))),ri=ce(()=>import("./WalletPlaceholderPanel-Z4JCFCNV.js").then(e=>({default:e.WalletPlaceholderPanel}))),ai=ce(()=>import("./WidgetWalletTradeHistory-M4RTYZPY.js").then(e=>({default:e.WidgetWalletTradeHistory}))),oi=({onSwapComplete:e,cardStyles:t,cardWidth:g})=>{let{baseToken:o,quoteToken:d,baseAmount:h,quoteAmount:x,isWrappingPair:N,isUnwrappingPair:R,isRegistryLoading:w}=ve(),{liquidityError:W,routingError:$,sizeCapError:k,stop:S,clear:I}=me(),s=a(u=>u.view),{isTransitioning:A,isRecipientInputOpen:ie,recipient:n,selectedChainFilterChainId:i}=a(Xt(u=>({isTransitioning:u.isTransitioning,isRecipientInputOpen:u.isRecipientInputOpen,recipient:u.recipient,selectedChainFilterChainId:u.selectedChainFilter?.chainId??null}))),r=Ue(null),p=Ue(null),[b,D]=ft(null);Me(),Ne(()=>()=>{r.current&&clearTimeout(r.current),p.current&&clearTimeout(p.current)},[]),Ne(()=>{a.getState().resetUI()},[]),Ne(()=>{if(A)return r.current=setTimeout(()=>{a.getState().setIsTransitioning(!1),r.current=null},20),()=>{r.current&&(clearTimeout(r.current),r.current=null)}},[A]);let m=be((u,Y="navigation")=>{p.current&&(clearTimeout(p.current),p.current=null,D(null)),a.getState().view!=="swap"&&u!=="swap"?(a.getState().setView(u),a.getState().setIsTransitioning(!1)):a.getState().transitionToView(u,Y)},[]),v=be(()=>{r.current&&(clearTimeout(r.current),r.current=null),p.current&&(clearTimeout(p.current),p.current=null);let u=a.getState().view;D(u),a.getState().setChainFilter(null),a.getState().setView("swap"),a.getState().setIsTransitioning(!1),a.getState().resetAssetSelection(),p.current=setTimeout(()=>{D(null),p.current=null},200)},[]),M=be(u=>{let ne=s==="baseChainSelection"?"base":"quote";a.getState().setChainFilter({chainId:u,side:ne}),a.getState().pushRecentChain(u),m(ne==="base"?"baseSelection":"quoteSelection","chainSelection")},[s,m]),Q=be(()=>{let u=a.getState().view;u==="baseSelection"?m("baseChainSelection","chainSelection"):u==="quoteSelection"&&m("quoteChainSelection","chainSelection")},[m]),L=be(()=>{S(),I()},[S,I]),y=o&&d?o.chainId===d.chainId:!0,_=()=>{switch(s){case"wallet":return"Wallet";case"baseSelection":return"Select Input Token";case"quoteSelection":return"Select Output Token";case"baseChainSelection":case"quoteChainSelection":return"Select Chain";default:return"Swap"}},{assetMenuVariant:U,widgetType:F,customWalletUI:P}=we(),O=s==="baseSelection"||s==="quoteSelection",H=s==="baseChainSelection"||s==="quoteChainSelection",re=U==="split"&&(F==="default"||F==="compact"),V=U==="split"&&(F==="horizontal"||F==="split"),K=U==="default",B=s==="swap"||O||H||s==="wallet"||s==="activity",ae=b==="baseSelection"||b==="quoteSelection",X=b==="baseChainSelection"||b==="quoteChainSelection",oe=O||ae,T=H||X,ge=O&&!A,E=H&&!A,ue=O?s:b,xe=ue==="baseSelection"?"base":"quote",C=ue==="baseSelection"?d:o,ke=(H?s:b)==="baseChainSelection"?"base":"quote",ee=u=>({backgroundColor:"var(--widget-background)",opacity:u?1:0,transform:u?"translateY(0)":"translateY(6px)",transition:"opacity 200ms ease-in-out, transform 200ms ease-in-out"}),Se=K&&(O||H||s==="wallet"||s==="activity"||b!=null),Ce=w?c(ut,{}):F==="horizontal"?c(te,{fallback:null,children:c(ei,{onSwapComplete:e,onSwapInitiated:L,onBackToSwap:V?v:void 0,onMoreChainsClick:V?Q:void 0})}):F==="split"?c(te,{fallback:null,children:c(ti,{onSwapComplete:e,onSwapInitiated:L,onBackToSwap:V?v:void 0,onMoreChainsClick:V?Q:void 0})}):c(wt,{onSwapComplete:e,onSwapInitiated:L}),fe=t??{},Te=Ue(null),[Oe,ze]=ft(420);return Ne(()=>{if(!re)return;let u=Te.current;if(!u)return;let Y=new ResizeObserver(ne=>{for(let Ie of ne)ze(Ie.contentRect.height)});return Y.observe(u),()=>Y.disconnect()},[re]),re?Ae(ni,{children:[Ae("div",{ref:Te,className:"flex flex-col w-full overflow-hidden transition-colors duration-300",style:{flex:"1 1 0",minWidth:0,...fe},children:[c(je,{headerText:"Swap",onBackClick:v,isSameChain:y,isWrappingPair:N,isUnwrappingPair:R,hasLowLiquidity:W,hasInsufficientLiquidity:W,hasRoutingError:$,hasSizeCapError:k}),c("div",{className:"overflow-hidden",children:Ce})]}),(oe||T)&&c("div",{className:"flex flex-col overflow-hidden shrink-0",style:{width:g,height:`${Oe}px`,...fe,...ee((O||H)&&!A)},children:O||ae?c(te,{fallback:null,children:c(mt,{toggle:v,side:xe,otherAsset:C,onMoreChainsClick:Q,selectedChainFilter:i})}):c(te,{fallback:null,children:c(vt,{toggle:v,side:ke,onChainSelect:M})})})]}):Ae("div",{className:"flex flex-col w-full",style:{overflow:"hidden",position:"relative"},children:[c(je,{headerText:_(),onBackClick:v,isSameChain:y,isWrappingPair:N,isUnwrappingPair:R,hasLowLiquidity:W,hasInsufficientLiquidity:W,hasRoutingError:$,hasSizeCapError:k}),Ae("div",{className:"relative overflow-hidden",children:[B&&c("div",{className:"overflow-hidden",style:Se?{pointerEvents:"none"}:void 0,children:Ce}),(s==="wallet"||b==="wallet")&&c("div",{className:"absolute inset-0 overflow-hidden z-20",style:ee(s==="wallet"&&!A),children:c(te,{fallback:null,children:P==="none"?c(ri,{}):c(ii,{})})}),(s==="activity"||b==="activity")&&c("div",{className:"absolute inset-0 overflow-y-auto z-20",style:ee(s==="activity"&&!A),children:c(te,{fallback:null,children:c(ai,{isActive:s==="activity"})})}),K&&oe&&c("div",{className:"absolute inset-0 overflow-hidden z-20",style:ee(ge),children:c(te,{fallback:null,children:c(mt,{toggle:v,side:xe,otherAsset:C,onMoreChainsClick:Q,selectedChainFilter:i})})}),K&&T&&c("div",{className:"absolute inset-0 overflow-hidden z-20",style:ee(E),children:c(te,{fallback:null,children:c(vt,{toggle:v,side:ke,onChainSelect:M})})})]})]})},ht=({onSwapComplete:e,defaultBaseToken:t,defaultQuoteToken:g,onBaseTokenChange:o,onQuoteTokenChange:d,cardStyles:h,cardWidth:x})=>{let{address:N}=G(),R=a(w=>w.recipient);return c(Ee,{defaultBaseToken:t,defaultQuoteToken:g,onBaseTokenChange:o,onQuoteTokenChange:d,children:c(Be,{recipient:R,children:c(oi,{onSwapComplete:e,cardStyles:h,cardWidth:x})})})};import{createContext as si,useContext as di}from"react";var $e={background:"#ffffff",foreground:"#0a0a0a",card:"#ffffff","card-foreground":"#0a0a0a",popover:"#ffffff","popover-foreground":"#0a0a0a",primary:"#171717","primary-foreground":"#fafafa",secondary:"#f5f5f5","secondary-foreground":"#171717",muted:"#f5f5f5","muted-foreground":"#737373",accent:"#f5f5f5","accent-foreground":"#171717",destructive:"#e7000b","destructive-foreground":"#ffffff",border:"#e5e5e5",input:"#e5e5e5",ring:"#a1a1a1",radius:"0.625rem","border-style":"dotted","status-pending":"#a1a1aa","status-received":"#f59e0b","status-completed":"#10b981","status-failed":"#ef4444"},ye={background:"#0a0a0a",foreground:"#fafafa",card:"#171717","card-foreground":"#fafafa",popover:"#262626","popover-foreground":"#fafafa",primary:"#e5e5e5","primary-foreground":"#171717",secondary:"#262626","secondary-foreground":"#fafafa",muted:"#262626","muted-foreground":"#a1a1a1",accent:"#404040","accent-foreground":"#fafafa",destructive:"#ff6467","destructive-foreground":"#fafafa",border:"#282828",input:"#343434",ring:"#737373",radius:"0.625rem","border-style":"dotted","status-pending":"#a1a1aa","status-received":"#fbbf24","status-completed":"#2dd4bf","status-failed":"#fb7185"};function De(e){let t={"--widget-background":e.background,"--widget-foreground":e.foreground,"--widget-card":e.card,"--widget-card-foreground":e["card-foreground"],"--widget-popover":e.popover,"--widget-popover-foreground":e["popover-foreground"],"--widget-primary":e.primary,"--widget-primary-foreground":e["primary-foreground"],"--widget-secondary":e.secondary,"--widget-secondary-foreground":e["secondary-foreground"],"--widget-muted":e.muted,"--widget-muted-foreground":e["muted-foreground"],"--widget-accent":e.accent,"--widget-accent-foreground":e["accent-foreground"],"--widget-destructive":e.destructive,"--widget-destructive-foreground":e["destructive-foreground"],"--widget-border":e.border,"--widget-input":e.input,"--widget-ring":e.ring,"--widget-radius":e.radius,"--widget-border-style":e["border-style"]||"dotted"};return t["--widget-font-sans"]=e["font-sans"]||"inherit",t["--widget-font-mono"]=e["font-mono"]||"inherit",t["--widget-shadow-color"]=e["shadow-color"]||"oklch(0 0 0)",t["--widget-shadow-opacity"]=e["shadow-opacity"]||"0.1",t["--widget-shadow-blur"]=e["shadow-blur"]||"3px",t["--widget-shadow-spread"]=e["shadow-spread"]||"0px",t["--widget-shadow-offset-x"]=e["shadow-offset-x"]||"0",t["--widget-shadow-offset-y"]=e["shadow-offset-y"]||"1px",t["--widget-letter-spacing"]=e["letter-spacing"]||"normal",t["--widget-status-pending"]=e["status-pending"]||"#a1a1aa",t["--widget-status-received"]=e["status-received"]||"#fbbf24",t["--widget-status-completed"]=e["status-completed"]||"#2dd4bf",t["--widget-status-failed"]=e["status-failed"]||"#fb7185",t}import{jsx as ci}from"react/jsx-runtime";var bt=si(ye);function Qe({theme:e,children:t}){return ci(bt.Provider,{value:e,children:t})}function li(){return di(bt)}import{jsx as Z,jsxs as kt}from"react/jsx-runtime";var pi=[],wi=[],ui=[],xt=[],fi=`
2
+ import{a as lt}from"./chunk-XEB3SYOB.js";import{a as Wt,b as At,c as Ee,d as qe,e as ye,f as st,g as ke,h as le,i as ce,j as ct,k as gt,l as Mt,m as Bt,n as Et,o as qt,p as Ft,q as Lt,r as Ht,s as Vt,t as jt,u as Ut,v as Dt,w as pt,x as wt}from"./chunk-K5X3YHME.js";import{a as dt}from"./chunk-BJXIGJVO.js";import"./chunk-OPN7WCJR.js";import{a as Pt,b as zt,c as Ot,d as Fe,e as xe}from"./chunk-2UW2RRTC.js";import{a as Je,b as fe,d as a}from"./chunk-74M7ZIF5.js";import{B as Pe,L as nt,b as Xe,d as et,g as tt,j as it,l as rt,n as at,y as ot}from"./chunk-DUMYILH6.js";import{a as Y}from"./chunk-46H44R7V.js";import"./chunk-73CB2I7U.js";import gi,{useMemo as xt}from"react";import{Suspense as ie,lazy as pe,useCallback as Se,useEffect as Oe,useRef as $e,useState as mt}from"react";import{useShallow as Xt}from"zustand/react/shallow";import{useCallback as ge,useEffect as Le,useMemo as $t,useRef as He,useState as ze}from"react";import{useShallow as _t}from"zustand/react/shallow";import{Fragment as Ve,jsx as s,jsxs as V}from"react/jsx-runtime";var Qt=({onSwapComplete:e,onSwapInitiated:t})=>{let{web3ConnectionType:l,hasConnectHandler:r,lockBase:o,lockQuote:f,disableInverting:C,tokenDisplay:M,tokenBadgeOrientation:P,widgetType:b}=fe(),{effectiveInputTokens:y,effectiveOutputTokens:z}=dt(),N=y.length===1,W=z.length===1,q=M==="pill"||M==="ghost",S=b==="compact",$=S?"px-4 pt-3 pb-1":"px-4 pt-4 pb-2",g=S?"px-4 pt-4 pb-1":"px-4 pt-6 pb-2",{baseToken:i,quoteToken:n,baseAmount:w,quoteAmount:x,isBaseGasToken:h,isQuoteGasToken:T,isWrappingPair:c,isUnwrappingPair:k,baseBalance:R,quoteBalance:F,setBaseAmount:j,setQuoteAmount:v,swapTokens:U,clearForm:_}=xe(),{rfqQuote:re,status:Q,handleInputChange:m,ensureForParams:ae,stop:D,clear:B,refresh:K}=ye(),{address:A}=Y(),{openConnectModal:J}=ke(),{isRecipientInputOpen:X,txStatus:ee}=a(_t(E=>({isRecipientInputOpen:E.isRecipientInputOpen,txStatus:E.txStatus}))),[O,we]=ze(null),[H,oe]=ze(null),te=He(!1),I=!1,me=He(!1),[Te,Be]=ze(1);Le(()=>{let E=O==="trackingTx"&&!!H&&!!i&&!!n&&!!w&&!!x;if(me.current!==E){Be(0);let ue=setTimeout(()=>Be(1),50);return me.current=E,()=>clearTimeout(ue)}},[O,H,i,n,w,x]);let he=He(O),[ne,Re]=ze(1);Le(()=>{if(he.current!==O){Re(0);let E=setTimeout(()=>Re(1),50);return he.current=O,()=>clearTimeout(E)}},[O]);let Ie=$t(()=>!i||!n||typeof w!="number"||!x||!A||parseFloat(R.formatted)<w?null:{base:i,quote:n,baseAmount:w,quoteAmount:x,userAddress:A},[i,n,w,x,A,R.formatted]),Ne=ge(E=>{oe(E),a.getState().startTracking(E)},[]),We=ge(()=>{te.current=!0,K()},[K]);Le(()=>{if(O===null&&!(!i||!n)){if(!w||w<=0){m({amount:null,inputToken:i,outputToken:n,setOutputAmount:v});return}if(c||k){v(w);return}m({amount:w,inputToken:i,outputToken:n,setOutputAmount:v})}},[O,w,i,n,c,k,m,v]);let ve=ge(()=>{a.getState().setView("baseSelection")},[]),be=ge(()=>{a.getState().setView("quoteSelection")},[]),p=ge(()=>{U(),v(null)},[U,v]),se=ge(()=>{if(!R.formatted||!i||!n)return;let E=parseFloat(R.formatted);if(!E||E<=0)return;let ue=E*.9999999999;c||k?(j(ue),v(ue),B()):(j(ue),v(null),ae({inputToken:i,outputToken:n,inputAmount:ue.toString(),setOutputAmount:Nt=>v(Nt)}))},[R.formatted,i,n,c,k,j,v,B,ae]),de=ge(()=>{B(),_()},[B,_]),Ae=R.formatted?parseFloat(R.formatted):null,Tt=!!(w||x),Rt=i?.price&&w?`$${(i.price*w).toFixed(2)}`:"$0.00",It=n?.price&&x?`$${(n.price*x).toFixed(2)}`:"$0.00",Ze=O==="trackingTx"&&!!H&&!!i&&!!n&&!!w&&!!x;return V("div",{className:"flex flex-col w-full",children:[s("div",{style:{opacity:Te,transition:"opacity 0.3s ease-out"},children:Ze&&H&&i&&n&&w&&x?s("div",{className:"overflow-hidden",children:s(wt,{orderHash:H,base:i,quote:n,baseAmount:w,quoteAmount:x,status:ee})}):V(Ve,{children:[V("div",{className:`relative ${$}`,style:{borderBottom:"1px solid var(--widget-border)"},children:[q?S?V("div",{className:`flex items-center gap-2 mb-2 ${P==="right"?"flex-row-reverse":"flex-row"}`,children:[s(ce,{toggle:ve,side:"base",asset:i,isPlacingOrder:I||o||N,hideDropdown:N}),s("div",{className:"flex-1 min-w-0",children:s(le,{side:"base",asset:i??null,otherAsset:n??null,isPlacingOrder:I,isWrappingPair:c,isUnwrappingPair:k})})]}):V("div",{className:`flex flex-col ${P==="right"?"items-end":"items-start"}`,children:[s(ce,{toggle:ve,side:"base",asset:i,isPlacingOrder:I||o||N,hideDropdown:N}),s(le,{side:"base",asset:i??null,otherAsset:n??null,isPlacingOrder:I,isWrappingPair:c,isUnwrappingPair:k})]}):V(Ve,{children:[s(ce,{toggle:ve,side:"base",asset:i,isPlacingOrder:I||o||N,hideDropdown:N}),s(le,{side:"base",asset:i??null,otherAsset:n??null,isPlacingOrder:I,isWrappingPair:c,isUnwrappingPair:k})]}),V("div",{className:"mb-1 flex w-full flex-row items-center justify-between",children:[s("p",{className:"font-sans text-sm",style:{color:"var(--widget-muted-foreground)"},children:Rt}),A&&Ae!==null&&Ae>0&&s("button",{type:"button",onClick:se,disabled:I,className:"absolute bottom-3 right-4 flex items-center px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed transition-colors bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card)",style:{borderRadius:"var(--widget-radius)"},children:"Max"})]})]}),!C&&s("div",{className:"flex justify-center -my-4 relative z-10",children:s("button",{type:"button",onClick:p,"aria-label":"Swap input and output tokens",className:"flex h-8 w-8 items-center justify-center rounded-full cursor-pointer transition-colors bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground)",style:{border:"1px solid var(--widget-border)"},children:s(gt,{className:"w-3.5 h-3.5"})})}),V("div",{className:`relative ${g}`,children:[q?S?V("div",{className:`flex items-center gap-2 ${P==="right"?"flex-row-reverse":"flex-row"}`,children:[s(ce,{toggle:be,side:"quote",asset:n,isPlacingOrder:I||f||W,hideDropdown:W}),s("div",{className:"flex-1 min-w-0",children:s(le,{side:"quote",asset:n??null,otherAsset:i??null,isPlacingOrder:I,isWrappingPair:c,isUnwrappingPair:k})})]}):V("div",{className:`flex flex-col ${P==="right"?"items-end":"items-start"}`,children:[s(ce,{toggle:be,side:"quote",asset:n,isPlacingOrder:I||f||W,hideDropdown:W}),s(le,{side:"quote",asset:n??null,otherAsset:i??null,isPlacingOrder:I,isWrappingPair:c,isUnwrappingPair:k})]}):V(Ve,{children:[s(ce,{toggle:be,side:"quote",asset:n,isPlacingOrder:I||f||W,hideDropdown:W}),s(le,{side:"quote",asset:n??null,otherAsset:i??null,isPlacingOrder:I,isWrappingPair:c,isUnwrappingPair:k})]}),V("div",{className:"flex w-full flex-row items-center justify-between",children:[s("p",{className:"font-sans text-sm",style:{color:"var(--widget-muted-foreground)"},children:It}),Tt&&s("button",{type:"button",onClick:de,disabled:I,className:"absolute bottom-2 right-4 flex items-center px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed transition-colors text-(--widget-muted-foreground) hover:bg-(--widget-secondary)",style:{borderRadius:"var(--widget-radius)"},children:"Clear"})]})]}),s("div",{className:"flex flex-row items-center w-full overflow-hidden",style:{borderTop:X?"1px solid var(--widget-border)":"none",maxHeight:X?"60px":"0px",opacity:X?1:0,transition:"max-height 0.3s ease, opacity 0.3s ease"},children:s(ct,{})}),s("div",{className:"px-4",style:{borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"},children:s(lt,{})})]})}),s("div",{className:`relative ${Ze?"px-0 pb-4":"px-4"} ${S?"py-2":"py-4"}`,style:{opacity:ne,transition:"opacity 0.3s ease-out"},children:A&&i&&n&&w&&w>0?s(pt,{base:i,baseAmount:w,quote:n,quoteAmount:x??0,userAddress:A,isWrappingPair:c,isUnwrappingPair:k,isBaseGasToken:h,isQuoteGasToken:T,reviewActionProps:Ie,reviewState:O,setReviewState:we,trackedOrderHash:H,setTrackedOrderHash:oe,onSwapComplete:e,onSwapInitiated:t,onOrderSubmitted:Ne,onStaleQuoteRestart:We,txStatus:ee}):!A&&r?s("button",{onClick:()=>J(),className:`w-full ${S?"py-2":"py-3"} text-sm font-sans font-medium cursor-pointer transition-opacity hover:opacity-80`,style:{backgroundColor:"var(--widget-primary)",color:"var(--widget-primary-foreground)",borderRadius:"var(--widget-radius)"},children:"Connect Wallet"}):s("button",{disabled:!0,className:`w-full ${S?"py-2":"py-3"} text-sm font-sans font-medium transition-colors disabled:opacity-40 cursor-not-allowed`,style:{backgroundColor:"var(--widget-primary)",color:"var(--widget-primary-foreground)",borderRadius:"var(--widget-radius)"},children:A?"Enter Amount":"Connect Wallet"})})]})},ut=Qt;import{jsx as L,jsxs as je}from"react/jsx-runtime";var ft=()=>je("div",{className:"flex flex-col w-full",children:[je("div",{className:"relative px-4 pt-4 pb-2",style:{borderBottom:"1px solid var(--widget-border)"},children:[L("div",{className:"h-12 w-full animate-pulse",style:{backgroundColor:"var(--widget-secondary)",borderRadius:"0.25rem"}}),L("div",{className:"mt-2 h-20 w-2/3 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.5,borderRadius:"0.25rem"}}),L("div",{className:"mt-1 mb-1 flex w-full items-center justify-between",children:L("div",{className:"h-4 w-12 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.4,borderRadius:"0.25rem"}})})]}),L("div",{className:"flex justify-center -my-4 relative z-10",children:L("div",{className:"h-8 w-8",style:{border:"1px solid var(--widget-border)",backgroundColor:"var(--widget-card)",borderRadius:"9999px"}})}),je("div",{className:"relative px-4 pt-6 pb-2",children:[L("div",{className:"h-12 w-full animate-pulse",style:{backgroundColor:"var(--widget-secondary)",borderRadius:"0.25rem"}}),L("div",{className:"mt-2 h-20 w-2/3 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.5,borderRadius:"0.25rem"}}),L("div",{className:"mt-1 mb-1 flex w-full items-center justify-between",children:L("div",{className:"h-4 w-12 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.4,borderRadius:"0.25rem"}})})]}),L("div",{className:"px-4",style:{height:"28px",borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"}}),L("div",{className:"relative px-4 py-4",children:L("div",{className:"w-full animate-pulse",style:{height:"44px",backgroundColor:"var(--widget-secondary)",borderRadius:"var(--widget-radius)",opacity:.6}})})]});import{useEffect as Kt,useState as Ue}from"react";import{useShallow as Yt}from"zustand/react/shallow";import{Fragment as Jt,jsx as u,jsxs as G}from"react/jsx-runtime";var Gt=({targetText:e,isError:t})=>{let{displayText:l,suffix:r,characterColors:o}=ot(e,t);return G(Jt,{children:[l.split("").map((f,C)=>u("span",{style:o[C]?{color:"var(--widget-destructive)"}:void 0,children:f},C)),u("span",{style:{color:t?"var(--widget-destructive)":"var(--widget-muted-foreground)",opacity:t?.5:1},children:r})]})},Zt=({headerText:e,onBackClick:t,isSameChain:l,isWrappingPair:r,isUnwrappingPair:o,hasLowLiquidity:f,hasInsufficientLiquidity:C,hasRoutingError:M,hasSizeCapError:P,hasInsufficientBalance:b})=>{let y=a(m=>m.view),{isRecipientInputOpen:z,hasAllowanceError:N,hoveredChainName:W,isTrackingTx:q,txStatus:S,walletTab:$}=a(Yt(m=>({isRecipientInputOpen:m.isRecipientInputOpen,hasAllowanceError:m.hasAllowanceError,hoveredChainName:m.hoveredChainName,isTrackingTx:m.isTrackingTx,txStatus:m.txStatus,walletTab:m.walletTab}))),{swapHeaderVariant:g,walletButtonEnabled:i}=fe(),{isConnected:n}=Y(),[w,x]=Ue(!1);Kt(()=>x(!0),[]);let[h,T]=Ue(!1),[c,k]=Ue(!1),R=`${y}-${h}-${c}-${z}-${W||"none"}`,j=(()=>{if(q&&S)switch(S){case"pending":return"Trade Pending";case"received":return"Trade Received";case"completed":return"Trade Filled";case"failed":return"Trade Failed";case"cancelled":return"Trade Cancelled";default:return"Processing Trade"}if(W&&(y==="baseSelection"||y==="quoteSelection"||y==="baseChainSelection"||y==="quoteChainSelection"))return W;if(y==="swap"&&c)return"View Transaction History";if(y==="swap"&&h)return z?"Remove Custom Recipient":"Add Custom Recipient";switch(y){case"wallet":return"Wallet";case"activity":return"Activity";case"baseSelection":return"Select Source Token";case"quoteSelection":return"Select Destination Token";case"baseChainSelection":return"Select Source Chain";case"quoteChainSelection":return"Select Destination Chain";default:if(y==="swap"){if(N&&!r&&!o)return"Allowance check failed";if(P&&!r&&!o)return"Size limit exceeded";if(C&&!r&&!o)return"Insufficient Liquidity";if(M&&!r&&!o)return"Route Not Found";if(f&&!r&&!o)return"High Price Impact";if(b&&!r&&!o)return"Insufficient Balance"}return l&&!r&&!o?"Swap":r?"Wrap":o?"Unwrap":e}})(),v=!q&&y==="swap"&&!h&&(N&&!r&&!o||P&&!r&&!o||C&&!r&&!o||M&&!r&&!o||f&&!r&&!o||b&&!r&&!o),U={pending:"var(--widget-primary)",received:"var(--widget-primary)",completed:"var(--widget-status-completed)",failed:"var(--widget-status-failed)",cancelled:"var(--widget-status-failed)"},_=()=>!q||!S?null:U[S]??null,re=()=>q?u("button",{onClick:()=>a.getState().exitHandler?.(),"aria-label":"Close trade status",className:"size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center transition-colors text-(--widget-muted-foreground) opacity-60 hover:text-(--widget-foreground) hover:opacity-100",children:G("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[u("path",{d:"M18 6L6 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),u("path",{d:"M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}):y==="swap"?G("div",{className:"flex items-center gap-2",children:[i&&w&&n&&u("button",{onClick:()=>a.getState().setView("activity"),onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),"aria-label":"Open activity",className:"size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors text-(--widget-muted-foreground) opacity-60 hover:text-(--widget-foreground) hover:opacity-100",children:G("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[u("path",{d:"M12 8V12L14.5 14.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),u("path",{d:"M3.05 11A9 9 0 1 1 3.05 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),u("path",{d:"M1 7.5L3.05 11L6.5 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),u("button",{onClick:()=>a.getState().toggleRecipientInput(),onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1),"aria-label":z?"Remove custom recipient":"Add custom recipient",className:`size-4 -translate-y-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors hover:text-(--widget-foreground) hover:opacity-100 ${z?"text-(--widget-destructive) opacity-80":"text-(--widget-muted-foreground) opacity-60"}`,children:G("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[u("path",{d:"M2 7.75C1.58579 7.75 1.25 8.08579 1.25 8.5C1.25 8.91421 1.58579 9.25 2 9.25V7.75ZM2 8.5V9.25H13.5V8.5V7.75H2V8.5Z",fill:"currentColor"}),u("path",{d:"M6 16.5H8",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"butt",strokeLinejoin:"miter"}),u("path",{d:"M10.5 16.5H14.5",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"butt",strokeLinejoin:"miter"}),u("path",{d:"M22 12.03V16.11C22 20.5 22 20.5 17.56 20.5H6.44C2 20.5 2 20.5 2 16.11V7.89C2 3.5 2 3.5 6.44 3.5H13.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"miter"}),G("g",{style:{transform:`rotate(${z?"45deg":"0deg"})`,transformOrigin:"18.75px 6.75px",transition:"transform 150ms ease-out"},children:[u("path",{d:"M15 6.75H22.5",stroke:"currentColor",strokeWidth:"1.5"}),u("path",{d:"M18.75 10.5V3",stroke:"currentColor",strokeWidth:"1.5"})]})]})})]}):G("button",{onClick:()=>t?t():a.getState().setView("swap"),className:"flex cursor-pointer items-center justify-center whitespace-nowrap h-6 transition-colors text-(--widget-muted-foreground) opacity-70 hover:text-(--widget-foreground) hover:opacity-100",children:[u("span",{className:"pr-1",children:"\u2190"}),u("span",{className:"text-sm",children:"Back"})]}),Q=_();return g==="none"?null:G("div",{className:"w-full pt-3 px-2 font-sans text-base flex flex-row justify-between h-6 shrink-0",children:[y==="wallet"?G("div",{className:"flex items-center gap-1 font-sans uppercase -translate-y-0.5 text-xs",children:[u("button",{type:"button",onClick:()=>a.getState().setWalletTab("wallet"),className:"cursor-pointer transition-colors",style:{color:$==="wallet"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:u("span",{children:"Wallet"})}),u("button",{type:"button",onClick:()=>a.getState().setWalletTab("activity"),className:"cursor-pointer transition-colors",style:{color:$==="activity"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:"Activity"})]}):u("div",{className:"font-sans uppercase -translate-y-0.5 text-xs flex items-center",children:u("span",{className:"relative",style:{color:Q||"var(--widget-foreground)"},children:u(Gt,{targetText:j,isError:v??!1})},R)}),u("div",{className:"flex flex-row items-center",children:re()})]})},De=Zt;import{Fragment as ni,jsx as d,jsxs as Me}from"react/jsx-runtime";var ht=pe(()=>import("./AssetSelectionMenu-2ILVPQBL.js")),vt=pe(()=>import("./ChainSelectionMenu-UYQJ6BP3.js")),ei=pe(()=>import("./SwapFormHorizontal-DXO6F5JC.js")),ti=pe(()=>import("./SwapFormSplit-FORONC7U.js")),ii=pe(()=>import("./WidgetWalletPanel-5EAZBMPR.js").then(e=>({default:e.WidgetWalletPanel}))),ri=pe(()=>import("./WalletPlaceholderPanel-Z4JCFCNV.js").then(e=>({default:e.WalletPlaceholderPanel}))),ai=pe(()=>import("./WidgetWalletTradeHistory-M4RTYZPY.js").then(e=>({default:e.WidgetWalletTradeHistory}))),oi=({onSwapComplete:e,cardStyles:t,cardWidth:l})=>{let{baseToken:r,quoteToken:o,baseAmount:f,quoteAmount:C,baseBalance:M,isWrappingPair:P,isUnwrappingPair:b,isRegistryLoading:y}=xe(),{liquidityError:z,routingError:N,sizeCapError:W,stop:q,clear:S}=ye(),$=!!(f&&M.formatted&&parseFloat(M.formatted)<f),g=a(p=>p.view),{isTransitioning:i,isRecipientInputOpen:n,recipient:w,selectedChainFilterChainId:x}=a(Xt(p=>({isTransitioning:p.isTransitioning,isRecipientInputOpen:p.isRecipientInputOpen,recipient:p.recipient,selectedChainFilterChainId:p.selectedChainFilter?.chainId??null}))),h=$e(null),T=$e(null),[c,k]=mt(null);Ee(),Oe(()=>()=>{h.current&&clearTimeout(h.current),T.current&&clearTimeout(T.current)},[]),Oe(()=>{a.getState().resetUI()},[]),Oe(()=>{if(i)return h.current=setTimeout(()=>{a.getState().setIsTransitioning(!1),h.current=null},20),()=>{h.current&&(clearTimeout(h.current),h.current=null)}},[i]);let R=Se((p,se="navigation")=>{T.current&&(clearTimeout(T.current),T.current=null,k(null)),a.getState().view!=="swap"&&p!=="swap"?(a.getState().setView(p),a.getState().setIsTransitioning(!1)):a.getState().transitionToView(p,se)},[]),F=Se(()=>{h.current&&(clearTimeout(h.current),h.current=null),T.current&&(clearTimeout(T.current),T.current=null);let p=a.getState().view;k(p),a.getState().setChainFilter(null),a.getState().setView("swap"),a.getState().setIsTransitioning(!1),a.getState().resetAssetSelection(),T.current=setTimeout(()=>{k(null),T.current=null},200)},[]),j=Se(p=>{let de=g==="baseChainSelection"?"base":"quote";a.getState().setChainFilter({chainId:p,side:de}),a.getState().pushRecentChain(p),R(de==="base"?"baseSelection":"quoteSelection","chainSelection")},[g,R]),v=Se(()=>{let p=a.getState().view;p==="baseSelection"?R("baseChainSelection","chainSelection"):p==="quoteSelection"&&R("quoteChainSelection","chainSelection")},[R]),U=Se(()=>{q(),S()},[q,S]),_=r&&o?r.chainId===o.chainId:!0,re=()=>{switch(g){case"wallet":return"Wallet";case"baseSelection":return"Select Input Token";case"quoteSelection":return"Select Output Token";case"baseChainSelection":case"quoteChainSelection":return"Select Chain";default:return"Swap"}},{assetMenuVariant:Q,widgetType:m,customWalletUI:ae}=fe(),D=g==="baseSelection"||g==="quoteSelection",B=g==="baseChainSelection"||g==="quoteChainSelection",K=Q==="split"&&(m==="default"||m==="compact"),A=Q==="split"&&(m==="horizontal"||m==="split"),J=Q==="default",X=g==="swap"||D||B||g==="wallet"||g==="activity",ee=c==="baseSelection"||c==="quoteSelection",O=c==="baseChainSelection"||c==="quoteChainSelection",we=D||ee,H=B||O,oe=D&&!i,te=B&&!i,I=D?g:c,me=I==="baseSelection"?"base":"quote",Te=I==="baseSelection"?o:r,he=(B?g:c)==="baseChainSelection"?"base":"quote",ne=p=>({backgroundColor:"var(--widget-background)",opacity:p?1:0,transform:p?"translateY(0)":"translateY(6px)",transition:"opacity 200ms ease-in-out, transform 200ms ease-in-out"}),Re=J&&(D||B||g==="wallet"||g==="activity"||c!=null),Ie=y?d(ft,{}):m==="horizontal"?d(ie,{fallback:null,children:d(ei,{onSwapComplete:e,onSwapInitiated:U,onBackToSwap:A?F:void 0,onMoreChainsClick:A?v:void 0})}):m==="split"?d(ie,{fallback:null,children:d(ti,{onSwapComplete:e,onSwapInitiated:U,onBackToSwap:A?F:void 0,onMoreChainsClick:A?v:void 0})}):d(ut,{onSwapComplete:e,onSwapInitiated:U}),Ne=t??{},We=$e(null),[ve,be]=mt(420);return Oe(()=>{if(!K)return;let p=We.current;if(!p)return;let se=new ResizeObserver(de=>{for(let Ae of de)be(Ae.contentRect.height)});return se.observe(p),()=>se.disconnect()},[K]),K?Me(ni,{children:[Me("div",{ref:We,className:"flex flex-col w-full overflow-hidden transition-colors duration-300",style:{flex:"1 1 0",minWidth:0,...Ne},children:[d(De,{headerText:"Swap",onBackClick:F,isSameChain:_,isWrappingPair:P,isUnwrappingPair:b,hasLowLiquidity:z,hasInsufficientLiquidity:z,hasRoutingError:N,hasSizeCapError:W,hasInsufficientBalance:$}),d("div",{className:"overflow-hidden",children:Ie})]}),(we||H)&&d("div",{className:"flex flex-col overflow-hidden shrink-0",style:{width:l,height:`${ve}px`,...Ne,...ne((D||B)&&!i)},children:D||ee?d(ie,{fallback:null,children:d(ht,{toggle:F,side:me,otherAsset:Te,onMoreChainsClick:v,selectedChainFilter:x})}):d(ie,{fallback:null,children:d(vt,{toggle:F,side:he,onChainSelect:j})})})]}):Me("div",{className:"flex flex-col w-full",style:{overflow:"hidden",position:"relative"},children:[d(De,{headerText:re(),onBackClick:F,isSameChain:_,isWrappingPair:P,isUnwrappingPair:b,hasLowLiquidity:z,hasInsufficientLiquidity:z,hasRoutingError:N,hasSizeCapError:W,hasInsufficientBalance:$}),Me("div",{className:"relative overflow-hidden",children:[X&&d("div",{className:"overflow-hidden",style:Re?{pointerEvents:"none"}:void 0,children:Ie}),(g==="wallet"||c==="wallet")&&d("div",{className:"absolute inset-0 overflow-hidden z-20",style:ne(g==="wallet"&&!i),children:d(ie,{fallback:null,children:ae==="none"?d(ri,{}):d(ii,{})})}),(g==="activity"||c==="activity")&&d("div",{className:"absolute inset-0 overflow-y-auto z-20",style:ne(g==="activity"&&!i),children:d(ie,{fallback:null,children:d(ai,{isActive:g==="activity"})})}),J&&we&&d("div",{className:"absolute inset-0 overflow-hidden z-20",style:ne(oe),children:d(ie,{fallback:null,children:d(ht,{toggle:F,side:me,otherAsset:Te,onMoreChainsClick:v,selectedChainFilter:x})})}),J&&H&&d("div",{className:"absolute inset-0 overflow-hidden z-20",style:ne(te),children:d(ie,{fallback:null,children:d(vt,{toggle:F,side:he,onChainSelect:j})})})]})]})},bt=({onSwapComplete:e,defaultBaseToken:t,defaultQuoteToken:l,onBaseTokenChange:r,onQuoteTokenChange:o,cardStyles:f,cardWidth:C})=>{let{address:M}=Y(),P=a(b=>b.recipient);return d(Fe,{defaultBaseToken:t,defaultQuoteToken:l,onBaseTokenChange:r,onQuoteTokenChange:o,children:d(qe,{recipient:P,children:d(oi,{onSwapComplete:e,cardStyles:f,cardWidth:C})})})};import{createContext as si,useContext as di}from"react";var _e={background:"#ffffff",foreground:"#0a0a0a",card:"#ffffff","card-foreground":"#0a0a0a",popover:"#ffffff","popover-foreground":"#0a0a0a",primary:"#171717","primary-foreground":"#fafafa",secondary:"#f5f5f5","secondary-foreground":"#171717",muted:"#f5f5f5","muted-foreground":"#737373",accent:"#f5f5f5","accent-foreground":"#171717",destructive:"#e7000b","destructive-foreground":"#ffffff",border:"#e5e5e5",input:"#e5e5e5",ring:"#a1a1a1",radius:"0.625rem","border-style":"dotted","status-pending":"#a1a1aa","status-received":"#f59e0b","status-completed":"#10b981","status-failed":"#ef4444"},Ce={background:"#0a0a0a",foreground:"#fafafa",card:"#171717","card-foreground":"#fafafa",popover:"#262626","popover-foreground":"#fafafa",primary:"#e5e5e5","primary-foreground":"#171717",secondary:"#262626","secondary-foreground":"#fafafa",muted:"#262626","muted-foreground":"#a1a1a1",accent:"#404040","accent-foreground":"#fafafa",destructive:"#ff6467","destructive-foreground":"#fafafa",border:"#282828",input:"#343434",ring:"#737373",radius:"0.625rem","border-style":"dotted","status-pending":"#a1a1aa","status-received":"#fbbf24","status-completed":"#2dd4bf","status-failed":"#fb7185"};function Qe(e){let t={"--widget-background":e.background,"--widget-foreground":e.foreground,"--widget-card":e.card,"--widget-card-foreground":e["card-foreground"],"--widget-popover":e.popover,"--widget-popover-foreground":e["popover-foreground"],"--widget-primary":e.primary,"--widget-primary-foreground":e["primary-foreground"],"--widget-secondary":e.secondary,"--widget-secondary-foreground":e["secondary-foreground"],"--widget-muted":e.muted,"--widget-muted-foreground":e["muted-foreground"],"--widget-accent":e.accent,"--widget-accent-foreground":e["accent-foreground"],"--widget-destructive":e.destructive,"--widget-destructive-foreground":e["destructive-foreground"],"--widget-border":e.border,"--widget-input":e.input,"--widget-ring":e.ring,"--widget-radius":e.radius,"--widget-border-style":e["border-style"]||"dotted"};return t["--widget-font-sans"]=e["font-sans"]||"inherit",t["--widget-font-mono"]=e["font-mono"]||"inherit",t["--widget-shadow-color"]=e["shadow-color"]||"oklch(0 0 0)",t["--widget-shadow-opacity"]=e["shadow-opacity"]||"0.1",t["--widget-shadow-blur"]=e["shadow-blur"]||"3px",t["--widget-shadow-spread"]=e["shadow-spread"]||"0px",t["--widget-shadow-offset-x"]=e["shadow-offset-x"]||"0",t["--widget-shadow-offset-y"]=e["shadow-offset-y"]||"1px",t["--widget-letter-spacing"]=e["letter-spacing"]||"normal",t["--widget-status-pending"]=e["status-pending"]||"#a1a1aa",t["--widget-status-received"]=e["status-received"]||"#fbbf24",t["--widget-status-completed"]=e["status-completed"]||"#2dd4bf",t["--widget-status-failed"]=e["status-failed"]||"#fb7185",t}import{jsx as ci}from"react/jsx-runtime";var yt=si(Ce);function Ke({theme:e,children:t}){return ci(yt.Provider,{value:e,children:t})}function li(){return di(yt)}import{jsx as Z,jsxs as St}from"react/jsx-runtime";var pi=[],wi=[],ui=[],kt=[],fi=[],mi=[],hi=`
3
3
  .aori-widget .text-2xs { font-size: 0.75rem; }
4
4
  .aori-widget .text-3xs { font-size: 0.68rem; }
5
5
  .aori-widget ::-webkit-scrollbar { width: 0px; height: 0px; display: none; }
@@ -7,4 +7,4 @@ import{a as dt}from"./chunk-M26W6COT.js";import{a as At,b as Pt,c as Me,d as Be,
7
7
  .aori-widget input:focus, .aori-widget input:focus-visible,
8
8
  .aori-widget button:focus, .aori-widget button:focus-visible,
9
9
  .aori-widget select:focus, .aori-widget select:focus-visible { outline: none; }
10
- `,_e=class extends gi.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?kt("div",{style:{padding:"1.5rem",textAlign:"center",color:"var(--widget-foreground, #888)",fontFamily:"system-ui, sans-serif"},children:[Z("p",{style:{margin:"0 0 0.75rem",fontSize:"0.875rem"},children:"Something went wrong."}),Z("button",{type:"button",onClick:()=>this.setState({hasError:!1}),style:{padding:"0.375rem 1rem",fontSize:"0.8125rem",cursor:"pointer",border:"1px solid currentColor",borderRadius:"0.25rem",background:"transparent",color:"inherit"},children:"Retry"})]}):this.props.children}};function mi(e){let t=e.theme.mode==="light"?$e:ye,g=e.theme.mode==="light"?e.theme.light:e.theme.dark;return g?{...t,...g}:t}function vi({config:e,className:t,onSwapComplete:g,onBaseTokenChange:o,onQuoteTokenChange:d,onRequestConnect:h,onRequestAccount:x,customWalletUI:N="builtin"}){it(e.apiKey),rt(e.rpcOverrides),tt(e.vtApiBaseUrl);let R=mi(e),w=e.appearance?.widgetType??"default",W=e.appearance?.tokenDisplay??"default",$=e.appearance?.tokenBadgeOrientation??"left",k=e.appearance?.assetMenuVariant??"default",S=e.appearance?.amountInputVariant??"default",I=e.appearance?.hideAmountInputSymbol??!1,s=e.appearance?.swapButtonVariant??"default",A=e.appearance?.swapHeaderVariant??"default",ie=e.appearance?.quoteLoaderVariant??"default",n=e.appearance?.walletButtonEnabled??!0,i=e.appearance?.fillContainer??!1,r=e.appearance?.hideBorder??!1,p=De(R),b=k==="split"&&(w==="default"||w==="compact"),D=a(E=>E.view==="baseSelection"||E.view==="quoteSelection"||E.view==="baseChainSelection"||E.view==="quoteChainSelection"),m=w==="compact"?"22rem":"24rem",M=b?{maxWidth:D?w==="compact"?"46rem":"49rem":m,transition:"max-width 0.3s ease",height:"auto",overflow:"visible",display:"flex",gap:"1rem",alignItems:"stretch",backgroundColor:"transparent",border:"none",borderRadius:0,boxShadow:"none",padding:0}:{width:"100%",...i?{}:{maxWidth:w==="split"||w==="horizontal"?"48rem":w==="compact"?"22rem":"24rem"},height:"auto",overflow:"hidden"},Q={boxSizing:"border-box",backgroundColor:"var(--widget-background)",color:"var(--widget-foreground)",borderRadius:"var(--widget-radius)",...r?{border:"none"}:{borderWidth:"1px",borderStyle:"var(--widget-border-style)",borderColor:"var(--widget-border)"},boxShadow:"var(--widget-shadow-offset-x) var(--widget-shadow-offset-y) var(--widget-shadow-blur) var(--widget-shadow-spread) color-mix(in srgb, var(--widget-shadow-color) calc(var(--widget-shadow-opacity) * 100%), transparent)",padding:"0.25rem 0.5rem",paddingTop:"0.25rem"},L=e.tokens?.enabledChains??pi,y=e.tokens?.supportedInputTokens??wi,_=e.tokens?.supportedOutputTokens??ui,U=e.tokens?.supportedInputChains??xt,F=e.tokens?.supportedOutputChains??xt,P=e.tokens?.inputSelectionSearch??!0,O=e.tokens?.outputSelectionSearch??!0,H=e.tokens?.showInputSelectionTokenBalances??!0,re=e.tokens?.showOutputSelectionTokenBalances??!0,V=e.tokens?.lockBase??!1,K=e.tokens?.lockQuote??!1,B=e.tokens?.disableInverting??!1,ae=e.settings?.defaultSlippage??.01,X=!!h,oe=yt(()=>({apiKey:e.apiKey,web3ConnectionType:"custom",enabledChains:L,supportedInputTokens:y,supportedOutputTokens:_,supportedInputChains:U,supportedOutputChains:F,inputSelectionSearch:P,outputSelectionSearch:O,showInputSelectionTokenBalances:H,showOutputSelectionTokenBalances:re,lockBase:V,lockQuote:K,disableInverting:B,defaultSlippage:ae,widgetType:w,tokenDisplay:W,tokenBadgeOrientation:$,assetMenuVariant:k,amountInputVariant:S,hideAmountInputSymbol:I,swapButtonVariant:s,swapHeaderVariant:A,quoteLoaderVariant:ie,walletButtonEnabled:n,hasConnectHandler:X,customWalletUI:N}),[e.apiKey,L,y,_,U,F,P,O,H,re,V,K,B,ae,w,W,$,k,S,I,s,A,ie,n,X,N]),T=yt(()=>h?{openConnectModal:h,openAccountModal:x}:null,[h,x]),ge=Z(ot,{children:Z(Je.Provider,{value:oe,children:Z(Qe,{theme:R,children:kt("div",{className:`aori-widget${t?` ${t}`:""}`,style:{...p,"--font-sans":"var(--widget-font-sans)","--font-mono":"var(--widget-font-mono)",fontFamily:"var(--widget-font-sans)",letterSpacing:"var(--widget-letter-spacing)",width:"100%",...M,position:"relative",...b?{}:Q},children:[Z("style",{dangerouslySetInnerHTML:{__html:fi}}),Z(_e,{children:Z(ht,{onSwapComplete:g,defaultBaseToken:e.tokens?.defaultBase,defaultQuoteToken:e.tokens?.defaultQuote,onBaseTokenChange:o,onQuoteTokenChange:d,cardStyles:b?Q:void 0,cardWidth:b?m:void 0})})]})})})});return T?Z(nt.Provider,{value:T,children:ge}):ge}import{jsx as bi}from"react/jsx-runtime";function hi(){let{openConnectModal:e}=he(),{isConnected:t,address:g}=G(),o=t&&g?`${g.slice(0,6)}...${g.slice(-4)}`:"Connect";return bi("button",{type:"button",onClick:()=>e(),className:"h-8 cursor-pointer px-3 text-xs font-bold uppercase tracking-wide transition-colors duration-150 border border-border rounded-sm bg-card text-foreground hover:bg-secondary hover:border-foreground/20",children:o})}import{http as St,fallback as yi}from"wagmi";function xi(e){let t=Object.entries(Ze);return Object.fromEntries(t.map(([g,o])=>{let d=e?.[Number(g)],h=d?Array.isArray(d)?d:[d]:[],x=h.length>0?[...h,...o.rpcUrls]:o.rpcUrls;return[g,x.length>1?yi(x.map(N=>St(N,{batch:{batchSize:50,wait:50}}))):St(x[0],{batch:{batchSize:50,wait:50}})]}))}var ki=Xe().map(e=>e.wagmiChain);import{useMemo as Ke}from"react";var Si=e=>{let{tokenRegistry:t,isLoadingRegistry:g,error:o}=Re();return{tokens:Ke(()=>t.filter(h=>h.chainId===e),[t,e]),isLoading:g,error:o}},Ci=(e,t)=>{let{tokenRegistry:g}=Re();return Ke(()=>!e||!g.length?!1:g.some(o=>o.address.toLowerCase()===e.toLowerCase()&&o.chainId===t),[g,e,t])},Ti=(e,t)=>{let{getToken:g}=Re();return Ke(()=>{if(!(!e||!t))return g(t,e)},[g,e,t])},Vr=et();export{qt as ChainSwitch,hi as ConnectButton,Be as RfqProvider,Lt as SignSwap,Ee as SwapFormProvider,vi as SwapWidget,Qe as WidgetThemeProvider,xi as buildTransports,Ht as canSubmitOrder,jt as cleanupOldSubmissions,ye as defaultDarkTheme,$e as defaultLightTheme,Ft as isQuoteFresh,Vt as markOrderAsSubmitted,Mt as pollOrderStatus,De as themeToCSS,At as useBalanceEventListener,Me as useBalanceEventSubscription,Pt as useEmitBalanceEvent,Ci as useIsTokenSupported,Bt as useOrderStatusPolling,me as useRfq,It as useSwapForm,ve as useSwapFormContext,Ti as useTokenByAddress,zt as useTokenSelection,Ot as useTokenSelectionStore,Si as useTokensForChain,Et as useTransactionRegistry,Ut as useUnwrapToken,he as useWalletModal,G as useWalletState,a as useWidgetSwapUIStore,li as useWidgetTheme,$t as useWrapToken,ki as wagmiChains};
10
+ `,Ye=class extends gi.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?St("div",{style:{padding:"1.5rem",textAlign:"center",color:"var(--widget-foreground, #888)",fontFamily:"system-ui, sans-serif"},children:[Z("p",{style:{margin:"0 0 0.75rem",fontSize:"0.875rem"},children:"Something went wrong."}),Z("button",{type:"button",onClick:()=>this.setState({hasError:!1}),style:{padding:"0.375rem 1rem",fontSize:"0.8125rem",cursor:"pointer",border:"1px solid currentColor",borderRadius:"0.25rem",background:"transparent",color:"inherit"},children:"Retry"})]}):this.props.children}};function vi(e){let t=e.theme.mode==="light"?_e:Ce,l=e.theme.mode==="light"?e.theme.light:e.theme.dark;return l?{...t,...l}:t}function bi({config:e,className:t,onSwapComplete:l,onBaseTokenChange:r,onQuoteTokenChange:o,onRequestConnect:f,onRequestAccount:C,customWalletUI:M="builtin"}){rt(e.apiKey),at(e.rpcOverrides),it(e.vtApiBaseUrl);let P=vi(e),b=e.appearance?.widgetType??"default",y=e.appearance?.tokenDisplay??"default",z=e.appearance?.tokenBadgeOrientation??"left",N=e.appearance?.assetMenuVariant??"default",W=e.appearance?.amountInputVariant??"default",q=e.appearance?.hideAmountInputSymbol??!1,S=e.appearance?.swapButtonVariant??"default",$=e.appearance?.swapHeaderVariant??"default",g=e.appearance?.quoteLoaderVariant??"default",i=e.appearance?.walletButtonEnabled??!0,n=e.appearance?.fillContainer??!1,w=e.appearance?.hideBorder??!1,x=Qe(P),h=N==="split"&&(b==="default"||b==="compact"),T=a(te=>te.view==="baseSelection"||te.view==="quoteSelection"||te.view==="baseChainSelection"||te.view==="quoteChainSelection"),c=b==="compact"?"22rem":"24rem",R=h?{maxWidth:T?b==="compact"?"46rem":"49rem":c,transition:"max-width 0.3s ease",height:"auto",overflow:"visible",display:"flex",gap:"1rem",alignItems:"stretch",backgroundColor:"transparent",border:"none",borderRadius:0,boxShadow:"none",padding:0}:{width:"100%",...n?{}:{maxWidth:b==="split"||b==="horizontal"?"48rem":b==="compact"?"22rem":"24rem"},height:"auto",overflow:"hidden"},F={boxSizing:"border-box",backgroundColor:"var(--widget-background)",color:"var(--widget-foreground)",borderRadius:"var(--widget-radius)",...w?{border:"none"}:{borderWidth:"1px",borderStyle:"var(--widget-border-style)",borderColor:"var(--widget-border)"},boxShadow:"var(--widget-shadow-offset-x) var(--widget-shadow-offset-y) var(--widget-shadow-blur) var(--widget-shadow-spread) color-mix(in srgb, var(--widget-shadow-color) calc(var(--widget-shadow-opacity) * 100%), transparent)",padding:"0.25rem 0.5rem",paddingTop:"0.25rem"},j=e.tokens?.enabledChains??pi,v=e.tokens?.supportedInputTokens??wi,U=e.tokens?.supportedOutputTokens??ui,_=e.tokens?.supportedInputChains??kt,re=e.tokens?.supportedOutputChains??kt,Q=e.tokens?.prioritizedInputTokens??fi,m=e.tokens?.prioritizedInputChains??mi,ae=e.tokens?.inputSelectionSearch??!0,D=e.tokens?.outputSelectionSearch??!0,B=e.tokens?.showInputSelectionTokenBalances??!0,K=e.tokens?.showOutputSelectionTokenBalances??!0,A=e.tokens?.lockBase??!1,J=e.tokens?.lockQuote??!1,X=e.tokens?.disableInverting??!1,ee=e.settings?.defaultSlippage??.01,O=!!f,we=xt(()=>({apiKey:e.apiKey,web3ConnectionType:"custom",enabledChains:j,supportedInputTokens:v,supportedOutputTokens:U,supportedInputChains:_,supportedOutputChains:re,prioritizedInputTokens:Q,prioritizedInputChains:m,inputSelectionSearch:ae,outputSelectionSearch:D,showInputSelectionTokenBalances:B,showOutputSelectionTokenBalances:K,lockBase:A,lockQuote:J,disableInverting:X,defaultSlippage:ee,widgetType:b,tokenDisplay:y,tokenBadgeOrientation:z,assetMenuVariant:N,amountInputVariant:W,hideAmountInputSymbol:q,swapButtonVariant:S,swapHeaderVariant:$,quoteLoaderVariant:g,walletButtonEnabled:i,hasConnectHandler:O,customWalletUI:M}),[e.apiKey,j,v,U,_,re,Q,m,ae,D,B,K,A,J,X,ee,b,y,z,N,W,q,S,$,g,i,O,M]),H=xt(()=>f?{openConnectModal:f,openAccountModal:C}:null,[f,C]),oe=Z(nt,{children:Z(Je.Provider,{value:we,children:Z(Ke,{theme:P,children:St("div",{className:`aori-widget${t?` ${t}`:""}`,style:{...x,"--font-sans":"var(--widget-font-sans)","--font-mono":"var(--widget-font-mono)",fontFamily:"var(--widget-font-sans)",letterSpacing:"var(--widget-letter-spacing)",width:"100%",...R,position:"relative",...h?{}:F},children:[Z("style",{dangerouslySetInnerHTML:{__html:hi}}),Z(Ye,{children:Z(bt,{onSwapComplete:l,defaultBaseToken:e.tokens?.defaultBase,defaultQuoteToken:e.tokens?.defaultQuote,onBaseTokenChange:r,onQuoteTokenChange:o,cardStyles:h?F:void 0,cardWidth:h?c:void 0})})]})})})});return H?Z(st.Provider,{value:H,children:oe}):oe}import{jsx as xi}from"react/jsx-runtime";function yi(){let{openConnectModal:e}=ke(),{isConnected:t,address:l}=Y(),r=t&&l?`${l.slice(0,6)}...${l.slice(-4)}`:"Connect";return xi("button",{type:"button",onClick:()=>e(),className:"h-8 cursor-pointer px-3 text-xs font-bold uppercase tracking-wide transition-colors duration-150 border border-border rounded-sm bg-card text-foreground hover:bg-secondary hover:border-foreground/20",children:r})}import{http as Ct,fallback as ki}from"wagmi";function Si(e){let t=Object.entries(Xe);return Object.fromEntries(t.map(([l,r])=>{let o=e?.[Number(l)],f=o?Array.isArray(o)?o:[o]:[],C=f.length>0?[...f,...r.rpcUrls]:r.rpcUrls;return[l,C.length>1?ki(C.map(M=>Ct(M,{batch:{batchSize:50,wait:50}}))):Ct(C[0],{batch:{batchSize:50,wait:50}})]}))}var Ci=et().map(e=>e.wagmiChain);import{useMemo as Ge}from"react";var Ti=e=>{let{tokenRegistry:t,isLoadingRegistry:l,error:r}=Pe();return{tokens:Ge(()=>t.filter(f=>f.chainId===e),[t,e]),isLoading:l,error:r}},Ri=(e,t)=>{let{tokenRegistry:l}=Pe();return Ge(()=>!e||!l.length?!1:l.some(r=>r.address.toLowerCase()===e.toLowerCase()&&r.chainId===t),[l,e,t])},Ii=(e,t)=>{let{getToken:l}=Pe();return Ge(()=>{if(!(!e||!t))return l(t,e)},[l,e,t])},Ur=tt();export{qt as ChainSwitch,yi as ConnectButton,qe as RfqProvider,Ft as SignSwap,Fe as SwapFormProvider,bi as SwapWidget,Ke as WidgetThemeProvider,Si as buildTransports,Ht as canSubmitOrder,jt as cleanupOldSubmissions,Ce as defaultDarkTheme,_e as defaultLightTheme,Lt as isQuoteFresh,Vt as markOrderAsSubmitted,Mt as pollOrderStatus,Qe as themeToCSS,Wt as useBalanceEventListener,Ee as useBalanceEventSubscription,At as useEmitBalanceEvent,Ri as useIsTokenSupported,Bt as useOrderStatusPolling,ye as useRfq,Ot as useSwapForm,xe as useSwapFormContext,Ii as useTokenByAddress,zt as useTokenSelection,Pt as useTokenSelectionStore,Ti as useTokensForChain,Et as useTransactionRegistry,Ut as useUnwrapToken,ke as useWalletModal,Y as useWalletState,a as useWidgetSwapUIStore,li as useWidgetTheme,Dt as useWrapToken,Ci as wagmiChains};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aori/mega-swap-widget",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "description": "Embeddable cross-chain swap widget powered by Aori",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
- "use client";var _chunkBV64BFUWcjs = require('./chunk-BV64BFUW.cjs');require('./chunk-I6MMPBVA.cjs');require('./chunk-V6LSLSFL.cjs');require('./chunk-46YHIOXG.cjs');require('./chunk-T2K2NOGZ.cjs');require('./chunk-34N36GUD.cjs');require('./chunk-T3I3AJXV.cjs');exports.default = _chunkBV64BFUWcjs.a;
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use client";import{a}from"./chunk-MGRWSY3Y.js";import"./chunk-GW2VVH4J.js";import"./chunk-I4RIO7H2.js";import"./chunk-WUZBSXU3.js";import"./chunk-DUMYILH6.js";import"./chunk-46H44R7V.js";import"./chunk-73CB2I7U.js";export{a as default};
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use client";import{a}from"./chunk-2TYL5SWO.js";import"./chunk-WUZBSXU3.js";import"./chunk-DUMYILH6.js";import"./chunk-73CB2I7U.js";export{a as default};
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
- "use client";var _chunkT2XGDQM3cjs = require('./chunk-T2XGDQM3.cjs');require('./chunk-46YHIOXG.cjs');require('./chunk-T2K2NOGZ.cjs');require('./chunk-T3I3AJXV.cjs');exports.default = _chunkT2XGDQM3cjs.a;
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use client";import{a as le}from"./chunk-M26W6COT.js";import{e as se,g as re,h as f,i as w,j as de,k as ue,w as ce,x as pe}from"./chunk-LFRHC3KG.js";import{a as Q}from"./chunk-MGRWSY3Y.js";import{a as ae}from"./chunk-GW2VVH4J.js";import{a as H}from"./chunk-2TYL5SWO.js";import"./chunk-OPN7WCJR.js";import{c as d,f as ne}from"./chunk-I4RIO7H2.js";import{b as oe}from"./chunk-WUZBSXU3.js";import"./chunk-DUMYILH6.js";import{a as ie}from"./chunk-46H44R7V.js";import"./chunk-73CB2I7U.js";import{useCallback as p,useEffect as Qe,useMemo as He,useRef as Ue,useState as me}from"react";import{useShallow as Ve}from"zustand/react/shallow";import{Fragment as N,jsx as e,jsxs as r}from"react/jsx-runtime";var O=()=>{},De=({onSwapComplete:ge,onSwapInitiated:fe,onBackToSwap:S,onMoreChainsClick:je})=>{let{web3ConnectionType:Ge,hasConnectHandler:we,lockBase:T,lockQuote:q,disableInverting:he,swapButtonVariant:R,tokenDisplay:U,tokenBadgeOrientation:C,widgetType:ve,assetMenuVariant:be}=oe(),{effectiveInputTokens:xe,effectiveOutputTokens:Se}=ae(),h=xe.length===1,v=Se.length===1,V=U==="pill"||U==="ghost",F=ve==="compact",{baseToken:t,quoteToken:o,baseAmount:i,quoteAmount:u,isBaseGasToken:Ce,isQuoteGasToken:ye,isWrappingPair:a,isUnwrappingPair:l,baseBalance:g,quoteBalance:ze,setBaseAmount:I,setQuoteAmount:c,swapTokens:D,clearForm:j}=ne(),{rfqQuote:Ee,status:Le,handleInputChange:M,ensureForParams:G,stop:_e,clear:y,refresh:z}=se(),{address:m}=ie(),{openConnectModal:ke}=re(),{isRecipientInputOpen:W,txStatus:E,view:b,selectedChainFilterChainId:L}=d(Ve(n=>({isRecipientInputOpen:n.isRecipientInputOpen,txStatus:n.txStatus,view:n.view,selectedChainFilterChainId:n.selectedChainFilter?.chainId??null}))),[k,Ae]=me(null),[A,_]=me(null),Pe=Ue(!1),s=!1,Oe=He(()=>!t||!o||typeof i!="number"||!u||!m||parseFloat(g.formatted)<i?null:{base:t,quote:o,baseAmount:i,quoteAmount:u,userAddress:m},[t,o,i,u,m,g.formatted]),Ne=p(n=>{_(n),d.getState().startTracking(n)},[]),Te=p(()=>{Pe.current=!0,z()},[z]);Qe(()=>{if(k===null&&!(!t||!o)){if(!i||i<=0){M({amount:null,inputToken:t,outputToken:o,setOutputAmount:c});return}if(a||l){c(i);return}M({amount:i,inputToken:t,outputToken:o,setOutputAmount:c})}},[k,i,t,o,a,l,M,c]);let B=p(()=>{d.getState().setView("baseSelection")},[]),$=p(()=>{d.getState().setView("quoteSelection")},[]),qe=p(()=>{D(),c(null)},[D,c]),Re=p(()=>{if(!g.formatted||!t||!o)return;let n=parseFloat(g.formatted);if(!n||n<=0)return;let x=n*.9999999999;a||l?(I(x),c(x),y()):(I(x),c(null),G({inputToken:t,outputToken:o,inputAmount:x.toString(),setOutputAmount:P=>c(P)}))},[g.formatted,t,o,a,l,I,c,y,G]),Fe=p(()=>{y(),j()},[y,j]),J=g.formatted?parseFloat(g.formatted):null,Ie=!!(i||u),K=be==="split",X=K&&(b==="baseSelection"||b==="baseChainSelection"),Y=K&&(b==="quoteSelection"||b==="quoteChainSelection"),Z=p(n=>{let P=d.getState().view==="baseChainSelection"?"base":"quote";d.getState().setChainFilter({chainId:n,side:P}),d.getState().pushRecentChain(n),d.getState().transitionToView(P==="base"?"baseSelection":"quoteSelection","chainSelection")},[]),Me=p(()=>{d.getState().transitionToView("baseChainSelection","chainSelection")},[]),We=p(()=>{d.getState().transitionToView("quoteChainSelection","chainSelection")},[]),Be=t?.price&&i?`$${(t.price*i).toFixed(2)}`:"$0.00",$e=o?.price&&u?`$${(o.price*u).toFixed(2)}`:"$0.00",ee=k==="trackingTx"&&!!A&&!!t&&!!o&&!!i&&!!u,te={backgroundColor:R==="default"?"var(--widget-primary)":"transparent",color:R==="default"?"var(--widget-primary-foreground)":"var(--widget-primary)",border:R!=="default"?"1px solid var(--widget-primary)":"none",borderRadius:"var(--widget-radius)"};return r("div",{className:"flex flex-col w-full",children:[ee&&A&&t&&o&&i&&u?e("div",{className:"flex-1 min-h-0 overflow-hidden",children:e(pe,{orderHash:A,base:t,quote:o,baseAmount:i,quoteAmount:u,status:E})}):r("div",{className:`grid grid-cols-[1fr_auto_1fr] items-stretch px-4 ${F?"pt-3 pb-1":"pt-4 pb-2"} gap-2`,children:[e("div",{className:`relative flex flex-col gap-1 p-3 rounded-lg overflow-hidden ${X?"h-[380px]":""}`,style:{border:"1px solid var(--widget-border)",backgroundColor:"var(--widget-card)"},children:X?b==="baseChainSelection"?e(H,{toggle:S??O,side:"base",onChainSelect:Z}):e(Q,{toggle:S??O,side:"base",otherAsset:o,onMoreChainsClick:Me,selectedChainFilter:L}):r(N,{children:[V?F?r("div",{className:`flex items-center gap-2 ${C==="right"?"flex-row-reverse":"flex-row"}`,children:[e(w,{toggle:B,side:"base",asset:t,isPlacingOrder:s||T||h,hideDropdown:h}),e("div",{className:"flex-1 min-w-0",children:e(f,{side:"base",asset:t??null,otherAsset:o??null,isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})})]}):r("div",{className:`flex flex-col ${C==="right"?"items-end":"items-start"}`,children:[e(w,{toggle:B,side:"base",asset:t,isPlacingOrder:s||T||h,hideDropdown:h}),e(f,{side:"base",asset:t??null,otherAsset:o??null,isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})]}):r(N,{children:[e(w,{toggle:B,side:"base",asset:t,isPlacingOrder:s||T||h,hideDropdown:h}),e(f,{side:"base",asset:t??null,otherAsset:o??null,isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})]}),r("div",{className:"flex items-center justify-between",children:[e("span",{className:"font-sans text-xs",style:{color:"var(--widget-muted-foreground)"},children:Be}),m&&J!==null&&J>0&&e("button",{type:"button",onClick:Re,disabled:s,className:"flex items-center rounded-full px-2 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 transition-colors bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card)",children:"Max"})]})]})}),e("div",{className:"flex items-center justify-center px-1",children:he?e("div",{className:"flex h-8 w-8 items-center justify-center opacity-20",children:e("span",{className:"text-sm",style:{color:"var(--widget-muted-foreground)"},children:"\u2192"})}):e("button",{type:"button",onClick:qe,"aria-label":"Swap input and output tokens",className:"flex h-8 w-8 items-center justify-center rounded-full cursor-pointer transition-colors bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground)",style:{border:"1px solid var(--widget-border)"},children:e(ue,{className:"w-3.5 h-3.5"})})}),e("div",{className:`relative flex flex-col gap-1 p-3 rounded-lg overflow-hidden ${Y?"h-[380px]":""}`,style:{border:"1px solid var(--widget-border)",backgroundColor:"var(--widget-card)"},children:Y?b==="quoteChainSelection"?e(H,{toggle:S??O,side:"quote",onChainSelect:Z}):e(Q,{toggle:S??O,side:"quote",otherAsset:t,onMoreChainsClick:We,selectedChainFilter:L}):r(N,{children:[V?F?r("div",{className:`flex items-center gap-2 ${C==="right"?"flex-row-reverse":"flex-row"}`,children:[e(w,{toggle:$,side:"quote",asset:o,isPlacingOrder:s||q||v,hideDropdown:v}),e("div",{className:"flex-1 min-w-0",children:e(f,{side:"quote",asset:o??null,otherAsset:t??null,isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})})]}):r("div",{className:`flex flex-col ${C==="right"?"items-end":"items-start"}`,children:[e(w,{toggle:$,side:"quote",asset:o,isPlacingOrder:s||q||v,hideDropdown:v}),e(f,{side:"quote",asset:o??null,otherAsset:t??null,isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})]}):r(N,{children:[e(w,{toggle:$,side:"quote",asset:o,isPlacingOrder:s||q||v,hideDropdown:v}),e(f,{side:"quote",asset:o??null,otherAsset:t??null,isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})]}),r("div",{className:"flex items-center justify-between",children:[e("span",{className:"font-sans text-xs",style:{color:"var(--widget-muted-foreground)"},children:$e}),Ie&&e("button",{type:"button",onClick:Fe,disabled:s,className:"flex items-center rounded-full px-2 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 transition-colors text-(--widget-muted-foreground) hover:bg-(--widget-secondary)",children:"Clear"})]})]})})]}),e("div",{className:"flex flex-row items-center w-full overflow-hidden px-4",style:{borderTop:W?"1px solid var(--widget-border)":"none",maxHeight:W?"60px":"0px",opacity:W?1:0,transition:"max-height 0.3s ease, opacity 0.3s ease"},children:e(de,{})}),e("div",{className:"px-4",style:{borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"},children:e(le,{})}),e("div",{className:`relative ${ee?"px-0":"px-4"} py-4`,children:m&&t&&o&&i&&i>0?e(ce,{base:t,baseAmount:i,quote:o,quoteAmount:u??0,userAddress:m,isWrappingPair:a,isUnwrappingPair:l,isBaseGasToken:Ce,isQuoteGasToken:ye,reviewActionProps:Oe,reviewState:k,setReviewState:Ae,trackedOrderHash:A,setTrackedOrderHash:_,onSwapComplete:ge,onSwapInitiated:fe,onOrderSubmitted:Ne,onStaleQuoteRestart:Te,txStatus:E}):!m&&we?e("button",{onClick:()=>ke(),className:"w-full py-3 text-sm font-medium cursor-pointer transition-opacity hover:opacity-80",style:te,children:"Connect Wallet"}):e("button",{disabled:!0,className:"w-full py-3 text-sm font-medium transition-colors disabled:opacity-40 cursor-not-allowed",style:te,children:m?"Enter Amount":"Connect Wallet"})})]})},gt=De;export{gt as default};
@@ -1,2 +0,0 @@
1
- "use client";
2
- import{c as g}from"./chunk-WUZBSXU3.js";import{M as p,e as c,x as m}from"./chunk-DUMYILH6.js";import h,{useCallback as C,useState as b}from"react";import{jsx as t,jsxs as o}from"react/jsx-runtime";var y=({toggle:x,side:w,onChainSelect:i,onChainHover:l,containerHeight:N})=>{let[a,d]=b(""),r=m(a,300),v=g(),s=c(v),u=h.useMemo(()=>{if(!r)return s;let e=r.toLowerCase();return s.filter(n=>n.displayName.toLowerCase().includes(e)||n.name.toLowerCase().includes(e)||n.id.toString().includes(e))},[s,r]),f=C(e=>i(e),[i]);return o("div",{className:"w-full h-full flex flex-col",children:[t("div",{className:"flex-shrink-0",children:o("div",{className:"relative mt-1",children:[t("input",{className:"w-full h-10 px-4 text-sm",style:{backgroundColor:"var(--widget-card)",color:"var(--widget-card-foreground)",border:"1px solid var(--widget-border)"},placeholder:"Search chains by name or chain ID...",autoComplete:"off",value:a,onChange:e=>d(e.target.value.toLowerCase())}),a&&t("button",{type:"button",onClick:()=>d(""),className:"absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer rounded-full px-2 py-1 text-xs",style:{backgroundColor:"var(--widget-secondary)",color:"var(--widget-secondary-foreground)",border:"1px solid var(--widget-border)"},children:"clear"})]})}),o("div",{className:"flex-1 min-h-0 overflow-auto mt-2",style:{backgroundColor:"var(--widget-background)"},children:[t("p",{className:"my-2 ml-4 text-xs",style:{color:"var(--widget-muted-foreground)"},children:a?"Search Results":"Available Chains"}),u.length===0?t("div",{className:"px-4 py-3 text-sm",style:{color:"var(--widget-muted-foreground)"},children:"Chain Not Found"}):u.map(e=>o("button",{type:"button",className:"w-full flex items-center justify-between p-3 cursor-pointer transition-colors",style:{borderBottom:"1px solid var(--widget-border)"},onClick:()=>f(e.id),onMouseEnter:()=>l?.(e.displayName),onMouseLeave:()=>l?.(null),children:[o("div",{className:"flex items-center space-x-3 min-w-0 flex-1",children:[t("div",{className:"flex-shrink-0",children:t(p,{chain:e.id,size:"md"})}),t("span",{className:"text-base font-medium truncate",style:{color:"var(--widget-foreground)"},children:e.displayName})]}),o("span",{className:"text-xs font-sans",style:{color:"var(--widget-muted-foreground)"},children:["Chain ID: ",e.id]})]},e.id))]})]})},M=y;export{M as a};
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
- var _chunkT2K2NOGZcjs = require('./chunk-T2K2NOGZ.cjs');var _react = require('react');var h=_react.createContext.call(void 0, {apiKey:void 0,web3ConnectionType:"custom",enabledChains:[],supportedInputTokens:[],supportedOutputTokens:[],supportedInputChains:[],supportedOutputChains:[],inputSelectionSearch:!0,outputSelectionSearch:!0,showInputSelectionTokenBalances:!0,showOutputSelectionTokenBalances:!0,lockBase:!1,lockQuote:!1,disableInverting:!1,defaultSlippage:.01,widgetType:"default",tokenDisplay:"default",tokenBadgeOrientation:"left",assetMenuVariant:"default",amountInputVariant:"default",hideAmountInputSymbol:!1,swapButtonVariant:"default",swapHeaderVariant:"default",quoteLoaderVariant:"default",walletButtonEnabled:!0,hasConnectHandler:!1,customWalletUI:"builtin"});function s(){let e=_react.useContext.call(void 0, h);return _react.useMemo.call(void 0, ()=>e.widgetType==="compact"?{...e,amountInputVariant:"normal"}:e,[e])}function w(){let{availableChainIds:e}=_chunkT2K2NOGZcjs.G.call(void 0, ),{enabledChains:a,supportedInputTokens:o,supportedOutputTokens:u}=s();return _react.useMemo.call(void 0, ()=>{let t=e,r=o.length>0,p=u.length>0;if(r&&p){let i=new Set([...o.map(n=>n.chainId),...u.map(n=>n.chainId)]);t=t.filter(n=>i.has(n))}else a.length>0&&(t=t.filter(i=>a.includes(i)));return t},[e,a,o,u])}exports.a = h; exports.b = s; exports.c = w;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
2
- var _chunkI6MMPBVAcjs = require('./chunk-I6MMPBVA.cjs');var _chunkV6LSLSFLcjs = require('./chunk-V6LSLSFL.cjs');var _chunk46YHIOXGcjs = require('./chunk-46YHIOXG.cjs');var _chunkT2K2NOGZcjs = require('./chunk-T2K2NOGZ.cjs');var _chunk34N36GUDcjs = require('./chunk-34N36GUD.cjs');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _shallow = require('zustand/react/shallow');var _jsxruntime = require('react/jsx-runtime');var G=_react2.default.memo(({asset:o,otherAsset:i,handleFormSelection:c,getToken:_})=>{let{token:w}=_chunkT2K2NOGZcjs.D.call(void 0, o.chainId,o.address),S=_(o.chainId,o.address),a=w||S||o.assetInfo;if(!a)return null;let p=a.price!=null&&o.decimals!==void 0?_chunkT2K2NOGZcjs.u.call(void 0, a,o.balance,o.decimals):null;return _jsxruntime.jsxs.call(void 0, "button",{type:"button",className:"w-full flex items-center justify-between p-3 cursor-pointer",style:{borderBottom:"1px solid var(--widget-border)"},onClick:()=>c(a,i),children:[_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center space-x-3 min-w-0 flex-1",children:[_jsxruntime.jsx.call(void 0, _chunkT2K2NOGZcjs.N,{asset:a,size:"sm",className:"flex-shrink-0"}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col items-start min-w-0 flex-1",children:[_jsxruntime.jsx.call(void 0, "span",{className:"text-sm font-thin",style:{color:"var(--widget-secondary-foreground)"},children:a.symbol.length>20?`${a.symbol.substring(0,20)}...`:a.symbol}),_jsxruntime.jsx.call(void 0, "span",{className:"text-xs",style:{color:"var(--widget-muted-foreground)"},children:a.name.length>20?`${a.name.substring(0,20)}...`:a.name})]})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col items-end text-right flex-shrink-0",children:[_jsxruntime.jsx.call(void 0, "span",{className:"text-xs font-sans",style:{color:"var(--widget-muted-foreground)"},children:"Balance:"}),_jsxruntime.jsx.call(void 0, "span",{className:"text-xs font-sans",style:{color:"var(--widget-foreground)",opacity:.5},children:p!=null?`$${p.toFixed(2)}`:"\u2014"})]})]},`${a.chainId}-${a.address}`)},(o,i)=>o.asset.address===i.asset.address&&o.asset.chainId===i.asset.chainId&&o.asset.balance===i.asset.balance&&_optionalChain([o, 'access', _2 => _2.asset, 'access', _3 => _3.assetInfo, 'optionalAccess', _4 => _4.price])===_optionalChain([i, 'access', _5 => _5.asset, 'access', _6 => _6.assetInfo, 'optionalAccess', _7 => _7.price])&&o.otherAsset.address===i.otherAsset.address);G.displayName="AssetSelectionBalanceItem";var Le=({toggle:o,side:i,otherAsset:c,containerHeight:_,onChainHover:w,onMoreChainsClick:S,selectedChainFilter:a})=>{let{address:W}=_chunk34N36GUDcjs.a.call(void 0, ),{assetSelectionSearch:p,assetSelectionChain:u,assetSelectionCategory:ce,recentChainIds:j}=_chunkV6LSLSFLcjs.c.call(void 0, _shallow.useShallow.call(void 0, e=>({assetSelectionSearch:e.assetSelectionSearch,assetSelectionChain:e.assetSelectionChain,assetSelectionCategory:e.assetSelectionCategory,recentChainIds:e.recentChainIds}))),B=_chunkT2K2NOGZcjs.x.call(void 0, p,300),y=_chunk46YHIOXGcjs.c.call(void 0, ),{inputSelectionSearch:ue,outputSelectionSearch:fe,showInputSelectionTokenBalances:me,showOutputSelectionTokenBalances:pe}=_chunk46YHIOXGcjs.b.call(void 0, ),{effectiveInputTokens:ge,effectiveOutputTokens:he,effectiveInputChains:we,effectiveOutputChains:be}=_chunkI6MMPBVAcjs.a.call(void 0, ),ye=i==="base"?ue:fe,ve=i==="base"?me:pe,{setBaseToken:q,setQuoteToken:V}=_chunkV6LSLSFLcjs.f.call(void 0, ),v=i==="base"?ge:he,b=i==="base"?we:be,M=b.length===1,x=_react.useMemo.call(void 0, ()=>{if(v.length===0)return null;let e=new Set;for(let s of v)e.add(`${s.chainId}-${s.address.toLowerCase()}`);return e},[v]);_react.useEffect.call(void 0, ()=>{M?_chunkV6LSLSFLcjs.c.getState().setAssetSelectionChain(b[0]):a&&_chunkV6LSLSFLcjs.c.getState().setAssetSelectionChain(a)},[a,M,b]);let xe=_react2.default.useMemo(()=>{let r=b.length>0?new Set(b):null,t=_chunkT2K2NOGZcjs.e.call(void 0, y).filter(l=>!r||r.has(l.id)).map(l=>({chainId:l.id,name:l.displayName})),d=new Map(t.map(l=>[l.chainId,l])),f=[],h=new Set,U=d.get(4326);U&&(f.push(U),h.add(4326));for(let l of j){if(f.length>=5)break;if(h.has(l))continue;let Y=d.get(l);Y&&(f.push(Y),h.add(l))}for(let l of t){if(f.length>=5)break;h.has(l.chainId)||f.push(l)}return f},[y,j,b]),{enrichedTokens:D,isLoading:Ie}=_chunkT2K2NOGZcjs.C.call(void 0, u==="all"?"all":u),{tokenRegistry:O,getToken:E}=_chunkT2K2NOGZcjs.B.call(void 0, ),Ce=_react.useMemo.call(void 0, ()=>{let e=new Set;for(let s of O)e.add(`${s.chainId}-${s.address.toLowerCase()}`);return e},[O]),R=_react.useMemo.call(void 0, ()=>x?D.filter(e=>x.has(`${e.chainId}-${e.address.toLowerCase()}`)):D,[D,x]),F=_react.useMemo.call(void 0, ()=>c?R.filter(e=>!(e.chainId===c.chainId&&e.address.toLowerCase()===c.address.toLowerCase())):R,[R,c]),H=_react2.default.useMemo(()=>{if(!B)return F;let e=B.toLowerCase();return F.filter(s=>(s.symbol||"").toLowerCase().includes(e)||(s.name||"").toLowerCase().includes(e)||s.address.toLowerCase().includes(e))},[F,B]),P=_react2.default.useMemo(()=>{let e=u==="all"?(H||[]).filter(t=>y.includes(t.chainId)):H||[],s=new Set;return[...e.filter(t=>{let d=`${t.chainId}-${t.address.toLowerCase()}`;return s.has(d)?!1:(s.add(d),!0)})].sort((t,d)=>{let f=_chunkT2K2NOGZcjs.i.call(void 0, t),h=_chunkT2K2NOGZcjs.i.call(void 0, d);return f&&!h?-1:!f&&h?1:t.marketCap&&!d.marketCap?-1:!t.marketCap&&d.marketCap?1:!t.marketCap&&!d.marketCap?0:d.marketCap-t.marketCap})},[H,u,y]),{balances:k,isLoading:Se}=_chunkT2K2NOGZcjs.J.call(void 0, W,y,void 0,v.length>0?v:void 0),Q=_react2.default.useMemo(()=>{if(!k)return[];let e=u==="all"?k:k.filter(r=>r.chainId===u),s=new Set;return e.filter(r=>{let t=`${r.chainId}-${(r.address||"").toLowerCase()}`;return s.has(t)?!1:(s.add(t),!0)})},[k,u]),ke=_react.useCallback.call(void 0, e=>{let s=e.target.value.toLowerCase(),r=_chunkT2K2NOGZcjs.v.call(void 0, s),t=_chunkV6LSLSFLcjs.c.getState();r?(t.setAssetSelectionSearch(r),t.setAssetSelectionAddressInput(r)):(t.setAssetSelectionAddressInput(""),t.setAssetSelectionSearch(s))},[]),z=_react.useCallback.call(void 0, async e=>{i==="base"?await q(e):i==="quote"&&await V(e),o()},[o,i,q,V]);return _jsxruntime.jsxs.call(void 0, "div",{className:"w-full h-full flex flex-col pt-2.5",children:[!M&&_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-row justify-between py-1 flex-shrink-0 h-10",children:[_jsxruntime.jsx.call(void 0, "button",{type:"button",className:"flex flex-row items-center w-full h-full px-2.5 whitespace-nowrap font-bold uppercase text-xs cursor-pointer text-center justify-center",style:{backgroundColor:u==="all"&&!a?"var(--widget-primary)":"var(--widget-secondary)",color:u==="all"&&!a?"var(--widget-primary-foreground)":"var(--widget-secondary-foreground)",border:"1px solid var(--widget-border)",borderRadius:"var(--widget-radius) 0 0 var(--widget-radius)"},onClick:e=>{e.stopPropagation(),_chunkV6LSLSFLcjs.c.getState().setAssetSelectionChain("all")},onMouseEnter:()=>_optionalChain([w, 'optionalCall', _8 => _8("All Chains")]),onMouseLeave:()=>_optionalChain([w, 'optionalCall', _9 => _9(null)]),children:"All"}),xe.map((e,s)=>_jsxruntime.jsx.call(void 0, "button",{type:"button",className:"flex items-center justify-center px-2 w-full cursor-pointer",style:{backgroundColor:u===e.chainId?"var(--widget-primary)":"var(--widget-secondary)",color:u===e.chainId?"var(--widget-primary-foreground)":"var(--widget-secondary-foreground)",borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)",borderLeft:s===0?"none":"1px solid var(--widget-border)",borderRight:"1px solid var(--widget-border)"},onClick:r=>{r.stopPropagation(),_chunkV6LSLSFLcjs.c.getState().setAssetSelectionChain(e.chainId)},onMouseEnter:()=>_optionalChain([w, 'optionalCall', _10 => _10(e.name)]),onMouseLeave:()=>_optionalChain([w, 'optionalCall', _11 => _11(null)]),children:_jsxruntime.jsx.call(void 0, "div",{className:"mb-px h-4 w-4",children:_jsxruntime.jsx.call(void 0, _chunkT2K2NOGZcjs.M,{chain:e.chainId,size:"xs"})})},e.chainId)),S&&_jsxruntime.jsx.call(void 0, "button",{type:"button",className:"flex flex-row cursor-pointer items-center w-full h-full px-2.5 whitespace-nowrap uppercase font-bold text-xs",style:{backgroundColor:"var(--widget-secondary)",color:"var(--widget-secondary-foreground)",border:"1px solid var(--widget-border)",borderRadius:"0 var(--widget-radius) var(--widget-radius) 0"},onClick:e=>{e.stopPropagation(),S()},children:"More"})]}),ye&&_jsxruntime.jsx.call(void 0, "div",{className:"flex-shrink-0",children:_jsxruntime.jsxs.call(void 0, "div",{className:"relative mt-1",children:[_jsxruntime.jsx.call(void 0, "input",{className:"w-full h-10 px-4 text-sm",style:{backgroundColor:"var(--widget-card)",color:"var(--widget-card-foreground)",border:"1px solid var(--widget-border)"},placeholder:"Search tokens by name, symbol, or address...",autoComplete:"off",value:p,onChange:ke}),p&&_jsxruntime.jsx.call(void 0, "button",{type:"button",onClick:()=>_chunkV6LSLSFLcjs.c.getState().setAssetSelectionSearch(""),className:"absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer rounded-full px-2 py-1 text-xs",style:{backgroundColor:"var(--widget-secondary)",color:"var(--widget-secondary-foreground)",border:"1px solid var(--widget-border)"},children:"clear"})]})}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex-1 min-h-0 overflow-auto mt-2",style:{backgroundColor:"var(--widget-background)"},children:[ve&&!Se&&Q.length>0&&!p&&ce==="all"&&_jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsx.call(void 0, "p",{className:"my-1 ml-4 text-xs",style:{color:"var(--widget-muted-foreground)"},children:"Your Tokens"}),Q.filter(e=>!e.assetInfo||c&&e.assetInfo.chainId===c.chainId&&e.assetInfo.address.toLowerCase()===c.address.toLowerCase()?!1:x?x.has(`${e.assetInfo.chainId}-${e.assetInfo.address.toLowerCase()}`):_chunkT2K2NOGZcjs.i.call(void 0, e.assetInfo)||Ce.has(`${e.assetInfo.chainId}-${e.assetInfo.address.toLowerCase()}`)).sort((e,s)=>{let r=E(e.chainId,e.address)||e.assetInfo,t=E(s.chainId,s.address)||s.assetInfo,d=r&&e.decimals!==void 0?_chunkT2K2NOGZcjs.u.call(void 0, r,e.balance,e.decimals):0;return(t&&s.decimals!==void 0?_chunkT2K2NOGZcjs.u.call(void 0, t,s.balance,s.decimals):0)-d}).map(e=>!e.assetInfo||!c?null:_jsxruntime.jsx.call(void 0, G,{asset:e,otherAsset:c,handleFormSelection:z,getToken:E},`${e.assetInfo.chainId}-${e.assetInfo.address}`))]}),_jsxruntime.jsx.call(void 0, "p",{className:"my-2 ml-4 text-xs",style:{color:"var(--widget-muted-foreground)"},children:p?"Search Results":"Supported Tokens"}),Ie?_jsxruntime.jsx.call(void 0, "div",{className:"flex items-center justify-center p-8",children:_jsxruntime.jsx.call(void 0, "span",{style:{color:"var(--widget-muted-foreground)"},children:"Loading tokens..."})}):P.length===0?_jsxruntime.jsx.call(void 0, "div",{className:"px-4 py-3 text-sm",style:{color:"var(--widget-muted-foreground)"},children:"Token Not Found"}):P.map(e=>_jsxruntime.jsxs.call(void 0, "div",{role:"button",tabIndex:0,className:"w-full flex items-center justify-between p-3 cursor-pointer",style:{borderBottom:"1px solid var(--widget-border)"},onClick:()=>z(e),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),z(e))},children:[_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center space-x-3 min-w-0 flex-1",children:[_jsxruntime.jsx.call(void 0, _chunkT2K2NOGZcjs.N,{asset:e,size:"sm",className:"flex-shrink-0"}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col items-start min-w-0 flex-1",children:[_jsxruntime.jsx.call(void 0, "span",{className:"text-sm font-thin truncate",style:{color:"var(--widget-secondary-foreground)"},children:(e.symbol||"").length>20?`${e.symbol.substring(0,20)}...`:e.symbol||"\u2014"}),_jsxruntime.jsx.call(void 0, "span",{className:"text-xs truncate",style:{color:"var(--widget-muted-foreground)"},children:(e.name||"").length>20?`${e.name.substring(0,20)}...`:e.name||"\u2014"})]})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col items-end text-right flex-shrink-0",children:[_jsxruntime.jsx.call(void 0, "span",{className:"text-xs font-sans",style:{color:"var(--widget-muted-foreground)"},children:e.price?`$${e.price>=999999?`${(e.price/1e6).toFixed(2)}M`:e.price.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:e.price<1?5:2})}`:"\u2014"}),_jsxruntime.jsxs.call(void 0, "span",{className:"text-xs font-sans",style:{color:"var(--widget-foreground)",opacity:.5},children:[_optionalChain([e, 'access', _12 => _12.address, 'optionalAccess', _13 => _13.slice, 'call', _14 => _14(0,6)]),"...",_optionalChain([e, 'access', _15 => _15.address, 'optionalAccess', _16 => _16.slice, 'call', _17 => _17(-4)])]})]})]},`${e.chainId}-${e.address}`))]})]})},Je= exports.a =Le;exports.a = Je;
@@ -1,2 +0,0 @@
1
- "use client";
2
- import{c as s}from"./chunk-I4RIO7H2.js";import{b as p}from"./chunk-WUZBSXU3.js";import{useMemo as f}from"react";function m(){let{supportedInputTokens:t,supportedOutputTokens:n,supportedInputChains:o,supportedOutputChains:u}=p(),e=s(i=>i.isInverted);return f(()=>({effectiveInputTokens:e?n:t,effectiveOutputTokens:e?t:n,effectiveInputChains:e?u:o,effectiveOutputChains:e?o:u}),[e,t,n,o,u])}export{m as a};
@@ -1,2 +0,0 @@
1
- "use client";
2
- import{A as y,K as U,c as k,z as H}from"./chunk-DUMYILH6.js";import{a as E}from"./chunk-46H44R7V.js";import{create as ee}from"zustand";import{useCallback as B,useEffect as te,useRef as ne}from"react";var q=ee()(t=>({baseToken:null,quoteToken:null,setBaseTokenDirect:e=>t({baseToken:e}),setQuoteTokenDirect:e=>t({quoteToken:e}),swapTokensDirect:()=>t(e=>({baseToken:e.quoteToken,quoteToken:e.baseToken}))}));function P(t){let{data:e,isLoading:c}=H(),o=q(),T=ne(!1),n=t?.defaultBaseToken??null,l=t?.defaultQuoteToken??null;te(()=>{if(!e||e.length===0||T.current)return;T.current=!0;let u=S=>e.find(m=>m.chainId===S.chainId&&m.address.toLowerCase()===S.address.toLowerCase())??null,r=n?u(n):null,p=l?u(l):null;r&&p&&r.chainId===p.chainId&&r.address.toLowerCase()===p.address.toLowerCase()?(o.setBaseTokenDirect(r),o.setQuoteTokenDirect(null)):(o.setBaseTokenDirect(r),o.setQuoteTokenDirect(p))},[e,n,l,o]);let h=B(u=>{if(!u){o.setBaseTokenDirect(null);return}let r=q.getState();r.quoteToken&&u.chainId===r.quoteToken.chainId&&u.address.toLowerCase()===r.quoteToken.address.toLowerCase()?o.swapTokensDirect():o.setBaseTokenDirect(u)},[o]),f=B(u=>{if(!u){o.setQuoteTokenDirect(null);return}let r=q.getState();r.baseToken&&u.chainId===r.baseToken.chainId&&u.address.toLowerCase()===r.baseToken.address.toLowerCase()?o.swapTokensDirect():o.setQuoteTokenDirect(u)},[o]),w=B(()=>{o.swapTokensDirect()},[o]);return{baseToken:o.baseToken,quoteToken:o.quoteToken,setBaseToken:h,setQuoteToken:f,swapTokens:w,isLoading:c}}import{create as se}from"zustand";var F=se()(t=>({view:"swap",isTransitioning:!1,transitionType:"navigation",isInverted:!1,selectedChainFilter:null,hoveredChainName:null,isRecipientInputOpen:!1,recipient:null,hasAllowanceError:!1,baseAmount:null,quoteAmount:null,isTrackingTx:!1,trackingOrderHash:null,txStatus:"pending",explorerUrl:null,exitHandler:null,walletTab:"wallet",assetSelectionSearch:"",assetSelectionChain:"all",assetSelectionCategory:"all",assetSelectionAddressInput:"",recentChainIds:[],toggleInverted:()=>t(e=>({isInverted:!e.isInverted})),setView:e=>t({view:e,isTransitioning:!0,...e!=="wallet"&&{walletTab:"wallet"}}),setWalletTab:e=>t({walletTab:e}),setIsTransitioning:e=>t({isTransitioning:e}),transitionToView:(e,c="navigation")=>t({isTransitioning:!0,transitionType:c,view:e,...e!=="wallet"&&{walletTab:"wallet"}}),setChainFilter:e=>t({selectedChainFilter:e}),setHoveredChainName:e=>t({hoveredChainName:e}),toggleRecipientInput:()=>t(e=>({isRecipientInputOpen:!e.isRecipientInputOpen,recipient:e.isRecipientInputOpen?null:e.recipient})),setRecipient:e=>t({recipient:e}),setHasAllowanceError:e=>t({hasAllowanceError:e}),setBaseAmount:e=>t({baseAmount:e}),setQuoteAmount:e=>t({quoteAmount:e}),clearAmounts:()=>t({baseAmount:null,quoteAmount:null}),setIsTrackingTx:e=>t({isTrackingTx:e}),setTrackingOrderHash:e=>t({trackingOrderHash:e}),setTxStatus:e=>t({txStatus:e}),setExplorerUrl:e=>t({explorerUrl:e}),startTracking:e=>t({isTrackingTx:!0,trackingOrderHash:e,txStatus:"pending",explorerUrl:null}),stopTracking:()=>t({isTrackingTx:!1,trackingOrderHash:null,txStatus:"pending",explorerUrl:null,exitHandler:null}),setExitHandler:e=>t({exitHandler:e}),setAssetSelectionSearch:e=>t({assetSelectionSearch:e}),setAssetSelectionChain:e=>t({assetSelectionChain:e}),setAssetSelectionCategory:e=>t({assetSelectionCategory:e}),setAssetSelectionAddressInput:e=>t({assetSelectionAddressInput:e}),pushRecentChain:e=>t(c=>{if(e===4326)return c;let T=c.recentChainIds.filter(n=>n!==e);return{recentChainIds:[e,...T].slice(0,3)}}),resetAssetSelection:()=>t({assetSelectionSearch:"",assetSelectionChain:"all",assetSelectionCategory:"all",assetSelectionAddressInput:""}),resetUI:()=>t({view:"swap",isTransitioning:!1,isInverted:!1,selectedChainFilter:null,hoveredChainName:null,isRecipientInputOpen:!1,recipient:null,hasAllowanceError:!1,baseAmount:null,quoteAmount:null,isTrackingTx:!1,trackingOrderHash:null,txStatus:"pending",explorerUrl:null,exitHandler:null,walletTab:"wallet",assetSelectionSearch:"",assetSelectionChain:"all",assetSelectionCategory:"all",assetSelectionAddressInput:""})}));import{useCallback as g,useMemo as d}from"react";import{parseUnits as O}from"viem";import{useShallow as oe}from"zustand/react/shallow";var W=(t,e,c,o)=>{let{address:T}=E(),{baseToken:n,quoteToken:l,setBaseToken:h,setQuoteToken:f,swapTokens:w,isLoading:u}=P({defaultBaseToken:t,defaultQuoteToken:e}),{baseAmount:r,quoteAmount:p,setBaseAmount:S,setQuoteAmount:m,clearAmounts:Q}=F(oe(s=>({baseAmount:s.baseAmount,quoteAmount:s.quoteAmount,setBaseAmount:s.setBaseAmount,setQuoteAmount:s.setQuoteAmount,clearAmounts:s.clearAmounts}))),{data:R}=y(n?.address,n?.chainId),{data:L}=y(l?.address,l?.chainId),a=d(()=>{if(!n)return null;let s=R?.price??n.price;return s===n.price?n:{...n,price:s}},[n,R?.price]),i=d(()=>{if(!l)return null;let s=L?.price??l.price;return s===l.price?l:{...l,price:s}},[l,L?.price]),{baseBalance:A,quoteBalance:I,isLoading:D}=U(T,a,i),b=d(()=>!A||A.raw==="0"?null:A,[A]),v=d(()=>!I||I.raw==="0"?null:I,[I]),C=d(()=>{if(!a?.chainId)return!1;let s=k(a.chainId);return a.address.toLowerCase()===s?.gasToken.address?.toLowerCase()},[a]),x=d(()=>{if(!i?.chainId)return!1;let s=k(i.chainId);return i.address.toLowerCase()===s?.gasToken.address?.toLowerCase()},[i]),V=d(()=>{if(!C||!a?.chainId||!i||a.chainId!==i.chainId||a.chainId===988)return!1;let s=k(a.chainId);return i.address.toLowerCase()===s?.wrappedAsset.address?.toLowerCase()},[C,a,i]),G=d(()=>{if(!a?.chainId||!i||!x||a.chainId!==i.chainId||a.chainId===988)return!1;let s=k(a.chainId);return a.address.toLowerCase()===s?.wrappedAsset.address?.toLowerCase()},[a,i,x]),M=d(()=>({raw:b?.raw??"0",formatted:b?.formatted??"0"}),[b]),_=d(()=>({raw:v?.raw??"0",formatted:v?.formatted??"0"}),[v]),z=d(()=>!a||typeof r!="number"||a.decimals===void 0||a.decimals===null?null:O(r.toFixed(a.decimals),a.decimals).toString(),[a,r]),J=d(()=>!i||typeof p!="number"||i.decimals===void 0||i.decimals===null?null:O(p.toFixed(i.decimals),i.decimals).toString(),[i,p]),K=g(async s=>{h(s),m(null),c?.(s)},[h,m,c]),X=g(async s=>{f(s),o?.(s)},[f,o]),Y=g(s=>S(s),[S]),Z=g(s=>m(s),[m]),$=g(()=>{w(),F.getState().toggleInverted(),l&&c?.(l),n&&o?.(n)},[w,n,l,c,o]),j=g(()=>Q(),[Q]);return{baseToken:a,baseAmount:r,quoteToken:i,quoteAmount:p,isBaseGasToken:C,isQuoteGasToken:x,isWrappingPair:V,isUnwrappingPair:G,baseBalance:M,quoteBalance:_,baseAmountRaw:z,quoteAmountRaw:J,isBaseBalanceLoading:D,isQuoteBalanceLoading:D,isRegistryLoading:u,setBaseToken:K,setQuoteToken:X,setBaseAmount:Y,setQuoteAmount:Z,swapTokens:$,clearForm:j}};import{createContext as ae,useContext as ie,useMemo as re}from"react";import{jsx as le}from"react/jsx-runtime";var N=ae(null),ye=({children:t,defaultBaseToken:e,defaultQuoteToken:c,onBaseTokenChange:o,onQuoteTokenChange:T})=>{let n=W(e,c,o,T),l=re(()=>n,[n.baseToken,n.quoteToken,n.baseAmount,n.quoteAmount,n.isBaseGasToken,n.isQuoteGasToken,n.isWrappingPair,n.isUnwrappingPair,n.baseBalance,n.quoteBalance,n.baseAmountRaw,n.quoteAmountRaw,n.isBaseBalanceLoading,n.isQuoteBalanceLoading,n.setBaseToken,n.setQuoteToken,n.setBaseAmount,n.setQuoteAmount,n.swapTokens,n.clearForm,n.isRegistryLoading]);return le(N.Provider,{value:l,children:t})},Be=()=>{let t=ie(N);if(!t)throw new Error("useSwapFormContext must be used within SwapFormProvider");return t};export{q as a,P as b,F as c,W as d,ye as e,Be as f};
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
- var _chunkV6LSLSFLcjs = require('./chunk-V6LSLSFL.cjs');var _chunk46YHIOXGcjs = require('./chunk-46YHIOXG.cjs');var _react = require('react');function m(){let{supportedInputTokens:t,supportedOutputTokens:n,supportedInputChains:o,supportedOutputChains:u}=_chunk46YHIOXGcjs.b.call(void 0, ),e=_chunkV6LSLSFLcjs.c.call(void 0, i=>i.isInverted);return _react.useMemo.call(void 0, ()=>({effectiveInputTokens:e?n:t,effectiveOutputTokens:e?t:n,effectiveInputChains:e?u:o,effectiveOutputChains:e?o:u}),[e,t,n,o,u])}exports.a = m;
@@ -1,2 +0,0 @@
1
- "use client";
2
- import{a as le}from"./chunk-GW2VVH4J.js";import{c as g,f as ie}from"./chunk-I4RIO7H2.js";import{b as K,c as re}from"./chunk-WUZBSXU3.js";import{B as ee,C as se,D as te,J as ae,M as ne,N as A,e as J,i as N,u as I,v as X,x as Z}from"./chunk-DUMYILH6.js";import{a as oe}from"./chunk-46H44R7V.js";import L,{useCallback as de,useEffect as Ae,useMemo as $}from"react";import{useShallow as Te}from"zustand/react/shallow";import Ne from"react";import{jsx as C,jsxs as T}from"react/jsx-runtime";var G=Ne.memo(({asset:o,otherAsset:i,handleFormSelection:c,getToken:_})=>{let{token:w}=te(o.chainId,o.address),S=_(o.chainId,o.address),a=w||S||o.assetInfo;if(!a)return null;let p=a.price!=null&&o.decimals!==void 0?I(a,o.balance,o.decimals):null;return T("button",{type:"button",className:"w-full flex items-center justify-between p-3 cursor-pointer",style:{borderBottom:"1px solid var(--widget-border)"},onClick:()=>c(a,i),children:[T("div",{className:"flex items-center space-x-3 min-w-0 flex-1",children:[C(A,{asset:a,size:"sm",className:"flex-shrink-0"}),T("div",{className:"flex flex-col items-start min-w-0 flex-1",children:[C("span",{className:"text-sm font-thin",style:{color:"var(--widget-secondary-foreground)"},children:a.symbol.length>20?`${a.symbol.substring(0,20)}...`:a.symbol}),C("span",{className:"text-xs",style:{color:"var(--widget-muted-foreground)"},children:a.name.length>20?`${a.name.substring(0,20)}...`:a.name})]})]}),T("div",{className:"flex flex-col items-end text-right flex-shrink-0",children:[C("span",{className:"text-xs font-sans",style:{color:"var(--widget-muted-foreground)"},children:"Balance:"}),C("span",{className:"text-xs font-sans",style:{color:"var(--widget-foreground)",opacity:.5},children:p!=null?`$${p.toFixed(2)}`:"\u2014"})]})]},`${a.chainId}-${a.address}`)},(o,i)=>o.asset.address===i.asset.address&&o.asset.chainId===i.asset.chainId&&o.asset.balance===i.asset.balance&&o.asset.assetInfo?.price===i.asset.assetInfo?.price&&o.otherAsset.address===i.otherAsset.address);G.displayName="AssetSelectionBalanceItem";import{jsx as n,jsxs as m}from"react/jsx-runtime";var Le=({toggle:o,side:i,otherAsset:c,containerHeight:_,onChainHover:w,onMoreChainsClick:S,selectedChainFilter:a})=>{let{address:W}=oe(),{assetSelectionSearch:p,assetSelectionChain:u,assetSelectionCategory:ce,recentChainIds:j}=g(Te(e=>({assetSelectionSearch:e.assetSelectionSearch,assetSelectionChain:e.assetSelectionChain,assetSelectionCategory:e.assetSelectionCategory,recentChainIds:e.recentChainIds}))),B=Z(p,300),y=re(),{inputSelectionSearch:ue,outputSelectionSearch:fe,showInputSelectionTokenBalances:me,showOutputSelectionTokenBalances:pe}=K(),{effectiveInputTokens:ge,effectiveOutputTokens:he,effectiveInputChains:we,effectiveOutputChains:be}=le(),ye=i==="base"?ue:fe,ve=i==="base"?me:pe,{setBaseToken:q,setQuoteToken:V}=ie(),v=i==="base"?ge:he,b=i==="base"?we:be,M=b.length===1,x=$(()=>{if(v.length===0)return null;let e=new Set;for(let s of v)e.add(`${s.chainId}-${s.address.toLowerCase()}`);return e},[v]);Ae(()=>{M?g.getState().setAssetSelectionChain(b[0]):a&&g.getState().setAssetSelectionChain(a)},[a,M,b]);let xe=L.useMemo(()=>{let r=b.length>0?new Set(b):null,t=J(y).filter(l=>!r||r.has(l.id)).map(l=>({chainId:l.id,name:l.displayName})),d=new Map(t.map(l=>[l.chainId,l])),f=[],h=new Set,U=d.get(4326);U&&(f.push(U),h.add(4326));for(let l of j){if(f.length>=5)break;if(h.has(l))continue;let Y=d.get(l);Y&&(f.push(Y),h.add(l))}for(let l of t){if(f.length>=5)break;h.has(l.chainId)||f.push(l)}return f},[y,j,b]),{enrichedTokens:D,isLoading:Ie}=se(u==="all"?"all":u),{tokenRegistry:O,getToken:E}=ee(),Ce=$(()=>{let e=new Set;for(let s of O)e.add(`${s.chainId}-${s.address.toLowerCase()}`);return e},[O]),R=$(()=>x?D.filter(e=>x.has(`${e.chainId}-${e.address.toLowerCase()}`)):D,[D,x]),F=$(()=>c?R.filter(e=>!(e.chainId===c.chainId&&e.address.toLowerCase()===c.address.toLowerCase())):R,[R,c]),H=L.useMemo(()=>{if(!B)return F;let e=B.toLowerCase();return F.filter(s=>(s.symbol||"").toLowerCase().includes(e)||(s.name||"").toLowerCase().includes(e)||s.address.toLowerCase().includes(e))},[F,B]),P=L.useMemo(()=>{let e=u==="all"?(H||[]).filter(t=>y.includes(t.chainId)):H||[],s=new Set;return[...e.filter(t=>{let d=`${t.chainId}-${t.address.toLowerCase()}`;return s.has(d)?!1:(s.add(d),!0)})].sort((t,d)=>{let f=N(t),h=N(d);return f&&!h?-1:!f&&h?1:t.marketCap&&!d.marketCap?-1:!t.marketCap&&d.marketCap?1:!t.marketCap&&!d.marketCap?0:d.marketCap-t.marketCap})},[H,u,y]),{balances:k,isLoading:Se}=ae(W,y,void 0,v.length>0?v:void 0),Q=L.useMemo(()=>{if(!k)return[];let e=u==="all"?k:k.filter(r=>r.chainId===u),s=new Set;return e.filter(r=>{let t=`${r.chainId}-${(r.address||"").toLowerCase()}`;return s.has(t)?!1:(s.add(t),!0)})},[k,u]),ke=de(e=>{let s=e.target.value.toLowerCase(),r=X(s),t=g.getState();r?(t.setAssetSelectionSearch(r),t.setAssetSelectionAddressInput(r)):(t.setAssetSelectionAddressInput(""),t.setAssetSelectionSearch(s))},[]),z=de(async e=>{i==="base"?await q(e):i==="quote"&&await V(e),o()},[o,i,q,V]);return m("div",{className:"w-full h-full flex flex-col pt-2.5",children:[!M&&m("div",{className:"flex flex-row justify-between py-1 flex-shrink-0 h-10",children:[n("button",{type:"button",className:"flex flex-row items-center w-full h-full px-2.5 whitespace-nowrap font-bold uppercase text-xs cursor-pointer text-center justify-center",style:{backgroundColor:u==="all"&&!a?"var(--widget-primary)":"var(--widget-secondary)",color:u==="all"&&!a?"var(--widget-primary-foreground)":"var(--widget-secondary-foreground)",border:"1px solid var(--widget-border)",borderRadius:"var(--widget-radius) 0 0 var(--widget-radius)"},onClick:e=>{e.stopPropagation(),g.getState().setAssetSelectionChain("all")},onMouseEnter:()=>w?.("All Chains"),onMouseLeave:()=>w?.(null),children:"All"}),xe.map((e,s)=>n("button",{type:"button",className:"flex items-center justify-center px-2 w-full cursor-pointer",style:{backgroundColor:u===e.chainId?"var(--widget-primary)":"var(--widget-secondary)",color:u===e.chainId?"var(--widget-primary-foreground)":"var(--widget-secondary-foreground)",borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)",borderLeft:s===0?"none":"1px solid var(--widget-border)",borderRight:"1px solid var(--widget-border)"},onClick:r=>{r.stopPropagation(),g.getState().setAssetSelectionChain(e.chainId)},onMouseEnter:()=>w?.(e.name),onMouseLeave:()=>w?.(null),children:n("div",{className:"mb-px h-4 w-4",children:n(ne,{chain:e.chainId,size:"xs"})})},e.chainId)),S&&n("button",{type:"button",className:"flex flex-row cursor-pointer items-center w-full h-full px-2.5 whitespace-nowrap uppercase font-bold text-xs",style:{backgroundColor:"var(--widget-secondary)",color:"var(--widget-secondary-foreground)",border:"1px solid var(--widget-border)",borderRadius:"0 var(--widget-radius) var(--widget-radius) 0"},onClick:e=>{e.stopPropagation(),S()},children:"More"})]}),ye&&n("div",{className:"flex-shrink-0",children:m("div",{className:"relative mt-1",children:[n("input",{className:"w-full h-10 px-4 text-sm",style:{backgroundColor:"var(--widget-card)",color:"var(--widget-card-foreground)",border:"1px solid var(--widget-border)"},placeholder:"Search tokens by name, symbol, or address...",autoComplete:"off",value:p,onChange:ke}),p&&n("button",{type:"button",onClick:()=>g.getState().setAssetSelectionSearch(""),className:"absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer rounded-full px-2 py-1 text-xs",style:{backgroundColor:"var(--widget-secondary)",color:"var(--widget-secondary-foreground)",border:"1px solid var(--widget-border)"},children:"clear"})]})}),m("div",{className:"flex-1 min-h-0 overflow-auto mt-2",style:{backgroundColor:"var(--widget-background)"},children:[ve&&!Se&&Q.length>0&&!p&&ce==="all"&&m("div",{children:[n("p",{className:"my-1 ml-4 text-xs",style:{color:"var(--widget-muted-foreground)"},children:"Your Tokens"}),Q.filter(e=>!e.assetInfo||c&&e.assetInfo.chainId===c.chainId&&e.assetInfo.address.toLowerCase()===c.address.toLowerCase()?!1:x?x.has(`${e.assetInfo.chainId}-${e.assetInfo.address.toLowerCase()}`):N(e.assetInfo)||Ce.has(`${e.assetInfo.chainId}-${e.assetInfo.address.toLowerCase()}`)).sort((e,s)=>{let r=E(e.chainId,e.address)||e.assetInfo,t=E(s.chainId,s.address)||s.assetInfo,d=r&&e.decimals!==void 0?I(r,e.balance,e.decimals):0;return(t&&s.decimals!==void 0?I(t,s.balance,s.decimals):0)-d}).map(e=>!e.assetInfo||!c?null:n(G,{asset:e,otherAsset:c,handleFormSelection:z,getToken:E},`${e.assetInfo.chainId}-${e.assetInfo.address}`))]}),n("p",{className:"my-2 ml-4 text-xs",style:{color:"var(--widget-muted-foreground)"},children:p?"Search Results":"Supported Tokens"}),Ie?n("div",{className:"flex items-center justify-center p-8",children:n("span",{style:{color:"var(--widget-muted-foreground)"},children:"Loading tokens..."})}):P.length===0?n("div",{className:"px-4 py-3 text-sm",style:{color:"var(--widget-muted-foreground)"},children:"Token Not Found"}):P.map(e=>m("div",{role:"button",tabIndex:0,className:"w-full flex items-center justify-between p-3 cursor-pointer",style:{borderBottom:"1px solid var(--widget-border)"},onClick:()=>z(e),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),z(e))},children:[m("div",{className:"flex items-center space-x-3 min-w-0 flex-1",children:[n(A,{asset:e,size:"sm",className:"flex-shrink-0"}),m("div",{className:"flex flex-col items-start min-w-0 flex-1",children:[n("span",{className:"text-sm font-thin truncate",style:{color:"var(--widget-secondary-foreground)"},children:(e.symbol||"").length>20?`${e.symbol.substring(0,20)}...`:e.symbol||"\u2014"}),n("span",{className:"text-xs truncate",style:{color:"var(--widget-muted-foreground)"},children:(e.name||"").length>20?`${e.name.substring(0,20)}...`:e.name||"\u2014"})]})]}),m("div",{className:"flex flex-col items-end text-right flex-shrink-0",children:[n("span",{className:"text-xs font-sans",style:{color:"var(--widget-muted-foreground)"},children:e.price?`$${e.price>=999999?`${(e.price/1e6).toFixed(2)}M`:e.price.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:e.price<1?5:2})}`:"\u2014"}),m("span",{className:"text-xs font-sans",style:{color:"var(--widget-foreground)",opacity:.5},children:[e.address?.slice(0,6),"...",e.address?.slice(-4)]})]})]},`${e.chainId}-${e.address}`))]})]})},Je=Le;export{Je as a};
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
2
- var _chunk46YHIOXGcjs = require('./chunk-46YHIOXG.cjs');var _chunkT2K2NOGZcjs = require('./chunk-T2K2NOGZ.cjs');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _jsxruntime = require('react/jsx-runtime');var y=({toggle:x,side:w,onChainSelect:i,onChainHover:l,containerHeight:N})=>{let[a,d]=_react.useState.call(void 0, ""),r=_chunkT2K2NOGZcjs.x.call(void 0, a,300),v=_chunk46YHIOXGcjs.c.call(void 0, ),s=_chunkT2K2NOGZcjs.e.call(void 0, v),u=_react2.default.useMemo(()=>{if(!r)return s;let e=r.toLowerCase();return s.filter(n=>n.displayName.toLowerCase().includes(e)||n.name.toLowerCase().includes(e)||n.id.toString().includes(e))},[s,r]),f=_react.useCallback.call(void 0, e=>i(e),[i]);return _jsxruntime.jsxs.call(void 0, "div",{className:"w-full h-full flex flex-col",children:[_jsxruntime.jsx.call(void 0, "div",{className:"flex-shrink-0",children:_jsxruntime.jsxs.call(void 0, "div",{className:"relative mt-1",children:[_jsxruntime.jsx.call(void 0, "input",{className:"w-full h-10 px-4 text-sm",style:{backgroundColor:"var(--widget-card)",color:"var(--widget-card-foreground)",border:"1px solid var(--widget-border)"},placeholder:"Search chains by name or chain ID...",autoComplete:"off",value:a,onChange:e=>d(e.target.value.toLowerCase())}),a&&_jsxruntime.jsx.call(void 0, "button",{type:"button",onClick:()=>d(""),className:"absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer rounded-full px-2 py-1 text-xs",style:{backgroundColor:"var(--widget-secondary)",color:"var(--widget-secondary-foreground)",border:"1px solid var(--widget-border)"},children:"clear"})]})}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex-1 min-h-0 overflow-auto mt-2",style:{backgroundColor:"var(--widget-background)"},children:[_jsxruntime.jsx.call(void 0, "p",{className:"my-2 ml-4 text-xs",style:{color:"var(--widget-muted-foreground)"},children:a?"Search Results":"Available Chains"}),u.length===0?_jsxruntime.jsx.call(void 0, "div",{className:"px-4 py-3 text-sm",style:{color:"var(--widget-muted-foreground)"},children:"Chain Not Found"}):u.map(e=>_jsxruntime.jsxs.call(void 0, "button",{type:"button",className:"w-full flex items-center justify-between p-3 cursor-pointer transition-colors",style:{borderBottom:"1px solid var(--widget-border)"},onClick:()=>f(e.id),onMouseEnter:()=>_optionalChain([l, 'optionalCall', _ => _(e.displayName)]),onMouseLeave:()=>_optionalChain([l, 'optionalCall', _2 => _2(null)]),children:[_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center space-x-3 min-w-0 flex-1",children:[_jsxruntime.jsx.call(void 0, "div",{className:"flex-shrink-0",children:_jsxruntime.jsx.call(void 0, _chunkT2K2NOGZcjs.M,{chain:e.id,size:"md"})}),_jsxruntime.jsx.call(void 0, "span",{className:"text-base font-medium truncate",style:{color:"var(--widget-foreground)"},children:e.displayName})]}),_jsxruntime.jsxs.call(void 0, "span",{className:"text-xs font-sans",style:{color:"var(--widget-muted-foreground)"},children:["Chain ID: ",e.id]})]},e.id))]})]})},M= exports.a =y;exports.a = M;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
2
- var _chunkT2K2NOGZcjs = require('./chunk-T2K2NOGZ.cjs');var _chunk34N36GUDcjs = require('./chunk-34N36GUD.cjs');var _zustand = require('zustand');var _react = require('react');var q=_zustand.create.call(void 0, )(t=>({baseToken:null,quoteToken:null,setBaseTokenDirect:e=>t({baseToken:e}),setQuoteTokenDirect:e=>t({quoteToken:e}),swapTokensDirect:()=>t(e=>({baseToken:e.quoteToken,quoteToken:e.baseToken}))}));function P(t){let{data:e,isLoading:c}=_chunkT2K2NOGZcjs.z.call(void 0, ),o=q(),T=_react.useRef.call(void 0, !1),n=_nullishCoalesce(_optionalChain([t, 'optionalAccess', _2 => _2.defaultBaseToken]), () => (null)),l=_nullishCoalesce(_optionalChain([t, 'optionalAccess', _3 => _3.defaultQuoteToken]), () => (null));_react.useEffect.call(void 0, ()=>{if(!e||e.length===0||T.current)return;T.current=!0;let u=S=>_nullishCoalesce(e.find(m=>m.chainId===S.chainId&&m.address.toLowerCase()===S.address.toLowerCase()), () => (null)),r=n?u(n):null,p=l?u(l):null;r&&p&&r.chainId===p.chainId&&r.address.toLowerCase()===p.address.toLowerCase()?(o.setBaseTokenDirect(r),o.setQuoteTokenDirect(null)):(o.setBaseTokenDirect(r),o.setQuoteTokenDirect(p))},[e,n,l,o]);let h=_react.useCallback.call(void 0, u=>{if(!u){o.setBaseTokenDirect(null);return}let r=q.getState();r.quoteToken&&u.chainId===r.quoteToken.chainId&&u.address.toLowerCase()===r.quoteToken.address.toLowerCase()?o.swapTokensDirect():o.setBaseTokenDirect(u)},[o]),f=_react.useCallback.call(void 0, u=>{if(!u){o.setQuoteTokenDirect(null);return}let r=q.getState();r.baseToken&&u.chainId===r.baseToken.chainId&&u.address.toLowerCase()===r.baseToken.address.toLowerCase()?o.swapTokensDirect():o.setQuoteTokenDirect(u)},[o]),w=_react.useCallback.call(void 0, ()=>{o.swapTokensDirect()},[o]);return{baseToken:o.baseToken,quoteToken:o.quoteToken,setBaseToken:h,setQuoteToken:f,swapTokens:w,isLoading:c}}var F=_zustand.create.call(void 0, )(t=>({view:"swap",isTransitioning:!1,transitionType:"navigation",isInverted:!1,selectedChainFilter:null,hoveredChainName:null,isRecipientInputOpen:!1,recipient:null,hasAllowanceError:!1,baseAmount:null,quoteAmount:null,isTrackingTx:!1,trackingOrderHash:null,txStatus:"pending",explorerUrl:null,exitHandler:null,walletTab:"wallet",assetSelectionSearch:"",assetSelectionChain:"all",assetSelectionCategory:"all",assetSelectionAddressInput:"",recentChainIds:[],toggleInverted:()=>t(e=>({isInverted:!e.isInverted})),setView:e=>t({view:e,isTransitioning:!0,...e!=="wallet"&&{walletTab:"wallet"}}),setWalletTab:e=>t({walletTab:e}),setIsTransitioning:e=>t({isTransitioning:e}),transitionToView:(e,c="navigation")=>t({isTransitioning:!0,transitionType:c,view:e,...e!=="wallet"&&{walletTab:"wallet"}}),setChainFilter:e=>t({selectedChainFilter:e}),setHoveredChainName:e=>t({hoveredChainName:e}),toggleRecipientInput:()=>t(e=>({isRecipientInputOpen:!e.isRecipientInputOpen,recipient:e.isRecipientInputOpen?null:e.recipient})),setRecipient:e=>t({recipient:e}),setHasAllowanceError:e=>t({hasAllowanceError:e}),setBaseAmount:e=>t({baseAmount:e}),setQuoteAmount:e=>t({quoteAmount:e}),clearAmounts:()=>t({baseAmount:null,quoteAmount:null}),setIsTrackingTx:e=>t({isTrackingTx:e}),setTrackingOrderHash:e=>t({trackingOrderHash:e}),setTxStatus:e=>t({txStatus:e}),setExplorerUrl:e=>t({explorerUrl:e}),startTracking:e=>t({isTrackingTx:!0,trackingOrderHash:e,txStatus:"pending",explorerUrl:null}),stopTracking:()=>t({isTrackingTx:!1,trackingOrderHash:null,txStatus:"pending",explorerUrl:null,exitHandler:null}),setExitHandler:e=>t({exitHandler:e}),setAssetSelectionSearch:e=>t({assetSelectionSearch:e}),setAssetSelectionChain:e=>t({assetSelectionChain:e}),setAssetSelectionCategory:e=>t({assetSelectionCategory:e}),setAssetSelectionAddressInput:e=>t({assetSelectionAddressInput:e}),pushRecentChain:e=>t(c=>{if(e===4326)return c;let T=c.recentChainIds.filter(n=>n!==e);return{recentChainIds:[e,...T].slice(0,3)}}),resetAssetSelection:()=>t({assetSelectionSearch:"",assetSelectionChain:"all",assetSelectionCategory:"all",assetSelectionAddressInput:""}),resetUI:()=>t({view:"swap",isTransitioning:!1,isInverted:!1,selectedChainFilter:null,hoveredChainName:null,isRecipientInputOpen:!1,recipient:null,hasAllowanceError:!1,baseAmount:null,quoteAmount:null,isTrackingTx:!1,trackingOrderHash:null,txStatus:"pending",explorerUrl:null,exitHandler:null,walletTab:"wallet",assetSelectionSearch:"",assetSelectionChain:"all",assetSelectionCategory:"all",assetSelectionAddressInput:""})}));var _viem = require('viem');var _shallow = require('zustand/react/shallow');var W=(t,e,c,o)=>{let{address:T}=_chunk34N36GUDcjs.a.call(void 0, ),{baseToken:n,quoteToken:l,setBaseToken:h,setQuoteToken:f,swapTokens:w,isLoading:u}=P({defaultBaseToken:t,defaultQuoteToken:e}),{baseAmount:r,quoteAmount:p,setBaseAmount:S,setQuoteAmount:m,clearAmounts:Q}=F(_shallow.useShallow.call(void 0, s=>({baseAmount:s.baseAmount,quoteAmount:s.quoteAmount,setBaseAmount:s.setBaseAmount,setQuoteAmount:s.setQuoteAmount,clearAmounts:s.clearAmounts}))),{data:R}=_chunkT2K2NOGZcjs.A.call(void 0, _optionalChain([n, 'optionalAccess', _4 => _4.address]),_optionalChain([n, 'optionalAccess', _5 => _5.chainId])),{data:L}=_chunkT2K2NOGZcjs.A.call(void 0, _optionalChain([l, 'optionalAccess', _6 => _6.address]),_optionalChain([l, 'optionalAccess', _7 => _7.chainId])),a=_react.useMemo.call(void 0, ()=>{if(!n)return null;let s=_nullishCoalesce(_optionalChain([R, 'optionalAccess', _8 => _8.price]), () => (n.price));return s===n.price?n:{...n,price:s}},[n,_optionalChain([R, 'optionalAccess', _9 => _9.price])]),i=_react.useMemo.call(void 0, ()=>{if(!l)return null;let s=_nullishCoalesce(_optionalChain([L, 'optionalAccess', _10 => _10.price]), () => (l.price));return s===l.price?l:{...l,price:s}},[l,_optionalChain([L, 'optionalAccess', _11 => _11.price])]),{baseBalance:A,quoteBalance:I,isLoading:D}=_chunkT2K2NOGZcjs.K.call(void 0, T,a,i),b=_react.useMemo.call(void 0, ()=>!A||A.raw==="0"?null:A,[A]),v=_react.useMemo.call(void 0, ()=>!I||I.raw==="0"?null:I,[I]),C=_react.useMemo.call(void 0, ()=>{if(!_optionalChain([a, 'optionalAccess', _12 => _12.chainId]))return!1;let s=_chunkT2K2NOGZcjs.c.call(void 0, a.chainId);return a.address.toLowerCase()===_optionalChain([s, 'optionalAccess', _13 => _13.gasToken, 'access', _14 => _14.address, 'optionalAccess', _15 => _15.toLowerCase, 'call', _16 => _16()])},[a]),x=_react.useMemo.call(void 0, ()=>{if(!_optionalChain([i, 'optionalAccess', _17 => _17.chainId]))return!1;let s=_chunkT2K2NOGZcjs.c.call(void 0, i.chainId);return i.address.toLowerCase()===_optionalChain([s, 'optionalAccess', _18 => _18.gasToken, 'access', _19 => _19.address, 'optionalAccess', _20 => _20.toLowerCase, 'call', _21 => _21()])},[i]),V=_react.useMemo.call(void 0, ()=>{if(!C||!_optionalChain([a, 'optionalAccess', _22 => _22.chainId])||!i||a.chainId!==i.chainId||a.chainId===988)return!1;let s=_chunkT2K2NOGZcjs.c.call(void 0, a.chainId);return i.address.toLowerCase()===_optionalChain([s, 'optionalAccess', _23 => _23.wrappedAsset, 'access', _24 => _24.address, 'optionalAccess', _25 => _25.toLowerCase, 'call', _26 => _26()])},[C,a,i]),G=_react.useMemo.call(void 0, ()=>{if(!_optionalChain([a, 'optionalAccess', _27 => _27.chainId])||!i||!x||a.chainId!==i.chainId||a.chainId===988)return!1;let s=_chunkT2K2NOGZcjs.c.call(void 0, a.chainId);return a.address.toLowerCase()===_optionalChain([s, 'optionalAccess', _28 => _28.wrappedAsset, 'access', _29 => _29.address, 'optionalAccess', _30 => _30.toLowerCase, 'call', _31 => _31()])},[a,i,x]),M=_react.useMemo.call(void 0, ()=>({raw:_nullishCoalesce(_optionalChain([b, 'optionalAccess', _32 => _32.raw]), () => ("0")),formatted:_nullishCoalesce(_optionalChain([b, 'optionalAccess', _33 => _33.formatted]), () => ("0"))}),[b]),_=_react.useMemo.call(void 0, ()=>({raw:_nullishCoalesce(_optionalChain([v, 'optionalAccess', _34 => _34.raw]), () => ("0")),formatted:_nullishCoalesce(_optionalChain([v, 'optionalAccess', _35 => _35.formatted]), () => ("0"))}),[v]),z=_react.useMemo.call(void 0, ()=>!a||typeof r!="number"||a.decimals===void 0||a.decimals===null?null:_viem.parseUnits.call(void 0, r.toFixed(a.decimals),a.decimals).toString(),[a,r]),J=_react.useMemo.call(void 0, ()=>!i||typeof p!="number"||i.decimals===void 0||i.decimals===null?null:_viem.parseUnits.call(void 0, p.toFixed(i.decimals),i.decimals).toString(),[i,p]),K=_react.useCallback.call(void 0, async s=>{h(s),m(null),_optionalChain([c, 'optionalCall', _36 => _36(s)])},[h,m,c]),X=_react.useCallback.call(void 0, async s=>{f(s),_optionalChain([o, 'optionalCall', _37 => _37(s)])},[f,o]),Y=_react.useCallback.call(void 0, s=>S(s),[S]),Z=_react.useCallback.call(void 0, s=>m(s),[m]),$=_react.useCallback.call(void 0, ()=>{w(),F.getState().toggleInverted(),l&&_optionalChain([c, 'optionalCall', _38 => _38(l)]),n&&_optionalChain([o, 'optionalCall', _39 => _39(n)])},[w,n,l,c,o]),j=_react.useCallback.call(void 0, ()=>Q(),[Q]);return{baseToken:a,baseAmount:r,quoteToken:i,quoteAmount:p,isBaseGasToken:C,isQuoteGasToken:x,isWrappingPair:V,isUnwrappingPair:G,baseBalance:M,quoteBalance:_,baseAmountRaw:z,quoteAmountRaw:J,isBaseBalanceLoading:D,isQuoteBalanceLoading:D,isRegistryLoading:u,setBaseToken:K,setQuoteToken:X,setBaseAmount:Y,setQuoteAmount:Z,swapTokens:$,clearForm:j}};var _jsxruntime = require('react/jsx-runtime');var N=_react.createContext.call(void 0, null),ye= exports.e =({children:t,defaultBaseToken:e,defaultQuoteToken:c,onBaseTokenChange:o,onQuoteTokenChange:T})=>{let n=W(e,c,o,T),l=_react.useMemo.call(void 0, ()=>n,[n.baseToken,n.quoteToken,n.baseAmount,n.quoteAmount,n.isBaseGasToken,n.isQuoteGasToken,n.isWrappingPair,n.isUnwrappingPair,n.baseBalance,n.quoteBalance,n.baseAmountRaw,n.quoteAmountRaw,n.isBaseBalanceLoading,n.isQuoteBalanceLoading,n.setBaseToken,n.setQuoteToken,n.setBaseAmount,n.setQuoteAmount,n.swapTokens,n.clearForm,n.isRegistryLoading]);return _jsxruntime.jsx.call(void 0, N.Provider,{value:l,children:t})},Be= exports.f =()=>{let t=_react.useContext.call(void 0, N);if(!t)throw new Error("useSwapFormContext must be used within SwapFormProvider");return t};exports.a = q; exports.b = P; exports.c = F; exports.d = W; exports.e = ye; exports.f = Be;
@@ -1,2 +0,0 @@
1
- "use client";
2
- import{G as l}from"./chunk-DUMYILH6.js";import{createContext as d,useContext as c,useMemo as f}from"react";var h=d({apiKey:void 0,web3ConnectionType:"custom",enabledChains:[],supportedInputTokens:[],supportedOutputTokens:[],supportedInputChains:[],supportedOutputChains:[],inputSelectionSearch:!0,outputSelectionSearch:!0,showInputSelectionTokenBalances:!0,showOutputSelectionTokenBalances:!0,lockBase:!1,lockQuote:!1,disableInverting:!1,defaultSlippage:.01,widgetType:"default",tokenDisplay:"default",tokenBadgeOrientation:"left",assetMenuVariant:"default",amountInputVariant:"default",hideAmountInputSymbol:!1,swapButtonVariant:"default",swapHeaderVariant:"default",quoteLoaderVariant:"default",walletButtonEnabled:!0,hasConnectHandler:!1,customWalletUI:"builtin"});function s(){let e=c(h);return f(()=>e.widgetType==="compact"?{...e,amountInputVariant:"normal"}:e,[e])}import{useMemo as m}from"react";function w(){let{availableChainIds:e}=l(),{enabledChains:a,supportedInputTokens:o,supportedOutputTokens:u}=s();return m(()=>{let t=e,r=o.length>0,p=u.length>0;if(r&&p){let i=new Set([...o.map(n=>n.chainId),...u.map(n=>n.chainId)]);t=t.filter(n=>i.has(n))}else a.length>0&&(t=t.filter(i=>a.includes(i)));return t},[e,a,o,u])}export{h as a,s as b,w as c};